html.scroll-locked,body.scroll-locked{overflow:hidden!important}body.scroll-locked{position:fixed;top:var(--scroll-lock-offset, 0);left:0;right:0;width:100%}body.scroll-locked .announcement-bar,body.scroll-locked .store-header,body.scroll-locked .main-menu{position:fixed!important;left:0;right:0;width:100%}.side-drawer{z-index:40;position:fixed;--drawer-width: 375px;--drawer-transition-duration: .3s;--drawer-overlay-opacity: .3}.side-drawer [data-close]{font-size:0;position:absolute;right:.5rem;top:.5rem;padding:.5rem;border-radius:9999px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s}.side-drawer [data-close]:hover{background-color:#f3f4f6}.side-drawer [data-close] svg{width:1.25rem;height:1.25rem}.side-drawer [data-container]{transform:translate(-100%);top:0;left:0;padding-top:2rem;background-color:var(--color-base-surface, #ffffff);color:var(--color-onBase-surface, #000000);position:fixed;height:100%;overflow:auto;width:var(--drawer-width);transition:transform var(--drawer-transition-duration) cubic-bezier(.4,0,.2,1)}.side-drawer [data-overlay]{content:"";display:block;position:fixed;top:0;right:0;left:0;bottom:0;cursor:pointer;background:rgb(0,0,0,var(--drawer-overlay-opacity));opacity:0;transition:opacity var(--drawer-transition-duration) cubic-bezier(.4,0,.2,1),transform var(--drawer-transition-duration) cubic-bezier(.4,0,.2,1)}.side-drawer.active [data-container]{transform:translate(0)}.side-drawer.active [data-overlay]{opacity:1}.side-drawer.transition-out [data-container]{transform:translate(-100%)}.side-drawer.transition-out [data-overlay]{opacity:0}.side-drawer[data-side=right] [data-container]{transform:translate(100%);right:0;left:auto}.side-drawer[data-side=right].active [data-container]{transform:translate(0)}.side-drawer[data-side=right].transition-out [data-container]{transform:translate(100%)}.side-drawer[data-side=center] [data-container]{top:50%;left:50%;height:auto;max-height:90vh;max-width:90vw;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:var(--drawer-width);transform:translate(-50%,-50%) scale(.8);opacity:0;transition:transform var(--drawer-transition-duration) cubic-bezier(.4,0,.2,1),opacity var(--drawer-transition-duration) cubic-bezier(.4,0,.2,1)}.side-drawer[data-side=center].active [data-container]{transform:translate(-50%,-50%) scale(1);opacity:1}.side-drawer[data-side=center].transition-out [data-container]{transform:translate(-50%,-50%) scale(.8);opacity:0}@media(max-width:640px){.side-drawer [data-container]{width:100%}.side-drawer[data-side=center] [data-container]{max-width:95vw;max-height:95vh;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/282/assets/side-drawer.css.map */