.cart-drawer__dialog{position:fixed;inset-block:0;inset-inline-end:0;inset-inline-start:auto;margin:0;width:40rem;max-width:100%;height:100dvh;max-height:100dvh;padding:0;overflow:hidden;border:none;background-color:var(--color-background);color:var(--color-foreground);transform:translate(100%);transition:transform .3s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}.cart-drawer__dialog[open]{transform:translate(0)}@starting-style{.cart-drawer__dialog[open]{transform:translate(100%)}}.cart-drawer__dialog::backdrop{background-color:#0000;transition:background-color .3s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}.cart-drawer__dialog[open]::backdrop{background-color:#0006}@starting-style{.cart-drawer__dialog[open]::backdrop{background-color:#0000}}@media(prefers-reduced-motion:reduce){.cart-drawer__dialog,.cart-drawer__dialog::backdrop{transition:none}}.cart-drawer__panel{display:flex;flex-direction:column;height:100%}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.cart-drawer__title{margin:0;font-size:var(--text-h5)}.cart-drawer__count{color:var(--color-foreground-muted);font-weight:var(--font-weight-normal)}.cart-drawer__count:before{content:"("}.cart-drawer__count:after{content:")"}.cart-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);margin-inline-end:calc(-1 * var(--space-2));padding:0;border:none;background:transparent;color:var(--color-foreground);cursor:pointer}.cart-drawer__close svg{width:1.25rem;height:1.25rem}.cart-drawer__close:hover{color:var(--color-primary)}.cart-drawer__body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.cart-drawer__body .cart-contents{flex:1;min-height:0}.cart-drawer__body .cart-contents--drawer{gap:0}.cart-drawer__body .cart-contents__scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4)}.cart-drawer__body .cart-footer{flex-shrink:0;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-background);border-top:1px solid var(--color-border)}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-cart-drawer.css.map */