.drawer{z-index:1050}.drawer,.drawer__scrim{position:fixed;inset:0}.drawer__scrim{z-index:40;background-color:rgba(var(--colors-gray-600),.6)}.drawer__panel{z-index:50;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);max-width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex-direction:column;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0}.drawer__header{border-bottom-width:1px;border-color:rgba(var(--colors-slate-200));align-items:center;gap:1rem;padding:1rem;display:flex}.drawer__title{color:rgba(var(--colors-slate-800));font-size:1.125rem;font-weight:600;line-height:1.75rem}.drawer__close{color:rgba(var(--colors-slate-500));margin-left:auto}.drawer__close:hover{color:rgba(var(--colors-slate-800))}.drawer__icon{width:2rem;height:2rem}.drawer__body{flex:1;padding:1rem;overflow-y:auto}.drawer-enter-active,.drawer-leave-active{transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .drawer__panel,.drawer-leave-to .drawer__panel{--tw-translate-x: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))}