.cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;pointer-events:none}.cart-drawer.is-open{visibility:visible;pointer-events:auto}.cart-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease}.cart-drawer.is-open .cart-drawer__overlay{opacity:1}.cart-drawer__container{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--base);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.cart-drawer.is-open .cart-drawer__container{transform:translate(0)}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-s);border-bottom:1px solid var(--fade)}.cart-drawer__close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--key)}.cart-drawer__close:hover{opacity:.7}.cart-drawer__content{flex:1;overflow-y:auto;padding:var(--gap-s)}.cart-drawer__items{display:flex;flex-direction:column;gap:var(--gap-s)}.cart-drawer__item{display:grid;grid-template-columns:80px 1fr auto;gap:var(--gap-xs);padding-bottom:var(--gap-s);border-bottom:1px solid var(--fade)}.cart-drawer__item.is-loading{opacity:.5;pointer-events:none}.cart-drawer__item-image{width:80px;height:80px;overflow:hidden;border-radius:var(--radius-xs)}.cart-drawer__item-image img{width:100%;height:100%;object-fit:cover}.cart-drawer__item-details{display:flex;flex-direction:column;gap:var(--gap-xxxs)}.cart-drawer__item-title{font-weight:600;font-size:var(--body-size-m);color:var(--key);text-decoration:none}.cart-drawer__item-title:hover{text-decoration:underline}.cart-drawer__item-variant{font-size:var(--body-size-s);color:var(--text-light-med);margin:0}.cart-drawer__item-price{font-size:var(--body-size-m);font-weight:600;margin:0}.cart-drawer__item-compare{color:var(--text-light-med);font-weight:500;text-decoration:line-through;margin-right:4px}.cart-drawer__item-sale{color:var(--brand-7)}.cart-drawer__item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--gap-xxs)}.cart-drawer__quantity{display:inline-flex;align-items:center;border:var(--stroke-size, 1px) solid var(--fade);border-radius:999px;background:var(--color-background);padding:4px;flex-shrink:0}.cart-drawer__quantity-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--key);color:var(--base);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}.cart-drawer__quantity-btn:hover{background:var(--color-foreground)}.cart-drawer__quantity-btn svg{position:relative;z-index:1;width:16px;height:16px}.cart-drawer__quantity-value{width:40px;text-align:center;font-size:var(--font-size-body-m, 16px);font-weight:700;color:var(--color-foreground)}.cart-drawer__quantity-input{width:40px;min-width:24px;padding:0;border:none;border-radius:0;background:transparent;text-align:center;font:inherit;font-size:var(--font-size-body-m, 16px);font-weight:700;color:var(--color-foreground);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.cart-drawer__quantity-input::-webkit-outer-spin-button,.cart-drawer__quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-drawer__quantity-input:focus-visible{outline:2px solid var(--brand-1);outline-offset:-2px;border-radius:var(--radius-xs)}.cart-drawer__item-rules{text-align:right}.cart-drawer__remove{background:none;border:none;font-size:var(--body-size-s);color:var(--text-light-med);cursor:pointer;text-decoration:underline}.cart-drawer__remove:hover{color:var(--key)}.cart-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-m);padding:var(--gap-xl) 0;text-align:center}.cart-drawer__footer{padding:var(--gap-s);border-top:1px solid var(--fade);display:flex;flex-direction:column;gap:var(--gap-s)}.cart-drawer__subtotal{display:flex;justify-content:space-between;font-size:var(--body-size-l);font-weight:600}.cart-drawer__view-cart{text-align:center;color:var(--key);font-size:var(--body-size-m)}.cart-drawer__checkout{width:100%}header button[data-cart-toggle]{background:none;border:none;padding:0;cursor:pointer;position:relative}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cart-drawer.css.map */