.cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);pointer-events:none}.cart-drawer.is-open,.cart-drawer[aria-hidden=false]{pointer-events:auto}.cart-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:hsl(var(--color-overlay) / .5);opacity:0;transition:opacity var(--duration-normal)}.cart-drawer[aria-hidden=false] .cart-drawer__overlay{opacity:1}.cart-drawer__panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,90vw);background:hsl(var(--color-background));display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-xl)}.cart-drawer[aria-hidden=false] .cart-drawer__panel{transform:translate(0)}.cart-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid hsl(var(--color-border));flex-shrink:0}.cart-drawer__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin:0}.cart-drawer__title-wrapper{display:flex;align-items:baseline;gap:var(--space-2)}.cart-drawer__count{font-weight:var(--font-weight-normal);color:hsl(var(--color-muted));font-size:var(--text-sm)}.cart-drawer__close{background:none;border:none;cursor:pointer;padding:var(--space-2);color:hsl(var(--color-foreground));display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast);margin-right:calc(var(--space-2) * -1)}.cart-drawer__close:hover{color:hsl(var(--color-muted))}.cart-drawer__close svg{width:24px;height:24px}.cart-drawer__shipping-bar{padding:var(--space-3) var(--space-5);background:hsl(var(--color-surface))}.cart-drawer__shipping-bar-track{height:6px;background:hsl(var(--color-border));border-radius:var(--radius-full);overflow:hidden}.cart-drawer__shipping-bar-progress{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,hsl(var(--color-primary)),hsl(var(--color-accent)));transition:width var(--duration-normal) var(--ease-out)}.cart-drawer__shipping-text{font-size:var(--text-xs);color:hsl(var(--color-muted));margin-top:var(--space-2);text-align:center}.cart-drawer__items{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);scrollbar-width:thin;scrollbar-color:hsl(var(--color-border)) transparent}.cart-drawer__items::-webkit-scrollbar{width:6px}.cart-drawer__items::-webkit-scrollbar-track{background:transparent}.cart-drawer__items::-webkit-scrollbar-thumb{background-color:hsl(var(--color-border));border-radius:var(--radius-full)}.cart-drawer__item{display:grid;grid-template-columns:75px 1fr auto;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);position:relative;transition:opacity var(--duration-fast),transform var(--duration-fast)}.cart-drawer__item.is-removing{opacity:0;transform:translate(20px)}.cart-drawer__item-image{display:block}.cart-drawer__item-image img{width:75px;height:75px;object-fit:cover;border-radius:var(--radius-md);background:hsl(var(--color-surface))}.cart-drawer__item-details{display:flex;flex-direction:column}.cart-drawer__item-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:hsl(var(--color-foreground));text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-drawer__item-title:hover{text-decoration:underline;text-underline-offset:4px}.cart-drawer__item-variant,.cart-drawer__item-plan{font-size:var(--text-xs);color:hsl(var(--color-muted));margin:var(--space-1) 0 0}.cart-drawer__item-price-wrapper{display:flex;flex-direction:column;align-items:flex-end}.cart-drawer__item-price{font-size:var(--text-sm);margin-top:var(--space-1)}.cart-drawer__item-price--sale{color:hsl(var(--color-sale));font-weight:var(--font-weight-semibold)}.cart-drawer__item-price--original{color:hsl(var(--color-muted));font-size:var(--text-xs);text-decoration:line-through}.cart-drawer__item-quantity{display:inline-flex;align-items:center;border:1px solid hsl(var(--color-border));border-radius:var(--radius-md);margin-top:var(--space-2)}.cart-drawer__qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:hsl(var(--color-foreground));transition:background var(--duration-fast)}.cart-drawer__qty-btn:hover{background:hsl(var(--color-surface))}.cart-drawer__qty-btn:disabled{cursor:not-allowed;opacity:.5}.cart-drawer__qty-input{width:40px;height:32px;text-align:center;border:none;background:none;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:hsl(var(--color-foreground));-moz-appearance:textfield}.cart-drawer__qty-input::-webkit-inner-spin-button,.cart-drawer__qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none}.cart-drawer__remove{align-self:start;background:none;border:none;cursor:pointer;color:hsl(var(--color-muted));padding:var(--space-1);transition:color var(--duration-fast);margin-top:-4px;margin-right:-4px}.cart-drawer__remove:hover{color:hsl(var(--color-error))}.cart-drawer__item-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:hsl(var(--color-background) / .7);border-radius:var(--radius-md);z-index:2}.cart-drawer__item.is-loading .cart-drawer__item-loading{display:flex}.cart-drawer__spinner{width:24px;height:24px;border:2px solid hsl(var(--color-border));border-top-color:hsl(var(--color-primary));border-radius:50%;animation:cart-drawer-spin .6s linear infinite}@keyframes cart-drawer-spin{to{transform:rotate(360deg)}}.cart-drawer__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);text-align:center;color:hsl(var(--color-muted))}.cart-drawer__empty svg{width:64px;height:64px;color:hsl(var(--color-border))}.cart-drawer__empty-text{font-size:var(--text-lg);margin:0}.cart-drawer__empty-btn{margin-top:var(--space-4)}.cart-drawer__upsells{padding:var(--space-4) var(--space-5);border-top:1px solid hsl(var(--color-border))}.cart-drawer__upsells-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);margin-top:0}.cart-drawer__upsells-list{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:thin;scrollbar-color:hsl(var(--color-border)) transparent}.cart-drawer__upsells-list::-webkit-scrollbar{height:4px}.cart-drawer__upsells-list::-webkit-scrollbar-track{background:hsl(var(--color-surface))}.cart-drawer__upsells-list::-webkit-scrollbar-thumb{background:hsl(var(--color-border));border-radius:var(--radius-full)}.cart-drawer__upsell-item{flex:0 0 120px;display:flex;flex-direction:column;gap:var(--space-2)}.cart-drawer__upsell-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);background:hsl(var(--color-surface))}.cart-drawer__upsell-title{font-size:var(--text-xs);font-weight:var(--font-weight-medium);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;color:hsl(var(--color-foreground))}.cart-drawer__upsell-price{font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.cart-drawer__upsell-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);width:100%}.cart-drawer__footer{flex-shrink:0;padding:var(--space-4) var(--space-5);border-top:1px solid hsl(var(--color-border));background:hsl(var(--color-background))}.cart-drawer__discounts{list-style:none;padding:0;margin:0 0 var(--space-3)}.cart-drawer__discount{display:flex;justify-content:space-between;font-size:var(--text-sm);color:hsl(var(--color-success));padding:var(--space-1) 0}.cart-drawer__discount svg{width:16px;height:16px;margin-right:var(--space-2);vertical-align:middle}.cart-drawer__subtotal{display:flex;justify-content:space-between;font-weight:var(--font-weight-semibold);font-size:var(--text-base);margin-bottom:var(--space-2)}.cart-drawer__tax-note{font-size:var(--text-xs);color:hsl(var(--color-muted));margin-bottom:var(--space-3);text-align:center}.cart-drawer__checkout{width:100%;font-size:var(--text-base);padding:var(--space-4);margin-bottom:var(--space-3)}.cart-drawer__note-toggle{margin-bottom:var(--space-3)}.cart-drawer__note-toggle summary{font-size:var(--text-sm);cursor:pointer;color:hsl(var(--color-muted));margin-bottom:var(--space-2);-webkit-user-select:none;user-select:none}.cart-drawer__note{width:100%;min-height:80px;padding:var(--space-2);border:1px solid hsl(var(--color-border));border-radius:var(--radius-md);resize:vertical;font-size:var(--text-sm);margin-bottom:var(--space-3);background:hsl(var(--color-background));color:hsl(var(--color-foreground));font-family:inherit}.cart-drawer__note:focus-visible{outline:2px solid hsl(var(--color-primary));outline-offset:2px}.cart-drawer__dynamic-checkout{margin-top:var(--space-3)}@media(prefers-reduced-motion:reduce){.cart-drawer__overlay,.cart-drawer__panel,.cart-drawer__item,.cart-drawer__shipping-bar-progress{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-cart.css.map */