.ui-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--backdrop)}.ui-overlay[data-variant=drawer]{place-items:stretch start}.ui-overlay[data-variant=sheet]{place-items:stretch end}.ui-modal{outline:none}.ui-modal[data-variant=modal]{width:min(560px,calc(100vw - 2 * var(--s4)));max-height:calc(100vh - 2 * var(--s6));overflow:auto;padding:var(--s5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-raised)}.ui-modal[data-variant=drawer]{position:relative;width:min(320px,88vw);height:100%;overflow:auto;padding:var(--s4);background:var(--surface-sidebar);border-right:1px solid var(--border)}.ui-modal[data-variant=sheet]{position:relative;width:min(360px,88vw);height:100%;overflow:auto;padding:var(--s4);background:var(--surface);border-left:1px solid var(--border)}.ui-dialog{outline:none}.ui-dialog-title{margin:0 0 var(--s4);font-size:18px;font-weight:600}.ui-dialog-close.ui-button{position:absolute;top:var(--s2);right:var(--s2);min-width:44px;min-height:44px;padding:0;justify-content:center}@media(prefers-reduced-motion:no-preference){.ui-overlay[data-entering]{animation:ui-fade .15s ease-out}.ui-modal[data-variant=drawer][data-entering]{animation:ui-drawer-in .18s ease-out}.ui-modal[data-variant=sheet][data-entering]{animation:ui-sheet-in .18s ease-out}}@keyframes ui-sheet-in{0%{transform:translate(100%)}}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-drawer-in{0%{transform:translate(-100%)}}