.shida-confirmation{box-sizing:border-box;color:#123e32;text-align:start;background:#fffdf7;border:1px solid #dfded3;border-radius:1.25rem;width:min(36rem,100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:clamp(1.25rem,4vw,2rem);overflow:auto;box-shadow:0 1.5rem 5rem #05251e33}.shida-confirmation::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#092a2459}.shida-confirmation h2{overflow-wrap:anywhere;margin:.75rem 0;font-family:Georgia,serif;font-size:1.6rem;line-height:1.2}.shida-confirmation p{white-space:pre-line;overflow-wrap:anywhere;line-height:1.6}.shida-confirmation-symbol{background:#e6f2e4;border-radius:.8rem;place-items:center;width:2.75rem;height:2.75rem;font-size:1.5rem;font-weight:700;display:grid}.shida-confirmation[data-severity=warning] .shida-confirmation-symbol{color:#80510b;background:#fff0ce}.shida-confirmation[data-severity=danger] .shida-confirmation-symbol{color:#a92222;background:#ffebe7}.shida-confirmation-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.shida-confirmation button{min-height:44px;font:inherit;cursor:pointer;color:#123e32;background:#fffdf7;border:1px solid #9caf9f;border-radius:.6rem;padding:.7rem 1rem}.shida-confirmation .shida-confirmation-submit{color:#fff;background:#153f32;border-color:#153f32;font-weight:600}.shida-confirmation[data-severity=danger] .shida-confirmation-submit{background:#a92222;border-color:#a92222}.shida-confirmation button:focus-visible{outline-offset:3px;outline:3px solid #b58a33}.shida-confirmation button:disabled{opacity:.6;cursor:wait}.shida-confirmation .shida-confirmation-error{color:#8c1d1d;background:#ffebe7;border-radius:.5rem;padding:.75rem}.shida-confirmation .shida-confirmation-close{inset-inline-end:.5rem;background:0 0;border:0;padding:.2rem .6rem;font-size:1.5rem;position:absolute;top:.4rem}@media (max-width:480px){.shida-confirmation-actions{grid-template-columns:1fr;display:grid}.shida-confirmation-actions button{width:100%}}.shida-confirmation-heading{align-items:center;gap:.75rem;display:flex}.shida-confirmation-heading .shida-confirmation-symbol{flex-shrink:0}.shida-confirmation .shida-confirmation-heading h2{margin:0}.shida-confirmation[data-compact-heading] p{margin:.75rem 0}.shida-confirmation[data-compact-heading] .shida-confirmation-actions{margin-top:1rem}
