@layer reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol,fieldset{margin:0}ul[class],ol[class]{list-style:none;padding:0}fieldset{border:0;padding:0;min-inline-size:0}legend{padding:0}img,svg,video,canvas{display:block;max-inline-size:100%}img,video{block-size:auto}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:0;padding:0;cursor:pointer}table{border-collapse:collapse}[hidden]{display:none!important}}@layer tokens{:root{--accent: var(--in-accent);--on-accent: var(--in-on-accent);--font-display: var(--in-font-display);--font-body: var(--in-font-body);--font-label: var(--in-font-label);--display-weight: var(--in-display-weight);--weight-medium: 500;--label-case: var(--in-label-case);--label-track: var(--in-label-track);--track-display: var(--in-track);--track-heading: calc(var(--in-track) * .6);--step--2: .75rem;--step--1: clamp(.875rem, .8542rem + .0926vw, .9375rem);--step-0: clamp(1rem, .9792rem + .0926vw, 1.0625rem);--step-1: clamp(1.2rem, 1.1279rem + .3205vw, 1.4163rem);--step-2: clamp(1.44rem, 1.2907rem + .6636vw, 1.8879rem);--step-3: clamp(1.728rem, 1.4651rem + 1.1683vw, 2.5166rem);--step-4: clamp(2.0736rem, 1.6466rem + 1.8979vw, 3.3547rem);--step-5: clamp(2.4883rem, 1.8272rem + 2.9384vw, 4.4718rem);--step-6: clamp(2.986rem, 1.9944rem + 4.4072vw, 5.9609rem);--sp-3xs: calc(clamp(.25rem, .2292rem + .0926vw, .3125rem) * var(--in-space));--sp-2xs: calc(clamp(.5rem, .4792rem + .0926vw, .5625rem) * var(--in-space));--sp-xs: calc(clamp(.75rem, .7083rem + .1852vw, .875rem) * var(--in-space));--sp-s: calc(clamp(1rem, .9583rem + .1852vw, 1.125rem) * var(--in-space));--sp-m: calc(clamp(1.5rem, 1.4167rem + .3704vw, 1.75rem) * var(--in-space));--sp-l: calc(clamp(2rem, 1.8333rem + .7407vw, 2.5rem) * var(--in-space));--sp-xl: calc(clamp(3rem, 2.6667rem + 1.4815vw, 4rem) * var(--in-space));--sp-2xl: calc(clamp(4rem, 3.3333rem + 2.963vw, 6rem) * var(--in-space));--sp-3xl: calc(clamp(6rem, 5rem + 4.4444vw, 9rem) * var(--in-space));--page-max: var(--in-page);--gutter: var(--in-gutter);--page-inset: max(var(--gutter), env(safe-area-inset-left), env(safe-area-inset-right));--measure: 65ch;--header-h: 3.5rem;--radius-s: calc(var(--in-radius) * .55);--radius-m: var(--in-radius);--radius-l: calc(var(--in-radius) * 1.5);--radius-pill: min(9999px, calc(var(--in-radius) * 999));--btn-shape: var(--radius-pill);--field-radius: var(--radius-m);--line-w: var(--in-line-w);--media-ratio: var(--in-media-ratio);--card-ratio: var(--in-card-ratio);--motion: var(--in-motion);--dur-1: calc(.1s * var(--motion));--dur-2: calc(.18s * var(--motion));--dur-3: calc(.32s * var(--motion));--dur-4: calc(.6s * var(--motion));--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-rgb: 17 17 26;--gloss: linear-gradient(180deg, rgb(255 255 255 / .26) 0%, rgb(255 255 255 / .06) 48%, rgb(0 0 0 / .07) 100%);--gloss-edge: inset 0 1px 0 rgb(255 255 255 / .32), inset 0 -1px 0 rgb(0 0 0 / .08);--z-header: 10;--z-overlay: 100;--z-skip: 1000}@media(prefers-reduced-motion:reduce){:root{--motion: .01}}[data-buttons=rounded]{--btn-shape: var(--radius-m)}[data-buttons=square]{--btn-shape: var(--radius-s);--field-radius: var(--radius-s)}[data-finish=flat]{--gloss: none;--gloss-edge: 0 0 #0000}:root,[data-tone=default]{color-scheme:var(--in-scheme);--bg: var(--in-bg);--surface: var(--in-surface);--text: var(--in-fg);--text-muted: color-mix(in oklab, var(--in-fg) 72%, var(--in-bg));--line: color-mix(in oklab, var(--in-fg) 14%, var(--in-bg));--line-strong: color-mix(in oklab, var(--in-fg) 58%, var(--in-bg));--field-edge: color-mix(in oklab, var(--in-fg) 52%, transparent);--action: var(--in-action);--on-action: var(--in-on-action);--emphasis: var(--in-emphasis, color-mix(in oklab, var(--accent) 45%, var(--text)))}[data-tone=surface]{color-scheme:var(--in-scheme);--bg: var(--in-surface);--surface: var(--in-bg);--text: var(--in-fg);--text-muted: color-mix(in oklab, var(--in-fg) 72%, var(--in-surface));--line: color-mix(in oklab, var(--in-fg) 14%, var(--in-surface));--line-strong: color-mix(in oklab, var(--in-fg) 58%, var(--in-surface));--field-edge: color-mix(in oklab, var(--in-fg) 55%, transparent);--action: var(--in-action);--on-action: var(--in-on-action);--emphasis: var(--in-emphasis-surface, color-mix(in oklab, var(--accent) 45%, var(--text)))}[data-tone=inverse]{color-scheme:var(--in-scheme-inverse);--bg: var(--in-fg);--surface: color-mix(in oklab, var(--in-bg) 10%, var(--in-fg));--text: var(--in-bg);--text-muted: color-mix(in oklab, var(--in-bg) 72%, var(--in-fg));--line: color-mix(in oklab, var(--in-bg) 18%, var(--in-fg));--line-strong: color-mix(in oklab, var(--in-bg) 58%, var(--in-fg));--field-edge: color-mix(in oklab, var(--in-bg) 52%, transparent);--action: var(--in-action);--on-action: var(--in-on-action);--emphasis: var(--in-emphasis-inverse, color-mix(in oklab, var(--accent) 45%, var(--text)))}[data-tone=accent]{color-scheme:var(--in-scheme-accent);--bg: var(--in-accent);--surface: color-mix(in oklab, var(--in-on-accent) 10%, var(--in-accent));--text: var(--in-on-accent);--text-muted: color-mix(in oklab, var(--in-on-accent) 92%, var(--in-accent));--line: color-mix(in oklab, var(--in-on-accent) 22%, var(--in-accent));--line-strong: color-mix(in oklab, var(--in-on-accent) 66%, var(--in-accent));--field-edge: color-mix(in oklab, var(--in-on-accent) 75%, transparent);--action: var(--in-on-accent);--on-action: var(--in-accent);--emphasis: var(--text)}:root,[data-tone]{--status-ok: color-mix(in oklab, #1f8a4c 62%, var(--text));--status-warn: color-mix(in oklab, #b26a00 62%, var(--text));--status-error: color-mix(in oklab, #d32f2f 62%, var(--text));--focus: var(--text);--card-bg: var(--raised);--shadow-1: 0 1px 2px rgb(var(--shadow-rgb) / calc(.05 * var(--shadow-k, 1))), 0 2px 10px rgb(var(--shadow-rgb) / calc(.05 * var(--shadow-k, 1)));--shadow-2: 0 2px 6px rgb(var(--shadow-rgb) / calc(.06 * var(--shadow-k, 1))), 0 12px 32px rgb(var(--shadow-rgb) / calc(.09 * var(--shadow-k, 1)));--shadow-3: 0 6px 16px rgb(var(--shadow-rgb) / calc(.08 * var(--shadow-k, 1))), 0 28px 64px rgb(var(--shadow-rgb) / calc(.18 * var(--shadow-k, 1)));--elev-1: var(--shadow-1);--elev-2: var(--shadow-2);--elev-3: var(--shadow-3)}[data-surface=outline],[data-surface=outline] [data-tone]{--card-bg: var(--bg);--elev-1: 0 0 0 1px var(--line);--elev-2: 0 0 0 1px var(--line)}[data-surface=flat],[data-surface=flat] [data-tone]{--card-bg: var(--surface);--elev-1: 0 0 #0000;--elev-2: 0 0 #0000}[data-tone=accent]{--status-ok: var(--text);--status-warn: var(--text);--status-error: var(--text)}}@layer base{html{scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent}html:has(dialog:modal){overflow:hidden}body{display:flex;flex-direction:column;min-block-size:100svh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.5;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}[data-tone]{background:var(--bg);color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--display-weight);line-height:1.1;letter-spacing:var(--track-heading);text-wrap:balance;overflow-wrap:anywhere}h1{font-size:var(--step-5);line-height:1.05;letter-spacing:var(--track-display)}h2{font-size:var(--step-4);line-height:1.05;letter-spacing:var(--track-display)}h3{font-size:var(--step-3)}h4{font-size:var(--step-2)}h5{font-size:var(--step-1)}h6{font-size:var(--step-0)}a{color:inherit;text-decoration-thickness:from-font;text-underline-offset:.2em}strong,b{font-weight:700}small{font-size:var(--step--1)}hr{border:0;block-size:1px;background:color-mix(in oklab,var(--text) 8%,transparent);margin:0}summary{cursor:pointer}main{flex:1 0 auto}main:focus{outline:none}::selection{background:var(--action);color:var(--on-action)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden]),select,textarea{inline-size:100%;min-block-size:3rem;padding-block:.5rem;padding-inline:var(--sp-xs);background:var(--card-bg);color:var(--text);border:1px solid var(--field-edge);border-radius:var(--field-radius);box-shadow:var(--elev-1);font-size:max(1rem,16px);transition:border-color var(--dur-2) var(--ease-standard),box-shadow var(--dur-2) var(--ease-standard)}:is(input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px}[data-surface=flat] :is(input,select,textarea){border-color:transparent}textarea{min-block-size:8rem;resize:vertical}::placeholder{color:var(--text-muted);opacity:1}input[type=checkbox],input[type=radio]{inline-size:1.25rem;block-size:1.25rem;margin:0;flex:none;accent-color:var(--action)}[aria-invalid=true]{border-color:var(--status-error)}.container{inline-size:100%;max-inline-size:var(--page-max);margin-inline:auto;padding-inline:var(--page-inset)}.container--narrow{max-inline-size:calc(var(--measure) + var(--page-inset) * 2)}.section{--pad-scale: .6;padding-block:calc(var(--pad-top, 48px) * var(--pad-scale)) calc(var(--pad-bottom, 48px) * var(--pad-scale))}@media(min-width:48em){.section{--pad-scale: 1}}.section[data-space=none]{--pad-top: 0px;--pad-bottom: 0px}.section[data-space=small]{--pad-top: 32px;--pad-bottom: 32px}.section[data-space=medium]{--pad-top: 48px;--pad-bottom: 48px}.section[data-space=large]{--pad-top: 80px;--pad-bottom: 80px}.grid{display:grid;gap:var(--gutter);grid-template-columns:repeat(6,minmax(0,1fr))}.grid>*{grid-column:1 / -1}.card-grid{display:grid;gap:var(--sp-m) var(--gutter);grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr))}@media(min-width:48em){.grid{grid-template-columns:repeat(12,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(var(--cols-d, 4),minmax(0,1fr))}}.t-display{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--step-6);line-height:1;letter-spacing:var(--track-display);text-wrap:balance;overflow-wrap:anywhere}.t-1{font-size:var(--step-5)}.t-2{font-size:var(--step-4)}.t-3{font-size:var(--step-3)}.t-4{font-size:var(--step-2)}.t-5{font-size:var(--step-1)}.t-body{font-size:var(--step-0)}.t-small{font-size:var(--step--1)}.t-caption{font-size:var(--step--2)}.accent-word{font-style:italic;color:var(--emphasis)}.t-label{font-family:var(--font-label);font-size:var(--step--1);font-weight:var(--weight-medium);letter-spacing:var(--label-track);text-transform:var(--label-case)}.rte>*+*{margin-block-start:1em}.rte>*+:is(h2,h3,h4,h5,h6){margin-block-start:1.5em}.rte a{text-decoration-line:underline}.rte ul,.rte ol{padding-inline-start:1.25em}.rte img{border-radius:var(--radius-m)}.rte :is(table){inline-size:100%}.rte :is(th,td){padding:var(--sp-2xs);border-block-end:1px solid var(--line);text-align:start}.skip-link{position:fixed;inset-block-start:var(--sp-2xs);inset-inline-start:var(--sp-2xs);z-index:var(--z-skip);padding:var(--sp-2xs) var(--sp-s);background:var(--action);color:var(--on-action);border-radius:var(--radius-s);transform:translateY(-200%)}.skip-link:focus{transform:none}.icon{display:inline-block;flex:none;inline-size:var(--icon-size, 1.25rem);block-size:var(--icon-size, 1.25rem)}.icon svg{inline-size:100%;block-size:100%}[dir=rtl] .icon--flip svg{transform:scaleX(-1)}.icon--inline-end svg{transform:rotate(-90deg)}[dir=rtl] .icon--inline-end svg{transform:rotate(90deg)}.icon--up svg{transform:rotate(180deg)}}@layer components{.btn{--btn-bg: var(--action);--btn-fg: var(--on-action);--btn-line: transparent;--btn-radius: var(--btn-shape);--btn-image: var(--gloss);--btn-shadow: var(--gloss-edge), 0 6px 16px -8px color-mix(in oklab, var(--btn-bg) 85%, transparent);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2xs);min-block-size:3rem;min-inline-size:3rem;padding-block:.5rem;padding-inline:var(--sp-m);background-color:var(--btn-bg);background-image:var(--btn-image);color:var(--btn-fg);border:1px solid var(--btn-line);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);font-family:var(--font-label);font-size:var(--step--1);font-weight:var(--weight-medium);line-height:1.2;letter-spacing:var(--label-track);text-align:center;text-decoration:none;text-transform:var(--label-case);overflow-wrap:anywhere;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;transition:background-color var(--dur-2) var(--ease-standard),color var(--dur-2) var(--ease-standard),box-shadow var(--dur-2) var(--ease-standard),transform var(--dur-3) var(--ease-spring)}.btn:active:not(:disabled,[aria-disabled=true]){transform:scale(.96);transition-duration:var(--dur-1)}.btn--secondary{--btn-bg: var(--card-bg);--btn-fg: var(--text);--btn-image: none;--btn-shadow: var(--elev-1)}[data-surface=flat] .btn--secondary{--btn-bg: var(--surface)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--text);--btn-image: none;--btn-shadow: 0 0 #0000}.btn--link{--btn-bg: transparent;--btn-fg: var(--text);--btn-image: none;--btn-shadow: 0 0 #0000;padding-inline:0;text-decoration-line:underline}.btn--small{min-block-size:2.75rem;min-inline-size:2.75rem;padding-inline:var(--sp-s)}.btn--icon{min-block-size:2.75rem;min-inline-size:2.75rem;padding:0;--btn-bg: transparent;--btn-fg: var(--text);--btn-image: none;--btn-shadow: 0 0 #0000;--btn-radius: var(--radius-pill)}.btn--icon:active:not(:disabled){--btn-bg: var(--surface)}.btn--block{display:flex;inline-size:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn[aria-busy=true]{color:transparent;cursor:progress;pointer-events:none}.btn[aria-busy=true]:after,.btn[data-state=done]:after{content:"";position:absolute;inset:50% auto auto 50%;inline-size:1.25rem;block-size:1.25rem;margin:-.625rem 0 0 -.625rem}.btn[aria-busy=true]:after{border:2px solid color-mix(in oklab,var(--btn-fg) 30%,transparent);border-block-start-color:var(--btn-fg);border-radius:50%;animation:btn-spin .7s linear infinite}.btn[data-state=done]{color:transparent}.btn[data-state=done]:after{background:var(--btn-fg);--check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");-webkit-mask:var(--check) center / contain no-repeat;mask:var(--check) center / contain no-repeat;animation:btn-pop calc(.42s * var(--motion)) var(--ease-spring) both}@keyframes btn-spin{to{transform:rotate(1turn)}}@keyframes btn-pop{0%{transform:scale(.4);opacity:0}}@media(any-pointer:fine){.btn:not(:disabled,[aria-disabled=true]):hover{--btn-bg: color-mix(in oklab, var(--action) 90%, #fff);transform:translateY(-1px)}.btn--secondary:not(:disabled,[aria-disabled=true]):hover{--btn-bg: var(--card-bg);--btn-shadow: var(--elev-2)}.btn--ghost:not(:disabled,[aria-disabled=true]):hover,.btn--icon:not(:disabled,[aria-disabled=true]):hover{--btn-bg: var(--surface);transform:none}.btn--link:not(:disabled,[aria-disabled=true]):hover{--btn-bg: transparent;transform:none;text-decoration-line:none}}.field{display:grid;gap:var(--sp-3xs)}.field__label{font-size:var(--step--1);font-weight:var(--weight-medium)}.field__hint{font-size:var(--step--1);color:var(--text-muted)}.field__error{font-size:var(--step--1);color:var(--status-error)}.check{display:flex;align-items:center;gap:var(--sp-2xs);min-block-size:2.75rem;cursor:pointer}.select-wrap{position:relative;display:block}.select-wrap select{-webkit-appearance:none;appearance:none;padding-inline-end:2.75rem}.select-wrap:after{content:"";position:absolute;inset-block:0;inset-inline-end:var(--sp-xs);inline-size:1.25rem;background:currentColor;pointer-events:none;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 9 6.5 6.5L18.5 9'/%3E%3C/svg%3E");-webkit-mask:var(--chevron) center / contain no-repeat;mask:var(--chevron) center / contain no-repeat}.media-tile{position:relative;display:block;aspect-ratio:var(--media-ratio);overflow:hidden;background:var(--tile-bg);border-radius:var(--radius-m)}.media-tile>img,.media-tile>video,.media-tile>svg{inline-size:100%;block-size:100%;object-fit:cover}.media-tile--contain>img,.media-tile--contain>video{object-fit:contain}.card__media .media-tile,.collection-card .card__media.media-tile{--media-ratio: var(--card-ratio)}.card{position:relative;display:grid;align-content:start;gap:var(--sp-2xs);min-inline-size:0}.card__media img{transition:transform var(--dur-3) var(--ease-out)}.card__body{display:grid;gap:var(--sp-3xs);min-inline-size:0}.card__title{font-family:var(--font-body);font-size:var(--step-0);font-weight:var(--weight-medium);line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}.card__meta{font-size:var(--step--1);color:var(--text-muted)}.card__link{text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-m)}.card__badges{position:absolute;inset-block-start:var(--sp-2xs);inset-inline-start:var(--sp-2xs);z-index:1;display:flex;flex-wrap:wrap;gap:var(--sp-3xs)}.card__action{position:relative;z-index:1}@media(any-pointer:fine){.card:hover .card__media img{transform:scale(1.02)}.card__link:hover{text-decoration-line:underline}}.price{justify-self:start;display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-3xs) var(--sp-2xs);font-family:var(--font-label);font-variant-numeric:tabular-nums}.price__compare{color:var(--text-muted);text-decoration-line:line-through}.price__note,.price__unit{flex-basis:100%;font-size:var(--step--1);color:var(--text-muted)}.badge{justify-self:start;display:inline-flex;align-items:center;min-block-size:1.5rem;padding-inline:.625rem;background:var(--card-bg);color:var(--text);border-radius:var(--radius-pill);box-shadow:var(--elev-1);font-family:var(--font-label);font-size:var(--step--2);font-weight:600;letter-spacing:var(--label-track);text-transform:var(--label-case);white-space:nowrap}.badge--solid{background:var(--gloss),var(--action);color:var(--on-action);box-shadow:var(--gloss-edge)}.badge--accent{background:var(--gloss),var(--accent);color:var(--on-accent);box-shadow:var(--gloss-edge)}.badge--muted{background:var(--surface);color:var(--text-muted);box-shadow:none}.dialog,.drawer{padding:0;border:0;background:var(--bg);color:var(--text);overscroll-behavior:contain;transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out)}.dialog:focus-visible,.drawer:focus-visible{outline:none;box-shadow:none}.dialog{inline-size:min(36rem,calc(100% - var(--page-inset) * 2));max-block-size:calc(100dvh - var(--page-inset) * 2);border-radius:var(--radius-l);box-shadow:var(--shadow-3);overflow:auto}.dialog[open]{opacity:1;transform:none}.dialog.is-closing{opacity:0;transform:translateY(.75rem) scale(.98)}@starting-style{.dialog[open]{opacity:0;transform:translateY(.75rem) scale(.98)}}.drawer{--drawer-gap: .5rem;--drawer-from: translateX(calc(100% + var(--drawer-gap)));margin:var(--drawer-gap);margin-inline-start:auto;inset-block:0;inline-size:min(28rem,calc(100% - var(--drawer-gap) * 2));max-inline-size:none;block-size:calc(100dvh - var(--drawer-gap) * 2);max-block-size:none;border-radius:var(--radius-l);box-shadow:var(--shadow-3);overflow:hidden}.drawer--start{--drawer-from: translateX(calc(-100% - var(--drawer-gap)));margin-inline:var(--drawer-gap) auto}[dir=rtl] .drawer{--drawer-from: translateX(calc(-100% - var(--drawer-gap)))}[dir=rtl] .drawer--start{--drawer-from: translateX(calc(100% + var(--drawer-gap)))}[data-drawer=full] .drawer{--drawer-gap: 0px;border-radius:0}@media not (min-width:48em){[data-drawer=sheet] .drawer,[data-drawer=sheet] [dir=rtl] .drawer{--drawer-from: translateY(100%);margin:auto 0 0;inline-size:100%;block-size:auto;max-block-size:90dvh;border-end-start-radius:0;border-end-end-radius:0}}.drawer[open]{display:flex;flex-direction:column;transform:none;transition-duration:calc(.42s * var(--motion))}.drawer.is-closing{transform:var(--drawer-from);transition-duration:var(--dur-3)}@starting-style{.drawer[open]{transform:var(--drawer-from)}}.dialog::backdrop,.drawer::backdrop{background:#0a0a1061;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity var(--dur-3, .32s) ease-out}.dialog.is-closing::backdrop,.drawer.is-closing::backdrop{opacity:0}@starting-style{.dialog[open]::backdrop,.drawer[open]::backdrop{opacity:0}}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-s);padding:var(--sp-xs) var(--sp-xs) var(--sp-3xs) var(--sp-s)}.dialog__body{flex:1;min-block-size:0;overflow-y:auto;padding:var(--sp-s);overscroll-behavior:contain}.dialog__footer{position:relative;padding:var(--sp-s);padding-block-end:max(var(--sp-s),env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -12px 24px -18px rgb(var(--shadow-rgb) / calc(.35 * var(--shadow-k, 1)))}[data-surface=outline] .dialog__footer{box-shadow:0 -1px 0 var(--line)}}@layer utilities{.visually-hidden{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stack{display:flex;flex-direction:column;gap:var(--gap, var(--sp-s))}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap, var(--sp-2xs))}.cq{container-type:inline-size}.text-muted{color:var(--text-muted)}.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.tabular{font-variant-numeric:tabular-nums}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}@media(min-width:48em){.col-d-1{grid-column:span 1}.col-d-2{grid-column:span 2}.col-d-3{grid-column:span 3}.col-d-4{grid-column:span 4}.col-d-5{grid-column:span 5}.col-d-6{grid-column:span 6}.col-d-7{grid-column:span 7}.col-d-8{grid-column:span 8}.col-d-9{grid-column:span 9}.col-d-10{grid-column:span 10}.col-d-11{grid-column:span 11}.col-d-12{grid-column:span 12}.hide-desktop{display:none}}@media not (min-width:48em){.hide-mobile{display:none}}.surface-card{background:var(--card-bg);border-radius:var(--radius-m);box-shadow:var(--elev-1)}.skeleton{background:linear-gradient(100deg,var(--surface) 30%,color-mix(in oklab,var(--surface) 50%,var(--bg)) 50%,var(--surface) 70%) 0 0 / 300% 100%;border-radius:var(--radius-s);animation:skeleton 1.4s linear infinite}@keyframes skeleton{to{background-position:-150% 0}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.reveal,[data-reveal] main>.shopify-section:not(:first-child,[id*=__main],:has(>.section-divider),.shopify-section:has(>.section-divider)+*)>*{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 30%}@keyframes reveal{0%{opacity:0;translate:0 1.5rem}}}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/base.css.map */
