.sidebar-rail-toggle{display:none}@media (768px<=width<1280px){.app-layout>aside{z-index:40;width:72px;transition:width .15s;position:fixed;inset:0 auto 0 0;overflow:hidden}.app-layout>aside+div{min-width:0;margin-left:72px}.app-layout>aside>div:first-child{flex-shrink:0;gap:8px;padding-inline:12px}.app-layout>aside>div:first-child>a,.app-layout>aside>div:last-child:not(:first-child){display:none}.sidebar-rail-toggle{border-radius:var(--radius);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sidebar-rail-toggle:focus-visible{outline-offset:-2px;outline:2px solid}.app-layout>aside nav{overflow-y:auto}.app-layout>aside nav a{white-space:nowrap;gap:0;min-height:44px;font-size:0}.app-layout>aside nav svg{flex-shrink:0}.app-layout>aside:is(:focus-within,[data-rail-expanded=true]){width:240px}.app-layout>aside:is(:focus-within,[data-rail-expanded=true]) nav a{gap:12px;font-size:14px}.app-layout>aside:is(:focus-within,[data-rail-expanded=true])>div:first-child>a,.app-layout>aside:is(:focus-within,[data-rail-expanded=true])>div:last-child:not(:first-child){display:flex}@media (hover:hover){.app-layout>aside:hover{width:240px}.app-layout>aside:hover nav a{gap:12px;font-size:14px}.app-layout>aside:hover>div:first-child>a,.app-layout>aside:hover>div:last-child:not(:first-child){display:flex}}}@media (prefers-reduced-motion:reduce){.app-layout>aside{transition:none}}@media (width<768px){.agenda-layout #main-content{padding:12px}}
