.phone-call{position:fixed;bottom:50%;top:50%;right:24px;z-index:9999999999999}.phone-call__bar{width:0;height:100%;background:#000}.phone-call:hover .phone-call__bar{width:100%;transition:width .3s ease-in-out}.notification-container{position:fixed;top:1rem;right:1rem;z-index:9999999991}.bar{margin:.5rem 0;padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:20px;border-radius:5px;z-index:999999999;transition:all 1s;font-size:1rem;font-weight:300}.error-bar{border:1px solid #ce4328;background-color:#ce4328}.error-bar div{font-weight:300}.error-bar__icon-wrap{margin-right:12px;width:24px;height:24px}.error-bar__text-wrap{color:#fff;font-family:Kanit;font-size:16px;line-height:24px;font-weight:300}.error-bar_type{font-weight:medium}.notification-bar{border:1px solid #ffb130;background-color:#ffb130}.notification-bar div{font-weight:300}.notification-bar__icon-wrap{margin-right:12px;width:24px;height:24px}.notification-bar__text-wrap{color:#fff;font-family:Kanit;font-size:16px;line-height:24px;font-weight:300}.notification-bar_type{font-weight:medium}.success-bar{border:1px solid #2eb53d;background-color:#2eb53d}.success-bar div{font-weight:300}.success-bar__icon-wrap{margin-right:12px;width:24px;height:24px}.success-bar__text-wrap{color:#fff;font-family:Kanit;font-size:16px;line-height:24px;font-weight:300}.success-bar_type{font-weight:medium}.notification_container{display:flex;padding:1rem;border:1px solid #000;align-items:center}.notification-popup__container{display:flex;align-items:center;gap:.5rem}.notification-popup{display:flex;align-items:center;gap:1rem;padding:1rem;color:#fff;justify-content:space-between;border-radius:5px;overflow:hidden}.notification-popup button{cursor:pointer;background:transparent}.notification-popup p{font-weight:500;font-size:16px}.notification-popup--success{background-color:green}.notification-popup--danger{background-color:red}.notification-popup--information{background-color:#707070}@keyframes slideIn{0%{transform:translateY(20%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-element{animation:slideIn .5s ease forwards}