@layer components{dialog.sheet{background-color:var(--background);color:var(--foreground);opacity:0;max-width:none;max-height:none;transition:opacity .3s ease, transform .3s ease, display .3s allow-discrete;border:none;border-radius:0;margin:0;padding:0;&[open]{opacity:1}&,&[data-side=right]{border-left:1px solid var(--border);width:24rem;max-width:100vw;height:100%;max-height:100vh;position:fixed;inset:0 0 0 auto;transform:translate(100%)}&[open],&[data-side=right][open]{transform:translate(0)}&[data-side=left]{border-left:none;border-right:1px solid var(--border);width:24rem;max-width:100vw;height:100%;max-height:100vh;position:fixed;inset:0 auto 0 0;transform:translate(-100%);&[open]{transform:translate(0)}}&[data-side=top]{border-left:none;border-bottom:1px solid var(--border);width:100%;max-width:100vw;height:auto;max-height:85dvh;position:fixed;inset:0 0 auto;transform:translateY(-100%);&[open]{transform:translateY(0)}}&[data-side=bottom]{border-left:none;border-top:1px solid var(--border);width:100%;max-width:100vw;height:auto;max-height:85dvh;position:fixed;inset:auto 0 0;transform:translateY(100%);&[open]{transform:translateY(0)}}&::backdrop{backdrop-filter:blur();transition:all .3s ease, display .3s allow-discrete;background:oklch(0% 0 0/0)}&[open]::backdrop{backdrop-filter:blur(3px);background:oklch(0% 0 0/.45)}}@starting-style{dialog.sheet[open],dialog.sheet[data-side=right][open]{opacity:0;transform:translate(100%)}dialog.sheet[data-side=left][open]{opacity:0;transform:translate(-100%)}dialog.sheet[data-side=top][open]{opacity:0;transform:translateY(-100%)}dialog.sheet[data-side=bottom][open]{opacity:0;transform:translateY(100%)}dialog.sheet[open]::backdrop{backdrop-filter:blur();background:oklch(0% 0 0/0)}}html:has(dialog.sheet:modal){scrollbar-gutter:stable;overflow:hidden}.sheet-content{padding:1.5rem;position:relative}.sheet:where([data-density=compact]) .sheet-content{padding:1rem}.sheet:where([data-density=comfortable]) .sheet-content{padding:1.5rem}.sheet:where([data-density=spacious]) .sheet-content{padding:2rem}dialog.sheet[data-side=top] .sheet-content,dialog.sheet[data-side=bottom] .sheet-content{box-sizing:border-box;width:100%;max-width:48rem;margin-inline:auto}.sheet-header{margin-bottom:1rem;padding-right:2rem}.sheet-title{letter-spacing:-.01em;margin:0 0 .375rem;font-size:1.0625rem;font-weight:600}.sheet-description{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.6}.sheet-body{margin-top:1rem}.sheet-footer{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.sheet-close-x{width:1.75rem;height:1.75rem;color:var(--muted-foreground);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex;position:absolute;top:1rem;right:1rem;&:hover{color:var(--foreground);background-color:var(--accent)}}}@media (prefers-reduced-motion:reduce){@layer components{.sheet,.sheet *,.sheet:before,.sheet:after,.sheet :before,.sheet :after,.sheet::backdrop,.sheet-body,.sheet-body *,.sheet-body:before,.sheet-body:after,.sheet-body :before,.sheet-body :after,.sheet-body::backdrop,.sheet-close-x,.sheet-close-x *,.sheet-close-x:before,.sheet-close-x:after,.sheet-close-x :before,.sheet-close-x :after,.sheet-close-x::backdrop,.sheet-content,.sheet-content *,.sheet-content:before,.sheet-content:after,.sheet-content :before,.sheet-content :after,.sheet-content::backdrop,.sheet-description,.sheet-description *,.sheet-description:before,.sheet-description:after,.sheet-description :before,.sheet-description :after,.sheet-description::backdrop,.sheet-footer,.sheet-footer *,.sheet-footer:before,.sheet-footer:after,.sheet-footer :before,.sheet-footer :after,.sheet-footer::backdrop,.sheet-header,.sheet-header *,.sheet-header:before,.sheet-header:after,.sheet-header :before,.sheet-header :after,.sheet-header::backdrop,.sheet-title,.sheet-title *,.sheet-title:before,.sheet-title:after,.sheet-title :before,.sheet-title :after,.sheet-title::backdrop{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}