.drawer-open{overflow:hidden}.drawer-open:after{content:"";background:#0003;position:fixed;width:100%;height:100%;z-index:49;top:0;left:0}.drawer{position:fixed;top:0;right:0;background:rgb(var(--color-background));height:100vh;width:85vw;max-width:40rem;z-index:60;box-shadow:0 .2rem 1rem #0000004d;line-height:calc(1 + .6 / var(--font-body-scale));transform:translate(calc(100% + 5rem));transition:transform .2s ease}.drawer-inner{position:absolute;right:0;top:0;width:100%;height:100%;display:flex;flex-direction:column}.drawer-header{display:flex;align-items:center;font-size:calc(var(--font-heading-scale) * 1.6rem);flex:1 0 auto;padding:1.5rem;max-height:64px;box-shadow:0 1px 1px rgba(var(--color-foreground),.1);z-index:5;position:relative}.drawer-header *{margin:0}.drawer-header drawer-toggle{margin-left:auto}.button-drawer-header-dismiss{font-size:calc(var(--font-body-scale) * 2.4rem);min-width:0;font-weight:400;padding:.5rem 1.5rem;width:44px;height:44px;border-radius:var(--border-radius-base);display:flex;align-items:center;justify-content:center;line-height:0}.button-drawer-header-dismiss:hover{box-shadow:0 0 0 .2rem rgb(var(--color-foreground-alt))}@media (min-width: 990px){.button-drawer-header-dismiss{padding:0;width:2.4rem;height:2.4rem;font-size:calc(var(--font-body-scale) * 1.8rem);min-width:0;font-weight:400;border-radius:50%;box-shadow:0 0 0 .2rem rgb(var(--color-foreground-alt))}}.drawer-content{flex:1 1 auto;overflow:auto}.drawer-content-inner{padding:1.5rem}.drawer-footer{position:-webkit-sticky;position:sticky;bottom:0;padding:1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px) + 1.5rem);margin-top:2rem;background:rgb(var(--color-background));box-shadow:0 -1px 1px rgba(var(--color-foreground),.1);z-index:20}@media (min-width: 990px){.drawer-dropdown{position:absolute;right:0;top:calc(100% + 1rem);height:auto;min-height:0;max-height:70rem;width:51.2rem;max-width:none;z-index:60;box-shadow:0 0 20px #0000001a;border-radius:var(--border-radius-base);transition:transform .25s ease 0s,opacity .25s ease 0s,visibility 0s ease .35s;transform:translateY(10px);visibility:hidden;opacity:0}.drawer-dropdown:before{content:"";display:block;position:absolute;top:-6px;right:11px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgb(var(--color-background))}.drawer-dropdown .drawer-inner{position:relative;max-height:65rem}.drawer-dropdown .drawer-content-inner{padding-left:2.5rem;padding-right:2.5rem}.drawer-dropdown .drawer-header,.drawer-dropdown .drawer-footer{padding:1.5rem 0;margin:0 2.5rem}.drawer-dropdown .drawer-footer{border-bottom-right-radius:var(--border-radius-base);border-bottom-left-radius:var(--border-radius-base)}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/component-drawer.css.map */