.top-banner{background-color:#0d0d0d;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;width:100%;height:60px;display:block;position:relative;overflow:hidden}@media (max-width:900px){.top-banner{height:auto}}.top-banner .mobile-banner-img{width:100%;max-height:200px}.top-banner .desktop-banner-img{width:100%;height:inherit;object-fit:cover;object-position:center}
.toast-container{z-index:101;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.toast-container .toast{pointer-events:all;color:#fff;align-items:center;gap:8px;width:fit-content;min-width:600px;max-width:800px;margin:auto;padding:8px 12px;animation:.25s forwards pop-toast;display:flex;position:absolute;bottom:32px;left:0;right:0;overflow:hidden;box-shadow:0 2px 15px #000}@media (max-width:900px){.toast-container .toast{min-width:300px}}.toast-container .toast.red{background-color:#49150a}.toast-container .toast.green{background-color:#1e2a21}.toast-container .toast.orange{background-color:#473018}.toast-container .toast.orange svg.icon{color:var(--icon-warning,#ff7f00)}.toast-container .toast .checkmark-icon{color:var(--text-success);width:20px;height:20px}.toast-container .toast svg.icon{color:var(--icon-critical,#d93025);flex-shrink:0;width:20px;height:20px}.toast-container .toast .text{font-family:var(--lato-font);flex:1}.toast-container .toast .btn-retry{color:#dfdfdf;font-family:var(--montserrat-font);text-transform:capitalize;white-space:nowrap;border:1px solid #dfdfdf;flex-shrink:0;padding:4px 16px;font-size:14px;font-weight:500;line-height:24px}.toast-container .toast .btn-retry:hover{background-color:#ffffff1a}.toast-container .toast .btn-close{color:#fff;width:32px;height:32px}.toast-container .toast .btn-close svg{width:16px;height:16px;margin:8px}.toast-container .toast .btn-close:hover{background-color:#fff3}@keyframes pop-toast{0%{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}