/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--demo-harbor-spread:1}}}@layer theme{:root,:host{--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-sans:"Google Sans Variable", "Google Sans Fallback", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--font-weight-normal:400;--font-weight-medium:500;--spacing-0:0rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-15:3.75rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-control-sm:2.25rem;--spacing-control-md:2.75rem;--spacing-control-lg:3rem;--spacing-control-x-sm:var(--spacing-4);--spacing-control-x-md:var(--spacing-6);--spacing-control-x-lg:var(--spacing-8);--container-page:72rem;--container-media:64rem;--container-headline:48rem;--container-faq:42rem;--container-lead:36rem;--container-plan:28rem;--tracking-display:-.045em;--tracking-title:-.03em;--tracking-wordmark:-.02em;--tracking-tight:-.01em;--tracking-normal:0em;--tracking-label:.16em;--leading-none:1;--leading-normal:1.5;--text-display:4.5rem;--text-display--line-height:1;--text-display--letter-spacing:-.045em;--text-display--font-weight:500;--text-price:3.75rem;--text-price--line-height:1;--text-price--letter-spacing:-.045em;--text-price--font-weight:500;--text-title:2.5rem;--text-title--line-height:1.1;--text-title--letter-spacing:-.03em;--text-title--font-weight:500;--text-lead:1.25rem;--text-lead--line-height:1.6;--text-body:1rem;--text-body--line-height:1.5;--text-ui:.9375rem;--text-ui--line-height:1.5;--text-small:.875rem;--text-small--line-height:1.4286;--text-caption:.75rem;--text-caption--line-height:1.3333;--text-label:.75rem;--text-label--line-height:1;--text-label--letter-spacing:.16em;--text-label--font-weight:500;--radius-sm:.5rem;--radius-md:.625rem;--radius-xl:1rem;--radius-2xl:1.25rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:focus-visible{outline:var(--ring-width-focus) solid var(--ring);outline-offset:var(--spacing-1)}*{border-color:var(--border)}.contents{display:contents}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--background);font-family:var(--font-sans);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;overflow-x:clip}.tabular{font-variant-numeric:tabular-nums}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.hero-dots{pointer-events:none;z-index:0;background-image:radial-gradient(circle, var(--foreground) 1px, transparent 1.4px);background-size:var(--spacing-6) var(--spacing-6);opacity:var(--dots);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 35%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 35%,#000 0%,#0000 72%)}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.copy-toast{z-index:50;top:calc(var(--spacing-3) + var(--spacing-12) + var(--spacing-3));right:var(--spacing-3);max-width:min(var(--container-plan), calc(100% - 2 * var(--spacing-3)));align-items:flex-start;gap:var(--spacing-2);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-xl);background:var(--popover);padding:var(--spacing-3) var(--spacing-4);display:flex;position:fixed;box-shadow:0 .25rem 1rem #00000014}.hero-stage{isolation:isolate;margin-top:calc(-1 * var(--site-sticky-header-offset));padding-top:var(--site-sticky-header-offset);position:relative}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:var(--spacing-0)}.inset-x-0{inset-inline:var(--spacing-0)}.top-0{top:var(--spacing-0)}.top-8{top:var(--spacing-8)}.top-full{top:100%}.right-0{right:var(--spacing-0)}.right-2{right:var(--spacing-2)}.bottom-full{bottom:100%}.left-0{left:var(--spacing-0)}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.bento-2{grid-column:span 2}.bento-4{grid-column:span 4}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.key-range{width:100%;height:var(--spacing-6);appearance:none;cursor:pointer;background:0 0;margin:0}.-mx-1{margin-inline:calc(var(--spacing-1) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing-1)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mt-12{margin-top:var(--spacing-12)}.mt-16{margin-top:var(--spacing-16)}.mt-24{margin-top:var(--spacing-24)}.mt-32{margin-top:var(--spacing-32)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.ml-auto{margin-left:auto}.bento-grid{gap:var(--spacing-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:var(--spacing-2);height:var(--spacing-2)}.size-3{width:var(--spacing-3);height:var(--spacing-3)}.size-4{width:var(--spacing-4);height:var(--spacing-4)}.size-5{width:var(--spacing-5);height:var(--spacing-5)}.size-12{width:var(--spacing-12);height:var(--spacing-12)}.size-24{width:var(--spacing-24);height:var(--spacing-24)}.size-control-lg{width:var(--spacing-control-lg);height:var(--spacing-control-lg)}.size-control-md{width:var(--spacing-control-md);height:var(--spacing-control-md)}.h-1{height:var(--spacing-1)}.h-4{height:var(--spacing-4)}.h-6{height:var(--spacing-6)}.h-8{height:var(--spacing-8)}.h-15{height:var(--spacing-15)}.h-20{height:var(--spacing-20)}.h-auto{height:auto}.h-control-lg{height:var(--spacing-control-lg)}.h-control-md{height:var(--spacing-control-md)}.h-control-sm{height:var(--spacing-control-sm)}.h-px{height:1px}.max-h-\(--bits-dropdown-menu-content-available-height\){max-height:var(--bits-dropdown-menu-content-available-height)}.min-h-control-md{min-height:var(--spacing-control-md)}.tip-box{width:max-content;max-width:15rem}.w-\(--bits-dropdown-menu-anchor-width\){width:var(--bits-dropdown-menu-anchor-width)}.w-control-md{width:var(--spacing-control-md)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-plan{width:var(--container-plan)}.max-w-faq{max-width:var(--container-faq)}.max-w-full{max-width:100%}.max-w-headline{max-width:var(--container-headline)}.max-w-lead{max-width:var(--container-lead)}.max-w-media{max-width:var(--container-media)}.max-w-page{max-width:var(--container-page)}.max-w-plan{max-width:var(--container-plan)}.min-w-0{min-width:var(--spacing-0)}.min-w-24{min-width:var(--spacing-24)}.min-w-32{min-width:var(--spacing-32)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-\(--bits-dropdown-menu-content-transform-origin\){transform-origin:var(--bits-dropdown-menu-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.cursor-default{cursor:default}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-aside{grid-template-columns:1fr var(--container-faq)}.grid-cols-header-action{grid-template-columns:1fr auto}.grid-cols-keys{grid-template-columns:minmax(0, .65fr) minmax(0, 1.55fr) minmax(0, 1.8fr) minmax(0, .9fr) var(--spacing-16)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.gap-16{gap:var(--spacing-16)}.gap-24{gap:var(--spacing-24)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-3) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-4) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-16) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-16) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing-1)}.gap-x-16{column-gap:var(--spacing-16)}.gap-y-8{row-gap:var(--spacing-8)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border{border-color:var(--border)}.border-destructive{border-color:var(--destructive)}.border-error-border{border-color:var(--error-border)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-\[\#fff\]{background-color:#fff}.bg-accent{background-color:var(--accent)}.bg-accent-brand{background-color:var(--accent-brand)}.bg-background,.bg-background\/80{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/80{background-color:color-mix(in oklab, var(--background) 80%, transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-header{background-color:var(--header)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/80{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/80{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-clip-padding{background-clip:padding-box}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-20{padding:var(--spacing-20)}.p-\[13px\]{padding:13px}.px-2{padding-inline:var(--spacing-2)}.px-3{padding-inline:var(--spacing-3)}.px-4{padding-inline:var(--spacing-4)}.px-5{padding-inline:var(--spacing-5)}.px-6{padding-inline:var(--spacing-6)}.px-8{padding-inline:var(--spacing-8)}.px-control-x-lg{padding-inline:var(--spacing-control-x-lg)}.px-control-x-md{padding-inline:var(--spacing-control-x-md)}.px-control-x-sm{padding-inline:var(--spacing-control-x-sm)}.py-2{padding-block:var(--spacing-2)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.py-6{padding-block:var(--spacing-6)}.py-8{padding-block:var(--spacing-8)}.py-16{padding-block:var(--spacing-16)}.py-20{padding-block:var(--spacing-20)}.py-24{padding-block:var(--spacing-24)}.py-32{padding-block:var(--spacing-32)}.pt-0{padding-top:var(--spacing-0)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pt-16{padding-top:var(--spacing-16)}.pt-20{padding-top:var(--spacing-20)}.pt-24{padding-top:var(--spacing-24)}.pt-28{padding-top:var(--spacing-28)}.pt-32{padding-top:var(--spacing-32)}.pr-2{padding-right:var(--spacing-2)}.pr-8{padding-right:var(--spacing-8)}.pb-4{padding-bottom:var(--spacing-4)}.pb-8{padding-bottom:var(--spacing-8)}.pb-24{padding-bottom:var(--spacing-24)}.pb-28{padding-bottom:var(--spacing-28)}.pb-32{padding-bottom:var(--spacing-32)}.pl-2{padding-left:var(--spacing-2)}.pl-5{padding-left:var(--spacing-5)}.pl-6{padding-left:var(--spacing-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-display{font-size:var(--text-display);line-height:var(--tw-leading,var(--text-display--line-height));letter-spacing:var(--tw-tracking,var(--text-display--letter-spacing));font-weight:var(--tw-font-weight,var(--text-display--font-weight))}.text-label{font-size:var(--text-label);line-height:var(--tw-leading,var(--text-label--line-height));letter-spacing:var(--tw-tracking,var(--text-label--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label--font-weight))}.text-price{font-size:var(--text-price);line-height:var(--tw-leading,var(--text-price--line-height));letter-spacing:var(--tw-tracking,var(--text-price--letter-spacing));font-weight:var(--tw-font-weight,var(--text-price--font-weight))}.text-title{font-size:var(--text-title);line-height:var(--tw-leading,var(--text-title--line-height));letter-spacing:var(--tw-tracking,var(--text-title--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title--font-weight))}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height))}.text-lead{font-size:var(--text-lead);line-height:var(--tw-leading,var(--text-lead--line-height))}.text-small{font-size:var(--text-small);line-height:var(--tw-leading,var(--text-small--line-height))}.text-ui{font-size:var(--text-ui);line-height:var(--tw-leading,var(--text-ui--line-height))}.text-\[15px\]{font-size:15px}.leading-none{--tw-leading:var(--leading-none);line-height:var(--leading-none)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-display{--tw-tracking:var(--tracking-display);letter-spacing:var(--tracking-display)}.tracking-label{--tw-tracking:var(--tracking-label);letter-spacing:var(--tracking-label)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-title{--tw-tracking:var(--tracking-title);letter-spacing:var(--tracking-title)}.tracking-wordmark{--tw-tracking:var(--tracking-wordmark);letter-spacing:var(--tracking-wordmark)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-brand{color:var(--accent-brand)}.text-background{color:var(--background)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-error{color:var(--error)}.text-error-border{color:var(--error-border)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.link-inline{text-decoration-line:underline;-webkit-text-decoration-color:var(--input);-webkit-text-decoration-color:var(--input);-webkit-text-decoration-color:var(--input);text-decoration-color:var(--input);text-underline-offset:var(--spacing-1)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-foreground{accent-color:var(--foreground)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.bar-blur{-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.select-none{-webkit-user-select:none;user-select:none}.\[--x\:4px\]{--x:4px}.\[prop\:value\]{prop:value}.paused{animation-play-state:paused}.running{animation-play-state:running}.not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}:is(:where(.group\/dropdown-menu-item):focus .group-focus\/dropdown-menu-item\:text-accent-foreground){color:var(--accent-foreground)}:is(:where(.group\/accordion-trigger)[aria-expanded=true] .group-aria-expanded\/accordion-trigger\:hidden){display:none}:is(:where(.group\/accordion-trigger)[aria-expanded=true] .group-aria-expanded\/accordion-trigger\:inline){display:inline}:is(:where(.group\/card)[data-size=sm] .group-data-\[size\=sm\]\/card\:px-4){padding-inline:var(--spacing-4)}:is(:where(.group\/card)[data-size=sm] .group-data-\[size\=sm\]\/card\:text-small){font-size:var(--text-small);line-height:var(--tw-leading,var(--text-small--line-height))}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus,:is(.focus\:\*\*\:text-accent-foreground:focus *),:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--accent-foreground)}.focus-visible\:border-destructive:focus-visible{border-color:var(--destructive)}.focus-visible\:focus-brand:focus-visible{outline:var(--ring-width-focus) solid var(--ring);outline-offset:var(--spacing-1)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]){padding-right:var(--spacing-1)}.has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]){padding-left:var(--spacing-1)}.has-data-\[slot\=card-action\]\:grid-cols-header-action:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:var(--spacing-0)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-closed\:animate-accordion-up[data-closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:animate-out[data-closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:overflow-hidden[data-closed]{overflow:hidden}.data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-horizontal\:h-px[data-horizontal]{height:1px}.data-horizontal\:w-full[data-horizontal]{width:100%}.data-inset\:pl-8[data-inset]{padding-left:var(--spacing-8)}.data-open\:animate-accordion-down[data-open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:animate-in[data-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:bg-accent[data-open]{background-color:var(--accent)}.data-open\:text-accent-foreground[data-open]{color:var(--accent-foreground)}.data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.data-vertical\:w-px[data-vertical]{width:1px}.data-vertical\:self-stretch[data-vertical]{align-self:stretch}.data-\[size\=sm\]\:gap-4[data-size=sm]{gap:var(--spacing-4)}.data-\[size\=sm\]\:py-4[data-size=sm]{padding-block:var(--spacing-4)}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto *)[data-slot=accordion-trigger-icon]{margin-left:auto}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 *)[data-slot=accordion-trigger-icon]{width:var(--spacing-4);height:var(--spacing-4)}:is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground *)[data-slot=accordion-trigger-icon]{color:var(--muted-foreground)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}@media (hover:hover){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}@media (width<=24.375rem){.narrow\:hidden{display:none}.narrow\:inline-flex{display:inline-flex}.narrow\:w-full{width:100%}.narrow\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.narrow\:flex-col{flex-direction:column}.narrow\:gap-2{gap:var(--spacing-2)}.narrow\:p-6{padding:var(--spacing-6)}.narrow\:px-4{padding-inline:var(--spacing-4)}.narrow\:px-6{padding-inline:var(--spacing-6)}.narrow\:pl-3{padding-left:var(--spacing-3)}.narrow\:text-title{font-size:var(--text-title);line-height:var(--tw-leading,var(--text-title--line-height));letter-spacing:var(--tw-tracking,var(--text-title--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title--font-weight))}}@media (width<=68.75rem){.compact\:flex{display:flex}.compact\:hidden{display:none}.compact\:inline-flex{display:inline-flex}.compact\:flex-none{flex:none}.compact\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width>=68.75rem){.wide\:grid{display:grid}.wide\:hidden{display:none}.wide\:justify-end{justify-content:flex-end}}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media (hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--foreground)}}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:var(--spacing-4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:var(--spacing-4);height:var(--spacing-4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:var(--spacing-6)}:is(:where(.group\/card)[data-size=sm] .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-4).border-b{padding-bottom:var(--spacing-4)}.\[\.border-t\]\:pt-6.border-t{padding-top:var(--spacing-6)}:is(:where(.group\/card)[data-size=sm] .group-data-\[size\=sm\]\/card\:\[\.border-t\]\:pt-4).border-t{padding-top:var(--spacing-4)}@media (hover:hover){.\[a\]\:hover\:bg-destructive\/80:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-destructive\/80:is(a):hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-t-2xl>*):is(img:first-child){border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}:is(.\*\:\[img\:last-child\]\:rounded-b-2xl>*):is(img:last-child){border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:var(--spacing-3)!important;height:var(--spacing-3)!important}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--gray-0:#fff;--gray-50:#fafafa;--gray-100:#f2f2f2;--gray-200:#e6e6e6;--gray-300:#ccc;--gray-400:#a3a3a3;--gray-500:#767676;--gray-600:#595959;--gray-700:#3d3d3d;--gray-800:#262626;--gray-900:#141414;--gray-950:#0a0a0a;--gray-1000:#000;--red-light:#c81e1e;--red-dark:#f87171;--brand-light:#157a63;--brand-dark:#83ead3;--rose-500:#f43f5e;--rose-600:#e11d48;--warm-light:#e0892f;--warm-dark:#ffb46b;--desk-a:#bbf3e7;--desk-b:#a2efde;--desk-c:#aef1e2;--desk-warm:#ffd6ae;--demo-ref-width:1512;--beam-m:.35;--beam-w:.12;--beam-mix:55%;--beam-fill-mint:#8fcec0;--beam-fill-warm:#fce0b4;--site-sticky-header-offset:calc(var(--spacing-3) + var(--spacing-15) + var(--spacing-3));--legal-toc-sticky-top:calc(var(--site-sticky-header-offset) + var(--spacing-6));--shadow-header-y:var(--spacing-1);--shadow-header-blur:var(--spacing-6);--shadow-header-color:var(--gray-1000)}@supports (color:color-mix(in lab, red, red)){:root{--shadow-header-color:color-mix(in srgb, var(--gray-1000) 10%, transparent)}}:root{--border-width-hairline:1px;--ring-width-focus:3px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-theme:cubic-bezier(.37, 0, .63, 1);--motion-press:.14s;--motion-state:.2s;--motion-page:.5s;--motion-theme:.42s;--motion-icon:.16s;--motion-icon-reduced:80ms;--background:#f7f7f7;--foreground:var(--gray-1000);--card:var(--gray-0);--card-foreground:var(--gray-1000);--popover:var(--gray-0);--popover-foreground:var(--gray-1000);--primary:var(--gray-1000);--primary-foreground:var(--gray-0);--secondary:var(--gray-100);--secondary-foreground:var(--gray-1000);--muted:var(--gray-100);--muted-foreground:var(--gray-600);--accent:var(--gray-100);--accent-foreground:var(--gray-1000);--destructive:var(--red-light);--destructive-foreground:var(--gray-0);--accent-brand:var(--brand-light);--accent-brand-foreground:var(--gray-0);--error:var(--rose-600);--error-border:var(--rose-500);--header:#fff9;--warm:var(--warm-light);--dots:.18;--border:var(--gray-200);--input:var(--gray-500);--ring:var(--gray-1000);--chart-1:var(--gray-300);--chart-2:var(--gray-500);--chart-3:var(--gray-600);--chart-4:var(--gray-700);--chart-5:var(--gray-1000);--sidebar:var(--gray-50);--sidebar-foreground:var(--gray-1000);--sidebar-primary:var(--gray-1000);--sidebar-primary-foreground:var(--gray-0);--sidebar-accent:var(--gray-100);--sidebar-accent-foreground:var(--gray-1000);--sidebar-border:var(--gray-200);--sidebar-ring:var(--gray-1000);--income:var(--gray-1000);--expense:var(--gray-700)}.dark{--background:#0f0f0f;--foreground:var(--gray-0);--card:#1e1e1e;--card-foreground:var(--gray-0);--popover:var(--gray-900);--popover-foreground:var(--gray-0);--primary:var(--gray-0);--primary-foreground:var(--gray-1000);--secondary:var(--gray-900);--secondary-foreground:var(--gray-0);--muted:var(--gray-900);--muted-foreground:var(--gray-400);--accent:var(--gray-800);--accent-foreground:var(--gray-0);--destructive:var(--red-dark);--destructive-foreground:var(--gray-1000);--accent-brand:var(--brand-dark);--accent-brand-foreground:var(--gray-1000);--error:var(--rose-500);--error-border:var(--rose-500);--header:#0000008c;--beam-mix:70%;--beam-fill-mint:#3d8f7e;--beam-fill-warm:#e8a870;--warm:var(--warm-dark);--dots:.22;--border:var(--gray-800);--input:var(--gray-500);--ring:var(--gray-0);--chart-1:var(--gray-700);--chart-2:var(--gray-500);--chart-3:var(--gray-400);--chart-4:var(--gray-300);--chart-5:var(--gray-0);--sidebar:var(--gray-950);--sidebar-foreground:var(--gray-0);--sidebar-primary:var(--gray-0);--sidebar-primary-foreground:var(--gray-1000);--sidebar-accent:var(--gray-800);--sidebar-accent-foreground:var(--gray-0);--sidebar-border:var(--gray-800);--sidebar-ring:var(--gray-0);--income:var(--gray-0);--expense:var(--gray-300)}@font-face{font-family:Google Sans Variable;font-style:normal;font-weight:400 500;font-display:swap;src:url(../../../fonts/google-sans-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:Google Sans Fallback;font-style:normal;font-weight:400;src:local(Arial);size-adjust:99.6%;ascent-override:97%;descent-override:28.7%;line-gap-override:0%}@font-face{font-family:Google Sans Fallback;font-style:normal;font-weight:500;src:local(Arial);size-adjust:104%;ascent-override:92.9%;descent-override:27.5%;line-gap-override:0%}.legal-toc-column{flex-direction:column;display:flex}.legal-toc-heading{margin:0 0 var(--spacing-2)}.legal-toc-nav{align-self:start}@media (width>=68.75rem){.legal-toc-nav{top:var(--legal-toc-sticky-top);max-height:calc(100dvh - var(--legal-toc-sticky-top) - var(--spacing-6));position:sticky;overflow-y:auto}}.legal-toc-list{margin:0;padding:0;list-style:none}.legal-toc-link:is(:hover,:focus-visible,[aria-current=location]){background-color:var(--primary);color:var(--primary-foreground)}.legal-body-grid{align-items:start}@media not all and (width<=24.375rem){.legal-body-grid>header{grid-column:2}.legal-toc-nav{grid-area:1/1/span 2}.legal-article{grid-column:2}}.legal-article>.legal-section-heading:first-of-type{margin-top:0}.legal-section-heading{scroll-margin-top:var(--legal-toc-sticky-top)}.hero-beam{pointer-events:none;z-index:0;width:100%;height:clamp(13.5rem,22vw,21rem);position:absolute;top:0;left:0;overflow:hidden}.hero-beam-sweep{transform-box:view-box;animation:20s linear infinite hero-beam-sweep}@keyframes hero-beam-sweep{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.hero-beam-sweep{animation:none}}.header-capsule-shadow{box-shadow:0 var(--shadow-header-y) var(--shadow-header-blur) var(--shadow-header-color)}.site-lockup{align-items:center;gap:.4375rem;line-height:1;display:inline-flex}.site-lockup-mark{width:var(--spacing-4);height:var(--spacing-4);object-fit:contain;flex-shrink:0;display:block}.site-lockup-wordmark-frame{flex-shrink:0;width:4.9375rem;height:.6875rem;display:inline-block;position:relative}.site-lockup-header .site-lockup-mark{width:var(--spacing-6);height:var(--spacing-6)}.site-lockup-header .site-lockup-wordmark-frame{width:calc(var(--spacing-12) * 1.9);height:var(--spacing-3)}.site-lockup-wordmark{object-fit:contain;object-position:left center;width:100%;height:100%;position:absolute;inset:0}.site-lockup-wordmark-light{display:block}.site-lockup-wordmark-dark,.dark .site-lockup-wordmark-light{display:none}.dark .site-lockup-wordmark-dark{display:block}.site-shell{flex-direction:column;min-height:100dvh;display:flex}.site-page{flex-direction:column;flex:auto;display:flex}.site-main{flex:auto;position:relative}.marketing-hdr-shell,.dashboard-main{width:calc(100% - var(--spacing-8));max-width:var(--container-page);padding-inline:var(--spacing-8);margin-inline:auto}.marketing-hdr-shell{top:var(--spacing-3);z-index:40;margin-top:var(--spacing-3);position:sticky;overflow-x:clip}.marketing-hdr-capsule{min-width:0}.marketing-hdr-menu-panel{margin-top:var(--spacing-2);box-shadow:0 var(--spacing-2) var(--spacing-8) var(--gray-1000)}@supports (color:color-mix(in lab, red, red)){.marketing-hdr-menu-panel{box-shadow:0 var(--spacing-2) var(--spacing-8) color-mix(in srgb, var(--gray-1000) 16%, transparent)}}.marketing-hdr-actions{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:inline-flex}.marketing-hdr-actions :is(.marketing-hdr-icon,[aria-label^=Theme\:]){width:var(--spacing-control-md);height:var(--spacing-control-md);min-width:var(--spacing-control-md);min-height:var(--spacing-control-md)}.marketing-hdr-actions :is(.marketing-hdr-icon,[aria-label^=Theme\:]):is(:hover,[aria-expanded=true]){background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.marketing-hdr-actions :is(.marketing-hdr-icon,[aria-label^=Theme\:]):is(:hover,[aria-expanded=true]){background-color:color-mix(in srgb, var(--foreground) 10%, transparent)}}.account-menu-width{max-width:min(var(--container-plan), calc(100vw - 2 * var(--spacing-8)))}.marketing-hdr-account[data-account-link=out]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.marketing-hdr-account[data-account-link=out]{background-color:color-mix(in srgb, var(--foreground) 6%, transparent)}}.marketing-hdr-account[data-account-link=out]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.marketing-hdr-account[data-account-link=out]:hover{background-color:color-mix(in srgb, var(--foreground) 10%, transparent)}}@media (width<=24.375rem){.marketing-hdr-actions,.marketing-hdr-capsule .site-lockup-header{gap:var(--spacing-1)}.marketing-hdr-capsule .site-lockup-header .site-lockup-mark{width:var(--spacing-5);height:var(--spacing-5)}.marketing-hdr-capsule .site-lockup-header .site-lockup-wordmark-frame{width:var(--spacing-16)}.marketing-hdr-capsule nav{flex:1}.marketing-hdr-shell,.dashboard-main{width:calc(100% - var(--spacing-6));padding-inline:var(--spacing-4)}.marketing-hdr-shell{padding-inline:var(--spacing-2)}}.demo-cta{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.demo-cta{border-color:color-mix(in srgb, var(--foreground) 45%, transparent)}}@media (width<=68.75rem){.bento-grid{grid-template-columns:minmax(0,1fr)}.bento-4,.bento-2{grid-column:auto}}.key-range::-webkit-slider-runnable-track{height:var(--spacing-1);background:linear-gradient(to right, var(--foreground) var(--p,0%), var(--border) var(--p,0%));border-radius:9999px}.key-range::-webkit-slider-thumb{appearance:none;width:var(--spacing-6);height:var(--spacing-6);border:var(--border-width-hairline) solid var(--foreground);background:var(--foreground);border-radius:9999px;margin-top:-10px}.key-range:focus-visible::-webkit-slider-thumb{outline:var(--ring-width-focus) solid var(--ring);outline-offset:var(--spacing-1)}.key-range::-moz-range-track{height:var(--spacing-1);background:var(--border);border:none;border-radius:9999px}.key-range::-moz-range-progress{height:var(--spacing-1);background:var(--foreground)}.key-range::-moz-range-thumb{width:var(--spacing-6);height:var(--spacing-6);background:var(--foreground);border:none;border-radius:9999px}.copy-toast.beside-app-bar{top:var(--spacing-3)}.account-dialog{width:min(100% - var(--spacing-8), var(--container-plan));border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-2xl);background:var(--popover);padding:var(--spacing-8);color:var(--foreground)}.account-dialog::backdrop{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.account-dialog::backdrop{background:color-mix(in srgb, var(--background) 72%, transparent)}}.copy-toast.toast-err{border-color:var(--error-border);color:var(--error)}@media (width<=68.75rem){.key-stack{grid-template-columns:minmax(0,1fr)}}[data-slot=dropdown-menu-content].key-menu{max-width:calc(100vw - var(--spacing-8));white-space:nowrap;overflow:visible;width:max-content!important;min-width:calc(var(--spacing-32) + var(--spacing-24))!important}.demo-frame{border-radius:var(--radius-2xl);padding:var(--spacing-1);background:var(--gray-1000);box-shadow:0 var(--spacing-2) var(--spacing-8) var(--gray-1000)}@supports (color:color-mix(in lab, red, red)){.demo-frame{box-shadow:0 var(--spacing-2) var(--spacing-8) color-mix(in srgb, var(--gray-1000) 16%, transparent)}}.mac-stage{--demo-menubar-h:max(1.5rem, calc(37 / var(--demo-ref-width) * 100cqw));--demo-window-header-height:max(30px, calc(42 / var(--demo-ref-width) * 100cqw));--demo-window-title-size:max(10px, calc(14 / var(--demo-ref-width) * 100cqw));--demo-notch-height:var(--demo-menubar-h);--demo-notch-half-width:min(calc(var(--demo-notch-height) * 2.4), 10cqw);--demo-harbor-inset:calc(8 / var(--demo-ref-width) * 100cqw);--demo-harbor-radius:max(var(--spacing-2), calc(12 / var(--demo-ref-width) * 100cqw));--demo-harbor-padding:calc(var(--demo-harbor-radius) * 1.5 + var(--spacing-2));--demo-harbor-menu-gap:3px;--demo-harbor-bar-h:calc(var(--demo-notch-height) * 46 / 32);--demo-harbor-item-h:calc(var(--demo-harbor-bar-h) * 32 / 46);--demo-harbor-font-size:max(11px, calc(13 / var(--demo-ref-width) * 100cqw));isolation:isolate;aspect-ratio:16/10;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(ellipse 82% 49% at 50% 105%, var(--desk-warm) 0%, var(--desk-warm) 24%, var(--desk-warm) 60%, transparent 100%), linear-gradient(180deg, var(--desk-a) 0%, var(--desk-b) 46%, var(--desk-c) 100%);border-top:0;border-start-start-radius:var(--spacing-3);border-start-end-radius:var(--spacing-3);min-height:18rem;position:relative;overflow:hidden;container-type:inline-size}@supports (color:color-mix(in lab, red, red)){.mac-stage{background:radial-gradient(ellipse 82% 49% at 50% 105%, var(--desk-warm) 0%, color-mix(in oklab, var(--desk-warm) 72%, transparent) 24%, color-mix(in oklab, var(--desk-warm) 26%, transparent) 60%, transparent 100%), linear-gradient(180deg, var(--desk-a) 0%, var(--desk-b) 46%, var(--desk-c) 100%)}}.demo-frame>.mac-stage{border-radius:calc(var(--radius-2xl) - var(--spacing-1));border:0}@media (width<=56.25rem){.mac-stage{--demo-layout:stacked;aspect-ratio:4/5}}.demo-menubar{z-index:0;height:var(--demo-menubar-h);justify-content:space-between;align-items:center;gap:var(--spacing-2);padding-inline:calc(var(--demo-harbor-inset) + var(--demo-harbor-padding));color:var(--foreground);font-size:max(11px, calc(13 / var(--demo-ref-width) * 100cqw));pointer-events:none;line-height:1.2;display:flex;position:absolute;top:0;left:0;right:0}.demo-menubar:before{background:var(--header);content:"";-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);position:absolute;inset:0}.demo-menubar-app{font-weight:700}.demo-menubar-leading{align-items:center;gap:var(--spacing-3);min-width:0;display:flex;position:relative}.demo-menubar-menus{align-items:center;gap:max(.5rem, calc(12 / var(--demo-ref-width) * 100cqw));display:none}@media (width>=56.25rem){.demo-menubar-menus{display:inline-flex}}@container (width<=36rem){.demo-menubar-menu-optional{display:none}}@container (width<=19rem){.demo-menubar-clock{display:none}}.demo-menubar-status{align-items:center;gap:var(--spacing-2);min-width:0;display:inline-flex;position:relative}.demo-menubar-status-icons{align-items:center;gap:var(--spacing-2);display:inline-flex}.demo-menubar-status-icon{width:var(--spacing-3);height:var(--spacing-3);opacity:.88;flex-shrink:0}.demo-menubar-clock{white-space:nowrap;flex-shrink:0}.demo-mbar-icon,.demo-mbar-icon-static{width:var(--spacing-6);height:var(--spacing-5);border-radius:var(--radius-sm);color:var(--foreground);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.demo-mbar-icon{pointer-events:auto}.demo-menubar-status>:is(.demo-mbar-icon,.demo-mbar-icon-static){width:var(--spacing-3);position:relative}.demo-menubar-status>button:before{inset:calc(-1 * var(--spacing-1));content:"";position:absolute}@container (width<=28rem){.demo-menubar-status-icons{display:none}}.demo-mbar-icon-svg{width:var(--spacing-3);height:var(--spacing-3);display:block}.demo-notch-svg{z-index:13;width:calc(var(--demo-notch-half-width) * 2);height:var(--demo-notch-height);pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.demo-notch-svg path{fill:var(--gray-1000);shape-rendering:geometricprecision;stroke:none}.demo-notch-hit{top:0;left:calc(50% - var(--demo-notch-half-width));z-index:25;width:calc(var(--demo-notch-half-width) * 2);height:var(--demo-notch-height);cursor:pointer;pointer-events:auto;background:0 0;border:none;margin:0;padding:0;position:absolute}.demo-keycap{z-index:30;top:var(--spacing-3);right:var(--spacing-3);min-height:var(--spacing-8);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-md);background:var(--card);align-items:center;display:inline-flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.demo-keycap{background:color-mix(in srgb, var(--card) 88%, transparent)}}.demo-keycap{padding-inline:var(--spacing-3);padding-block:var(--spacing-1);font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--card-foreground);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);box-shadow:0 var(--spacing-1) var(--spacing-3) var(--gray-1000)}@supports (color:color-mix(in lab, red, red)){.demo-keycap{box-shadow:0 var(--spacing-1) var(--spacing-3) color-mix(in srgb, var(--gray-1000) 18%, transparent)}}.demo-keycap[aria-pressed=true]{border-color:var(--accent-brand)}.harbor-layer{z-index:25;height:10%;min-height:var(--spacing-6);pointer-events:none;overflow:visible}.harbor-layer-open{height:var(--demo-harbor-bar-h);min-height:0}.demo-harbor-open{pointer-events:none;position:absolute;inset:0}@property --demo-harbor-spread{syntax:"<number>";inherits:false;initial-value:1}.demo-harbor-bar{--demo-harbor-spread:1;--edge:calc((50% - var(--demo-notch-half-width)) * (1 - var(--demo-harbor-spread)));--radius:min(var(--demo-harbor-radius), calc(var(--demo-harbor-bar-h) / 2));--shoulder:calc(var(--radius) * clamp(0, (var(--demo-harbor-spread) - .65) / .35, 1));--wall:calc(var(--edge) + var(--shoulder) * 1.5);--far-wall:calc(100% - var(--wall));--height:calc(var(--demo-notch-height) + (var(--demo-harbor-bar-h) - var(--demo-notch-height)) * var(--demo-harbor-spread));--bottom-left:calc(var(--wall) + var(--radius));--bottom-right:calc(100% - var(--bottom-left));--bottom-curve-top:calc(100% - var(--radius));top:calc(-1 * var(--border-width-hairline));right:var(--demo-harbor-inset);left:var(--demo-harbor-inset);z-index:14;height:calc(var(--height) + var(--border-width-hairline));clip-path:inset(0 var(--edge) round 0 0 var(--radius) var(--radius));clip-path:shape(from var(--edge) 0, line to calc(100% - var(--edge)) 0, curve to var(--far-wall) var(--shoulder) with var(--far-wall) 0 from origin, line to var(--far-wall) var(--bottom-curve-top), curve to var(--bottom-right) 100% with var(--far-wall) 100% from origin, line to var(--bottom-left) 100%, curve to var(--wall) var(--bottom-curve-top) with var(--wall) 100% from origin, line to var(--wall) var(--shoulder), curve to var(--edge) 0 with var(--wall) 0 from origin, close);background:var(--gray-1000);color:var(--gray-0);pointer-events:auto;position:absolute}.harbor-tray-items{box-sizing:border-box;justify-content:flex-start;align-items:center;gap:clamp(var(--spacing-1), calc(8 / var(--demo-ref-width) * 100cqw), var(--spacing-2));overscroll-behavior-x:contain;height:100%;padding-block-start:var(--border-width-hairline);padding-inline:var(--demo-harbor-padding);pointer-events:auto;scrollbar-width:none;flex-wrap:nowrap;display:flex;position:relative;overflow-x:auto}.harbor-tray-items::-webkit-scrollbar{display:none}.harbor-item{align-items:center;gap:max(var(--spacing-1), calc(6 / var(--demo-ref-width) * 100cqw));max-width:min(42cqw,22rem);height:var(--demo-harbor-item-h);border-radius:var(--radius-sm);padding-inline:var(--spacing-1);color:inherit;font-size:var(--demo-harbor-font-size);white-space:nowrap;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-weight:500;line-height:1.2;display:inline-flex}.harbor-item:hover,.harbor-item:focus-visible,.harbor-item[aria-expanded=true]{background:var(--gray-0)}@supports (color:color-mix(in lab, red, red)){.harbor-item:hover,.harbor-item:focus-visible,.harbor-item[aria-expanded=true]{background:color-mix(in srgb, var(--gray-0) 11%, transparent)}}.harbor-item-glyph{width:max(11px, calc(12.5 / var(--demo-ref-width) * 100cqw));height:max(11px, calc(12.5 / var(--demo-ref-width) * 100cqw));opacity:.78;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.harbor-folder .harbor-item-glyph{color:var(--red-dark);opacity:1}.harbor-item-glyph-icon{width:100%;height:100%}.harbor-item-label{text-overflow:ellipsis;overflow:hidden}.harbor-item-chevron{width:max(8px, calc(12 / var(--demo-ref-width) * 100cqw));height:max(8px, calc(12 / var(--demo-ref-width) * 100cqw));opacity:.7;flex-shrink:0}#demo .harbor-tray-items{overflow:hidden}.harbor-tray-items [data-overflowed]{visibility:hidden;position:absolute;inset-inline-start:0}.harbor-more{min-width:var(--spacing-4);height:var(--demo-harbor-item-h);color:inherit;opacity:.85;cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;margin-inline-start:auto;padding:0;display:inline-grid}.harbor-more-icon{width:var(--spacing-3);height:var(--spacing-3)}.harbor-more:hover{opacity:.65}.harbor-folder-menu{border-color:var(--gray-0)}@supports (color:color-mix(in lab, red, red)){.harbor-folder-menu{border-color:color-mix(in srgb, var(--gray-0) 16%, transparent)}}.harbor-folder-menu{background:var(--gray-1000);color:var(--gray-0)}.harbor-folder-menu[data-side=bottom]{translate:0 calc((var(--demo-harbor-bar-h) - var(--demo-harbor-item-h)) / 2)}.harbor-folder-menu [role=menuitem]{font-size:var(--demo-harbor-font-size);font-weight:500;line-height:1.2}body:has(#harbor-tray[data-testid=harbor-closed]) .harbor-folder-menu[data-zone=harbor]{display:none}.harbor-item,.harbor-more,.demo-notch-hit,.harbor-folder-menu{--ring:var(--gray-0)}#demo [data-demo-active=true]{border-color:var(--foreground);background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){#demo [data-demo-active=true]{background:color-mix(in srgb, var(--foreground) 9%, transparent)}}.harbor-folder-menu :is([data-highlighted],.feature-example-selected){background:var(--gray-0)}@supports (color:color-mix(in lab, red, red)){.harbor-folder-menu :is([data-highlighted],.feature-example-selected){background:color-mix(in srgb, var(--gray-0) 15%, transparent)}}.harbor-folder-menu :is([data-highlighted],.feature-example-selected){color:var(--gray-0)}@container (width<=28rem){.mac-preview-chrome{gap:4px;padding-inline:4px}.mac-preview-tool{width:28px;min-width:28px;height:28px;min-height:28px}}@media (width<=24.375rem){#demo .demo-menubar-status-icons{display:none}#demo .mac-preview-chrome{gap:4px;padding-inline:4px}#demo .mac-preview-tool{width:28px;min-width:28px;height:28px;min-height:28px}}.maker-credit{align-items:center;gap:.375rem;display:inline-flex}.maker-avatar{aspect-ratio:1;background:var(--gray-0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex;overflow:hidden}.maker-avatar-picture{display:contents}.maker-avatar-sm{height:var(--spacing-5)}.maker-avatar-md{height:1.5rem}.maker-avatar-img{object-fit:contain;object-position:center;border:none;width:auto;max-width:none;height:100%;display:block}@media (prefers-reduced-motion:reduce){.harbor-layer{transition:none}}.mac-stage-tall{aspect-ratio:4/5}.demo-stack{right:var(--spacing-3);top:calc(var(--spacing-6) + var(--spacing-4));z-index:5;width:var(--spacing-16);gap:var(--spacing-2);opacity:.92;flex-direction:column;display:flex}.demo-stack-win{height:var(--spacing-10);border-radius:var(--radius-md);border:var(--border-width-hairline) solid var(--gray-1000)}@supports (color:color-mix(in lab, red, red)){.demo-stack-win{border:var(--border-width-hairline) solid color-mix(in srgb, var(--gray-1000) 24%, transparent)}}.demo-stack-win{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.demo-stack-win{background:color-mix(in srgb, var(--card) 92%, transparent)}}.demo-stack-b{height:var(--spacing-8)}.demo-stack-c{height:var(--spacing-6)}.mac-notes{z-index:8;border:var(--border-width-hairline) solid var(--border);border-radius:var(--spacing-3);background:var(--card);width:43%;height:52%;box-shadow:0 var(--spacing-2) var(--spacing-6) var(--gray-1000);flex-direction:column;display:flex;top:22%;left:5%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mac-notes{box-shadow:0 var(--spacing-2) var(--spacing-6) color-mix(in srgb, var(--gray-1000) 12%, transparent)}}@media (prefers-reduced-motion:no-preference){.mac-preview-touring{transition-property:left,top,width,height;transition-duration:.32s;transition-timing-function:var(--ease-in-out)}}.mac-notes .mac-win-bar{height:var(--demo-window-header-height);padding:0 var(--spacing-3);gap:var(--spacing-2);border-bottom:var(--border-width-hairline) solid var(--border);flex-shrink:0}.mac-win{border:var(--border-width-hairline) solid var(--foreground);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mac-win{border:var(--border-width-hairline) solid color-mix(in srgb, var(--foreground) 13%, transparent)}}.mac-win{border-radius:calc(20 / var(--demo-ref-width) * 100cqw);background:var(--background);color:var(--foreground);box-shadow:0 calc(6 / var(--demo-ref-width) * 100cqw) calc(24 / var(--demo-ref-width) * 100cqw) var(--foreground)}@supports (color:color-mix(in lab, red, red)){.mac-win{box-shadow:0 calc(6 / var(--demo-ref-width) * 100cqw) calc(24 / var(--demo-ref-width) * 100cqw) color-mix(in srgb, var(--foreground) 12%, transparent)}}.mac-preview{--preview-point:min(1px, calc(100cqw / var(--demo-ref-width)));--preview-edge-inset:max(var(--spacing-1), calc(10 * var(--preview-point)));border-radius:max(var(--radius-md), calc(20 * var(--preview-point)));background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.mac-preview{background-color:color-mix(in srgb, var(--card) 86%, transparent)}}.mac-preview{-webkit-backdrop-filter:blur(var(--spacing-4));backdrop-filter:blur(var(--spacing-4))}.mac-preview-chrome{height:var(--demo-window-header-height);align-items:center;gap:max(var(--spacing-1), calc(8 * var(--preview-point)));padding-inline:var(--spacing-3);cursor:grab;flex-shrink:0;display:flex}.mac-preview-chrome-dragging{cursor:grabbing}.mac-preview-traffic,.bento-browser-traffic,.demo-peek-traffic,.mac-notes-traffic{align-items:center;gap:var(--spacing-1);flex:none;display:flex}.mac-preview-traffic{min-width:calc(78 * var(--preview-point));padding-inline-start:calc(6 * var(--preview-point))}.mac-traffic{border-radius:50%;flex:0 0 7px;width:7px;height:7px;display:block}.mac-traffic-close{background:#ff5f57}button.mac-traffic-close{cursor:pointer;border:none;padding:0}.mac-traffic-minimize{background:#febc2e}.mac-traffic-zoom{background:#28c840}.mac-preview-tool-group{align-items:center;gap:max(2px, calc(4 * var(--preview-point)));flex-shrink:0;display:inline-flex}.mac-preview-tool-group-end{margin-left:auto}.mac-preview-tool{width:max(1rem, calc(34 * var(--preview-point)));height:max(1rem, calc(34 * var(--preview-point)));color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.mac-preview-tool:hover:not(:disabled),.mac-preview-tool-selected{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.mac-preview-tool:hover:not(:disabled),.mac-preview-tool-selected{background:color-mix(in srgb, var(--foreground) 8%, transparent)}}.mac-preview-tool:hover:not(:disabled),.mac-preview-tool-selected{color:var(--foreground)}.mac-preview-tool:focus-visible{outline:var(--ring-width-focus) solid var(--ring);outline-offset:var(--spacing-1)}.mac-preview-tool:disabled{opacity:.42;cursor:default}.mac-preview-tool-icon{width:max(10px, calc(15 * var(--preview-point)));height:max(10px, calc(15 * var(--preview-point)))}.mac-preview-tool-icon-accent{color:var(--accent-brand)}.mac-preview-url{flex:auto;align-items:center;min-width:0;display:flex}.mac-preview-url-text{width:100%;font-size:var(--demo-window-title-size);text-align:start;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);font-weight:500;line-height:1.2;overflow:hidden}.mac-preview-body{min-height:0;margin:var(--preview-edge-inset);overscroll-behavior:contain;border:var(--border-width-hairline) solid var(--border);border-radius:max(var(--radius-sm), var(--preview-edge-inset));background:var(--background);color:var(--foreground);flex:auto;overflow:auto}.mac-preview-loading{justify-content:center;align-items:center;gap:var(--spacing-2);min-height:100%;font-size:var(--text-caption);color:var(--muted-foreground);flex-direction:column;display:flex}.demo-webpage-header{padding:var(--spacing-2) var(--spacing-3);border-bottom:var(--border-width-hairline) solid var(--border);font-size:var(--text-caption);font-weight:600}.demo-webpage-content{gap:var(--spacing-2);max-width:52ch;padding:var(--spacing-4) var(--spacing-3);font-size:var(--text-caption);line-height:var(--text-caption--line-height);margin-inline:auto;display:grid}.demo-webpage-content h4{font-size:var(--text-body);overflow-wrap:anywhere;font-weight:600;line-height:1.18}.demo-webpage-content p{color:var(--muted-foreground)}.demo-peek-page{justify-content:safe center;align-items:center;gap:clamp(var(--spacing-2), 3cqw, var(--spacing-4));min-height:100%;padding:var(--spacing-3) var(--spacing-2);background:radial-gradient(ellipse at top, var(--desk-b), transparent 60%), var(--background);flex-direction:column;display:flex;container-type:inline-size}@supports (color:color-mix(in lab, red, red)){.demo-peek-page{background:radial-gradient(ellipse at top, color-mix(in srgb, var(--desk-b) 36%, transparent), transparent 60%), var(--background)}}.demo-peek-brand{align-items:center;gap:var(--spacing-1);font-size:var(--text-caption);font-weight:600;display:flex}.demo-peek-brand img{width:var(--spacing-4);height:var(--spacing-4)}.demo-peek-hero{text-align:center}.demo-peek-hero h4{text-wrap:balance;font-size:clamp(10.5px,4.6cqw,14px);font-weight:700;line-height:1.2}.demo-peek-hero p{margin:var(--spacing-1) auto 0;max-width:36ch;color:var(--muted-foreground);text-wrap:balance;font-size:clamp(8px,3.5cqw,10px);line-height:1.35}.demo-peek-buy{min-height:var(--spacing-6);margin-top:var(--spacing-2);padding-inline:var(--spacing-3);background:var(--primary);color:var(--primary-foreground);border-radius:9999px;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.demo-peek-buy:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.demo-peek-buy:hover{background:color-mix(in srgb, var(--primary) 86%, var(--primary-foreground))}}.demo-peek-product{aspect-ratio:16/10;border-radius:var(--radius-md);background:radial-gradient(ellipse at bottom, var(--desk-warm), transparent 65%), var(--desk-b);flex:none;width:min(100%,22rem);min-height:6.5rem;position:relative;overflow:hidden}.demo-peek-menubar{padding:2px var(--spacing-1);background:var(--header);justify-content:space-between;font-size:7px;display:flex;position:relative}.demo-peek-menubar i{background:var(--gray-1000);border-radius:0 0 3px 3px;width:16%;height:90%;position:absolute;top:0;left:42%}.demo-peek-window-header,.demo-peek-publication{align-items:center;gap:var(--spacing-1);display:flex}.demo-peek-publication svg{width:8px;height:8px}.demo-peek-window{width:82%;max-width:17rem;margin:var(--spacing-2) auto;padding:var(--spacing-1);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-md);background:var(--card)}.demo-peek-window-header{overflow-wrap:anywhere;padding:2px var(--spacing-1) var(--spacing-1);flex-wrap:wrap;font-size:8px}.demo-peek-window-page{align-content:start;gap:var(--spacing-1);padding:var(--spacing-2);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-sm);background:var(--background);font-size:9px;line-height:1.2;display:grid}.demo-peek-publication{color:var(--muted-foreground)}.demo-peek-window-page .demo-line{height:2px}.demo-controls,.feature-shortcuts{justify-content:center;align-items:center;gap:var(--spacing-2) var(--spacing-1);flex-wrap:wrap;display:flex}.feature-shortcut,.demo-shortcut-button{--shortcut-inset:calc((var(--spacing-control-sm) - var(--spacing-6)) / 2);justify-content:center;align-items:center;gap:var(--spacing-1);min-height:var(--spacing-control-sm);padding:calc(var(--shortcut-inset) - var(--border-width-hairline));border:var(--border-width-hairline) solid var(--border);border-radius:calc(var(--radius-sm) + var(--shortcut-inset));color:var(--foreground);font-size:var(--text-caption);white-space:nowrap;cursor:pointer;font-weight:600;display:inline-flex}.feature-shortcut:is(:hover,.feature-shortcut-active),.demo-shortcut-button:hover{background:var(--muted)}.feature-shortcut-active{border-color:var(--foreground)}.demo-shortcut-keys{align-items:center;gap:var(--spacing-1);display:inline-flex}.demo-shortcut-keys kbd{min-width:var(--spacing-6);min-height:var(--spacing-6);padding-inline:var(--spacing-1);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(var(--background), var(--card));box-shadow:0 1px 0 var(--foreground);place-items:center;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.demo-shortcut-keys kbd{box-shadow:0 1px 0 color-mix(in srgb, var(--foreground) 24%, transparent)}}.demo-shortcut-keys kbd{color:var(--foreground);font-family:inherit;font-size:inherit;font-weight:500;line-height:1}.feature-shortcut{--shortcut-inset:var(--spacing-2);gap:var(--spacing-2);padding-inline:var(--spacing-3);background:var(--primary-foreground);font-weight:400}.feature-shortcut .demo-shortcut-keys kbd{padding-inline:var(--spacing-2);background:var(--primary-foreground);box-shadow:none;font-weight:400}.demo-mode-shortcut{margin-inline-start:auto;padding-inline-start:var(--spacing-3)}.mac-win-bar .text-caption{font-size:var(--demo-window-title-size);font-weight:500;line-height:1.2}.demo-line{height:var(--spacing-1);border-radius:var(--radius-sm);background:var(--border)}.demo-line-a{width:92%}.demo-line-b{width:80%}.demo-line-c{width:66%}.demo-toast{left:50%;top:var(--spacing-12);z-index:30;background:var(--foreground);padding:var(--spacing-1) var(--spacing-3);color:var(--background);font-size:var(--text-caption);line-height:var(--text-caption--line-height);border-radius:9999px;position:absolute;translate:-50%}.demo-menu-offset{margin-top:var(--spacing-8);max-height:48%;overflow-y:auto}.demo-menu{border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-lg);background:var(--popover);min-width:11rem;padding:var(--spacing-1);transform:translateX(calc(-100% - var(--spacing-2)))}.demo-menu-item{align-items:center;gap:var(--spacing-2);border-radius:var(--radius-md);width:100%;padding:var(--spacing-2) var(--spacing-2);text-align:left;font-size:var(--text-small);line-height:var(--text-small--line-height);display:flex}.demo-menu-item:disabled{color:var(--muted-foreground)}.demo-menu-item:hover:not(:disabled),.demo-menu-item:focus-visible{background:var(--muted);outline:none}.bento-grid>article{row-gap:var(--spacing-3);border-color:var(--border);background-color:#f0f0f0}@supports (color:color-mix(in lab, red, red)){.bento-grid>article{border-color:color-mix(in srgb, var(--border), var(--background))}}.dark .bento-grid>article{background-color:#161616}.bento-grid .feature-shortcuts{margin-top:var(--spacing-1)}@media not all and (width<=68.75rem){.bento-grid>:not(.col-span-full){grid-row:span 3;grid-template-rows:subgrid;display:grid}.bento-bookmark-media{position:relative}.bento-bookmark-media video{object-fit:cover;object-position:center top;height:100%;position:absolute;inset:0}}.mac-stage.bento-stage{aspect-ratio:16/10;flex:1;min-height:min(60vw,20rem)}.mac-stage.bento-harbor{flex:none}.bento-harbor:not(.bento-harbor-open) .bento-harbor-folder-menu{display:none}@media (width<=40rem){.mac-stage.bento-harbor{aspect-ratio:4/3}}.bento-browser{inset:calc(var(--demo-menubar-h) + var(--spacing-3)) var(--spacing-3) var(--spacing-3);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-xl);background:var(--background);color:var(--foreground);box-shadow:0 var(--spacing-2) var(--spacing-4) var(--gray-1000);flex-direction:column;display:flex;position:absolute;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.bento-browser{box-shadow:0 var(--spacing-2) var(--spacing-4) color-mix(in srgb, var(--gray-1000) 14%, transparent)}}.demo-x-stage .bento-browser{--browser-inset:max(var(--spacing-3), calc(16 / var(--demo-ref-width) * 100cqw + var(--spacing-1)));inset:calc(var(--demo-menubar-h) + var(--browser-inset)) var(--browser-inset) var(--browser-inset)}.bento-browser-toolbar{height:var(--demo-window-header-height);align-items:center;gap:var(--spacing-2);padding-inline:var(--spacing-3);border-bottom:var(--border-width-hairline) solid var(--border);background:var(--card);color:var(--muted-foreground);flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);display:grid}.bento-browser-leading,.bento-browser-tools{align-items:center;gap:var(--spacing-2);flex:none;display:flex}.bento-browser-leading{min-width:0;overflow:hidden}.bento-browser-traffic .mac-traffic{--dot-size:max(8px, calc(13 / var(--demo-ref-width) * 100cqw));flex-basis:var(--dot-size);width:var(--dot-size);height:var(--dot-size)}.bento-browser-icon{width:var(--spacing-3);height:var(--spacing-3);flex-shrink:0}.bento-browser-actions{justify-self:end}.bento-browser-address{min-height:var(--spacing-5);grid-template-columns:var(--spacing-3) minmax(0, 1fr) var(--spacing-3);align-items:center;gap:var(--spacing-1);padding-inline:var(--spacing-2);border:var(--border-width-hairline) solid var(--border);background:var(--muted);color:var(--foreground);text-align:center;font-size:var(--demo-window-title-size);border-radius:9999px;font-weight:500;line-height:1.2;display:grid}.bento-browser-address span{text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}@container (width<=29rem){.bento-browser-toolbar{gap:var(--spacing-2);grid-template-columns:auto minmax(0,1fr)}.bento-browser-actions,.bento-browser-sidebar{display:none}}@container (width>=29.01rem) and (width<=38rem){.bento-browser-sidebar{display:none}}.bento-social{--x-background:var(--gray-0);--x-text:var(--foreground);--x-muted:var(--muted-foreground);--x-line:var(--border);--x-blue:#1d9bf0;background:var(--x-background);min-height:0;color:var(--x-text);font-size:clamp(8px, 1.25cqw, var(--text-caption));flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);line-height:1.35;display:grid}.dark .bento-social{--x-background:var(--gray-1000)}.bento-social svg{flex-shrink:0;width:1.125em;height:1.125em}.bento-social-rail{padding:var(--spacing-2);border-right:var(--border-width-hairline) solid var(--x-line);flex-direction:column;align-items:center;display:flex;overflow:hidden}.bento-social-nav-item{flex-shrink:0;align-items:center;gap:1em;min-height:2.2em;display:flex}.bento-social-nav-current{font-weight:700}.bento-social-nav-current svg{fill:currentColor}.bento-feed-heading .bento-feed-extra-tab,.bento-social-nav-item span,.bento-social-rail>.bento-social-post,.bento-social-account,.bento-social-discover{display:none}.bento-social-post,.bento-social-follow{min-width:var(--spacing-6);min-height:var(--spacing-6);justify-content:center;align-items:center;gap:var(--spacing-1);background:var(--primary);color:var(--primary-foreground);border-radius:9999px;font-weight:600;display:inline-flex}@container (width>=36rem){.bento-social{grid-template-columns:minmax(0,22%) minmax(0,49%) minmax(0,1fr)}.bento-social-rail{padding-inline:var(--spacing-3);align-items:stretch}.bento-feed-heading .bento-feed-extra-tab,.bento-social-nav-item span{display:inline}.bento-social-rail>.bento-social-post,.bento-social-account{display:flex}.bento-social-discover{align-content:start;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);scrollbar-width:none;border-left:var(--border-width-hairline) solid var(--x-line);display:grid;overflow-y:auto}}.bento-discover-search,.bento-discover-panel{gap:var(--spacing-2);padding:var(--spacing-2);border:var(--border-width-hairline) solid var(--x-line);border-radius:var(--radius-md);display:grid}.bento-discover-profile,.bento-discover-search{align-items:center;gap:var(--spacing-2);display:flex}.bento-discover-search{border-radius:9999px;min-height:2.75em}.bento-discover-title{font-size:1.3em;font-weight:800}.bento-discover-story span,.bento-discover-trend span,.bento-discover-profile div span,.bento-discover-search{color:var(--x-muted);font-size:.9em}.bento-discover-more,.bento-social .bento-post-link{color:var(--x-blue)}.bento-social-follow{min-height:2em;margin-inline-start:auto;padding-inline:.7em;font-size:.9em}.bento-feed-column{flex-direction:column;min-width:0;min-height:0;display:flex}.bento-feed-heading{padding-block:var(--spacing-2);border-bottom:var(--border-width-hairline) solid var(--x-line);color:var(--x-muted);flex:none;justify-content:space-around;align-items:center;display:flex}.bento-feed-heading span:first-child{color:var(--x-text);align-items:center;gap:.3em;font-weight:600;display:inline-flex;position:relative}.bento-feed-heading span:first-child:after{inset:auto 0 calc(-1 * var(--spacing-2));border-radius:var(--radius-sm);background:var(--x-blue);content:"";height:2px;position:absolute}.bento-feed{overscroll-behavior:contain;scrollbar-width:none;flex:1;overflow-y:auto}.bento-post,.bento-feed-composer{gap:var(--spacing-2);padding:var(--spacing-2);border-bottom:var(--border-width-hairline) solid var(--x-line);grid-template-columns:auto minmax(0,1fr);display:grid}.bento-post-avatar{background:var(--x-line);object-fit:cover;border-radius:50%;width:2.5em;height:2.5em}.bento-feed-composer p{color:var(--x-muted);font-size:1.2em}.bento-composer-actions{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);color:var(--x-muted);display:flex}.bento-composer-gif{border:var(--border-width-hairline) solid currentColor;border-radius:.25em;padding-inline:.15em;font-size:.65em}.bento-composer-actions .bento-social-post{min-height:2em;padding-inline:var(--spacing-3);background:var(--muted);color:var(--muted-foreground);margin-inline-start:auto}.bento-social-rail>.bento-social-post{min-height:2.65em;margin-top:var(--spacing-2);flex-shrink:0}.bento-social-account{align-items:center;gap:var(--spacing-1);padding-top:var(--spacing-2);margin-top:auto;font-size:.9em}.bento-social-account span{color:var(--x-muted)}.bento-social-account svg{margin-inline-start:auto}.bento-post-more{color:var(--x-muted);margin-inline-start:auto}.bento-social-verified{color:var(--x-blue)}.bento-post-byline{flex-wrap:wrap;align-items:center;column-gap:.35em;display:flex}.bento-post-byline span,.bento-post-actions{color:var(--x-muted)}.bento-post-photo{aspect-ratio:3/2;width:100%;height:auto;margin-top:var(--spacing-2);border:var(--border-width-hairline) solid var(--x-line);border-radius:var(--radius-md);object-fit:cover;display:block}.bento-post-link{margin-top:var(--spacing-1);text-underline-offset:.175em;cursor:pointer;font-weight:500;text-decoration:underline;position:relative}.bento-preview :focus:not(:focus-visible),.bento-harbor :focus:not(:focus-visible){outline:none}.bento-post-link:focus-visible{outline:var(--ring-width-focus) solid var(--ring);outline-offset:var(--spacing-1)}.bento-post-actions{justify-content:space-between;gap:var(--spacing-1);margin-top:var(--spacing-2);display:flex}.bento-post-actions>span{align-items:center;gap:var(--spacing-1);display:flex}.bento-preview-cursor{z-index:2;align-items:center;gap:var(--spacing-1);pointer-events:none;transform-origin:0 0;display:flex;position:absolute;top:65%;left:90%}.bento-preview-cursor.aiming{animation:bento-cursor-approach var(--motion-theme) var(--ease-theme) both}.bento-preview-cursor.clicked{transform:scale(.9)}@keyframes bento-cursor-approach{0%{transform:translate(var(--spacing-12), var(--spacing-8))}to{transform:translate(0)}}.bento-preview-cursor svg{width:var(--spacing-5);height:var(--spacing-5);fill:var(--gray-1000);stroke:var(--gray-0);flex:none}.bento-preview-cursor span{border-radius:var(--radius-sm);background:var(--primary);padding:var(--spacing-1) var(--spacing-2);color:var(--primary-foreground);white-space:nowrap}.feature-cursor{z-index:55;color:var(--gray-0);pointer-events:none;transition:left .42s var(--ease-in-out), top .42s var(--ease-in-out);position:absolute}.feature-cursor svg{width:var(--spacing-5);height:var(--spacing-5);fill:var(--gray-1000);transform-origin:0 0;transition:transform .18s var(--ease-in-out);display:block}.feature-cursor.clicked svg{transform:scale(.82)}.bento-bookmark{isolation:isolate;border-radius:var(--radius-xl);border-start-start-radius:var(--spacing-3);border-start-end-radius:var(--spacing-3);flex:1;min-height:min(70vw,20rem);position:relative;overflow:hidden}.mac-stage.bento-bookmark-desktop{border-radius:0;width:max(42rem,200%);height:100%;min-height:0;position:absolute;inset:0 auto 0 0}.bento-bookmark-popup{z-index:30;top:calc(var(--demo-harbor-bar-h) + var(--demo-harbor-menu-gap));left:calc(var(--demo-harbor-inset) + var(--demo-harbor-padding) - var(--spacing-2));gap:var(--spacing-1);padding:var(--spacing-1);border-radius:var(--radius-sm);background:var(--gray-1000);color:var(--gray-0);font-size:var(--demo-harbor-font-size);box-shadow:0 var(--spacing-1) var(--spacing-3) var(--gray-1000);font-weight:500;line-height:1.2;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.bento-bookmark-popup{box-shadow:0 var(--spacing-1) var(--spacing-3) color-mix(in srgb, var(--gray-1000) 24%, transparent)}}.bento-bookmark-popup button,.bento-bookmark-menu-row{padding:var(--spacing-1);border-radius:calc(var(--radius-sm) / 2);text-align:left}.bento-bookmark-popup button{cursor:pointer}.bento-bookmark-popup button:hover,.bento-folder-editor button[type=submit]{background:var(--gray-0)}@supports (color:color-mix(in lab, red, red)){.bento-bookmark-popup button:hover,.bento-folder-editor button[type=submit]{background:color-mix(in srgb, var(--gray-0) 20%, transparent)}}.bento-folder-editor{width:calc(2 * var(--spacing-20));padding:var(--spacing-2)}.bento-folder-editor input{width:100%;padding:var(--spacing-1);border:var(--border-width-hairline) solid var(--gray-0)}@supports (color:color-mix(in lab, red, red)){.bento-folder-editor input{border:var(--border-width-hairline) solid color-mix(in srgb, var(--gray-0) 25%, transparent)}}.bento-folder-editor input{border-radius:calc(var(--radius-sm) / 2)}.bento-folder-editor>div{justify-content:flex-end;gap:var(--spacing-1);display:flex}.bento-stage .mac-notes{width:42%;height:auto;max-height:72%;top:24%;overflow-y:auto}.bento-bookmark .mac-notes{top:calc(var(--demo-menubar-h) + var(--demo-harbor-bar-h) + var(--spacing-6));left:var(--spacing-3);width:50%;height:48%}.bento-bookmark .demo-toast{top:auto;bottom:var(--spacing-3);white-space:nowrap}.bento-note-body{padding:clamp(var(--spacing-2), 2.25cqw, var(--spacing-4))}.bento-note-body .text-small{font-size:var(--text-caption);line-height:var(--text-caption--line-height)}.bento-bookmark-shortcut{z-index:30;right:var(--spacing-3);bottom:var(--spacing-3);font-size:var(--text-caption);position:absolute}.bento-bookmark .demo-menubar-menus{display:inline-flex}@container (width<=29rem){.bento-stage .demo-menubar-clock{display:none}}@media (width<=40rem){.mac-stage.bento-preview{aspect-ratio:4/5}.bento-social-rail{display:none}}.scroll-reveal{opacity:0;transform:translateY(var(--spacing-4));transition:opacity var(--motion-theme) var(--ease-theme), transform var(--motion-theme) var(--ease-theme);will-change:transform, opacity}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.bento-grid .scroll-reveal:first-child{transition-delay:0s}.bento-grid .scroll-reveal:nth-child(2){transition-delay:var(--motion-icon-reduced)}.bento-grid .scroll-reveal:nth-child(3){transition-delay:calc(var(--motion-icon-reduced) * 2)}.motion-control{transition:transform var(--motion-press) var(--ease-out), opacity var(--motion-press) var(--ease-out), background-color var(--motion-state) var(--ease-out), border-color var(--motion-state) var(--ease-out), color var(--motion-state) var(--ease-out)}.motion-control:active:not(:disabled){transform:scale(.98)}.motion-chip{transition:transform var(--motion-press) var(--ease-out), opacity var(--motion-press) var(--ease-out)}.motion-chip:active{transform:scale(.98)}.motion-card{transition:background-color var(--motion-state) var(--ease-out), border-color var(--motion-state) var(--ease-out)}@media (prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.is-visible{opacity:1;will-change:auto;transition:none;transform:none}.bento-grid .scroll-reveal:nth-child(n){transition-delay:0s}.motion-chip:hover,.motion-chip:active,.motion-control:active:not(:disabled){transform:none}}html[data-theme-reveal] *,html[data-theme-reveal] :before,html[data-theme-reveal] :after{transition:none!important}html[data-theme-reveal]::view-transition-group(root){mix-blend-mode:normal;animation:none}html[data-theme-reveal]::view-transition-old(root){mix-blend-mode:normal;animation:none}html[data-theme-reveal]::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-theme-reveal]::view-transition-old(root){z-index:1}html[data-theme-reveal]::view-transition-new(root){z-index:2}html[data-theme-reveal=expand]::view-transition-new(root){animation:theme-circle-expand var(--motion-theme) var(--ease-theme) both}html[data-theme-reveal=contract]::view-transition-old(root){z-index:2;animation:theme-circle-contract var(--motion-theme) var(--ease-theme) both}html[data-theme-reveal=contract]::view-transition-new(root){z-index:1;clip-path:none}html[data-theme-reveal] .theme-menu{visibility:hidden!important}@keyframes theme-circle-expand{0%{clip-path:circle(0)}to{clip-path:circle(var(--theme-reveal-radius))}}@keyframes theme-circle-contract{0%{clip-path:circle(var(--theme-reveal-radius))}to{clip-path:circle(0)}}.demo-hotspot{position:relative}.demo-hotspot:after{content:"";border:var(--border-width-hairline) solid var(--ring);border-radius:inherit;pointer-events:none;animation:demo-hotspot-pulse var(--motion-page) var(--ease-in-out) infinite alternate;position:absolute;inset:0}@keyframes demo-hotspot-pulse{0%{inset:0}to{inset:calc(var(--spacing-1) * -1)}}.demo-enter{transition:opacity var(--motion-state) var(--ease-out), translate var(--motion-state) var(--ease-out)}@starting-style{.demo-enter{opacity:0;translate:0 var(--spacing-2)}}@media (prefers-reduced-motion:reduce){.demo-hotspot:after{inset:calc(var(--spacing-1) * -1);animation:none}.demo-enter{transition:none}}@media (prefers-reduced-motion:no-preference){html:not([data-theme-reveal])::view-transition-old(root){animation-duration:var(--motion-page);animation-timing-function:var(--ease-out)}html:not([data-theme-reveal])::view-transition-new(root){animation-duration:var(--motion-page);animation-timing-function:var(--ease-out)}html:not([data-theme-reveal])::view-transition-old(root){animation-name:route-fade-out}html:not([data-theme-reveal])::view-transition-new(root){animation-name:route-fade-in}}@keyframes route-fade-out{to{opacity:0}}@keyframes route-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){html:not([data-theme-reveal])::view-transition-old(root){animation:none}html:not([data-theme-reveal])::view-transition-new(root){animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}