.overlay{pointer-events:none;position:fixed;top:4rem;left:0;z-index:999;height:100vh;width:100vw;background-color:#00000080;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.open-drawer{pointer-events:auto;height:100vh;opacity:1}.drawer-container{position:fixed;right:-100%;top:4rem;z-index:999;height:100%;width:100%;transition-duration:.7s;height:calc(100vh - 4rem)}.drawer-container,.drawer-container.open-drawer-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.drawer-container.open-drawer-container{right:0}@media (min-width:768px){.drawer-container.open-drawer-container{right:-50%}}.dashboard-drawer-container{position:fixed;top:0;bottom:0;right:0;z-index:1000;display:flex;height:100vh;width:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width:768px){.dashboard-drawer-container{width:29rem}}.dashboard-drawer-container .drawer-heading{display:flex;width:100%;align-items:flex-start;justify-content:space-between;--tw-bg-opacity:1;background-color:rgb(127 85 218/var(--tw-bg-opacity,1));padding:.75rem}@media (min-width:1024px){.dashboard-drawer-container .drawer-heading{padding:1.5rem}}.dashboard-drawer-container .drawer-heading .drawer-title{display:flex;min-height:2.5rem;width:100%;flex-direction:column;align-items:flex-start;text-align:start}.dashboard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:40;height:100vh;background-color:#00000080;--tw-bg-opacity:0.5;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.4s}