.alert-box{position:fixed;top:40%;left:50%;max-width:80%;min-width:60%;transform:translateX(-50%);background-color:#666;color:#fff;padding:15px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1000;opacity:0;transition:opacity .3s ease-in-out;text-align:center}.alert-box.active{opacity:1}.alert-box .icon{margin-right:10px}.alert-box .icon{font-size:var(--size);width:20px;text-align:center}.alert-box .icon.hide{display:none}.alert-box .message{font-size:var(--size);line-height:1.5}