@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--tracking-normal:0em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font);--font-sans:var(--font);--default-border-width:var(--border-width);--color-accent:var(--accent);--color-white:var(--bg);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl)}}@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}html{-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(var(--header-h) + 1rem)}body{font-family:var(--font);color:var(--text-body);background:var(--bg);font-size:16px;font-weight:400;line-height:1.55}h1,.h1{letter-spacing:-.025em;color:var(--text);text-wrap:balance;font-size:clamp(28px,2.4vw,36px);font-weight:500;line-height:1.08}h2,.h2{letter-spacing:-.02em;color:var(--text);text-wrap:balance;font-size:clamp(24px,2.1vw,30px);font-weight:500;line-height:1.15}h3,.h3,h4,.h4{letter-spacing:normal;color:var(--text);font-size:16px;font-weight:500;line-height:1.35}h5,h6{color:var(--text)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4{text-transform:none}p{color:var(--text-body);font-size:16px;font-weight:400;line-height:1.55}small{font-size:14px;font-weight:400;line-height:1.4}a{color:var(--text);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}hr{border:0;border-top:var(--border-width) solid var(--border)}:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}}@layer components{.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (max-width:63.99rem){[data-site-header],[data-tab-bar],[data-whatsapp],[data-tray-bar]{transition:transform .28s cubic-bezier(.2,.8,.2,1)}html[data-scroll=down] [data-site-header]:not(:has([aria-expanded=true],:focus-visible)){transform:translateY(-100%)}html[data-buy-bar] [data-tab-bar]{transform:translateY(calc(100% + 1.5rem + env(safe-area-inset-bottom)))}html[data-scroll=down] [data-tab-bar]:not(:has(:focus-visible)){transform:translateY(calc(100% + 1.5rem + env(safe-area-inset-bottom)))}html:has(input:not([type=radio],[type=checkbox]):focus,textarea:focus) [data-tab-bar]{transform:translateY(calc(100% + 1.5rem + env(safe-area-inset-bottom)))}html[data-scroll=down]:not([data-buy-bar]) [data-whatsapp]{transform:translateY(calc(var(--tabbar-space) - 1.25rem))}html[data-scroll=down] [data-tray-bar]{transform:translateY(4.5rem)}html[data-buy-bar] [data-tray-bar]{visibility:hidden}html:has(input:not([type=radio],[type=checkbox]):focus,textarea:focus) [data-tray-bar]{visibility:hidden}html:has(input:not([type=radio],[type=checkbox]):focus,textarea:focus) [data-whatsapp]{visibility:hidden}html:has(input:not([type=radio],[type=checkbox]):focus,textarea:focus) [data-buy-bar-panel]{visibility:hidden}}@media (prefers-reduced-motion:reduce){[data-site-header],[data-tab-bar],[data-whatsapp],[data-tray-bar]{transition:none}}@keyframes tray-rise{0%{opacity:0;translate:0 1rem}}html:has([data-tray-compare][open]){overflow:hidden}@media screen and (prefers-reduced-motion:no-preference){[data-reveal=waiting]{opacity:0}[data-reveal=waiting]:not([data-reveal-fade]){transform:translateY(var(--reveal-rise))}[data-reveal=shown]{transition:opacity var(--reveal-time) ease-out var(--reveal-delay,0s), transform var(--reveal-time) cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s)}}.display-1{font-size:var(--display-1);line-height:1.02}.display-2{font-size:var(--display-2);letter-spacing:-.025em;line-height:1.1}.lead{font-size:clamp(17px,1.3vw,19px);line-height:1.55}.caption{font-size:14px;font-weight:400;line-height:1.4}.fine-print{font-size:12px;font-weight:400;line-height:15.6px}.nav-item{letter-spacing:normal;font-size:14px;font-weight:500;line-height:1.4}.subtitle{text-transform:capitalize;color:var(--text-muted);font-size:16px;font-weight:400;line-height:19px}.text-secondary{color:var(--text-muted);font-size:16px;font-weight:400;line-height:1.55}.link-cta{color:var(--text);font-size:16px;font-weight:500}.product-title{color:var(--text);font-size:16px;font-weight:500;line-height:1.3}.divider{border:0;border-top:var(--border-width) solid var(--border)}.prose-content>*+*{margin-top:16px}.prose-content h2{margin-top:48px}.prose-content h3{margin-top:32px}.prose-content h2+*,.prose-content h3+*{margin-top:12px}.prose-content ul,.prose-content ol{padding-left:20px}.prose-content ul{list-style:outside}.prose-content ol{list-style:decimal}.prose-content li+li{margin-top:8px}.prose-content p a,.prose-content li a{text-underline-offset:2px;text-decoration:underline}.prose-content table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.4}.prose-content th,.prose-content td{border-bottom:var(--border-width) solid var(--border);text-align:left;vertical-align:top;padding:12px 16px 12px 0}.prose-content th{color:var(--text);font-weight:500}.stars{--star:14px;width:calc(var(--star) * 5);height:var(--star);background:linear-gradient(90deg, var(--accent) calc(var(--rating,0) * 20%), var(--accent) 0);flex-shrink:0;display:inline-block}@supports (color:color-mix(in lab, red, red)){.stars{background:linear-gradient(90deg, var(--accent) calc(var(--rating,0) * 20%), color-mix(in srgb, var(--accent) 30%, var(--bg)) 0)}}.stars{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") 0 0 / var(--star) var(--star) repeat-x;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") 0 0 / var(--star) var(--star) repeat-x;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") 0 0 / var(--star) var(--star) repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") 0 0 / var(--star) var(--star) repeat-x}.focus-chart{aspect-ratio:1/1.04;border-radius:var(--r-xl);background:var(--bg);box-shadow:var(--lift-chart);touch-action:pan-y;cursor:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container-type:inline-size}@media (hover:none){.focus-chart{cursor:auto}}.focus-chart>*{--frame-w:60cqw;--frame-h:calc(var(--frame-w) * .3563);--frame-x:.4994;--frame-y:.4922}.focus-chart-layer{flex-direction:column;justify-content:center;align-items:center;gap:2.4cqw;padding-block:4cqw;display:flex;position:absolute;inset:0}.focus-chart-row{letter-spacing:.26em;text-align:center;text-indent:.26em;width:100%;color:var(--text);white-space:nowrap;font-weight:600;line-height:1;position:relative}.focus-chart-row:last-child{letter-spacing:.18em}.focus-chart-mark{letter-spacing:0;text-indent:0;color:var(--text-muted);font-size:1.5cqw;font-weight:500;position:absolute;top:50%;left:4.5cqw;transform:translateY(-50%)}.focus-chart-blur{filter:blur(.95cqw);opacity:.85}.focus-chart-sharp{background:var(--bg);-webkit-mask:url(/brand/hero-bab-agnaou-round-metal-lenses.png) no-repeat calc(var(--lx,50cqw) - var(--frame-w) * var(--frame-x)) calc(var(--ly,48.9cqw) - var(--frame-h) * var(--frame-y)) / var(--frame-w) var(--frame-h);-webkit-mask:url(/brand/hero-bab-agnaou-round-metal-lenses.png) no-repeat calc(var(--lx,50cqw) - var(--frame-w) * var(--frame-x)) calc(var(--ly,48.9cqw) - var(--frame-h) * var(--frame-y)) / var(--frame-w) var(--frame-h);-webkit-mask:url(/brand/hero-bab-agnaou-round-metal-lenses.png) no-repeat calc(var(--lx,50cqw) - var(--frame-w) * var(--frame-x)) calc(var(--ly,48.9cqw) - var(--frame-h) * var(--frame-y)) / var(--frame-w) var(--frame-h);-webkit-mask:url(/brand/hero-bab-agnaou-round-metal-lenses.png) no-repeat calc(var(--lx,50cqw) - var(--frame-w) * var(--frame-x)) calc(var(--ly,48.9cqw) - var(--frame-h) * var(--frame-y)) / var(--frame-w) var(--frame-h);mask:url(/brand/hero-bab-agnaou-round-metal-lenses.png) no-repeat calc(var(--lx,50cqw) - var(--frame-w) * var(--frame-x)) calc(var(--ly,48.9cqw) - var(--frame-h) * var(--frame-y)) / var(--frame-w) var(--frame-h)}.focus-chart-frame{left:var(--lx,50cqw);top:var(--ly,48.9cqw);width:var(--frame-w);max-width:none;height:auto;transform:translate(calc(var(--frame-x) * -100%), calc(var(--frame-y) * -100%));filter:drop-shadow(0 14px 14px var(--frame-shadow));pointer-events:none;position:absolute}}@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.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-1{inset:calc(var(--spacing) * -1)}.-inset-1\.5{inset:calc(var(--spacing) * -1.5)}.-inset-2\.5{inset:calc(var(--spacing) * -2.5)}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-x-\[18px\]{inset-inline:18px}.inset-y-0{inset-block:0}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-\[7\%\]{top:7%}.top-\[34\%\]{top:34%}.top-\[34px\]{top:34px}.top-\[104px\]{top:104px}.top-\[calc\(env\(safe-area-inset-top\)\+0\.75rem\)\]{top:calc(env(safe-area-inset-top) + .75rem)}.top-full{top:100%}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.right-\[4\%\]{right:4%}.bottom-0{bottom:0}.bottom-3\.5{bottom:calc(var(--spacing) * 3.5)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[8\%\]{bottom:8%}.bottom-\[18px\]{bottom:18px}.bottom-\[calc\(env\(safe-area-inset-bottom\)\+0\.625rem\)\]{bottom:calc(env(safe-area-inset-bottom) + .625rem)}.bottom-\[calc\(var\(--tabbar-space\)\+var\(--tray-space\)\+0\.25rem\)\]{bottom:calc(var(--tabbar-space) + var(--tray-space) + .25rem)}.bottom-\[calc\(var\(--tabbar-space\)-0\.5rem\)\]{bottom:calc(var(--tabbar-space) - .5rem)}.bottom-full{bottom:100%}.-left-\[9999px\]{left:-9999px}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[5\%\]{left:5%}.left-\[9\%\]{left:9%}.left-auto{left:auto}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[31\]{z-index:31}.z-\[35\]{z-index:35}.z-\[999\]{z-index:999}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.m-auto{margin:auto}.-mx-\[var\(--gutter\)\]{margin-inline:calc(var(--gutter) * -1)}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[clamp\(10px\,1\.4vw\,18px\)\]{margin-top:clamp(10px,1.4vw,18px)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mr-2\.5{margin-right:calc(var(--spacing) * -2.5)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-\[clamp\(24px\,3vw\,36px\)\]{margin-bottom:clamp(24px,3vw,36px)}.mb-\[clamp\(28px\,3\.6vw\,48px\)\]{margin-bottom:clamp(28px,3.6vw,48px)}.-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[5\/4\]{aspect-ratio:5/4}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-\[12\/5\]{aspect-ratio:12/5}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-\[0\.6em\]{width:.6em;height:.6em}.size-\[18px\]{width:18px;height:18px}.size-\[22px\]{width:22px;height:22px}.size-\[38px\]{width:38px;height:38px}.size-\[42px\]{width:42px;height:42px}.size-\[60px\]{width:60px;height:60px}.size-full{width:100%;height:100%}.size-px{width:1px;height:1px}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3\/4{height:75%}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-8\!{height:calc(var(--spacing) * 8)!important}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-\[42px\]{height:42px}.h-\[54px\]{height:54px}.h-\[72px\]{height:72px}.h-\[170px\]{height:170px}.h-\[330px\]{height:330px}.h-\[420px\]{height:420px}.h-\[640px\]{height:640px}.h-auto{height:auto}.h-dvh{height:100dvh}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[56svh\]{max-height:56svh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[calc\(100dvh-24px\)\]{max-height:calc(100dvh - 24px)}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[38px\]{min-height:38px}.min-h-\[42px\]{min-height:42px}.min-h-\[46px\]{min-height:46px}.min-h-\[54px\]{min-height:54px}.min-h-\[72px\]{min-height:72px}.min-h-\[210px\]{min-height:210px}.min-h-\[640px\]{min-height:640px}.min-h-\[calc\(100svh-var\(--header-h\)\)\]{min-height:calc(100svh - var(--header-h))}.min-h-full{min-height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-10{width:calc(var(--spacing) * 10)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-\[26px\]{width:26px}.w-\[52px\]{width:52px}.w-\[64\%\]{width:64%}.w-\[68\%\]{width:68%}.w-\[92\%\]{width:92%}.w-\[188px\]{width:188px}.w-\[calc\(50\%-0\.75rem\)\]{width:calc(50% - .75rem)}.w-\[var\(--radix-select-trigger-width\)\]{width:var(--radix-select-trigger-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[22rem\]{max-width:22rem}.max-w-\[26rem\]{max-width:26rem}.max-w-\[30em\]{max-width:30em}.max-w-\[32em\]{max-width:32em}.max-w-\[34em\]{max-width:34em}.max-w-\[36em\]{max-width:36em}.max-w-\[46ch\]{max-width:46ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[85\%\]{max-width:85%}.max-w-\[132px\]{max-width:132px}.max-w-\[176px\]{max-width:176px}.max-w-\[320px\]{max-width:320px}.max-w-\[360px\]{max-width:360px}.max-w-\[560px\]{max-width:560px}.max-w-\[var\(--content-max\)\]{max-width:var(--content-max)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-\[230px\]{min-width:230px}.min-w-\[520px\]{min-width:520px}.min-w-\[640px\]{min-width:640px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-separate{border-collapse:separate}.border-spacing-x-2{--tw-border-spacing-x:calc(var(--spacing) * 2);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.border-spacing-y-3{--tw-border-spacing-y:calc(var(--spacing) * 3);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\.5{--tw-translate-y:calc(var(--spacing) * 1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(100\%\+1\.5rem\+env\(safe-area-inset-bottom\)\)\]{--tw-translate-y:calc(100% + 1.5rem + env(safe-area-inset-bottom));translate:var(--tw-translate-x) var(--tw-translate-y)}.-scale-x-100{--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-90{--tw-scale-x:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.\[animation\:shimmer_1\.6s_infinite\]{animation:1.6s infinite shimmer}.animate-\[tray-rise_320ms_cubic-bezier\(0\.2\,0\.7\,0\.2\,1\)\]{animation:.32s cubic-bezier(.2,.7,.2,1) tray-rise}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.snap-start{scroll-snap-align:start}.scroll-px-\[var\(--gutter\)\]{scroll-padding-inline:var(--gutter)}.list-none{list-style-type:none}.appearance-none{appearance:none}.auto-cols-\[minmax\(230px\,1fr\)\]{grid-auto-columns:minmax(230px,1fr)}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[4rem_minmax\(0\,1fr\)_1\.5rem\]{grid-template-columns:4rem minmax(0,1fr) 1.5rem}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-cols-\[minmax\(6\.5rem\,auto\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(6.5rem,auto) minmax(0,1fr)}.grid-cols-\[repeat\(auto-fit\,minmax\(130px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.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-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-\[18px\]{gap:18px}.gap-\[22px\]{gap:22px}.gap-\[clamp\(24px\,4vw\,64px\)\]{gap:clamp(24px,4vw,64px)}.gap-\[clamp\(28px\,4vw\,64px\)\]{gap:clamp(28px,4vw,64px)}.gap-\[clamp\(28px\,4vw\,72px\)\]{gap:clamp(28px,4vw,72px)}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(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(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}: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(var(--border-width) * var(--tw-divide-y-reverse));border-bottom-width:calc(var(--border-width) * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line>:not(:last-child)){border-color:var(--border)}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[26px\]{border-radius:26px}.rounded-\[32px\]{border-radius:32px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[min\(var\(--radius-md\)\,Npx\)\]{border-radius:min(var(--radius-md), Npx)}.rounded-circle{border-radius:var(--r-circle)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--r-lg)}.rounded-md{border-radius:var(--r-md)}.rounded-pill{border-radius:var(--r-pill)}.rounded-sm{border-radius:var(--r-sm)}.rounded-xl{border-radius:var(--r-xl)}.rounded-t-\[31px\]{border-top-left-radius:31px;border-top-right-radius:31px}.rounded-t-\[40px\]{border-top-left-radius:40px;border-top-right-radius:40px}.rounded-tl-sm{border-top-left-radius:var(--r-sm)}.rounded-br-sm{border-bottom-right-radius:var(--r-sm)}.rounded-bl-sm{border-bottom-left-radius:var(--r-sm)}.border{border-style:var(--tw-border-style);border-width:var(--border-width)}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:var(--border-width)}.border-t{border-top-style:var(--tw-border-style);border-top-width:var(--border-width)}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--border-width)}.border-l{border-left-style:var(--tw-border-style);border-left-width:var(--border-width)}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent{border-color:var(--accent)}.border-accent-dark\!{border-color:var(--accent-dark)!important}.border-current,.border-current\/20{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.border-current\/20{border-color:color-mix(in oklab, currentcolor 20%, transparent)}}.border-dark{border-color:var(--dark)}.border-ink{border-color:var(--text)}.border-ink-muted{border-color:var(--text-muted)}.border-ink\/15{border-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.border-ink\/15{border-color:color-mix(in oklab, var(--text) 15%, transparent)}}.border-ink\/35{border-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.border-ink\/35{border-color:color-mix(in oklab, var(--text) 35%, transparent)}}.border-line{border-color:var(--border)}.border-line-active{border-color:var(--border-active)}.border-line-strong{border-color:var(--border-strong)}.border-white{border-color:var(--bg)}.bg-accent{background-color:var(--accent)}.bg-accent-dark\!{background-color:var(--accent-dark)!important}.bg-accent-tint{background-color:var(--accent-tint)}.bg-blush{background-color:var(--blush)}.bg-dark{background-color:var(--dark)}.bg-ink{background-color:var(--text)}.bg-ink-muted{background-color:var(--text-muted)}.bg-ink\/30{background-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/30{background-color:color-mix(in oklab, var(--text) 30%, transparent)}}.bg-line{background-color:var(--border)}.bg-low{background-color:var(--low)}.bg-ok{background-color:var(--ok)}.bg-surface{background-color:var(--surface)}.bg-surface-alt,.bg-surface-alt\/80{background-color:var(--surface-alt)}@supports (color:color-mix(in lab, red, red)){.bg-surface-alt\/80{background-color:color-mix(in oklab, var(--surface-alt) 80%, transparent)}}.bg-surface\/80{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/80{background-color:color-mix(in oklab, var(--surface) 80%, transparent)}}.bg-swatch{background-color:var(--swatch)}.bg-transparent{background-color:#0000}.bg-white,.bg-white\/14{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-white\/14{background-color:color-mix(in oklab, var(--bg) 14%, transparent)}}.bg-white\/80{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--bg) 80%, transparent)}}.bg-white\/90{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--bg) 90%, transparent)}}.bg-white\/95{background-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--bg) 95%, transparent)}}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-accent-tint{--tw-gradient-from:var(--accent-tint);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--bg);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-86\%{--tw-gradient-to-position:86%}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-accent{fill:var(--accent)}.fill-accent-dark{fill:var(--accent-dark)}.fill-accent-tint{fill:var(--accent-tint)}.fill-blush{fill:var(--blush)}.fill-ink{fill:var(--text)}.fill-line-strong{fill:var(--border-strong)}.fill-none{fill:none}.fill-surface{fill:var(--surface)}.fill-swatch{fill:var(--swatch)}.fill-white,.fill-white\/60{fill:var(--bg)}@supports (color:color-mix(in lab, red, red)){.fill-white\/60{fill:color-mix(in oklab, var(--bg) 60%, transparent)}}.fill-white\/70{fill:var(--bg)}@supports (color:color-mix(in lab, red, red)){.fill-white\/70{fill:color-mix(in oklab, var(--bg) 70%, transparent)}}.stroke-accent{stroke:var(--accent)}.stroke-ink{stroke:var(--text)}.stroke-line-strong{stroke:var(--border-strong)}.\[stroke-width\:0\.8\]{stroke-width:.8px}.\[stroke-width\:3\.2\]{stroke-width:3.2px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-top{object-position:top}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[clamp\(22px\,2\.6vw\,34px\)\]{padding:clamp(22px,2.6vw,34px)}.p-\[clamp\(24px\,4\.5vw\,64px\)\]{padding:clamp(24px,4.5vw,64px)}.p-\[clamp\(24px\,4vw\,48px\)\]{padding:clamp(24px,4vw,48px)}.p-\[clamp\(24px\,5vw\,72px\)\]{padding:clamp(24px,5vw,72px)}.p-\[clamp\(32px\,5vw\,72px\)\]{padding:clamp(32px,5vw,72px)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[5px\]{padding-inline:5px}.px-\[22px\]{padding-inline:22px}.px-\[30px\]{padding-inline:30px}.px-\[clamp\(16px\,2vw\,26px\)\]{padding-inline:clamp(16px,2vw,26px)}.px-\[var\(--gutter\)\]{padding-inline:var(--gutter)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-\[clamp\(48px\,6vw\,88px\)\]{padding-block:clamp(48px,6vw,88px)}.py-\[var\(--section-y\)\]{padding-block:var(--section-y)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-\[18px\]{padding-top:18px}.pt-\[clamp\(10px\,1\.6vw\,20px\)\]{padding-top:clamp(10px,1.6vw,20px)}.pt-\[clamp\(20px\,3\.4vw\,48px\)\]{padding-top:clamp(20px,3.4vw,48px)}.pt-\[clamp\(32px\,4vw\,64px\)\]{padding-top:clamp(32px,4vw,64px)}.pt-\[var\(--page-top\)\]{padding-top:var(--page-top)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+1rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}.pb-\[calc\(var\(--tabbar-space\)\+var\(--tray-space\)\)\]{padding-bottom:calc(var(--tabbar-space) + var(--tray-space))}.pb-\[clamp\(0px\,3vw\,40px\)\]{padding-bottom:clamp(0px,3vw,40px)}.pb-\[clamp\(16px\,2vw\,24px\)\]{padding-bottom:clamp(16px,2vw,24px)}.pb-\[clamp\(16px\,2vw\,32px\)\]{padding-bottom:clamp(16px,2vw,32px)}.pb-\[clamp\(40px\,5vw\,72px\)\]{padding-bottom:clamp(40px,5vw,72px)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[28px\]{font-size:28px}.text-\[56px\]{font-size:56px}.text-\[clamp\(16px\,1\.5vw\,20px\)\]{font-size:clamp(16px,1.5vw,20px)}.text-\[clamp\(18px\,1\.7vw\,24px\)\]{font-size:clamp(18px,1.7vw,24px)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.35\]{--tw-leading:1.35;line-height:1.35}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:500;font-weight:500}.font-normal{--tw-font-weight:400;font-weight:400}.font-semibold{--tw-font-weight:600;font-weight:600}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent{color:var(--accent)}.text-accent-dark{color:var(--accent-dark)}.text-inherit{color:inherit}.text-ink{color:var(--text)}.text-ink-body{color:var(--text-body)}.text-ink-muted{color:var(--text-muted)}.text-on-dark{color:var(--text-on-dark)}.text-transparent{color:#0000}.text-white{color:var(--bg)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-8{text-underline-offset:8px}.underline-offset-\[3px\]{text-underline-offset:3px}.accent-\[var\(--accent\)\]{accent-color:var(--accent)}.accent-\[var\(--text\)\]{accent-color:var(--text)}.accent-dark{accent-color:var(--dark)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--lift-chart\)\]{--tw-shadow:var(--lift-chart);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-panel{--tw-shadow:var(--lift-panel);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-pill{--tw-shadow:var(--lift-pill);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-tab{--tw-shadow:var(--lift-tab);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-1{--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)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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-ink\/15{--tw-ring-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.ring-ink\/15{--tw-ring-color:color-mix(in oklab, var(--text) 15%, transparent)}}.inset-ring-accent{--tw-inset-ring-color:var(--accent)}.inset-ring-ink\/15{--tw-inset-ring-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.inset-ring-ink\/15{--tw-inset-ring-color:color-mix(in oklab, var(--text) 15%, transparent)}}.inset-ring-line-active{--tw-inset-ring-color:var(--border-active)}.inset-ring-line-strong{--tw-inset-ring-color:var(--border-strong)}.inset-ring-white\/20{--tw-inset-ring-color:var(--bg)}@supports (color:color-mix(in lab, red, red)){.inset-ring-white\/20{--tw-inset-ring-color:color-mix(in oklab, var(--bg) 20%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-accent-dark{outline-color:var(--accent-dark)}.blur{--tw-blur:blur(8px);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,)}.invert{--tw-invert:invert(100%);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,)}.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,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\,transform\]{transition-property:border-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,visibility\]{transition-property:opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--accent\:var\(--text-on-dark\)\]{--accent:var(--text-on-dark)}.\[--bg\:transparent\]{--bg:transparent}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.\[transition\:scale_3s_ease-out_150ms\,opacity_150ms_linear_150ms\]{transition:scale 3s ease-out .15s,opacity .15s linear .15s}.bg-brand-gradient{background:var(--gradient)}.bg-gradient-dark{background:var(--gradient-dark)}.bg-stage{background:var(--stage)}.bg-veil{background:var(--veil)}.group-open\:block:is(:where(.group):is([open],:popover-open,:open) *){display:block}.group-open\:hidden:is(:where(.group):is([open],:popover-open,:open) *){display:none}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.group-focus-within\/account\:visible:is(:where(.group\/account):focus-within *){visibility:visible}.group-focus-within\/account\:opacity-100:is(:where(.group\/account):focus-within *){opacity:1}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/account\:visible:is(:where(.group\/account):hover *){visibility:visible}.group-hover\/account\:opacity-100:is(:where(.group\/account):hover *){opacity:1}.group-hover\/card\:opacity-0:is(:where(.group\/card):hover *){opacity:0}.group-hover\/card\:opacity-100:is(:where(.group\/card):hover *),.group-hover\/gallery\:opacity-100:is(:where(.group\/gallery):hover *){opacity:1}}.group-focus-visible\:translate-y-0:is(:where(.group):focus-visible *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.group-has-\[\:focus-visible\]\/card\:opacity-0:is(:where(.group\/card):has(:focus-visible) *){opacity:0}.group-has-\[\:focus-visible\]\/card\:opacity-100:is(:where(.group\/card):has(:focus-visible) *){opacity:1}.group-aria-pressed\:border-solid:is(:where(.group)[aria-pressed=true] *){--tw-border-style:solid;border-style:solid}.group-aria-pressed\:opacity-100:is(:where(.group)[aria-pressed=true] *){opacity:1}.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs)[data-horizontal] *){height:calc(var(--spacing) * 8)}.peer-checked\:border-solid:is(:where(.peer):checked~*){--tw-border-style:solid;border-style:solid}.peer-checked\:border-accent:is(:where(.peer):checked~*){border-color:var(--accent)}.peer-checked\:bg-accent:is(:where(.peer):checked~*){background-color:var(--accent)}.peer-checked\:text-white:is(:where(.peer):checked~*){color:var(--bg)}.peer-checked\:ring-\[1\.5px\]:is(:where(.peer):checked~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1.5px + 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)}.peer-checked\:ring-\[1px\]:is(:where(.peer):checked~*){--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)}.peer-checked\:ring-\[length\:var\(--border-width\)\]:is(:where(.peer):checked~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(var(--border-width) + 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)}.peer-checked\:ring-line-active:is(:where(.peer):checked~*){--tw-ring-color:var(--border-active)}.peer-checked\:ring-offset-2:is(:where(.peer):checked~*){--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.peer-checked\:ring-offset-\[3px\]:is(:where(.peer):checked~*){--tw-ring-offset-width:3px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.peer-focus-visible\:ring-3:is(:where(.peer):focus-visible~*){--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)}.peer-focus-visible\:ring-accent\/40:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.peer-focus-visible\:ring-accent\/40:is(:where(.peer):focus-visible~*){--tw-ring-color:color-mix(in oklab, var(--accent) 40%, transparent)}}.peer-focus-visible\:outline-2:is(:where(.peer):focus-visible~*){outline-style:var(--tw-outline-style);outline-width:2px}.peer-focus-visible\:outline-offset-4:is(:where(.peer):focus-visible~*){outline-offset:4px}.peer-focus-visible\:outline-offset-\[6px\]:is(:where(.peer):focus-visible~*){outline-offset:6px}.peer-focus-visible\:outline-accent-dark:is(:where(.peer):focus-visible~*){outline-color:var(--accent-dark)}.first-letter\:uppercase:first-letter{text-transform:uppercase}.placeholder\:text-ink-muted::placeholder{color:var(--text-muted)}.backdrop\:bg-overlay::backdrop{background-color:var(--overlay)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-0\.5:before{content:var(--tw-content);inset:calc(var(--spacing) * -.5)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:h-\[1\.5px\]:after{content:var(--tw-content);height:1.5px}.after\:w-\[42px\]:after{content:var(--tw-content);width:42px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:-rotate-45:after{content:var(--tw-content);rotate:-45deg}.after\:rounded-lg:after{content:var(--tw-content);border-radius:var(--r-lg)}.after\:bg-ink:after{content:var(--tw-content);background-color:var(--text)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-dashed:hover{--tw-border-style:dashed;border-style:dashed}.hover\:border-accent:hover{border-color:var(--accent)}.hover\:border-accent-dark:hover{border-color:var(--accent-dark)}.hover\:border-ink:hover{border-color:var(--text)}.hover\:border-ink-muted:hover{border-color:var(--text-muted)}.hover\:border-line-strong:hover{border-color:var(--border-strong)}.hover\:border-swatch:hover{border-color:var(--swatch)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-accent-dark:hover{background-color:var(--accent-dark)}.hover\:bg-ink:hover{background-color:var(--text)}.hover\:bg-surface:hover{background-color:var(--surface)}.hover\:bg-swatch:hover{background-color:var(--swatch)}.hover\:text-ink:hover{color:var(--text)}.hover\:text-white:hover{color:var(--bg)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:shadow-panel:hover{--tw-shadow:var(--lift-panel);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-6:focus{left:calc(var(--spacing) * 6)}.focus\:z-50:focus{z-index:50}.focus\:border:focus{border-style:var(--tw-border-style);border-width:var(--border-width)}.focus\:border-accent:focus{border-color:var(--accent)}.focus\:bg-white:focus{background-color:var(--bg)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus-visible\:border-accent:focus-visible{border-color:var(--accent)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:shadow-\[0_0_0_2px_var\(--bg\)\]:focus-visible{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--bg));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-3:focus-visible{--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)}.focus-visible\:ring-accent\/25:focus-visible{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-accent\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--accent) 25%, transparent)}}.focus-visible\:outline-accent-dark:focus-visible{outline-color:var(--accent-dark)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[\.98\]:active{scale:.98}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-surface:disabled{border-color:var(--surface)}.disabled\:border-swatch:disabled{border-color:var(--swatch)}.disabled\:bg-surface:disabled{background-color:var(--surface)}.disabled\:bg-swatch:disabled{background-color:var(--swatch)}.disabled\:text-ink-disabled:disabled{color:var(--text-disabled)}.disabled\:text-ink-muted:disabled{color:var(--text-muted)}.disabled\:opacity-35:disabled{opacity:.35}@media (hover:hover){.disabled\:hover\:bg-white:disabled:hover{background-color:var(--bg)}.disabled\:hover\:text-accent-dark:disabled:hover{color:var(--accent-dark)}}.has-checked\:border-line-active:has(:checked){border-color:var(--border-active)}.has-checked\:inset-ring:has(:checked){--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.has-checked\:inset-ring-line-active:has(:checked){--tw-inset-ring-color:var(--border-active)}.has-focus-visible\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-focus-visible\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-focus-visible\:outline-accent-dark:has(:focus-visible){outline-color:var(--accent-dark)}.has-\[\:checked\]\:border-accent:has(:checked){border-color:var(--accent)}.has-\[\:checked\]\:border-line-active:has(:checked){border-color:var(--border-active)}.has-\[\:checked\]\:bg-accent-tint:has(:checked){background-color:var(--accent-tint)}.has-\[\:focus-visible\]\:ring-3:has(:focus-visible){--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)}.has-\[\:focus-visible\]\:ring-accent\/25:has(:focus-visible){--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.has-\[\:focus-visible\]\:ring-accent\/25:has(:focus-visible){--tw-ring-color:color-mix(in oklab, var(--accent) 25%, transparent)}}.has-\[a\:active\]\:scale-\[\.98\]:has(:is(a:active)){scale:.98}.has-\[a\:focus-visible\]\:outline-2:has(:is(a:focus-visible)){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[a\:focus-visible\]\:outline-offset-2:has(:is(a:focus-visible)){outline-offset:2px}.has-\[a\:focus-visible\]\:outline-accent-dark:has(:is(a:focus-visible)){outline-color:var(--accent-dark)}.aria-invalid\:border-line-active[aria-invalid=true]{border-color:var(--border-active)}.aria-invalid\:ring-1[aria-invalid=true]{--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)}.aria-invalid\:ring-line-active[aria-invalid=true]{--tw-ring-color:var(--border-active)}.aria-pressed\:border-solid[aria-pressed=true]{--tw-border-style:solid;border-style:solid}.aria-pressed\:border-accent[aria-pressed=true]{border-color:var(--accent)}.aria-pressed\:bg-accent[aria-pressed=true]{background-color:var(--accent)}.aria-pressed\:bg-accent-tint[aria-pressed=true]{background-color:var(--accent-tint)}.aria-pressed\:text-white[aria-pressed=true]{color:var(--bg)}.aria-pressed\:inset-ring[aria-pressed=true]{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.aria-pressed\:inset-ring-accent[aria-pressed=true]{--tw-inset-ring-color:var(--accent)}.data-\[highlighted\]\:bg-accent-tint[data-highlighted]{background-color:var(--accent-tint)}.data-\[placeholder\]\:text-ink-muted[data-placeholder]{color:var(--text-muted)}.data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:\[transition\:opacity_150ms_linear_150ms\]{transition:opacity .15s linear .15s}}@media not all and (min-width:64rem){.max-lg\:fixed{position:fixed}.max-lg\:inset-x-0{inset-inline:0}.max-lg\:top-auto{top:auto}.max-lg\:bottom-0{bottom:0}.max-lg\:m-0{margin:0}.max-lg\:max-h-\[85dvh\]{max-height:85dvh}.max-lg\:w-full{width:100%}.max-lg\:max-w-none{max-width:none}.max-lg\:rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.max-lg\:border-0{border-style:var(--tw-border-style);border-width:0}.max-lg\:bg-white{background-color:var(--bg)}.max-lg\:p-0{padding:0}.max-lg\:text-ink{color:var(--text)}.max-lg\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.max-lg\:duration-300{--tw-duration:.3s;transition-duration:.3s}.max-lg\:ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.max-lg\:backdrop\:bg-overlay::backdrop{background-color:var(--overlay)}}@media not all and (min-width:48rem){.max-md\:inset-x-0{inset-inline:0}.max-md\:top-auto{top:auto}.max-md\:bottom-0{bottom:0}.max-md\:h-\[88dvh\]{height:88dvh}.max-md\:max-w-none{max-width:none}.max-md\:rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.max-md\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}}@media not all and (min-width:40rem){.max-sm\:rounded-none{border-radius:0}.max-sm\:border-0{border-style:var(--tw-border-style);border-width:0}.max-sm\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:360px){.min-\[360px\]\:h-5{height:calc(var(--spacing) * 5)}.min-\[360px\]\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid{display:grid}.sm\:inline{display:inline}.sm\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.sm\:size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.sm\:min-h-24{min-height:calc(var(--spacing) * 24)}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:w-\[40\%\]{width:40%}.sm\:w-\[150px\]{width:150px}.sm\:max-w-64{max-width:calc(var(--spacing) * 64)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto_auto\]{grid-template-columns:1fr auto auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-x-8{column-gap:calc(var(--spacing) * 8)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-\[clamp\(28px\,4vw\,56px\)\]{padding:clamp(28px,4vw,56px)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.sm\:pr-4{padding-right:calc(var(--spacing) * 4)}.sm\:pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.sm\:text-\[15px\]{font-size:15px}}@media (min-width:48rem){.md\:pointer-events-none{pointer-events:none}.md\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.md\:right-0{right:0}.md\:bottom-5{bottom:calc(var(--spacing) * 5)}.md\:left-auto{left:auto}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-4{grid-column:span 4/span 4}.md\:mt-5{margin-top:calc(var(--spacing) * 5)}.md\:mt-8{margin-top:calc(var(--spacing) * 8)}.md\:mt-10{margin-top:calc(var(--spacing) * 10)}.md\:mt-12{margin-top:calc(var(--spacing) * 12)}.md\:mt-20{margin-top:calc(var(--spacing) * 20)}.md\:mb-0{margin-bottom:0}.md\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.md\:ml-0{margin-left:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-6{height:calc(var(--spacing) * 6)}.md\:h-14{height:calc(var(--spacing) * 14)}.md\:min-h-0{min-height:0}.md\:min-h-\[50px\]{min-height:50px}.md\:auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.md\:grid-flow-col{grid-auto-flow:column}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr}.md\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.md\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.md\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.md\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.md\:grid-cols-\[minmax\(0\,360px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,360px) minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-12{gap:calc(var(--spacing) * 12)}.md\:gap-14{gap:calc(var(--spacing) * 14)}.md\:gap-x-5{column-gap:calc(var(--spacing) * 5)}.md\:gap-y-10{row-gap:calc(var(--spacing) * 10)}.md\:self-auto{align-self:auto}.md\:overflow-hidden{overflow:hidden}.md\:overflow-visible{overflow:visible}.md\:border-0{border-style:var(--tw-border-style);border-width:0}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:var(--border-width)}.md\:border-line{border-color:var(--border)}.md\:p-0{padding:0}.md\:p-5{padding:calc(var(--spacing) * 5)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}.md\:py-12{padding-block:calc(var(--spacing) * 12)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:pt-6{padding-top:calc(var(--spacing) * 6)}.md\:pt-16{padding-top:calc(var(--spacing) * 16)}.md\:pt-\[var\(--page-top\)\]{padding-top:var(--page-top)}.md\:pr-10{padding-right:calc(var(--spacing) * 10)}.md\:pb-0{padding-bottom:0}.md\:text-center{text-align:center}.md\:whitespace-normal{white-space:normal}}@media (min-width:64rem){.lg\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lg\:static{position:static}.lg\:sticky{position:sticky}.lg\:inset-x-0{inset-inline:0}.lg\:top-3{top:calc(var(--spacing) * 3)}.lg\:top-\[calc\(var\(--header-h\)\+1\.5rem\)\]{top:calc(var(--header-h) + 1.5rem)}.lg\:top-\[calc\(var\(--header-h\)\+1rem\)\]{top:calc(var(--header-h) + 1rem)}.lg\:top-\[calc\(var\(--header-h\)\+20px\)\]{top:calc(var(--header-h) + 20px)}.lg\:right-5{right:calc(var(--spacing) * 5)}.lg\:bottom-5{bottom:calc(var(--spacing) * 5)}.lg\:z-\[31\]{z-index:31}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-start-2{grid-column-start:2}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:m-0{margin:0}.lg\:m-auto{margin:auto}.lg\:-mx-1{margin-inline:calc(var(--spacing) * -1)}.lg\:mx-0{margin-inline:0}.lg\:mx-auto{margin-inline:auto}.lg\:mt-4{margin-top:calc(var(--spacing) * 4)}.lg\:ml-0{margin-left:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:aspect-\[4\/3\]{aspect-ratio:4/3}.lg\:aspect-auto{aspect-ratio:auto}.lg\:size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.lg\:size-\[76px\]{width:76px;height:76px}.lg\:h-5{height:calc(var(--spacing) * 5)}.lg\:h-7{height:calc(var(--spacing) * 7)}.lg\:h-20{height:calc(var(--spacing) * 20)}.lg\:h-\[50px\]{height:50px}.lg\:h-\[clamp\(400px\,calc\(100svh-var\(--header-h\)-120px\)\,720px\)\]{height:clamp(400px, calc(100svh - var(--header-h) - 120px), 720px)}.lg\:h-fit{height:fit-content}.lg\:max-h-\[90dvh\]{max-height:90dvh}.lg\:max-h-\[calc\(100svh-var\(--header-h\)-2rem\)\]{max-height:calc(100svh - var(--header-h) - 2rem)}.lg\:max-h-\[clamp\(400px\,calc\(100svh-var\(--header-h\)-120px\)\,720px\)\]{max-height:clamp(400px, calc(100svh - var(--header-h) - 120px), 720px)}.lg\:max-h-none{max-height:none}.lg\:min-h-0{min-height:0}.lg\:min-h-8{min-height:calc(var(--spacing) * 8)}.lg\:min-h-\[50px\]{min-height:50px}.lg\:w-11{width:calc(var(--spacing) * 11)}.lg\:w-\[72px\]{width:72px}.lg\:w-\[176px\]{width:176px}.lg\:w-\[min\(100\%\,calc\(\(100svh-var\(--header-h\)-96px\)\/1\.04\)\)\]{width:min(100%, calc((100svh - var(--header-h) - 96px) / 1.04))}.lg\:w-auto{width:auto}.lg\:w-fit{width:fit-content}.lg\:w-full{width:100%}.lg\:max-w-5xl{max-width:var(--container-5xl)}.lg\:max-w-\[1080px\]{max-width:1080px}.lg\:max-w-none{max-width:none}.lg\:min-w-0{min-width:0}.lg\:flex-none{flex:none}.lg\:shrink-0{flex-shrink:0}.lg\:\[scrollbar-width\:thin\]{scrollbar-width:thin}.lg\:auto-rows-\[clamp\(220px\,21vw\,300px\)\]{grid-auto-rows:clamp(220px,21vw,300px)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px}.lg\:grid-cols-\[1fr_380px\]{grid-template-columns:1fr 380px}.lg\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.lg\:grid-cols-\[200px_1fr\]{grid-template-columns:200px 1fr}.lg\:grid-cols-\[300px_minmax\(0\,1fr\)\]{grid-template-columns:300px minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1\.5fr\)_repeat\(4\,minmax\(0\,1fr\)\)\]{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_19rem\]{grid-template-columns:minmax(0,1fr) 19rem}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,5\.4fr\)\]{grid-template-columns:minmax(0,5fr) minmax(0,5.4fr)}.lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,6fr\)\]{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.lg\:flex-col{flex-direction:column}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:gap-0{gap:0}.lg\:gap-1{gap:var(--spacing)}.lg\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.lg\:gap-4{gap:calc(var(--spacing) * 4)}.lg\:gap-5{gap:calc(var(--spacing) * 5)}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:gap-14{gap:calc(var(--spacing) * 14)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-\[7px\]{gap:7px}.lg\:gap-\[18px\]{gap:18px}.lg\:gap-x-0\.5{column-gap:calc(var(--spacing) * .5)}.lg\:gap-y-0{row-gap:0}.lg\:self-start{align-self:flex-start}.lg\:justify-self-end{justify-self:flex-end}.lg\:overflow-visible{overflow:visible}.lg\:overflow-y-auto{overflow-y:auto}.lg\:rounded-\[26px\]{border-radius:26px}.lg\:rounded-lg{border-radius:var(--r-lg)}.lg\:border{border-style:var(--tw-border-style);border-width:var(--border-width)}.lg\:border-0{border-style:var(--tw-border-style);border-width:0}.lg\:border-t{border-top-style:var(--tw-border-style);border-top-width:var(--border-width)}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:var(--border-width)}.lg\:border-line{border-color:var(--border)}.lg\:bg-surface{background-color:var(--surface)}.lg\:bg-white{background-color:var(--bg)}.lg\:p-0{padding:0}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:p-\[18px\]{padding:18px}.lg\:px-0{padding-inline:0}.lg\:px-0\.5{padding-inline:calc(var(--spacing) * .5)}.lg\:px-1{padding-inline:var(--spacing)}.lg\:px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.lg\:px-7{padding-inline:calc(var(--spacing) * 7)}.lg\:px-\[22px\]{padding-inline:22px}.lg\:py-0\.5{padding-block:calc(var(--spacing) * .5)}.lg\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.lg\:py-\[26px\]{padding-block:26px}.lg\:pt-2{padding-top:calc(var(--spacing) * 2)}.lg\:pt-4{padding-top:calc(var(--spacing) * 4)}.lg\:pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.lg\:pr-14{padding-right:calc(var(--spacing) * 14)}.lg\:pr-16{padding-right:calc(var(--spacing) * 16)}.lg\:pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.lg\:pb-\[calc\(4rem\+var\(--tray-space\)\)\]{padding-bottom:calc(4rem + var(--tray-space))}.lg\:pl-\[18px\]{padding-left:18px}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.lg\:text-\[13px\]{font-size:13px}.lg\:shadow-panel{--tw-shadow:var(--lift-panel);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.lg\:hover\:bg-white:hover{background-color:var(--bg)}}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:gap-16{gap:calc(var(--spacing) * 16)}}@container not (min-width:229px){.\@max-\[229px\]\:hidden{display:none}.\@max-\[229px\]\:w-\[38px\]{width:38px}.\@max-\[229px\]\:px-0{padding-inline:0}}@container not (min-width:219px){.\@max-\[219px\]\:flex-col{flex-direction:column}.\@max-\[219px\]\:gap-0\.5{gap:calc(var(--spacing) * .5)}}@container not (min-width:169px){.\@max-\[169px\]\:hidden{display:none}}@container (min-width:28rem){.\@min-\[28rem\]\:block{display:block}.\@min-\[28rem\]\:grid-cols-\[2\.5rem_minmax\(0\,1fr\)_2\.5rem\]{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem}}@container (min-width:45rem){.\@\[45rem\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@\[45rem\]\:gap-4{gap:calc(var(--spacing) * 4)}.\@\[45rem\]\:gap-x-4{column-gap:calc(var(--spacing) * 4)}}@media not all and (min-width:64rem){@media (orientation:landscape){.max-lg\:landscape\:w-64{width:calc(var(--spacing) * 64)}.max-lg\:landscape\:flex-row{flex-direction:row}.max-lg\:landscape\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.max-lg\:landscape\:border-l{border-left-style:var(--tw-border-style);border-left-width:var(--border-width)}.max-lg\:landscape\:pr-16{padding-right:calc(var(--spacing) * 16)}}}@starting-style{.starting\:open\:translate-x-full:is([open],:popover-open,:open){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.starting\:open\:opacity-0:is([open],:popover-open,:open){opacity:0}}@media not all and (min-width:64rem){@starting-style{.max-lg\:starting\:open\:translate-y-full:is([open],:popover-open,:open){--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}}}@media not all and (min-width:48rem){@starting-style{.max-md\:starting\:open\:translate-x-0:is([open],:popover-open,:open){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.max-md\:starting\:open\:translate-y-full:is([open],:popover-open,:open){--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}}}@media (pointer:fine){@media (hover:hover){.pointer-fine\:group-hover\:scale-200:is(:where(.group):hover *){--tw-scale-x:200%;--tw-scale-y:200%;--tw-scale-z:200%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pointer-fine\:hover\:bg-ink:hover{background-color:var(--text)}.pointer-fine\:hover\:text-white:hover{color:var(--bg)}}}@media (min-width:64rem){html:has([data-buy-box]) .lg\:beside-buy-box\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html:has([data-buy-box]) .lg\:beside-buy-box\:ml-\[var\(--gutter\)\]{margin-left:var(--gutter)}html:has([data-buy-box]) .lg\:beside-buy-box\:hidden{display:none}html:has([data-buy-box]) .lg\:beside-buy-box\:w-14{width:calc(var(--spacing) * 14)}html:has([data-buy-box]) .lg\:beside-buy-box\:justify-center{justify-content:center}html:has([data-buy-box]) .lg\:beside-buy-box\:gap-0{gap:0}html:has([data-buy-box]) .lg\:beside-buy-box\:px-0{padding-inline:0}}.on-tray\:border-accent:has([data-tray-toggle][aria-pressed=true]){border-color:var(--accent)}.on-tray\:inset-ring:has([data-tray-toggle][aria-pressed=true]){--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.on-tray\:inset-ring-accent:has([data-tray-toggle][aria-pressed=true]){--tw-inset-ring-color:var(--accent)}.\[\&_\:focus-visible\]\:outline-white :focus-visible{outline-color:var(--bg)}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}@media (min-width:48rem){.md\:\[\&\:\:details-content\]\:block::details-content{display:block}.md\:\[\&\:\:details-content\]\:\[content-visibility\:visible\]::details-content{content-visibility:visible}}}:root{--font:var(--font-outfit), sans-serif;--accent:#575d9b;--accent-dark:#464a7c;--accent-tint:#f1f3fb;--blush:#f3b6c8;--flag-fr-blue:#000091;--flag-fr-red:#e1000f;--flag-uk-blue:#012169;--flag-uk-red:#c8102e;--flag-white:#fff;--google-blue:#4285f4;--google-green:#34a853;--google-yellow:#fbbc05;--google-red:#ea4335;--ok:#2f7d5c;--low:#c98a1d;--gradient:linear-gradient(180deg, #f5f6fb 0%, #eceef8 100%);--stage:linear-gradient(180deg, #f1f3fb 0%, #e9ecf7 100%);--gradient-dark:radial-gradient(120% 140% at 85% 10%, #3a4192 0%, #1b2466 48%, #0b1442 100%);--veil:linear-gradient(180deg, #0b144200 0%, #0b1442bd 46%, #0b1442eb 100%);--text:#0b1442;--text-body:#2b3256;--text-muted:#5a6285;--text-subtle:#8b91ad;--text-disabled:#a9aec6;--text-on-dark:#d6daef;--dark:#0b1442;--bg:#fff;--surface:#f5f6fb;--surface-alt:#f5f6fb;--swatch:#eceef8;--overlay:#0b14424d;--border:#e3e6f1;--border-strong:#c9cee3;--border-active:#0b1442;--border-width:1px;--lift-tab:0 1px 2px #0b144214, 0 6px 16px -8px #0b144233;--lift-pill:0 1px 2px #0b144214, 0 14px 30px -10px #0b144259;--lift-panel:0 30px 60px -40px #0b144240;--lift-chart:0 1px 1px #0b14420a, 0 40px 80px -30px #0b144247;--frame-shadow:#0b144233;--reveal-rise:28px;--reveal-time:.7s;--tabbar-space:calc(6rem + env(safe-area-inset-bottom));--tray-space:0px;--r-sm:10px;--r-md:14px;--r-lg:22px;--r-xl:30px;--r-pill:99px;--r-circle:50%;--display-1:clamp(44px, 5.4vw, 84px);--display-2:clamp(30px, 3.1vw, 46px);--content-max:1400px;--gutter:clamp(20px, 4vw, 56px);--section-y:clamp(56px, 7.5vw, 112px);--page-top:clamp(10px, 1.6vw, 20px);--header-h:4rem}@media (min-width:64rem){:root{--header-h:8rem}}html:has([data-tray-bar]){--tray-space:4rem}.grecaptcha-badge{visibility:hidden}@property --tw-border-spacing-x{syntax:"";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"";inherits:false;initial-value:0}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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:"";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:"";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:"";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:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}

Reading Glasses

Products

Products

Frame shape

Colour

Fit

Skoura Round Havana

Azilal Round Crystal

Settat Rectangle Havana

Debdou Navigator Acetate