.ui-sheet{width:100%;max-width:none;max-height:min(88dvh,46rem);color:var(--ink);background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lift);transition:translate var(--motion-base) var(--ease-soft,ease), overlay var(--motion-base) allow-discrete, display var(--motion-base) allow-discrete;border:0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:hidden;translate:0 100%}.ui-sheet[open]{flex-direction:column;display:flex;translate:0}.ui-sheet::backdrop{background:var(--scrim,#14131a80);opacity:0;transition:opacity var(--motion-base) ease, overlay var(--motion-base) allow-discrete, display var(--motion-base) allow-discrete}.ui-sheet[open]::backdrop{opacity:1}@starting-style{.ui-sheet[open]{translate:0 100%}.ui-sheet[open]::backdrop{opacity:0}}@media (min-width:48rem){.ui-sheet{border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:min(100%,30rem);height:100dvh;max-height:none;inset:0 0 0 auto;translate:100%}@starting-style{.ui-sheet[open]{translate:100%}}}body:has(.ui-sheet[open]){overflow:hidden}.ui-sheet-body{overscroll-behavior:contain;flex:auto;overflow-y:auto}@media (max-height:32rem){.ui-sheet{max-height:100dvh;overflow-y:auto}.ui-sheet-body{flex:none;overflow:visible}}