.sheet-root{z-index:90;display:flex;position:fixed;inset:0}.sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17120f73;position:absolute;inset:0}.sheet-panel{background:var(--c-surface);color:var(--c-text);max-height:100dvh;box-shadow:var(--shadow-sheet);outline:none;flex-direction:column;display:flex;position:relative}.sheet-header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.sheet-title{margin:0;font-size:17px;font-weight:700}.sheet-close{color:var(--c-text-2);border-radius:var(--radius-m);background:0 0;border:0;place-items:center;display:grid}.sheet-close:hover{background:var(--c-bg)}.sheet-body{overscroll-behavior:contain;flex:1;padding:20px;overflow:auto}.no-pad .sheet-body{padding:0}.sheet-footer{border-top:1px solid var(--c-border);background:var(--c-surface);padding:14px 20px}.sheet-handle{background:var(--c-border);border-radius:4px;width:40px;height:4px;margin:10px auto 0}.mode-modal{justify-content:center;align-items:center;padding:16px}.mode-modal .sheet-panel{border-radius:var(--radius-l);width:100%;max-height:calc(100dvh - 32px)}.mode-modal .size-sm{max-width:420px}.mode-modal .size-md{max-width:560px}.mode-modal .size-lg{max-width:800px}.mode-drawer{justify-content:flex-start}.mode-drawer .sheet-panel{width:min(100%,440px);height:100dvh}.mode-drawer .sheet-panel.size-lg,.mode-drawer .size-lg .sheet-panel{width:min(100%,640px)}.mode-sheet{align-items:flex-end}.mode-sheet .sheet-panel{border-radius:20px 20px 0 0;width:100%;max-height:92dvh}.fade-enter-active,.fade-leave-active{transition:opacity .2s var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:opacity .25s}.slide-up-enter-active .sheet-panel{animation:sheet-in .3s var(--ease-spring)}.slide-up-leave-active .sheet-panel{animation:sheet-in .2s var(--ease-in) reverse}.slide-up-enter-from,.slide-up-leave-to{opacity:0}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.slide-side-enter-active,.slide-side-leave-active{transition:opacity .2s}.slide-side-enter-active .sheet-panel{animation:drawer-in .25s var(--ease-out)}.slide-side-leave-active .sheet-panel{animation:drawer-in .2s var(--ease-in) reverse}.slide-side-enter-from,.slide-side-leave-to{opacity:0}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}[dir=ltr] .mode-drawer .sheet-panel{animation-name:drawer-in-ltr}@keyframes drawer-in-ltr{0%{transform:translate(-100%)}to{transform:translate(0)}}