@layer layouts{.l-sidebar{--sidebar-x-padding:3.33rem;--mobile-toolbar-height:55px;height:100dvh;margin:0;overflow:hidden}.l-sidebar,.l-sidebar__aside{display:flex;position:relative;width:100%}.l-sidebar__aside{flex-direction:column;height:auto;max-height:100dvh;max-width:460px}.l-sidebar__aside__content{flex:1;margin:0;overflow-y:auto;padding:10px var(--sidebar-x-padding)}.l-sidebar__content{background:rgba(49,56,58,.15);container-name:content-with-sidebar;container-type:inline-size;flex:1;height:100%;margin:0;overflow:hidden;padding:1.39rem 1.39rem 3.33rem;position:relative}@media (max-width:1200px){.l-sidebar{--sidebar-x-padding:var(--grid-browser-gutter);flex-direction:column;gap:0;height:calc(100dvh - var(--mobile-header-height));overflow:hidden}.l-sidebar__aside{background-color:#fff;height:calc(100% - var(--mobile-toolbar-height));margin:0;max-width:none;opacity:1;position:absolute;transform:translateX(100%);transition:.35s ease;transition-property:transform,visibility;visibility:hidden;width:100%;z-index:3}.l-sidebar:has(.l-sidebar__mobile-reveal-button.is-active) .l-sidebar__aside{transform:translateX(0);visibility:visible}.l-sidebar__content{padding:10px;z-index:2}.l-sidebar__aside__mobile-close-button{margin:1rem auto}}}