.flex-row-comp{gap:10px;display:flex}
@keyframes alertReveal{0%{opacity:0;transform:translate(300px)}to{opacity:1;transform:translate(-10px)}}@keyframes alertEnd{to{opacity:1;transform:translate(600px)}}.alert-comp .alert-comp-box{z-index:9999;align-items:center;gap:15px;animation:.5s ease-in-out forwards alertReveal;display:flex;position:fixed;top:62px;right:0}.alert-comp .alert-comp-box .alert-comp-box-icon{border:2px solid gold;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:10px;display:flex}.alert-comp .alert-comp-box .alert-comp-box-icon .alert-comp-box-icon-svg{fill:gold;width:32px;height:32px}.alert-comp .alert-comp-box .alert-comp-box-content-title{color:#e1e1e1;font-size:16px}.alert-comp .alert-comp-box .alert-comp-box-content-description{color:#e1e1e1;font-size:14px}.alert-comp .alert-comp-box .alert-comp-box-close-btn{color:#e1e1e1;cursor:pointer;border-left:1px solid #cbd5e14d;justify-content:center;align-items:center;width:80px;height:70px;font-size:12px;transition:all .15s ease-in-out;display:flex}.alert-comp .alert-comp-box .alert-comp-box-close-btn:active{color:#0f172a}.alert-comp .alert-comp-box.close-animation{animation:.5s ease-in-out forwards alertEnd}.alert-comp .alert-comp-box.error .alert-comp-box-icon{border:2px solid #ed0100}.alert-comp .alert-comp-box.error .alert-comp-box-icon .alert-comp-box-icon-svg{fill:#ed0100}@media (max-width:600px){.alert-comp .alert-comp-box .alert-comp-box-icon{width:35px;height:35px}.alert-comp .alert-comp-box .alert-comp-box-icon .alert-comp-box-icon-svg{width:28px;height:28px}.alert-comp .alert-comp-box .alert-comp-box-content-title{font-size:14px}.alert-comp .alert-comp-box .alert-comp-box-content-description{font-size:12px}.alert-comp .alert-comp-box .alert-comp-box-close-btn{color:#e1e1e1;justify-content:center;align-items:center;width:60px;height:50px;font-size:10px;display:flex}}