:root{--site-container-width:1600px;--site-inner-width:1440px}.notifications-button{position:relative}.notifications-button a{background-color:#071e55;border:3px solid #1bdee4;border-radius:1.5rem;color:#293201;font-family:Inter Tight,sans-serif;font-size:14px;font-style:italic;font-weight:800;line-height:1em;padding:0;text-decoration:none;text-transform:uppercase;width:auto!important}.notifications-button a svg{fill:#f0f3fa;height:37px;width:37px}.notifications-button a:hover{-webkit-box-shadow:0 0 6px 1px hsla(0,0%,100%,.5);box-shadow:0 0 6px 1px hsla(0,0%,100%,.5)}.notifications-button .notification-dot{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#f44;border:2px solid #fff;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.notifications-button .notification-dot:has-text{border-radius:10px}.notifications-button .notifications-modal{background:#101f42;border-radius:12px;-webkit-box-shadow:0 0 6px 1px hsla(0,0%,100%,.5);box-shadow:0 0 6px 1px hsla(0,0%,100%,.5);opacity:0;position:absolute;right:-11vw;top:calc(100% + 10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .3s ease;transition:all .3s ease;visibility:hidden;width:94vw!important;z-index:1000}@media (min-width:768px){.notifications-button .notifications-modal{max-width:400px;min-width:360px;right:-7px;width:auto!important}}.notifications-button .notifications-modal.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.notifications-button .notifications-modal__content{padding:20px}.notifications-button .notifications-modal__header{margin-bottom:15px;text-align:center}.notifications-button .notifications-modal__header h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 5px}.notifications-button .notifications-modal__header p{color:#fff;font-size:14px;margin:0}.notifications-button .notifications-modal__list{max-height:300px;overflow-y:auto}.notifications-button .notifications-modal__empty{padding:20px;text-align:center}.notifications-button .notifications-modal__empty .empty-icon{font-size:48px;margin-bottom:15px;opacity:1}.notifications-button .notifications-modal__empty h3{color:#d7fb37;font-size:18px;font-weight:700;margin:0 0 10px}.notifications-button .notifications-modal__empty p{color:#fff;font-size:14px;line-height:1.5;margin:0}.notifications-button .notifications-modal__arrow{background:#101f42;border-radius:2px;height:16px;position:absolute;right:14vw;top:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:16px}@media (min-width:768px){.notifications-button .notifications-modal__arrow{right:20px}}.notifications-button .notification-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#142857;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:8px;overflow:hidden;padding:12px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.notifications-button .notification-item:before{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.2)),color-stop(hsla(0,0%,100%,.4)),color-stop(hsla(0,0%,100%,.2)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),hsla(0,0%,100%,.4),hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;-webkit-transition:none;transition:none;width:100%;z-index:1}.notifications-button .notification-item:hover:before{left:100%;-webkit-transition:left .6s ease-in-out;transition:left .6s ease-in-out}.notifications-button .notification-item:hover{background-color:#142857}.notifications-button .notification-item:last-child{margin-bottom:0}.notifications-button .notification-item .notification-icon{font-size:24px;margin-right:12px}.notifications-button .notification-item .icon-gift,.notifications-button .notification-item .notification-icon{-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:2}.notifications-button .notification-item .icon-gift .icon{font-size:28px}.notifications-button .notification-item .notification-content{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;z-index:2}.notifications-button .notification-item .notification-content h4{color:#fff;font-size:15px;font-style:italic;font-weight:700;line-height:24px;margin:0 0 6px}.notifications-button .notification-item .notification-content p{color:#fff;font-size:12px;margin:0}.notifications-button .notification-item .notification-content .activate-bonus-button{background:#d7fb37;border:none;border-radius:100px;color:#0b152d;cursor:pointer;font-size:12px;font-style:italic;font-weight:900;letter-spacing:0;line-height:16px;padding:8px 16px;text-transform:uppercase;-webkit-transition:all .2s ease;transition:all .2s ease}.notifications-button .notification-item .notification-content .activate-bonus-button:hover:not(:disabled){background:#c5e732;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.notifications-button .notification-item .notification-content .activate-bonus-button:disabled{cursor:not-allowed;opacity:.7}.notifications-button .notification-item .notification-content .activate-bonus-button:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.notifications-button .notification-item .info-icon{-ms-flex-negative:0;border:none;border-radius:50%;color:hsla(0,0%,100%,.7);flex-shrink:0;font-size:20px;position:relative;text-decoration:none;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:3}.notifications-button .notification-item .info-icon:hover{background-color:hsla(0,0%,100%,.1);color:#d7fb37;-webkit-transform:scale(1.1);transform:scale(1.1)}.notifications-button .notification-item .info-icon:active{-webkit-transform:scale(.95);transform:scale(.95)}.notifications-button .notification-item .info-icon i{display:block}

/*# sourceMappingURL=notifications-button.css.map*/