:root{--motion-press:80ms;--motion-fast:.16s;--motion-base:.22s;--motion-enter:.28s;--motion-celebrate:.64s;--motion-lift:-2px;--motion-card-lift:-5px;--motion-rise:14px;--motion-drawer:24px;--motion-confetti-y:-70px;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-bounce:cubic-bezier(.2, 1.35, .45, 1)}@media (width<=768px),(pointer:coarse){:root{--motion-press:70ms;--motion-fast:.13s;--motion-base:.18s;--motion-enter:.22s;--motion-celebrate:.48s;--motion-lift:-1px;--motion-card-lift:-2px;--motion-rise:8px;--motion-drawer:14px;--motion-confetti-y:-44px}}.kn-interactive{transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background-color var(--motion-fast), color var(--motion-fast);transform-origin:50%}.kn-interactive:hover{box-shadow:none;transform:none}@media (hover:hover) and (pointer:fine){.kn-interactive:hover{box-shadow:none;transform:none}}.kn-interactive:active{transition-duration:var(--motion-press);opacity:.85;box-shadow:none;transform:none}.kn-interactive:focus-visible{outline:2px solid var(--cta-focus,#164f55);outline-offset:2px}.kn-interactive[disabled],.kn-interactive[aria-disabled=true]{opacity:.48;pointer-events:none;box-shadow:none;transform:none}.kn-interactive{min-width:48px;min-height:48px;box-shadow:inset 0 0 0 .75px var(--line);color:var(--ink);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:12px;font-weight:700;display:inline-flex;position:relative}.kn-add{color:var(--ink);box-shadow:none;background:0 0;border:0;padding-left:.25rem;padding-right:.25rem}.kn-arrow{color:currentColor;width:1.45em;height:.8em;transition:transform var(--motion-fast) var(--ease-standard);display:inline-block;position:relative}.kn-arrow:before{content:"";border-top:.11em dashed;position:absolute;top:50%;left:.04em;right:.18em;transform:translateY(-50%)}.kn-arrow:after{content:"";border-top:.11em solid;border-right:.11em solid;width:.42em;height:.42em;position:absolute;top:50%;right:.02em;transform:translateY(-50%)rotate(45deg)}.kn-arrow i{background:var(--paper);border:.09em solid;border-radius:50%;width:.34em;height:.34em;position:absolute;top:50%;left:44%;transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){.kn-with-arrow:hover .kn-arrow{transform:translate(3px)}}.kn-with-arrow:active .kn-arrow{transform:translate(2px)}.kn-enter{animation:kn-rise var(--motion-enter) var(--ease-standard) both}.kn-exit{animation:kn-fade-out var(--motion-fast) var(--ease-exit) both}.kn-disclosure{opacity:0;transition:grid-template-rows var(--motion-base) var(--ease-standard), opacity var(--motion-fast);grid-template-rows:0fr;display:grid}.kn-disclosure[data-open=true]{opacity:1;grid-template-rows:1fr}.kn-disclosure>div{overflow:hidden}.kn-popup{z-index:1001;border:2px solid var(--line);background:var(--paper);max-width:min(32rem,100vw - 2rem);color:var(--teal);animation:kn-popup var(--motion-enter) var(--ease-bounce) both;border-radius:24px;padding:1.75rem;position:fixed;top:50%;left:50%;translate:-50% -50%}.kn-backdrop{z-index:1000;background:color-mix(in srgb, var(--teal) 45%, transparent);animation:kn-fade var(--motion-fast) linear both;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0;position:fixed;inset:0}.kn-product-card{transition:transform var(--motion-base) var(--ease-standard), box-shadow var(--motion-base)}@media (hover:hover) and (pointer:fine){.kn-product-card:hover{transform:translateY(var(--motion-card-lift)) rotate(-.25deg);box-shadow:7px 8px 0 var(--yellow)}}.kn-product-card:active{transition-duration:var(--motion-press);transform:scale(.99)}.kn-product-card:focus-within{outline:3px solid var(--pink);outline-offset:4px}.kn-favorite[aria-pressed=true]{animation:kn-heart var(--motion-enter) var(--ease-bounce);color:var(--pink)}.kn-add[data-state=adding]{pointer-events:none}.kn-add[data-state=adding] .kn-label{opacity:0}.kn-add[data-state=adding]:after{content:"";border:2px dotted;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite kn-spin;position:absolute}.kn-add[data-state=added]{background:var(--mint);color:var(--teal);border-color:var(--teal)}.kn-add[data-state=added] .kn-label:before{content:"✓ ";font-weight:900}.kn-cart-fly{z-index:1000;background:var(--pink);width:18px;height:18px;animation:kn-cart-fly .52s var(--ease-standard) forwards;pointer-events:none;border-radius:50%;position:fixed}.kn-quantity-change{animation:kn-number var(--motion-fast) var(--ease-bounce);display:inline-block}.kn-basket-check-flash{animation:kn-basket-check-in .8s var(--ease-bounce,cubic-bezier(.34, 1.4, .64, 1)) both}@keyframes kn-basket-check-in{0%{opacity:0;transform:scale(.72)}35%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}to{opacity:.92;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.kn-basket-check-flash{animation:none}}.kn-cart-drawer[data-open=true]{animation:kn-drawer-in var(--motion-enter) var(--ease-standard) both}.kn-spinner{width:48px;height:48px;color:var(--teal);place-items:center;display:inline-grid}.kn-spinner-button{background:radial-gradient(circle at 35% 35%,currentColor 0 3px,#0000 4px),radial-gradient(circle at 65% 35%,currentColor 0 3px,#0000 4px),radial-gradient(circle at 35% 65%,currentColor 0 3px,#0000 4px),radial-gradient(circle at 65% 65%,currentColor 0 3px,#0000 4px);border:3px solid;border-radius:50%;animation:.9s linear infinite kn-spin}.kn-spinner-stitch{border:3px dashed;border-radius:50%;animation:.9s steps(12,end) infinite kn-spin}.kn-spinner-spool{background:repeating-linear-gradient(0deg, var(--pink) 0 2px, transparent 2px 5px);animation:kn-spool .85s var(--ease-standard) infinite alternate;border:3px solid;border-radius:10px}.kn-skeleton{background:var(--powder);pointer-events:none;border-radius:10px;position:relative;overflow:hidden;color:#0000!important}.kn-skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--paper) 74%, transparent), transparent);animation:1.4s ease-in-out infinite kn-shimmer;position:absolute;inset:0;transform:translate(-105%)}.kn-skeleton-media{aspect-ratio:4/3}.kn-skeleton-line{height:12px;margin-top:10px}.kn-skeleton-line.short{width:56%}.kn-skeleton-button{border-radius:2px;width:128px;height:44px;margin-top:16px}.kn-success{animation:kn-rise var(--motion-enter) var(--ease-standard) both}.kn-success-mark{background:var(--mint);width:2rem;height:2rem;color:var(--teal);animation:kn-success var(--motion-celebrate) var(--ease-bounce) both;border-radius:50%;place-items:center;display:inline-grid}.kn-error{animation:kn-nudge .24s var(--ease-standard) both;border:2px solid var(--orange);border-radius:16px;justify-items:start;gap:.75rem;padding:1.25rem;display:grid}.kn-error-field{animation:kn-nudge .24s var(--ease-standard);outline:3px solid var(--orange);outline-offset:2px}.kn-progress{background:var(--powder);border-radius:99px;height:8px;overflow:hidden}.kn-progress>i{height:100%;width:var(--progress,0%);background:var(--pink);transition:width var(--motion-base) var(--ease-standard);display:block}.kn-confetti{pointer-events:none;position:absolute;inset:50% auto auto 50%}.kn-confetti i{border:2px solid var(--teal);background:var(--confetti-color,var(--yellow));width:9px;height:9px;animation:kn-confetti var(--motion-celebrate) var(--ease-standard) both;transform:rotate(var(--r)) translateY(-12px);border-radius:50%;position:absolute}.kn-confetti i:nth-child(2n){--confetti-color:var(--pink)}.kn-confetti i:nth-child(3n){--confetti-color:var(--lilac)}.kn-confetti i:nth-child(4n){--confetti-color:var(--mint)}@keyframes kn-rise{0%{opacity:0;transform:translateY(var(--motion-rise))}to{opacity:1;transform:none}}@keyframes kn-fade{0%{opacity:0}to{opacity:1}}@keyframes kn-fade-out{to{opacity:0;transform:translateY(6px)}}@keyframes kn-popup{0%{opacity:0;transform:translateY(18px)scale(.96)rotate(-.5deg)}to{opacity:1;transform:none}}@keyframes kn-spin{to{transform:rotate(360deg)}}@keyframes kn-spool{to{transform:translateY(-4px)rotate(6deg)}}@keyframes kn-shimmer{to{transform:translate(105%)}}@keyframes kn-heart{50%{transform:scale(1.28)rotate(-8deg)}}@keyframes kn-number{50%{transform:translateY(-3px)scale(1.08)}}@keyframes kn-success{0%{transform:scale(.65)rotate(-12deg)}55%{transform:scale(1.12)rotate(4deg)}to{transform:none}}@keyframes kn-nudge{0%,to{transform:none}30%{transform:translate(-3px)}70%{transform:translate(3px)}}@keyframes kn-cart-fly{0%{opacity:1;transform:translate(var(--start-x), var(--start-y)) scale(1)}to{opacity:.2;transform:translate(var(--end-x), var(--end-y)) scale(.35)}}@keyframes kn-drawer-in{0%{opacity:0;transform:translateX(var(--motion-drawer))}to{opacity:1;transform:none}}@keyframes kn-confetti{0%{opacity:1;transform:rotate(var(--r)) translateY(-12px) scale(.5)}to{opacity:0;transform:rotate(var(--r)) translateY(var(--motion-confetti-y)) scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.kn-skeleton:after{display:none}.kn-interactive:hover,.kn-interactive:active,.kn-product-card:hover,.kn-product-card:active,.kn-with-arrow:hover .kn-arrow,.kn-with-arrow:active .kn-arrow{transform:none!important}[data-radix-popper-content-wrapper],[data-radix-dialog-overlay],[data-radix-dialog-content],[role=dialog],[data-radix-accordion-content]{transition:none!important;animation:none!important}[data-radix-accordion-content][data-state=open]{height:auto!important}[data-radix-accordion-content][data-state=closed]{height:0!important}.kn-mobile-nav [data-state] svg{transition:none!important}}
