.ui-sheet{inset:auto 0 var(--sheet-bottom,0);width:min(100%,540px);max-width:100%;max-height:min(90dvh,var(--sheet-available-height,90dvh));border:1px solid var(--d-line);background:var(--d-paper);color:var(--d-ink);color-scheme:inherit;overscroll-behavior:contain;border-bottom:0;border-radius:28px 28px 0 0;margin:0 auto;padding:0;position:fixed;overflow:hidden;box-shadow:0 -12px 60px #00000016}.ui-sheet[open]{flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) both ui-sheet-in;display:flex}.ui-sheet[data-closing=true]{pointer-events:none;animation:.18s ease-in both ui-sheet-out}.ui-sheet::backdrop{background:#0006;animation:.24s both ui-sheet-backdrop-in}.ui-sheet[data-closing=true]::backdrop{animation:.18s both ui-sheet-backdrop-out}.ui-sheet-handle{background:var(--d-line-strong);border-radius:4px;flex:none;width:32px;height:4px;margin:9px auto 0}.ui-sheet-header{flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 20px;display:flex}.ui-sheet-header>div{min-width:0}.ui-sheet .ui-sheet-header h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:600;line-height:1.35}.ui-sheet-header h2:focus{outline:none}.ui-sheet .ui-sheet-header p{color:var(--d-muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:13px;line-height:1.6}.ui-sheet .ui-sheet-close{width:44px;height:44px;color:var(--d-muted);background:var(--d-bg-subtle);border:0;border-radius:50%;flex:none;place-items:center;margin:-5px -8px 0 0;padding:0;transition:background .16s,opacity .16s;display:grid}.ui-sheet-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:0 24px 24px;scroll-padding-block:16px;overflow-y:auto}.ui-sheet-footer{padding:16px 24px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--d-line);background:var(--d-paper);flex:none}.ui-sheet[data-keyboard=true] .ui-sheet-footer{padding-bottom:12px}.ui-sheet-field{gap:10px;min-width:0;font-size:14px;line-height:1.5;display:grid}.ui-sheet-field>span{justify-content:space-between;align-items:baseline;gap:12px;font-weight:500;display:flex}.ui-sheet-field small{color:var(--d-muted);font-size:12px;font-weight:400}.ui-sheet .ui-sheet-field :is(input,textarea,select){border:1px solid var(--d-line-strong);background:var(--d-bg-subtle);width:100%;min-width:0;min-height:50px;color:var(--d-ink);font:inherit;border-radius:12px;margin:0;padding:13px 14px;scroll-margin-block:16px;font-size:16px;line-height:1.6}.ui-sheet-field textarea{resize:vertical}.ui-sheet-field :is(input,textarea)::placeholder{color:var(--d-muted);opacity:1}.ui-sheet :is(.ui-sheet-submit,.ui-sheet-secondary){border:1px solid var(--d-ink);background:var(--d-ink);width:100%;min-height:50px;color:var(--d-paper);white-space:normal;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:500;line-height:1.5;transition:opacity .15s,background .15s;display:flex}.ui-sheet .ui-sheet-secondary{border-color:var(--d-line-strong);color:var(--d-ink);background:0 0}.ui-sheet .ui-sheet-submit:disabled{background:var(--d-line);color:var(--d-muted);cursor:not-allowed;border-color:#0000}.ui-sheet-note{color:var(--d-muted);font-size:12px;line-height:1.65}.ui-sheet-error{color:var(--d-error);overflow-wrap:anywhere;font-size:14px;line-height:1.6}.ui-sheet-footer-stack{gap:10px;display:grid}.ui-sheet-footer .ui-sheet-note{text-align:center}@keyframes ui-sheet-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-sheet-out{to{opacity:0;transform:translateY(24px)}}@keyframes ui-sheet-backdrop-in{0%{background:0 0}to{background:#0006}}@keyframes ui-sheet-backdrop-out{to{background:0 0}}@media (min-width:641px){.ui-sheet{inset:var(--sheet-top,0) 0 var(--sheet-bottom,0);border-bottom:1px solid var(--d-line);border-radius:24px;height:max-content;margin:auto}.ui-sheet-handle{display:none}.ui-sheet-header{padding-top:26px}.ui-sheet-footer{padding-bottom:20px}}@media (max-height:500px){.ui-sheet-header{padding-block:12px}.ui-sheet .ui-sheet-header p{display:none}.ui-sheet-footer{padding-block:10px}}@media (prefers-reduced-motion:reduce){.ui-sheet[open],.ui-sheet::backdrop,.ui-sheet[data-closing=true]::backdrop{animation:none}.ui-sheet button{transition:none}}
