cart-drawer .drawer__inner{width:min(100vw,46rem)!important;max-width:100vw;border:0;border-left:1px solid rgba(214,168,79,.3);border-radius:26px 0 0 26px;overflow:hidden;color:#fff;--color-foreground:255,255,255;--color-background:10,18,51;--color-link:243,220,154;--color-button:214,168,79;--color-button-text:10,18,51;background:radial-gradient(120% 55% at 100% 0%,#344caa8c 0,#344caa00 62%),radial-gradient(90% 40% at 0% 100%,#d6a84f1f 0,#d6a84f00 70%),linear-gradient(180deg,#0e1a4a,#070d2b)!important;box-shadow:-40px 0 90px #00000080;transition:transform .8s cubic-bezier(.22,1,.36,1),visibility .8s!important}cart-drawer .cart-drawer__overlay{background:#04081a9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .6s,visibility .6s}cart-drawer .drawer__header{padding:24px 22px 14px}cart-drawer .drawer__heading{display:flex;align-items:center;gap:12px;margin:0;font-size:3.6rem;line-height:1;letter-spacing:.04em;color:#fff}cart-drawer .drawer__heading:after{content:attr(data-count);display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:99px;font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:0;color:#0a1233;background:linear-gradient(135deg,#f3dc9a,#d6a84f);box-shadow:0 0 0 4px #d6a84f33}cart-drawer .drawer__heading[data-count="0"]:after{display:none}cart-drawer .drawer__close{color:#fff;transition:transform .5s cubic-bezier(.22,1,.36,1),background .3s;border-radius:50%}cart-drawer .drawer__close:hover{transform:rotate(90deg);background:#ffffff1a}cart-drawer .drawer__close svg{color:#fff}.klr{flex:none;position:relative;isolation:isolate;overflow:hidden;margin:0 18px 12px;padding:14px 14px 10px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#233783bf,#101c49e6);border:1px solid rgba(214,168,79,.35);box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff1f;animation:klr-in .8s cubic-bezier(.22,1,.36,1) both}.klr:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:translate(-120%);animation:klr-sheen 6s ease-in-out 1s infinite}@keyframes klr-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes klr-sheen{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.klr__top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.klr__badge{font-size:1.05rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d6a84f}.klr__ship{display:inline-flex;align-items:center;gap:6px;font-size:1.1rem;color:#ffffffb8}.klr__ship:before{content:"";width:6px;height:6px;border-radius:50%;background:#d6a84f;box-shadow:0 0 0 3px #d6a84f40}.klr__msg{margin:0;font-size:1.4rem;line-height:1.35;color:#ffffffeb}.klr__msg b,.klr__ok{color:#f3dc9a;font-weight:700}.klr__rail{position:relative;margin:20px 18px 26px}.klr__track{height:8px;border-radius:99px;background:#ffffff24;position:relative}.klr__fill{display:block;position:relative;height:100%;max-width:100%;border-radius:99px;background:linear-gradient(90deg,#b8862b,#d6a84f,#f3dc9a,#d6a84f);background-size:200% 100%;animation:klr-flow 3s linear infinite;transition:width 1.3s cubic-bezier(.22,1,.36,1);box-shadow:0 0 18px #d6a84f80}.klr__fill:after{content:"";position:absolute;right:-6px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff3c9;box-shadow:0 0 0 4px #d6a84f59,0 0 18px 4px #f3dc9acc}.klr__fill.is-zero:after{display:none}@keyframes klr-flow{to{background-position:-200% 0}}.klr__node{position:absolute;top:4px;width:30px;height:30px;margin:-15px 0 0 -15px;display:grid;place-items:center;border-radius:50%;background:#16245f;border:1.5px solid rgba(255,255,255,.35);transition:background .5s,border-color .5s,transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .5s}.klr__node b{font-size:1rem;font-weight:700;color:#ffffffb3}.klr__node.is-on{background:linear-gradient(135deg,#f3dc9a,#d6a84f);border-color:#fff3c9;transform:scale(1.12);box-shadow:0 0 0 5px #d6a84f40,0 8px 20px #00000059;animation:klr-pop .8s cubic-bezier(.34,1.56,.64,1)}.klr__node.is-on b{color:#0a1233}@keyframes klr-pop{0%{transform:scale(.6)}to{transform:scale(1.12)}}.klr__lab{position:absolute;top:28px;transform:translate(-50%);font-size:1.05rem;color:#ffffff94;white-space:nowrap}.klr__dot{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;pointer-events:none;z-index:3}cart-drawer .drawer__cart-items-wrapper{padding:0 18px}cart-drawer .cart-items thead{display:none}cart-drawer .cart-items{border-spacing:0;border-collapse:separate}cart-drawer .cart-item{position:relative;margin:0 0 12px;padding:12px;border-radius:22px;background:linear-gradient(145deg,#ffffff17,#ffffff0a);border:1px solid rgba(255,255,255,.12);transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .4s,background .4s}@media(hover:hover){cart-drawer .cart-item:hover{transform:translateY(-2px);border-color:#d6a84f73}}cart-drawer .cart-item__image{border-radius:16px;background:#fff;object-fit:contain;box-shadow:0 10px 24px #0000004d}cart-drawer .cart-item__name{color:#fff!important;text-decoration:none;font-size:2rem;line-height:1.05;letter-spacing:.03em;text-transform:uppercase}cart-drawer .cart-item__name:hover{color:#f3dc9a!important}cart-drawer .cart-item .product-option,cart-drawer .cart-item dl,cart-drawer .cart-item dt,cart-drawer .cart-item dd{color:#ffffff9e;font-size:1.25rem}cart-drawer .cart-item .price,cart-drawer .cart-item__final-price{color:#f3dc9a;font-size:1.7rem;font-weight:700}cart-drawer .cart-item__old-price{color:#ffffff73}cart-drawer .cart-item .discounts__discount{color:#f3dc9a;font-size:1.2rem}cart-drawer quantity-input.quantity{border-radius:99px;background:#ffffff14;min-height:40px}cart-drawer quantity-input.quantity:after{border-radius:99px;box-shadow:0 0 0 1px #fff3}cart-drawer quantity-input.quantity:before{display:none}cart-drawer .quantity__button{width:38px;color:#fff;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .3s}cart-drawer .quantity__button:hover{transform:scale(1.25);color:#f3dc9a}cart-drawer .quantity__input{color:#fff;font-weight:700}cart-drawer .cart-remove-button{color:#ffffffb3;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s}cart-drawer .cart-remove-button:hover{color:#ff8a7a;transform:scale(1.15) rotate(-6deg)}cart-drawer .cart-remove-button:before,cart-drawer .cart-remove-button:after{display:none}.klc__sug{margin:6px 0 18px}.klc__sugh{margin:0 18px 10px;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff9}.klc__sug .klr__sug{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,38%);gap:10px;padding:2px 18px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.klc__sug .klr__sug::-webkit-scrollbar{display:none}.klr__p{scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);transition:transform .5s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s;animation:klr-in .7s cubic-bezier(.22,1,.36,1) both}.klr__p:nth-child(2){animation-delay:.08s}.klr__p:nth-child(3){animation-delay:.16s}.klr__p:nth-child(4){animation-delay:.24s}@media(hover:hover){.klr__p:hover{transform:translateY(-5px);background:#ffffff1f;border-color:#d6a84f80}}.klr__pimg{display:block;border-radius:12px;overflow:hidden;background:#fff}.klr__pimg img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .7s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.klr__p:hover .klr__pimg img{transform:scale(1.08)}}.klr__pt{font-size:1.15rem;line-height:1.25;color:#fff;text-decoration:none;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.klr__pp{font-size:1.3rem;color:#f3dc9a}.klr__add{display:block;width:100%;padding:8px 0;border:0;border-radius:99px;font:inherit;font-size:1.2rem;font-weight:700;text-align:center;text-decoration:none;color:#0a1233;background:linear-gradient(135deg,#f3dc9a,#d6a84f);cursor:pointer;transition:transform .3s,box-shadow .3s,opacity .3s}@media(hover:hover){.klr__add:hover{transform:translateY(-1px);box-shadow:0 8px 18px #d6a84f66}}.klr__add:focus-visible{outline:3px solid #fff;outline-offset:2px}.klr__add.is-busy{opacity:.6;pointer-events:none}.klr__add.is-err span:after{content:" \b7  try again"}cart-drawer .drawer__footer{position:relative;border:0;padding:20px 18px 18px;background:linear-gradient(180deg,#070d2b00,#070d2b 24%);box-shadow:0 -22px 40px #070d2b99}cart-drawer .totals{align-items:baseline}cart-drawer .totals__total{font-size:2.4rem;letter-spacing:.04em;color:#fff}cart-drawer .totals__total-value{font-size:2.6rem;font-weight:700;color:#f3dc9a;display:inline-block}.kl-tick{animation:klc-tick .8s cubic-bezier(.22,1,.36,1)}@keyframes klc-tick{0%{opacity:0;transform:translateY(12px) scale(.94);text-shadow:0 0 0 rgba(243,220,154,0)}40%{text-shadow:0 0 22px rgba(243,220,154,.9)}to{opacity:1;transform:none;text-shadow:none}}cart-drawer .tax-note{display:none}cart-drawer .cart-drawer__footer .discounts__discount{color:#f3dc9a;font-weight:700}.klc__trust{margin:4px 0 14px}.klc__ship{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.klc__ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#0a1233;background:linear-gradient(135deg,#f3dc9a,#d6a84f)}.klc__ship p{margin:0;display:flex;flex-direction:column;gap:2px;font-size:1.25rem;color:#ffffffa6}.klc__ship b{font-size:1.4rem;color:#fff}.klc__chips{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 2px 0;padding:0;list-style:none;font-size:1.15rem;color:#ffffff9e}.klc__chips li{display:inline-flex;align-items:center;gap:6px}.klc__chips li:before{content:"";width:12px;height:12px;border-radius:50%;background:#d6a84f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2 4-4.4' fill='none' stroke='%230a1233' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}cart-drawer .cart__checkout-button{position:relative;overflow:hidden;isolation:isolate;width:100%;min-height:60px;border:0!important;border-radius:99px;font-family:var(--font-heading-family),"Bebas Neue",sans-serif;font-size:2.4rem;letter-spacing:.1em;text-transform:uppercase;color:#0a1233!important;background:linear-gradient(135deg,#f3dc9a,#d6a84f 55%,#b8862b)!important;box-shadow:0 16px 38px #d6a84f61;animation:klc-glow 3.2s ease-in-out infinite;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}cart-drawer .cart__checkout-button:after{content:"\2192";position:static;display:inline-block;margin-left:12px;box-shadow:none!important;border:0;transition:transform .45s cubic-bezier(.22,1,.36,1)}cart-drawer .cart__checkout-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;box-shadow:none!important;border-radius:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);transform:translate(-130%);animation:klc-shine 3.6s ease-in-out 1.2s infinite}@media(hover:hover){cart-drawer .cart__checkout-button:hover{transform:translateY(-3px);box-shadow:0 24px 50px #d6a84f8c}cart-drawer .cart__checkout-button:hover:after{transform:translate(7px)}}cart-drawer .cart__checkout-button:active{transform:scale(.98)}cart-drawer .cart__checkout-button:disabled{animation:none;opacity:.5}@keyframes klc-shine{0%,55%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes klc-glow{0%,to{box-shadow:0 16px 38px #d6a84f4d}50%{box-shadow:0 18px 52px #d6a84f99}}cart-drawer.kl-fresh .drawer__header{animation:klc-up .7s .15s cubic-bezier(.22,1,.36,1) both}cart-drawer.kl-fresh .cart-item{animation:klc-in .8s cubic-bezier(.22,1,.36,1) both}cart-drawer.kl-fresh .cart-item:nth-child(1){animation-delay:.3s}cart-drawer.kl-fresh .cart-item:nth-child(2){animation-delay:.4s}cart-drawer.kl-fresh .cart-item:nth-child(3){animation-delay:.5s}cart-drawer.kl-fresh .cart-item:nth-child(n+4){animation-delay:.6s}cart-drawer.kl-fresh .klc__sug{animation:klc-up .8s .55s cubic-bezier(.22,1,.36,1) both}cart-drawer.kl-fresh .drawer__footer{animation:klc-up .9s .45s cubic-bezier(.22,1,.36,1) both}@keyframes klc-in{0%{opacity:0;transform:translate(34px) scale(.97)}to{opacity:1;transform:none}}@keyframes klc-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:749px){cart-drawer .drawer__inner{border-radius:0}.klr{margin:0 14px 10px;padding:12px 12px 8px}.klr__msg{font-size:1.3rem}.klr__ship{display:none}cart-drawer .drawer__cart-items-wrapper{padding:0 14px}cart-drawer .cart-item__name{font-size:1.8rem}.klc__sugh{margin-left:14px}.klc__sug .klr__sug{padding-left:14px;padding-right:14px}cart-drawer .drawer__footer{padding:16px 14px 14px}}@media(max-height:720px){.klc__chips{display:none}.klc__trust{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.klr,.klr:before,.klr__fill,.klr__p,.klr__node.is-on,cart-drawer .cart__checkout-button,cart-drawer .cart__checkout-button:before,.kl-tick,cart-drawer.kl-fresh *{animation:none!important;transition:none!important}}html.kla-still .klr,html.kla-still .klr:before,html.kla-still .klr__fill,html.kla-still cart-drawer .cart__checkout-button,html.kla-still cart-drawer .cart__checkout-button:before{animation:none!important}
/*# sourceMappingURL=/cdn/shop/t/23/assets/klaro-cart.css.map */