.alert-comp{opacity:0;display:flex;position:fixed;top:1em;left:50%;transform:translate(-50%, 0);width:98%;width:calc(100% - 20px);max-width:800px;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;background-color:#ffffff;z-index:1000;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}