.sidebar:not(.sidebar--static){position:fixed;top:0;left:0;z-index:var(--z-index-fixed-element, 10);width:100%;height:100%;visibility:hidden;transition:visibility 0s .3s}.sidebar:not(.sidebar--static)::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-black), 0);transition:background-color .3s;z-index:1}.sidebar:not(.sidebar--static) .sidebar__panel{position:absolute;top:0;left:0;z-index:2;width:100%;max-width:380px;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--color-bg);transform:translateX(-100%);transition:.3s}.sidebar:not(.sidebar--static).sidebar--right-on-mobile .sidebar__panel{left:auto;right:0;transform:translateX(100%)}.sidebar:not(.sidebar--static).sidebar--is-visible{visibility:visible;transition:none}.sidebar:not(.sidebar--static).sidebar--is-visible::after{background-color:rgba(var(--color-black), 0.85)}.sidebar:not(.sidebar--static).sidebar--is-visible .sidebar__panel{transform:translateX(0);box-shadow:var(--shadow-md)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0}.sidebar__close-btn{--size: 32px;width:var(--size);height:var(--size);display:flex;border-radius:50%;background-color:var(--color-bg-light);box-shadow:var(--inner-glow),var(--shadow-sm);transition:.2s;flex-shrink:0}.sidebar__close-btn .icon{display:block;margin:auto}.sidebar__close-btn:hover{background-color:var(--color-bg-lighter);box-shadow:var(--inner-glow),var(--shadow-md)}.sidebar--static,html:not(.js) .sidebar{flex-shrink:0;flex-grow:1}.sidebar--static .sidebar__header,html:not(.js) .sidebar .sidebar__header{display:none}.sidebar--sticky-on-desktop{position:sticky;top:var(--space-sm);max-height:calc(100vh - var(--space-sm));overflow:auto;-webkit-overflow-scrolling:touch}.js .sidebar{opacity:0}.js .sidebar--loaded{opacity:1}html:not(.js) .sidebar{position:static}[class*=sidebar--static]::before{display:none}.sidebar--static\@xs::before,.sidebar--static\@sm::before,.sidebar--static\@md::before,.sidebar--static\@lg::before,.sidebar--static\@xl::before{content:"mobile"}@media(min-width: 32rem){.sidebar--static\@xs::before{content:"static"}}@media(min-width: 48rem){.sidebar--static\@sm::before{content:"static"}}@media(min-width: 64rem){.sidebar--static\@md::before{content:"static"}}@media(min-width: 80rem){.sidebar--static\@lg::before{content:"static"}}@media(min-width: 90rem){.sidebar--static\@xl::before{content:"static"}}/*# sourceMappingURL=1_responsive-sidebar.css.map */