@layer base{:root{--aside-width: 400px;--header-height: 64px}@media(max-width:45em){html:has(.overlay.expanded){overflow:hidden}}aside{height:100vh;width:min(var(--aside-width),100vw);position:fixed;right:calc(-1 * var(--aside-width));top:0;transition:transform .2s ease-in-out}.overlay{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:50}.overlay .close-outside{background:transparent;border:none;color:transparent;height:100%;left:0;position:absolute;top:0;width:calc(100% - var(--aside-width))}.overlay.expanded{opacity:1;pointer-events:auto;visibility:visible}.overlay.expanded aside{transform:translate(calc(var(--aside-width) * -1))}}