.drawer{background-color:rgba(var(--color-overlay),.5);transition:visibility .3s ease}.drawer.active{visibility:visible}.drawer__inner{background-color:rgb(var(--color-background));display:flex;flex-direction:column;height:100%;overflow:auto;padding-bottom:1.5rem;row-gap:1.5rem;transform:translateX(100%);transition:transform .3s ease;width:calc(100vw - 4rem)}.drawer__inner>*{padding:0 2rem}.drawer.active .drawer__inner{transform:translateX(0)}.drawer__header{border-bottom:1px solid rgb(var(--color-foreground),.05);box-shadow:0 1px 2px 0 rgba(var(--color-foreground),.03);padding-bottom:.5rem;padding-right:.5rem;padding-top:.5rem}.drawer__close{background-color:transparent;border:none;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);color:rgb(var(--color-foreground));cursor:pointer;min-height:4.4rem;min-width:4.4rem;padding:0}.drawer__close svg{height:1.5rem;width:1.5rem}.drawer__contents{display:flex;flex-direction:column;flex-grow:1}.drawer__footer{border-top:.1rem solid rgba(var(--color-foreground),.08);padding-bottom:2rem;padding-top:2rem}@media(min-width:750px){.drawer__inner{max-width:calc(100vw - 3rem);width:50rem}}@media(min-width:990px){.drawer__inner--medium{width:60rem}.drawer__inner--large{width:70rem}}div.drawer__overlay:empty{bottom:0;cursor:pointer;display:block;left:0;position:fixed;right:0;top:0}