.drawer{height:100dvh;inset-inline-start:0;position:fixed;top:0;width:100vw;z-index:1000}.drawer.dark{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.drawer.dark .drawer-body{--tw-bg-opacity:1;background-color:rgb(33 33 33/var(--tw-bg-opacity,1))}.drawer.dark .drawer-header{border-color:#fff3;--tw-bg-opacity:1;background-color:rgb(20 20 20/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.drawer.dark .drawer-footer{border-color:#fff3}.drawer.dark .drawer-bg{background-color:#fff3}.drawer.dark .drawer-closebtn{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.drawer-bg{background-color:#0003;height:100%;position:relative;width:100%}.drawer-closebtn{align-items:center;border-radius:9999px;display:flex;height:1.75rem;inset-inline-end:1rem;justify-content:center;position:absolute;top:.75rem;width:1.75rem;z-index:20;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.drawer-body{display:flex;flex-direction:column;height:100%;position:absolute;width:100%;z-index:10;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(244 248 249/var(--tw-bg-opacity,1));transition-duration:.3s}.drawer-body.top{box-shadow:0 4px 7px #00000040;inset-inline-start:0;top:0}.drawer-body.bottom{bottom:0;box-shadow:0 -4px 7px #00000040;inset-inline-start:0}.drawer-body.right{box-shadow:-5px 4px 7px #00000040;inset-inline-end:0;top:0}.drawer-body.left{box-shadow:5px 4px 7px #00000040;inset-inline-start:0;top:0}.drawer-body.center{inset-inline-start:50%;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.drawer-header{border-bottom-width:1px;display:flex;flex-direction:column;justify-content:center;min-height:3.5rem;padding:.5rem 1.25rem}.drawer-content{flex:1 1 0%;overflow:auto}.drawer-footer{border-top-width:1px;min-height:3.5rem;padding:.5rem 1.25rem}.drawer-bg-enter-active,.drawer-bg-leave-active{transition:opacity .3s ease}.drawer-bg-enter-from,.drawer-bg-leave-to{opacity:0}.drawer-body-enter-active,.drawer-body-leave-active{transition:all .3s ease}.drawer-body-enter-from,.drawer-body-leave-to{transform:translate(-100%)}.drawer-body.right.drawer-body-enter-from,.drawer-body.right.drawer-body-leave-to{transform:translate(100%)}.drawer-body.top.drawer-body-enter-from,.drawer-body.top.drawer-body-leave-to{transform:translateY(-100%)}.drawer-body.bottom.drawer-body-enter-from,.drawer-body.bottom.drawer-body-leave-to{transform:translateY(100%)}.drawer-body.center.drawer-body-enter-from,.drawer-body.center.drawer-body-leave-to{filter:blur(10px);opacity:0}html[dir=rtl] .drawer-body.right.drawer-body-enter-from,html[dir=rtl] .drawer-body.right.drawer-body-leave-to{transform:translate(-100%)}html[dir=rtl] .drawer-body-enter-from,html[dir=rtl] .drawer-body-leave-to{transform:translate(100%)}