:root{--success-color:#047857;--success-background:#7dffbc;--success-hover:#5bffaa;--info-color:#1e3a8a;--info-background:#7eb8ff;--info-hover:#5ba5ff;--warning-color:#78350f;--warning-background:#ffe57e;--warning-hover:#ffde59;--error-color:#7f1d1d;--error-background:#ff7e7e;--error-hover:#ff5f5f;--default-color:var(--foreground);--default-background:var(--background);--default-hover:color-mix(in srgb, var(--foreground), var(--background) 90%);--icon-hover:#355aff49}.alert-container{z-index:2000;aspect-ratio:2/.5;background-color:var(--default-background);min-width:300px;max-width:400px;color:var(--default-color);stroke:var(--default-color);border:var(--default-color) 2px solid;border-radius:25px;align-content:center;justify-items:center;padding:5px 20px;transition:all .25s,opacity .5s;position:fixed;top:20px;left:50%;transform:translate(-50%)}.alert-container.hidden{opacity:0;pointer-events:none}.alert-container:hover{background-color:var(--default-hover);border-color:#0000}.alert-container.success{background-color:var(--success-background);color:var(--success-color);stroke:var(--success-color);border-color:var(--success-color)}.alert-container.success:hover{background-color:var(--success-hover);border-color:#0000}.alert-container.info{background-color:var(--info-background);color:var(--info-color);stroke:var(--info-color);border-color:var(--info-color)}.alert-container.info:hover{background-color:var(--info-hover);border-color:#0000}.alert-container.warning{background-color:var(--warning-background);color:var(--warning-color);stroke:var(--warning-color);border-color:var(--warning-color)}.alert-container.warning:hover{background-color:var(--warning-hover);border-color:#0000}.alert-container.error{background-color:var(--error-background);color:var(--error-color);stroke:var(--error-color);border-color:var(--error-color)}.alert-container.error:hover{background-color:var(--error-hover);border-color:#0000}.alert-container .alert-content{flex-direction:row;align-items:center;gap:40px;display:flex}.alert-icon{aspect-ratio:1;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-grow:0;width:50px}.alert-icon.alert-close{width:40px;padding:10px}.alert-icon.alert-close svg{margin:auto}.alert-icon.alert-close:hover{cursor:pointer;background-color:var(--icon-hover);border-radius:10px}@media (max-width:640px){.alert-container{padding:5px 10px}.alert-container .alert-content{gap:20px}}