@layer components{.td-confirm-overlay{position:fixed;z-index:70;inset:0;background:var(--fc-bg-scrim);overscroll-behavior:contain}.td-confirm{position:fixed;z-index:71;right:0;bottom:0;left:0;display:grid;gap:var(--fc-space-sm);border:1px solid var(--fc-border-soft);border-bottom:0;border-radius:var(--fc-radius-sheet) var(--fc-radius-sheet) 0 0;background:var(--fc-bg-elevated);padding:.5rem var(--fc-gutter) calc(var(--fc-space-lg) + env(safe-area-inset-bottom));box-shadow:inset 0 1px #ffffff0f,0 -12px 40px #00000080;outline:none}.td-confirm-handle{display:block;width:2.25rem;height:.25rem;margin:0 auto var(--fc-space-xs);border-radius:var(--fc-radius-pill);background:#ffffff47}.td-confirm-title{color:var(--fc-text-primary);font-family:var(--font-display);font-size:1.875rem;font-weight:700;line-height:1}.td-confirm-copy{color:var(--fc-text-secondary);font-size:.9375rem;line-height:1.55}.td-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--fc-space-xs);margin-top:var(--fc-space-xs)}.td-confirm-danger{border-color:color-mix(in oklab,var(--fc-danger) 55%,transparent);color:var(--fc-danger)}.td-confirm-danger:active:not(:disabled){background:color-mix(in oklab,var(--fc-danger) 16%,transparent)}@media(min-width:768px){.td-confirm{inset:0;width:min(26rem,calc(100vw - 2rem));height:fit-content;margin:auto;border:1px solid var(--fc-border-soft);border-radius:var(--fc-radius-overlay);padding:var(--fc-space-lg)}.td-confirm-handle{display:none}}@media(prefers-reduced-motion:no-preference){.td-confirm-overlay[data-state=open]{animation:td-fade-in var(--fc-duration-base) var(--fc-ease-out)}.td-confirm-overlay[data-state=closed]{animation:td-fade-out var(--fc-duration-fast) var(--fc-ease-in) forwards}.td-confirm[data-state=open]{animation:td-sheet-in var(--motion-drawer-duration) var(--fc-ease-out)}.td-confirm[data-state=closed]{animation:td-sheet-out calc(var(--motion-drawer-duration) * .66) var(--fc-ease-in) forwards}@media(min-width:768px){.td-confirm[data-state=open]{animation:td-card-in var(--fc-duration-base) var(--fc-ease-out)}.td-confirm[data-state=closed]{animation:td-card-out var(--fc-duration-fast) var(--fc-ease-in) forwards}}@keyframes td-fade-in{0%{opacity:0}}@keyframes td-fade-out{to{opacity:0}}@keyframes td-sheet-in{0%{transform:translateY(100%)}}@keyframes td-sheet-out{to{transform:translateY(100%)}}@keyframes td-card-in{0%{opacity:0;transform:scale(.96)}}@keyframes td-card-out{to{opacity:0;transform:scale(.97)}}}}
