.flex-row-comp{display:flex;gap:10px}@keyframes alertReveal{0%{opacity:0;transform:translateX(300px)}to{opacity:1;transform:translateX(-10px)}}@keyframes alertEnd{to{opacity:1;transform:translateX(600px)}}.alert-comp .alert-comp-box{position:fixed;right:0;top:62px;display:flex;align-items:center;gap:15px;z-index:9999;animation:alertReveal .5s ease-in-out forwards}.alert-comp .alert-comp-box .alert-comp-box-icon{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:2px solid gold;display:flex;align-items:center;justify-content:center;margin-left:10px}.alert-comp .alert-comp-box .alert-comp-box-icon .alert-comp-box-icon-svg{width:32px;height:32px;fill:gold}.alert-comp .alert-comp-box .alert-comp-box-content-title{font-size:16px;color:#e1e1e1}.alert-comp .alert-comp-box .alert-comp-box-content-description{font-size:14px;color:#e1e1e1}.alert-comp .alert-comp-box .alert-comp-box-close-btn{display:flex;align-items:center;justify-content:center;font-size:12px;color:#e1e1e1;width:80px;height:70px;border-left:1px solid rgba(203,213,225,.3);cursor:pointer;transition:all .15s ease-in-out}.alert-comp .alert-comp-box .alert-comp-box-close-btn:active{color:#0f172a}.alert-comp .alert-comp-box.close-animation{animation:alertEnd .5s ease-in-out forwards}.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{display:flex;align-items:center;justify-content:center;font-size:10px;color:#e1e1e1;width:60px;height:50px}}