.drawer-open{overflow:hidden}.drawer-open:after{content:"";background:#000a3c1f;position:fixed;width:100%;height:100%;z-index:55;top:0;inset-inline-start:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.js-animation-ready .drawer{transition:transform .2s ease}.drawer{position:fixed;top:0;inset-inline-end:0;background:rgba(var(--color-background));height:100dvh;width:100vw;max-width:48.8rem;z-index:60;box-shadow:0 .2rem 1rem #0003;line-height:calc(1 + .6 / var(--font-body-scale));transform:translate(calc(100% + 5rem))}[dir=rtl] .drawer{transform:translate(calc(-100% - 5rem))}.drawer-inner{position:absolute;inset-inline-end:0;top:0;width:100%;height:100%;display:flex;flex-direction:column}.drawer-header{display:flex;align-items:center;font-size:calc(var(--font-body-scale) * 1.6rem);font-weight:700;flex:1 0 auto;padding:2.4rem;max-height:64px;z-index:5;position:relative}.drawer-header *{margin:0}.drawer-header drawer-toggle{margin-inline-start:auto}.button.button-drawer-header-dismiss{font-size:calc(var(--font-body-scale) * 2rem);min-width:0;font-weight:400;padding:.5rem 1.5rem;width:44px;height:44px;border:none;box-shadow:unset}.drawer-inner .button svg{width:1.6rem;height:1.6rem;margin-inline-start:1.2rem}.drawer-inner .button.quick-view-drawer-button{box-shadow:none}@media(min-width:990px){.button.button-drawer-header-dismiss{padding:0}}.drawer-content{flex:1 1 auto;overflow:auto}.drawer-content-inner{padding:2.4rem}.drawer-footer{position:-webkit-sticky;position:sticky;bottom:0;padding:2.4rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px) + 1.5rem);margin-top:2rem;background:rgba(var(--color-background));box-shadow:0 -4px 8px -2px #000a3c14,0 -2px 4px -2px #000a3c14;z-index:20}@media(max-width:768px){.drawer{top:83px;width:100%;max-width:100%;height:calc(100vh - 83px);transform:translateY(100%)}.drawer-content-inner,.drawer-header,.drawer-footer{padding:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-drawer.css.map */