:root{--zo-color-canvas: #f7f7f5;--zo-color-surface: #ffffff;--zo-color-surface-secondary: #f0f0ed;--zo-color-text-primary: #171717;--zo-color-text-secondary: #676767;--zo-color-text-muted: #8a8a86;--zo-color-border: #dededa;--zo-color-border-strong: #c7c7c2;--zo-color-accent: #7667a8;--zo-color-accent-hover: #665895;--zo-color-accent-soft: #eeeaf6;--zo-color-sale: #b84a4a;--zo-color-error: #b84a4a;--zo-color-success: #46775c;--zo-color-button-primary-hover: #303030;--zo-font-heading: var(--font-heading-family);--zo-font-body: var(--font-body-family);--zo-font-weight-regular: 400;--zo-font-weight-medium: 500;--zo-font-weight-semibold: 600;--zo-type-display-xl-size: clamp(4.8rem, 7vw, 7.2rem);--zo-type-display-xl-line-height: 1.12;--zo-type-display-size: clamp(4rem, 5.5vw, 6rem);--zo-type-display-line-height: 1.15;--zo-type-h1-size: clamp(3.2rem, 4vw, 4.8rem);--zo-type-h1-line-height: 1.2;--zo-type-h2-size: clamp(2.8rem, 3vw, 3.8rem);--zo-type-h2-line-height: 1.25;--zo-type-h3-size: clamp(2.2rem, 2.2vw, 2.8rem);--zo-type-h3-line-height: 1.3;--zo-type-h4-size: clamp(1.8rem, 1.6vw, 2.2rem);--zo-type-h4-line-height: 1.35;--zo-type-body-large-size: 1.8rem;--zo-type-body-large-line-height: 1.65;--zo-type-body-size: 1.6rem;--zo-type-body-line-height: 1.65;--zo-type-body-small-size: 1.4rem;--zo-type-body-small-line-height: 1.6;--zo-type-caption-size: 1.2rem;--zo-type-caption-line-height: 1.5;--zo-type-label-size: 1.4rem;--zo-type-label-line-height: 1.4;--zo-type-label-letter-spacing: .06em;--zo-space-1: 4px;--zo-space-2: 8px;--zo-space-3: 12px;--zo-space-4: 16px;--zo-space-5: 24px;--zo-space-6: 32px;--zo-space-7: 48px;--zo-space-8: 64px;--zo-space-9: 72px;--zo-space-10: 96px;--zo-section-compact: var(--zo-space-6);--zo-section-default: var(--zo-space-7);--zo-section-large: var(--zo-space-8);--zo-content-max-width: 1360px;--zo-layout-gutter: 16px;--zo-grid-gap: 12px;--zo-radius-xs: 4px;--zo-radius-sm: 8px;--zo-radius-md: 12px;--zo-radius-lg: 20px;--zo-radius-pill: 999px;--zo-border-subtle: 1px solid var(--zo-color-border);--zo-border-default: 1px solid var(--zo-color-border-strong);--zo-shadow-sm: 0 1px 2px rgb(23 23 23 / 6%);--zo-shadow-md: 0 8px 24px rgb(23 23 23 / 8%);--zo-button-height-sm: 40px;--zo-button-height: 48px;--zo-button-height-lg: 54px;--zo-button-padding-inline: 24px;--zo-button-font-size: 1.4rem;--zo-button-font-weight: var(--zo-font-weight-semibold);--zo-button-letter-spacing: .04em;--zo-button-radius: var(--zo-radius-md);--zo-form-control-height: 48px;--zo-form-control-padding-inline: 16px;--zo-form-control-radius: var(--zo-radius-md);--zo-form-control-background: var(--zo-color-surface);--zo-form-control-border: var(--zo-border-subtle);--zo-form-control-focus-color: var(--zo-color-accent);--zo-card-surface: transparent;--zo-card-radius: var(--zo-radius-md);--zo-card-media-radius: var(--zo-radius-md);--zo-card-border: 1px solid transparent;--zo-card-content-gap: var(--zo-space-3);--zo-card-transition: var(--zo-motion-default) ease;--zo-motion-fast: var(--duration-short, .1s);--zo-motion-default: var(--duration-default, .2s);--zo-motion-slow: var(--duration-medium, .3s)}@media screen and (min-width:750px){:root{--zo-layout-gutter: 24px;--zo-grid-gap: 20px;--zo-section-compact: 40px;--zo-section-default: 60px;--zo-section-large: 80px}}@media screen and (min-width:990px){:root{--zo-layout-gutter: 32px;--zo-grid-gap: 24px;--zo-section-compact: var(--zo-space-7);--zo-section-default: var(--zo-space-9);--zo-section-large: var(--zo-space-10)}}.zo-type-display-xl,.zo-type-display,.zo-type-h1,.zo-type-h2,.zo-type-h3,.zo-type-h4{margin-block:0;color:var(--zo-color-text-primary);font-family:var(--zo-font-heading);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.zo-type-display-xl{font-size:var(--zo-type-display-xl-size);line-height:var(--zo-type-display-xl-line-height)}.zo-type-display{font-size:var(--zo-type-display-size);line-height:var(--zo-type-display-line-height)}.zo-type-h1{font-size:var(--zo-type-h1-size);line-height:var(--zo-type-h1-line-height)}.zo-type-h2{font-size:var(--zo-type-h2-size);line-height:var(--zo-type-h2-line-height)}.zo-type-h3{font-size:var(--zo-type-h3-size);line-height:var(--zo-type-h3-line-height)}.zo-type-h4{font-size:var(--zo-type-h4-size);line-height:var(--zo-type-h4-line-height)}.zo-type-body-large,.zo-type-body,.zo-type-body-small,.zo-type-caption,.zo-type-label{color:var(--zo-color-text-primary);font-family:var(--zo-font-body);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.zo-type-body-large{font-size:var(--zo-type-body-large-size);line-height:var(--zo-type-body-large-line-height)}.zo-type-body{font-size:var(--zo-type-body-size);line-height:var(--zo-type-body-line-height)}.zo-type-body-small{font-size:var(--zo-type-body-small-size);line-height:var(--zo-type-body-small-line-height)}.zo-type-caption{color:var(--zo-color-text-muted);font-size:var(--zo-type-caption-size);line-height:var(--zo-type-caption-line-height)}.zo-type-label{font-size:var(--zo-type-label-size);font-weight:var(--zo-font-weight-medium);letter-spacing:var(--zo-type-label-letter-spacing);line-height:var(--zo-type-label-line-height)}.zo-container{width:min(100% - (2 * var(--zo-layout-gutter)),var(--zo-content-max-width));margin-inline:auto}.zo-button{display:inline-flex;min-height:var(--zo-button-height);align-items:center;justify-content:center;padding-inline:var(--zo-button-padding-inline);border:var(--zo-border-default);border-radius:var(--zo-button-radius);background:var(--zo-color-text-primary);box-shadow:none;color:var(--zo-color-surface);cursor:pointer;font-family:var(--zo-font-body);font-size:var(--zo-button-font-size);font-weight:var(--zo-button-font-weight);letter-spacing:var(--zo-button-letter-spacing);line-height:1;text-decoration:none;transition:background-color var(--zo-motion-fast) ease,border-color var(--zo-motion-fast) ease,color var(--zo-motion-fast) ease}.zo-button:hover{background:var(--zo-color-button-primary-hover)}.zo-button:focus-visible{outline:2px solid var(--zo-color-accent);outline-offset:3px}.zo-button:disabled,.zo-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.zo-button--secondary{background:transparent;border-color:var(--zo-color-border-strong);color:var(--zo-color-text-primary)}.zo-button--secondary:hover{background:var(--zo-color-surface-secondary);border-color:var(--zo-color-text-primary)}.zo-button--tertiary{min-height:auto;padding:var(--zo-space-2) 0;border-color:transparent;border-radius:0;background:transparent;color:var(--zo-color-text-primary)}.zo-button--tertiary:hover{background:transparent;color:var(--zo-color-accent-hover)}.zo-button--small{min-height:var(--zo-button-height-sm)}.zo-button--large{min-height:var(--zo-button-height-lg)}.zo-form-control{width:100%;min-height:var(--zo-form-control-height);padding-inline:var(--zo-form-control-padding-inline);border:var(--zo-form-control-border);border-radius:var(--zo-form-control-radius);background:var(--zo-form-control-background);box-shadow:none;color:var(--zo-color-text-primary);font-family:var(--zo-font-body);font-size:var(--zo-type-body-size);line-height:var(--zo-type-body-line-height);transition:border-color var(--zo-motion-fast) ease,box-shadow var(--zo-motion-fast) ease}.zo-form-control:focus-visible{border-color:var(--zo-form-control-focus-color);outline:2px solid var(--zo-color-accent-soft);outline-offset:1px}.zo-form-control:disabled{cursor:not-allowed;opacity:.6}.zo-form-control[aria-invalid=true]{border-color:var(--zo-color-error)}.zo-card{display:grid;gap:var(--zo-card-content-gap);border:var(--zo-card-border);border-radius:var(--zo-card-radius);background:var(--zo-card-surface);box-shadow:none}.zo-card__media{overflow:hidden;border-radius:var(--zo-card-media-radius);background:var(--zo-color-surface-secondary)}.zo-card__content{display:grid;gap:var(--zo-card-content-gap)}@media(prefers-reduced-motion:reduce){.zo-button,.zo-form-control{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zeroone-design-system.css.map */