cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;z-index:100;visibility:hidden;transition:visibility 0s linear var(--kp-dur-base)}cart-drawer.active{visibility:visible;transition-delay:0s}.cart-drawer{position:absolute;top:0;right:0;bottom:0;left:0}.cart-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--kp-surface-scrim);-webkit-backdrop-filter:blur(var(--kp-scrim-blur));backdrop-filter:blur(var(--kp-scrim-blur));opacity:0;transition:opacity var(--kp-dur-fast) var(--kp-ease)}cart-drawer.active .cart-drawer__overlay{opacity:1}.drawer__inner{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(94vw,420px);height:100%;overflow:hidden;background:var(--kp-surface-overlay);-webkit-backdrop-filter:blur(var(--kp-overlay-blur-strong));backdrop-filter:blur(var(--kp-overlay-blur-strong));border-left:1px solid var(--kp-border-soft);box-shadow:var(--kp-overlay-shadow);transform:translate(102%);transition:transform var(--kp-dur-base) var(--kp-ease)}cart-drawer.active .drawer__inner{transform:translate(0)}.drawer__header{display:flex;align-items:center;gap:var(--kp-space-3);flex:none;height:56px;padding:0 var(--kp-space-5);border-bottom:1px solid var(--kp-border-soft)}.drawer__heading{margin:0;font-family:var(--kp-font-heading);font-size:15px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--kp-text-strong)}.drawer__count{--kp-notch: var(--kp-notch-xs);padding:5px 7px;background:var(--kp-accent);color:var(--kp-text-on-accent);font-family:var(--kp-font-heading);font-size:var(--kp-tick-size);font-weight:700;line-height:1;letter-spacing:.14em;clip-path:polygon(var(--kp-notch) 0,100% 0,100% calc(100% - var(--kp-notch)),calc(100% - var(--kp-notch)) 100%,0 100%,0 var(--kp-notch))}.drawer__close{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin-left:auto;margin-right:calc(var(--kp-space-3) * -1);padding:0;border:0;background:none;color:var(--kp-text-faint);cursor:pointer;transition:color var(--kp-dur-fast) var(--kp-ease)}.drawer__close:hover{color:var(--kp-text-strong)}.drawer__close svg{width:var(--kp-icon-m);height:var(--kp-icon-m)}cart-drawer-items{display:flex;flex:1;flex-direction:column;min-height:clamp(220px,38vh,420px);overscroll-behavior:contain;overflow-y:auto;padding:0 var(--kp-space-5);scrollbar-width:none}@media screen and (max-height:740px){cart-drawer-items{min-height:0}}cart-drawer-items::-webkit-scrollbar{display:none}.cart-drawer__form{display:flex;flex-direction:column;flex:1}.drawer__footer{flex:none}.cart-drawer__footer{display:flex;flex-direction:column;gap:var(--kp-space-gap);padding:var(--kp-space-4) var(--kp-space-5) var(--kp-space-5);border-top:1px solid var(--kp-border-soft);background:var(--kp-surface-overlay-footer)}.drawer__inner-empty{display:flex;flex:1;flex-direction:column;justify-content:center}@media screen and (max-width:749px){.drawer__inner{top:auto;bottom:0;width:100%;height:100%;border-left:0;border-top:1px solid var(--kp-border-soft);box-shadow:var(--kp-overlay-shadow-up);transform:translateY(102%)}cart-drawer.active .drawer__inner{transform:translateY(0)}}.kp-cart-ladder{--kp-notch: var(--kp-notch-m)}.kp-cart--page .kp-cart-ladder{margin-block:var(--kp-space-gap)}.kp-cart-ladder:has(.kp-cart-ladder__btn:focus-visible,.kp-cart-ladder__sum:focus-visible){filter:var(--kp-shadow-focus)}.kp-cart-ladder__btn:focus-visible,.kp-cart-ladder__sum:focus-visible{outline:none}.kp-cart-ladder__head{font-family:var(--kp-font-heading);font-size:var(--kp-eyebrow-size);font-weight:var(--kp-eyebrow-weight);line-height:1.3;letter-spacing:var(--kp-badge-tracking);text-transform:uppercase;color:var(--kp-text-strong)}kp-copy-code.kp-cart-ladder__code{display:block}.kp-cart-ladder__frame{background:var(--kp-edge-steel-lit)}.kp-cart-ladder__btn{display:flex;flex-direction:column;gap:var(--kp-space-3);width:100%;margin:0;padding:var(--kp-space-3);border:0;background:var(--kp-surface-panel);font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.kp-cart-ladder__btn[data-state=busy]{cursor:progress}.kp-cart-ladder__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kp-space-2)}.kp-cart-ladder__chip{display:inline-flex;flex:none;align-items:center;gap:var(--kp-space-2);padding:var(--kp-space-1) var(--kp-space-2);border:1px dashed var(--kp-border-accent-strong);font-family:var(--kp-font-heading);font-size:var(--kp-btn-sm-size);font-weight:700;line-height:1;letter-spacing:var(--kp-btn-tracking);text-transform:uppercase;white-space:nowrap;color:var(--kp-accent);transition:background-color var(--kp-dur-fast) var(--kp-ease),border-color var(--kp-dur-fast) var(--kp-ease),color var(--kp-dur-fast) var(--kp-ease)}.kp-cart-ladder__chip .kp-ccode__mark{width:10px;height:10px}.kp-cart-ladder__chip .kp-ccode__glyph:before,.kp-cart-ladder__chip .kp-ccode__glyph:after{width:7px;height:7px}.kp-cart-ladder__btn[data-state=idle] .kp-ccode__glyph,.kp-cart-ladder__btn[data-state=busy] .kp-loader,.kp-cart-ladder__btn[data-state=applied] .kp-ccode__check{display:flex}.kp-cart-ladder__chip .kp-loader{width:10px;gap:2px}.kp-cart-ladder__chip .kp-loader__bar{width:2px;height:8px}.kp-btn.kp-cart-ladder__add{--kp-notch: var(--kp-notch-xs);flex:none;min-height:var(--kp-space-6);background-image:linear-gradient(90deg,var(--kp-text-default) 0 49%,transparent 49% 100%);padding:0 var(--kp-space-3);font-size:var(--kp-btn-sm-size);letter-spacing:var(--kp-btn-sm-tracking);color:var(--kp-white)}.kp-btn.kp-cart-ladder__add:hover,.kp-cart-ladder__btn:focus-visible .kp-cart-ladder__add{background-position:0 0;color:var(--kp-text-on-accent)}@media(hover:none){.kp-btn.kp-cart-ladder__add:hover{background-position:100% 0;color:var(--kp-white)}.kp-cart-ladder__btn:active .kp-btn.kp-cart-ladder__add{background-position:0 0;color:var(--kp-text-on-accent);transition-duration:var(--kp-dur-press)}}.kp-cart-ladder__done{display:none}.kp-cart-ladder__pay{margin-left:auto;font-family:var(--kp-font-heading);font-size:14.5px;font-weight:700;line-height:1;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;color:var(--kp-text-strong);font-variant-numeric:tabular-nums}.kp-cart-ladder__btn[data-state=applied] .kp-cart-ladder__chip{border-style:solid;border-color:var(--kp-accent);background:var(--kp-accent);color:var(--kp-text-on-accent)}.kp-cart-ladder__btn[data-state=applied] .kp-cart-ladder__idle{display:none}.kp-cart-ladder__btn[data-state=applied] .kp-cart-ladder__done{display:inline}.kp-cart-ladder__btn[data-state=applied] .kp-btn.kp-cart-ladder__add{background-position:0 0;color:var(--kp-text-on-accent)}@media(hover:hover)and (pointer:fine){.kp-cart-ladder__btn[data-state=idle]:hover .kp-cart-ladder__chip{border-color:var(--kp-accent)}.kp-cart-ladder__btn:hover .kp-cart-ladder__add{background-position:0 0;color:var(--kp-text-on-accent)}}.kp-cart-ladder__call{position:relative;display:block;padding:1px;background:var(--kp-edge-steel-lit);clip-path:polygon(var(--kp-notch) 0,100% 0,100% calc(100% - var(--kp-notch)),calc(100% - var(--kp-notch)) 100%,0 100%,0 var(--kp-notch))}.kp-cart-ladder__call:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;pointer-events:none;background:var(--kp-surface-panel);clip-path:inherit}.kp-cart-ladder__call>*{position:relative;z-index:1}.kp-cart-ladder__sum{display:flex;align-items:center;justify-content:space-between;gap:var(--kp-space-3);min-height:var(--kp-hit-target);padding:var(--kp-space-2) var(--kp-space-2) var(--kp-space-2) var(--kp-space-3);list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.kp-cart-ladder__sum::-webkit-details-marker{display:none}.kp-cart-ladder__toggle-frame{--kp-notch: var(--kp-notch-s);flex:none;background:var(--kp-edge-steel-lit)}.kp-cart-ladder__toggle{--kp-notch: var(--kp-notch-s);width:calc(var(--kp-space-9) - 2px);min-height:calc(var(--kp-space-7) - 2px);padding:0;color:var(--kp-text-default)}.kp-cart-ladder__toggle svg{width:var(--kp-icon-s);height:var(--kp-icon-s);transition:transform var(--kp-dur-fast) var(--kp-ease)}.kp-cart-ladder__call[open] .kp-cart-ladder__toggle svg{transform:rotate(180deg)}@media(hover:hover)and (pointer:fine){.kp-cart-ladder__sum:hover .kp-cart-ladder__toggle-frame{background:var(--kp-accent)}.kp-cart-ladder__sum:hover .kp-cart-ladder__toggle{background-position:0 0;color:var(--kp-text-on-accent)}}.kp-cart-ladder__panel{margin:0 var(--kp-space-3);padding:var(--kp-space-3) 0;border-top:1px solid var(--kp-border-hairline)}.kp-cart-ladder__panel .kp-sms-strip__caption{max-width:none}.kp-cart-ladder__call::details-content{interpolate-size:allow-keywords;block-size:0;overflow:clip;transition:block-size var(--kp-dur-reveal) var(--kp-ease),content-visibility var(--kp-dur-reveal) allow-discrete}.kp-cart-ladder__call[open]::details-content{block-size:auto}cart-drawer:has(.kp-cart-ladder__call[open]) cart-drawer-items{min-height:0}@media(prefers-reduced-motion:reduce){.kp-cart-ladder__chip,.kp-cart-ladder__add,.kp-cart-ladder__toggle svg,.kp-cart-ladder__call::details-content{transition:none}.cart-drawer__overlay,.drawer__inner{transition-duration:.001ms}cart-drawer{transition-delay:0s}.drawer__close{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/kp-cart-drawer.css.map */