.td-alert.td-react-alert{background:var(--td-surface);box-shadow:3px 3px 12px color-mix(in srgb, var(--td-shadow-dark) 72%, transparent), -3px -3px 12px color-mix(in srgb, var(--td-shadow-light) 68%, transparent), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge);border-left:0;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 16px}.td-react-alert-lamp{--td-lamp-glow:var(--td-brand);background:var(--td-surface);width:22px;height:22px;box-shadow:inset 1.5px 1.5px 3px color-mix(in srgb, var(--td-shadow-dark) 62%, transparent), inset -1.5px -1.5px 3px color-mix(in srgb, var(--td-shadow-light) 58%, transparent), 0 0 0 1px var(--td-edge);border-radius:50%;place-items:center;margin-top:1px;display:grid}.td-react-alert-lamp:after{content:"";background:var(--td-lamp-glow);width:8px;height:8px;box-shadow:0 0 0 1px color-mix(in srgb, var(--td-lamp-glow) 45%, transparent), 0 0 5px color-mix(in srgb, var(--td-lamp-glow) 55%, transparent);border-radius:50%}.td-react-alert.td-react-alert--info .td-react-alert-lamp{--td-lamp-glow:var(--td-accent)}.td-react-alert.td-react-alert--success .td-react-alert-lamp{--td-lamp-glow:var(--td-green)}.td-react-alert.td-react-alert--warning .td-react-alert-lamp{--td-lamp-glow:var(--td-warning)}.td-react-alert.td-react-alert--error .td-react-alert-lamp{--td-lamp-glow:var(--td-error)}.td-alert-close.td-react-alert-close{background:var(--td-raise-fill);width:24px;height:24px;color:var(--td-ink-3);box-shadow:2px 2px 5px color-mix(in srgb, var(--td-shadow-dark) 40%, transparent), -2px -2px 5px color-mix(in srgb, var(--td-shadow-light) 45%, transparent), inset 0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge);transition:box-shadow var(--td-t-base) var(--td-ease), background var(--td-t-base) var(--td-ease), color var(--td-t-base) var(--td-ease);border-radius:8px}.td-alert-close.td-react-alert-close:hover{color:var(--td-ink);background:var(--td-surface);box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 46%, transparent), inset -1.5px -1.5px 3px color-mix(in srgb, var(--td-shadow-light) 40%, transparent), 0 0 0 1px var(--td-edge)}.td-alert-close.td-react-alert-close:active{color:var(--td-ink);background:var(--td-surface);box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 2.5px 2.5px 6px color-mix(in srgb, var(--td-shadow-dark) 60%, transparent), inset -1.5px -1.5px 4px color-mix(in srgb, var(--td-shadow-light) 34%, transparent), 0 0 0 1px var(--td-edge)}.td-alert-close.td-react-alert-close:focus-visible{outline:2px solid var(--td-accent);outline-offset:2px}.td-alert-close.td-react-alert-close svg{fill:currentColor;width:13px;height:13px;display:block}@media (max-width:640px){.td-alert.td-react-alert{grid-template-columns:20px minmax(0,1fr) auto}}@media (prefers-reduced-motion:reduce){.td-alert-close.td-react-alert-close{transition:none}}
.td-react-card--flat{box-shadow:none}.td-react-card--inset{box-shadow:var(--td-inset-soft);border-color:#0000}.td-react-card--flush{gap:0;padding:0}.td-react-card-content{min-width:0}.td-panel.td-react-card--raised{box-shadow:4px 4px 12px color-mix(in srgb, var(--td-shadow-dark) 70%, transparent), -4px -4px 12px color-mix(in srgb, var(--td-shadow-light) 66%, transparent), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge)}