.drawer{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:1000;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;overflow:hidden}.drawer.active{visibility:visible}.drawer__inner{width:40rem;max-width:calc(100vw - 3rem);height:100%;padding:0 1.5rem;background-color:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease;border-left:1px solid rgba(var(--color-foreground),.2);box-sizing:border-box}.drawer.active .drawer__inner{transform:translate(0)}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;flex-shrink:0}.drawer__heading{font-size:1.5rem;font-weight:600;line-height:1.2;margin:0;white-space:normal;overflow-wrap:break-word;word-break:break-word;text-overflow:ellipsis;overflow:hidden;max-width:85%}.drawer__close{background:none;border:none;cursor:pointer;padding:0;min-width:44px;min-height:44px;position:relative;display:flex;align-items:center;justify-content:center}.drawer__close .svg-wrapper{width:2rem;height:2rem}.drawer__contents{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.drawer__footer{padding:1.5rem 0;border-top:1px solid rgba(var(--color-foreground),.2)}.cart-drawer .drawer__cart-items-wrapper{flex-grow:1;overflow-y:auto}.cart-drawer .cart-items{width:100%;display:table;border-collapse:collapse}.cart-drawer thead,.cart-drawer tbody,.cart-drawer tr,.cart-drawer td,.cart-drawer th{display:table-row-group}.cart-drawer .cart-item{display:table-row}.cart-drawer .cart-item td{padding:1rem .5rem;vertical-align:top}.cart-drawer .cart-item__image{max-width:100%;height:auto;display:block}.cart-drawer .cart-item__details{display:flex;flex-direction:column;width:100%;padding-right:1rem}.cart-drawer .cart-item__name{font-size:1rem;line-height:1.4;word-break:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.cart-drawer .cart-item__totals{display:flex;justify-content:flex-end;align-items:flex-start}.cart-item__quantity-wrapper{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.cart-remove-button{margin-left:auto;display:flex;align-items:center;justify-content:center;min-width:44px}.cart-drawer__footer .totals{display:flex;justify-content:space-between;align-items:flex-end;gap:.25rem;flex-wrap:wrap}.totals__total{font-size:1rem;font-weight:600;margin:0}.totals__total-value{font-size:1.1rem;font-weight:700;white-space:nowrap}.cart__ctas .button{width:100%;font-size:1rem;padding:1rem;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 749px){.drawer__inner{width:100%;max-width:100vw;padding:0 1rem}.drawer__heading{font-size:1.3rem;max-width:100%}.cart-drawer .cart-items,.cart-drawer thead,.cart-drawer tbody,.cart-drawer tr,.cart-drawer td,.cart-drawer th{display:block;width:100%;text-align:left}.cart-drawer .cart-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-bottom:1px solid #eee}.cart-item__media{max-width:100px;margin-bottom:.5rem}.totals{flex-direction:column;align-items:flex-start}.totals__total,.totals__total-value{font-size:1.1rem;margin-bottom:.25rem}.cart__ctas{margin-top:1rem}.drawer__footer{padding-bottom:2rem}}.cart-drawer .cart-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee;align-items:flex-start}.cart-item__media{flex-shrink:0;width:100px}.cart-item__details{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.cart-item__name{font-size:1rem;font-weight:500;margin-bottom:.25rem;line-height:1.3;word-break:break-word}.cart-item__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.cart-item__price{font-size:1rem;font-weight:600;white-space:nowrap}.cart-item__quantity-wrapper{display:flex;align-items:center;gap:.5rem}.cart-remove-button{background:#3d2f28;color:#fff;padding:.6rem;border-radius:4px;border:none;cursor:pointer}@media screen and (max-width: 749px){.cart-drawer .cart-item{flex-direction:column}.cart-item__bottom{flex-direction:column;align-items:flex-start}.cart-item__media{margin-bottom:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-cart-drawer.css.map */