.kl-stack{display:flex;flex-direction:column}.kl-stack>*+*{margin-top:var(--kl-space-6)}.kl-stack--sm>*+*{margin-top:var(--kl-space-3)}.kl-stack--lg>*+*{margin-top:var(--kl-space-10)}.kl-cluster{display:flex;flex-wrap:wrap;gap:var(--kl-space-4);align-items:center}.kl-cluster--sm{gap:var(--kl-space-2)}.kl-cluster--lg{gap:var(--kl-space-6)}.kl-prose{max-width:68ch;line-height:var(--kl-leading-relaxed);color:var(--kl-on-surface)}.kl-prose>*+*{margin-top:var(--kl-space-4)}.kl-prose h2,.kl-prose h3{font-family:var(--kl-font-heading);font-weight:var(--kl-font-semibold);line-height:var(--kl-leading-snug)}.kl-prose a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.kl-prose a:hover{text-decoration-color:var(--kl-accent)}.kl-container{width:100%;max-width:var(--container-lg-width, 128rem);margin-inline:auto;padding-inline:var(--kl-space-4)}@media(min-width:768px){.kl-container{padding-inline:var(--kl-space-8)}}.kl-eyebrow{font-family:var(--kl-font-mono);font-size:var(--kl-text-xs);font-weight:var(--kl-font-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--kl-on-surface-muted);display:inline-flex;align-items:center;gap:var(--kl-space-2)}.kl-eyebrow--accent{color:var(--kl-accent)}.kl-eyebrow--rule:before{content:"";width:1.75rem;height:1px;background:currentColor;display:inline-block}.kl-display{font-family:var(--kl-font-display);font-size:var(--kl-text-display);font-weight:var(--kl-font-light);line-height:var(--kl-leading-tight);letter-spacing:-.015em}.kl-h1{font-family:var(--kl-font-heading);font-size:var(--kl-text-h1);line-height:var(--kl-leading-tight);font-weight:var(--kl-font-semibold)}.kl-h2{font-family:var(--kl-font-heading);font-size:var(--kl-text-h2);line-height:var(--kl-leading-snug);font-weight:var(--kl-font-semibold)}.kl-h3{font-family:var(--kl-font-heading);font-size:var(--kl-text-h3);line-height:var(--kl-leading-snug);font-weight:var(--kl-font-medium)}.kl-body-lg{font-size:var(--kl-text-lg);line-height:var(--kl-leading-relaxed)}.kl-body{font-size:var(--kl-text-base);line-height:var(--kl-leading-normal)}.kl-body-sm{font-size:var(--kl-text-sm);line-height:var(--kl-leading-normal)}.kl-muted{color:var(--kl-on-surface-muted)}.kl-mono{font-family:var(--kl-font-mono);letter-spacing:.04em}.kl-badge{display:inline-flex;align-items:center;gap:var(--kl-space-2);padding:var(--kl-space-2) var(--kl-space-3);font-family:var(--kl-font-mono);font-size:var(--kl-text-xs);font-weight:var(--kl-font-medium);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--kl-radius-full);background:var(--kl-surface);color:var(--kl-on-surface);box-shadow:var(--kl-shadow-sm);border:1px solid var(--kl-border)}.kl-badge:before{content:"";width:.4rem;height:.4rem;border-radius:var(--kl-radius-full);background:currentColor;opacity:.85}.kl-badge--plain:before{content:none}.kl-badge--new{color:var(--kl-badge-new)}.kl-badge--designer{color:var(--kl-on-surface)}.kl-badge--hidden-gem{color:var(--kl-badge-hidden-gem)}.kl-badge--sustainable{color:var(--kl-badge-sustainable)}.kl-badge--curated{color:var(--kl-badge-curated)}.kl-badge--sale{color:var(--kl-error)}.kl-btn{--kl-btn-bg: var(--kl-black);--kl-btn-fg: var(--kl-white);--kl-btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--kl-space-2);padding:var(--kl-space-4) var(--kl-space-6);font-family:var(--kl-font-heading);font-size:var(--kl-text-sm);font-weight:var(--kl-font-medium);letter-spacing:.04em;text-decoration:none;cursor:pointer;border-radius:var(--kl-radius-full);border:1px solid var(--kl-btn-border);background:var(--kl-btn-bg);color:var(--kl-btn-fg);transition:transform var(--kl-dur-base) var(--kl-ease-emphasized),background var(--kl-dur-fast) var(--kl-ease-standard),color var(--kl-dur-fast) var(--kl-ease-standard),box-shadow var(--kl-dur-base) var(--kl-ease-standard)}.kl-btn:hover{transform:translateY(-1px);box-shadow:var(--kl-shadow-hover)}.kl-btn:focus-visible{outline:none;box-shadow:var(--kl-focus-ring)}.kl-btn[disabled],.kl-btn[aria-disabled=true]{opacity:var(--kl-disabled-opacity);pointer-events:none}.kl-btn--primary{--kl-btn-bg: var(--kl-black);--kl-btn-fg: var(--kl-white)}.kl-btn--inverse{--kl-btn-bg: var(--kl-white);--kl-btn-fg: var(--kl-black)}.kl-btn--accent{--kl-btn-bg: var(--kl-accent);--kl-btn-fg: var(--kl-white)}.kl-btn--outline{--kl-btn-bg: transparent;--kl-btn-fg: var(--kl-on-surface);--kl-btn-border: var(--kl-border-strong)}.kl-btn--outline:hover{--kl-btn-bg: var(--kl-surface-muted)}.kl-btn--ghost{--kl-btn-bg: transparent;--kl-btn-fg: var(--kl-on-surface);border-radius:0;border:0;border-bottom:1px solid var(--kl-border);padding-inline:var(--kl-space-2)}.kl-btn--ghost:hover{transform:none;color:var(--kl-accent);border-bottom-color:var(--kl-accent);box-shadow:none}.kl-btn--sm{padding:var(--kl-space-2) var(--kl-space-4);font-size:var(--kl-text-xs)}.kl-btn--lg{padding:var(--kl-space-5) var(--kl-space-8);font-size:var(--kl-text-base)}.kl-btn__arrow{transition:transform var(--kl-dur-base) var(--kl-ease-emphasized)}.kl-btn:hover .kl-btn__arrow{transform:translate(4px)}.kl-focusable:focus-visible{outline:none;box-shadow:var(--kl-focus-ring);border-radius:var(--kl-radius-sm)}.kl-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;text-decoration-color:var(--kl-border-strong);transition:text-decoration-color var(--kl-dur-fast) var(--kl-ease-standard),color var(--kl-dur-fast) var(--kl-ease-standard)}.kl-link:hover{color:var(--kl-accent);text-decoration-color:var(--kl-accent)}.kl-surface{background:var(--kl-surface);color:var(--kl-on-surface)}.kl-surface--muted{background:var(--kl-surface-muted);color:var(--kl-on-surface)}.kl-surface--inverse{background:var(--kl-surface-inverse);color:var(--kl-on-inverse)}.kl-surface--accent{background:var(--kl-accent-bg);color:var(--kl-on-surface)}.kl-border{border:1px solid var(--kl-border)}.kl-border-t{border-top:1px solid var(--kl-border)}.kl-border-b{border-bottom:1px solid var(--kl-border)}.kl-elev-sm{box-shadow:var(--kl-shadow-sm)}.kl-elev-md{box-shadow:var(--kl-shadow-card)}.kl-elev-lg{box-shadow:var(--kl-shadow-lg)}.kl-radius-sm{border-radius:var(--kl-radius-sm)}.kl-radius-md{border-radius:var(--kl-radius-md)}.kl-radius-lg{border-radius:var(--kl-radius-lg)}.kl-radius-xl{border-radius:var(--kl-radius-xl)}.kl-radius-full{border-radius:var(--kl-radius-full)}.kl-hover-lift{transition:transform var(--kl-dur-base) var(--kl-ease-emphasized),box-shadow var(--kl-dur-base) var(--kl-ease-emphasized)}.kl-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--kl-shadow-hover)}.kl-hover-fade{transition:opacity var(--kl-dur-slow) var(--kl-ease-standard)}.kl-hover-fade--in{opacity:0}.kl-hover-fade:hover .kl-hover-fade--in,.kl-hover-fade:focus-within .kl-hover-fade--in{opacity:1}@media(prefers-reduced-motion:reduce){.kl-btn,.kl-hover-lift,.kl-hover-fade,.kl-btn__arrow{transition:none!important;transform:none!important}.kl-hover-fade--in{opacity:0!important}}.kl-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kl-rail{display:flex;gap:var(--kl-space-4);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:var(--kl-space-4);scrollbar-width:none}.kl-rail::-webkit-scrollbar{display:none}.kl-rail>*{scroll-snap-align:start;flex-shrink:0}.kl-focus-ring:focus-visible{outline:none;box-shadow:var(--kl-focus-ring)}.kl-chip{display:inline-flex;align-items:center;gap:var(--kl-space-2);padding:var(--kl-space-2) var(--kl-space-4);font-family:var(--kl-font-body);font-size:var(--kl-text-sm);font-weight:var(--kl-font-medium);color:var(--kl-on-surface);background:var(--kl-surface);border:1px solid var(--kl-border);border-radius:var(--kl-radius-full);text-decoration:none;transition:background var(--kl-dur-fast) var(--kl-ease-standard),border-color var(--kl-dur-fast) var(--kl-ease-standard)}.kl-chip:hover{border-color:var(--kl-border-strong)}.kl-chip--active{background:var(--kl-black);color:var(--kl-white);border-color:var(--kl-black)}.kl-chip--eco{background:var(--kl-eco-bg);color:var(--kl-badge-sustainable);border-color:transparent}.kl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--kl-space-4);padding:var(--kl-space-4) 0;border-bottom:1px solid var(--kl-border)}.kl-toolbar__actions{display:flex;align-items:center;gap:var(--kl-space-3);flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.kl-chip{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/kl-utilities.css.map */
