html{transition:background-color var(--duration-slow) var(--ease-out)}html:has(dialog[open]:modal){background-color:var(--scrim-gutter);overflow:hidden}.ui-sheet,.ui-alert{color:var(--label);background:0 0;border:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:0;overflow:visible}.ui-sheet::backdrop,.ui-alert::backdrop{background:var(--scrim);animation:ui-fade-in var(--duration-slow) var(--ease-out)}.ui-sheet[data-state=closed]::backdrop,.ui-alert[data-state=closed]::backdrop{animation:ui-fade-out var(--duration-base) var(--ease-in) both}.ui-sheet{--sheet-from:translateY(calc(var(--motion-rise) * 3)) scale(var(--motion-pop));width:600px}.ui-sheet--sm{width:480px}.ui-sheet--lg{width:720px}.ui-sheet__panel{border-radius:var(--radius-sheet);background:var(--bg-surface);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-4);animation:ui-sheet-in var(--duration-slow) var(--ease-spring) both, ui-fade-in var(--duration-base) var(--ease-out) both;flex-direction:column;display:flex;overflow:hidden}.ui-sheet[data-state=closed] .ui-sheet__panel{pointer-events:none;animation:ui-sheet-out var(--duration-base) var(--ease-in) both}@keyframes ui-sheet-in{0%{transform:var(--sheet-from)}}@keyframes ui-sheet-out{to{opacity:0;transform:var(--sheet-from)}}.ui-sheet__header{z-index:1;align-items:center;gap:var(--space-2);min-height:var(--toolbar-h);border:0;border-bottom:1px solid var(--separator-subtle);--glass-tint:var(--bg-surface);box-shadow:none;border-radius:0;grid-template-columns:1fr auto 1fr;padding:0 12px;display:grid;position:sticky;top:0}.ui-sheet__header-start{justify-self:start}.ui-sheet__header-end{justify-self:end}.ui-sheet__title{font-size:var(--text-headline);line-height:var(--leading-headline);font-weight:var(--weight-semibold);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-sheet__body{overscroll-behavior:contain;flex:1;padding:20px 24px 24px;overflow:auto}.ui-sheet__description{color:var(--label-secondary);margin-bottom:16px}.ui-sheet__footer{justify-content:flex-end;gap:var(--space-2);border-top:1px solid var(--separator-subtle);padding:12px 24px;display:flex}@media (width<=599px){.ui-sheet,.ui-sheet--sm,.ui-sheet--lg{--sheet-from:translateY(100%);width:100%;max-width:100%;max-height:calc(100dvh - 24px);margin:auto 0 0}.ui-sheet__panel{max-height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 40px 0 0 var(--bg-surface), var(--shadow-4);border-bottom-right-radius:0;border-bottom-left-radius:0}.ui-sheet__body{padding:16px}}.ui-alert{--alert-from:scale(calc(2 - var(--motion-pop)));width:360px}.ui-alert__panel{border-radius:var(--radius-sheet);background:var(--bg-elevated);box-shadow:var(--shadow-4);text-align:center;animation:ui-alert-in var(--duration-slow) var(--ease-spring) both, ui-fade-in var(--duration-fast) var(--ease-out) both;flex-direction:column;gap:8px;padding:24px 20px 20px;display:flex}.ui-alert[data-state=closed] .ui-alert__panel{pointer-events:none;animation:ui-alert-out var(--duration-fast) var(--ease-in) both}@keyframes ui-alert-in{0%{transform:var(--alert-from)}}@keyframes ui-alert-out{to{opacity:0;transform:scale(var(--motion-pop))}}.ui-alert__title{font-size:var(--text-title-3);line-height:var(--leading-title-3);font-weight:var(--weight-semibold)}.ui-alert__message{color:var(--label-secondary);font-size:var(--text-callout);line-height:var(--leading-callout)}.ui-alert__error{background:var(--danger-wash);color:var(--danger-on-wash);font-size:var(--text-callout);text-align:left;animation:ui-enter var(--duration-slow) var(--ease-spring) backwards;border-radius:8px;margin-top:4px;padding:8px 10px}.ui-alert__buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.ui-alert__buttons--single{grid-template-columns:1fr}.ui-alert__buttons .ui-btn{width:100%}@media (forced-colors:active){.ui-sheet__panel,.ui-alert__panel{border:1px solid canvastext}}.ui-sheet__footer-start{margin-right:auto}.ui-dialog-ghost{z-index:calc(var(--z-toast) - 1);pointer-events:none;position:fixed;inset:0}.ui-dialog-ghost__scrim{background:var(--scrim);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ui-sheet,.ui-sheet--sm,.ui-sheet--lg{--sheet-from:none}}
