.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:rgba(0,0,0,.5)}.drawer-overlay[data-state=open]{animation:fade-in .15s ease-out}.drawer-overlay[data-state=closed]{animation:fade-out .15s ease-in}.drawer-content{position:fixed;z-index:50;display:flex;height:auto;flex-direction:column;background-color:hsl(var(--background))}.drawer-content[data-vaul-drawer-direction=top]{left:0;right:0;top:0;margin-bottom:6rem;max-height:80vh;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-bottom:1px solid hsl(var(--border))}.drawer-content[data-vaul-drawer-direction=bottom]{left:0;right:0;bottom:0;margin-top:6rem;max-height:80vh;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-top:1px solid hsl(var(--border))}.drawer-content[data-vaul-drawer-direction=right]{top:0;bottom:0;right:0;width:75%;border-left:1px solid hsl(var(--border))}@media(min-width:640px){.drawer-content[data-vaul-drawer-direction=right]{max-width:24rem}}.drawer-content[data-vaul-drawer-direction=left]{top:0;bottom:0;left:0;width:75%;border-right:1px solid hsl(var(--border))}@media(min-width:640px){.drawer-content[data-vaul-drawer-direction=left]{max-width:24rem}}.drawer-drag-handle{background-color:hsl(var(--muted));margin-left:auto;margin-right:auto;margin-top:.2666666667rem;display:none;height:.1333333333rem;width:100px;flex-shrink:0;border-radius:9999px}.drawer-content[data-vaul-drawer-direction=bottom] .drawer-drag-handle{display:block}.drawer-header{display:flex;flex-direction:column;gap:.125rem;padding:1rem}.drawer-content[data-vaul-drawer-direction=bottom] .drawer-header,.drawer-content[data-vaul-drawer-direction=top] .drawer-header{text-align:center}@media(min-width:768px){.drawer-header{gap:.375rem;text-align:left}}.drawer-footer{margin-top:auto;display:flex;flex-direction:column;gap:.1333333333rem;padding:.2666666667rem}.drawer-title{color:hsl(var(--foreground));font-weight:600}.drawer-description{color:hsl(var(--muted-foreground));font-size:.32rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--muted:210 40% 96%;--muted-foreground:215.4 16.3% 46.9%;--border:214.3 31.8% 91.4%}@media(prefers-color-scheme:dark){:root{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--border:217.2 32.6% 17.5%}}