.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--icon-only{--ui-btn-px: var(--ui-btn-py);aspect-ratio:1;padding:var(--ui-btn-py)}.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)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ui.css.map */