.ui-icon{display:inline-block;flex-shrink:0;vertical-align:middle;width:2rem;height:2rem;color:currentColor}.ui-icon--xs{width:1.4rem;height:1.4rem}.ui-icon--sm{width:1.6rem;height:1.6rem}.ui-icon--md{width:2rem;height:2rem}.ui-icon--lg{width:2.4rem;height:2.4rem}.ui-icon--xl{width:3.2rem;height:3.2rem}.ui-icon--2xl{width:4rem;height:4rem}.ui-btn{--ui-btn-bg: var(--brand-cta-bg);--ui-btn-bg-hover: var(--brand-cta-bg-hover);--ui-btn-fg: var(--brand-cta-fg);--ui-btn-border: transparent;--ui-btn-border-hover: transparent;--ui-btn-px: var(--brand-button-px);--ui-btn-py: var(--brand-button-py);--ui-btn-fs: var(--brand-fs-body);display:inline-flex;align-items:center;justify-content:center;gap:var(--brand-space-2);padding:var(--ui-btn-py) var(--ui-btn-px);border-radius:var(--brand-button-radius);border:2px solid var(--ui-btn-border);background-color:var(--ui-btn-bg);color:var(--ui-btn-fg);font-family:var(--brand-font-body);font-size:var(--ui-btn-fs);font-weight:var(--brand-button-font-weight);letter-spacing:var(--brand-button-letter-spacing);line-height:1;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--brand-duration-fast) var(--brand-ease-out),border-color var(--brand-duration-fast) var(--brand-ease-out),color var(--brand-duration-fast) var(--brand-ease-out),transform var(--brand-duration-fast) var(--brand-ease-out),box-shadow var(--brand-duration-fast) var(--brand-ease-out)}.ui-btn:hover:not(:disabled){background-color:var(--ui-btn-bg-hover);border-color:var(--ui-btn-border-hover);transform:translateY(-1px)}.ui-btn:active:not(:disabled){transform:translateY(0)}.ui-btn:focus-visible{outline:none;box-shadow:var(--brand-focus-ring)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn__label{display:inline-block}.ui-btn__icon{flex-shrink:0}.ui-btn--sm{--ui-btn-px: var(--brand-space-4);--ui-btn-py: var(--brand-space-2);--ui-btn-fs: var(--brand-fs-14);gap:var(--brand-space-1)}.ui-btn--md{--ui-btn-px: var(--brand-button-px);--ui-btn-py: var(--brand-button-py);--ui-btn-fs: var(--brand-fs-body)}.ui-btn--lg{--ui-btn-px: var(--brand-button-px-lg);--ui-btn-py: var(--brand-button-py-lg);--ui-btn-fs: var(--brand-fs-18);gap:var(--brand-space-3)}.ui-btn--xl{--ui-btn-px: var(--brand-space-10);--ui-btn-py: var(--brand-space-5);--ui-btn-fs: var(--brand-fs-20);gap:var(--brand-space-3)}.ui-btn--full{width:100%}.ui-btn--primary{--ui-btn-bg: var(--brand-cta-bg);--ui-btn-bg-hover: var(--brand-cta-bg-hover);--ui-btn-fg: var(--brand-cta-fg);box-shadow:var(--brand-shadow-sm)}.ui-btn--primary:hover:not(:disabled){box-shadow:var(--brand-shadow-md)}.ui-btn--accent{--ui-btn-bg: var(--brand-cta-accent-bg);--ui-btn-bg-hover: var(--brand-cta-accent-bg-hover);--ui-btn-fg: var(--brand-cta-accent-fg);box-shadow:var(--brand-shadow-sm)}.ui-btn--accent:hover:not(:disabled){box-shadow:var(--brand-shadow-glow-accent)}.ui-btn--secondary{--ui-btn-bg: var(--brand-bg);--ui-btn-bg-hover: var(--brand-bg-soft);--ui-btn-fg: var(--brand-fg);--ui-btn-border: var(--brand-border-strong);--ui-btn-border-hover: var(--brand-fg)}.ui-btn--ghost{--ui-btn-bg: transparent;--ui-btn-bg-hover: var(--brand-bg-soft);--ui-btn-fg: var(--brand-fg);--ui-btn-border: transparent;--ui-btn-border-hover: transparent}.ui-btn--outline{--ui-btn-bg: transparent;--ui-btn-bg-hover: var(--brand-primary);--ui-btn-fg: var(--brand-primary);--ui-btn-border: var(--brand-primary);--ui-btn-border-hover: var(--brand-primary)}.ui-btn--outline:hover:not(:disabled){color:var(--brand-cta-fg)}.ui-btn--on-strong{--ui-btn-bg: var(--brand-bg);--ui-btn-bg-hover: var(--brand-cream-100);--ui-btn-fg: var(--brand-fg)}.ui-btn--ghost-on-strong{--ui-btn-bg: transparent;--ui-btn-bg-hover: rgba(255, 255, 255, .08);--ui-btn-fg: var(--brand-fg-on-strong)}.ui-btn--strong{--ui-btn-bg: var(--brand-cta-strong-bg);--ui-btn-bg-hover: var(--brand-cta-strong-bg-hover);--ui-btn-fg: var(--brand-cta-strong-fg)}.ui-btn--outline-strong{--ui-btn-bg: var(--brand-bg);--ui-btn-bg-hover: var(--brand-cta-strong-bg);--ui-btn-fg: var(--brand-cta-strong-bg);--ui-btn-border: var(--brand-cta-strong-bg);--ui-btn-border-hover: var(--brand-cta-strong-bg)}.ui-btn--outline-strong:hover:not(:disabled){color:var(--brand-cta-strong-fg)}.ui-btn--icon-only{--ui-btn-px: var(--ui-btn-py);aspect-ratio:1;padding:var(--ui-btn-py)}.ui-btn--loading{cursor:progress;pointer-events:none}.ui-btn--loading .ui-btn__icon{display:none}.ui-btn--loading:after{content:"";flex-shrink:0;width:1.1em;height:1.1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--brand-radius-pill);animation:ui-spin var(--brand-duration-slower) linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-image{display:block;max-width:100%;height:auto}.ui-image--placeholder{width:100%;background:linear-gradient(135deg,var(--brand-cream-100) 0%,var(--brand-cream-200) 100%);border-radius:var(--brand-radius-md)}.ui-image--cover{width:100%;height:100%;object-fit:cover}.ui-image--rounded{border-radius:var(--brand-radius-lg)}.ui-image--rounded-xl{border-radius:var(--brand-radius-2xl)}.ui-badge{display:inline-flex;align-items:center;gap:var(--brand-space-1);padding:var(--brand-badge-py) var(--brand-badge-px);border-radius:var(--brand-badge-radius);background-color:var(--brand-cream-200);color:var(--brand-fg);font-family:var(--brand-font-body);font-size:var(--brand-fs-12);font-weight:var(--brand-fw-semibold);letter-spacing:var(--brand-ls-wide);text-transform:uppercase;line-height:1}.ui-badge--accent{background-color:var(--brand-accent);color:var(--brand-fg-on-accent)}.ui-badge--primary{background-color:var(--brand-primary);color:var(--brand-cta-fg)}.ui-badge--dark{background-color:var(--brand-bg-strong);color:var(--brand-fg-on-strong)}.ui-badge--soft{background-color:var(--brand-accent-soft);color:var(--brand-orange-800)}.ui-link{font-family:var(--brand-font-body);font-size:var(--brand-fs-15);font-weight:var(--brand-fw-bold);color:var(--brand-link);text-decoration:underline;text-underline-offset:4px}.ui-link:hover{color:var(--brand-link-hover)}.ui-badge--case{letter-spacing:var(--brand-ls-normal);text-transform:none}.ui-badge--light{background-color:var(--brand-bg);color:var(--brand-bg-strongest)}.ui-badge--mint{background-color:var(--brand-bg-mint);color:var(--brand-green-800)}.ui-badge--sale{background-color:var(--brand-danger);color:var(--brand-white)}.ui-stars{display:inline-flex;gap:.2rem;color:var(--brand-accent)}.ui-stars__empty{color:var(--brand-ink-200)}.ui-breadcrumb{display:flex;flex-wrap:wrap;gap:var(--brand-space-2);padding-block:var(--brand-space-3);font-family:var(--brand-font-body);font-size:var(--brand-fs-12);color:var(--brand-fg-muted)}.ui-breadcrumb a{color:inherit;text-decoration:none}.ui-breadcrumb a:hover,.ui-breadcrumb [aria-current]{color:var(--brand-fg)}ui-rail{display:block}.ui-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--ui-rail-item, 30rem);gap:var(--brand-space-3);margin:0 calc(-1 * var(--brand-container-px));padding:0 var(--brand-container-px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--brand-container-px);scrollbar-width:none;list-style:none}.ui-rail__track::-webkit-scrollbar{display:none}.ui-rail__track>*{min-width:0;scroll-snap-align:start}.ui-rail__nav{display:none;gap:var(--brand-space-2)}.ui-field{display:flex;flex-direction:column;gap:var(--brand-space-2);font-family:var(--brand-font-body)}.ui-field__label{font-size:var(--brand-fs-14);font-weight:var(--brand-fw-semibold);color:var(--brand-fg)}.ui-field__optional{font-weight:var(--brand-fw-regular);color:var(--brand-fg-muted)}.ui-field__input{width:100%;padding:var(--brand-input-py) var(--brand-input-px);border:1.5px solid var(--brand-input-border);border-radius:var(--brand-input-radius);background:var(--brand-bg);color:var(--brand-fg);font:inherit;font-size:var(--brand-fs-16);line-height:var(--brand-lh-base);transition:border-color var(--brand-duration-fast) var(--brand-ease-out),box-shadow var(--brand-duration-fast) var(--brand-ease-out)}.ui-field__input::placeholder{color:var(--brand-fg-subtle)}.ui-field__input:focus{outline:none;border-color:var(--brand-input-border-focus);box-shadow:var(--brand-focus-ring)}.ui-field__input[aria-invalid=true]{border-color:var(--brand-danger)}textarea.ui-field__input{min-height:14rem;resize:vertical}.ui-field__hint{font-size:var(--brand-fs-13);color:var(--brand-fg-muted)}.ui-field__error{display:flex;align-items:center;gap:var(--brand-space-1);font-size:var(--brand-fs-13);font-weight:var(--brand-fw-semibold);color:var(--brand-danger)}.ui-choices{display:flex;flex-wrap:wrap;gap:var(--brand-space-2);margin:0;padding:0;border:0}.ui-choice{position:relative}.ui-choice input{position:absolute;opacity:0;pointer-events:none}.ui-choice__label{display:inline-flex;align-items:center;gap:var(--brand-space-2);padding:var(--brand-space-2) var(--brand-space-4);border:1.5px solid var(--brand-border);border-radius:var(--brand-radius-pill);background:var(--brand-bg);color:var(--brand-fg);font-size:var(--brand-fs-14);font-weight:var(--brand-fw-semibold);cursor:pointer;transition:background-color var(--brand-duration-fast) var(--brand-ease-out),border-color var(--brand-duration-fast) var(--brand-ease-out),color var(--brand-duration-fast) var(--brand-ease-out)}.ui-choice__label:hover{border-color:var(--brand-cta-strong-bg)}.ui-choice input:checked+.ui-choice__label{border-color:var(--brand-cta-strong-bg);background:var(--brand-cta-strong-bg);color:var(--brand-cta-strong-fg)}.ui-choice input:focus-visible+.ui-choice__label{box-shadow:var(--brand-focus-ring)}@media screen and (min-width:990px){.ui-breadcrumb{padding-block:var(--brand-space-5);font-size:var(--brand-fs-13)}.ui-rail__track{grid-auto-columns:calc((100% - (var(--ui-rail-cols, 4) - 1) * var(--brand-space-5)) / var(--ui-rail-cols, 4));gap:var(--brand-space-5);margin:0;padding:0;scroll-padding-inline:0}ui-rail[data-scrollable] .ui-rail__nav{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ui.css.map */