.drawer-backdrop{position:fixed;inset:0;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));z-index:99;animation:show-backdrop .5s linear forwards;&.fade-out{animation:hide-backdrop .5s linear forwards}}@keyframes show-backdrop{0%{opacity:0}to{opacity:30%}}@keyframes hide-backdrop{0%{opacity:30%}to{opacity:0}}.drawer-container{position:fixed;top:0;bottom:0;height:100%;width:100%;max-width:28rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);padding:1.5rem;right:-100%;z-index:100;&.slide-in{right:0}}