.cart-drawer{position:fixed;top:0;right:0;z-index:110;width:min(92vw,440px);height:100dvh;background:var(--color-surface);color:var(--color-ink);transform:translate(105%);visibility:hidden;transition:transform var(--duration-slow) var(--ease-out),visibility var(--duration-slow);box-shadow:var(--shadow-lg)}.cart-drawer.is-open{transform:translate(0);visibility:visible}.cart-drawer.is-loading{pointer-events:none}.cart-drawer.is-loading .cart-drawer__inner{opacity:.55}.cart-drawer__inner{height:100%;display:flex;flex-direction:column;transition:opacity var(--duration-fast) var(--ease-out)}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);position:relative}.cart-drawer__header:after{content:"";position:absolute;left:var(--space-5);bottom:-1px;width:34px;height:3px;background:repeating-linear-gradient(-45deg,var(--color-accent) 0 6px,var(--color-dark) 6px 12px)}.cart-drawer__count{color:var(--color-ink-soft)}.cart-drawer__close{display:grid;place-items:center;width:44px;height:44px;background:none;border:none;border-radius:var(--radius);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out)}.cart-drawer__close:hover{background:var(--color-surface-alt);transform:rotate(90deg)}.cart-drawer__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.cart-drawer__empty .icon--cart{color:var(--color-border)}.cart-drawer__empty-text{color:var(--color-ink-soft)}.cart-drawer__items{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.cart-drawer__item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:var(--space-3);animation:cart-item-in var(--duration-base) var(--ease-out)}@keyframes cart-item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cart-drawer__item-media{display:block;aspect-ratio:1;background:var(--color-surface-alt);border-radius:var(--radius);overflow:hidden}.cart-drawer__item-media img{width:100%;height:100%;object-fit:cover}.cart-drawer__item-details{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.cart-drawer__item-title{font-size:var(--text-sm);font-weight:var(--font-body-bold-weight);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-drawer__item-title:hover{text-decoration:underline}.cart-drawer__item-variant{color:var(--color-ink-soft)}.cart-drawer__item-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-1)}.quantity--small .quantity__button{width:30px}.quantity--small .quantity__input{width:34px;padding-block:.3em;font-size:var(--text-sm)}.cart-drawer__item-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:var(--text-sm);font-weight:var(--font-body-bold-weight)}.cart-drawer__item-price s{color:var(--color-ink-soft);font-weight:var(--font-body-weight)}.cart-drawer__item-remove{align-self:start;display:grid;place-items:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius);color:var(--color-ink-soft);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.cart-drawer__item-remove:hover{color:var(--color-error);background:var(--color-surface-alt)}.cart-drawer__footer{padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:0 -8px 24px #0f0f0f0f}.cart-drawer__note summary{cursor:pointer;font-weight:var(--font-body-bold-weight)}.cart-drawer__note textarea{margin-top:var(--space-2);width:100%;resize:vertical}.cart-drawer__subtotal{display:flex;justify-content:space-between;align-items:baseline;font-weight:var(--font-body-bold-weight)}.cart-drawer__subtotal-price{font-family:var(--font-heading);font-size:var(--text-h4)}.cart-drawer__policies{color:var(--color-ink-soft)}.cart-drawer__view-cart{align-self:center}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-cart-drawer.css.map */