@layer components{.P4f9lq_overlay{z-index:var(--z-overlay);background-color:var(--color-overlay-light);position:fixed;inset:0}.P4f9lq_overlay[data-state=open]{animation:var(--kf-fade-in) var(--duration-fast) ease}.P4f9lq_overlay[data-state=closed]{animation:var(--kf-fade-out) var(--duration-fast) ease}.P4f9lq_content{z-index:var(--z-overlay);background-color:var(--background);--sheet-ease:cubic-bezier(.4, 0, .2, 1);flex-direction:column;gap:1rem;display:flex;position:fixed}.P4f9lq_right,.P4f9lq_left{width:75%;height:100%;inset-block:0}@media (min-width:640px){.P4f9lq_right,.P4f9lq_left{max-width:var(--container-sm)}}.P4f9lq_right{border-left-width:1px;right:0}.P4f9lq_left{border-right-width:1px;left:0}.P4f9lq_top,.P4f9lq_bottom{height:auto;inset-inline:0}.P4f9lq_top{border-bottom-width:1px;top:0}.P4f9lq_bottom{border-top-width:1px;bottom:0}.P4f9lq_right[data-state=open]{animation:var(--kf-slide-in-from-right) .5s var(--sheet-ease)}.P4f9lq_right[data-state=closed]{animation:var(--kf-slide-out-to-right) .3s var(--sheet-ease)}.P4f9lq_left[data-state=open]{animation:var(--kf-slide-in-from-left) .5s var(--sheet-ease)}.P4f9lq_left[data-state=closed]{animation:var(--kf-slide-out-to-left) .3s var(--sheet-ease)}.P4f9lq_top[data-state=open]{animation:var(--kf-slide-in-from-top) .5s var(--sheet-ease)}.P4f9lq_top[data-state=closed]{animation:var(--kf-slide-out-to-top) .3s var(--sheet-ease)}.P4f9lq_bottom[data-state=open]{animation:var(--kf-slide-in-from-bottom) .5s var(--sheet-ease)}.P4f9lq_bottom[data-state=closed]{animation:var(--kf-slide-out-to-bottom) .3s var(--sheet-ease)}.P4f9lq_close{opacity:.7;transition:opacity var(--duration-fast) var(--ease-default);border-radius:.125rem;position:absolute;top:1rem;right:1rem}.P4f9lq_close:hover{opacity:1}.P4f9lq_close:focus{outline-offset:2px;box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--ring);outline:2px solid #0000}.P4f9lq_close:disabled{pointer-events:none}.P4f9lq_close[data-state=open]{background-color:var(--secondary)}.P4f9lq_close svg{width:1rem;height:1rem}.P4f9lq_header{flex-direction:column;gap:.375rem;padding:1rem;display:flex}.P4f9lq_footer{flex-direction:column;gap:.5rem;margin-top:auto;padding:1rem;display:flex}.P4f9lq_title{color:var(--foreground);font-weight:600}.P4f9lq_description{color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}}