:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--gutter: clamp(1rem, .6rem + 1.8vw, 2.5rem);--section-spacing: clamp(3rem, 1.5rem + 4vw, var(--section-spacing-desktop, 6rem));--grid-gap: clamp(1rem, .75rem + 1vw, 1.75rem);--fs-xs: calc(.8125rem * var(--font-body-scale, 1));--fs-sm: calc(.875rem * var(--font-body-scale, 1));--fs-base: calc(1rem * var(--font-body-scale, 1));--fs-md: calc(1.0625rem * var(--font-body-scale, 1));--fs-lg: calc(clamp(1.0625rem, 1rem + .3vw, 1.25rem) * var(--font-body-scale, 1));--fs-h6: calc(1rem * var(--font-heading-scale, 1));--fs-h5: calc(clamp(1.125rem, 1.05rem + .3vw, 1.25rem) * var(--font-heading-scale, 1));--fs-h4: calc(clamp(1.25rem, 1.1rem + .6vw, 1.5rem) * var(--font-heading-scale, 1));--fs-h3: calc(clamp(1.5rem, 1.25rem + 1vw, 2rem) * var(--font-heading-scale, 1));--fs-h2: calc(min(clamp(1.875rem, 1.4rem + 2vw, 3rem), 8.75vw) * var(--font-heading-scale, 1));--fs-h1: calc(min(clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem), 8.75vw) * var(--font-heading-scale, 1));--fs-display: calc(clamp(2.5rem, 1.5rem + 4.4vw, 5rem) * var(--font-heading-scale, 1));--lh-tight: 1.08;--lh-snug: 1.25;--lh-normal: 1.6;--tracking-tight: -.022em;--tracking-wide: .08em;--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration: .25s;--duration-slow: .45s;--shadow-sm: 0 1px 2px rgb(24 24 24 / .06);--shadow-md: 0 8px 24px rgb(24 24 24 / .08);--shadow-lg: 0 24px 60px rgb(24 24 24 / .14);--z-header: 30;--z-sticky-bar: 25;--z-overlay: 40;--z-drawer: 50;--z-toast: 60;--control-height: 3rem;--control-height-sm: 2.5rem;--tap-target: 2.75rem;--focus-ring-width: 2px;--focus-ring-offset: 3px;--header-height: 4.5rem}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration: 0ms;--duration-slow: 0ms}}body{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);text-transform:var(--font-heading-case);letter-spacing:var(--tracking-tight);line-height:var(--lh-snug);color:inherit;margin:0;text-wrap:balance;overflow-wrap:break-word}.display{font-size:var(--fs-display);line-height:var(--lh-tight)}h1,.h1{font-size:var(--fs-h1);line-height:var(--lh-tight)}h2,.h2{font-size:var(--fs-h2);line-height:1.12}h3,.h3{font-size:var(--fs-h3)}h4,.h4{font-size:var(--fs-h4)}h5,.h5{font-size:var(--fs-h5);letter-spacing:-.01em}h6,.h6{font-size:var(--fs-h6);letter-spacing:0}p{margin:0;text-wrap:pretty}.text-lg{font-size:var(--fs-lg)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-muted{color:var(--color-text-muted)}.text-medium{font-weight:var(--font-body-weight-medium)}.text-semibold{font-weight:var(--font-body-weight-semibold)}.eyebrow{display:inline-flex;align-items:center;font-family:var(--font-body-family);font-size:var(--fs-xs);font-weight:var(--font-body-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent-text)}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}.link{color:var(--color-text);text-decoration:underline;text-decoration-color:rgb(var(--color-text-rgb) / .35);transition:text-decoration-color var(--duration-fast) var(--ease-out);cursor:pointer}.link:hover{text-decoration-color:currentColor}button.link{padding:0;border:0;background:none;font:inherit;text-align:start}.link--accent{color:var(--color-accent-text)}.rte>*+*{margin-block-start:1em}.rte h2,.rte h3,.rte h4{margin-block-start:1.6em}.rte h1,.rte h2{font-size:var(--fs-h4)}.rte h3{font-size:var(--fs-h5)}.rte h4,.rte h5,.rte h6{font-size:var(--fs-h6)}.rte ul,.rte ol{padding-inline-start:1.25em}.rte li+li{margin-block-start:.35em}.rte a{text-decoration:underline;text-underline-offset:.2em}.rte img{border-radius:var(--radius);height:auto}.rte table{inline-size:100%;border-collapse:collapse;font-size:var(--fs-sm)}.rte td,.rte th{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border);text-align:start}.rte iframe{max-inline-size:100%}.rte strong{font-weight:var(--font-body-weight-semibold)}.btn{--btn-bg: var(--color-button);--btn-fg: var(--color-button-label);--btn-border: var(--color-button);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--control-height);padding:.75rem 1.75rem;border:1px solid var(--btn-border);border-radius:var(--radius-button);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body-family);font-size:var(--fs-base);font-weight:var(--font-body-weight-medium);line-height:1.2;letter-spacing:.005em;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--duration) var(--ease-out),color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),transform var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.btn:hover{--btn-bg: rgb(var(--color-button-rgb) / .86)}.btn:active{transform:translateY(1px)}.icon-button:active,.quantity__button:active,.option-pill:active,.compare__chip:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.btn:active,.icon-button:active,.quantity__button:active,.option-pill:active,.compare__chip:active{transform:none}}.btn--secondary{--btn-bg: transparent;--btn-fg: var(--color-text);--btn-border: rgb(var(--color-text-rgb) / .8)}.btn--secondary:hover{--btn-bg: var(--color-text);--btn-fg: var(--color-bg);--btn-border: var(--color-text)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--color-text);--btn-border: transparent;padding-inline:var(--space-3)}.btn--ghost:hover{--btn-bg: rgb(var(--color-text-rgb) / .06)}.btn--small{min-block-size:var(--control-height-sm);padding:.5rem 1.125rem;font-size:var(--fs-sm)}.btn--large{min-block-size:3.5rem;padding-inline:2.25rem;font-size:var(--fs-md)}.btn--full{inline-size:100%}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;opacity:.45;transform:none}.btn .icon{inline-size:1.125rem;block-size:1.125rem;flex:none}.btn.is-loading{color:transparent;pointer-events:none}.btn.is-loading>*{visibility:hidden}.btn.is-loading:after{content:"";position:absolute;inset:50% auto auto 50%;inline-size:1.125rem;block-size:1.125rem;margin:-.5625rem 0 0 -.5625rem;border:2px solid var(--btn-fg);border-inline-end-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-button{display:inline-grid;place-items:center;inline-size:var(--tap-target);block-size:var(--tap-target);padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.icon-button:hover{background:rgb(var(--color-text-rgb) / .06)}.icon-button .icon{inline-size:1.375rem;block-size:1.375rem}.field{display:grid;gap:var(--space-2)}.field__label{font-size:var(--fs-sm);font-weight:var(--font-body-weight-medium);color:var(--color-text)}.field__input,.select__select,textarea.field__input{inline-size:100%;min-block-size:var(--control-height);padding:.75rem 1rem;border:1px solid rgb(var(--color-text-rgb) / .28);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--fs-base);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);-webkit-appearance:none;appearance:none}textarea.field__input{min-block-size:8rem;resize:vertical}.field__input::placeholder{color:var(--color-text-muted);opacity:1}.field__input:hover,.select__select:hover{border-color:rgb(var(--color-text-rgb) / .55)}.field__input:focus-visible,.select__select:focus-visible{outline:none;border-color:var(--color-text);box-shadow:0 0 0 1px var(--color-text)}.field__input[aria-invalid=true]{border-color:var(--color-error)}.field__error{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--fs-sm);color:var(--color-error)}.field__hint{font-size:var(--fs-sm);color:var(--color-text-muted)}.select{position:relative}.select__select{padding-inline-end:2.75rem;cursor:pointer}.select .icon{position:absolute;inset-block-start:50%;inset-inline-end:1rem;inline-size:.875rem;block-size:.875rem;transform:translateY(-50%);pointer-events:none}.checkbox{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--fs-base)}.checkbox input{flex:none;inline-size:1.25rem;block-size:1.25rem;margin:.15em 0 0;accent-color:var(--color-text);cursor:pointer}.form-message{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-base)}.form-message--success{background:#2e6b3a14;color:var(--color-success)}.form-message--error{background:#b3261e12;color:var(--color-error)}.form-message .icon{flex:none;inline-size:1.25rem;block-size:1.25rem;margin-block-start:.1em}
/*# sourceMappingURL=/cdn/shop/t/29/assets/design-system.css.map */