/* Blade component bridge for the locally imported TopX design. */
@font-face{font-family:Roboto;src:url('./template/fonts/RobotoRegular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('./template/fonts/RobotoMedium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Roboto;src:url('./template/fonts/RobotoBold.woff2') format('woff2');font-weight:700;font-display:swap}
body.topx-theme{display:block;background:#090f1e;color:#c2c4c9;font-family:Roboto,Arial,sans-serif}
.topx-theme *{box-sizing:border-box}
.topx-theme :is(p,i,b,a,h1,h2,h3,h4,h5,h6,ul,ol,button){font-family:inherit}
.topx-theme :is(p,ul,ol,dl){color:#c2c4c9}
.topx-theme :is(h1,h2,h3,h4){color:#fff;line-height:1.25}
.topx-theme a{color:inherit}
.topx-theme a:focus-visible,.topx-theme button:focus-visible,.topx-theme summary:focus-visible{outline:2px solid #ff654c;outline-offset:4px}
.topx-theme .content{margin:0;padding:85px 0 0;min-width:0;max-width:none}
.topx-theme .container{padding:0;width:100%;max-width:none}
.topx-theme .main-container{position:relative;z-index:auto}
.topx-theme .sidebar{width:270px;height:100dvh;padding:25px 15px;background:#090f1e;overflow-y:auto;z-index:30}
.topx-theme .sidebar-menu{flex:1;justify-content:flex-start;align-items:stretch;gap:5px}
.topx-theme .sidebar-menu__item{color:#fff;padding:12px 15px;line-height:1.3}
.topx-theme .sidebar-menu__item[aria-current]{background:#172032;border-radius:8px;color:#ff654c}
.topx-theme .sidebar-menu>.button{height:auto;min-height:44px;flex:none;align-items:center;justify-content:center;padding:12px 20px;text-align:center;border-radius:8px}
.topx-theme .sidebar-menu .bottom-content{position:static;margin-top:auto;padding:35px 0 0;width:100%}
.topx-theme .sidebar-menu .social-link{flex-wrap:wrap;font-size:12px;margin-top:0}
.topx-theme .topx-support-icon{flex:none;width:21px;height:20px}
.topx-theme .topx-social-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:8px;background:#28364d}
.topx-theme .topx-social-icon img{display:block;width:22px;height:22px;object-fit:contain}
.topx-theme .topx-social-icon--telegram{background:linear-gradient(240deg,#0fb1d6,#08c)}
.topx-theme .topx-social-icon--instagram{background:linear-gradient(215deg,#7e2bf4,#ed146e 52%,#ffc90c)}
.topx-theme .topx-social-icon:hover{filter:brightness(1.15)}
.topx-theme .sidebar__logo{display:block;width:130px;margin:0 15px 25px}
.topx-theme .header{border:0}
.topx-theme .header__wrapper{gap:15px;flex-wrap:nowrap;flex-direction:row}
.topx-header-offer{flex:1;min-width:0}
.topx-header-offer .button{max-width:400px;min-height:55px;padding:10px 65px 10px 15px;text-align:left;position:relative;background:#172032;color:#fff}
.topx-header-offer img{position:absolute;right:12px;width:42px;height:42px;object-fit:contain}
.topx-theme .topx-auth{gap:15px;flex-shrink:0}
.topx-theme .topx-auth .button{min-width:125px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;color:#fff;text-decoration:none;border-radius:8px}
.topx-theme .button__red,.topx-theme .btn-green,.topx-theme .btn-yellow,.topx-theme .btn-secondary{background:#ff2400;color:#fff;border:0}
.topx-theme .button__signin{background:#172032}
.topx-theme .box{display:block;width:100%;max-width:100%;margin:20px 0 0;padding:24px;background:#172032;border-radius:8px;overflow-wrap:anywhere}
.topx-theme .box> :first-child{margin-top:0}
.topx-theme .box> :last-child{margin-bottom:0}
.topx-theme .content-text p{font-size:16px;line-height:1.6}
.topx-theme .content-text :is(h1,h2,h3){scroll-margin-top:115px}
.topx-theme .content-text img{max-width:100%}
.topx-theme .content-text table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.topx-theme table :is(td,th){border-color:#303b50}
.topx-theme table thead tr,.topx-theme table tbody tr:nth-child(2n){background:#202c42}
.topx-theme .topx-banners{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:15px;width:100%;margin:0 0 25px;padding:0}
.topx-theme .topx-banners>div{position:relative;display:block;width:auto;min-width:0;min-height:300px;height:auto;margin:0;border-radius:15px;overflow:hidden;background:#090f1e}
.topx-theme .topx-banners>div>a{display:block;position:relative;min-height:300px;height:100%;padding:30px;text-decoration:none;isolation:isolate}
.topx-theme .topx-banners>div>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.topx-theme .topx-banners>div>a:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,15,30,.85),transparent);z-index:-1}
.topx-theme .content .slides.topx-banners :is(.text,.num){position:relative;inset:auto;transform:none;display:block;width:auto;max-width:80%;margin:0 0 15px;font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:clamp(20px,2.5vw,36px);line-height:1.2;color:#fff;text-transform:none}
.topx-theme .content .slides.topx-banners .button{position:relative;inset:auto;transform:none;display:inline-flex;width:auto;height:auto;min-height:44px;margin:15px 0 0;padding:14px 20px;background:#ff2400;border:0;border-radius:8px;color:#fff;font-size:16px;text-transform:none}
.topx-theme .content .slides.topx-banners .buttons{position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:10px}
.topx-theme .content .slides.topx-banners .button-green{background:#172032}
.topx-theme .content .slides.topx-banners .button{font-family:Roboto,Arial,sans-serif;font-weight:700}
.topx-theme .topx-banners .has-promocode>a{padding-bottom:90px}
.topx-theme .topx-banners .banner-promocode{position:absolute;bottom:20px;left:30px;right:auto;transform:none;max-width:calc(100% - 60px);background:#172032;color:#fff}
.topx-theme .content .slides.topx-banners .banner-promocode-copy{background:#ff2400}
.topx-theme .faq-item{border:1px solid #303b50;border-radius:8px;margin:12px 0;overflow:hidden}
.topx-theme .faq-item summary{cursor:pointer;padding:20px;color:#fff;font-weight:700;background:#202c42}
.topx-theme .faq-item .faq-item-content{display:block;height:auto;margin:0;padding:0 20px;background:#172032}
.topx-theme .spoiler-list,.topx-theme .tabs .tab,.topx-theme .cards .card,.topx-theme .card-game,.topx-theme .card-provider,.topx-theme .showcase-item,.topx-theme .reviews .item,.topx-theme .pros-and-cons>div,.topx-theme .author-block{background:#202c42;border-radius:8px}
.topx-theme .spoiler-list>summary{cursor:pointer;color:#fff;padding:18px;font-weight:700}
.topx-theme .spoiler-list .spoiler-list-content{display:block;padding:0 20px 18px}
.topx-theme .bonus{background:#25344d;border:1px solid #3a4b65;border-radius:15px}
.topx-theme .bonus .promo-code{color:#fff;background:#090f1e}
.topx-theme .promo-code.active{outline:2px solid #ff654c}
.topx-theme .topx-footer{padding:30px 0 10px;margin:25px 0 0;background:transparent;width:100%}
.topx-theme .topx-footer .currency{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}
.topx-theme .topx-footer .currency img{width:45px;height:30px;object-fit:contain}
.topx-theme .topx-footer .divider{background:#283246;margin:25px 0}
.topx-theme .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px}
.topx-theme .footer-bottom :is(.links,.logos){display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.topx-theme .footer-bottom .logos img{max-width:100px;max-height:35px}
.topx-theme .footer-copyright{margin-top:25px;font-size:13px}
.topx-theme .cookies{background:#202c42;z-index:60;box-shadow:0 4px 25px #0008;border:1px solid #303b50}
.topx-theme .cookies-links-btn{cursor:pointer}
.topx-theme .download-app{display:none}
.topx-theme .language-switcher img,.topx-theme .our-partners img{max-width:50px;max-height:32px;object-fit:contain}
.topx-theme .language-switcher ul{list-style:none;padding:10px}
.topx-theme .language-switcher a{display:flex;align-items:center;gap:10px;padding:8px}
.topx-theme .bg-overlay{display:none}
@media(min-width:1280px){.topx-theme .sidebar .for-mobile{display:none}}
@media(max-width:1279px){
 .topx-theme .content{width:100%;padding-top:85px}
 .topx-theme .sidebar{left:auto;right:0;transform:translateX(100%);background:#172032;width:min(320px,90vw);visibility:hidden;transition:transform .2s,visibility .2s}
 .topx-theme.menu-opened .sidebar{transform:none;visibility:visible}
 .topx-theme .sidebar__logo{display:none}
 .topx-theme.menu-opened .bg-overlay{display:block;position:fixed;inset:0;z-index:25;background:#0009}
 .topx-theme .header__logo{display:block;flex-shrink:0}
 .topx-theme .header__logo img{width:105px;max-height:45px}
 .topx-theme .header__wrapper{padding-right:40px}
 .topx-header-offer{display:none}
 .topx-theme .topx-auth{margin-left:auto}
}
@media(max-width:768px){
 .topx-theme .content-holder{padding:0 12px 12px}
 .topx-theme .content{padding-top:110px}
 .topx-theme .header.sticky{right:12px;width:calc(100% - 24px);height:100px}
 .topx-theme .header__wrapper{flex-wrap:wrap;gap:8px;padding:10px 0}
 .topx-theme .header__logo{width:100%;height:30px}
 .topx-theme .header__logo img{width:90px;height:30px}
 .topx-theme .topx-auth{width:100%;height:40px;gap:10px}
 .topx-theme .topx-auth .button{flex:1;min-width:0;min-height:40px;padding:10px;font-size:14px}
 .topx-theme .box{padding:18px 15px;margin-top:10px}
 .topx-theme h1{font-size:26px}
 .topx-theme h2{font-size:22px}
 .topx-theme .topx-banners{grid-template-columns:1fr}
 .topx-theme .topx-banners>div,.topx-theme .topx-banners>div>a{min-height:250px}
 .topx-theme .topx-banners .text{font-size:26px}
 .topx-theme .footer-bottom{flex-direction:column}
 .topx-theme .cookies{left:12px;right:12px;bottom:12px;width:auto;max-width:calc(100% - 24px);flex-direction:column;padding:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topx-theme *{transition:none!important}}

.topx-hero { position: relative; width: 100%; aspect-ratio: 1140 / 365; overflow: hidden; border-radius: 12px; background: #070709; }
.topx-hero > img { display: block; width: 100%; height: 100%; object-fit: cover; filter: brightness(.5); }
.topx-hero > .button__promo { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: min(400px, 80%); }
@media (max-width: 600px) { .topx-hero { min-height: 200px; } .topx-hero > .button__promo { bottom: 20px; } }
.topx-theme .topx-hero > .button__promo { top: auto; height: 44px; min-height: 44px; padding: 10px 20px; display: flex; align-items: center; justify-content: center; background: #fff; color: #574449; border: 0; border-radius: 9px; font-size: 18px; font-weight: 600; line-height: 24px; text-decoration: none; }

.topx-theme .topx-games { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; }
.topx-theme .topx-game-card { display: flex; flex-direction: column; gap: 11px; width: 180px; max-width: 100%; padding-bottom: 2px; overflow: hidden; border-radius: 4px; color: #fff; text-decoration: none; }
.topx-theme .topx-game-card img { display: block; width: 180px; max-width: 100%; height: auto; aspect-ratio: 180 / 138.34; object-fit: cover; border-radius: 4px; }
.topx-theme .topx-game-card span { font-size: 14px; font-weight: 500; line-height: 14px; letter-spacing: 1.1px; }
.topx-theme .topx-game-card:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.topx-theme .topx-games { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.topx-theme .topx-game-card { width: 100%; min-height: 192px; }
.topx-theme .topx-game-card img { width: 100%; }
@media (max-width: 1100px) { .topx-theme .topx-games { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .topx-theme .topx-games { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Footer from Figma node 1:564. */
.topx-theme .topx-footer { margin-top: 30px; padding: 0 0 12px; }
.topx-footer-rule { height: 1px; background: linear-gradient(90deg, transparent, rgba(128,133,143,.25) 27.6%, rgba(128,133,143,.5) 52.62%, rgba(128,133,143,.29) 74.48%, transparent); }
.topx-provider-logos { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); align-items: center; column-gap: 28.5px; row-gap: 25px; padding: 30px 31.75px 45px; }
.topx-provider-logo { display: flex; justify-content: center; align-items: center; min-width: 0; }
.topx-provider-logo img { display: block; max-width: 100%; height: auto; object-fit: contain; }
.topx-provider-logo:nth-child(9) { grid-column: 2 / 4; }
.topx-provider-logo:nth-child(10) { grid-column: 6 / 8; }
.topx-footer-spacer { height: 45px; }
.topx-footer-legal { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 66px; padding-right: 30px; }
.topx-theme .topx-footer-copy { margin: 0; font-size: 9px; font-weight: 500; line-height: 15.3px; color: #c2c4c9; }
.topx-footer-badges { display: flex; align-items: center; gap: 25px; }
.topx-footer-badges img { display: block; width: 115px; height: auto; }
@media(max-width: 1100px) { .topx-provider-logos { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 25px; padding: 30px 15px; } .topx-provider-logo:nth-child(n+9) { grid-column: auto; } .topx-footer-legal { flex-wrap: wrap; padding: 20px 0; } }
@media(max-width: 600px) { .topx-provider-logos { grid-template-columns: repeat(2,minmax(0,1fr)); } .topx-footer-badges { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; width: 100%; justify-items: center; } .topx-footer-legal { flex-direction: column-reverse; } .topx-footer-spacer { height: 30px; } }

.topx-theme .topx-game-card { transition: transform .2s ease, outline-color .2s ease; }
.topx-theme .topx-game-art { position: relative; display: block; border-radius: 4px; overflow: hidden; }
.topx-theme .topx-game-cover { transition: filter .2s ease; }
.topx-theme .topx-game-hover { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; }
.topx-theme .topx-game-play { display: flex; align-items: center; justify-content: center; gap: 8px; width: 135px; max-width: calc(100% - 16px); height: 40px; border-radius: 8px; background: #ff2400; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 0; }
.topx-theme .topx-game-play img { width: 19px; height: 19px; aspect-ratio: auto; border-radius: 0; filter: none; }
.topx-theme .topx-game-card:is(:hover,:focus-visible) { transform: scale(1.04); outline: 1px solid #9e9e9e; outline-offset: 0; z-index: 1; }
.topx-theme .topx-game-card:is(:hover,:focus-visible) .topx-game-cover { filter: brightness(.4); }
.topx-theme .topx-game-card:is(:hover,:focus-visible) .topx-game-hover { opacity: 1; visibility: visible; }
@media (hover: none) { .topx-theme .topx-game-hover { opacity: 1; visibility: visible; } }
@media (prefers-reduced-motion: reduce) { .topx-theme .topx-game-card:is(:hover,:focus-visible) { transform: none; } }

.topx-theme .topx-source-article { margin-top: 24px; }
.topx-theme .topx-article-image { display: block; width: 100%; height: auto; margin: 24px auto; border-radius: 8px; }
.topx-theme .topx-table-scroll { overflow-x: auto; margin: 20px 0; }
.topx-theme .topx-table-scroll table { width: 100%; border-collapse: collapse; }
.topx-theme .topx-table-scroll td { padding: 12px 16px; border: 1px solid #343e52; vertical-align: top; }
.topx-theme .topx-table-scroll tr:first-child { background: #252f43; font-weight: 700; }
.topx-theme .topx-table-scroll td p { margin: 0; }
.topx-theme .topx-source-article li > p { margin: 0; }
.topx-theme .topx-source-article h2,.topx-theme .topx-source-article h3 { scroll-margin-top: 100px; }
.topx-theme .topx-source-article ol { list-style: decimal; padding-left: 30px; counter-reset: none; }
.topx-theme .topx-source-article ol li { display: list-item; counter-increment: none; }
.topx-theme .topx-source-article ol li::before { content: none; }
.topx-theme .topx-table-scroll table { display: table; min-width: 100%; }

.topx-theme .topx-article-toc { margin: 22px 0; padding: 18px 20px; border-radius: 8px; background: #0c1424; border: 1px solid #283246; }
.topx-theme .topx-toc-title { display: block; padding-bottom: 12px; border-bottom: 1px solid #ff2400; font-size: 16px; font-weight: 700; text-transform: uppercase; }
.topx-theme .topx-article-toc ul, .topx-theme .topx-article-toc ol { margin: 14px 0 0; padding-left: 20px; }
.topx-theme .topx-article-toc li { margin: 8px 0; }
.topx-theme .topx-article-toc a { color: #c2c4c9; text-decoration: none; line-height: 1.5; }
.topx-theme .topx-article-toc a:hover,.topx-theme .topx-article-toc a:focus-visible { color: #fff; text-decoration: underline; }
@media(max-width: 600px) { .topx-theme .topx-article-toc { padding: 15px; } .topx-theme .topx-article-toc a { font-size: 13px; } .topx-theme .topx-source-article h2 { scroll-margin-top: 130px; } }
.topx-footer-page-links { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 25px; min-height: 45px; padding: 12px 0; }
.topx-footer-page-links a { color: #c2c4c9; text-decoration: none; font-size: 12px; line-height: 1.5; }
.topx-footer-page-links a:hover,.topx-footer-page-links a:focus-visible { color: #fff; text-decoration: underline; }