.drawer-overlay{z-index:999;background:#00000080;position:fixed;inset:0}.drawer{z-index:1000;background:var(--color-white);flex-direction:column;display:flex;position:fixed;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.drawer-left,.drawer-right{max-width:90vw;top:0;bottom:0}.drawer-left{left:0}.drawer-right{right:0}.drawer-bottom,.drawer-top{max-height:90vh;left:0;right:0}.drawer-top{top:0}.drawer-bottom{bottom:0}.drawer-header{padding:var(--space-4) var(--space-6);border-bottom:var(--border-w-thin) solid var(--ui-border-solid);flex-shrink:0}.drawer-content{padding:var(--space-6);flex:1;overflow-y:auto}.drawer-content::-webkit-scrollbar{width:8px}.drawer-content::-webkit-scrollbar-track{background:var(--scrollbar-background);border-radius:4px}.drawer-content::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:0;transition:background .2s,opacity .2s}.drawer-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color-hover)}.drawer-content::-webkit-scrollbar-thumb:active{background:var(--scrollbar-color-active)}.drawer-content:not(:hover)::-webkit-scrollbar-thumb{opacity:.5}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:var(--border-w-thin) solid var(--ui-border-solid);flex-shrink:0}.drawer-overlay-enter-active,.drawer-overlay-leave-active{transition:opacity .3s}.drawer-overlay-enter-from,.drawer-overlay-leave-to{opacity:0}.drawer-slide-left-enter-active,.drawer-slide-left-leave-active,.drawer-slide-right-enter-active,.drawer-slide-right-leave-active{transition:transform .3s}.drawer-slide-left-enter-from,.drawer-slide-left-leave-to{transform:translate(-100%)}.drawer-slide-right-enter-from,.drawer-slide-right-leave-to{transform:translate(100%)}.drawer-slide-bottom-enter-active,.drawer-slide-bottom-leave-active,.drawer-slide-top-enter-active,.drawer-slide-top-leave-active{transition:transform .3s}.drawer-slide-top-enter-from,.drawer-slide-top-leave-to{transform:translateY(-100%)}.drawer-slide-bottom-enter-from,.drawer-slide-bottom-leave-to{transform:translateY(100%)}
