.cart-bg{background-color:#1e53a580;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9;transform:translate(-100%);opacity:0;transition:opacity .4s ease-out .1s,transform 0s linear .4s}.cart-bg.active{transform:translate(0);opacity:1;transition:opacity .4s ease-out,transform 0s linear}.cart-drawer{position:fixed;top:0;right:-100%;bottom:0;width:100%;max-width:90%;background-color:#faf9f0;z-index:99;transition:.25s}@media screen and (min-width: 990px){.cart-drawer{right:-600px;max-width:600px;transition:.5s}}.cart-drawer-header{display:flex;justify-content:space-between;align-items:center}.cart-drawer-header h1{margin:0;padding:1.2rem 0 1rem}.cart-close{display:block;width:40px;height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;margin:0;background-color:transparent;color:var(--color-base-text);cursor:pointer}.cart-close svg{width:15px}.cart-drawer.active{right:0}.cart-drawer cart-items{overflow:auto;height:calc(100% - 268px)}.cart-drawer .cart-items thead{display:none}.cart-drawer .cart-items .cart-item{display:grid;grid-template-columns:60px 1fr;align-items:flex-start;padding:1rem 0;margin:0;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.cart-drawer .cart-items .cart-item .cart-item__media img{width:60px;display:block}.cart-drawer .cart-items .cart-item .cart-item__details{width:100%;padding:0 10px}.cart-drawer .cart-items .cart-item .cart-item__totals{grid-column:3}.cart-drawer .cart-items .cart-item .cart-item__media{grid-row:span 3}.cart-drawer .cart-items .cart-item .cart-item__quantity{justify-content:flex-end;font-size:1.4rem}.cart-drawer .cart-items .cart-item td{padding:0}.cart-drawer .mini-cart-footer{position:absolute;bottom:0;width:100%;padding-bottom:4rem;background-color:#faf9f0;border-top:.1rem solid rgba(var(--color-foreground),.08)}.cart-drawer .cart__footer>*,.cart-drawer .cart__checkout-button{width:100%;max-width:100%}@media screen and (min-width: 990px){.cart-drawer .cart-items .cart-item{grid-template-columns:80px 1fr 1fr;padding:1rem 0}.cart-drawer .cart-items .cart-item .cart-item__details{grid-row:span 2}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-cart-drawer.css.map */
