cart-drawer{--padding: 1rem;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-cart)}.cart-drawer--background{position:absolute;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,var(--color-text) 80%,transparent);opacity:0;pointer-events:none;transition:opacity var(--transition-duration) var(--transition-ease)}cart-drawer[open=true] .cart-drawer--background{opacity:1;pointer-events:auto}.cart-drawer--drawer{position:absolute;top:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-background);pointer-events:none;transform:translate(100%);transition:transform var(--transition-duration) var(--transition-ease)}cart-drawer[open=true] .cart-drawer--drawer{transform:translate(0);pointer-events:auto}.cart-drawer--header{display:flex;flex-direction:column;gap:1rem;padding:1.5rem var(--padding) 1rem;border-bottom:1px solid var(--color-border)}.cart-drawer--header-top{display:flex;align-items:center;justify-content:space-between}.cart-drawer--header-bottom,.cart-drawer--progress{display:flex;flex-direction:column;gap:.75rem}.cart-drawer--progress-bar{width:100%}.cart-drawer--body{display:flex;flex-direction:column;gap:1rem;height:100%;min-height:0;padding:1.5rem var(--padding);overflow:auto}.cart-drawer--empty{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;width:100%;height:100%}.cart-drawer--items{display:flex;flex-direction:column;gap:.5rem}.cart-drawer--item{display:flex;flex-direction:row-reverse;gap:1.25rem;background:var(--color-purple-light);border:1px solid var(--color-border);border-radius:var(--radius-std);padding:1rem;order:2}.cart-drawer--item.gwp{order:1;background:var(--color-background)}.cart-drawer--item-info{display:flex;flex-direction:column;width:100%;height:auto}.cart-drawer--item-image{width:6.25rem;height:6.25rem;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--radius-std);overflow:hidden}.cart-drawer--item-heading{display:flex;gap:1rem;justify-content:space-between}.cart-drawer--item-title{font-weight:600}.cart-drawer--item-price{display:flex;gap:.25rem;font-weight:400}.cart-drawer--item-price s{opacity:.4}.cart-drawer--item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.cart-drawer--item quantity-picker{margin-left:-.625rem;margin-bottom:-.625rem}.cart-drawer--item quantity-picker button{margin:.625rem;border-color:currentColor}.cart-drawer--item-remove{opacity:.4;text-decoration:underline;text-underline-offset:2px;margin-left:auto}.cart-drawer--footer{display:flex;flex-direction:column;gap:.5rem;padding:1rem var(--padding);border-top:1px solid var(--color-border);background:var(--color-purple-light)}.cart-drawer--subtotal{display:flex;align-items:center;justify-content:space-between}.cart-drawer--subtotal-heading{font-weight:600}.cart-drawer--subtotal-value{font-weight:400}.cart-drawer--crosssells{display:flex!important;flex-direction:column;gap:.875rem;width:100%;flex-shrink:0}.cart-drawer--crosssells-header{display:flex;align-items:center;justify-content:space-between}.cart-drawer--crosssells-nav{display:flex;align-items:center;gap:.625rem}.cart-drawer--crosssells-nav .btn--prev,.cart-drawer--crosssells-nav .btn--next{width:1.125rem;height:1.125rem;border-color:currentColor}.cart-drawer--crosssells-nav .btn--prev:after,.cart-drawer--crosssells-nav .btn--next:after{--mask-size: 80%}.cart-drawer--gift{display:flex;flex-direction:column-reverse;gap:.5rem;margin-top:.25rem;height:1.25rem;overflow:hidden;transition:height var(--transition-duration) var(--transition-ease)}.cart-drawer--gift.has-gift{height:6.75rem}.cart-drawer--gift-label{text-align:center}.cart-drawer--gift-label.has-gift{display:none}.cart-drawer--gift.has-gift .cart-drawer--gift-label.has-gift{display:block}.cart-drawer--gift.has-gift .cart-drawer--gift-label.no-gift{display:none}.cart-drawer--gift-label button{text-decoration:underline}.cart-drawer--gift-message{height:5rem;padding:.5rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-std);resize:none}@media (min-width: 768px){.cart-drawer--drawer{width:50%}}@media (min-width: 1024px){.cart-drawer--drawer{width:33.333%}cart-drawer{--padding: 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/332/assets/cart-drawer.css.map */