.drawer{position:fixed;inset:0}.drawer__overlay{z-index:10;opacity:1;width:100%;height:100%;transition:.15 ease-out opacity;background:#0006;flex:1}.drawer__content{z-index:20;--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);width:100%;height:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);flex-shrink:0;width:520px;position:fixed;right:0;overflow-y:auto;transform:translate(0)}.slide-enter-from .drawer__content,.slide-leave-to .drawer__content{transform:translate(100px)!important}.slide-enter-to .drawer__content,.slide-leave-from .drawer__content{transform:translate(0)!important}.drawer__content{transition:transform .15s ease-out}