.alert-comp{opacity:0;display:flex;position:fixed;top:1em;left:50%;transform:translate(-50%, 0);width:400px;width:max-content;max-width:98%;max-width:calc(100% - 10px);flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;background-color:#ffffff;padding:.5em;border-radius:.25em;box-shadow:0 0 10px rgba(0,0,0,0.5);pointer-events:none;transition:opacity 1s;transition-delay:0s}.alert-comp.open{pointer-events:all;opacity:1;transition-delay:.5s}.alert{width:calc(100% - 1rem);max-width:45rem;position:relative;animation:.125s alert-slidein ease-out forwards;pointer-events:none;transition:margin .5s ease-out}.alert.closing{animation:.5s alert-slideout ease-out forwards}@keyframes alert-slidein{from{top:-50px;opacity:0}to{top:0px;opacity:1}}@keyframes alert-slideout{from{top:0px;opacity:1}to{top:-50px;opacity:0}}.input-wrap.error>label[data-error]::after{content:attr(data-error);color:var(--error-color);font-weight:bold;font-size:.9em;margin-left:.6em}.async-confirm{max-width:45rem}