:root{--purple-100:#d3bfe3;--purple-800:#582c83;--blue-100:#b8d8ea;--blue-900-brand:#003c71;--yellow-100:#fed650;--yellow-300-brand:#fec10d;--orange-600-brand:#ff9800;--green-100:#dcebbd;--green-500-brand:#84bd00;--gray-100:#f0f1f4;--gray-700:#57585a;--red:#c41e3d;--primary-purple:var(--purple-800);--primary-background:#fff;--text-color:var(--gray-700)}dialog.alert{font-family:Helvetica,Arial,sans-serif;line-height:1.5;--accent-color:var(--primary-purple);--primary--mix-background:var(--purple-100);align-items:center;background-color:var(--primary-background);background-color:color-mix(in oklab,var(--primary--mix-background) 4%,var(--primary-background));border:3px solid var(--accent-color);border-radius:.5em;color:var(--text-color);gap:1em;margin:.75em;max-width:80ch;padding:.75em;position:relative}dialog.alert form svg{fill:var(--accent-color)}dialog.alert form button:hover svg{fill:var(--purple-400)!important}dialog.alert.blue{--primary--mix-background:var(--blue-100);--accent-color:var(--blue-900-brand)}dialog.alert.yellow{--primary--mix-background:var(--yellow-100);--accent-color:var(--yellow-300-brand)}dialog.alert.orange{--primary--mix-background:var(--yellow-100);--accent-color:var(--orange-600-brand)}dialog.alert.green{--primary--mix-background:var(--green-100);--accent-color:var(--green-500-brand)}dialog.alert.gray{--primary--mix-background:var(--gray-100);--accent-color:var(--text-color)}dialog.alert.red{--primary--mix-background:var(--primary-background);--accent-color:var(--red)}dialog.alert p{margin-block-end:.75em;margin-block-start:0;max-width:80ch;text-wrap:pretty}dialog.alert p small{font-size:.7rem}dialog.alert{display:none}dialog[open].alert{display:flex}dialog.alert a.btn{align-self:center;text-wrap:nowrap}@media (max-width:550px){dialog[open].alert{align-items:flex-start;flex-direction:column;gap:.5em;min-width:unset!important}dialog.alert a.btn{margin-left:0;text-wrap:balance}}@media (max-width:375px){dialog.alert{margin-bottom:5em}}dialog.alert strong{color:var(--accent-color);font-size:1.5em}dialog.alert form,dialog.alert p{margin-bottom:0}dialog.alert form button{background:none;border:none;border-radius:50px;color:var(--accent-color);font-size:.8em;font-weight:bolder;height:2em;padding:.5em;position:absolute;right:.1em;top:0}