.sheet{flex-direction:column;--sheet-offset:100%;position:fixed;inset:0 0 0 auto;width:min(var(--sheet-width,420px),100%);height:100dvh;max-width:100%;max-height:100dvh;margin:0;border-radius:0;border-width:0 0 0 1px}.sheet-start{inset:0 auto 0 0;--sheet-offset:-100%;border-width:0 1px 0 0}.sheet-bottom,.sheet-top{inset:auto 0 0;width:100%;height:auto;max-height:85dvh;border-width:1px 0 0;border-radius:var(--radius) var(--radius) 0 0}.sheet-top{inset:0 0 auto;--sheet-offset:-100%;border-width:0 0 1px;border-radius:0 0 var(--radius) var(--radius)}.sheet .dialog-body{flex:1;min-height:0}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sheet-close{flex:none;margin:-8px}.sheet .dialog-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.sheet:dir(rtl):not(.sheet-bottom):not(.sheet-top){inset:0 auto 0 0;--sheet-offset:-100%;border-width:0 1px 0 0}.sheet.sheet-start:dir(rtl){inset:0 0 0 auto;--sheet-offset:100%;border-width:0 0 0 1px}@media(prefers-reduced-motion:no-preference){.sheet{--motion-ease:cubic-bezier(.22,1,.36,1);--sheet-x:var(--sheet-offset);--sheet-y:0;opacity:0;transform:translate(var(--sheet-x),var(--sheet-y));transition:transform var(--motion-normal) var(--motion-ease),opacity var(--motion-normal) var(--motion-ease),display var(--motion-normal) allow-discrete,overlay var(--motion-normal) allow-discrete}.sheet-bottom,.sheet-top{--sheet-x:0;--sheet-y:var(--sheet-offset)}.sheet[open]{opacity:1;transform:translate(0,0);animation:none}.sheet::backdrop{opacity:0;transition:opacity var(--motion-normal) var(--motion-ease),display var(--motion-normal) allow-discrete,overlay var(--motion-normal) allow-discrete}.sheet[open]::backdrop{opacity:1;animation:none}@starting-style{.sheet[open]{opacity:0;transform:translate(var(--sheet-x),var(--sheet-y))}.sheet[open]::backdrop{opacity:0}}}