@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap";:root{--aside-width: 400px;--header-height: 64px}aside{background:var(--color-bg);box-shadow:0 0 50px #0000004d;height:100vh;width:min(var(--aside-width),100vw);position:fixed;right:calc(-1 * var(--aside-width));top:0;transition:transform .2s ease-in-out;z-index:200}aside header{align-items:center;border-bottom:1px solid rgba(0,0,0,.08);display:flex;height:var(--header-height);justify-content:space-between;padding:0 20px}aside main{margin:1rem}.overlay{background:#0003;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .4s ease-in-out;visibility:hidden;z-index:10}.overlay.expanded{opacity:1;pointer-events:auto;visibility:visible}.overlay.expanded aside{transform:translate(calc(var(--aside-width) * -1))}.overlay .close-outside{background:transparent;border:none;color:transparent;height:100%;left:0;position:absolute;top:0;width:calc(100% - var(--aside-width))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}button.reset{border:0;background:inherit;font-size:inherit}