.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}