@font-face { font-family: SlotebiHeading; src: url("../webfonts/slotebi-heading.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: block; } @font-face { font-family: SlotebiBody; src: url("../webfonts/slotebi-body.otf") format("opentype"); font-weight: 400 900; font-style: normal; font-display: block; } .wrapper{min-width: 320px; position: relative;} .wrapper-container{max-width: var(--max-width); margin: 0px auto; position: relative; z-index: 20;} .header{background-color: var(--bg); box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 30px; position: relative; z-index: 15;} .header__inner{padding: 0px var(--indent);} .content{background-color: var(--bg); box-shadow: rgba(0, 0, 0, 0.06) 0px 12px 24px 0px; padding: 50px var(--indent); position: relative; z-index: 10; margin-top: -150px; margin-bottom: -50px;} .cols{display: grid; gap: 50px; grid-template-columns: 260px minmax(0px, 1fr); grid-template-areas: "sidebar main";} .cols__main{grid-area: main;} .cols__side{grid-area: sidebar;} .footer{background-color: var(--bg-black); color: rgb(255, 255, 255);} .footer__inner{padding-right: ; padding-bottom: ; padding-left: ; padding-top: 80px; gap: 30px;} .footer__logo{font-size: 20px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%;} .footer__logo span{color: var(--accent, #ffcc00);} @media (max-width: 480px){ .footer__logo{font-size: 16px; white-space: normal; text-align: center;} } .scrolltop{position: fixed; width: 44px; height: 40px; right: -60px; bottom: 0px; z-index: 990; border-radius: 0px; font-size: 20px; opacity: 0; transition: right 0.2s, opacity 0.2s;} .scrolltop.is-active{right: 0px; opacity: 1;} .logo{display: block; height: 80px; line-height: 80px; font-weight: 700; font-size: 24px; letter-spacing: 1px; padding-left: 40px; background: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; transition: 0.3s; color: rgb(0, 0, 0) !important;} .logo:hover{color: var(--accent) !important; opacity: 0.85;} .header__logo{min-width: 280px; margin-right: 30px; flex-shrink: 1;} .header__btn-login{padding: 0px 10px;} .header__btn-fav{margin-left: 30px;} .header__btn-fav::before{color: rgb(250, 197, 31); font-size: 15px;} .header__btn-fav span:last-child{font-size: 12px; display: flex; align-items: center; height: 24px; padding: 0px 9px; border: 1px solid var(--bdc); border-radius: 3px; min-width: 34px;} @media screen and (max-width: 768px){ .logo{height: 60px; line-height: 60px; font-size: 18px; padding-left: 35px; background-size: 25px;} .header__logo{min-width: auto; margin-right: 15px; max-width: 200px;} } @media screen and (max-width: 480px){ .logo{height: 50px; line-height: 50px; font-size: 16px; padding-left: 30px; background-size: 20px;} .header__logo{margin-right: 10px; max-width: 160px;} .logo span{display: none;} } .header__menu{gap: 30px;} .header__menu > li{position: relative;} .header__menu > li > a{height: 80px; display: flex; align-items: center; justify-content: space-between; font-weight: 600; font-size: 16px; gap: 10px; position: relative; transition: 0.3s;} .header__menu > li > a::before{content: ""; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 3px; background-color: var(--accent); transition: width 0.3s;} .header__menu > li > a:hover{color: var(--accent);} .header__menu > li > a:hover::before{width: 100%;} .header__menu-submenu{width: 240px; padding: 15px 30px; border-radius: 0px 0px 4px 4px; display: grid; gap: 10px; position: absolute; left: -30px; top: 100%; background: var(--bg); box-shadow: rgba(0, 0, 0, 0.27) 0px 12px 12px; opacity: 0; visibility: hidden; transform: translateY(30px); transition: 0.3s;} .header__menu-submenu li + li{border-top: 1px dashed var(--bdc); padding-top: 10px;} .header__menu-submenu a{transition: 0.3s; padding: 8px 12px; display: block; border-radius: 4px; margin: -5px -12px;} .header__menu-submenu a:hover{color: var(--accent); background-color: var(--bg-darker);} .header__menu-has-submenu > a::after{content: ""; font-weight: 300; font-family: "Font Awesome 5 Pro"; transition: transform 0.3s;} .header__menu-has-submenu:hover > a::after{transform: rotate(180deg);} .hero{background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding-bottom: 150px; box-shadow: rgba(124, 104, 173, 0.4) 0px 500px inset, rgb(0, 0, 0) 0px 60px 60px inset;} .hero__inner{padding: 50px var(--indent); display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: flex-start;} .hero__title{font-weight: 600; font-size: 18px;} .hero__caption{opacity: 0.8; font-size: 13px;} .sect:not(:last-child){margin-bottom: 50px;} .sect__title{font-size: 24px; font-weight: 700;} .speedbar{color: var(--tt-fade); font-size: 14px; margin-bottom: 15px;} .descr{display: grid; gap: 20px; line-height: 1.7; font-size: 14px; color: rgb(92, 92, 92); padding-top: 40px; border-top: 1px dashed rgb(204, 204, 204);} .descr h1, .descr h2, .descr h3{font-size: 18px; font-weight: 700; color: var(--tt); line-height: 1.3;} .descr a{text-decoration: underline; color: var(--accent);} .descr ul li{position: relative; padding-left: 25px; margin-left: 25px;} .descr ul li::before{content: ""; font-weight: 300; font-family: "Font Awesome 5 Pro"; color: var(--accent); position: absolute; left: 0px; top: 0px;} .descr__section{padding-top: 15px; margin-bottom: -15px;} .descr__section p, .descr__section h2, .descr__section h3{margin-bottom: 15px;} .side-block:not(:last-child){margin-bottom: 50px;} .side-block__title{font-size: 19px; font-weight: 600; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--bdc);} .side-block__title a{font-size: 13px; text-decoration: underline; position: relative; padding-right: 15px; font-weight: 400;} .side-block__title a::before{position: absolute; right: 0px; top: 3px; font-size: 15px;} .side-block__grid{display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));} .popular{gap: 15px; border-bottom: 1px solid var(--bdc); padding-bottom: 20px;} .popular__img{width: 60px; height: 60px; border-radius: 50%;} .popular__category{font-size: 13px; color: var(--tt-fade); margin-bottom: 5px;} .cols__side .popular__title{-webkit-line-clamp: 3;} .lcomm{border-bottom: 1px solid var(--bdc); padding-bottom: 20px;} .lcomm__title{font-weight: 400;} .lcomm__meta{font-size: 13px; color: var(--tt-fade); gap: 10px; margin: 5px 0px;} .lcomm__text{font-size: 14px; -webkit-line-clamp: 5; color: rgb(92, 92, 92);} .footer__logo{filter: grayscale(1) invert(1); min-width: 280px; margin-top: -32px;} .pagination{gap: 30px 60px;} .pagination a, .pagination span{display: grid; place-items: center; height: 36px;} .pagination__btn-loader{width: 100%;} .pagination__btn-loader a, .pagination__btn-loader span{height: 40px; border-radius: 4px; background-color: var(--bg-darker); color: var(--tt-fade); width: 100%;} .page__title{font-size: 34px; line-height: 1.2; margin-bottom: 10px;} .page__text{margin-bottom: 30px;} .page__tags{margin-bottom: 30px; gap: 10px;} .page__tags a{display: flex; align-items: center; white-space: nowrap; height: 30px; border-radius: 2px; padding: 0px 10px; font-size: 12px; text-transform: uppercase; color: var(--tt-fade); border: 1px solid var(--bdc);} .full-text{line-height: 1.6; font-size: 17px; overflow-wrap: break-word;} .full-text a{text-decoration: underline; color: rgb(82, 120, 177);} .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, .full-text > ul, .full-text > ol, .full-text table{margin-bottom: 25px;} .full-text > img[style*="left"]{margin: 0px 10px 10px 0px;} .full-text > img[style*="right"]{margin: 0px 0px 10px 10px;} .full-text > ul li, .full-text > ol li{padding-left: 60px; position: relative;} .full-text > ul li::before{content: ""; width: 8px; height: 8px; border-radius: 50%; border: 3px solid rgb(252, 197, 6); position: absolute; top: 6px; left: 34px;} .full-text > ol{counter-reset: num 0;} .full-text > ol li::before{content: counter(num); counter-increment: num 1; background-color: rgb(252, 197, 6); color: rgb(0, 0, 0); position: absolute; top: -3px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600; display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;} .full-text > ol li::after{content: ""; border-width: 10px; border-style: solid; border-color: transparent transparent transparent rgb(252, 197, 6); border-image: none; position: absolute; left: 41px; top: -3px; transform: scale(0.66, 1.5); transform-origin: 0px 0px;} .full-text > ul li + li, .full-text > ol li + li{margin-top: 10px;} .full-text table{width: 100%;} .full-text table tr td{padding: 10px; border: 2px solid rgb(255, 255, 255);} .full-text table tr:nth-child(2n+1){background-color: rgb(242, 246, 249);} .full-text table tr:nth-child(1){background-color: rgb(206, 224, 237);} .full-text > :last-child{margin-bottom: 0px;} .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5{font-size: 21px; margin-bottom: 20px;} .full-text iframe{width: 100%; height: 400px; margin-bottom: 20px;} .fdl-btn{display: block; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px; padding: 15px 15px 15px 130px; background: linear-gradient(to top, rgb(39, 174, 96), rgb(46, 204, 113)); overflow: hidden; text-decoration: none !important; color: rgb(255, 255, 255) !important;} .fdl-btn-title{font-weight: 600; text-transform: uppercase; overflow-wrap: break-word;} .fdl-btn-size{font-size: 14px; margin-top: -2px; margin-bottom: 6px; opacity: 0.9;} .fdl-btn-caption{opacity: 0.7; font-size: 14px;} .fdl-btn-dl{font-size: 12px; text-transform: uppercase; margin-left: 15px;} .fdl-btn > *{position: relative; z-index: 3;} .fdl-btn-icon{width: 50px; height: 50px; border-radius: 50%; margin-top: -25px; font-size: 24px; position: absolute; left: 40px; top: 50%; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 0px 15px, rgba(0, 0, 0, 0.08) 0px 0px 0px 30px, rgba(0, 0, 0, 0.04) 0px 0px 0px 45px;} .ac-form{margin-bottom: 20px;} .ac-form__header, .ac-form__editor, .ac-form .message-info{gap: 10px; margin-bottom: 10px;} .ac-form__btn{padding: 0px 60px;} .ac-form__bottom{gap: 25px;} .confidential-check{font-size: 14px;} .ac-form__header > span{margin-left: 15px;} .ac-form__editor .bb-editor textarea{height: 100px !important;} .ac-form .bb-editor + br{display: none;} .comm__title{font-size: 18px; margin-bottom: 20px;} .comm{margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--bdc);} .comm__img{width: 40px; height: 40px; border-radius: 50%; margin-right: 15px;} .comm__img::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: var(--ui-red); position: absolute; right: -1px; top: -1px; z-index: 5; border: 2px solid var(--bg);} .comm__letter{width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit; position: absolute; left: 0px; top: 0px; color: rgb(255, 255, 255); font-size: 18px; font-weight: var(--ui-fw-bolder);} .comm__author, .comm__author a{color: var(--tt-colored); font-weight: 600; font-size: 14px;} .comm__date{color: var(--tt-fade); font-size: 13px; margin-top: 2px;} .comm__main{margin: 10px 0px 6px;} .comm__action{gap: 20px; font-size: 13px;} .comm__action li, .comm__action li a{color: var(--tt-fade); cursor: pointer; gap: 8px;} .comm__ctrl, .comm__ctrl a{font-size: 15px; gap: 10px 15px; color: var(--tt-fade);} .comm__ctrl li.has-checkbox{transform: scale(0.8, 0.8); margin: 0px -10px 0px -5px;} .comm__ctrl li.has-checkbox input{border-color: var(--tt-fade);} .comm__rating{gap: 10px; font-size: 14px;} .comm__rating::before{content: attr(data-text); display: inline;} .comm__rating > *{display: flex; gap: 5px;} .comm__rating > * > span:first-child{text-decoration: underline; color: var(--ui-green);} .comm__rating > * + * > span:first-child{color: var(--ui-red);} .login{position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow-y: auto; background-color: var(--ui-bg); width: 440px; border: 10px solid var(--ui-bg-darker); display: none; box-shadow: rgb(0, 0, 0) 0px 15px 45px; max-width: calc(-40px + 100vw); max-height: calc(-40px + 100vh);} .login__header{padding: 20px 50px 25px; border-bottom: 1px solid var(--ui-bdc); position: relative;} .login__title{font-size: 24px; font-weight: var(--ui-fw-bolder);} .login__caption{font-size: 13px; color: var(--ui-tt-fade); margin-top: 3px;} .login__close{font-size: 23px; position: absolute; right: 10px; top: 10px; padding: 0px; width: 40px; height: 40px;} .login__content{display: grid; gap: 20px; padding: 25px 50px 30px; position: relative;} .login__row, .login__row.fal, .login__row.fas{position: relative; display: grid; gap: 10px; justify-content: stretch;} .login__row-caption a, .login__caption a{margin-left: 10px;} .login__row::before{position: absolute; left: 2px; bottom: 0px; width: 40px; height: 50px; display: grid; place-items: center; opacity: 0.4; font-size: 18px;} .login__input input{padding-left: 40px; border-radius: 4px; height: 50px; line-height: 48px;} .login__row button{width: 100%; height: 40px; border-radius: 4px;} .login__social{padding-top: 10px; text-align: center; gap: 10px;} .login__social a, .login__social img{display: block; width: 34px; height: 34px;} .login--logged .login__header{padding-left: 115px;} .login__avatar{width: 50px; height: 50px; position: absolute; left: 50px; top: 25px;} .login__menu a{border-bottom: 1px solid var(--ui-bdc); padding: 10px 0px; width: 100%; justify-content: flex-start;} .login__menu li:last-child a{border: 0px;} .login__menu a::before{width: 20px; font-size: 18px; text-align: center; color: var(--ui-accent); margin-right: 10px;} .overlay{position: fixed; z-index: 998; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.6; background-color: rgb(0, 0, 0); cursor: pointer; display: none;} .mobile-menu{width: 360px; height: 100%; overflow: hidden auto; z-index: 999; position: fixed; left: -360px; top: 0px; transition: left 0.4s; background-color: var(--bg); visibility: hidden;} .mobile-menu.is-active{left: 0px; visibility: visible;} body.mobile-menu-is-opened{overflow: hidden; width: 100%; height: 100%;} @media screen and (max-width: 590px){ .mobile-menu{left: -100vw; width: 100vw; height: 100vh;} } .mobile-menu__header{padding: 0px 20px; gap: 10px;} .mobile-menu__search{background-color: var(--ui-bg-darker); padding: 10px 20px;} .mobile-menu__header .logo{height: 60px; line-height: 60px; min-width: 100px; margin: 0px;} .mobile-menu__btn-close{font-size: 24px; width: 40px; height: 40px; margin-right: -10px;} .mobile-menu__content .header__menu{margin: 0px; padding: 20px; display: block;} .mobile-menu__content .header__menu > li > a{height: 40px; line-height: 40px; padding: 0px;} .mobile-menu__content .header__menu-submenu{width: 100%; height: auto; position: static; display: none; border-radius: 0px; padding: 10px; opacity: 1; visibility: visible; transform: none; box-shadow: none;} .mobile-menu__content .header__menu-has-submenu > a::after{content: ""; font-size: 18px;} .mobile-menu__content .header__menu-has-submenu.is-active .header__menu-submenu{display: grid;} .mobile-menu__content .header__menu-has-submenu.is-active > a::after{content: "";} @media screen and (max-width: 1220px){ :root{--indent-negative: -20px; --indent: 20px;} body{background-image: none;} .wrapper{padding: 0px; background-image: none; overflow: hidden;} .wrapper-container{max-width: 1000px;} .header .header__menu{display: none;} .header__btn-mobmenu{display: flex; font-size: 28px; margin-left: 30px;} .header__logo{flex: 1 1 0px; min-width: 120px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .content{padding-top: 30px;} .cols{display: block;} .cols__side{margin-top: 30px;} .footer__inner{display: block; text-align: center;} .footer__logo{min-width: auto; display: inline-block;} } @media screen and (max-width: 950px){ .wrapper-container{max-width: 768px;} } @media screen and (max-width: 760px){ .wrapper-container{max-width: 640px;} .hero__inner{grid-template-columns: 1fr; padding-top: 30px; padding-bottom: 30px;} .pagination > a, .pagination > span{display: none;} .page__title{font-size: 24px;} .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5{font-size: 20px;} .page__text .quote{margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);} .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5{font-size: 18px;} .ac-form__bottom{gap: 10px;} .ac-form__bottom button{padding: 0px 20px;} .ac-form__header input + input{min-width: 100%; order: 10;} .ac-form__header > span, .comm__rating::before{display: none;} } @media screen and (max-width: 590px){ .wrapper-container{max-width: 480px;} .header__btn-fav, .header__btn-login::before{display: none;} .header__btn-mobmenu{margin-left: 10px; margin-right: -10px;} } @media screen and (max-width: 470px){ .login__header, .login__content{padding-left: 20px; padding-right: 20px;} .login--logged .login__header{padding-left: 85px;} .login__avatar{left: 20px;} .login__title span{display: none;} .login__input input, .login__row::before{height: 40px; line-height: 38px;} .login__menu{margin: -15px 0px;} .hero__title{font-size: 19px;} .full-text{font-size: 15px;} .full-text iframe{width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;} } :root{--bg: #11162c; --bg-soft: #171d38; --panel: #202746; --panel-2: #262e50; --line: rgba(255,255,255,.08); --text: #eef5ff; --muted: #97a3bd; --accent: #79ff7a; --accent-2: #42e0d4; --purple: #6651ff; --danger: #ff477c; --indent: 28px; --indent-negative: -28px;} html, body{background: var(--bg); color: var(--text);} body{background: radial-gradient(circle at 70% -12%, rgba(102, 81, 255, 0.34), transparent 34%), linear-gradient(rgb(19, 26, 52) 0%, rgb(17, 22, 44) 42%, rgb(14, 19, 38) 100%);} a{color: inherit;} .wrapper{background: transparent;} .wrapper-container{max-width: 1460px;} .header{position: sticky; top: 0px; z-index: 30; background: rgba(25, 31, 58, 0.94); border-bottom: 1px solid var(--line); box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 24px; backdrop-filter: blur(14px);} .header__inner{min-height: 68px; padding: 0 var(--indent); gap: 10px;} .logo, .header__logo{height: 68px; font-size: 27px; font-weight: 900; letter-spacing: 0px; text-transform: uppercase; gap: 9px; text-shadow: rgba(255, 255, 255, 0.1) 0px 0px 18px; color: rgb(255, 255, 255) !important;} .logo__text, .header__logo .logo__text{color: rgb(255, 255, 255) !important; letter-spacing: 0.4px;} .logo span:last-child{font-size: 18px; font-weight: 900; color: var(--accent) !important;} .header__menu{justify-content: center; gap: 7px; flex-wrap: nowrap;} .header__menu > li > a{height: 40px; padding: 0px 11px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; background: rgba(255, 255, 255, 0.043); color: rgb(216, 226, 247); font-size: 13px; font-weight: 800; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px inset;} .header__menu > li > a:hover, .header__menu > li.is-active > a{background: rgba(121, 255, 122, 0.12); border-color: rgba(121, 255, 122, 0.34); color: rgb(255, 255, 255);} .header__menu-has-submenu{position: relative;} .header__menu-has-submenu > a::after{margin-left: 8px; color: var(--accent);} .header__menu-submenu{position: absolute; top: calc(100% + 10px); left: 50%; z-index: 40; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); width: 430px; padding: 12px; gap: 8px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; background: rgba(18, 24, 45, 0.98); box-shadow: rgba(0, 0, 0, 0.34) 0px 22px 50px; transform: translateX(-50%); backdrop-filter: blur(16px);} .header__menu-submenu::before{content: ""; position: absolute; top: -8px; left: 50%; width: 16px; height: 16px; border-left: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); background: rgba(18, 24, 45, 0.98); transform: translateX(-50%) rotate(45deg);} .header__menu-submenu li{min-width: 0px;} .header__menu-submenu li + li{border-top: 0px; padding-top: 0px;} .header__menu-submenu a{display: flex; min-height: 54px; padding: 8px 10px; align-items: center; gap: 10px; border-radius: 8px; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.067); color: rgb(237, 245, 255); font-size: 13px; font-weight: 900;} .header__menu-submenu a:hover{background: rgba(121, 255, 122, 0.08); border-color: rgba(121, 255, 122, 0.32); color: var(--accent);} .header__menu-submenu span{display: flex; width: 58px; height: 34px; flex: 0 0 58px; align-items: center; justify-content: center; border-radius: 7px; background: rgb(17, 24, 39);} .header__menu-submenu img{display: block; max-width: 48px; max-height: 22px; object-fit: contain;} .lobby-hero{margin: 0 var(--indent-negative); background: linear-gradient(90deg, rgba(9, 15, 28, 0.97), rgba(11, 30, 22, 0.9) 58%, rgba(13, 48, 29, 0.82)), url("../images/providers/pragmatic.svg") right 7% center / 270px no-repeat; border-bottom: 1px solid rgba(121, 255, 122, 0.14); box-shadow: rgba(121, 255, 122, 0.08) 0px -1px inset, rgba(0, 0, 0, 0.18) 0px 20px 64px inset;} .lobby-hero__inner{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(390px, 520px); min-height: 250px; padding: 24px max(24px, calc(var(--indent) * 2)) 20px; gap: 26px; align-items: center;} .hero__title{max-width: 680px; margin-top: 12px; color: rgb(255, 255, 255); font-size: 46px; line-height: 1.05; letter-spacing: 0px;} .hero__caption{max-width: 640px; margin-top: 14px; color: var(--muted); font-size: 16px; line-height: 1.7;} .hero-search{position: relative; max-width: 520px; margin-top: 24px;} .hero-search__input{width: 100%; height: 54px; padding: 0px 58px 0px 18px; border: 1px solid rgba(121, 255, 122, 0.14); border-radius: 8px; background: rgba(5, 10, 18, 0.86); color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; outline: 0px;} .hero-search__input::placeholder{color: rgba(238, 245, 255, 0.45);} .hero-search__btn{position: absolute; top: 8px; right: 8px; width: 38px; height: 38px; border: 0px; border-radius: 7px; background: var(--accent); color: rgb(16, 24, 40); font-size: 17px;} .lobby-hero__panel{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px;} .lobby-hero__quick{min-height: 112px; padding: 18px; border: 1px solid rgba(121, 255, 122, 0.11); border-radius: 8px; background: rgba(5, 10, 18, 0.9); box-shadow: rgba(121, 255, 122, 0.05) 0px 1px inset, rgba(0, 0, 0, 0.22) 0px 18px 32px;} .lobby-hero__quick span{display: flex; width: 36px; height: 36px; margin-bottom: 14px; align-items: center; justify-content: center; border-radius: 8px; background: rgba(121, 255, 122, 0.1); color: var(--accent); font-size: 18px;} .lobby-hero__quick strong, .lobby-hero__quick small{display: block;} .lobby-hero__quick strong{color: rgb(255, 255, 255); font-size: 16px; font-weight: 900;} .lobby-hero__quick small{margin-top: 4px; color: var(--muted); font-size: 12px; font-weight: 800;} .lobby-hero__quick.is-hot{border-color: rgba(121, 255, 122, 0.24); background: linear-gradient(135deg, rgba(9, 38, 24, 0.96), rgba(5, 10, 18, 0.94));} .content{padding: 22px var(--indent) 42px; background: transparent;} .provider-strip, .game-tabs, .trust-strip{border-radius: 8px; background: rgba(255, 255, 255, 0.04); border: 1px solid var(--line); box-shadow: none;} .provider-strip{display: grid; grid-template-columns: repeat(8, minmax(0px, 1fr)); gap: 10px; padding: 10px; overflow: visible;} .provider-card{min-width: 0px; height: 92px; padding: 12px 10px; flex-direction: column; justify-content: center; gap: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255);} .provider-card:hover{border-color: rgba(121, 255, 122, 0.45); background: rgba(121, 255, 122, 0.08); transform: translateY(-1px);} .provider-card img{width: 82%; max-width: 118px; height: 30px; object-fit: contain; filter: none;} .provider-card span{color: rgb(233, 241, 255); font-size: 12px; font-weight: 900; line-height: 1.1; text-align: center;} .provider-card small{color: var(--accent); font-size: 11px; font-weight: 900;} .game-tabs{margin-top: 14px; padding: 8px; gap: 8px;} .game-tabs a{height: 38px; padding: 0px 15px; border-radius: 7px; background: rgba(255, 255, 255, 0.043); border: 1px solid transparent; color: rgb(200, 211, 236); font-size: 13px; font-weight: 900;} .game-tabs a.is-active, .game-tabs a:hover{background: var(--accent); color: rgb(15, 23, 42);} .trust-strip{display: none;} .cols{display: grid; grid-template-columns: minmax(0px, 1fr) 300px; gap: 22px; margin-top: 22px;} .cols:has(.cols__side .notice-block){grid-template-columns: minmax(0px, 1fr);} .cols:has(.cols__side .notice-block) .cols__side{display: none;} .sect{margin-bottom: 28px;} .sect__top{margin-bottom: 14px; padding: 0px; border: 0px;} .sect__title{color: rgb(255, 255, 255); font-size: 22px; font-weight: 900;} .sect__title::before{content: ""; display: inline-block; width: 8px; height: 22px; margin-right: 10px; border-radius: 4px; background: var(--accent); vertical-align: -4px;} .sect__more{height: 34px; padding: 0px 13px; border-radius: 7px; background: rgba(255, 255, 255, 0.07); color: rgb(217, 228, 251); font-size: 12px; font-weight: 900;} .slot-grid{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 14px;} .slot-card{overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; background: var(--panel); box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 30px;} .slot-card:hover{border-color: rgba(121, 255, 122, 0.42); transform: translateY(-2px);} .slot-card__img{height: 130px; border-radius: 0px; background: rgb(16, 22, 43);} .slot-card__img img{width: 100%; height: 100%; object-fit: cover;} .slot-card__play{right: 10px; bottom: 10px; height: 34px; min-width: 92px; padding: 0px 13px; border-radius: 7px; background: var(--accent); color: rgb(16, 24, 40); font-size: 12px; font-weight: 900; opacity: 0; transform: translateY(6px);} .slot-card:hover .slot-card__play{opacity: 1; transform: translateY(0px);} .slot-card__body{padding: 11px 12px 12px; background: linear-gradient(rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));} .slot-card__meta{color: var(--muted); font-size: 11px; font-weight: 800;} .slot-card__meta a{color: var(--muted);} .slot-card__title{min-height: 38px; margin: 7px 0px 10px;} .slot-card__title a{color: rgb(255, 255, 255); font-size: 14px; line-height: 1.35; font-weight: 900;} .notice-block, .side-block, .descr, .game-head{border-radius: 8px; background: rgba(255, 255, 255, 0.043); border: 1px solid var(--line); box-shadow: none;} .side-block__title, .notice-block__title, .game-head__title, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5{color: rgb(255, 255, 255);} .notice-block__age{background: var(--accent); color: rgb(17, 22, 44);} .notice-block p, .descr, .full-text{color: var(--muted);} .popular{border-color: rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.035);} .popular__title{color: rgb(255, 255, 255);} .popular__category, .side-block__title a{color: var(--muted);} .footer{background: rgb(11, 16, 33); border-top: 1px solid var(--line);} .footer-providers img{background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.08);} .mobile-dock{background: rgba(25, 31, 58, 0.96); border-color: rgba(255, 255, 255, 0.08); box-shadow: rgba(0, 0, 0, 0.2) 0px -14px 30px;} .mobile-dock a{color: rgb(203, 215, 241);} .mobile-dock span{color: var(--accent);} @media screen and (max-width: 1220px){ .lobby-hero__inner{grid-template-columns: 1fr;} .lobby-hero__panel{max-width: 620px;} .provider-strip{display: flex; overflow-x: auto;} .provider-card{min-width: 142px;} .cols{display: block;} .cols__side{display: none;} .slot-grid{grid-template-columns: repeat(4, minmax(0px, 1fr));} } @media screen and (max-width: 760px){ :root{--indent: 14px; --indent-negative: -14px;} .header__inner{min-height: 60px; padding: 0 var(--indent);} .logo, .header__logo{height: 60px; font-size: 20px;} .lobby-hero__inner{min-height: 0px; padding-top: 22px; padding-bottom: 18px;} .hero__title{font-size: 30px;} .hero__caption{font-size: 14px;} .lobby-hero__panel{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;} .lobby-hero__quick{min-height: 96px; padding: 14px;} .provider-card{height: 72px; min-width: 132px;} .slot-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px;} .slot-card__img{height: 112px;} } @media screen and (max-width: 520px){ .hero__title{font-size: 27px;} .hero-search__input{height: 50px; font-size: 13px;} .game-tabs{overflow-x: auto; flex-wrap: nowrap;} .game-tabs a{white-space: nowrap;} .slot-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));} .slot-card__img{height: 108px;} .slot-card__title a{font-size: 13px;} } .header__menu .header__menu-submenu{visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.18s, transform 0.18s, visibility 0.18s; transform: translateX(-50%) translateY(6px);} .header__menu .header__menu-has-submenu:hover > .header__menu-submenu{visibility: visible; opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0px);} .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{visibility: visible; opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0px);} .provider-strip .provider-card{min-width: 142px; height: 102px; padding: 12px 10px 10px; align-items: center; justify-content: center; gap: 7px; text-align: center; display: flex !important;} .provider-strip .provider-card img{display: block; height: 30px; margin: 0px auto; object-fit: contain;} .provider-strip .provider-card span{width: 100%; height: auto; margin: 0px; padding: 0px; overflow: visible; font-size: 12px; line-height: 1.15; font-weight: 900; text-align: center; white-space: normal; display: block !important; position: static !important; color: rgb(238, 245, 255) !important;} .provider-strip .provider-card small{display: block; position: static; color: var(--accent); font-size: 11px; line-height: 1; font-weight: 900;} .content .provider-strip{display: grid; grid-template-columns: repeat(8, minmax(0px, 1fr)); gap: 10px; padding: 10px; border-radius: 8px; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.08);} .content .provider-strip .provider-card{min-width: 0px; height: 74px; padding: 8px 6px 7px; align-items: center; justify-content: center; gap: 5px; border-radius: 8px; background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: none; text-align: center; transform: none; display: flex !important;} .content .provider-strip .provider-card:hover{background: rgba(121, 255, 122, 0.09); border-color: rgba(121, 255, 122, 0.28); transform: translateY(-1px);} .content .provider-strip .provider-card img{width: 100%; max-width: 82px; height: 24px; margin: 0px auto; object-fit: contain;} .content .provider-strip .provider-card span{font-size: 11px; line-height: 1.1; font-weight: 900; text-align: center; display: block !important; color: rgb(238, 245, 255) !important;} .content .provider-strip .provider-card small{display: none;} .header__logo.logo{gap: 3px; font-size: 28px; font-weight: 900; text-transform: none;} .header__logo .logo__text{color: rgb(255, 255, 255) !important; text-transform: none;} .header__logo span:last-child{font-size: 18px; text-transform: lowercase; color: var(--accent) !important;} .sect__title{display: flex; align-items: center; gap: 9px; color: rgb(255, 255, 255);} .sect__title::before{content: ""; display: inline-block; width: 10px; height: 10px; margin: 0px; border-radius: 3px; background: var(--accent); box-shadow: none; vertical-align: 0px; flex: 0 0 auto;} .sect:first-of-type .sect__title::before, .sect__title::before{content: "" !important; font-family: inherit !important; width: 10px !important; height: 10px !important; margin: 0px !important; border-radius: 3px !important; background: var(--accent) !important; box-shadow: none !important;} .header__inner{min-height: 66px;} .header__menu{gap: 4px; justify-content: center;} .header__menu > li > a{height: 46px; padding: 0px 12px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; color: rgb(217, 229, 251); font-size: 13px; font-weight: 900; position: relative;} .header__menu > li > a::after{content: ""; position: absolute; left: 12px; right: 12px; bottom: 4px; height: 2px; border-radius: 2px; background: var(--accent); opacity: 0; transform: scaleX(0.4); transition: opacity 0.18s, transform 0.18s;} .header__menu > li > a:hover, .header__menu > li.is-active > a, .header__menu-has-submenu:hover > a{background: rgba(255, 255, 255, 0.043); color: rgb(255, 255, 255);} .header__menu > li > a:hover::after, .header__menu > li.is-active > a::after, .header__menu-has-submenu:hover > a::after{opacity: 1; transform: scaleX(1);} .header__menu-icon{width: 23px; height: 23px; border-radius: 7px; background: rgba(121, 255, 122, 0.09); border: 1px solid rgba(121, 255, 122, 0.18); color: var(--accent); font-size: 13px;} .header__menu .header__menu-submenu{top: calc(100% + 6px); left: 50%; width: 520px; grid-template-columns: repeat(4, minmax(0px, 1fr)); padding: 12px; gap: 9px; border-radius: 12px; background: linear-gradient(rgba(29, 36, 67, 0.98), rgba(17, 23, 44, 0.98)); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.38) 0px 24px 60px;} .header__menu .header__menu-submenu::before{top: -7px; width: 14px; height: 14px; background: rgba(29, 36, 67, 0.98);} .header__menu .header__menu-submenu a{min-height: 76px; padding: 10px 8px; flex-direction: column; justify-content: center; gap: 8px; border-radius: 9px; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.07); color: rgb(238, 245, 255); font-size: 12px; line-height: 1.1; text-align: center;} .header__menu .header__menu-submenu a::after{display: none;} .header__menu .header__menu-submenu a:hover{background: rgba(121, 255, 122, 0.1); border-color: rgba(121, 255, 122, 0.32); color: rgb(255, 255, 255); transform: translateY(-1px);} .header__menu .header__menu-submenu span{width: 78px; height: 32px; flex: 0 0 32px; border-radius: 7px; background: rgba(9, 14, 28, 0.72); border: 1px solid rgba(255, 255, 255, 0.06);} .header__menu .header__menu-submenu img{max-width: 66px; max-height: 22px;} .game-tabs a{gap: 8px;} .game-tabs a span{color: currentcolor; font-size: 14px;} .sect__title::before{display: none !important;} .sect__icon{display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 8px; background: rgba(121, 255, 122, 0.12); border: 1px solid rgba(121, 255, 122, 0.24); color: var(--accent); font-size: 15px; box-shadow: rgba(121, 255, 122, 0.07) 0px 10px 20px;} @media screen and (max-width: 980px){ .header__menu{overflow-x: auto; justify-content: flex-start; padding-bottom: 6px; scrollbar-width: none;} .header__menu::-webkit-scrollbar{display: none;} .header__menu > li{flex: 0 0 auto;} .header__menu > li > a{height: 40px; padding: 0px 10px; font-size: 12px;} .header__menu-icon{width: 21px; height: 21px; font-size: 12px;} .header__menu .header__menu-submenu{width: min(92vw, 420px); grid-template-columns: repeat(2, minmax(0px, 1fr)); left: 0px; transform: translateY(6px);} .header__menu .header__menu-has-submenu:hover > .header__menu-submenu{transform: translateY(0px);} .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{transform: translateY(0px);} .header__menu .header__menu-submenu::before{left: 28px;} } @media screen and (max-width: 760px){ .header{position: sticky;} .header__inner{min-height: auto; padding-top: 10px; padding-bottom: 10px; flex-wrap: wrap;} .header__logo.logo{height: 38px; font-size: 24px;} .header__menu{order: 5; width: 100%; flex-basis: 100%; margin-top: 8px;} .header__menu > li > a{height: 38px; border-radius: 8px; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.07);} .header__menu > li > a::after{display: none;} .header__menu .header__menu-submenu{position: fixed; left: 12px; right: 12px; top: 96px; width: auto; max-height: calc(-120px + 100vh); overflow: auto; transform: translateY(8px);} .header__menu .header__menu-has-submenu:hover > .header__menu-submenu{transform: translateY(0px);} .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{transform: translateY(0px);} .header__menu .header__menu-submenu a{min-height: 68px;} } body, input, button, textarea, select{font-family: SlotebiBody, Manrope, "Noto Sans Georgian", -apple-system, system-ui, "Segoe UI", sans-serif;} h1, h2, h3, h4, h5, .hero__title, .sect__title, .logo{font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif;} .header__logo.logo, .footer__logo.logo{text-transform: uppercase; letter-spacing: 0px;} .header__logo .logo__text, .footer__logo .logo__text{text-transform: uppercase;} .header__logo span:last-child, .footer__logo span:last-child{text-transform: uppercase;} .footer{margin: 38px var(--indent-negative) 0; background: linear-gradient(rgba(18, 24, 45, 0.98), rgb(10, 14, 29)), radial-gradient(circle at 18% 0%, rgba(121, 255, 122, 0.12), transparent 28%), radial-gradient(circle at 78% 20%, rgba(102, 81, 255, 0.16), transparent 34%); border-top: 1px solid rgba(255, 255, 255, 0.08); box-shadow: rgba(255, 255, 255, 0.035) 0px 1px inset;} .footer__inner{display: grid; grid-template-columns: minmax(260px, 1.4fr) minmax(180px, 0.7fr) minmax(260px, 1fr); gap: 28px; max-width: 1460px; margin: 0px auto; padding: 34px max(28px, calc(var(--indent) * 2)) 18px;} .footer__brand p{max-width: 420px; margin: 12px 0px 16px; color: rgb(154, 167, 194); font-size: 14px; line-height: 1.7;} .footer__logo.logo{display: inline-flex; height: auto; font-size: 30px; font-weight: 900; line-height: 1; color: rgb(255, 255, 255) !important;} .footer__logo span:last-child{color: var(--accent) !important; font-size: 20px;} .footer__title{margin-bottom: 13px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 900; text-transform: uppercase;} .footer__links{display: grid; gap: 9px; margin: 0px; padding: 0px;} .footer__links a{display: inline-flex; color: rgb(170, 182, 207); font-size: 14px; font-weight: 800;} .footer__links a:hover{color: var(--accent);} .footer-providers{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px;} .footer-providers img{width: 100%; height: 40px; padding: 9px 10px; border-radius: 8px; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.08); object-fit: contain;} .footer__bottom{grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 18px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.08); color: rgb(127, 138, 163); font-size: 12px; font-weight: 800; line-height: 1.5;} @media screen and (max-width: 900px){ .footer__inner{grid-template-columns: 1fr 1fr;} .footer__brand{grid-column: 1 / -1;} .footer__bottom{display: grid;} } @media screen and (max-width: 560px){ .footer{margin-top: 28px;} .footer__inner{grid-template-columns: 1fr; padding-bottom: 82px;} .footer__brand{grid-column: auto;} .footer-providers{grid-template-columns: repeat(2, minmax(0px, 1fr));} .footer__logo.logo{font-size: 26px;} } .header{overflow: visible; background: linear-gradient(90deg, rgba(18, 24, 45, 0.98), rgba(25, 31, 58, 0.96)), radial-gradient(circle at 18% 50%, rgba(121, 255, 122, 0.18), transparent 24%), radial-gradient(circle at 82% 40%, rgba(102, 81, 255, 0.28), transparent 28%);} .header::before{content: "777"; position: absolute; right: 118px; top: -22px; z-index: -1; color: rgba(255, 255, 255, 0.035); font-family: Arial, sans-serif; font-size: 96px; line-height: 1; font-weight: 900; letter-spacing: 0px; transform: skewX(-8deg); pointer-events: none;} .header::after{content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(120deg, transparent 0px, transparent 34%, rgba(121, 255, 122, 0.08) 34%, rgba(121, 255, 122, 0.08) 35%, transparent 35%, transparent 100%), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.024) 0px, rgba(255, 255, 255, 0.024) 1px, transparent 1px, transparent 42px); pointer-events: none;} .header__menu > li > a{gap: 7px;} .header__menu > li > a[href$="/slotebi/"]::before, .header__menu > li > a[href$="/kazino/"]::before, .header__menu > li > a[href$="/min-tamashebi/"]::before, .header__menu > li > a[href$="/pokeri/"]::before, .header__menu > li > a[href$="/video/"]::before, .header__menu > li > a[href$="/siaxleebi/"]::before, .header__menu > li > a[href$="/top-slotebi/"]::before, .header__menu > li > a[href$="/akhali-slotebi/"]::before{font-family: "Font Awesome 5 Pro"; font-weight: 300; color: var(--accent); font-size: 15px; line-height: 1;} .header__menu > li > a[href$="/slotebi/"]::before, .header__menu > li > a[href$="/kazino/"]::before, .header__menu > li > a[href$="/min-tamashebi/"]::before, .header__menu > li > a[href$="/pokeri/"]::before, .header__menu > li > a[href$="/video/"]::before, .header__menu > li > a[href$="/siaxleebi/"]::before, .header__menu > li > a[href$="/top-slotebi/"]::before, .header__menu > li > a[href$="/akhali-slotebi/"]::before{display: none;} .header__menu-icon{display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 6px; background: rgba(121, 255, 122, 0.1); border: 1px solid rgba(121, 255, 122, 0.22); color: var(--accent); font-size: 12px; line-height: 1;} .header__menu > li > a[href$="/slotebi/"]::before{content: "";} .header__menu > li > a[href$="/kazino/"]::before{content: "";} .header__menu > li > a[href$="/min-tamashebi/"]::before{content: "";} .header__menu > li > a[href$="/pokeri/"]::before{content: "";} .header__menu > li > a[href$="/video/"]::before{content: "";} .header__menu > li > a[href$="/siaxleebi/"]::before{content: "";} .header__menu > li > a[href$="/top-slotebi/"]::before{content: "";} .header__menu > li > a[href$="/akhali-slotebi/"]::before{content: "";} @media screen and (max-width: 980px){ .header::before{right: 64px; font-size: 74px;} .header__menu > li > a[href$="/video/"], .header__menu > li > a[href$="/siaxleebi/"]{display: none;} } @media screen and (max-width: 760px){ .header::before{right: 44px; top: -12px; font-size: 58px;} } .header__menu > li > a[href$="/siaxleebi/"]{display: inline-flex !important;} .header__menu .header__menu-has-submenu{position: static;} .header__menu .header__menu-submenu{max-height: none; visibility: hidden; opacity: 0; pointer-events: none; left: 50% !important; top: 66px !important; width: min(1160px, -56px + 100vw) !important; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 8px !important; padding: 12px !important; border-radius: 6px !important; background: rgb(34, 36, 47) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 26px 60px !important; transform: translateX(-50%) translateY(8px) !important;} .header__menu .header__menu-submenu::before{display: none;} .header__menu .header__menu-has-submenu:hover > .header__menu-submenu, .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{visibility: visible; opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0px) !important;} .header__menu .header__menu-submenu li{min-width: 0px;} .header__menu .header__menu-submenu a{display: flex !important; min-height: 52px !important; padding: 8px 10px !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; gap: 12px !important; border-radius: 4px !important; background: rgb(48, 46, 58) !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; color: rgb(186, 189, 197) !important; font-size: 13px !important; font-weight: 800 !important; text-align: left !important;} .header__menu .header__menu-submenu a:hover{background: var(--accent) !important; border-color: var(--accent) !important; color: rgb(11, 18, 32) !important; transform: none !important;} .header__menu .header__menu-submenu span{width: 54px !important; height: 36px !important; flex: 0 0 54px !important; border-radius: 4px !important; background: rgb(33, 26, 43) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important;} .header__menu .header__menu-submenu img{object-fit: contain; max-width: 46px !important; max-height: 24px !important;} .content .provider-strip{grid-template-columns: repeat(8, minmax(0px, 1fr));} @media screen and (max-width: 980px){ .header__inner{flex-wrap: wrap; align-items: center; padding-top: 10px; padding-bottom: 10px;} .header__logo.logo{height: 36px; font-size: 24px;} .header__menu{order: 5; width: 100%; flex-basis: 100%; margin-top: 8px; overflow-x: auto; justify-content: flex-start; padding-bottom: 4px;} .header__menu > li{flex: 0 0 auto;} .header__menu > li > a{height: 38px; padding: 0px 10px; border-radius: 7px; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.07); font-size: 12px;} .header__menu > li > a::after{display: none;} .header__menu .header__menu-has-submenu{position: static;} .header__menu .header__menu-submenu{max-height: calc(-134px + 100vh); overflow: auto; position: fixed !important; left: 12px !important; right: 12px !important; top: 112px !important; width: auto !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; padding: 10px !important; transform: translateY(8px) !important;} .header__menu .header__menu-has-submenu:hover > .header__menu-submenu, .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{transform: translateY(0px) !important;} .header__menu .header__menu-submenu a{min-height: 58px !important; padding: 8px !important;} .content .provider-strip{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); overflow: visible;} } @media screen and (max-width: 560px){ .header__menu .header__menu-submenu{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; top: 106px !important;} .header__menu .header__menu-submenu a{flex-direction: column !important; min-height: 78px !important; gap: 7px !important; justify-content: center !important; text-align: center !important;} .content .provider-strip{grid-template-columns: repeat(2, minmax(0px, 1fr));} } :root{--accent: #79ff7a; --accent-2: #79ff7a; --purple: #79ff7a; --danger: #79ff7a;} body{background: radial-gradient(circle at 70% -12%, rgba(121, 255, 122, 0.18), transparent 34%), linear-gradient(rgb(19, 26, 52) 0%, rgb(17, 22, 44) 42%, rgb(14, 19, 38) 100%) !important;} .header{background: linear-gradient(90deg, rgba(18, 24, 45, 0.98), rgba(25, 31, 58, 0.96)), radial-gradient(circle at 18% 50%, rgba(121, 255, 122, 0.16), transparent 24%), radial-gradient(circle at 82% 40%, rgba(121, 255, 122, 0.1), transparent 28%) !important;} .header::after{background: linear-gradient(120deg, transparent 0px, transparent 34%, rgba(121, 255, 122, 0.08) 34%, rgba(121, 255, 122, 0.08) 35%, transparent 35%, transparent 100%), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.024) 0px, rgba(255, 255, 255, 0.024) 1px, transparent 1px, transparent 42px) !important;} .header__logo span:last-child, .footer__logo span:last-child, .header__menu-icon, .mobile-dock span, .sect__icon, .provider-card small{color: var(--accent) !important;} .hero-search__btn, .game-tabs a.is-active, .game-tabs a:hover{background: var(--accent) !important; border-color: var(--accent) !important; color: rgb(11, 18, 32) !important;} .hero-search__input:focus{border-color: rgba(121, 255, 122, 0.55) !important; box-shadow: rgba(121, 255, 122, 0.12) 0px 0px 0px 3px !important;} .header a[href*="login"], button[type="submit"], input[type="submit"]{border-color: rgba(121, 255, 122, 0.36) !important; background: rgba(121, 255, 122, 0.12) !important; color: var(--accent) !important;} .lobby-hero__quick.is-hot{border-color: rgba(121, 255, 122, 0.24) !important; background: linear-gradient(135deg, rgba(9, 38, 24, 0.96), rgba(5, 10, 18, 0.94)) !important;} .sect__more, .game-tabs a, .header__menu > li > a:hover, .header__menu > li.is-active > a, .header__menu-has-submenu:hover > a{border-color: rgba(121, 255, 122, 0.2) !important;} .header__menu > li > a::after{background: var(--accent) !important;} .header__menu .header__menu-submenu{background: rgb(28, 38, 50) !important; border-color: rgba(121, 255, 122, 0.18) !important;} .header__menu .header__menu-submenu a{background: rgb(38, 49, 61) !important; border-color: rgba(121, 255, 122, 0.12) !important; color: rgb(203, 215, 223) !important;} .header__menu .header__menu-submenu a:hover{background: rgba(121, 255, 122, 0.15) !important; border-color: rgba(121, 255, 122, 0.42) !important; color: rgb(255, 255, 255) !important;} .header__menu .header__menu-submenu span{background: rgb(18, 27, 36) !important; border-color: rgba(121, 255, 122, 0.16) !important;} .provider-card:hover, .content .provider-strip .provider-card:hover, .footer__links a:hover{border-color: rgba(121, 255, 122, 0.32) !important; color: var(--accent) !important;} .footer{background: linear-gradient(rgba(18, 24, 45, 0.98), rgb(10, 14, 29)), radial-gradient(circle at 18% 0%, rgba(121, 255, 122, 0.12), transparent 28%), radial-gradient(circle at 78% 20%, rgba(121, 255, 122, 0.08), transparent 34%) !important;} .hero-search .hero-search__btn, .hero-search button{background: var(--accent) !important; border-color: var(--accent) !important; color: rgb(11, 18, 32) !important; opacity: 1 !important;} .header__inner > a:last-of-type, .header__inner > button:not(.header__btn-mobmenu), .header__inner [class*="login"] a, .header__inner [class*="login"] button, .header__inner a[href*="do=login"], .header__inner a[href*="login"]{background: rgba(121, 255, 122, 0.14) !important; border-color: rgba(121, 255, 122, 0.36) !important; color: var(--accent) !important; box-shadow: none !important;} .header__inner > a:last-of-type:hover, .header__inner > button:not(.header__btn-mobmenu):hover, .header__inner [class*="login"] a:hover, .header__inner [class*="login"] button:hover{background: var(--accent) !important; color: rgb(11, 18, 32) !important;} .header__inner > .header__logo.logo, .header__inner > .header__logo.logo:hover, .header__inner > .header__logo.logo:focus{background: transparent !important; border-color: transparent !important; box-shadow: none !important; color: rgb(255, 255, 255) !important;} .header__logo.logo{min-width: 178px; justify-content: flex-start; padding: 0px !important;} .header__logo .logo__text{color: rgb(255, 255, 255) !important;} .header__logo span:last-child{color: var(--accent) !important;} .header__menu .header__menu-submenu{padding: 14px !important; gap: 8px !important; background: rgb(22, 33, 43) !important; border: 1px solid rgba(121, 255, 122, 0.18) !important; border-radius: 8px !important; box-shadow: rgba(0, 0, 0, 0.44) 0px 28px 68px, rgba(255, 255, 255, 0.04) 0px 1px inset !important; backdrop-filter: none !important; overflow: hidden !important;} .header__menu .header__menu-submenu li, .header__menu .header__menu-submenu li + li{padding: 0px !important; border: 0px !important;} .header__menu .header__menu-submenu a{background: rgb(32, 43, 54) !important; border: 1px solid rgb(45, 58, 70) !important; border-radius: 6px !important; box-shadow: none !important; overflow: hidden !important;} .header__menu .header__menu-submenu a:hover{background: rgb(37, 55, 70) !important; border-color: rgba(121, 255, 122, 0.38) !important; color: rgb(255, 255, 255) !important;} .header__menu .header__menu-submenu span{background: rgb(16, 24, 32) !important; border: 1px solid rgb(40, 53, 65) !important; box-shadow: none !important;} .header__menu .header__menu-submenu img{display: block !important; filter: none !important;} body, body input, body button, body textarea, body select, .wrapper, .content, .hero__caption, .slot-card, .slot-card *, .provider-card, .provider-card *, .header__menu a, .header__menu-submenu a, .game-tabs a, .descr, .descr *, .footer, .footer *, .login, .login *, .serv, .serv *, .form, .form *{font-family: SlotebiBody, Manrope, "Noto Sans Georgian", -apple-system, system-ui, "Segoe UI", sans-serif !important;} .fal::before, .fas::before, .header__menu-icon, .hero-search__btn, .login__close, .mobile-dock span, .sect__icon{font-family: "Font Awesome 5 Pro" !important;} .hero__title, .sect__title, .sect__title *, .header__logo.logo, .footer__logo.logo, .slot-card__title, .slot-card__title *, .footer__title{font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif !important;} .header__logo.logo, .footer__logo.logo{gap: 4px !important;} .header__logo span:last-child, .footer__logo span:last-child{font-size: inherit !important; line-height: inherit !important;} .login__close{align-items: center; justify-content: center; display: flex !important; color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important; background: rgba(121, 255, 122, 0.16) !important; border: 1px solid rgba(121, 255, 122, 0.34) !important; border-radius: 8px !important; z-index: 5 !important;} .login__close::before{color: rgb(255, 255, 255) !important; opacity: 1 !important;} .login__close:hover{background: var(--accent) !important; color: rgb(11, 18, 32) !important;} .login__close:hover::before{color: rgb(11, 18, 32) !important;} .login__close::before{content: "" !important; font-family: "Font Awesome 5 Pro" !important; color: rgb(255, 255, 255) !important; opacity: 1 !important;} body .hero__title, body .sect__title, body .sect__title *, body .header__logo.logo, body .footer__logo.logo, body .slot-card__title, body .slot-card__title *, body .footer__title{font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif !important;} html, body{overflow-x: hidden !important;} .header__menu > li > a{font-size: 15px !important; font-weight: 800 !important; min-height: 42px !important; padding: 0px 14px !important; gap: 8px !important;} .header__menu-icon, .header__menu > li > a::before{font-size: 18px !important;} .hero__title{font-size: clamp(30px, 3.1vw, 40px) !important; line-height: 1.12 !important; max-width: 760px !important;} .footer__inner{grid-template-columns: minmax(170px, 0.7fr) minmax(160px, 0.65fr) minmax(420px, 1.65fr) !important; align-items: start !important; gap: 28px !important;} .footer-providers{display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 8px !important; width: 100% !important; max-width: 560px !important;} .footer-providers img{width: 100% !important; height: 42px !important; object-fit: contain !important; padding: 8px 10px !important; background: rgb(18, 27, 36) !important; border: 1px solid rgba(121, 255, 122, 0.14) !important; border-radius: 7px !important; opacity: 0.96 !important;} .footer__bottom{grid-column: 1 / -1 !important; width: 100% !important; margin-top: 4px !important; padding-top: 16px !important;} @media (max-width: 1100px){ .header__menu > li > a{font-size: 14px !important; padding: 0px 10px !important;} .hero__title{font-size: clamp(28px, 5vw, 36px) !important;} .footer__inner{grid-template-columns: 1fr 1fr !important;} .footer__group:last-of-type{grid-column: 1 / -1 !important;} .footer-providers{max-width: none !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;} } @media (max-width: 640px){ .header__menu > li > a{font-size: 14px !important; min-height: 44px !important; padding: 0px 12px !important;} .hero__title{font-size: 27px !important; line-height: 1.16 !important;} .footer__inner{grid-template-columns: 1fr !important; gap: 22px !important;} .footer__group:last-of-type{grid-column: auto !important;} .footer-providers{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} .footer-providers img{height: 40px !important;} } .header__menu .header__menu-has-submenu::after{content: ""; position: fixed; left: 0px; right: 0px; top: 54px; height: 22px; display: none; z-index: 998; background: transparent;} .header__menu .header__menu-has-submenu:hover::after, .header__menu .header__menu-has-submenu:focus-within::after, .header__menu .header__menu-has-submenu.is-active::after{display: block;} .header__menu .header__menu-submenu{z-index: 999 !important; transition: opacity 0.12s, transform 0.12s, visibility linear 0.12s !important;} .header__menu .header__menu-has-submenu:hover > .header__menu-submenu, .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{transition-delay: 0s !important;} .game-tabs a span, .game-tabs a::before, .sect__icon, .lobby-hero__quick span, .trust-strip__item span{background: transparent !important; border: 0px !important; box-shadow: none !important;} @media (max-width: 980px){ .header__menu .header__menu-has-submenu::after{top: 96px; height: 28px;} } @media (max-width: 560px){ .header__menu .header__menu-has-submenu::after{top: 90px; height: 28px;} } .header__menu-icon{width: auto !important; height: auto !important; min-width: 0px !important; background: transparent !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; color: var(--accent) !important; font-size: 19px !important; line-height: 1 !important;} @media (max-width: 980px){ .header__menu-icon{font-size: 18px !important;} } .descr, .descr *, .descr h1, .descr h2, .descr h3, .descr p, .descr li, .descr strong, .footer, .footer *, .footer__title, .footer__links a, .footer__brand-text, .footer__bottom{font-family: SlotebiBody, Manrope, "Noto Sans Georgian", -apple-system, system-ui, "Segoe UI", sans-serif !important; letter-spacing: 0px !important;} .descr{margin-top: 28px !important; padding: 26px 28px !important; gap: 14px !important; color: rgb(199, 209, 228) !important; font-size: 15px !important; line-height: 1.8 !important;} .descr h1, .descr h2, .descr h3{font-size: 22px !important; line-height: 1.35 !important; color: rgb(255, 255, 255) !important; font-weight: 900 !important;} .descr p, .descr li{color: rgb(199, 209, 228) !important; font-size: 15px !important; line-height: 1.8 !important;} .descr strong{color: rgb(255, 255, 255) !important; font-weight: 900 !important;} .footer__brand{display: grid !important; grid-template-columns: auto auto !important; align-items: center !important; justify-content: start !important; gap: 10px 14px !important;} .footer__brand-text{grid-column: 1 / -1 !important; max-width: 320px !important; margin: 0px !important; color: rgb(154, 167, 194) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.7 !important;} .footer__title, .footer__links a{font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important;} .footer__title{color: rgb(255, 255, 255) !important; font-size: 15px !important; font-weight: 900 !important;} .footer__links a{color: rgb(174, 185, 207) !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.45 !important;} .footer__links a:hover{color: var(--accent) !important;} .footer__logo.logo, .footer__logo.logo *{font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif !important;} body .footer__title{font-family: SlotebiBody, Manrope, "Noto Sans Georgian", -apple-system, system-ui, "Segoe UI", sans-serif !important;} body p, body p *, .content p, .content p *, .descr p, .descr p *, .footer p, .footer p *, .footer__brand-text, .footer__brand-text *{font-family: SlotebiBody, Manrope, "Noto Sans Georgian", -apple-system, system-ui, "Segoe UI", sans-serif !important; letter-spacing: 0px !important;} #scrolltop, .scrolltop{background: rgba(121, 255, 122, 0.14) !important; border: 1px solid rgba(121, 255, 122, 0.34) !important; color: var(--accent) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 28px !important;} #scrolltop::before, .scrolltop::before{color: var(--accent) !important;} #scrolltop:hover, .scrolltop:hover{background: var(--accent) !important; border-color: var(--accent) !important; color: rgb(11, 18, 32) !important;} #scrolltop:hover::before, .scrolltop:hover::before{color: rgb(11, 18, 32) !important;} .header__menu .header__menu-has-submenu{position: relative !important;} .header__menu .header__menu-has-submenu::after{content: ""; position: absolute !important; left: -360px !important; top: 100% !important; width: min(1160px, -56px + 100vw) !important; height: 18px !important; display: block !important; z-index: 998 !important; background: transparent !important; pointer-events: auto !important;} .header__menu .header__menu-submenu{position: absolute !important; left: -345px !important; top: calc(100% + 16px) !important; width: min(1160px, -56px + 100vw) !important; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 0px !important; padding: 10px 10px 14px !important; border: 0px !important; border-radius: 0px !important; background: rgb(34, 36, 47) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 26px 60px !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transform: none !important; transition: opacity 0.1s, visibility linear 0.1s !important; z-index: 999 !important;} .header__menu .header__menu-has-submenu:hover > .header__menu-submenu, .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transform: none !important; transition-delay: 0s !important;} .header__menu .header__menu-submenu li{display: block !important; position: relative !important; width: 100% !important; min-width: 0px !important; max-height: 51px !important; margin: 0px !important; padding: 0px !important; border: 0px !important;} .header__menu .header__menu-submenu li + li{border: 0px !important;} .header__menu .header__menu-submenu a{display: flex !important; width: 100% !important; min-height: 51px !important; height: 51px !important; align-items: center !important; justify-content: flex-start !important; flex-direction: row !important; gap: 10px !important; padding: 5px 15px !important; border: 0px !important; border-radius: 0px !important; background: rgb(48, 46, 58) !important; box-shadow: rgb(62, 61, 70) 0px 0px 0px 1px !important; color: rgb(186, 189, 197) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; text-align: left !important; letter-spacing: 0px !important; transition: 0.1s !important;} .header__menu .header__menu-submenu a:hover{background: var(--accent) !important; border-color: transparent !important; box-shadow: 0 0 0 1px var(--accent) !important; color: rgb(11, 18, 32) !important; transform: none !important;} .header__menu .header__menu-submenu span{width: 40px !important; height: 40px !important; flex: 0 0 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0px !important; border: 0px !important; border-radius: 100px !important; background: rgba(255, 255, 255, 0.15) !important; box-shadow: none !important;} .header__menu .header__menu-submenu img{width: 28px !important; height: 27px !important; max-width: 28px !important; max-height: 27px !important; object-fit: contain !important; border-radius: 100px !important; filter: none !important;} @media (max-width: 1220px){ .header__menu .header__menu-submenu{left: 50% !important; transform: translateX(-50%) !important;} .header__menu .header__menu-has-submenu:hover > .header__menu-submenu, .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{transform: translateX(-50%) !important;} } @media (max-width: 980px){ .header__menu .header__menu-submenu{position: fixed !important; left: 12px !important; right: 12px !important; top: 112px !important; width: auto !important; max-height: calc(-134px + 100vh) !important; overflow: auto !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; transform: none !important;} .header__menu .header__menu-has-submenu:hover > .header__menu-submenu, .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{transform: none !important;} } @media (max-width: 560px){ .header__menu .header__menu-submenu{top: 106px !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} .header__menu .header__menu-submenu a{min-height: 58px !important; height: 58px !important; padding: 7px 8px !important; font-size: 12px !important;} .header__menu .header__menu-submenu span{width: 36px !important; height: 36px !important; flex-basis: 36px !important;} } @media (max-width: 640px){ .descr{padding: 20px !important; font-size: 14px !important;} .descr h1, .descr h2, .descr h3{font-size: 19px !important;} .footer__brand{grid-template-columns: auto auto !important;} .footer__brand-text{max-width: none !important;} } .header__menu .header__menu-submenu{gap: 8px !important; grid-auto-rows: 58px !important; padding: 12px !important; background: rgb(34, 36, 47) !important; overflow: visible !important;} .header__menu .header__menu-submenu li{height: 58px !important; max-height: none !important; overflow: visible !important;} .header__menu .header__menu-submenu a, .header__menu .header__menu-submenu a:link, .header__menu .header__menu-submenu a:visited{height: 58px !important; min-height: 58px !important; padding: 8px 14px !important; background: rgb(48, 46, 58) !important; box-shadow: rgb(62, 61, 70) 0px 0px 0px 1px !important; color: rgb(186, 189, 197) !important; text-decoration: none !important; text-underline-offset: 0px !important;} .header__menu .header__menu-submenu a:hover, .header__menu .header__menu-submenu a:focus{background: var(--accent) !important; box-shadow: 0 0 0 1px var(--accent) !important; color: rgb(11, 18, 32) !important; text-decoration: none !important;} .header__menu .header__menu-submenu a:hover span, .header__menu .header__menu-submenu a:focus span{background: rgba(11, 18, 32, 0.12) !important;} @media (max-width: 560px){ .header__menu .header__menu-submenu{gap: 8px !important; grid-auto-rows: 62px !important;} .header__menu .header__menu-submenu li, .header__menu .header__menu-submenu a, .header__menu .header__menu-submenu a:link, .header__menu .header__menu-submenu a:visited{height: 62px !important; min-height: 62px !important;} } .game-page{display: grid !important; gap: 18px !important;} .game-head{position: relative !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) 260px !important; gap: 28px !important; align-items: stretch !important; padding: 26px !important; overflow: hidden !important; border-radius: 10px !important; background: linear-gradient(135deg, rgba(121, 255, 122, 0.1), transparent 34%), linear-gradient(rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.024)), rgb(17, 25, 35) !important; border: 1px solid rgba(121, 255, 122, 0.16) !important; box-shadow: rgba(255, 255, 255, 0.043) 0px 1px inset, rgba(0, 0, 0, 0.22) 0px 22px 56px !important;} .game-head::after{content: "777"; position: absolute; right: 230px; top: -28px; color: rgba(121, 255, 122, 0.043); font-family: Arial, sans-serif; font-size: 128px; font-weight: 900; line-height: 1; pointer-events: none;} .game-head__text{position: relative; z-index: 1; display: flex; min-width: 0px; flex-direction: column; justify-content: center;} .game-head__crumb{display: inline-flex !important; width: fit-content !important; margin-bottom: 12px !important; padding: 6px 10px !important; border-radius: 999px !important; background: rgba(121, 255, 122, 0.11) !important; border: 1px solid rgba(121, 255, 122, 0.22) !important; color: var(--accent) !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.25 !important;} .game-head__title{max-width: 760px !important; margin: 0px !important; color: rgb(255, 255, 255) !important; font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif !important; font-size: clamp(30px, 3.2vw, 42px) !important; font-weight: 900 !important; line-height: 1.1 !important;} .game-head__poster{z-index: 1; position: relative !important; width: 260px !important; height: 170px !important; align-self: center !important; border-radius: 9px !important; background: rgb(11, 16, 24) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 18px 44px !important; overflow: hidden !important;} .game-head__poster img{width: 100% !important; height: 100% !important; object-fit: cover !important;} .game-frame{width: 100% !important; height: clamp(520px, 68vh, 760px) !important; min-height: 520px !important; margin: 0px !important; border-radius: 10px !important; background: rgb(5, 7, 12) !important; border: 1px solid rgba(121, 255, 122, 0.15) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 24px 70px !important; overflow: hidden !important;} .game-frame iframe{display: block !important; width: 100% !important; height: 100% !important; border: 0px !important; background: rgb(5, 7, 12) !important;} .game-frame__empty{min-height: 100% !important; display: grid !important; place-items: center !important; align-content: center !important; gap: 12px !important; color: rgb(159, 176, 200) !important; text-align: center !important;} .game-frame__empty .fal{color: var(--accent) !important; font-size: 46px !important;} .game-description{display: grid !important; gap: 16px !important; margin: 0px !important; padding: 24px !important; border-radius: 10px !important; background: rgb(17, 25, 35) !important; border: 1px solid rgba(121, 255, 122, 0.12) !important; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px inset !important;} .game-section-title{display: flex !important; align-items: center !important; gap: 10px !important;} .game-section-title span{color: var(--accent) !important; font-size: 18px !important;} .game-section-title h2{margin: 0px !important; color: rgb(255, 255, 255) !important; font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1.25 !important;} .game-description .full-text{color: rgb(193, 202, 218) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 16px !important; line-height: 1.8 !important;} .game-description .full-text p{margin-bottom: 14px !important; color: rgb(193, 202, 218) !important; font-size: 16px !important; line-height: 1.8 !important;} .game-description .full-text > :last-child{margin-bottom: 0px !important;} .game-frame [hidden]{display: none !important;} .game-frame-actions{display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 14px 26px !important; margin: 4px 0px 30px !important;} .game-frame-actions__refresh{display: inline-flex !important; min-width: 210px !important; height: 42px !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 0px 18px !important; border: 1px solid rgba(121, 255, 122, 0.35) !important; border-radius: 7px !important; background: rgba(121, 255, 122, 0.12) !important; color: var(--accent) !important; box-shadow: rgba(121, 255, 122, 0.08) 0px 10px 26px !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 14px !important; font-weight: 900 !important; line-height: 42px !important; text-decoration: none !important; cursor: pointer !important; transition: background 0.18s, border-color 0.18s, color 0.18s, transform 0.18s !important;} .game-frame-actions__refresh:hover{background: var(--accent) !important; border-color: var(--accent) !important; color: rgb(11, 18, 32) !important; transform: translateY(-1px) !important;} .game-frame-actions__refresh::before{font-family: "Font Awesome 5 Pro" !important;} body .game-head__title, body .game-section-title h2{font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif !important;} @media (max-width: 980px){ .game-head{grid-template-columns: 1fr !important; padding: 20px !important;} .game-head::after{right: 18px; font-size: 92px;} .game-head__poster{order: -1; width: 100% !important; height: 220px !important;} .game-frame{height: 62vh !important; min-height: 430px !important;} } @media (max-width: 560px){ .game-page{gap: 14px !important;} .game-head{padding: 16px !important;} .game-head__poster{height: 178px !important;} .game-head__title{font-size: 26px !important;} .game-frame{height: 58vh !important; min-height: 320px !important;} .game-description{padding: 18px !important;} } .game-head{grid-template-columns: minmax(0px, 1fr) 190px !important; gap: 18px !important; padding: 18px !important;} .game-head::after{right: 160px !important; top: -20px !important; font-size: 92px !important;} .game-head__crumb{margin-bottom: 8px !important; padding: 5px 9px !important; font-size: 12px !important;} .game-head__title{max-width: 680px !important; font-size: clamp(26px, 2.55vw, 34px) !important; line-height: 1.08 !important;} @keyframes slotebi-spin { 100% { transform: rotate(360deg); } } .game-head__poster{width: 190px !important; height: 124px !important;} @media (max-width: 980px){ .game-head{grid-template-columns: 1fr !important; padding: 16px !important;} .game-head__poster{width: 100% !important; height: 190px !important;} } @media (max-width: 560px){ .game-head__title{font-size: 24px !important;} .game-head__poster{height: 160px !important;} } .content{padding-top: 22px !important;} .game-head{grid-template-columns: minmax(0px, 1fr) 170px !important; gap: 16px !important; padding: 14px 16px !important;} .game-head::after{right: 130px !important; font-size: 78px !important;} .game-head__title{font-size: clamp(24px, 2.25vw, 30px) !important;} .game-head__poster{width: 170px !important; height: 112px !important;} .game-rating{display: inline-flex !important; height: 36px !important; align-items: center !important; gap: 10px !important; padding: 0px 12px !important; border-radius: 7px !important; background: rgba(255, 255, 255, 0.043) !important; border: 1px solid rgba(121, 255, 122, 0.14) !important;} .game-rating .unit-rating{transform: scale(1.12); transform-origin: left center;} .game-report a, .game-report__btn{display: inline-flex !important; height: 36px !important; align-items: center !important; gap: 8px !important; padding: 0px 12px !important; border-radius: 7px !important; background: rgba(255, 70, 70, 0.12) !important; border: 1px solid rgba(255, 70, 70, 0.34) !important; color: rgb(255, 107, 107) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 13px !important; font-weight: 900 !important; line-height: 36px !important; text-decoration: none !important; cursor: pointer !important;} .game-report a:hover, .game-report__btn:hover{background: rgb(255, 77, 77) !important; border-color: rgb(255, 77, 77) !important; color: rgb(255, 255, 255) !important;} .game-report__btn::before{font-family: "Font Awesome 5 Pro" !important;} .dle-popup-complaint textarea{border-color: rgba(255, 70, 70, 0.45) !important;} .page__tags{display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; margin: 8px 0px 28px !important; color: transparent !important;} .page__tags > span{display: none !important;} .page__tags a{display: inline-flex !important; height: 32px !important; align-items: center !important; padding: 0px 12px !important; border: 0px !important; border-radius: 7px !important; background: rgba(121, 255, 122, 0.08) !important; color: rgb(184, 247, 189) !important; box-shadow: rgba(121, 255, 122, 0.18) 0px 0px 0px 1px inset !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 32px !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important;} .page__tags a:hover{background: rgba(121, 255, 122, 0.16) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(121, 255, 122, 0.34) 0px 0px 0px 1px inset !important;} .game-rating{min-width: 174px !important; justify-content: center !important; background: rgba(13, 18, 29, 0.86) !important; border: 0px !important; box-shadow: rgba(121, 255, 122, 0.18) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.18) 0px 10px 24px !important; color: rgb(255, 217, 92) !important; overflow: hidden !important;} .game-rating .unit-rating{width: 85px !important; height: 17px !important; flex: 0 0 85px !important; overflow: hidden !important;} .game-rating .unit-rating, .game-rating .unit-rating *{font-size: 0px !important; line-height: 0 !important; text-decoration: none !important;} .game-rating .unit-rating li:not(.current-rating){width: 17px !important; height: 17px !important; margin: 0px !important; padding: 0px !important;} .game-rating .unit-rating li.current-rating{position: absolute !important; left: 0px !important; top: 0px !important; height: 17px !important;} .game-report a, .game-report__btn{border: 0px !important; background: rgba(255, 77, 77, 0.1) !important; box-shadow: rgba(255, 77, 77, 0.26) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.16) 0px 10px 24px !important; transition: background 0.18s, box-shadow 0.18s, color 0.18s, transform 0.18s !important;} .game-report a:hover, .game-report__btn:hover{background: rgba(255, 77, 77, 0.2) !important; border-color: transparent !important; box-shadow: rgba(255, 77, 77, 0.46) 0px 0px 0px 1px inset, rgba(255, 77, 77, 0.12) 0px 14px 30px !important; color: rgb(255, 255, 255) !important; transform: translateY(-1px) !important;} .dle-popup-complaint .ui-dialog-content{background: rgb(17, 23, 34) !important; color: rgb(233, 238, 247) !important;} .dle-popup-complaint textarea, .dle-popup-complaint input{border: 0px !important; background: rgb(13, 18, 29) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(255, 77, 77, 0.32) 0px 0px 0px 1px inset !important;} .game-favorite a, .game-favorite__btn{display: inline-flex !important; height: 38px !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 0px 14px !important; border: 0px !important; border-radius: 7px !important; background: rgba(255, 213, 79, 0.1) !important; box-shadow: rgba(255, 213, 79, 0.28) 0px 0px 0px 1px inset !important; color: rgb(255, 217, 92) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 13px !important; font-weight: 900 !important; line-height: 38px !important; text-decoration: none !important; white-space: nowrap !important; cursor: pointer !important;} .game-favorite a:hover{background: rgba(255, 213, 79, 0.16) !important; box-shadow: rgba(255, 213, 79, 0.42) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important;} .game-favorite__btn{background: transparent !important; box-shadow: none !important; padding: 0px !important; height: auto !important; line-height: inherit !important;} .game-favorite__btn::before{font-family: "Font Awesome 5 Pro" !important;} .game-frame-actions .game-report a{display: inline-flex !important; height: 38px !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 0px 14px !important; border: 0px !important; border-radius: 7px !important; background: rgba(255, 77, 77, 0.1) !important; box-shadow: rgba(255, 77, 77, 0.28) 0px 0px 0px 1px inset !important; color: rgb(255, 123, 123) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 13px !important; font-weight: 900 !important; line-height: 38px !important; text-decoration: none !important; white-space: nowrap !important; transition: none !important;} .game-frame-actions .game-report a:hover{background: rgba(255, 77, 77, 0.1) !important; box-shadow: rgba(255, 77, 77, 0.28) 0px 0px 0px 1px inset !important; color: rgb(255, 123, 123) !important; transform: none !important;} .game-frame-actions .game-report__btn{display: inline-flex !important; height: auto !important; align-items: center !important; gap: 8px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; color: inherit !important; font: inherit !important;} .game-frame-actions .game-report__btn::before{font-family: "Font Awesome 5 Pro" !important;} .header__inner .header__btn-login, .header__inner .header__btn-login:hover{background: rgba(255, 77, 77, 0.14) !important; border-color: rgba(255, 77, 77, 0.42) !important; color: rgb(255, 123, 123) !important; box-shadow: none !important;} .header__inner .header__btn-login:hover{background: rgba(255, 77, 77, 0.22) !important; color: rgb(255, 255, 255) !important;} .login__close, .login__close:hover{background: rgba(255, 77, 77, 0.16) !important; border-color: rgba(255, 77, 77, 0.42) !important; color: rgb(255, 123, 123) !important;} .login__close::before, .login__close:hover::before{color: rgb(255, 123, 123) !important; opacity: 1 !important;} .game-head__text{align-self: start !important; padding-top: 2px !important;} .game-head__crumb{display: inline-flex !important; min-height: 28px !important; align-items: center !important; width: fit-content !important; max-width: 100% !important; margin: -2px 0px 12px !important; padding: 0px 11px !important; border: 0px !important; border-radius: 999px !important; background: linear-gradient(135deg, rgba(121, 255, 122, 0.22), rgba(121, 255, 122, 0.08)) !important; box-shadow: rgba(121, 255, 122, 0.28) 0px 0px 0px 1px inset, rgba(121, 255, 122, 0.08) 0px 8px 22px !important; color: rgb(184, 247, 189) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 12px !important; font-weight: 900 !important; line-height: 28px !important;} .game-head__title{margin: 0px !important; letter-spacing: 0px !important;} @media (max-width: 980px){ .content{padding-top: 16px !important;} .game-head{grid-template-columns: 1fr !important;} .game-head__poster{width: 100% !important; height: 170px !important;} } @media (max-width: 560px){ .game-rating, .game-report a{width: 100% !important;} .game-rating, .game-report a{justify-content: center !important;} .game-frame-actions__refresh{width: 100% !important;} } .game-favorite__login{display: inline-flex !important; height: 38px !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 0px 14px !important; border: 0px !important; border-radius: 7px !important; background: rgba(255, 213, 79, 0.1) !important; box-shadow: rgba(255, 213, 79, 0.28) 0px 0px 0px 1px inset !important; color: rgb(255, 217, 92) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 13px !important; font-weight: 900 !important; line-height: 38px !important; white-space: nowrap !important; cursor: pointer !important;} .game-favorite__login::before{font-family: "Font Awesome 5 Pro" !important;} .game-favorite__login:hover{background: rgba(255, 213, 79, 0.16) !important; box-shadow: rgba(255, 213, 79, 0.42) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important;} body .header__inner .header__btn-login, body .header__inner .header__btn-login:focus{background: rgba(255, 77, 77, 0.14) !important; border-color: rgba(255, 77, 77, 0.42) !important; color: rgb(255, 123, 123) !important; box-shadow: none !important;} body .header__inner .header__btn-login:hover{background: rgba(255, 77, 77, 0.22) !important; border-color: rgba(255, 77, 77, 0.52) !important; color: rgb(255, 255, 255) !important;} body .login__close, body .login__close:hover, body .login__close:focus{background: rgba(255, 77, 77, 0.16) !important; border-color: rgba(255, 77, 77, 0.42) !important; color: rgb(255, 123, 123) !important;} body .login__close::before, body .login__close:hover::before, body .login__close:focus::before{color: rgb(255, 123, 123) !important; opacity: 1 !important;} body .game-frame-actions .game-rating{min-width: 112px !important; height: 40px !important; padding: 0px !important; margin-right: 4px !important; transform: translateX(-22px) !important; justify-content: flex-start !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important;} body .game-frame-actions .game-rating .unit-rating{width: 85px !important; height: 17px !important; flex-basis: 85px !important; transform: scale(1.22) !important; transform-origin: left center !important; background: transparent !important; margin-top: 0px !important; margin-left: 0px !important; position: relative !important; overflow: hidden !important;} body .game-frame-actions .game-rating .unit-rating::before{content: none !important;} body .game-frame-actions .game-rating .unit-rating li:not(.current-rating){width: 17px !important; height: 17px !important; background: url("../dleimages/rating.svg") 0px 0px no-repeat !important; position: relative !important; z-index: 5 !important;} body .game-frame-actions .game-rating .unit-rating:hover li{background-position: 0px -17px !important; z-index: 10 !important;} body .game-frame-actions .game-rating .unit-rating li:hover ~ li{background-position: 0px 0px !important; z-index: 5 !important;} body .game-frame-actions .game-rating .unit-rating li.current-rating{display: block !important; position: absolute !important; left: 0px !important; top: 0px !important; height: 17px !important; background: url("../dleimages/rating.svg") 0px -34px repeat-x !important; pointer-events: none !important; text-indent: -200px !important; overflow: hidden !important; z-index: 6 !important;} body .game-frame-actions .game-rating .unit-rating li a{width: 17px !important; height: 17px !important;} body .game-frame-actions .game-frame-actions__refresh, body .game-frame-actions .game-favorite a, body .game-frame-actions .game-favorite__login, body .game-frame-actions .game-report a{height: 40px !important; line-height: 40px !important; border-radius: 9px !important;} @media (max-width: 560px){ .game-favorite, .game-favorite a, .game-favorite__login, .game-frame-actions .game-report, .game-frame-actions .game-report a{width: 100% !important;} } body .message-info.serv, body .message-info{margin: 18px 0px 22px !important; padding: 16px 20px 16px 68px !important; border: 1px solid rgba(255, 77, 77, 0.38) !important; border-radius: 10px !important; background: linear-gradient(135deg, rgba(255, 77, 77, 0.14), rgba(17, 23, 34, 0.96)) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 16px 42px, rgba(255, 255, 255, 0.03) 0px 0px 0px 1px inset !important; color: rgb(238, 245, 255) !important;} body .message-info::before{width: 48px !important; background: rgb(239, 68, 68) !important; color: rgb(255, 255, 255) !important; border-radius: 9px 0px 0px 9px !important;} body .message-info__title{color: rgb(255, 255, 255) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 15px !important; font-weight: 900 !important;} body .message-info__content{color: rgb(255, 209, 209) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 14px !important; font-weight: 700 !important;} .mobile-category-strip{display: none;} @media (max-width: 760px){ body{overflow-x: hidden;} .header{position: relative !important; z-index: 50 !important;} .header__inner{min-height: 60px !important; height: 60px !important; padding: 0px 12px !important; gap: 8px !important; flex-wrap: nowrap !important;} .header__logo.logo{display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; min-width: 0px !important; max-width: none !important; margin: 0px !important; padding: 0px !important; overflow: visible !important; white-space: nowrap !important; font-size: 20px !important; line-height: 1 !important; letter-spacing: 0px !important;} .header__logo .logo__text, .header__logo span:last-child{display: inline !important; font-size: 1em !important; line-height: 1 !important; letter-spacing: 0px !important;} .header__inner .header__btn-login{flex: 0 0 auto !important; height: 36px !important; min-width: 66px !important; margin-left: auto !important; padding: 0px 11px !important; border-radius: 8px !important; font-size: 12px !important; line-height: 36px !important;} .header__btn-mobmenu{display: inline-flex !important; flex: 0 0 38px !important; width: 38px !important; height: 38px !important; margin: 0px !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.06) !important; color: rgb(238, 246, 255) !important;} .mobile-category-strip{scrollbar-width: none; display: none !important; width: 100% !important; gap: 8px !important; padding: 10px 12px 12px !important; overflow: auto hidden !important; background: linear-gradient(rgba(7, 10, 18, 0.98), rgba(9, 13, 22, 0.96)) !important; border-top: 1px solid rgba(255, 255, 255, 0.06) !important; border-bottom: 1px solid rgba(121, 255, 122, 0.16) !important;} .mobile-category-strip::-webkit-scrollbar{display: none;} .mobile-category-strip a{display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; min-width: 96px !important; height: 52px !important; align-items: center !important; gap: 8px !important; padding: 0px 12px !important; border: 1px solid rgba(121, 255, 122, 0.14) !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.043) !important; box-shadow: none !important; color: rgb(232, 238, 248) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.15 !important; text-decoration: none !important; white-space: nowrap !important;} .mobile-category-strip a span{display: inline-flex !important; flex: 0 0 28px !important; width: 28px !important; height: 28px !important; align-items: center !important; justify-content: center !important; border: 0px !important; border-radius: 8px !important; background: rgba(121, 255, 122, 0.12) !important; color: var(--accent) !important; font-size: 14px !important;} .mobile-category-strip a.is-active, .mobile-category-strip a:hover, .mobile-category-strip a:focus{border-color: rgba(121, 255, 122, 0.34) !important; background: rgba(121, 255, 122, 0.13) !important; color: rgb(255, 255, 255) !important; text-decoration: none !important;} .lobby-hero{display: block !important; margin-top: 0px !important; height: auto !important; min-height: 0px !important; padding: 20px 0px 18px !important;} .lobby-hero__copy{min-height: 0px !important;} .hero__inner, .lobby-hero__inner{width: 100% !important; padding-left: 22px !important; padding-right: 22px !important;} .hero__title{text-wrap: balance; max-width: 330px !important; font-size: 21px !important; line-height: 1.28 !important; margin: 0px auto !important; text-align: center !important;} .hero__caption, .hero-search, .lobby-hero__panel{display: none !important;} .content .provider-strip{scrollbar-width: none; display: flex !important; grid-template-columns: none !important; gap: 10px !important; margin: 4px -14px 16px !important; padding: 0px 15px 12px !important; overflow-x: auto !important;} .content .provider-strip::-webkit-scrollbar{display: none;} .content .provider-strip .provider-card{display: flex !important; flex-direction: column !important; flex: 0 0 118px !important; width: 118px !important; box-sizing: border-box !important; min-height: 82px !important; padding: 12px 10px !important; border-radius: 9px !important; align-items: center !important; justify-content: center !important; gap: 7px !important; text-align: center !important;} .content .provider-strip .provider-card img{display: block !important; flex: 0 0 auto !important; max-width: 76px !important; width: auto !important; height: 24px !important; margin: 0px auto !important; object-fit: contain !important;} .content .provider-strip .provider-card span{font-size: 10px !important; line-height: 1.2 !important; width: 100% !important; text-align: center !important;} .content .provider-strip .provider-card small{top: 7px !important; right: 7px !important; min-width: 24px !important; height: 18px !important; padding: 0px 5px !important; font-size: 10px !important; line-height: 18px !important;} .game-tabs{scrollbar-width: none; margin: 0px 0px 14px !important; padding: 0px 0px 4px !important; gap: 8px !important; overflow-x: auto !important;} .game-tabs::-webkit-scrollbar{display: none;} .game-tabs a{flex: 0 0 auto !important; min-width: 106px !important; height: 42px !important; border-radius: 9px !important; font-size: 12px !important;} body .mobile-menu{display: flex !important; flex-direction: column !important; left: -100vw !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; box-sizing: border-box !important; background: rgb(7, 11, 19) !important; border: 0px !important; box-shadow: none !important;} body .mobile-menu.is-active{left: 0px !important;} body .mobile-menu__header{flex: 0 0 auto !important; min-height: 64px !important; padding: 0px 14px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important; background: linear-gradient(rgba(15, 21, 35, 0.98), rgba(8, 12, 21, 0.98)) !important;} body .mobile-menu__header .logo{display: inline-flex !important; height: auto !important; min-width: 0px !important; line-height: 1 !important; font-size: 20px !important; overflow: visible !important;} body .mobile-menu__header .logo .logo__text{color: rgb(255, 255, 255) !important;} body .mobile-menu__header .logo span:last-child{color: var(--accent) !important; font-size: 1em !important;} body .mobile-menu__btn-close{display: inline-flex !important; flex: 0 0 40px !important; width: 40px !important; height: 40px !important; align-items: center !important; justify-content: center !important; margin: 0px 0px 0px auto !important; border: 1px solid rgba(255, 77, 77, 0.38) !important; border-radius: 10px !important; background: rgba(255, 77, 77, 0.14) !important; color: rgb(255, 131, 131) !important; font-size: 19px !important; line-height: 40px !important; opacity: 1 !important; visibility: visible !important;} body .mobile-menu__btn-close::before{color: rgb(255, 131, 131) !important; opacity: 1 !important;} body .mobile-menu__search{display: none !important;} body .mobile-menu__content{flex: 1 1 auto !important; width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; overflow: hidden auto !important; padding: 12px 14px !important;} body .mobile-nav{display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; gap: 8px !important; margin: 0px !important; padding: 0px !important; list-style: none !important;} body .mobile-nav__item{display: block !important; position: relative !important; width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; margin: 0px !important; padding: 0px !important;} body .mobile-nav__link{display: flex !important; width: 100% !important; box-sizing: border-box !important; height: 48px !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; padding: 0px 12px !important; border: 1px solid rgba(121, 255, 122, 0.13) !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.043) !important; box-shadow: none !important; color: rgb(237, 245, 255) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important;} body .mobile-nav__link::before{display: none !important;} body .mobile-nav__icon{display: inline-flex !important; flex: 0 0 30px !important; width: 30px !important; height: 30px !important; align-items: center !important; justify-content: center !important; margin: 0px !important; border: 0px !important; border-radius: 8px !important; background: rgba(121, 255, 122, 0.12) !important; color: var(--accent) !important; font-size: 14px !important;} body .mobile-nav__item--providers > .mobile-nav__link::after{content: "" !important; display: inline-flex !important; position: static !important; width: 28px !important; height: 28px !important; align-items: center !important; justify-content: center !important; margin-left: auto !important; border: 0px !important; border-radius: 8px !important; background: rgba(121, 255, 122, 0.1) !important; box-shadow: none !important; color: rgb(158, 247, 191) !important; font-family: "Font Awesome 5 Pro" !important; font-size: 15px !important; font-weight: 300 !important; transform: none !important; opacity: 1 !important; visibility: visible !important;} body .mobile-nav__item--providers > .mobile-nav__link:hover::after, body .mobile-nav__item--providers > .mobile-nav__link:focus::after{color: rgb(158, 247, 191) !important; opacity: 1 !important; visibility: visible !important;} body .mobile-nav__item--providers::before{display: none !important; content: none !important;} body .mobile-nav__item--providers::after{display: none !important; content: none !important;} body .mobile-nav__item--providers.is-active > .mobile-nav__link{border-color: rgba(121, 255, 122, 0.32) !important; background: rgba(121, 255, 122, 0.11) !important;} body .mobile-nav__item--providers.is-active > .mobile-nav__link::after{content: "" !important; background: rgba(121, 255, 122, 0.16) !important;} body .mobile-nav__providers{position: static !important; display: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; height: auto !important; min-width: 0px !important; margin: 10px 0px 0px !important; padding: 10px !important; list-style: none !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; justify-content: stretch !important; place-items: stretch !important; gap: 8px !important; border: 1px solid rgba(121, 255, 122, 0.12) !important; border-radius: 11px !important; background: rgba(10, 15, 25, 0.92) !important; box-shadow: rgba(255, 255, 255, 0.03) 0px 0px 0px 1px inset !important; opacity: 1 !important; visibility: visible !important; transform: none !important;} body .mobile-nav__providers::before, body .mobile-nav__providers::after{display: none !important; content: none !important;} body .mobile-nav__item--providers.is-active > .mobile-nav__providers{display: grid !important;} body .mobile-nav__provider, body .mobile-nav__provider + .mobile-nav__provider{display: block !important; width: 100% !important; min-width: 0px !important; max-width: none !important; height: auto !important; margin: 0px !important; padding: 0px !important; border: 0px !important;} body .mobile-nav__provider-link{display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; box-sizing: border-box !important; min-height: 94px !important; height: 94px !important; align-items: center !important; justify-content: center !important; gap: 7px !important; margin: 0px !important; padding: 9px 7px !important; border: 0px !important; border-radius: 9px !important; background: rgba(255, 255, 255, 0.043) !important; color: rgb(220, 231, 245) !important; box-shadow: none !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 10px !important; font-weight: 850 !important; line-height: 1.15 !important; text-decoration: none !important; text-align: center !important;} body .mobile-nav__provider-link:hover, body .mobile-nav__provider-link:focus{background: rgba(121, 255, 122, 0.12) !important; color: rgb(255, 255, 255) !important;} body .mobile-nav__provider-logo{display: flex !important; flex: 0 0 46px !important; width: min(104px, 80%) !important; max-width: 104px !important; height: 46px !important; align-items: center !important; justify-content: center !important; margin: 0px auto !important; border: 0px !important; border-radius: 7px !important; background: rgba(0, 0, 0, 0.18) !important;} body .mobile-nav__provider-logo.provider-all-slots-icon{color: var(--accent) !important; font-size: 22px !important;} body .mobile-nav__provider-logo img{display: block !important; width: auto !important; max-width: 58px !important; height: auto !important; max-height: 30px !important; margin-left: auto !important; margin-right: auto !important; object-fit: contain !important;} body .mobile-menu__footer{flex: 0 0 auto !important; padding: 14px !important; border-top: 1px solid rgba(255, 255, 255, 0.07) !important; background: rgba(15, 21, 35, 0.84) !important;} body .mobile-menu__brand{color: rgb(255, 255, 255) !important; font-family: SlotebiHeading, SlotebiBody, sans-serif !important; font-size: 17px !important; font-weight: 900 !important; letter-spacing: 0px !important;} body .mobile-menu__brand span{color: var(--accent) !important;} body .mobile-menu__footer p{margin: 6px 0px 10px !important; color: rgb(170, 184, 202) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.45 !important;} } @media (max-width: 380px){ .header__logo.logo{font-size: 18px !important;} .header__inner .header__btn-login{min-width: 60px !important; padding: 0px 9px !important; font-size: 11px !important;} .mobile-category-strip a{min-width: 90px !important; padding: 0px 10px !important;} } @media (max-width: 760px){ body .game-page{margin-top: 0px !important;} body .game-head{display: grid !important; grid-template-columns: 98px minmax(0px, 1fr) !important; gap: 12px !important; align-items: center !important; width: 100% !important; margin: 0px 0px 14px !important; padding: 12px !important; border-radius: 12px !important; background: linear-gradient(145deg, rgba(17, 24, 38, 0.96), rgba(10, 15, 25, 0.96)) !important; box-shadow: rgba(121, 255, 122, 0.12) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 14px 32px !important; overflow: hidden !important;} body .game-head::after{display: none !important;} body .game-head__poster{grid-area: 1 / 1 !important; order: 0 !important; width: 98px !important; height: 76px !important; min-height: 0px !important; margin: 0px !important; border-radius: 10px !important; box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 1px inset !important;} body .game-head__poster img{width: 100% !important; height: 100% !important; object-fit: cover !important;} body .game-head__text{grid-area: 1 / 2 !important; order: 1 !important; min-width: 0px !important; padding: 0px !important; align-self: center !important;} body .game-head__crumb{display: inline-flex !important; width: fit-content !important; max-width: 100% !important; min-height: 24px !important; height: 24px !important; margin: 0px 0px 8px !important; padding: 0px 9px !important; border-radius: 999px !important; font-size: 10px !important; line-height: 24px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; justify-self: start !important;} body .game-head__title{text-wrap: balance; max-width: 100% !important; margin: 0px !important; color: rgb(255, 255, 255) !important; font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.18 !important; letter-spacing: 0px !important;} body .game-frame{width: 100% !important; min-height: 680px !important; height: 800px !important; height: 90dvh !important; max-height: 960px !important; margin: 0px 0px 14px !important; border-radius: 12px !important;} body .game-frame__empty{padding: 22px !important; text-align: center !important;} body .game-frame-actions{display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important; width: 100% !important; margin: 0px 0px 22px !important; align-items: center !important;} body .game-frame-actions .game-rating{grid-column: 1 / -1 !important; width: 100% !important; min-width: 0px !important; height: 34px !important; margin: 0px !important; padding: 0px !important; transform: none !important; justify-content: flex-start !important;} body .game-frame-actions .game-frame-actions__refresh, body .game-frame-actions .game-favorite, body .game-frame-actions .game-favorite a, body .game-frame-actions .game-favorite__login, body .game-frame-actions .game-report, body .game-frame-actions .game-report a{width: 100% !important; min-width: 0px !important;} body .game-frame-actions .game-report{grid-column: 1 / -1 !important;} body .game-frame-actions .game-report a{height: 38px !important; line-height: 38px !important;} } @media (max-width: 380px){ body .game-head{grid-template-columns: 88px minmax(0px, 1fr) !important; gap: 10px !important; padding: 10px !important;} body .game-head__poster{width: 88px !important; height: 70px !important;} body .game-head__title{font-size: 16px !important;} } body .game-frame-actions{display: grid !important; grid-template-columns: minmax(184px, 1fr) minmax(184px, 1fr) minmax(124px, 0.72fr) 110px !important; gap: 10px !important; width: 100% !important; max-width: 920px !important; box-sizing: border-box !important; align-items: stretch !important; justify-content: stretch !important; margin: 0px auto 30px !important; padding: 12px !important; border: 1px solid rgba(121, 255, 122, 0.12) !important; border-radius: 10px !important; background: rgba(12, 18, 29, 0.78) !important; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px inset, rgba(0, 0, 0, 0.18) 0px 16px 38px !important;} body .game-frame-actions > *, body .game-frame-actions .game-favorite, body .game-frame-actions .game-report{display: flex !important; width: 100% !important; min-width: 0px !important; height: 44px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; margin: 0px !important; padding: 0px !important; transform: none !important;} body .game-frame-actions .game-rating{grid-column: auto !important; min-width: 0px !important; height: 44px !important; justify-content: center !important; margin: 0px !important; overflow: visible !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.035) !important; box-shadow: rgba(255, 217, 92, 0.2) 0px 0px 0px 1px inset !important; transform: none !important;} body .game-frame-actions .game-rating .unit-rating{display: inline-flex !important; flex: 0 0 85px !important; flex-wrap: nowrap !important; width: 85px !important; height: 17px !important; margin: 0px !important; overflow: hidden !important; position: relative !important; transform: none !important; transform-origin: center center !important; white-space: nowrap !important;} body .game-frame-actions .game-rating .unit-rating li:not(.current-rating){display: block !important; flex: 0 0 17px !important; width: 17px !important; height: 17px !important; margin: 0px !important; padding: 0px !important;} body .game-frame-actions .game-rating .unit-rating li.current-rating{position: absolute !important; left: 0px !important; top: 0px !important; flex: 0 0 auto !important;} body .game-frame-actions .game-frame-actions__refresh, body .game-frame-actions .game-favorite a, body .game-frame-actions .game-favorite__login, body .game-frame-actions .game-report a{display: inline-flex !important; width: 100% !important; min-width: 0px !important; height: 44px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0px !important; padding: 0px 12px !important; border-radius: 8px !important; font-size: 13px !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; transform: none !important;} @media (min-width: 761px) and (max-width: 1100px){ body .game-head{grid-template-columns: 220px minmax(0px, 1fr) !important; gap: 18px !important; min-height: 150px !important; padding: 16px !important; align-items: center !important;} body .game-head::after{display: none !important;} body .game-head__poster{grid-area: 1 / 1 !important; order: 0 !important; width: 220px !important; height: 136px !important; margin: 0px !important;} body .game-head__text{grid-area: 1 / 2 !important; min-width: 0px !important; align-self: center !important;} body .game-head__title{font-size: clamp(22px, 3vw, 30px) !important;} body .game-frame{height: clamp(440px, 58vh, 620px) !important; min-height: 440px !important;} } @media (max-width: 700px){ body .game-frame-actions{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} body .game-frame-actions .game-rating, body .game-frame-actions .game-report{grid-column: auto !important;} } @media (max-width: 480px){ body .game-frame-actions{grid-template-columns: minmax(0px, 1fr) !important; padding: 10px !important;} body .game-frame-actions .game-rating, body .game-frame-actions .game-report{grid-column: 1 !important;} } body .content{margin-top: 0px !important; margin-bottom: 0px !important;} @media (min-width: 761px){ body .mobile-dock{display: none !important;} } @media (min-width: 761px) and (max-width: 1220px){ body .header__inner{padding-left: clamp(28px, 4.5vw, 52px) !important; padding-right: clamp(28px, 4.5vw, 52px) !important;} body .lobby-hero.hero{padding-top: 0px !important; padding-bottom: 0px !important;} body .lobby-hero.hero .lobby-hero__inner, body .lobby-hero__inner{grid-template-columns: minmax(0px, 1fr) minmax(360px, 460px) !important; min-height: 230px !important; padding: 30px clamp(28px, 4.5vw, 52px) 8px !important; gap: 22px !important;} body .lobby-hero__panel{display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; max-width: none !important; gap: 8px !important;} body .lobby-hero__quick{min-height: 72px !important; padding: 9px 8px !important;} body .lobby-hero__quick span{width: 26px !important; height: 26px !important; margin-bottom: 6px !important; font-size: 14px !important;} body .lobby-hero__quick strong{font-size: 12px !important; line-height: 1.1 !important;} body .lobby-hero__quick small{display: none !important;} } @media (min-width: 761px) and (max-width: 900px){ body .lobby-hero.hero .lobby-hero__inner, body .lobby-hero__inner{grid-template-columns: minmax(0px, 1fr) minmax(320px, 360px) !important; min-height: 230px !important; gap: 16px !important;} body .hero__title{font-size: clamp(24px, 3.5vw, 30px) !important;} } @media (min-width: 1221px){ body .header .header__menu{display: flex !important;} body .header__btn-mobmenu{display: none !important;} body .header__menu .header__menu-submenu{position: fixed !important; left: 50vw !important; top: 68px !important; width: min(1160px, -56px + 100vw) !important; max-width: calc(-56px + 100vw) !important; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 8px !important; padding: 12px !important; border: 0px !important; border-radius: 0px !important; background: rgb(34, 36, 47) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 26px 60px !important; transform: translateX(-50%) translateY(8px) !important;} body .header__menu .header__menu-submenu a, body .header__menu .header__menu-submenu a:link, body .header__menu .header__menu-submenu a:visited{height: 58px !important; min-height: 58px !important; padding: 8px 14px !important; border: 0px !important; border-radius: 0px !important; background: rgb(48, 46, 58) !important; box-shadow: rgb(62, 61, 70) 0px 0px 0px 1px !important; color: rgb(186, 189, 197) !important; text-decoration: none !important;} body .header__menu .header__menu-submenu a:hover, body .header__menu .header__menu-submenu a:focus{background: var(--accent) !important; box-shadow: 0 0 0 1px var(--accent) !important; color: rgb(11, 18, 32) !important; text-decoration: none !important;} body .header__menu .header__menu-submenu span{width: 40px !important; height: 40px !important; flex: 0 0 40px !important; border-radius: 100px !important; background: rgba(255, 255, 255, 0.15) !important;} body .header__menu .header__menu-submenu img{width: 28px !important; height: 27px !important; max-width: 28px !important; max-height: 27px !important;} body .header__menu .header__menu-has-submenu:hover > .header__menu-submenu, body .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, body .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0px) !important;} } @media (max-width: 1220px){ body .header .header__menu{display: none !important;} body .header__btn-mobmenu{display: inline-flex !important;} body .mobile-menu{left: -100vw !important; width: min(460px, 100vw) !important; max-width: 100vw !important;} body .mobile-menu.is-active{left: 0px !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu{display: grid !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu, body .mobile-menu.is-active .mobile-nav__providers{position: static !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; max-width: 100% !important; margin: 8px 0px 0px !important; padding: 8px !important; display: none !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 8px !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-has-submenu.is-active > .header__menu-submenu, body .mobile-menu.is-active .mobile-nav__item--providers.is-active > .mobile-nav__providers{display: grid !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu a, body .mobile-menu.is-active .mobile-nav__provider-link{height: 76px !important; min-height: 76px !important;} } @media (max-width: 520px){ body .mobile-menu{width: 100vw !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu, body .mobile-menu.is-active .mobile-nav__providers{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu a, body .mobile-menu.is-active .mobile-nav__provider-link{height: 82px !important; min-height: 82px !important;} } @media (min-width: 1221px){ body .header .header__menu{display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; overflow: visible !important;} body .header__btn-mobmenu{display: none !important;} body .header__menu .header__menu-has-submenu{position: relative !important;} body .header__menu .header__menu-submenu{position: absolute !important; left: 50% !important; right: auto !important; top: calc(100% + 12px) !important; z-index: 100 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; width: min(760px, -56px + 100vw) !important; max-width: calc(-56px + 100vw) !important; max-height: calc(-110px + 100vh) !important; box-sizing: border-box !important; gap: 10px !important; margin: 0px !important; padding: 12px !important; overflow: auto !important; border: 1px solid rgba(121, 255, 122, 0.16) !important; border-radius: 10px !important; background: rgba(8, 13, 23, 0.98) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 24px 58px !important; backdrop-filter: blur(16px) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateX(-50%) translateY(8px) !important; transition: opacity 0.18s, transform 0.18s, visibility 0.18s !important;} body .header__menu .header__menu-submenu::before, body .header__menu .header__menu-submenu::after{display: none !important; content: none !important;} body .header__menu .header__menu-has-submenu:hover > .header__menu-submenu, body .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, body .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0px) !important;} body .header__menu .header__menu-submenu li, body .header__menu .header__menu-submenu li + li{width: 100% !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important;} body .header__menu .header__menu-submenu a{display: flex !important; min-width: 0px !important; min-height: 58px !important; align-items: center !important; gap: 10px !important; margin: 0px !important; padding: 8px 10px !important; border: 1px solid rgba(121, 255, 122, 0.1) !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.043) !important; color: rgb(237, 245, 255) !important; text-decoration: none !important; box-shadow: none !important;} body .header__menu .header__menu-submenu a:hover, body .header__menu .header__menu-submenu a:focus{border-color: rgba(121, 255, 122, 0.28) !important; background: rgba(121, 255, 122, 0.12) !important; color: rgb(255, 255, 255) !important; text-decoration: none !important;} body .header__menu .header__menu-submenu span{display: inline-flex !important; flex: 0 0 58px !important; width: 58px !important; height: 38px !important; align-items: center !important; justify-content: center !important; border-radius: 7px !important; background: rgba(0, 0, 0, 0.2) !important;} body .header__menu .header__menu-submenu img{display: block !important; width: auto !important; max-width: 52px !important; height: auto !important; max-height: 26px !important; object-fit: contain !important;} } @media (max-width: 1220px){ body .header .header__menu{display: none !important;} body .header__btn-mobmenu{display: inline-flex !important;} body .mobile-menu__content .header__menu, body .mobile-nav{display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; gap: 8px !important; margin: 0px !important; padding: 0px !important; overflow: visible !important;} body .mobile-menu__content .header__menu > li, body .mobile-nav__item{position: relative !important; width: 100% !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important;} body .mobile-menu__content .header__menu > li > a, body .mobile-nav__link{display: flex !important; width: 100% !important; height: 48px !important; box-sizing: border-box !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; padding: 0px 12px !important; border: 1px solid rgba(121, 255, 122, 0.13) !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.043) !important; color: rgb(237, 245, 255) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important;} body .mobile-menu__content .header__menu-has-submenu > a::after, body .mobile-nav__item--providers > .mobile-nav__link::after{content: "" !important; display: inline-flex !important; width: 28px !important; height: 28px !important; align-items: center !important; justify-content: center !important; margin-left: auto !important; border-radius: 8px !important; background: rgba(121, 255, 122, 0.1) !important; color: rgb(158, 247, 191) !important; font-family: "Font Awesome 5 Pro" !important; font-weight: 300 !important;} body .mobile-menu__content .header__menu-has-submenu.is-active > a::after, body .mobile-nav__item--providers.is-active > .mobile-nav__link::after{content: "" !important;} body .mobile-menu__content .header__menu-submenu, body .mobile-nav__providers{position: static !important; left: auto !important; right: auto !important; top: auto !important; display: none !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; box-sizing: border-box !important; gap: 8px !important; margin: 8px 0px 0px !important; padding: 8px !important; overflow: visible !important; border: 1px solid rgba(121, 255, 122, 0.14) !important; border-radius: 10px !important; background: rgba(10, 15, 25, 0.94) !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important;} body .mobile-menu__content .header__menu-submenu::before, body .mobile-menu__content .header__menu-submenu::after, body .mobile-nav__providers::before, body .mobile-nav__providers::after{display: none !important; content: none !important;} body .mobile-menu__content .header__menu-has-submenu.is-active > .header__menu-submenu, body .mobile-nav__item--providers.is-active > .mobile-nav__providers{display: grid !important;} body .mobile-menu__content .header__menu-submenu li, body .mobile-menu__content .header__menu-submenu li + li, body .mobile-nav__provider, body .mobile-nav__provider + .mobile-nav__provider{width: 100% !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important;} body .mobile-menu__content .header__menu-submenu a, body .mobile-nav__provider-link{display: flex !important; flex-direction: column !important; width: 100% !important; height: 82px !important; min-height: 82px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; gap: 6px !important; margin: 0px !important; padding: 8px 6px !important; border: 0px !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.043) !important; color: rgb(220, 231, 245) !important; font-size: 11px !important; line-height: 1.15 !important; text-align: center !important; text-decoration: none !important;} body .mobile-menu__content .header__menu-submenu span, body .mobile-nav__provider-logo{display: flex !important; flex: 0 0 42px !important; width: min(94px, 82%) !important; height: 42px !important; align-items: center !important; justify-content: center !important; margin: 0px auto !important; border-radius: 7px !important; background: rgba(0, 0, 0, 0.18) !important;} body .mobile-menu__content .header__menu-submenu img, body .mobile-nav__provider-logo img{display: block !important; width: auto !important; max-width: 56px !important; height: auto !important; max-height: 28px !important; margin: 0px auto !important; object-fit: contain !important;} } @media (max-width: 520px){ body .mobile-menu__content .header__menu-submenu, body .mobile-nav__providers{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} } @media (min-width: 1221px){ body .header__menu .header__menu-submenu{position: fixed !important; left: 50vw !important; top: 68px !important; transform: translateX(-50%) translateY(8px) !important;} body .header__menu .header__menu-has-submenu:hover > .header__menu-submenu, body .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, body .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{transform: translateX(-50%) translateY(0px) !important;} } @media (max-width: 1220px){ body .mobile-menu{left: -100vw !important; width: min(460px, 100vw) !important; max-width: 100vw !important;} body .mobile-menu.is-active{left: 0px !important;} body .mobile-menu__content .header__menu-submenu, body .mobile-nav__providers{position: static !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; max-width: 100% !important; transform: none !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;} body .mobile-menu__content .header__menu-submenu a, body .mobile-nav__provider-link{height: 76px !important; min-height: 76px !important;} } @media (max-width: 520px){ body .mobile-menu{width: 100vw !important;} body .mobile-menu__content .header__menu-submenu, body .mobile-nav__providers{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} body .mobile-menu__content .header__menu-submenu a, body .mobile-nav__provider-link{height: 82px !important; min-height: 82px !important;} } body .lobby-hero.hero{margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding: 0px !important; background: linear-gradient(90deg, rgba(9, 15, 28, 0.96), rgba(10, 30, 22, 0.9) 58%, rgba(12, 48, 29, 0.84)), url("../images/providers/pragmatic.svg") right 9% center / clamp(160px, 18vw, 280px) no-repeat !important; box-shadow: rgba(121, 255, 122, 0.12) 0px -1px inset, rgba(0, 0, 0, 0.16) 0px 18px 58px inset !important;} body .lobby-hero.hero .lobby-hero__inner{width: 100% !important; max-width: 1460px !important; min-height: 252px !important; box-sizing: border-box !important; margin: 0px auto !important; padding: 30px clamp(28px, 4vw, 64px) 18px !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) minmax(460px, 640px) !important; align-items: center !important; gap: clamp(24px, 4vw, 54px) !important;} body .lobby-hero.hero .hero__copy{min-width: 0px !important;} body .lobby-hero.hero .hero__title{max-width: 760px !important; margin: 0px !important; font-size: clamp(32px, 2.9vw, 46px) !important; line-height: 1.13 !important; letter-spacing: 0px !important;} body .lobby-hero.hero .hero__caption{max-width: 620px !important; margin-top: 10px !important; font-size: clamp(13px, 1.1vw, 16px) !important; line-height: 1.45 !important;} body .lobby-hero.hero .hero-search{max-width: 620px !important; margin-top: 16px !important;} body .lobby-hero.hero .lobby-hero__panel{display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; width: 100% !important; max-width: none !important; gap: 10px !important; align-self: center !important;} body .lobby-hero.hero .lobby-hero__quick{min-height: 86px !important; padding: 12px 10px !important; border-radius: 8px !important;} body .lobby-hero.hero .lobby-hero__quick span{width: 30px !important; height: 30px !important; margin-bottom: 8px !important; font-size: 16px !important;} body .lobby-hero.hero .lobby-hero__quick strong{font-size: 14px !important; line-height: 1.15 !important;} body .lobby-hero.hero .lobby-hero__quick small{display: none !important;} body .content .provider-strip{display: grid !important; grid-template-columns: repeat(8, minmax(0px, 1fr)) !important; gap: 10px !important;} body .content .provider-strip .provider-card{min-height: 76px !important; padding: 10px 8px !important;} @media (min-width: 1500px){ body .lobby-hero.hero .lobby-hero__inner{max-width: 1560px !important; min-height: 270px !important; padding-left: 56px !important; padding-right: 56px !important;} body .lobby-hero.hero .hero__title{font-size: 48px !important; max-width: 820px !important;} } @media (min-width: 761px) and (max-width: 1220px){ body .header__inner{padding-left: clamp(28px, 4.5vw, 52px) !important; padding-right: clamp(28px, 4.5vw, 52px) !important;} body .lobby-hero.hero .lobby-hero__inner{min-height: 236px !important; padding: 28px clamp(28px, 4.5vw, 52px) 12px !important; grid-template-columns: minmax(0px, 1fr) minmax(340px, 460px) !important; gap: 18px !important;} body .lobby-hero.hero .hero__title{max-width: 540px !important; font-size: clamp(26px, 3vw, 34px) !important; line-height: 1.14 !important;} body .lobby-hero.hero .hero__caption{font-size: 13px !important;} body .lobby-hero.hero .hero-search{margin-top: 12px !important;} body .lobby-hero.hero .lobby-hero__panel{grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 8px !important;} body .lobby-hero.hero .lobby-hero__quick{min-height: 70px !important; padding: 9px 7px !important;} body .lobby-hero.hero .lobby-hero__quick span{width: 25px !important; height: 25px !important; margin-bottom: 5px !important; font-size: 14px !important;} body .lobby-hero.hero .lobby-hero__quick strong{font-size: 12px !important;} body .content .provider-strip{display: grid !important; grid-template-columns: repeat(8, minmax(0px, 1fr)) !important; gap: 10px !important; overflow: visible !important; margin-left: 0px !important; margin-right: 0px !important; padding: 10px !important;} body .content .provider-strip .provider-card{width: auto !important; min-width: 0px !important; min-height: 72px !important; height: auto !important; padding: 8px 6px !important;} } @media (min-width: 761px) and (max-width: 900px){ body .lobby-hero.hero .lobby-hero__inner{grid-template-columns: minmax(0px, 1fr) minmax(300px, 340px) !important; min-height: 226px !important; padding-top: 26px !important; gap: 14px !important;} body .lobby-hero.hero .hero__title{font-size: clamp(23px, 3vw, 28px) !important;} body .lobby-hero.hero .hero-search__input{height: 46px !important;} body .content .provider-strip{grid-template-columns: repeat(8, minmax(0px, 1fr)) !important;} body .content .provider-strip .provider-card{min-height: 68px !important;} } @media (min-width: 761px) and (max-width: 1024px){ body .content .provider-strip{display: grid !important; grid-auto-flow: column !important; grid-template-columns: none !important; grid-template-rows: repeat(2, minmax(68px, auto)) !important; grid-auto-columns: 126px !important; gap: 10px !important; overflow: auto hidden !important; scroll-snap-type: x !important; scrollbar-width: none !important;} body .content .provider-strip::-webkit-scrollbar{display: none !important;} body .content .provider-strip .provider-card{width: 126px !important; min-width: 126px !important; min-height: 68px !important; scroll-snap-align: start !important;} } @media (max-width: 760px){ body .lobby-hero.hero{padding: 10px 0px !important; background: linear-gradient(90deg, rgba(9, 15, 28, 0.98), rgba(10, 29, 21, 0.92)), url("../images/providers/pragmatic.svg") right 8px center / 120px no-repeat !important;} body .lobby-hero.hero .lobby-hero__inner{min-height: 0px !important; padding: 18px 22px 8px !important; grid-template-columns: 1fr !important;} body .lobby-hero.hero .hero__title{max-width: 330px !important; margin: 0px auto !important; font-size: clamp(21px, 6vw, 28px) !important; line-height: 1.18 !important; text-align: center !important;} body .lobby-hero.hero .hero__caption, body .lobby-hero.hero .hero-search, body .lobby-hero.hero .lobby-hero__panel{display: none !important;} body .content .provider-strip{display: flex !important; grid-template-columns: none !important; overflow: auto hidden !important;} body .content .provider-strip .provider-card{flex: 0 0 126px !important; width: 126px !important; min-width: 126px !important; min-height: 82px !important;} } @media (min-width: 761px) and (max-width: 1220px){ body .header__inner{padding-left: clamp(28px, 4.5vw, 52px) !important; padding-right: clamp(28px, 4.5vw, 52px) !important;} body .lobby-hero.hero .lobby-hero__inner, body .lobby-hero__inner{grid-template-columns: minmax(0px, 1fr) minmax(360px, 460px) !important; min-height: 230px !important; padding: 30px clamp(28px, 4.5vw, 52px) 8px !important; gap: 22px !important;} body .lobby-hero__panel{display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; max-width: none !important; gap: 8px !important;} body .lobby-hero__quick{min-height: 72px !important; padding: 9px 8px !important;} body .lobby-hero__quick span{width: 26px !important; height: 26px !important; margin-bottom: 6px !important; font-size: 14px !important;} body .lobby-hero__quick strong{font-size: 12px !important; line-height: 1.1 !important;} body .lobby-hero__quick small{display: none !important;} } @media (min-width: 761px) and (max-width: 900px){ body .lobby-hero.hero .lobby-hero__inner, body .lobby-hero__inner{grid-template-columns: 1fr !important; min-height: 0px !important;} body .lobby-hero__panel{grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;} } body .lobby-hero.hero{padding-top: 0px !important; padding-bottom: 0px !important;} body .lobby-hero.hero .lobby-hero__inner{padding-top: 32px !important; padding-bottom: 8px !important;} @media (min-width: 761px) and (max-width: 1220px){ body .lobby-hero.hero .lobby-hero__inner{padding-top: 30px !important; padding-bottom: 8px !important;} } @media (max-width: 760px){ body .lobby-hero.hero .lobby-hero__inner{padding-top: 22px !important; padding-bottom: 8px !important;} } @media (max-width: 520px){ body .lobby-hero.hero .lobby-hero__inner{padding-top: 18px !important; padding-bottom: 8px !important;} } body .lobby-hero{padding-top: 0px !important; padding-bottom: 0px !important; background: linear-gradient(90deg, rgba(9, 15, 28, 0.97), rgba(11, 30, 22, 0.9) 58%, rgba(13, 48, 29, 0.82)), url("../images/providers/pragmatic.svg") right 7% center / 250px no-repeat !important; box-shadow: rgba(121, 255, 122, 0.08) 0px -1px inset, rgba(0, 0, 0, 0.18) 0px 20px 64px inset !important;} body .lobby-hero__inner{min-height: 238px !important; padding-top: 32px !important; padding-bottom: 8px !important; gap: 22px !important;} body .hero__title{margin-top: 0px !important; font-size: clamp(30px, 3.4vw, 40px) !important; line-height: 1.12 !important;} body .hero__caption{margin-top: 10px !important; line-height: 1.45 !important;} body .hero-search{margin-top: 16px !important;} body .lobby-hero__quick{min-height: 88px !important; padding: 12px !important;} body .lobby-hero__quick span{width: 32px !important; height: 32px !important; margin-bottom: 10px !important;} @media (min-width: 761px) and (max-width: 1220px){ body .lobby-hero__inner{grid-template-columns: minmax(0px, 1fr) minmax(240px, 320px) !important; min-height: 218px !important; padding-top: 28px !important; padding-bottom: 8px !important; gap: 18px !important;} body .hero__title{font-size: clamp(27px, 3.4vw, 34px) !important;} body .hero__caption{font-size: 13px !important;} body .lobby-hero__panel{max-width: none !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important;} body .lobby-hero__quick{min-height: 78px !important; padding: 10px !important;} body .lobby-hero__quick span{width: 28px !important; height: 28px !important; margin-bottom: 7px !important; font-size: 15px !important;} body .lobby-hero__quick strong{font-size: 13px !important;} body .lobby-hero__quick small{font-size: 10px !important;} } @media (max-width: 760px){ body .lobby-hero{padding-top: 14px !important; padding-bottom: 12px !important; background: linear-gradient(90deg, rgba(9, 15, 28, 0.97), rgba(10, 29, 21, 0.91)), url("../images/providers/pragmatic.svg") right 10px center / 150px no-repeat !important;} body .lobby-hero__inner{min-height: 0px !important; padding-top: 22px !important; padding-bottom: 8px !important;} body .hero__title{font-size: clamp(21px, 6vw, 28px) !important; line-height: 1.18 !important;} } @media (max-width: 520px){ body .lobby-hero{padding-top: 10px !important; padding-bottom: 10px !important; background: linear-gradient(90deg, rgba(9, 15, 28, 0.98), rgba(10, 29, 21, 0.92)), url("../images/providers/pragmatic.svg") right 8px center / 120px no-repeat !important;} body .lobby-hero__inner{padding-top: 18px !important; padding-bottom: 8px !important;} } body .game-frame-actions .game-rating{display: flex !important; width: 100% !important; min-width: 0px !important; height: 44px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; margin: 0px !important; padding: 0px !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.035) !important; box-shadow: rgba(255, 217, 92, 0.22) 0px 0px 0px 1px inset !important; transform: none !important; overflow: hidden !important;} body .game-frame-actions .game-rating > *{margin-left: auto !important; margin-right: auto !important;} body .game-frame-actions .game-rating .unit-rating{display: flex !important; flex: 0 0 85px !important; width: 85px !important; min-width: 85px !important; max-width: 85px !important; height: 17px !important; min-height: 17px !important; box-sizing: content-box !important; align-items: flex-start !important; justify-content: flex-start !important; margin: 0px auto !important; padding: 0px !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; transform-origin: center center !important; overflow: hidden !important; list-style: none !important; white-space: nowrap !important;} body .game-frame-actions .game-rating .unit-rating li:not(.current-rating){display: block !important; flex: 0 0 17px !important; width: 17px !important; min-width: 17px !important; height: 17px !important; min-height: 17px !important; box-sizing: border-box !important; margin: 0px !important; padding: 0px !important; position: relative !important;} body .game-frame-actions .game-rating .unit-rating li.current-rating{display: block !important; position: absolute !important; left: 0px !important; top: 0px !important; max-width: 85px !important; height: 17px !important; margin: 0px !important; padding: 0px !important; flex: 0 0 auto !important;} body .game-frame-actions .game-rating .unit-rating li a{display: block !important; width: 17px !important; height: 17px !important; margin: 0px !important; padding: 0px !important;} body .content .game-tabs{display: flex !important; width: max-content !important; max-width: 100% !important; box-sizing: border-box !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; margin: 14px auto 22px 0px !important; padding: 6px !important; border-radius: 9px !important; background: rgba(255, 255, 255, 0.043) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; overflow: visible !important;} body .sect__top{display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; width: 100% !important; min-width: 0px !important;} body .sect__title{min-width: 0px !important; margin-right: 0px !important;} body .sect__more{display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; min-width: 58px !important; height: 32px !important; align-items: center !important; justify-content: center !important; margin-left: 12px !important; padding: 0px 12px !important; border-radius: 7px !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important;} body .content .game-tabs a{display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; min-width: 126px !important; height: 40px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; gap: 7px !important; margin: 0px !important; padding: 0px 16px !important; border-radius: 7px !important; background: transparent !important; border: 1px solid transparent !important; color: rgb(203, 215, 241) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important;} body .content .game-tabs a span{display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; margin: 0px !important; color: currentcolor !important; font-size: 14px !important; line-height: 1 !important;} body .content .game-tabs a.is-active, body .content .game-tabs a:hover, body .content .game-tabs a:focus{background: var(--accent) !important; border-color: var(--accent) !important; color: rgb(7, 17, 13) !important; box-shadow: rgba(121, 255, 122, 0.16) 0px 8px 18px !important;} @media (max-width: 640px){ body .content .game-tabs{display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; width: 100% !important; margin: 10px 0px 18px !important; gap: 5px !important; padding: 5px !important;} body .content .game-tabs a{width: 100% !important; min-width: 0px !important; height: 38px !important; gap: 5px !important; padding: 0px 6px !important; font-size: 11px !important; white-space: nowrap !important;} body .content .provider-strip{display: flex !important; grid-template-columns: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; gap: 10px !important; margin: 8px 0px 16px !important; padding: 8px !important; overflow: auto hidden !important; border-radius: 8px !important; scroll-padding-left: 8px !important; scroll-snap-type: x !important; scrollbar-width: none !important;} body .content .provider-strip::-webkit-scrollbar{display: none !important;} body .content .provider-strip .provider-card{display: flex !important; flex: 0 0 126px !important; width: 126px !important; min-width: 126px !important; height: 82px !important; min-height: 82px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; margin: 0px !important; padding: 10px 8px !important; scroll-snap-align: start !important; text-align: center !important;} body .content .provider-strip .provider-card img{display: block !important; width: auto !important; max-width: 82px !important; height: auto !important; max-height: 26px !important; margin: 0px auto !important; object-fit: contain !important;} body .sect__top{gap: 10px !important; align-items: center !important;} body .sect__title{font-size: 18px !important; line-height: 1.2 !important;} body .sect__more{min-width: 52px !important; height: 30px !important; margin-left: 8px !important; padding: 0px 10px !important; font-size: 11px !important;} } @media (min-width: 761px) and (max-width: 1220px){ body .mobile-menu__header{min-height: 64px !important; padding: 0px 16px !important; align-items: center !important;} body .mobile-menu__header .logo{display: inline-flex !important; height: auto !important; min-width: 0px !important; align-items: center !important; font-size: 20px !important; line-height: 1 !important; overflow: visible !important;} body .lobby-hero__inner{display: grid !important; grid-template-columns: minmax(0px, 1fr) 280px !important; min-height: 0px !important; padding: 26px 28px !important; gap: 20px !important; align-items: center !important;} body .hero__title{max-width: 560px !important; font-size: clamp(30px, 4vw, 38px) !important; line-height: 1.12 !important;} body .hero__caption{margin-top: 10px !important; font-size: 14px !important; line-height: 1.5 !important;} body .hero-search{margin-top: 16px !important;} body .lobby-hero__panel{display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; width: 100% !important; gap: 8px !important;} body .lobby-hero__quick{min-height: 96px !important; padding: 13px !important;} body .mobile-menu__content .header__menu .header__menu-submenu{position: static !important; display: none !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; box-sizing: border-box !important; margin: 8px 0px 0px !important; padding: 8px !important; gap: 8px !important; left: auto !important; right: auto !important; top: auto !important; overflow: visible !important; border: 1px solid rgba(121, 255, 122, 0.12) !important; border-radius: 9px !important; background: rgba(10, 15, 25, 0.92) !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important;} body .mobile-menu__content .header__menu-has-submenu.is-active > .header__menu-submenu{display: grid !important;} body .mobile-menu__content .header__menu .header__menu-submenu::before, body .mobile-menu__content .header__menu .header__menu-submenu::after{display: none !important; content: none !important;} body .mobile-menu__content .header__menu .header__menu-submenu li, body .mobile-menu__content .header__menu .header__menu-submenu li + li{display: block !important; width: 100% !important; min-width: 0px !important; height: auto !important; margin: 0px !important; padding: 0px !important; border: 0px !important;} body .mobile-menu__content .header__menu .header__menu-submenu a{display: flex !important; flex-direction: column !important; width: 100% !important; height: 82px !important; min-height: 82px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 8px 6px !important; border: 0px !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.043) !important; box-shadow: none !important; font-size: 11px !important; line-height: 1.15 !important; text-align: center !important;} body .mobile-menu__content .header__menu .header__menu-submenu span{display: flex !important; flex: 0 0 42px !important; width: min(94px, 82%) !important; height: 42px !important; align-items: center !important; justify-content: center !important; margin: 0px auto !important; border: 0px !important; border-radius: 7px !important; background: rgba(0, 0, 0, 0.18) !important;} body .mobile-menu__content .header__menu .header__menu-submenu img{display: block !important; width: auto !important; max-width: 56px !important; height: auto !important; max-height: 28px !important; margin: 0px auto !important; object-fit: contain !important;} } body .game-tabs{display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; align-items: stretch !important; gap: 8px !important; margin: 14px 0px 18px !important; padding: 8px !important; overflow: visible !important; border-radius: 8px !important;} body .game-tabs a{display: inline-flex !important; width: 100% !important; min-width: 0px !important; height: 42px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; gap: 7px !important; padding: 0px 10px !important; border-radius: 7px !important; font-size: 13px !important; line-height: 1.1 !important; text-align: center !important; white-space: normal !important; word-break: keep-all !important;} body .game-tabs a span{flex: 0 0 auto !important; margin: 0px !important;} body .slot-grid{display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 14px !important; align-items: stretch !important;} body .slot-card{display: flex !important; min-width: 0px !important; flex-direction: column !important; border-radius: 8px !important;} body .slot-card__img{display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 10 !important; min-height: 0px !important; overflow: hidden !important;} body .slot-card__body{display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; min-width: 0px !important; padding: 10px 11px 11px !important;} body .slot-card__meta, body .slot-card__title{min-width: 0px !important;} body .slot-card__title{min-height: 36px !important; margin: 6px 0px 9px !important;} body .slot-card__title a{display: -webkit-box !important; overflow: hidden !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; font-size: 14px !important; line-height: 1.28 !important;} body .footer{margin: 34px var(--indent-negative) 0 !important; overflow: hidden !important;} body .footer__inner{display: grid !important; grid-template-columns: minmax(240px, 1.2fr) minmax(170px, 0.75fr) minmax(280px, 1.15fr) !important; gap: 24px !important; max-width: 1460px !important; box-sizing: border-box !important; align-items: start !important; margin: 0px auto !important; padding: 30px max(24px, calc(var(--indent) * 2)) 18px !important;} body .footer__brand{display: block !important; min-width: 0px !important;} body .footer__logo.logo{display: inline-flex !important; width: auto !important; min-width: 0px !important; max-width: 100% !important; align-items: baseline !important; gap: 2px !important; margin: 0px !important; color: rgb(255, 255, 255) !important; font-size: 30px !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; overflow: visible !important;} body .footer__logo .logo__text{display: inline-flex !important; color: rgb(255, 255, 255) !important; font-size: 1em !important; line-height: 1 !important; text-decoration: none !important;} body .footer__logo span:last-child{display: inline-flex !important; color: var(--accent) !important; font-size: 1em !important; line-height: 1 !important; text-decoration: none !important;} body .header__logo span, body .footer__logo span, body .mobile-menu__header .logo span{display: inline-flex !important; text-decoration: none !important;} body .header__logo.logo{display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; min-width: 0px !important; max-width: 100% !important; height: auto !important; min-height: 0px !important; align-items: baseline !important; align-self: center !important; gap: 2px !important; margin: 0px !important; padding: 0px !important; background: transparent !important; border: 0px !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; font-size: 30px !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; overflow: visible !important;} body .header__logo .logo__text{color: rgb(255, 255, 255) !important; font-size: 1em !important; line-height: 1 !important;} body .header__logo span:last-child{color: var(--accent) !important; font-size: 1em !important; line-height: 1 !important;} @media (min-width: 761px) and (max-width: 1220px){ body .header__inner{display: flex !important; min-height: 68px !important; height: 68px !important; align-items: center !important; gap: 14px !important; padding: 0px 20px !important; flex-wrap: nowrap !important;} body .header__inner > .header__logo.logo{flex: 0 0 auto !important; width: auto !important; min-width: 0px !important; max-width: calc(-150px + 100vw) !important; height: auto !important; min-height: 0px !important; align-self: center !important; font-size: clamp(22px, 3.2vw, 30px) !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; transform: none !important;} body .header__inner > .header__logo.logo span{display: inline-flex !important; flex: 0 0 auto !important; opacity: 1 !important; visibility: visible !important;} body .header .header__menu{display: none !important;} body .header__inner .header__btn-login{flex: 0 0 auto !important; margin-left: auto !important;} body .header__btn-mobmenu{display: inline-flex !important; flex: 0 0 44px !important; width: 44px !important; height: 44px !important; align-items: center !important; justify-content: center !important; margin: 0px !important; padding: 0px !important; font-size: 24px !important;} } body .footer__brand-text{display: block !important; max-width: 340px !important; margin: 12px 0px 0px !important;} body .footer-providers{display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 8px !important;} body .footer-providers img{width: 100% !important; height: 38px !important; box-sizing: border-box !important;} body .footer__bottom{display: grid !important; grid-template-columns: auto minmax(0px, 1fr) !important; gap: 14px !important; align-items: start !important;} @media (max-width: 1200px){ body .slot-grid{grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;} body .footer__inner{grid-template-columns: minmax(220px, 0.9fr) minmax(160px, 0.65fr) minmax(260px, 1fr) !important;} body .footer-providers{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;} } @media (max-width: 900px){ body .slot-grid{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 12px !important;} body .footer__inner{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important;} body .footer__brand, body .footer__bottom{grid-column: 1 / -1 !important;} } @media (max-width: 640px){ body .game-tabs{gap: 6px !important; margin: 10px 0px 16px !important; padding: 6px !important;} body .game-tabs a{height: 38px !important; gap: 5px !important; padding: 0px 5px !important; font-size: 11px !important;} body .game-tabs a span{font-size: 13px !important;} body .slot-grid{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important;} body .slot-card__body{padding: 8px !important;} body .slot-card__meta{gap: 5px !important; font-size: 10px !important; line-height: 1.2 !important;} body .slot-card__title{min-height: 32px !important; margin: 5px 0px 7px !important;} body .slot-card__title a{font-size: 12px !important; line-height: 1.25 !important;} body .footer{margin-top: 26px !important;} body .footer__inner{grid-template-columns: minmax(0px, 1fr) !important; gap: 22px !important; padding: 28px 28px 86px !important; text-align: left !important;} body .footer__logo.logo{font-size: 28px !important;} body .footer__brand-text{max-width: none !important;} body .footer-providers{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} body .footer__bottom{grid-template-columns: minmax(0px, 1fr) !important;} } @media (max-width: 360px){ body .game-tabs a{font-size: 10px !important;} } body .footer .footer__brand{display: block !important; background: transparent !important; color: rgb(174, 185, 207) !important;} body .footer .footer__brand-text, body .footer .footer__brand p, body .footer .footer__brand-text *, body .footer .footer__brand p *{color: rgb(174, 185, 207) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", -apple-system, system-ui, "Segoe UI", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.7 !important; text-decoration: none !important;} body .footer .footer__logo.logo, body .footer .footer__logo.logo:link, body .footer .footer__logo.logo:visited, body .footer .footer__logo.logo:hover, body .footer .footer__logo.logo:focus{display: inline-flex !important; width: auto !important; min-width: 0px !important; max-width: 100% !important; height: auto !important; align-items: baseline !important; gap: 2px !important; margin: 0px !important; padding: 0px !important; background: transparent !important; border: 0px !important; filter: none !important; color: rgb(255, 255, 255) !important; font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif !important; font-size: 30px !important; font-weight: 900 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; overflow: visible !important;} body .footer .footer__logo.logo *, body .footer .footer__logo.logo .logo__text, body .footer .footer__logo.logo > span:last-child{display: inline-flex !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: none !important;} body .footer .footer__logo.logo, body .footer .footer__logo.logo .logo__text{color: rgb(255, 255, 255) !important;} body .footer .footer__logo.logo > span:last-child{color: var(--accent) !important;} @media (max-width: 760px){ body{padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;} body .mobile-dock{position: fixed !important; left: 0px !important; right: 0px !important; bottom: 0px !important; z-index: 1000 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; width: 100% !important; height: calc(64px + env(safe-area-inset-bottom, 0px)) !important; box-sizing: border-box !important; padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important; gap: 4px !important; background: rgba(9, 14, 27, 0.98) !important; border-top: 1px solid rgba(121, 255, 122, 0.22) !important; box-shadow: rgba(0, 0, 0, 0.34) 0px -12px 28px !important; backdrop-filter: blur(16px) !important;} body .mobile-dock a{display: flex !important; min-width: 0px !important; height: 50px !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 4px !important; border-radius: 8px !important; color: rgb(220, 230, 248) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1.05 !important; text-align: center !important; text-decoration: none !important; white-space: nowrap !important;} body .mobile-dock a:hover, body .mobile-dock a:focus{background: rgba(121, 255, 122, 0.1) !important; color: rgb(255, 255, 255) !important;} body .mobile-dock span{display: block !important; color: var(--accent) !important; font-size: 18px !important; line-height: 1 !important;} } @media (min-width: 1221px){ body .header__menu .header__menu-submenu{position: fixed !important; left: 50vw !important; top: 68px !important; width: min(1160px, -56px + 100vw) !important; max-width: calc(-56px + 100vw) !important; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 8px !important; padding: 12px !important; border: 0px !important; border-radius: 0px !important; background: rgb(34, 36, 47) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 26px 60px !important; transform: translateX(-50%) translateY(8px) !important;} body .header__menu .header__menu-has-submenu:hover > .header__menu-submenu, body .header__menu .header__menu-has-submenu:focus-within > .header__menu-submenu, body .header__menu .header__menu-has-submenu.is-active > .header__menu-submenu{opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateX(-50%) translateY(0px) !important;} body .header__menu .header__menu-submenu a, body .header__menu .header__menu-submenu a:link, body .header__menu .header__menu-submenu a:visited{height: 58px !important; min-height: 58px !important; padding: 8px 14px !important; border: 0px !important; border-radius: 0px !important; background: rgb(48, 46, 58) !important; box-shadow: rgb(62, 61, 70) 0px 0px 0px 1px !important; color: rgb(186, 189, 197) !important; text-decoration: none !important;} body .header__menu .header__menu-submenu a:hover, body .header__menu .header__menu-submenu a:focus{background: var(--accent) !important; box-shadow: 0 0 0 1px var(--accent) !important; color: rgb(11, 18, 32) !important; text-decoration: none !important;} body .header__menu .header__menu-submenu span{width: 40px !important; height: 40px !important; flex: 0 0 40px !important; border-radius: 100px !important; background: rgba(255, 255, 255, 0.15) !important;} body .header__menu .header__menu-submenu img{width: 28px !important; height: 27px !important; max-width: 28px !important; max-height: 27px !important;} } @media (max-width: 760px){ body .mobile-menu{overflow-x: hidden !important;} body .mobile-menu__content, body .mobile-menu__footer{width: 100% !important; max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; margin-left: 0px !important; margin-right: 0px !important; overflow-x: hidden !important;} body .mobile-menu__footer{display: block !important; padding: 14px 18px calc(18px + env(safe-area-inset-bottom, 0px)) !important; border-top: 1px solid rgba(255, 255, 255, 0.07) !important; background: rgba(15, 21, 35, 0.84) !important; text-align: left !important;} body .mobile-menu__brand{display: inline-flex !important; width: auto !important; max-width: 100% !important; align-items: baseline !important; gap: 0px !important; margin: 0px !important; padding: 0px !important; color: rgb(255, 255, 255) !important; font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0px !important; text-decoration: none !important; white-space: nowrap !important; transform: none !important;} body .mobile-menu__brand span{color: var(--accent) !important; font: inherit !important;} body .mobile-menu__footer p{display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 8px 0px 0px !important; padding: 0px !important; color: rgb(170, 184, 202) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.45 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; text-align: left !important; transform: none !important;} } @media (min-width: 761px) and (max-width: 1220px){ body .mobile-menu{overflow-x: hidden !important;} body .mobile-menu__content, body .mobile-menu__footer{width: 100% !important; max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; margin-left: 0px !important; margin-right: 0px !important; overflow-x: hidden !important;} body .mobile-menu__content{padding-left: 16px !important; padding-right: 16px !important;} body .mobile-menu__footer{display: block !important; padding: 14px 18px 18px !important; border-top: 1px solid rgba(255, 255, 255, 0.07) !important; background: rgba(15, 21, 35, 0.84) !important; text-align: left !important;} body .mobile-menu__brand{display: inline-flex !important; width: auto !important; max-width: 100% !important; align-items: baseline !important; gap: 0px !important; margin: 0px !important; padding: 0px !important; color: rgb(255, 255, 255) !important; font-family: SlotebiHeading, SlotebiBody, Manrope, sans-serif !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0px !important; white-space: nowrap !important; transform: none !important;} body .mobile-menu__brand span{color: var(--accent) !important; font: inherit !important;} body .mobile-menu__footer p{display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 8px 0px 0px !important; padding: 0px !important; color: rgb(170, 184, 202) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.45 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; text-align: left !important; transform: none !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu, body .mobile-menu.is-active .mobile-nav{width: 100% !important; max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important;} } @media (max-width: 1220px){ body .mobile-menu{display: flex !important; flex-direction: column !important; overflow: hidden !important;} body .mobile-menu__content{flex: 1 1 auto !important; min-height: 0px !important; overflow: hidden auto !important; padding-bottom: 18px !important;} body .mobile-menu__footer{flex: 0 0 auto !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu, body .mobile-menu.is-active .mobile-nav__providers{position: static !important; display: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 10px 0px 0px !important; padding: 10px !important; gap: 10px !important; border: 1px solid rgba(121, 255, 122, 0.14) !important; border-radius: 11px !important; background: rgba(10, 15, 25, 0.94) !important; box-shadow: rgba(255, 255, 255, 0.03) 0px 0px 0px 1px inset !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-has-submenu.is-active > .header__menu-submenu, body .mobile-menu.is-active .mobile-nav__item--providers.is-active > .mobile-nav__providers{display: grid !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu li, body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu li + li, body .mobile-menu.is-active .mobile-nav__provider, body .mobile-menu.is-active .mobile-nav__provider + .mobile-nav__provider{display: block !important; width: 100% !important; min-width: 0px !important; height: auto !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; overflow: visible !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu a, body .mobile-menu.is-active .mobile-nav__provider-link{display: flex !important; flex-direction: column !important; width: 100% !important; height: 106px !important; min-height: 106px !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0px !important; padding: 10px 8px !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.043) !important; box-shadow: none !important; color: rgb(220, 231, 245) !important; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important; font-size: 12px !important; font-weight: 850 !important; line-height: 1.15 !important; text-align: center !important; text-decoration: none !important; overflow: hidden !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu a:hover, body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu a:focus, body .mobile-menu.is-active .mobile-nav__provider-link:hover, body .mobile-menu.is-active .mobile-nav__provider-link:focus{border-color: rgba(121, 255, 122, 0.25) !important; background: rgba(121, 255, 122, 0.12) !important; color: rgb(255, 255, 255) !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu span, body .mobile-menu.is-active .mobile-nav__provider-logo{display: flex !important; flex: 0 0 52px !important; width: min(128px, 86%) !important; max-width: 128px !important; height: 52px !important; min-height: 52px !important; align-items: center !important; justify-content: center !important; margin: 0px auto !important; border: 0px !important; border-radius: 9px !important; background: rgba(0, 0, 0, 0.18) !important; box-shadow: none !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu img, body .mobile-menu.is-active .mobile-nav__provider-logo img{display: block !important; width: auto !important; max-width: 72px !important; height: auto !important; max-height: 32px !important; margin: 0px auto !important; object-fit: contain !important;} } @media (min-width: 761px) and (max-width: 1220px){ body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu, body .mobile-menu.is-active .mobile-nav__providers{grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;} } @media (max-width: 760px){ body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu, body .mobile-menu.is-active .mobile-nav__providers{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;} body .mobile-menu.is-active .mobile-menu__content .header__menu-submenu a, body .mobile-menu.is-active .mobile-nav__provider-link{height: 108px !important; min-height: 108px !important;} } body .slot-card__img{position: relative !important;} body .slot-card__img::after{content: "" !important; position: absolute !important; inset: 0px !important; background: rgba(5, 10, 18, 0.48) !important; opacity: 0 !important; transition: opacity 0.18s !important; pointer-events: none !important;} body .slot-card__play{position: absolute !important; inset: 50% auto auto 50% !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; min-width: 0px !important; padding: 0px !important; border-radius: 50% !important; background: var(--accent) !important; color: rgb(7, 16, 11) !important; font-size: 17px !important; line-height: 1 !important; box-shadow: rgba(0, 0, 0, 0.32) 0px 12px 26px, rgba(121, 255, 122, 0.16) 0px 0px 0px 6px !important; opacity: 0 !important; transform: translate(-50%, -50%) scale(0.9) !important; transition: opacity 0.18s, transform 0.18s !important; pointer-events: none !important;} body .slot-card:hover .slot-card__img::after{opacity: 1 !important;} body .slot-card:hover .slot-card__play{opacity: 1 !important; transform: translate(-50%, -50%) scale(1) !important;} body .slot-card__meta span:nth-child(n+2){display: none !important;} @media (min-width: 761px) and (max-width: 1220px){ body .mobile-menu{left: -560px !important; width: min(520px, 86vw) !important; max-width: min(520px, 86vw) !important; height: 100dvh !important; background: rgb(7, 11, 19) !important; border-right: 1px solid rgba(121, 255, 122, 0.14) !important; box-shadow: rgba(0, 0, 0, 0.42) 22px 0px 60px !important;} body .mobile-menu.is-active{left: 0px !important;} body .mobile-menu__header{min-height: 72px !important; padding: 0px 18px !important;} body .mobile-menu__header .logo{font-size: clamp(28px, 4vw, 36px) !important;} body .mobile-menu__content{padding: 16px 18px 24px !important;} body .mobile-menu__content .header__menu, body .mobile-nav{gap: 12px !important;} body .mobile-menu__content .header__menu > li > a, body .mobile-nav__link{height: 58px !important; padding: 0px 18px !important; border-radius: 12px !important; font-size: 18px !important;} body .mobile-menu__content .header__menu-has-submenu.is-active > .header__menu-submenu, body .mobile-nav__item--providers.is-active > .mobile-nav__providers{display: grid !important;} body .mobile-nav__icon{flex-basis: 34px !important; width: 34px !important; height: 34px !important; font-size: 17px !important;} body .mobile-menu__content .header__menu-submenu, body .mobile-nav__providers{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 12px !important; margin-top: 12px !important; padding: 12px !important;} body .mobile-menu__content .header__menu-submenu a, body .mobile-nav__provider-link{height: 108px !important; min-height: 108px !important; padding: 10px 8px !important; border-radius: 10px !important; font-size: 13px !important;} body .mobile-menu__content .header__menu-submenu span, body .mobile-nav__provider-logo{flex-basis: 52px !important; width: min(128px, 86%) !important; max-width: 128px !important; height: 52px !important; min-height: 52px !important;} body .mobile-menu__content .header__menu-submenu img, body .mobile-nav__provider-logo img{max-width: 72px !important; max-height: 32px !important;} } body .header .header__menu > li > a::before{content: none !important; display: none !important; width: 0px !important;} body:has(.game-page) .content{background: transparent !important; box-shadow: none !important; padding-left: var(--indent) !important; padding-right: var(--indent) !important;} body:has(.game-page) .cols, body:has(.game-page) .cols__main{display: block !important; width: 100% !important; max-width: none !important;} body:has(.game-page) .cols__side{display: none !important;} body .game-page{width: min(100%, 1180px) !important; margin-left: auto !important; margin-right: auto !important;} body .game-head, body .game-frame, body .game-frame-actions, body .game-description, body .page__tags, body .page__related{width: 100% !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important;} body .game-frame-actions{max-width: 920px !important;} body .game-frame{position: relative !important; height: 700px !important; min-height: 0px !important; max-height: none !important; background: rgb(22, 15, 30) !important; border-radius: 5px !important; overflow: hidden !important;} body .game-frame iframe, body .game-frame__iframe{position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; border: 0px !important; background: rgb(0, 0, 0) !important;} body .game-frame__fullscreen{position: absolute !important; top: 10px !important; right: 10px !important; z-index: 20 !important; display: inline-flex !important; width: 40px !important; height: 40px !important; align-items: center !important; justify-content: center !important; padding: 0px !important; border: 0px !important; border-radius: 50% !important; background: var(--accent) !important; color: rgb(7, 16, 11) !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 24px, rgba(121, 255, 122, 0.16) 0px 0px 0px 6px !important; font-family: "Font Awesome 5 Pro" !important; font-size: 15px !important; line-height: 40px !important; cursor: pointer !important;} body .game-frame__fullscreen:hover, body .game-frame__fullscreen:focus{background: rgb(184, 255, 186) !important; color: rgb(7, 16, 11) !important;} body .game-frame:fullscreen, body .game-frame:-webkit-full-screen{position: fixed !important; inset: 0px !important; z-index: 999999 !important; width: 100vw !important; max-width: none !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0px !important; border: 0px !important; border-radius: 0px !important; background: rgb(0, 0, 0) !important;} @media (min-width: 1100px) and (max-width: 1220px){ body .game-frame{height: 610px !important;} } @media (min-width: 1000px) and (max-width: 1099px){ body .game-frame{height: 545px !important;} } @media (min-width: 760px) and (max-width: 999px){ body .game-frame{height: 415px !important;} } @media (max-width: 759px){ body .game-frame{height: min(415px, 72vw) !important; min-height: 260px !important; max-height: 415px !important; margin-bottom: 14px !important;} body .game-frame__fullscreen{top: 8px !important; right: 8px !important; width: 38px !important; height: 38px !important; line-height: 38px !important;} } @media (min-width: 1221px){ body:has(.game-page) .content{padding-left: 45px !important; padding-right: 45px !important;} } @media (max-width: 760px){ body:has(.game-page) .content{padding-left: 12px !important; padding-right: 12px !important;} } body form[name="registration"]{width: min(100%, 760px) !important; margin: 0px auto !important;} @media (max-width: 760px){ body form[name="registration"]{width: 100% !important;} } body .content > .cols{display: block !important; width: 100% !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important;} body .content > .cols > .cols__main{display: block !important; width: 100% !important; max-width: none !important;} body .content > .cols > .cols__side{display: none !important;} body .lobby-hero__quick{position: relative !important; overflow: hidden !important; border-color: rgba(24, 201, 100, 0.34) !important; background: linear-gradient(135deg, rgba(24, 201, 100, 0.18), rgba(34, 211, 238, 0.08) 48%, rgba(8, 11, 18, 0.94) 100%), linear-gradient(rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.016)) !important; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px inset, rgba(24, 201, 100, 0.09) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.26) 0px 18px 34px !important; color: rgb(247, 250, 252) !important;} body .lobby-hero__quick::before{content: "" !important; position: absolute !important; inset: 0px !important; background: radial-gradient(circle at 82% 18%, rgba(24, 201, 100, 0.26), transparent 42%) !important; pointer-events: none !important;} body .lobby-hero__quick span, body .lobby-hero__quick strong, body .lobby-hero__quick small{position: relative !important; z-index: 1 !important;} body .lobby-hero__quick span{background: rgba(24, 201, 100, 0.18) !important; box-shadow: rgba(24, 201, 100, 0.28) 0px 0px 0px 1px inset !important; color: var(--accent) !important;} body .lobby-hero__quick strong{color: rgb(255, 255, 255) !important; text-shadow: rgba(0, 0, 0, 0.36) 0px 1px 10px !important;} body .lobby-hero__quick small{color: rgba(238, 245, 255, 0.74) !important;} @media (max-width:760px){body .footer__inner{padding-bottom:20px !important;}} body .header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;z-index:1000 !important;} body .wrapper-container{padding-top:80px !important;} @media (max-width:760px){body .wrapper-container{padding-top:69px !important;}} @media (max-width:760px){.scrolltop{width:36px !important;height:36px !important;line-height:36px !important;font-size:15px !important;bottom:74px !important;}} .search-popup{position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding:76px 14px 0;} .search-popup[hidden]{display:none;} .search-popup__backdrop{position:fixed;inset:0;background:rgba(4,7,12,.72);backdrop-filter:blur(3px);} .search-popup__box{position:relative;z-index:1;display:flex;align-items:center;gap:8px;width:100%;max-width:560px;background:#0e1220;border:1px solid rgba(121,255,122,.28);border-radius:12px;padding:8px 8px 8px 16px;box-shadow:0 24px 70px rgba(0,0,0,.55);} .search-popup__input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:16px;padding:11px 0;} .search-popup__input::placeholder{color:rgba(255,255,255,.5);} .search-popup__btn,.search-popup__close{flex:none;width:42px;height:42px;border:0;border-radius:9px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;} .search-popup__btn{background:#79ff7a;color:#06210b;} .search-popup__close{background:rgba(255,255,255,.08);color:#fff;} html.search-popup-open{overflow:hidden;} @media (min-width:481px) and (max-width:1220px){body .footer__inner{text-align:left !important;} body .footer__logo{justify-content:flex-start !important; text-align:left !important;} body .footer__brand{text-align:left !important;}} @media (min-width:761px) and (max-width:1220px){body .footer__inner{grid-template-columns:max-content minmax(0,1fr) !important;gap:22px 56px !important;justify-content:start !important;align-items:start !important;} body .footer__brand{grid-column:1 / -1 !important;}} .empty-category-notice{background: var(--bg-darker); border: 1px solid var(--bdc); border-radius: 10px; padding: 32px 24px; text-align: center; color: var(--tt-fade); margin: 18px 0 22px;} .empty-category-notice .fal{color: var(--accent); font-size: 30px; margin-bottom: 14px; display: block;} .empty-category-notice__title{color: var(--tt); font-weight: 900; font-size: 17px; margin-bottom: 8px; font-family: SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif;} .header__btn-fav{position:relative;} .header__btn-fav.is-fav-updated::after{content:"რჩეულები";position:absolute;left:50%;top:calc(100% + 10px);z-index:80;transform:translateX(-50%);padding:7px 10px;border-radius:7px;background:#ffd95c;color:#07100b;font-family:SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif;font-size:11px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 12px 26px rgba(0,0,0,.32);animation:favPulseTip .9s ease both;} .header__btn-fav.is-fav-updated span{border-color:#ffd95c !important;color:#ffd95c !important;box-shadow:0 0 0 4px rgba(255,217,92,.14) !important;} @keyframes favPulseTip{0%{opacity:0;transform:translate(-50%,-4px);}18%,82%{opacity:1;transform:translate(-50%,0);}100%{opacity:0;transform:translate(-50%,-4px);}} .game-favorite{position:relative !important;} .game-favorite__notice{position:absolute;left:0;top:calc(100% + 10px);z-index:60;display:flex;align-items:center;gap:8px;min-width:260px;max-width:min(360px, calc(100vw - 28px));padding:10px 12px;border:1px solid rgba(121,255,122,.34);border-radius:9px;background:#101722;color:#d8e2f2;box-shadow:0 18px 46px rgba(0,0,0,.42);font-family:SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif;font-size:12px;font-weight:800;line-height:1.25;animation:favNoticeIn .18s ease both;} .game-favorite__notice .fal{color:#79ff7a;font-size:15px;} .game-favorite__notice strong{color:#fff;font-weight:900;} .game-favorite__notice a{display:inline-flex !important;width:auto !important;height:auto !important;min-width:0 !important;margin-left:auto !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;color:#79ff7a !important;font:inherit !important;line-height:1.25 !important;text-decoration:none !important;white-space:nowrap !important;} .game-favorite__notice a:hover{color:#b8ffba !important;background:transparent !important;box-shadow:none !important;} .game-favorite__notice.is-hiding{animation:favNoticeOut .24s ease both;} @keyframes favNoticeIn{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:translateY(0);}} @keyframes favNoticeOut{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-5px);}} @media (max-width:560px){.game-favorite__notice{left:50%;transform:translateX(-50%);width:calc(100vw - 28px);justify-content:flex-start;}.game-favorite__notice.is-hiding{transform:translateX(-50%);}} body .game-frame.is-fullscreen .game-frame__fullscreen, body .game-frame:fullscreen .game-frame__fullscreen, body .game-frame:-webkit-full-screen .game-frame__fullscreen{position:fixed !important;top:max(14px, env(safe-area-inset-top)) !important;right:max(14px, env(safe-area-inset-right)) !important;z-index:2147483647 !important;display:flex !important;visibility:visible !important;opacity:1 !important;width:46px !important;height:46px !important;line-height:46px !important;border:1px solid rgba(255,255,255,.24) !important;background:rgba(10,15,22,.88) !important;color:#fff !important;box-shadow:0 12px 32px rgba(0,0,0,.55),0 0 0 5px rgba(255,255,255,.10) !important;backdrop-filter:blur(6px);} body .game-frame.is-fullscreen .game-frame__fullscreen:hover, body .game-frame:fullscreen .game-frame__fullscreen:hover, body .game-frame:-webkit-full-screen .game-frame__fullscreen:hover{background:#79ff7a !important;color:#07100b !important;} body .game-frame.is-fullscreen .game-frame__fullscreen, body .game-frame:fullscreen .game-frame__fullscreen, body .game-frame:-webkit-full-screen .game-frame__fullscreen{background:#79ff7a !important;color:#07100b !important;border:1px solid rgba(121,255,122,.62) !important;box-shadow:0 12px 32px rgba(0,0,0,.45),0 0 0 6px rgba(121,255,122,.20) !important;} body .game-frame.is-fullscreen .game-frame__fullscreen:hover, body .game-frame:fullscreen .game-frame__fullscreen:hover, body .game-frame:-webkit-full-screen .game-frame__fullscreen:hover{background:#b8ffba !important;color:#07100b !important;} body .game-frame.is-fullscreen .game-frame__fullscreen::before, body .game-frame:fullscreen .game-frame__fullscreen::before, body .game-frame:-webkit-full-screen .game-frame__fullscreen::before{content:"\f066" !important;font-family:"Font Awesome 5 Pro" !important;font-weight:300 !important;font-size:17px !important;line-height:1 !important;color:#07100b !important;display:block !important;opacity:1 !important;text-indent:0 !important;} .header__btn-fav.fas.fa-heart::before, .header__btn-fav.fal.fa-heart::before{content:"\f004" !important;font-family:"Font Awesome 5 Pro" !important;font-weight:900 !important;color:#fac51f !important;font-size:16px !important;display:inline-block !important;opacity:1 !important;} .header__btn-fav--guest{display:inline-flex !important;align-items:center !important;gap:8px !important;margin-left:18px !important;} .game-favorite__notice{width:max-content !important;min-width:0 !important;max-width:min(320px, calc(100vw - 32px)) !important;box-sizing:border-box !important;white-space:normal !important;} .game-favorite__notice strong{min-width:0 !important;} @media (max-width:560px){.game-favorite__notice{left:0 !important;right:auto !important;transform:none !important;width:auto !important;max-width:calc(100vw - 28px) !important;padding:9px 10px !important;gap:7px !important;font-size:11px !important;line-height:1.25 !important;}.game-favorite__notice.is-hiding{transform:none !important;}.game-favorite__notice a{margin-left:6px !important;flex:none !important;}} .header__btn-fav.fas.fa-heart::before, .header__btn-fav.fal.fa-heart::before{color:#ff4d6d !important;font-size:16px !important;} .header__btn-fav span:last-child, .header__btn-fav .js-fav-count{height:auto !important;min-width:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;color:#d8e2f2 !important;font-size:10px !important;font-weight:900 !important;line-height:1 !important;} .header__btn-fav{gap:5px !important;align-items:center !important;} @media (max-width:760px){.header__btn-mobmenu.js-show-mobile-menu{display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 40px !important;width:40px !important;height:40px !important;position:relative !important;z-index:120 !important;}.header__btn-fav{display:inline-flex !important;margin-left:8px !important;flex:0 0 auto !important;position:relative !important;z-index:80 !important;}.header__btn-fav::before{font-size:15px !important;}.header__btn-fav .js-fav-count{font-size:9px !important;}.mobile-menu{z-index:1000 !important;}.overlay{z-index:900 !important;}} .header__btn-fav.fas.fa-heart::before, .header__btn-fav.fal.fa-heart::before{color:#ff4d6d !important;font-size:16px !important;} .header__btn-fav span:last-child, .header__btn-fav .js-fav-count{height:auto !important;min-width:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;color:#d8e2f2 !important;font-size:10px !important;font-weight:900 !important;line-height:1 !important;} .header__btn-fav{gap:5px !important;align-items:center !important;} @media (max-width:760px){.header__btn-mobmenu.js-show-mobile-menu{display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 40px !important;width:40px !important;height:40px !important;position:relative !important;z-index:120 !important;}.header__btn-fav{display:inline-flex !important;margin-left:8px !important;flex:0 0 auto !important;position:relative !important;z-index:80 !important;}.header__btn-fav::before{font-size:15px !important;}.header__btn-fav .js-fav-count{font-size:9px !important;}.mobile-menu{z-index:1000 !important;}.overlay{z-index:900 !important;}} @media (max-width:760px){body.mobile-menu-is-opened .mobile-menu,body.mobile-menu-is-opened .mobile-menu.is-active,.mobile-menu.is-active{left:0 !important;right:auto !important;transform:translateX(0) !important;}} @supports selector(.speedbar:has(+ .slot-card)){.cols__main>.speedbar.ws-nowrap:first-child:has(+ .slot-card){margin-top:-38px !important;margin-bottom:18px !important;}} body .slot-card{position:relative !important;} body .slot-card__fav{position:absolute !important;top:10px !important;right:10px !important;z-index:5 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:38px !important;height:38px !important;min-width:0 !important;padding:0 !important;border:1px solid rgba(255,255,255,.16) !important;border-radius:50% !important;background:rgba(8,13,24,.78) !important;box-shadow:0 10px 24px rgba(0,0,0,.32) !important;color:#ff4d6d !important;font-size:15px !important;line-height:1 !important;cursor:pointer !important;backdrop-filter:blur(8px);transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease !important;} body .slot-card__fav::before{font-family:"Font Awesome 5 Pro" !important;font-weight:900 !important;content:"\f004" !important;} body .slot-card__fav:hover{transform:translateY(-1px) scale(1.04) !important;background:rgba(255,77,109,.16) !important;border-color:rgba(255,77,109,.52) !important;color:#fff !important;} body .slot-card__fav.is-added{background:#ff4d6d !important;border-color:#ff4d6d !important;color:#fff !important;} body .slot-card__fav.is-just-updated{animation:cardFavPop .48s ease both;} @keyframes cardFavPop{0%{transform:scale(1)}45%{transform:scale(1.18)}100%{transform:scale(1)}} @media (max-width:560px){body .slot-card__fav{top:8px !important;right:8px !important;width:34px !important;height:34px !important;font-size:14px !important;}} body .game-frame-actions .game-favorite a, body .game-frame-actions .game-favorite__btn{background:rgba(255,77,109,.12) !important;box-shadow:0 0 0 1px rgba(255,77,109,.35) inset !important;color:#ff4d6d !important;} body .game-frame-actions .game-favorite a:hover{background:rgba(255,77,109,.18) !important;box-shadow:0 0 0 1px rgba(255,77,109,.55) inset !important;color:#fff !important;} body .game-favorite__btn::before{color:#ff4d6d !important;font-weight:900 !important;} body .game-favorite__btn.game-favorite__btn--added{color:#fff !important;} body .game-favorite a:has(.game-favorite__btn--added){background:#ff4d6d !important;box-shadow:0 10px 24px rgba(255,77,109,.24),0 0 0 1px #ff4d6d inset !important;color:#fff !important;} body .game-favorite a:has(.game-favorite__btn--added) .game-favorite__btn::before{color:#fff !important;} .header__btn-fav .js-fav-count{font-size:12px !important;line-height:1 !important;} @media (max-width:760px){ body .header{overflow:visible !important;} body .header__inner{position:relative !important;min-height:60px !important;padding-right:104px !important;} body .header__logo{max-width:calc(100vw - 128px) !important;min-width:0 !important;overflow:hidden !important;} body .header__logo .logo__text{max-width:86px !important;overflow:hidden !important;} body .header__btn-fav{position:absolute !important;right:56px !important;top:10px !important;z-index:125 !important;display:inline-flex !important;width:40px !important;height:40px !important;margin:0 !important;align-items:center !important;justify-content:center !important;gap:3px !important;border-radius:50% !important;background:rgba(255,77,109,.14) !important;color:#ff4d6d !important;} body .header__btn-fav::before{font-size:17px !important;color:#ff4d6d !important;} body .header__btn-fav .js-fav-count{position:absolute !important;right:4px !important;bottom:5px !important;color:#fff !important;font-size:12px !important;font-weight:900 !important;text-shadow:0 1px 3px rgba(0,0,0,.45) !important;} body .header__btn-mobmenu.js-show-mobile-menu{position:absolute !important;right:10px !important;top:10px !important;z-index:130 !important;display:inline-flex !important;width:40px !important;height:40px !important;margin:0 !important;align-items:center !important;justify-content:center !important;} body .content .cols__main>.speedbar.ws-nowrap:first-child{display:block !important;visibility:visible !important;opacity:1 !important;margin-top:0 !important;margin-bottom:14px !important;white-space:normal !important;line-height:1.35 !important;position:relative !important;z-index:2 !important;} } @media (min-width:761px) and (max-width:1220px){ body .header__inner{position:relative !important;padding-right:112px !important;} body .header__btn-fav{position:absolute !important;right:62px !important;top:10px !important;margin:0 !important;z-index:125 !important;display:inline-flex !important;} body .header__btn-mobmenu.js-show-mobile-menu{position:absolute !important;right:14px !important;top:10px !important;margin:0 !important;z-index:130 !important;display:inline-flex !important;} } html body .header .header__btn-fav.fas.fa-heart, html body .header .header__btn-fav.fal.fa-heart{background-color:rgba(255,77,109,.14) !important;background-image:none !important;color:#ff4d6d !important;border-color:rgba(255,77,109,.26) !important;} html body .header .header__btn-fav.fas.fa-heart::before, html body .header .header__btn-fav.fal.fa-heart::before{color:#ff4d6d !important;} html body .header .header__btn-fav .js-fav-count{font-size:12px !important;color:#fff !important;background:transparent !important;} @media (max-width:760px){html body .header .header__btn-fav.fas.fa-heart,html body .header .header__btn-fav.fal.fa-heart{background-color:rgba(255,77,109,.16) !important;}} .game-favorite__notice{display:none !important;} .fav-toast{position:fixed;right:18px;bottom:18px;z-index:2000;display:flex;align-items:center;gap:8px;max-width:min(360px,calc(100vw - 28px));padding:11px 13px;border:1px solid rgba(121,255,122,.34);border-radius:9px;background:#101722;color:#d8e2f2;box-shadow:0 18px 46px rgba(0,0,0,.42);font-family:SlotebiBody, Manrope,"Noto Sans Georgian",sans-serif;font-size:12px;font-weight:800;line-height:1.25;animation:favNoticeIn .18s ease both;} .fav-toast .fal{color:#79ff7a;font-size:15px;} .fav-toast strong{color:#fff;font-weight:900;} .fav-toast a{margin-left:auto;color:#79ff7a !important;font:inherit;text-decoration:none;white-space:nowrap;} .fav-toast.is-hiding{animation:favNoticeOut .24s ease both;} html body .header .header__btn-fav.fas.fa-heart,html body .header .header__btn-fav.fal.fa-heart{width:auto !important;min-width:0 !important;padding:0 8px !important;border-radius:0 !important;background:transparent !important;border:0 !important;gap:6px !important;} html body .header .header__btn-fav .js-fav-count{position:static !important;right:auto !important;bottom:auto !important;display:inline-flex !important;width:auto !important;height:auto !important;color:#d8e2f2 !important;font-size:12px !important;text-shadow:none !important;} @media (max-width:760px){ .fav-toast{left:14px;right:14px;bottom:16px;justify-content:flex-start;} html body .header .header__btn-fav.fas.fa-heart,html body .header .header__btn-fav.fal.fa-heart{right:56px !important;top:10px !important;width:48px !important;height:40px !important;padding:0 !important;justify-content:center !important;background:transparent !important;} html body .header .header__btn-fav .js-fav-count{position:static !important;font-size:12px !important;color:#d8e2f2 !important;} } body .game-frame-actions .game-favorite, body .game-frame-actions .game-report{display:flex !important;align-items:center !important;justify-content:center !important;} body .game-frame-actions .game-favorite a, body .game-frame-actions .game-favorite a:hover{display:inline-flex !important;width:100% !important;height:44px !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:0 14px !important;border:1px solid rgba(255,77,109,.42) !important;border-radius:9px !important;background:rgba(255,77,109,.12) !important;box-shadow:0 10px 24px rgba(0,0,0,.18) !important;color:#ff4d6d !important;text-decoration:none !important;} body .game-frame-actions .game-favorite a:has(.game-favorite__btn--added){background:#ff4d6d !important;border-color:#ff4d6d !important;color:#fff !important;box-shadow:0 12px 26px rgba(255,77,109,.22) !important;} body .game-frame-actions .game-favorite__btn{display:inline-flex !important;width:auto !important;height:auto !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;color:inherit !important;font-size:13px !important;font-weight:900 !important;line-height:1.2 !important;white-space:nowrap !important;} body .game-frame-actions .game-favorite__btn::before{color:inherit !important;} body .game-frame-actions .game-report a, body .game-frame-actions .game-report__btn{display:inline-flex !important;width:100% !important;height:44px !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:0 14px !important;border:1px solid rgba(83,174,255,.36) !important;border-radius:9px !important;background:rgba(83,174,255,.11) !important;box-shadow:0 10px 24px rgba(0,0,0,.16) !important;color:#6bbcff !important;font-size:13px !important;font-weight:900 !important;line-height:1.2 !important;white-space:nowrap !important;text-decoration:none !important;} body .game-frame-actions .game-report a:hover, body .game-frame-actions .game-report__btn:hover{background:rgba(83,174,255,.17) !important;border-color:rgba(83,174,255,.56) !important;color:#d8efff !important;} @media (max-width:760px){ body .header__logo.logo{max-width:none !important;width:auto !important;min-width:0 !important;overflow:visible !important;font-size:22px !important;line-height:1 !important;letter-spacing:0 !important;} body .header__logo.logo .logo__text{max-width:none !important;width:auto !important;overflow:visible !important;} body .header__logo.logo span{display:inline !important;max-width:none !important;overflow:visible !important;} } @media (max-width:360px){body .header__logo.logo{font-size:20px !important;}} body .game-frame-actions .game-report{border:0 !important;background:transparent !important;box-shadow:none !important;padding:0 !important;} body .game-frame-actions .game-report .game-report__btn, body .game-frame-actions .game-report a{border:1px solid rgba(83,174,255,.36) !important;background:rgba(83,174,255,.11) !important;box-shadow:0 10px 24px rgba(0,0,0,.16) !important;} body .game-frame-actions .game-report .game-report__btn::before{color:inherit !important;} body .header__inner > .header__logo.logo{flex:0 0 auto !important;width:auto !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:0 !important;align-self:center !important;overflow:visible !important;white-space:nowrap !important;font-size:30px !important;line-height:1 !important;letter-spacing:0 !important;opacity:1 !important;visibility:visible !important;transform:none !important;} body .header__inner > .header__logo.logo .logo__text, body .header__inner > .header__logo.logo span{display:inline-flex !important;max-width:none !important;width:auto !important;overflow:visible !important;font-size:1em !important;line-height:1 !important;opacity:1 !important;visibility:visible !important;} @media (max-width:760px){body .header__inner > .header__logo.logo{font-size:22px !important;}} @media (max-width:360px){body .header__inner > .header__logo.logo{font-size:20px !important;}} body .page__related { margin-top: 22px !important; padding: 18px !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 8px !important; background: rgba(255,255,255,.04) !important; box-shadow: 0 16px 34px rgba(0,0,0,.16) !important; } body .page__related .side-block__title { display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 0 14px !important; color: #fff !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1.25 !important; } body .page__related .side-block__title::before { content: "" !important; width: 8px !important; height: 22px !important; border-radius: 4px !important; background: var(--accent) !important; flex: 0 0 auto !important; } body .page__related .side-block__content, body .page__related .side-block__grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important; gap: 14px !important; padding: 0 !important; } body .page__related .related-slot { display: block !important; overflow: hidden !important; min-width: 0 !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 8px !important; background: rgba(18,24,44,.9) !important; color: #fff !important; text-decoration: none !important; box-shadow: 0 12px 26px rgba(0,0,0,.16) !important; transition: border-color .2s ease, transform .2s ease, background .2s ease !important; } body .page__related .related-slot:hover { border-color: rgba(121,255,122,.42) !important; background: rgba(24,32,58,.96) !important; transform: translateY(-2px) !important; } body .page__related .related-slot__img { position: relative !important; display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 10 !important; overflow: hidden !important; border-radius: 0 !important; background: #10162b !important; } body .page__related .related-slot__img img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } body .page__related .related-slot__play { position: absolute !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; min-width: 34px !important; padding: 0 !important; border-radius: 50% !important; background: var(--accent) !important; color: #101828 !important; font-size: 13px !important; line-height: 34px !important; opacity: 0 !important; transform: translate(-50%, -50%) scale(.92) !important; transition: opacity .2s ease, transform .2s ease !important; } body .page__related .related-slot:hover .related-slot__play { opacity: 1 !important; transform: translate(-50%, -50%) scale(1) !important; } body .page__related .related-slot__body { display: block !important; padding: 11px 12px 13px !important; background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)) !important; } body .page__related .related-slot__category, body .page__related .related-slot__title { display: block !important; min-width: 0 !important; } body .page__related .related-slot__category { margin-bottom: 6px !important; color: var(--muted) !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.25 !important; } body .page__related .related-slot__title { min-height: 38px !important; color: #fff !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.35 !important; -webkit-line-clamp: 2 !important; } @media (max-width: 720px) { body .page__related {margin-top: 16px !important; padding: 14px !important;} body .page__related .side-block__title {font-size: 16px !important;} body .page__related .side-block__content, body .page__related .side-block__grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important;} body .page__related .related-slot__body {padding: 9px 10px 11px !important;} body .page__related .related-slot__title {min-height: 34px !important; font-size: 12.5px !important;} } body #dle-ajax-comments, body #dle-comments-form{display:none !important;} body .header__inner > .header__logo.logo{flex:0 0 auto !important;width:auto !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:0 !important;align-self:center !important;overflow:visible !important;white-space:nowrap !important;font-size:36px !important;line-height:1 !important;letter-spacing:0 !important;opacity:1 !important;visibility:visible !important;transform:none !important;} body .header__inner > .header__logo.logo .logo__text, body .header__inner > .header__logo.logo span{display:inline-flex !important;max-width:none !important;width:auto !important;overflow:visible !important;font-size:1em !important;line-height:1 !important;opacity:1 !important;visibility:visible !important;} body .header__inner > .header__logo.logo span:last-child{font-size:1em !important;color:var(--accent) !important;} @media (max-width:760px){body .header__inner > .header__logo.logo{font-size:24px !important;max-width:calc(100vw - 112px) !important;}body .header__inner > .header__logo.logo .logo__text,body .header__inner > .header__logo.logo span{display:inline-flex !important;max-width:none !important;overflow:visible !important;}} @media (max-width:360px){body .header__inner > .header__logo.logo{font-size:22px !important;}} html body .header .header__btn-fav.fas.fa-heart, html body .header .header__btn-fav.fal.fa-heart{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;width:auto !important;min-width:132px !important;height:40px !important;padding:0 13px !important;border:1px solid rgba(255,77,109,.34) !important;border-radius:999px !important;background:rgba(255,77,109,.12) !important;color:#fff !important;text-decoration:none !important;box-shadow:0 8px 22px rgba(0,0,0,.18) !important;white-space:nowrap !important;} html body .header .header__btn-fav.fas.fa-heart::before, html body .header .header__btn-fav.fal.fa-heart::before{flex:0 0 auto !important;color:#ff4d6d !important;font-size:17px !important;line-height:1 !important;} html body .header .header__btn-fav .header__btn-fav-label{display:inline-flex !important;align-items:center !important;color:#fff !important;font-family:SlotebiBody, Manrope, "Noto Sans Georgian", sans-serif !important;font-size:12px !important;font-weight:900 !important;line-height:1 !important;letter-spacing:0 !important;} html body .header .header__btn-fav .js-fav-count{position:static !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:18px !important;height:18px !important;padding:0 5px !important;border:0 !important;border-radius:999px !important;background:#ff4d6d !important;color:#fff !important;font-size:11px !important;font-weight:900 !important;line-height:18px !important;text-shadow:none !important;box-shadow:none !important;} html body .header .header__btn-fav:hover{border-color:rgba(255,77,109,.58) !important;background:rgba(255,77,109,.18) !important;box-shadow:0 10px 26px rgba(255,77,109,.16) !important;} @media (max-width:980px){html body .header .header__btn-fav.fas.fa-heart,html body .header .header__btn-fav.fal.fa-heart{min-width:118px !important;padding:0 10px !important;gap:6px !important;}html body .header .header__btn-fav .header__btn-fav-label{font-size:11px !important;}} @media (max-width:760px){html body .header .header__btn-fav.fas.fa-heart,html body .header .header__btn-fav.fal.fa-heart{right:56px !important;top:10px !important;width:48px !important;min-width:48px !important;height:40px !important;padding:0 !important;gap:0 !important;border-radius:999px !important;background:transparent !important;border:0 !important;box-shadow:none !important;}html body .header .header__btn-fav .header__btn-fav-label{display:none !important;}html body .header .header__btn-fav .js-fav-count{position:absolute !important;right:0 !important;bottom:4px !important;min-width:14px !important;height:14px !important;padding:0 4px !important;font-size:10px !important;line-height:14px !important;}} body .game-frame-actions .game-report{display:flex !important;width:100% !important;min-width:0 !important;height:44px !important;align-items:stretch !important;justify-content:stretch !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;box-sizing:border-box !important;} body .game-frame-actions .game-report a{display:flex !important;width:100% !important;min-width:0 !important;height:44px !important;align-items:center !important;justify-content:center !important;gap:8px !important;margin:0 !important;padding:0 14px !important;box-sizing:border-box !important;border:1px solid rgba(83,174,255,.44) !important;border-radius:9px !important;background:rgba(83,174,255,.14) !important;box-shadow:0 10px 24px rgba(0,0,0,.16) !important;color:#7fc7ff !important;text-decoration:none !important;overflow:hidden !important;} body .game-frame-actions .game-report a:hover{background:rgba(83,174,255,.2) !important;border-color:rgba(83,174,255,.62) !important;color:#d8efff !important;} body .game-frame-actions .game-report .game-report__btn{display:inline-flex !important;width:auto !important;min-width:0 !important;height:auto !important;align-items:center !important;justify-content:center !important;gap:8px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;color:inherit !important;font-size:13px !important;font-weight:900 !important;line-height:1.2 !important;white-space:nowrap !important;} body .game-frame-actions .game-report .game-report__btn::before{color:inherit !important;} body .game-frame-actions .game-favorite a:has(.game-favorite__btn--added){border-color:rgba(255,111,134,.36) !important;background:rgba(255,77,109,.13) !important;color:#ff8ea2 !important;box-shadow:0 10px 24px rgba(0,0,0,.16) !important;} body .game-frame-actions .game-favorite a:has(.game-favorite__btn--added):hover{border-color:rgba(255,111,134,.48) !important;background:rgba(255,77,109,.18) !important;color:#ffd9e0 !important;} body .game-frame-actions .game-favorite a:has(.game-favorite__btn--added) .game-favorite__btn{color:inherit !important;background:transparent !important;box-shadow:none !important;} body .game-frame-actions .game-favorite a:has(.game-favorite__btn--added) .game-favorite__btn::before{color:#ff6f86 !important;} html{scroll-padding-top:118px !important;} body #top-slotebi, body #akhali-slotebi{scroll-margin-top:118px !important;} body .game-tabs .game-tabs__fav{display:inline-flex !important;height:38px !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:0 15px !important;border-radius:7px !important;border:1px solid rgba(255,77,109,.34) !important;background:rgba(255,77,109,.12) !important;color:#fff !important;font-size:13px !important;font-weight:900 !important;line-height:1 !important;text-decoration:none !important;white-space:nowrap !important;} body .game-tabs .game-tabs__fav span{color:#ff4d6d !important;font-size:14px !important;} body .game-tabs .game-tabs__fav:hover{border-color:rgba(255,77,109,.56) !important;background:rgba(255,77,109,.18) !important;color:#fff !important;} @media (max-width:760px){html{scroll-padding-top:94px !important;}body #top-slotebi,body #akhali-slotebi{scroll-margin-top:94px !important;}body .game-tabs .game-tabs__fav{height:38px !important;min-width:max-content !important;padding:0 10px !important;font-size:11px !important;gap:5px !important;}} body .header, body .header__inner{overflow:visible !important;} body .header__inner > .header__logo.logo{flex:0 0 auto !important;width:auto !important;min-width:0 !important;max-width:none !important;height:auto !important;min-height:0 !important;align-self:center !important;overflow:visible !important;white-space:nowrap !important;font-size:36px !important;line-height:1 !important;letter-spacing:0 !important;} body .header__inner > .header__logo.logo .logo__text, body .header__inner > .header__logo.logo span{display:inline-flex !important;max-width:none !important;width:auto !important;overflow:visible !important;text-overflow:clip !important;font-size:1em !important;line-height:1 !important;letter-spacing:0 !important;} body .header__inner > .header__logo.logo span:last-child{font-size:1em !important;color:var(--accent) !important;} @media (max-width:760px){body .header__inner > .header__logo.logo{font-size:28px !important;max-width:calc(100vw - 108px) !important;}body .header__inner > .header__logo.logo .logo__text,body .header__inner > .header__logo.logo span{max-width:none !important;overflow:visible !important;text-overflow:clip !important;}} @media (max-width:360px){body .header__inner > .header__logo.logo{font-size:26px !important;max-width:calc(100vw - 104px) !important;}} @media (max-width:330px){body .header__inner > .header__logo.logo{font-size:24px !important;max-width:calc(100vw - 100px) !important;}} @media (max-width:760px){body .game-tabs{display:flex !important;flex-wrap:nowrap !important;grid-template-columns:none !important;align-items:center !important;gap:6px !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important;}body .game-tabs::-webkit-scrollbar{display:none !important;}body .game-tabs a,body .game-tabs .game-tabs__fav{flex:0 0 auto !important;width:auto !important;min-width:max-content !important;height:38px !important;white-space:nowrap !important;padding:0 10px !important;font-size:11px !important;}} @media (max-width:380px){body .game-tabs a,body .game-tabs .game-tabs__fav{padding:0 9px !important;font-size:10.5px !important;gap:5px !important;}} @media (max-width:980px){body .game-tabs{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;grid-template-columns:none !important;align-items:center !important;justify-content:flex-start !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;gap:6px !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important;}body .game-tabs::-webkit-scrollbar{display:none !important;}body .game-tabs > a,body .game-tabs > .game-tabs__fav{display:inline-flex !important;flex:0 0 auto !important;width:auto !important;min-width:max-content !important;max-width:none !important;height:38px !important;box-sizing:border-box !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important;word-break:normal !important;overflow:visible !important;text-overflow:clip !important;padding:0 10px !important;font-size:11px !important;line-height:1 !important;}} @media (max-width:380px){body .game-tabs{gap:5px !important;}body .game-tabs > a,body .game-tabs > .game-tabs__fav{height:38px !important;padding:0 8px !important;font-size:10px !important;gap:5px !important;}} body .wrapper .game-tabs{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;grid-template-columns:none !important;align-items:center !important;justify-content:flex-start !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;gap:8px !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important;} body .wrapper .game-tabs::-webkit-scrollbar{display:none !important;} body .wrapper .game-tabs > a, body .wrapper .game-tabs > a.game-tabs__fav{display:inline-flex !important;flex:0 0 auto !important;width:auto !important;min-width:max-content !important;max-width:none !important;height:38px !important;box-sizing:border-box !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important;word-break:normal !important;overflow:visible !important;text-overflow:clip !important;padding:0 15px !important;font-size:13px !important;line-height:1 !important;} @media (max-width:760px){body .wrapper .game-tabs{gap:6px !important;padding-left:6px !important;padding-right:6px !important;}body .wrapper .game-tabs > a,body .wrapper .game-tabs > a.game-tabs__fav{height:38px !important;padding:0 10px !important;font-size:11px !important;gap:5px !important;}} @media (max-width:380px){body .wrapper .game-tabs > a,body .wrapper .game-tabs > a.game-tabs__fav{padding:0 8px !important;font-size:10px !important;}}