:root{--cart-drawer-width: 440px;--cart-item-image-width: 80px}cart-drawer{position:fixed;z-index:10000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background:rgba(from var(--color-shadow) r g b / var(--backdrop-opacity));opacity:0;visibility:hidden;-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);transition:opacity var(--animation-speed) var(--animation-easing),visibility var(--animation-speed) var(--animation-easing)}cart-drawer.is-open{opacity:1;visibility:visible;-webkit-backdrop-filter:brightness(.75);backdrop-filter:brightness(.75);transition:opacity var(--animation-speed) var(--animation-easing),visibility var(--animation-speed) var(--animation-easing),-webkit-backdrop-filter var(--animation-speed) var(--animation-easing),backdrop-filter var(--animation-speed) var(--animation-easing)}cart-drawer.is-open .cart-drawer__inner{animation:modalSlideInRight var(--animation-speed) var(--animation-easing) forwards}cart-drawer.is-closing .cart-drawer__inner{animation:modalSlideOutRight var(--animation-speed) var(--animation-easing) forwards}.cart-drawer__inner{height:100%;width:var(--cart-drawer-width);max-width:calc(100vw - 30px);padding:0 var(--padding-md);overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);background-color:var(--color-background);color:var(--color-foreground);box-shadow:var(--modal-shadow)}@media (width <= 350px){.cart-drawer__inner{width:100%}}.cart-drawer--floating{margin:15px;height:calc(100% - 30px)}.cart-drawer--rounded.card{border-top-right-radius:0;border-bottom-right-radius:0}.cart-drawer__inner-empty{height:100%;padding:0 var(--padding-sm);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-lg)}.cart-drawer__inner-empty h3{text-align:center}.cart-drawer__inner-empty .cart-drawer__close{right:var(--padding-sm);position:absolute;top:var(--padding-sm)}@media screen and (max-width: 350px){.cart-drawer__inner{max-width:calc(100vw - 10px)}.cart-drawer--floating{margin:5px;height:calc(100% - 10px)}}.cart-drawer--empty .cart-drawer__header,.cart-drawer--empty .cart-drawer__body,.cart-drawer--empty .cart-drawer__footer{display:none}cart-drawer:not(.cart-drawer--empty) .cart-drawer__inner-empty{display:none}.cart-drawer__header{position:relative;padding:var(--padding-md);border-bottom:var(--separator-border-thickness) solid var(--color-border);margin-left:calc(-1 * var(--padding-md));width:calc(100% + (2 * var(--padding-md)))}.cart-drawer__header_title{display:flex;justify-content:space-between;align-items:center}.cart-drawer__header h2{margin:0;display:flex;align-items:center;gap:5px;color:rgb(var(--color-foreground))}.cart-drawer__close{display:inline-block;padding:0;color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer;height:24px}.cart-drawer__items{display:flex;flex-direction:column}.cart-drawer__items--disabled{pointer-events:none}.cart-drawer__footer{border-top:var(--separator-border-thickness) solid var(--color-border);padding:var(--padding-md);position:sticky;bottom:0;background-color:var(--color-background);width:calc(100% + (2 * var(--padding-md)));margin-left:calc(-1 * var(--padding-md))}.cart-drawer__footer>*:not(:last-child){margin-bottom:var(--padding-sm)}.cart-drawer__footer .accordion__header{padding:0}.cart-drawer__footer .accordion__content{padding:var(--padding-sm) 0}.cart-drawer__totals,.cart-drawer__reductions{display:flex;justify-content:center;align-items:center;justify-content:space-between}.cart-drawer__totals>*{color:rgb(var(--color-foreground));margin:0;line-height:1}.cart-drawer__reductions p,.cart-drawer__totals p{font-weight:500;margin:0;line-height:normal}.cart-drawer__reductions p,.cart-drawer__totals p,.cart-drawer__reductions-value,.cart-drawer__totals-value{font-size:var(--font-body--size-emphasized)}.cart-drawer__ctas{text-align:center;display:flex;gap:10px}.cart-drawer__ctas button{width:100%}.cart-drawer__body{overflow-y:auto;overflow-x:hidden;flex:1;padding-right:calc(var(--padding-sm) / 2);margin-right:calc(-1 * (var(--padding-sm) / 2));padding-top:var(--padding-md)}.cart-item__error{display:flex;align-items:flex-start;width:min-content;min-width:100%}.cart-drawer__body::-webkit-scrollbar{width:3px}.cart-drawer__item{background-color:var(--color-background);color:var(--color-foreground);margin-bottom:var(--margin-lg);display:flex;gap:var(--gap-sm);align-items:flex-start;max-width:100%}.cart-drawer__item--loading{opacity:.5;pointer-events:none}.cart-drawer__item:last-child{margin-bottom:var(--padding-sm)}.cart-drawer__item>a{display:flex;align-items:center}.cart-drawer__item img{width:var(--cart-item-image-width);object-fit:cover;background-color:#fff;max-width:fit-content;border-radius:calc(var(--card-border-radius) - var(--padding-sm))}.cart-drawer__item.card{padding:var(--padding-sm)}.cart-drawer__item.card img{border-radius:calc(var(--card-border-radius) - var(--padding-sm))}.cart-drawer__item-options{line-height:normal;font-size:var(--font-body--size-small);word-break:break-word;color:rgba(var(--color-foreground),.8)}.cart-drawer__item-options .cart-drawer__item-option:not(:last-child){margin-bottom:var(--padding-xs)}.cart-drawer__item-option{margin:0}.cart-drawer__item-content{display:flex;flex-direction:column;gap:7px;margin-top:5px}.cart-drawer__item-wrapper{display:flex;justify-content:space-between;width:100%;min-height:var(--cart-item-image-width);gap:var(--gap-sm)}.cart-drawer__item-name{text-decoration:none;display:block;width:calc(100% + 60px);font-size:var(--font-body--size);color:rgb(var(--color-foreground));font-weight:500;line-height:normal;margin-bottom:0;transition:var(--animation-link-hover)}.cart-drawer__item-name:hover{opacity:var(--opacity-link-hover)}.cart-drawer__item-prices{position:relative;width:100%}.cart-drawer__item-prices.loading{width:max-content}.cart-drawer__item-price{display:flex;align-items:center;gap:var(--gap-xs);flex-wrap:wrap;font-size:var(--font-body--size-small);color:rgb(var(--color-foreground))}.cart-drawer__item-price>*{display:block;margin:0;padding:0;line-height:normal}.cart-drawer__item-discounted-prices{display:flex;align-self:center;gap:6px;line-height:normal}.cart-drawer__item-compare-price{opacity:.7}.cart-drawer__item--no-remove-button .cart-drawer__item-actions-wrapper{justify-content:flex-end}.cart-drawer__item--no-remove-button .cart-drawer__item-name{width:calc(100% + var(--cart-item-image-width))}@media screen and (max-width: 350px){.cart-drawer__item--no-remove-button .cart-drawer__item-name{width:calc(100% + 75px)}}@media screen and (max-width: 350px){.cart-drawer__item img{width:var(--cart-item-image-width);max-height:calc(var(--cart-item-image-width) * 1.2)}.cart-drawer__item-content{gap:5px}.cart-drawer__item-wrapper{min-height:calc(var(--cart-item-image-width) * 1.2)}.cart-drawer__item-name{width:calc(100% + 50px)}.cart-drawer__item-prices{width:100%}}.cart-drawer__item-actions{display:flex;flex-direction:column;gap:8px}.cart-drawer__item-actions-wrapper{display:flex;align-items:flex-end;justify-content:space-between;flex-direction:column;height:100%;gap:5px}.cart-drawer__item-actions-wrapper .button,.cart-drawer__item-actions-wrapper .quantity-selector{border:var(--inputs-border-width) solid var(--color-border)}@media screen and (max-width: 749px){.cart-drawer__item-actions-wrapper{flex-wrap:wrap}}.cart-drawer__discounts{margin-bottom:0}.cart-drawer__discount{margin-bottom:var(--padding-sm)}.cart-drawer__item-discounts,.cart-drawer__discounts{font-size:12px;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}.cart-drawer__item-discount,.cart-drawer__discount{min-width:max-content;gap:var(--gap-xs)}.cart-drawer__item-discount .icon{font-size:14px!important}.icon-discount{color:rgb(var(--color-foreground));width:12px;height:12px;margin-right:7px}.cart-drawer__item-discount span{max-width:70px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width: 750px){.cart-drawer__discounts{overflow:scroll;flex-wrap:nowrap}.cart-drawer__discounts::-webkit-scrollbar{height:3px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cart-drawer.css.map */