.side-drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;visibility:hidden;opacity:0}.side-drawer.active{visibility:visible;opacity:1}.side-drawer__inner{height:100%;width:40rem;max-width:calc(100vw - 3rem);padding:6rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;background-color:var(--side-drawer-background-color, #fff);color:var(--side-drawer-text-color, #000);overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease}.side-drawer.active .side-drawer__inner{transform:translate(0)}.side-drawer__close{display:inline-block;padding:0;min-width:4.4rem;min-height:4.4rem;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);position:absolute;top:10px;right:0;color:var(--side-drawer-text-color, #000);background-color:transparent;border:none;cursor:pointer}.side-drawer__close svg{height:2.4rem;width:2.4rem}.side-drawer__contents{flex-grow:1;display:flex;flex-direction:column}.side-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}.side-drawer__overlay:empty{display:block}
/*# sourceMappingURL=/s/files/1/0218/1356/t/180/assets/side-drawer.css.map */