.ut-layer{z-index:var(--ut-z-sheet);overscroll-behavior:contain;position:fixed;inset:0}.ut-layer[data-z=sheet-over]{z-index:var(--ut-z-sheet-over)}.ut-layer-back{touch-action:none;background:var(--backdrop-bg);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));position:absolute;inset:0}.ut-layer[data-backdrop=clear]>.ut-layer-back{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.ut-layer[data-backdrop=none]{pointer-events:none}.ut-layer[data-backdrop=none]>.ut-sheet{pointer-events:auto}.ut-sheet,.ut-drawer{outline:0;flex-direction:column;display:flex;position:absolute}:where(.ut-sheet,.ut-drawer){background:var(--s1)}:where(.ut-sheet){border-radius:16px 16px 0 0}.ut-sheet{left:0;right:0;bottom:var(--sh-inset,0px);width:100%;max-width:var(--sh-width,640px);max-height:var(--sh-max,90dvh);padding-bottom:var(--ut-safe-bottom,0px);margin:0 auto}.ut-sheet[data-snap=half]{height:var(--sh-half,50dvh)}.ut-sheet[data-snap=full]{height:var(--sh-full,calc(100dvh - var(--ut-safe-top,0px) - 8px));max-height:none}.ut-sheet[data-chrome=false]{padding-bottom:0}.ut-sheet-grip{background:var(--gray-4b);border-radius:2px;flex:none;width:36px;height:4px;margin:8px auto 0}.ut-sheet-head{flex:none;align-items:center;gap:8px;min-height:48px;padding:0 6px 0 16px;display:flex}.ut-sheet-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:15px;font-weight:600;overflow:hidden}.ut-sheet-x{width:40px;height:40px;color:var(--text2);border-radius:8px;flex:none;place-items:center;margin-left:auto;display:grid}.ut-sheet-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}:where(.ut-sheet-body){padding:0 16px 16px}.ut-drawer{background:var(--panel);border-right:1px solid var(--line);width:min(300px,86vw);padding:var(--ut-safe-top,0px) 0 var(--ut-safe-bottom,0px) var(--ut-safe-left,0px);top:0;bottom:0;left:0}.ut-drawer[data-side=right]{border-right:0;border-left:1px solid var(--line);padding:var(--ut-safe-top,0px) var(--ut-safe-right,0px) var(--ut-safe-bottom,0px) 0;left:auto;right:0}@media (max-width:767px){.ut-sheet{max-width:none}}@media (min-width:768px){.ut-sheet[data-desktop=window]{max-width:var(--sh-width,380px);top:50%;bottom:auto;translate:0 -50%}:where(.ut-sheet[data-desktop=window]){border-radius:16px}}