.drawer-sidebar[data-v-14baa965]{top:calc(var(--spacing,.25rem) * 0);z-index:40;background-color:var(--app-white);width:83.3333%;height:100vh;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:fixed;overflow-y:auto}@media(min-width:48rem){.drawer-sidebar[data-v-14baa965]{width:33.3333%}}@media(min-width:64rem){.drawer-sidebar[data-v-14baa965]{width:20%}}@media(min-width:80rem){.drawer-sidebar[data-v-14baa965]{width:25%}}@media(min-width:96rem){.drawer-sidebar[data-v-14baa965]{width:calc(var(--spacing,.25rem) * 80)}}.drawer-sidebar[data-v-14baa965]:is(.dark *){background-color:var(--app-gray-800)}.close-btn[data-v-14baa965]{top:calc(var(--spacing,.25rem) * 2.5);border-radius:var(--radius-lg,.5rem);padding:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--app-gray-400);background-color:#0000;align-items:center;display:inline-flex;position:absolute}@media(hover:hover){.close-btn[data-v-14baa965]:hover{background-color:var(--app-gray-200);color:var(--app-gray-900)}.close-btn[data-v-14baa965]:is(.dark *):hover{background-color:var(--app-gray-600);color:var(--app-white)}}.backdrop-container[data-v-14baa965]{inset:calc(var(--spacing,.25rem) * 0);z-index:30;background-color:var(--app-gray-500);position:fixed}@supports (color:color-mix(in lab,red,red)){.backdrop-container[data-v-14baa965]{background-color:color-mix(in oklab,var(--app-gray-500) 50%,transparent)}}.backdrop-container[data-v-14baa965]:is(.dark *){background-color:var(--app-gray-700)}@supports (color:color-mix(in lab,red,red)){.backdrop-container[data-v-14baa965]:is(.dark *){background-color:color-mix(in oklab,var(--app-gray-700) 80%,transparent)}}