.fds-drawer__overlay{z-index:50;background-color:#00000080;background-color:lab(0% 0 0/.5);position:fixed;inset:0}.fds-drawer__overlay[data-state=open]{animation:.2s ease-out fadeIn}.fds-drawer__overlay[data-state=closed]{animation:.15s ease-in fadeOut}.fds-drawer__content{background-color:var(--background);z-index:50;flex-direction:column;height:auto;display:flex;position:fixed}.fds-drawer__content[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24);border-radius:0 0 var(--radius-lg)var(--radius-lg);border-bottom:1px solid var(--border);max-height:80vh;top:0;left:0;right:0}.fds-drawer__content[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24);border-radius:var(--radius-lg)var(--radius-lg)0 0;border-top:1px solid var(--border);max-height:80vh;bottom:0;left:0;right:0}.fds-drawer__content[data-vaul-drawer-direction=right]{border-left:1px solid var(--border);width:75%;top:0;bottom:0;right:0}@media (min-width:640px){.fds-drawer__content[data-vaul-drawer-direction=right]{max-width:calc(var(--spacing)*96)}}.fds-drawer__content[data-vaul-drawer-direction=left]{border-right:1px solid var(--border);width:75%;top:0;bottom:0;left:0}@media (min-width:640px){.fds-drawer__content[data-vaul-drawer-direction=left]{max-width:calc(var(--spacing)*96)}}.fds-drawer__handle{background-color:var(--muted);margin:calc(var(--spacing)*4)auto 0;height:calc(var(--spacing)*2);border-radius:9999px;flex-shrink:0;width:100px;display:none}.fds-drawer__content-group[data-vaul-drawer-direction=bottom] .fds-drawer__handle{display:block}.fds-drawer__header{gap:calc(var(--spacing)*.5);padding:calc(var(--spacing)*4);flex-direction:column;display:flex}.fds-drawer__content-group[data-vaul-drawer-direction=bottom] .fds-drawer__header,.fds-drawer__content-group[data-vaul-drawer-direction=top] .fds-drawer__header{text-align:center}@media (min-width:768px){.fds-drawer__header{gap:calc(var(--spacing)*1.5);text-align:left}}.fds-drawer__footer{gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*4);flex-direction:column;margin-top:auto;display:flex}.fds-drawer__title{color:var(--foreground);font-weight:600}.fds-drawer__description{color:var(--muted-foreground);font-size:.875rem;line-height:1.25rem}