.drawer{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;visibility:hidden;will-change:transform,opacity}.drawer.active{visibility:visible}.drawer__inner{height:100%;width:40rem;max-width:calc(100vw - 3rem);padding:0 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;background-color:rgb(var(--color-background));display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease}.drawer.active .drawer__inner{transform:translate(0)}.drawer__inner-empty{height:100%;padding:0 1.5rem;background-color:rgb(var(--color-background));display:flex;flex-direction:column}.drawer__header{position:relative;background-color:rgb(var(--color-background));padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center}.drawer__close{display:inline-flex;justify-content:center;align-items:center;padding:0;min-width:4.4rem;min-height:4.4rem;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;border-radius:50%;transition:background-color .2s ease}.drawer__close:hover,.drawer__close:focus{background-color:rgba(var(--color-foreground),.05);outline:none}.drawer__footer{background-color:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.2);padding:1.5rem 0}.drawer__footer .cart__checkout-button{max-width:none;font-size:1.7rem}.cart-drawer .cart-item{display:grid;grid-template:repeat(2,auto) / repeat(4,1fr);gap:1rem 1.5rem;margin-bottom:1rem}.cart-drawer .cart-item__media{grid-row:1 / 3}.cart-drawer .cart-item__image{max-width:100%;border-radius:.6rem;box-shadow:.3rem .3rem 1rem #0000000d}.cart-drawer .cart-item__details{grid-column:2 / 4}.cart-drawer cart-remove-button svg{color:rgb(var(--color-foreground));transition:color .2s ease}.cart-drawer cart-remove-button:hover svg{color:rgb(var(--accent-color))}.cart-progress{padding-bottom:2.5rem}.cart-progress__bar{height:.9rem;background:rgb(var(--color-base-background-2));position:relative;border-radius:5rem;margin:0 .5rem;overflow:hidden}.cart-progress__bar__progress{position:absolute;top:0;left:0;height:100%;border-radius:5rem;background:rgb(var(--color-base-accent-1));background-image:linear-gradient(315deg,rgba(255,255,255,.4) 25%,transparent 0,transparent 50%,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) 75%,transparent 0,transparent);background-size:1rem 1rem;animation:slideBar 4s linear infinite}@keyframes slideBar{0%{background-position-x:0}to{background-position-x:10rem}}.cart-progress__bar__badge{width:3rem;height:3rem;position:absolute;right:0;top:50%;transform:translate(50%,-50%);background:rgb(var(--color-base-background-1));border-radius:50%;border:solid .2rem rgb(var(--color-base-accent-1));display:flex;justify-content:center;align-items:center}.cart-progress__bar__badge svg{fill:rgb(var(--color-base-accent-1));width:70%;height:70%}.cart-upsell-container{border-bottom:.1rem solid rgba(var(--color-foreground),.2)}.cart-upsell{display:flex;padding:1rem;align-items:flex-start;border-radius:1rem;box-shadow:.3rem .3rem 1rem #0000001a;margin:1.5rem 0;transition:transform .2s ease,box-shadow .2s ease}.cart-upsell:hover{transform:translateY(-2px);box-shadow:.4rem .4rem 1.2rem #00000026}.cart-upsell__image{width:7rem;flex-shrink:0;border-radius:.8rem;overflow:hidden}.cart-upsell__content{padding-left:1.25rem;flex-grow:1}.cart-upsell__title{display:block;font-size:calc(var(--font-heading-scale) * 1.4rem);margin:0 0 .5em;text-decoration:none}.cart-upsell__title:hover,.cart-upsell__title:focus{text-decoration:underline;outline:none}.cart-upsell__btn{padding:.1em 1em;font-weight:700;font-size:1.5rem;background:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-background-1));border-radius:.3em;transition:background .2s ease}.cart-upsell__btn:hover,.cart-upsell__btn:focus{background:rgba(var(--color-base-accent-1),.9);outline:none}
/*# sourceMappingURL=/cdn/shop/t/162/assets/component-cart-drawer.css.map */
