cart-drawer{position:fixed;z-index:100000000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(0,0,0,.75);transition:opacity .3s ease-in-out,visibility .3s ease-in-out}cart-drawer.active{visibility:visible;opacity:1}cart-drawer.active .drawer__inner{translate:0 0;transform:translateX(0)}cart-drawer .drawer__inner{height:100%;width:min(500px,100vw);background-color:var(--slide-out-cart-bg-fill);overflow:hidden;display:flex;flex-direction:column;translate:100% 0;transition:translate .3s ease-in-out;padding:var(--box-pad-lg);gap:0}cart-drawer .drawer__inner .drawer__header{display:flex;flex-direction:column;gap:var(--box-gap-lg);padding-bottom:var(--box-gap-lg)}cart-drawer .drawer__inner .drawer__header .drawer__heading{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;color:var(--heading-fill)}cart-drawer .drawer__inner .drawer__main{overflow-x:hidden;overflow-y:auto;flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--box-gap-lg)}cart-drawer .drawer__inner .drawer__main:has(>.drawer__inner-empty){padding:0}cart-drawer .drawer__inner .drawer__main cart-drawer-items .cart-items{display:flex;flex-direction:column}cart-drawer .drawer__inner .drawer__main cart-drawer-items .cart-items .cart-item{padding:var(--box-gap-sm) 0;border-bottom:var(--slide-out-cart-border-width) solid var(--slide-out-cart-bg-stroke)}cart-drawer .drawer__inner .drawer__main cart-drawer-items .cart-items .cart-item:first-child{padding-top:0}cart-drawer .drawer__inner .drawer__main cart-drawer-items .cart-items .cart-item:last-child{border-bottom:none;padding-bottom:none}cart-drawer .drawer__inner .drawer__main cart-drawer-items .cart-items::-webkit-scrollbar{width:3px}cart-drawer .drawer__inner .drawer__main cart-drawer-items .cart-items::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.7);border-radius:100px}cart-drawer .drawer__inner .drawer__main cart-drawer-items .cart-items::-webkit-scrollbar-track-piece{margin-top:var(--slide-out-cart-gap-sm)}cart-drawer .drawer__inner .drawer__main cart-note{display:flex;flex-direction:column;gap:var(--input-global-label-gap);margin-top:var(--slide-out-cart-gap-lg)}cart-drawer .drawer__inner .drawer__footer{border-top:var(--slide-out-cart-border-width) solid var(--slide-out-cart-bg-stroke);display:flex;flex-direction:column;gap:var(--slide-out-cart-gap-md);padding-top:var(--box-gap-lg)}cart-drawer .drawer__inner .drawer__footer .cart_total{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--heading-fill)}cart-drawer .drawer__inner .drawer__footer .cart_total .cart_total--compare{display:flex;flex-direction:row;gap:5px;align-items:center}cart-drawer .drawer__inner .drawer__footer .cart_total .cart_total--compare .cart_total--original{color:var(--slide-out-cart-price-fill-compare);text-decoration:line-through}cart-drawer .drawer__inner .drawer__footer .cart__ctas{display:flex;flex-direction:column;gap:var(--button-primary-md-gap)}cart-drawer .drawer__inner .drawer__footer .cart__ctas .cart-link{width:100%}cart-drawer .drawer__inner .drawer__footer .cart__ctas .cart__checkout-button{width:100%}cart-drawer .drawer__inner .drawer__footer .cart__ctas .cart__checkout-button svg{color:var(--button-primary-icon-fill-default)}cart-drawer.is-empty .drawer__inner .drawer__footer,cart-drawer.is-empty .drawer__inner .drawer__header,cart-drawer.is-empty .drawer__inner cart-drawer-items,cart-drawer.is-empty .drawer__inner cart-note,cart-drawer.is-empty .drawer__inner product-recommendations{display:none}cart-drawer.is-empty .drawer__inner .drawer__main .cart-drawer__warnings,cart-drawer.is-empty .drawer__inner .drawer__main .drawer__inner-empty{height:100%}cart-drawer.is-empty .drawer__inner .drawer__main .cart-drawer__empty-content{height:100%;display:flex;flex-direction:column;gap:var(--slide-out-cart-gap-md)}cart-drawer.is-empty .drawer__inner .drawer__main .cart-drawer__empty-content .drawer__close{align-self:flex-end}cart-drawer.is-empty .drawer__inner .drawer__main .cart-drawer__empty-content .drawer__empty-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-grow:1;flex-direction:column;justify-content:center;gap:var(--global-text-gap);text-transform:uppercase}cart-drawer.is-empty .drawer__inner .drawer__main .cart-drawer__empty-content .cart__empty-text{text-transform:uppercase;color:var(--heading-fill)}cart-drawer.is-empty .drawer__inner .drawer__main .cart-drawer__empty-content .cart__login-paragraph,cart-drawer.is-empty .drawer__inner .drawer__main .cart-drawer__empty-content .cart__login-title{text-align:center;color:var(--body-fill)}cart-drawer.is-empty .drawer__inner .drawer__main .cart-drawer__empty-content .cart__login-paragraph a,cart-drawer.is-empty .drawer__inner .drawer__main .cart-drawer__empty-content .cart__login-title a{color:var(--input-label-text-fill-highlight)}cart-drawer .drawer__close{height:var(--arrow-button-size);width:var(--arrow-button-size);border-radius:var(--arrow-border-rad);border:var(--arrow-border-width) solid var(--arrow-bg-stroke-default);background:var(--background-fill);display:flex;align-items:center;justify-content:center}cart-drawer .drawer__close .icon{color:var(--arrow-icon-fill-default)}cart-drawer .drawer__close:hover{border:var(--arrow-border-width) solid var(--arrow-bg-stroke-hover)}cart-drawer .drawer__close:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}cart-drawer #CartDrawer-CartErrors{color:var(--alert-failure-body-fill)}