.alert__overlay{position:fixed;inset:0;background:rgb(0 0 0 / 70%);display:flex;align-items:center;justify-content:center;z-index:1000;animation:.2s alert-fade-in}.alert__overlay[hidden]{display:none}@keyframes alert-fade-in{from{opacity:0}to{opacity:1}}.alert__container{background:var(--neutral-10);color:var(--white);border-radius:.5rem;box-shadow:0 .5rem 2rem rgb(0 0 0 / 50%);outline:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 2rem;min-width:20rem;max-width:28rem;width:calc(100vw - 2.5rem);text-align:center;animation:.2s alert-slide-up}@keyframes alert-slide-up{from{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.alert__icon{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert__icon svg{width:2.5rem;height:2.5rem}.alert__icon--success{background:rgb(34 197 94 / 15%);color:#22c55e}.alert__icon--warning{background:rgb(245 158 11 / 15%);color:#f59e0b}.alert__icon--error{background:rgb(239 68 68 / 15%);color:#ef4444}.alert__title{font-size:1.25rem;font-weight:600;color:var(--white)}.alert__description{font-size:.875rem;color:var(--neutral-60);margin:0;line-height:1.5}.alert__button{margin-top:.5rem;min-width:10rem;height:3rem;padding:0 1.5rem;border-radius:.5rem;border:0;background:var(--primary-default);color:var(--neutral);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .15s}.alert__button:not(:disabled):hover{background:var(--primary-light)}.alert__button:focus-visible{outline:.125rem solid var(--primary-default);outline-offset:0.125rem}