html, body{
margin:0;
max-width:100%;
overflow-x:hidden;
}
html{ scrollbar-gutter: auto; }
*{ box-sizing:border-box; }
img, video, canvas, svg, iframe{
max-width:100%;
height:auto;
display:block;
}
.nav a{
font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
text-transform:uppercase;
letter-spacing:.06em;
}
.nav-ico{
width:18px;
height:18px;
flex:0 0 18px;
object-fit:contain;
transition:filter .2s ease, opacity .2s ease;
}
.nav-ico svg,
svg.nav-ico{
width:18px;
height:18px;
}
.nav-ico svg [fill="currentColor"],
svg.nav-ico [fill="currentColor"]{
}
.nav a:hover .nav-ico{
}
.nav-txt{
line-height:1;
font-weight:500;
letter-spacing:.02em;
}
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
font-weight:700;
padding-bottom:0;
}
:root{
/* Casinozer ? ref screens: hdr/ft #1A1A1A, page #0D0D0D, btn #FFB07A, red #C5265C */
--mx-green:#FFB07A;
--mx-green-bright:#FFC08F;
--mx-red:#c5265c;
--mx-red-deep:#a01d4a;
--page-bg:#0d0d0d;
--main-bg:#0d0d0d;
--main-text:#ffffff;
--main-heading:#ffffff;
--main-muted:#d0d0d0;
--sidebar-blue-top:#0d0d0d;
--sidebar-blue-bot:#0d0d0d;
--sidebar-pill:rgba(255,176,122,.12);
--sidebar-pill-hover:rgba(255,176,122,.22);
--ink:#ffffff;
--ink-bright:#ffffff;
--ink-muted:#d0d0d0;
--line:rgba(197, 38, 92, 0.55);
--max:1320px;
--primary:#FFB07A;
--primary-mid:#FFC08F;
--primary-dark:#E89A6A;
--primary-glow:rgba(255, 176, 122, 0.40);
--secondary:#FFB07A;
--secondary-light:#FFD0A8;
--text-heading:#ffffff;
--on-lime:#0d0d0d;
--accent-pink:#c5265c;
--accent-blue:#1a1a1a;
--accent-blue-strong:#1a1a1a;
--gold1:#FFC08F;
--gold2:#FFB07A;
--gold3:#E89A6A;
--table-label-bg:#0d0d0d;
--table-value-bg:#0d0d0d;
--table-border:rgba(0,0,0,.28);
--ring:
0 0 0 1px rgba(197, 38, 92, 0.35) inset,
0 1px 0 rgba(255,255,255,.06) inset,
0 8px 28px rgba(0, 0, 0, 0.35);
--hdr-bg-top:#1a1a1a;
--hdr-bg-bot:#1a1a1a;
--btn-gold1:#FFC08F;
--btn-gold2:#FFB07A;
--btn-gold3:#E89A6A;
--btn-chamfer:7px;
--casea-clip:polygon(
7px 0,
calc(100% - 7px) 0,
100% 7px,
100% calc(100% - 7px),
calc(100% - 7px) 100%,
7px 100%,
0 calc(100% - 7px),
0 7px
);
--casea-clip-sm:polygon(
5px 0,
calc(100% - 5px) 0,
100% 5px,
100% calc(100% - 5px),
calc(100% - 5px) 100%,
5px 100%,
0 calc(100% - 5px),
0 5px
);
--casea-btn-blue:
linear-gradient(180deg, rgba(255,255,255,.22) 0%, transparent 38%),
linear-gradient(180deg, #FFC08F 0%, #FFB07A 48%, #E89A6A 100%);
--casea-btn-gold:linear-gradient(160deg, #FFD0A8 0%, #FFB07A 40%, #E89A6A 100%);
--chip-green-face:
linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 32%),
#FFB07A;
--chip-green-frame:#E89A6A;
--casea-btn-border:3px;
--casea-btn-frame:-3px;
--casea-clip-inner:polygon(
4px 0,
calc(100% - 4px) 0,
100% 4px,
100% calc(100% - 4px),
calc(100% - 4px) 100%,
4px 100%,
0 calc(100% - 4px),
0 4px
);
--casea-clip-sm-inner:polygon(
2px 0,
calc(100% - 2px) 0,
100% 2px,
100% calc(100% - 2px),
calc(100% - 2px) 100%,
2px 100%,
0 calc(100% - 2px),
0 2px
);
--casea-btn-face:var(--casea-btn-blue);
--framePad: 14px;
--bannerRad: 12px;
--main-pad-top: clamp(10px, 2.5vw, 20px);
--main-pad-x: clamp(14px, 3.5vw, 28px);
--main-pad-bottom: 40px;
--main-content-max: min(1100px, 100%);
}
.head .lang-switch{ display:none !important; }
.logo img{ height:42px; max-width:240px; width:auto; object-fit:contain; }
.ft-logo img{ height:38px; max-width:220px; width:auto; object-fit:contain; }
.ft-btn{
font-size:14px;
font-weight:800;
letter-spacing:.1em;
padding:13px 28px;
white-space:nowrap;
}
html{
color-scheme:dark;
min-height:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
html,body{
font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
body{
position:relative;
min-height:100%;
isolation:isolate; /* stacking context: ::before ? z-index:-1 ?????? ??? ??????? */
}
body:before{
content:"";
position:fixed;
inset:0;
z-index:-1;
pointer-events:none;
}
.pulse{ }
header{
position:fixed;
top:0;
left:0;
right:0;
z-index:100;
}
header.scrolled{
}
body{
padding-top:var(--hdrH, 64px);
}
.head{
max-width:var(--max);
margin:0 auto;
padding:12px 16px;
min-height:72px;
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.burger{
display:none;
align-items:center;
justify-content:center;
min-width:44px;
min-height:44px;
border-radius:10px;
padding:8px 10px;
}
.logo{ flex:0 0 auto; }
.logo img{
height:40px;
width:auto;
max-width:220px;
object-fit:contain;
}
.head-nav{
display:none;
align-items:center;
gap:clamp(10px, 2vw, 28px);
flex:0 1 auto;
min-width:0;
margin-left:clamp(4px, 1vw, 14px);
}
@media (min-width: 993px){
.head-nav{
display:flex;
flex:1 1 auto;
justify-content:flex-start;
}
.offers-trigger{
margin-left:0;
}
}
.head-nav__link{
font-family:"Antonio", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-weight:700;
font-size:clamp(11px, 0.95vw, 13px);
letter-spacing:.1em;
text-transform:uppercase;
text-decoration:none;
white-space:nowrap;
padding:6px 0 4px;
transition:opacity .2s ease, border-color .2s ease, color .2s ease;
}
.head-nav__link--active{
font-weight:800;
}
.head-nav__link:hover{
}
.head-nav__link:focus-visible{
border-radius:2px;
}
@media (max-width:520px){ .logo img{ height:42px; max-width:220px; } }
@media (max-width:390px){ .logo img{ height:36px; max-width:190px; } }
.head-search-ico{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
padding:0;
margin:0;
border-radius:10px;
text-decoration:none;
transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
@media (hover: hover) and (min-width: 993px){
a[data-go],
a[data-go]:hover,
a[data-go]:focus,
a[data-go]:focus-visible,
a[data-go] *,
a[data-go]:hover *,
a[data-go] img,
a[data-go]:hover img,
a[data-go] .promo-img,
a[data-go]:hover .promo-img{
cursor: default !important;
}
}
.head-search-ico:hover{
}
.head-search-ico:focus-visible{
}
.head-search-ico svg{
display:block;
flex:0 0 auto;
}
@media (max-width:520px){
.head-search-ico{
width:44px;
height:44px;
min-width:44px;
min-height:44px;
}
.head-search-ico svg{
width:20px;
height:20px;
}
}
.btn{
flex:0 0 auto;
white-space:nowrap;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding:8px 14px;
border-radius:999px;
text-decoration:none;
}
.btn--login,
.btn--reg{
border-radius:0;
position:relative;
z-index:0;
isolation:isolate;
}
.btn--login::before,
.btn--reg::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
}
.btn--login::after,
.btn--reg::after{
content:"";
position:absolute;
inset:var(--casea-btn-frame, -3px);
z-index:-1;
pointer-events:none;
}
.btn--reg{
}
.head .btn{
position:relative;
z-index:0;
isolation:isolate;
height:36px;
padding:0 18px;
min-width:120px;
border-radius:0;
font-size:13px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
transform:none;
}
.head .btn::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
}
.head .btn::after{
content:"";
position:absolute;
inset:var(--casea-btn-frame, -3px);
z-index:-1;
pointer-events:none;
}
@media (hover:hover){
.head .btn:hover{
}
.head .btn--login:hover,
.head .btn--reg:hover{
}
}
.head .btn:active{
transform:translateY(1px);
}
header.scrolled .head .btn--login,
header.scrolled .head .btn--reg{
}
header.scrolled .head .btn--reg::before{
}
@media (hover:hover){
header.scrolled .head .btn--reg:hover,
header.scrolled .head .btn--login:hover{
}
}
@media (max-width:520px){
.head .btn{
min-height:44px;
height:auto;
padding:10px 10px;
min-width:0;
flex:1 1 0;
max-width:calc(50% - 4px);
font-size:clamp(10px, 2.9vw, 12px);
letter-spacing:.04em;
line-height:1.2;
white-space:normal;
text-align:center;
}
}
@media (max-width:390px){
.head .btn{
padding:0 6px;
font-size:8px;
letter-spacing:.01em;
}
}
@media (hover:hover){
.btn.btn--reg:hover,
.btn.btn--reg:focus-visible{
transform: translateZ(0) scale(1.06);
}
}
@media (prefers-reduced-motion: reduce){
.btn--reg{ transition:none; }
.btn.btn--reg:hover,
.btn.btn--reg:focus-visible{ transform:none; }
}
.head .lang-switch{
position:relative;
display:inline-flex;
align-items:center;
flex:0 0 auto;
z-index:999;
margin-left:8px;
}
.head .lang-switch::before{
content:"";
position:absolute;
left:0;
right:0;
top:100%;
height:0;
}
.head .lang-switch.open::before{ height:10px; }
.head .lang-switch__btn{
-webkit-appearance:none;
appearance:none;
display:block;
flex:0 0 auto;
padding:3px;
border-radius:0;
cursor:pointer;
height:40px;
min-width:52px;
transition:filter .15s ease, transform .15s ease, box-shadow .15s ease;
}
.head .lang-switch__inner{
display:flex;
align-items:center;
justify-content:center;
height:100%;
padding:0 11px;
font-family:"Antonio", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-weight:800;
font-size:13px;
letter-spacing:.08em;
text-transform:uppercase;
position:relative;
isolation:isolate;
}
.head .lang-switch__inner::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
}
@media (hover:hover){
.head .lang-switch__btn:hover{
}
}
.head .lang-switch__btn:active{
transform:translateY(1px);
}
.head .lang-switch .lang-menu{
display:none;
position:absolute;
right:0;
top:calc(100% + 10px);
min-width:148px;
margin:0;
padding:6px 0;
list-style:none;
border-radius:0;
}
.head .lang-switch.open .lang-menu{ display:block; }
.head .lang-switch .lang-menu li{ padding:0; }
.head .lang-switch .lang-menu a{
display:flex;
align-items:center;
padding:10px 14px;
text-decoration:none;
font-family:"Antonio", system-ui, sans-serif;
font-size:13px;
font-weight:700;
letter-spacing:.04em;
text-transform:uppercase;
white-space:nowrap;
}
.head .lang-switch .lang-menu a:hover,
.head .lang-switch .lang-menu li:hover{ }
@media (max-width:520px){
.head .lang-switch__btn{
height:44px;
min-width:44px;
}
.head .lang-switch__inner{
padding:0 8px;
font-size:11px;
}
.head .btn{
max-width:calc(50% - 26px);
}
}
.shell{
max-width:var(--max);
margin:0 auto;
padding:18px 14px;
display:grid;
grid-template-columns:minmax(220px, 260px) minmax(0, 1fr);
gap:20px;
min-width:0;
align-items:start;
}
.shell > .aside{
grid-column:1;
grid-row:1;
}
.shell > main{
grid-column:2;
grid-row:1;
min-width:0;
position:relative;
z-index:1;
border-radius:14px;
padding:var(--main-pad-top) var(--main-pad-x) var(--main-pad-bottom);
}
main p, main h1, main h2, main h3, main a{
overflow-wrap:anywhere;
word-break:break-word;
}
.frame, .medals, .grid{ overflow-x:hidden; }
.aside{
align-self:start;
position:sticky;
top:calc(var(--hdrH, 64px) + 14px);
width:100%;
max-width:260px;
justify-self:stretch;
box-sizing:border-box;
border-radius:16px;
padding:14px;
overflow-x:hidden;
max-height:none;
overflow-y:visible;
}
.nav{ list-style:none; margin:0; padding:0; }
.nav li{ margin:6px 0; }
.nav a{
display:flex;
align-items:center;
gap:10px;
padding:12px 12px;
border-radius:12px;
text-decoration:none;
position:relative;
transition:all .2s ease;
}
.aside .nav a{
isolation:isolate;
overflow:hidden;
}
.drawer .nav a{
isolation:isolate;
overflow:hidden;
}
.aside .nav a::after,
.drawer .nav a::after{
content:"";
position:absolute;
inset:0;
border-radius:12px;
z-index:-2;
pointer-events:none;
}
.aside .nav a::before,
.drawer .nav a::before{
content:"";
position:absolute;
inset:2px;
border-radius:10px;
z-index:-1;
pointer-events:none;
}
.aside .nav a .nav-ico,
.aside .nav a .nav-txt,
.drawer .nav a .nav-ico,
.drawer .nav a .nav-txt{
position:relative;
z-index:1;
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico{
}
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico{
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
}
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico{
}
.aside .nav a:hover{
}
.aside .nav a.is-active{
}
.drawer .nav a:hover{
}
.drawer .nav a.is-active{
}
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before{
}
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
}
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
position:relative;
z-index:1;
}
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
position:relative;
z-index:1;
}
.sep{
height:10px;
margin:8px 6px;
}
.sep-title{
margin:8px 8px 4px;
font-size:12px;
letter-spacing:.08em;
}
.flag-emoji{
width:38px;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:28px;
line-height:0.5;
transform: translateY(1px);
}
.drawer{
position:fixed;
top:0;
left:0;
bottom:0;
width:min(82vw,320px);
transform:translateX(-100%);
transition:transform .28s ease;
z-index:120;
display:flex;
flex-direction:column;
border-radius:0 18px 18px 0;
}
.drawer.open{ transform:translateX(0); }
@media (min-width: 993px){
.drawer,
.drawer.open{
transform:translateX(-110%) !important;
visibility:hidden;
pointer-events:none;
}
}
.drawer .dhead{
display:flex;
align-items:center;
justify-content:space-between;
padding:12px 14px;
font-weight:800;
letter-spacing:.04em;
}
.dclose{
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
gap:0;
margin:0;
padding:8px;
width:44px;
height:44px;
min-height:44px;
border-radius:0;
font-family:inherit;
font-size:0;
font-weight:700;
letter-spacing:0;
text-transform:none;
transition:opacity .2s ease, transform .15s ease;
}
.dclose:hover{
}
.dclose:active{
transform:scale(0.94);
}
.dclose:focus-visible{
}
.dclose__icon{
position:relative;
width:22px;
height:22px;
flex:0 0 22px;
display:block;
}
.dclose__icon::before,
.dclose__icon::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:22px;
height:2px;
border-radius:1px;
}
.dclose__icon::before{
transform:translate(-50%, -50%) rotate(45deg);
}
.dclose__icon::after{
transform:translate(-50%, -50%) rotate(-45deg);
}
.dclose__label{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
}
.dnav{ padding:10px 10px 16px; flex:1; display:flex; flex-direction:column; min-height:0; }
.dnav .nav{ flex:1; overflow-y:auto; }
.offers-trigger{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
padding:0;
margin:0;
border-radius:10px;
cursor:pointer;
transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.offers-trigger:hover{
}
.offers-trigger:focus-visible{
}
.offers-trigger__ico{
display:block;
width:22px;
height:22px;
pointer-events:none;
}
@media (max-width:520px){
.offers-trigger{
width:44px;
height:44px;
min-width:44px;
min-height:44px;
}
.offers-trigger__ico{
width:22px;
height:22px;
}
}
.offers-backdrop{
position:fixed;
inset:0;
z-index:125;
visibility:hidden;
transition:opacity .36s ease, visibility .36s ease;
pointer-events:none;
}
.offers-backdrop.is-open{
visibility:visible;
pointer-events:auto;
-webkit-backdrop-filter:blur(14px) saturate(1.12);
}
.offers-panel{
--offers-panel-pad-x:18px;
--offers-modal-max-w:min(90vw, 520px);
position:fixed;
left:50%;
top:50%;
right:auto;
z-index:126;
box-sizing:border-box;
width:min(
calc(var(--offers-modal-max-w) + (var(--offers-panel-pad-x) * 2)),
calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px)
);
max-width:100%;
height:auto;
max-height:min(
90dvh,
calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)
);
border-radius:20px;
display:flex;
flex-direction:column;
transform:translate(-50%, -50%) scale(.92);
pointer-events:none;
overflow:hidden;
transition:
transform .42s cubic-bezier(.22,1,.36,1),
opacity .32s ease,
box-shadow .4s ease;
}
.offers-panel.is-open{
transform:translate(-50%, -50%) scale(1);
pointer-events:auto;
transition:
transform .42s cubic-bezier(.22,1,.36,1),
opacity .34s ease .05s,
box-shadow .4s ease;
}
@media (max-width:640px){
.offers-panel{
--offers-panel-pad-x:12px;
--offers-modal-max-w:min(92vw, 480px);
border-radius:16px;
}
.offers-panel__head{
padding:10px 10px 8px;
}
.offers-panel__head::after{
left:12px;
right:12px;
}
.offers-panel__title{
font-size:clamp(11px, 3.4vw, 15px);
letter-spacing:.08em;
padding:0 44px;
}
.offers-panel__title::before{
width:26px;
height:3px;
margin-bottom:5px;
}
.offers-panel__close{
width:38px;
height:38px;
font-size:18px;
right:8px;
}
.offers-panel__foot{
margin-left:calc(-1 * var(--offers-panel-pad-x));
margin-right:calc(-1 * var(--offers-panel-pad-x));
margin-bottom:calc(-1 * 16px);
padding:10px 12px 12px;
border-radius:0 0 14px 14px;
}
}
.offers-panel__head{
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:14px 14px 12px;
flex:0 0 auto;
min-width:0;
}
.offers-panel__head::after{
content:"";
position:absolute;
left:16px;
right:16px;
bottom:0;
height:1px;
}
.offers-panel__title{
margin:0 auto;
width:100%;
max-width:100%;
padding:0 44px;
box-sizing:border-box;
font-family:Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size:clamp(13px, 2.8vw, 17px);
font-weight:800;
letter-spacing:.1em;
line-height:1.25;
text-transform:uppercase;
text-align:center;
overflow-wrap:anywhere;
hyphens:auto;
}
.offers-panel__title::before{
content:"";
display:block;
width:32px;
height:3px;
border-radius:999px;
margin:0 auto 8px;
}
.offers-panel__close{
position:absolute;
top:50%;
right:12px;
z-index:2;
width:36px;
height:36px;
border-radius:10px;
font-size:0;
line-height:0;
font-weight:300;
cursor:pointer;
padding:0;
display:grid;
place-items:center;
transform:translateY(-50%);
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease,
background .22s ease,
color .22s ease;
}
.offers-panel__close:hover{
transform:translateY(-50%) scale(1.06);
}
.offers-panel__close:active{
transform:translateY(-50%) scale(.94);
}
.offers-panel__close:focus-visible{
}
.offers-panel__close-ico{
width:18px;
height:18px;
display:block;
pointer-events:none;
}
.offers-panel__body{
flex:1 1 auto;
min-height:0;
overflow-y:auto;
overflow-x:hidden;
padding:12px var(--offers-panel-pad-x) 4px;
-webkit-overflow-scrolling:touch;
scrollbar-width:none; /* Firefox: sin barra visible en el modal regalo */
-ms-overflow-style:none; /* IE / Edge legacy */
}
.offers-panel__body::-webkit-scrollbar{
width:0 !important;
height:0 !important;
display:none; /* Chrome, Safari, Edge */
}
.offers-panel__body::-webkit-scrollbar-thumb,
.offers-panel__body::-webkit-scrollbar-track{
}
.offers-panel__link{
display:block;
line-height:0;
text-decoration:none;
border-radius:12px;
overflow:hidden;
}
.offers-panel__link:focus-visible{
}
.offers-panel__figure{
margin:0;
padding:3px;
border-radius:16px;
transform:scale(.94) translateY(16px);
transition:
opacity .44s ease .1s,
transform .52s cubic-bezier(.22,1,.36,1) .1s,
box-shadow .4s ease;
}
.offers-panel__figure picture{
display:block;
width:100%;
line-height:0;
}
.offers-panel.is-open .offers-panel__figure{
transform:scale(1) translateY(0);
}
.offers-panel__foot{
position:relative;
flex:0 0 auto;
margin-top:8px;
margin-left:calc(-1 * var(--offers-panel-pad-x));
margin-right:calc(-1 * var(--offers-panel-pad-x));
margin-bottom:calc(-1 * 18px);
padding:12px 16px 16px;
text-align:center;
border-radius:0 0 18px 18px;
}
.offers-panel__foot::before{
content:"";
position:absolute;
left:10%;
right:10%;
top:0;
height:1px;
}
.offers-panel__hint{
margin:0;
font-size:12px;
line-height:1.5;
text-align:center;
letter-spacing:.03em;
font-weight:500;
}
.offers-panel__hint::before{
content:"";
display:block;
width:5px;
height:5px;
margin:0 auto 8px;
border-radius:50%;
}
.offers-panel__img{
display:block;
width:100%;
max-width:100%;
height:auto;
/* Cabeza + pie del modal: evita overflow de pocos px que dispara scrollbar */
max-height:min(52vh, 380px, calc(90dvh - 228px));
margin:0 auto;
object-fit:contain;
object-position:center;
border-radius:13px;
transform:scale(1);
transform-origin:center center;
transition:transform .3s ease, filter .3s ease;
}
@media (hover:hover){
.offers-panel__link:hover .offers-panel__img{
transform:scale(1.012);
}
.offers-panel.is-open .offers-panel__link:hover .offers-panel__figure{
}
}
@media (prefers-reduced-motion: reduce){
.offers-backdrop,
.offers-panel{
transition-duration:.01ms;
}
.offers-panel__img,
.offers-panel__figure{
transition-duration:.01ms;
}
.offers-panel{
transform:translate(-50%, -50%) scale(1);
}
.offers-panel.is-open .offers-panel__figure,
.offers-panel__figure{
transform:none;
}
}
@media (prefers-reduced-motion: reduce) and (hover:hover){
.offers-panel__link:hover .offers-panel__img{
transform:none;
}
}
.page-title{
text-align:center;
margin:4px 0 14px;
font-size:26px;
font-weight:900;
letter-spacing:.02em;
}
body.page-home .home-hero{
position:relative;
max-width:min(1180px, 100%);
margin:0 auto 4px;
padding:0 2px;
}
body.page-home .home-hero__bar{
display:none;
}
body.page-home .frame.frame--home-hero{
--bannerRad:18px;
padding:16px;
}
body.page-home .frame.frame--home-hero::before{
display:none;
content:none;
}
body.page-home .page-title{
margin:6px 0 14px;
padding:0;
font-size:clamp(22px, 3.5vw, 32px);
letter-spacing:.04em;
}
body.page-home .page-title::before{
display:none;
content:none;
}
body.page-home .home-hero__link:focus-visible{
border-radius:14px;
}
body.page-home .home-hero__link picture{
display:block;
width:100%;
line-height:0;
}
body.page-home .home-hero .banner.banner--promo-hero{
aspect-ratio: auto;
width: 100%;
height: auto;
max-width: 100%;
max-height: none;
object-fit: contain;
object-position: center center;
border-radius:14px;
}
@media (max-width:768px){
body.page-home .frame.frame--home-hero{ padding:12px; }
body.page-home .home-hero__bar{ margin-bottom:12px; }
}
@media (max-width:480px){
body.page-home .frame.frame--home-hero{ padding:10px; }
}
body.app-page .home-hero,
body.bonus-page .home-hero{
position:relative;
max-width:min(1180px, 100%);
margin:0 auto 4px;
padding:0 2px;
}
body.app-page .home-hero__bar,
body.bonus-page .home-hero__bar{
display:none;
}
body.app-page .frame.frame--home-hero,
body.bonus-page .frame.frame--home-hero{
--bannerRad:18px;
padding:16px;
}
body.app-page .frame.frame--home-hero::before,
body.bonus-page .frame.frame--home-hero::before{
inset:10px;
border-radius:15px;
}
body.app-page .home-hero__link:focus-visible,
body.bonus-page .home-hero__link:focus-visible{
border-radius:14px;
}
body.app-page .home-hero__link picture,
body.bonus-page .home-hero__link picture{
display:block;
width:100%;
line-height:0;
}
body.app-page .home-hero .banner.banner--promo-hero,
body.bonus-page .home-hero .banner.banner--promo-hero{
aspect-ratio:auto;
width:100%;
height:auto;
max-width:100%;
max-height:none;
object-fit:contain;
object-position:center center;
border-radius:14px;
}
body.app-page .home-hero__cta,
body.bonus-page .home-hero__cta{
margin:18px auto 6px;
text-align:center;
}
@media (max-width:768px){
body.app-page .frame.frame--home-hero,
body.bonus-page .frame.frame--home-hero{ padding:12px; }
body.app-page .home-hero__bar,
body.bonus-page .home-hero__bar{ margin-bottom:12px; }
}
@media (max-width:480px){
body.app-page .frame.frame--home-hero,
body.bonus-page .frame.frame--home-hero{ padding:10px; }
}
.frame{
position:relative;
border-radius:22px;
padding: var(--framePad);
overflow:hidden; /* ????? ??? ?????? ?? ????? .frame */
}
.frame:before{
content:"";
position:absolute;
inset:8px;
border-radius:18px;
pointer-events:none;
z-index:0;
}
.banner-wrap{
position:relative;
width:100%;
border-radius: var(--bannerRad);
overflow:hidden;
}
.banner-link{
display:block;
width:100%;
position:relative;
}
.banner{
width:100%;
height:auto;
display:block;
border-radius: var(--bannerRad);
position:relative;
z-index:1;
object-fit:cover;
aspect-ratio: 21 / 9;
max-height: 400px;
}
@media (max-width: 992px){
.banner{
aspect-ratio: 18 / 9;
max-height: 350px;
object-position: left center;
}
}
@media (max-width: 768px){
.banner{
aspect-ratio: 16 / 9;
max-height: 280px;
object-position: left center;
}
}
@media (max-width: 480px){
.banner{
aspect-ratio: 16 / 9;
max-height: 240px;
object-position: left center;
}
}
@media (max-width: 380px){
.banner{
aspect-ratio: 16 / 9;
max-height: 200px;
object-position: left center;
}
}
.banner-wrap--image-only .hero-overlay{
display:none;
}
.banner.banner--promo-hero{
aspect-ratio: 1024 / 499;
object-fit: cover;
object-position: center center;
max-height: min(52vw, 520px);
}
@media (max-width:992px){
.banner.banner--promo-hero{ max-height:min(58vw,400px); }
}
@media (max-width:768px){
.banner.banner--promo-hero{ max-height:min(62vw,340px); }
}
@media (max-width:480px){
.banner.banner--promo-hero{ max-height:min(68vw,280px); }
}
@media (max-width:380px){
.banner.banner--promo-hero{ max-height:min(72vw,240px); }
}
body.page-home .home-vip-promo .banner-link picture{
display:block;
width:100%;
line-height:0;
}
body.page-home .banner.banner--promo-hero.banner--vip-promo{
aspect-ratio:1024 / 528;
max-height:min(54vw, 520px);
}
@media (max-width:992px){
body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(58vw, 420px); }
}
@media (max-width:768px){
body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(62vw, 360px); }
}
@media (max-width:480px){
body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(68vw, 300px); }
}
@media (max-width:380px){
body.page-home .banner.banner--promo-hero.banner--vip-promo{ max-height:min(72vw, 260px); }
}
.hero-overlay{
position:absolute;
z-index:2;
/* ????? ?? ??????? ???????? (?????? padding .frame) */
top: var(--framePad);
left: var(--framePad);
right: var(--framePad);
bottom: var(--framePad);
border-radius: var(--bannerRad);
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
text-align:left;
gap: clamp(8px, 1.2vw, 17px);
padding: clamp(10px, 2.2vw, 22px) clamp(10px, 2.2vw, 22px) clamp(10px, 2.2vw, 22px) clamp(16px, 3vw, 36px);
pointer-events:none; /* CTA: .hero-banner-cta (pointer-events:auto) */
}
.hero-overlay--bonus-banner{
justify-content:center;
align-items:stretch;
text-align:left;
padding:
clamp(8px, 2vw, 20px)
clamp(4vw, 7vw, 11%)
clamp(8px, 2vw, 20px)
clamp(40%, 44vw, 48%);
gap:0;
}
.hero-banner__text-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
align-self:start;
gap:clamp(6px, 1.4vw, 14px);
width:max-content;
max-width:min(52%, 500px);
margin:0;
pointer-events:none;
}
.hero-banner-bonus{
--hb-head:clamp(22px, 5.35vw, 48px);
display:flex;
flex-direction:column;
align-self:stretch;
align-items:flex-start;
text-align:left;
width:100%;
max-width:100%;
box-sizing:border-box;
gap:0;
}
.hero-banner-bonus__kicker{
font-family:"Montserrat",system-ui,sans-serif;
font-weight:800;
font-size:clamp(9px, calc(var(--hb-head) * 0.3), 13px);
letter-spacing:.11em;
text-transform:uppercase;
line-height:1.05;
}
.hero-banner-bonus__pct{
font-family:"Montserrat",system-ui,sans-serif;
font-weight:900;
font-size:var(--hb-head);
letter-spacing:.015em;
text-transform:uppercase;
line-height:0.98;
margin-top:clamp(2px, 0.35vw, 5px);
}
.hero-banner-bonus__amt{
font-family:"Montserrat",system-ui,sans-serif;
font-weight:900;
font-size:var(--hb-head);
letter-spacing:.015em;
text-transform:uppercase;
line-height:0.98;
margin-top:clamp(1px, 0.2vw, 4px);
}
.hero-banner-cta{
display:flex;
align-items:center;
justify-content:center;
margin-top:clamp(8px, 1.5vw, 16px);
padding:0;
text-decoration:none;
pointer-events:auto;
align-self:stretch;
width:100%;
max-width:100%;
min-height:44px;
min-width:0;
box-sizing:border-box;
}
.hero-banner-cta:focus-visible{
border-radius:4px;
}
.hero-banner-cta__shape{
display:inline-block;
transform:skewX(-11deg);
padding:clamp(10px, 1.9vw, 14px) clamp(14px, 3.8vw, 38px);
transition:filter .2s ease, box-shadow .2s ease;
}
@media (hover:hover){
.hero-banner-cta:hover .hero-banner-cta__shape{
}
}
.hero-banner-cta__text{
display:block;
transform:skewX(11deg);
font-family:"Montserrat",system-ui,sans-serif;
font-weight:900;
font-size:clamp(8px, 1.45vw, 12px);
letter-spacing:.055em;
text-transform:uppercase;
line-height:1.25;
text-align:center;
white-space:normal;
overflow-wrap:anywhere;
}
.hero-banner-cta__accent{
}
.hero-banner-cta__plain{
}
@media (prefers-reduced-motion: reduce){
.hero-banner-cta__shape,
.hero-banner-cta__text{
transform:none;
}
}
@media (min-width: 769px){
.banner-wrap:has(.hero-overlay--bonus-banner):not(.banner-wrap--image-only) .banner{
object-position:22% center;
}
.hero-overlay--bonus-banner .hero-banner-cta{
align-self:flex-start;
width:max-content;
max-width:100%;
justify-content:flex-start;
}
.hero-banner-cta__text{
white-space:nowrap;
font-size:clamp(7.5px, 1.22vw, 11.5px);
letter-spacing:.045em;
}
}
@media (max-width: 992px) and (min-width: 769px){
.hero-banner__text-wrap{
max-width:min(56%, 440px);
}
.hero-overlay--bonus-banner{
padding-left:clamp(34%, 40vw, 46%);
}
}
.hero-badge,
.hero-lines,
.hero-cta{
max-width: min(92%, 640px);
}
.hero-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding: 4px 8px;
border-radius: 14px;
font-weight: 900;
font-size: clamp(12px, 1.2vw, 8px);
line-height: 1;
}
.hero-lines{
display:flex;
flex-direction:column;
align-items:flex-start;
gap: 6px;
text-align:left;
}
.hero-lines--promo .hero-line{
font-style: italic;
font-weight: 900;
}
.hero-lines--promo .hero-line--intro{
text-transform: uppercase;
letter-spacing: .14em;
font-size: clamp(11px, 1.65vw, 16px);
}
.hero-lines--promo .hero-line--big{
font-size: clamp(26px, 5vw, 48px);
line-height: 1.04;
}
.hero-lines--promo .hero-line--mid{
font-size: clamp(18px, 3.6vw, 34px);
line-height: 1.06;
}
.hero-line{
font-weight: 800;
letter-spacing: .01em;
/* ????????: ????????, ????? ?? ???????? */
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
@media (max-width: 768px){
.hero-line{
}
}
.hero-line--intro{
font-size: clamp(13px, 2.1vw, 20px);
line-height: 1.25;
font-weight: 700;
max-width: 100%;
}
.hero-line--big{
font-size: clamp(22px, 4.2vw, 40px);
line-height: 1.06;
}
.hero-line--mid{
font-size: clamp(18px, 3.4vw, 32px);
line-height: 1.06;
}
.hero-cta{
pointer-events:auto;
align-self:flex-start;
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:4px;
padding:16px 44px;
border-radius:0;
font-weight:800;
font-size:16px;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
position:relative;
z-index:0;
isolation:isolate;
max-width:100%;
transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.hero-cta::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
}
.hero-cta::after{
content:"";
position:absolute;
inset:var(--casea-btn-frame, -3px);
z-index:-1;
pointer-events:none;
}
@media (hover:hover){
.hero-cta:hover{
}
.hero-cta:hover::after{
}
.hero-cta:active{
transform:translateY(1px);
}
}
@media (max-width: 992px) and (min-width: 769px){
.hero-badge,
.hero-lines,
.hero-cta{
max-width: min(90%, 520px);
}
.hero-cta{
padding: 12px 28px;
font-size: 15px;
}
}
@media (max-width: 768px) and (min-width: 481px){
.hero-badge,
.hero-lines,
.hero-cta{
max-width: min(94%, 480px);
}
.hero-line--big{
font-size: clamp(20px, 4.5vw, 26px);
}
.hero-line--mid{
font-size: clamp(16px, 3.8vw, 21px);
}
.hero-line--intro{
font-size: clamp(12px, 2.8vw, 16px);
}
}
@media (max-width: 768px){
:root{
--framePad: 12px;
}
.hero-overlay{
padding: 12px 14px 12px 18px;
gap: 8px;
justify-content: center;
align-items: flex-start;
text-align: left;
}
.hero-badge,
.hero-lines,
.hero-cta{
max-width: min(94%, 420px);
position: relative;
z-index: 3;
}
.hero-badge{
padding: 4px 8px;
border-radius: 10px;
font-size: 11px;
align-self: flex-start;
}
.hero-lines{
padding: 8px 12px;
border-radius: 10px;
gap: 4px;
}
.hero-line--intro{
font-size: clamp(11px, 3.2vw, 15px);
}
.hero-line--big{
font-size: clamp(20px, 5vw, 28px);
line-height: 1.1;
}
.hero-line--mid{
font-size: clamp(16px, 4vw, 22px);
line-height: 1.1;
}
.hero-cta{
padding: 10px 20px;
font-size: 13px;
margin-top: 4px;
}
}
@media (max-width: 720px){
.hero-badge,
.hero-lines,
.hero-cta{
max-width: min(94%, 400px);
}
.hero-overlay{
gap: 6px;
}
.hero-line--intro{
font-size: clamp(11px, 3vw, 14px);
}
.hero-line--big{
font-size: clamp(18px, 4.5vw, 24px);
}
.hero-line--mid{
font-size: clamp(14px, 3.5vw, 20px);
}
.hero-cta{
padding: 9px 18px;
font-size: 12px;
}
}
@media (max-width: 480px){
:root{
--framePad: 10px;
}
.hero-overlay{
padding: 10px 12px;
gap: 6px;
}
.hero-badge,
.hero-lines,
.hero-cta{
max-width: min(94%, 380px);
}
.hero-badge{
padding: 3px 6px;
font-size: 10px;
}
.hero-lines{
padding: 6px 10px;
}
.hero-line--intro{
font-size: clamp(10px, 2.9vw, 13px);
}
.hero-line--big{
font-size: clamp(16px, 4vw, 22px);
}
.hero-line--mid{
font-size: clamp(13px, 3.2vw, 18px);
}
.hero-cta{
padding: 8px 16px;
font-size: 11px;
}
}
@media (max-width: 380px){
:root{
--framePad: 8px;
}
.hero-overlay{
padding: 8px 10px;
gap: 5px;
}
.hero-badge,
.hero-lines,
.hero-cta{
max-width: min(96%, 340px);
}
.hero-badge{
padding: 2px 5px;
font-size: 9px;
}
.hero-lines{
padding: 5px 8px;
}
.hero-line--intro{
font-size: clamp(9px, 2.8vw, 12px);
}
.hero-line--big{
font-size: clamp(14px, 3.8vw, 20px);
}
.hero-line--mid{
font-size: clamp(12px, 3vw, 16px);
}
.hero-cta{
padding: 7px 14px;
font-size: 10px;
}
}
@media (max-width: 768px){
.hero-overlay.hero-overlay--bonus-banner{
justify-content:center;
align-items:stretch;
text-align:left;
padding-top:clamp(8px, 2.2vw, 16px);
padding-right:clamp(10px, 3vw, 16px);
padding-bottom:clamp(8px, 2.2vw, 16px);
padding-left:clamp(36%, 40vw, 52%);
}
.hero-banner__text-wrap{
align-self:start;
margin:0;
width:max-content;
max-width:calc(100% - 4px);
}
.hero-banner-bonus{
align-self:stretch;
width:100%;
max-width:100%;
align-items:flex-start;
text-align:left;
--hb-head:clamp(15px, 4.6vw, 26px);
}
.banner-wrap:has(.hero-overlay--bonus-banner):not(.banner-wrap--image-only) .banner{
object-position:clamp(12%, 18vw, 24%) center;
}
}
@media (max-width: 480px){
.hero-overlay.hero-overlay--bonus-banner{
padding-top:8px;
padding-right:10px;
padding-bottom:8px;
padding-left:clamp(32%, 38vw, 50%);
}
.hero-banner__text-wrap{
max-width:calc(100% - 6px);
}
.hero-banner-bonus{
--hb-head:clamp(14px, 4.2vw, 22px);
}
.banner-wrap:has(.hero-overlay--bonus-banner):not(.banner-wrap--image-only) .banner{
object-position:clamp(10%, 16vw, 22%) center;
}
}
@media (max-width: 380px){
.hero-overlay.hero-overlay--bonus-banner{
padding-top:6px;
padding-right:8px;
padding-bottom:6px;
padding-left:clamp(28%, 36vw, 48%);
}
.hero-banner__text-wrap{
max-width:calc(100% - 4px);
}
.hero-banner-bonus{
--hb-head:clamp(13px, 4vw, 20px);
}
}
.chips{
margin:16px auto 0;
display:flex;
align-items:center;
gap:7px;
justify-content:center;
flex-wrap:wrap;
max-width:100%;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
scroll-behavior:smooth;
padding:10px 10px;
border-radius:14px;
scrollbar-width:none;
-ms-overflow-style:none;
}
.chips::before,
.chips::after{
content:"";
flex:0 0 4px;
}
.chips::-webkit-scrollbar{
height:0;
width:0;
}
.chips::-webkit-scrollbar-thumb{
border-radius:999px;
}
.chips::-webkit-scrollbar-track{
}
.chip{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
height:32px;
padding:0 12px;
box-sizing:border-box;
border-radius:10px;
white-space:nowrap;
text-decoration:none;
position:relative;
isolation:isolate;
overflow:hidden;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif,"Antonio";
font-weight:700;
text-transform:uppercase;
letter-spacing:.05em;
font-size:11px;
transition:transform .18s ease, filter .22s ease;
}
.chip::after{
content:"";
position:absolute;
inset:0;
border-radius:10px;
z-index:-2;
pointer-events:none;
}
.chip::before{
content:"";
position:absolute;
inset:2px;
border-radius:8px;
z-index:-1;
pointer-events:none;
}
.chip:link,
.chip:visited,
.chip:hover,
.chip:active,
.chip:focus-visible{
}
.chip-ico{
width:16px;
height:16px;
display:grid;
place-items:center;
position:relative;
z-index:1;
}
.chip-txt{
line-height:1.15;
align-self:center;
position:relative;
z-index:1;
}
@media (hover:hover){
.chip:hover{
transform:translateY(-1px);
}
}
.chip-ico svg{
width:16px;
height:16px;
}
.chip:active{
transform:translateY(1px);
}
@media (max-width:768px){
.chips{
padding:8px 10px;
gap:6px 8px;
margin-top:12px;
scrollbar-width:none;
-ms-overflow-style:none;
flex-wrap:wrap;
justify-content:center;
align-content:center;
overflow-x:visible;
overflow-y:visible;
row-gap:6px;
}
.chips::-webkit-scrollbar{
height:0;
width:0;
display:none;
}
.chips::before,
.chips::after{
display:none;
}
.chip{
height:32px;
padding:0 10px;
font-size:10px;
border-radius:10px;
gap:6px;
}
.chip-ico,
.chip-ico svg{
width:14px;
height:14px;
}
}
@media (max-width:520px){
.chips{
padding:6px 8px;
gap:5px 6px;
margin-top:10px;
row-gap:5px;
}
.chip{
height:30px;
padding:0 8px;
font-size:9px;
border-radius:8px;
gap:5px;
}
.chip-ico,
.chip-ico svg{
width:12px;
height:12px;
}
}
@media (max-width:380px){
.chips{
padding:5px 6px;
gap:4px 5px;
row-gap:4px;
}
.chip{
height:28px;
padding:0 7px;
font-size:8px;
gap:4px;
}
.chip-ico,
.chip-ico svg{
width:11px;
height:11px;
}
}
.grid{
display:grid;
gap:18px;
grid-template-columns:repeat(4,minmax(0,1fr));
margin-top:22px;
min-width:0;
}
.card{
display:block;
text-decoration:none;
border-radius:14px;
overflow:hidden;
transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.card:hover{
transform:translateY(-2px);
}
.media{
position:relative;
aspect-ratio:16/9;
overflow:hidden;
}
.media img{
width:100%;
height:100%;
object-fit:cover;
transform:scale(1);
transition:transform .6s ease;
}
.card:hover .media img{ transform:scale(1.08); }
.play{
position:absolute;
top:50%;
left:50%;
right:auto;
bottom:auto;
transform:translate(-50%,-50%);
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 22px;
font-weight:800;
font-size:13px;
letter-spacing:.06em;
text-transform:uppercase;
border-radius:0;
z-index:2;
isolation:isolate;
transition:opacity .25s ease, transform .25s ease, filter .2s ease;
}
.play::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
}
.play::after{
content:"";
position:absolute;
inset:var(--casea-btn-frame, -3px);
z-index:-1;
pointer-events:none;
}
.card:hover .play{
transform:translate(-50%,-50%) scale(1.04);
}
.info{
padding:12px 14px 14px;
}
.title{ margin:0 0 4px; font-weight:800; font-size:15px; line-height:1.2; }
.vendor{ margin:0; font-size:12px; font-weight:600; }
.toc-nav{
margin:24px 0 20px;
padding:16px 20px;
border-radius:14px;
}
.toc-list{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
gap:12px 16px;
justify-content:flex-start;
align-items:center;
}
.toc-list li{
margin:0;
padding:0;
}
.toc-list a{
display:inline-block;
padding:6px 14px;
font-size:13px;
font-weight:600;
text-decoration:none;
border-radius:8px;
transition:all .2s ease;
white-space:nowrap;
}
.toc-list a:hover{
transform:translateY(-1px);
}
@media (max-width:768px){
.toc-nav{
padding:12px 14px;
margin:20px 0 16px;
}
.toc-list{
gap:8px 12px;
}
.toc-list a{
padding:5px 11px;
font-size:12px;
}
}
@media (max-width:480px){
.toc-list{
gap:6px 10px;
}
.toc-list a{
padding:4px 9px;
font-size:11px;
}
}
.faq-item{
margin-bottom:24px;
padding:18px 20px;
border-radius:12px;
}
.faq-item h3{
margin:0 0 12px 0;
font-size:18px;
font-weight:800;
line-height:1.3;
}
.faq-item p{
margin:0;
line-height:1.6;
}
.faq-item:last-child{
margin-bottom:0;
}
@media (max-width:768px){
.faq-item{
padding:14px 16px;
margin-bottom:18px;
}
.faq-item h3{
font-size:16px;
margin-bottom:10px;
}
}
.section{
margin-top:30px;
margin-bottom:20px;
line-height:1.6;
}
.shell > main .section h2,
.shell > main .section h3{
}
.intro p{
max-width:900px;
margin:0 auto;
text-align:left;
}
.cta-center{
display:flex;
justify-content:center;
margin-top:16px;
}
.pulse-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 32px;
font-weight:800;
font-size:18px;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
border-radius:0;
position:relative;
z-index:0;
isolation:isolate;
transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.pulse-btn::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
}
.pulse-btn::after{
content:"";
position:absolute;
inset:var(--casea-btn-frame, -3px);
z-index:-1;
pointer-events:none;
}
@media (max-width:768px){
.pulse-btn,
.vmore-btn{
white-space:nowrap;
}
.pulse-btn{
padding:14px 22px;
font-size:clamp(13px, 3.4vw, 16px);
}
.vmore-btn{
padding:10px 18px;
font-size:clamp(12px, 3vw, 14px);
}
}
@media (max-width:480px){
.pulse-btn{
padding:11px 18px;
font-size:clamp(12px, 3.2vw, 14px);
border-radius:0;
}
}
@media (max-width:380px){
.pulse-btn{
padding:10px 14px;
font-size:12px;
letter-spacing:.03em;
}
}
.prov-grid{
display:grid;
gap:16px;
grid-template-columns:repeat(4,minmax(0,1fr));
}
.prov{
display:flex;
flex-direction:column;
align-items:center;
text-decoration:none;
border-radius:14px;
padding:14px;
transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.prov:hover{
transform:translateY(-3px);
}
.prov-media{
width:100%;
aspect-ratio:16/9;
border-radius:10px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}
.prov-media img{
width:80%;
height:80%;
object-fit:contain;
}
.prov-name{
margin-top:12px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
font-size:13px;
text-align:center;
}
.vmore-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 24px;
font-weight:800;
font-size:14px;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
border-radius:0;
position:relative;
z-index:0;
isolation:isolate;
transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.vmore-btn::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
}
.vmore-btn::after{
content:"";
position:absolute;
inset:var(--casea-btn-frame, -3px);
z-index:-1;
pointer-events:none;
}
.vmore-btn:hover{
}
.table-wrapper{
border-radius:10px;
overflow:hidden;
}
.table-wrapper--scroll{
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
scrollbar-color:rgba(190,122,44,.45) rgba(43,33,26,.95);
}
.table-wrapper--scroll::-webkit-scrollbar{
height:8px;
}
.table-wrapper--scroll::-webkit-scrollbar-track{
border-radius:4px;
}
.table-wrapper--scroll::-webkit-scrollbar-thumb{
border-radius:4px;
}
.table-wrapper--scroll::-webkit-scrollbar-thumb:hover{
}
table{
width:100%;
border-collapse:collapse;
}
table thead{
}
table th{
padding:14px 12px;
text-align:left;
font-weight:800;
font-size:15px;
letter-spacing:.02em;
text-transform:uppercase;
}
table tbody tr{
transition:background-color .2s ease;
}
table tbody tr:hover{
}
table tbody td{
padding:12px;
line-height:1.5;
font-size:15px;
vertical-align:middle;
}
table tbody tr:last-child td{
}
table tbody tr:nth-child(even){
}
@media (max-width:768px){
table th,
table tbody td{
padding:10px 8px;
font-size:14px;
}
table th{
font-size:13px;
}
}
@media (max-width:480px){
table th,
table tbody td{
padding:8px 6px;
font-size:13px;
}
table th{
font-size:12px;
letter-spacing:.01em;
}
}
:is(#facts, #bonuses){
overflow-x:hidden;
}
:is(#facts, #bonuses) table{
width:100% !important;
min-width:0 !important;
margin:0;
border-collapse:collapse;
table-layout:fixed; /* ?????? ??????? ?? ??????? */
}
:is(#facts, #bonuses) td:first-child,
:is(#facts, #bonuses) tbody th[scope="row"]{
width:42%;
font-weight:700;
}
:is(#facts, #bonuses) td:last-child{
width:58%;
}
:is(#facts, #bonuses) td{
padding:12px 14px;
white-space:normal;
overflow-wrap:anywhere;
word-break:break-word;
hyphens:auto;
vertical-align:middle;
line-height:1.5;
font-size:15px;
}
:is(#facts, #bonuses) tr:last-child td{ }
:is(#facts, #bonuses) tbody th[scope="row"]{
}
:is(#facts, #bonuses) tbody td{
}
@media (max-width:430px){
:is(#facts, #bonuses) td{
padding:10px 8px;
font-size:14px;
}
:is(#facts, #bonuses) td:first-child{ width:46%; }
:is(#facts, #bonuses) td:last-child{ width:54%; }
}
#payments .table-wrapper{
overflow:hidden;
}
#payments table{
width:100%;
margin:0;
border-collapse:collapse;
table-layout:auto;
}
@media (max-width:768px){
#payments table th,
#payments table tbody td{
padding:10px 8px;
font-size:13px;
}
#payments table th{
font-size:12px;
padding:10px 6px;
}
#payments table tbody td:last-child{
font-size:12px;
}
}
@media (max-width:480px){
#payments table th,
#payments table tbody td{
padding:8px 6px;
font-size:12px;
}
#payments table th{
font-size:11px;
padding:8px 5px;
letter-spacing:0;
}
#payments table tbody td:first-child{
font-size:12px;
}
#payments table tbody td:nth-child(2),
#payments table tbody td:nth-child(3){
text-align:center;
font-size:12px;
}
#payments table tbody td:last-child{
font-size:11px;
}
}
.site-footer{
--ft-bg0:#1a1a1a;
--ft-bg1:#1a1a1a;
--ft-line:rgba(255,255,255,.10);
--ft-text:rgba(255,255,255,.92);
--ft-muted:rgba(255,255,255,.70);
--ft-tile:rgba(255,255,255,.07);
margin-top:40px;
}
.site-footer a{ text-decoration:none; }
.site-footer a:hover{
text-decoration:underline;
text-underline-offset:3px;
}
.ft-wrap{
max-width:1320px;
margin:0 auto;
padding:28px 14px 32px;
}
.ft-head{
display:flex;
align-items:center;
gap:20px;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:16px;
}
.ft-logo img{ height:44px; display:block; max-width:240px; }
.ft-cta-center{ flex:1; display:flex; justify-content:center; }
.ft-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
font-weight:800;
font-size:17px;
letter-spacing:.08em;
text-transform:uppercase;
text-decoration:none;
border-radius:0;
max-width:440px;
position:relative;
z-index:0;
isolation:isolate;
line-height:1.25;
transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.ft-btn::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
}
.ft-btn::after{
content:"";
position:absolute;
inset:var(--casea-btn-frame, -3px);
z-index:-1;
pointer-events:none;
}
.ft-btn:hover{
}
.ft-trust{ display:flex; align-items:center; gap:18px; }
.ft-trust img{
height:30px;
width:auto;
display:block;
}
.ft-trust a:hover img{ }
.ft-page{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:10px 20px;
margin:4px 0 0;
padding:14px 12px 16px;
font-size:13px;
}
.ft-page a{
text-decoration:none;
padding-bottom:1px;
transition:opacity .2s ease, border-color .2s ease, color .2s ease;
}
.ft-page a:hover{
}
.ft-page + .ft-grid{
padding-top:20px;
}
.ft-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:18px;
padding:16px 0;
}
.ft-col{ display:flex; flex-direction:column; gap:8px; }
.ft-col a{
font-size:14px;
line-height:1.45;
}
.ft-title{
font-weight:800;
margin-bottom:6px;
letter-spacing:.02em;
}
.ft-pay{
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
margin:14px 0;
padding:18px 14px;
border-radius:14px;
}
.ft-pay span{ text-align:center; }
.ft-pay ul{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px;
padding:0;
margin:0;
list-style:none;
}
.ft-pay ul li{
display:flex;
align-items:center;
justify-content:center;
min-width:72px;
min-height:44px;
padding:8px 12px;
border-radius:10px;
}
.ft-pay img{
height:24px;
width:auto;
max-width:64px;
object-fit:contain;
display:block;
}
@media (max-width:1100px){
.ft-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
.ft-lang{
margin:16px 0;
padding:16px 0;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
}
.ft-lang-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 14px;
border-radius:10px;
text-decoration:none;
font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
text-transform:uppercase;
letter-spacing:.06em;
font-size:12px;
font-weight:600;
transition:all .2s ease;
}
.ft-lang-btn:hover{
transform:translateY(-1px);
}
.ft-lang-btn.is-active{
cursor:default;
pointer-events:none;
}
.ft-lang-btn .flag-emoji{
font-size:18px;
line-height:1;
display:inline-flex;
align-items:center;
}
.ft-legal{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:10px 18px;
margin-top:18px;
padding-top:16px;
font-size:13px;
}
.ft-legal a{
text-decoration:none;
padding-bottom:1px;
transition:opacity .2s ease, border-color .2s ease, color .2s ease;
}
.ft-legal a:hover{
}
.legal-doc{
max-width:var(--main-content-max);
margin:0 auto;
}
.legal-doc h2{
margin:28px 0 12px;
font-size:1.25rem;
font-weight:800;
}
.legal-doc h2:first-of-type{
margin-top:8px;
}
.legal-doc p,
.legal-doc li{
line-height:1.65;
margin:0 0 12px;
}
.legal-doc ul,
.legal-doc ol{
margin:0 0 16px;
padding-left:1.35em;
}
.legal-doc .legal-note{
margin:20px 0;
padding:14px 18px;
border-radius:12px;
font-size:14px;
}
.ft-bottom{
margin-top:12px;
padding-top:12px;
font-size:13px;
display:flex;
justify-content:center;
text-align:center;
}
@media (max-width:768px){
.ft-head{
flex-direction:column;
align-items:center;
gap:16px;
justify-content:center;
}
.ft-logo img{
height:50px;
}
.ft-cta-center{
width:100%;
justify-content:center;
}
.ft-btn{
padding:10px 20px;
font-size:13px;
max-width:280px;
width:auto;
}
.ft-trust{
justify-content:center;
flex-wrap:wrap;
gap:12px;
}
.ft-trust img{
height:26px;
}
.ft-grid{
grid-template-columns:repeat(2,1fr);
gap:16px;
}
}
@media (max-width:520px){
.ft-wrap{
padding:20px 12px 24px;
}
.ft-head{
gap:14px;
margin-bottom:14px;
}
.ft-logo img{
height:45px;
}
.ft-btn{
padding:8px 18px;
font-size:12px;
max-width:240px;
}
.ft-trust{
gap:10px;
}
.ft-trust img{
height:24px;
}
.ft-grid{
grid-template-columns:1fr;
gap:14px;
padding:14px 0;
}
.ft-col{
gap:6px;
}
.ft-title{
font-size:14px;
margin-bottom:8px;
}
.ft-pay{
margin:12px 0;
gap:8px;
}
.ft-pay ul{
gap:10px;
}
.ft-pay img{
height:22px;
}
.ft-lang{
margin:12px 0;
padding:12px 0;
gap:8px;
}
.ft-lang-btn{
padding:6px 12px;
font-size:11px;
gap:6px;
}
.ft-lang-btn .flag-emoji{
font-size:16px;
}
.ft-bottom{
font-size:12px;
padding-top:10px;
margin-top:10px;
}
}
@media (max-width:390px){
.ft-wrap{
padding:18px 10px 20px;
}
.ft-logo img{
height:40px;
}
.ft-btn{
padding:9px 18px;
font-size:12px;
}
.ft-trust img{
height:22px;
}
.ft-title{
font-size:13px;
}
.ft-pay img{
height:20px;
}
.ft-lang{
margin:10px 0;
padding:10px 0;
gap:6px;
}
.ft-lang-btn{
padding:5px 10px;
font-size:10px;
gap:5px;
}
.ft-lang-btn .flag-emoji{
font-size:14px;
}
.ft-bottom{
font-size:11px;
line-height:1.5;
}
}
@media (min-width:993px){
.aside{
max-height:none;
overflow-y:visible;
overflow-x:hidden;
-webkit-overflow-scrolling:auto;
overscroll-behavior:auto;
}
}
@media (min-width:993px) and (max-width:1199px){
.shell{
grid-template-columns:minmax(200px, 240px) minmax(0, 1fr);
gap:16px;
padding:16px 12px;
}
.aside{
max-width:240px;
padding:12px 10px;
border-radius:16px;
}
.nav a{
padding:10px 10px;
font-size:13px;
gap:8px;
}
.nav-ico,
.nav-ico svg,
svg.nav-ico{
width:16px;
height:16px;
flex:0 0 16px;
}
}
@media (min-width:1200px){
.shell{
grid-template-columns:260px minmax(0, 1fr);
gap:20px;
}
.aside{
max-width:260px;
}
}
@media (max-width:992px){
.drawer{ transform:translateX(-110%); }
}
@media (max-width:1200px){
.prov-grid{ grid-template-columns:repeat(3,1fr); }
.medals{ grid-template-columns:repeat(6,1fr); }
.grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:992px){
header{
position:fixed;
top:0;
left:0;
right:0;
}
.shell{ grid-template-columns:1fr; }
.shell > main{ grid-column:1; }
.aside{ display:none; }
.burger{ display:inline-flex; }
.medals{ grid-template-columns:repeat(4,1fr); }
.grid{ grid-template-columns:repeat(2,1fr); }
.offers-trigger{
margin-left:auto;
}
.head .lang-switch{
margin-left:0;
}
}
@media (max-width:520px){
.head{ gap:8px; }
.medals{ grid-template-columns:repeat(3,1fr); }
.head, .shell, .site-footer{
padding-left:max(12px, env(safe-area-inset-left, 0px));
padding-right:max(12px, env(safe-area-inset-right, 0px));
}
.frame{ padding: var(--framePad); }
.frame:before{ inset:6px; }
}
@media (max-width:390px){
.medals{ grid-template-columns:repeat(2,1fr); }
.grid{ grid-template-columns:1fr; }
.prov-grid{ grid-template-columns:1fr; }
}
@media (max-width: 768px){
main .table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
overscroll-behavior-x:contain;
}
}
@media (max-width: 640px){
.shell > main{
padding-top:max(12px, var(--main-pad-top));
padding-bottom:max(28px, env(safe-area-inset-bottom, 0px), var(--main-pad-bottom));
padding-left:max(var(--main-pad-x), env(safe-area-inset-left, 0px));
padding-right:max(var(--main-pad-x), env(safe-area-inset-right, 0px));
border-radius:12px;
}
.page-title{
font-size:clamp(19px, 5.2vw, 24px);
line-height:1.2;
padding-left:4px;
padding-right:4px;
}
.section{
margin-top:22px;
margin-bottom:16px;
}
.shell > main .section h2,
.shell > main .section h3{
font-size:clamp(1.05rem, 4vw, 1.3rem);
line-height:1.28;
}
.shell > main p,
.shell > main li,
main .legal-doc p,
main .legal-doc li{
font-size:clamp(15px, 3.6vw, 16px);
line-height:1.62;
}
.legal-doc h2{
font-size:clamp(1.08rem, 4vw, 1.22rem);
}
.shell > main .pulse-btn,
.shell > main .hero-cta,
.shell > main .vmore-btn,
.site-footer .ft-btn{
min-height:48px;
display:inline-flex;
align-items:center;
justify-content:center;
padding-left:22px;
padding-right:22px;
}
.shell > main .cta-center:not(.cta-center--pair) .pulse-btn{
width:100%;
max-width:min(340px, 100%);
}
.chips{
padding:8px max(8px, env(safe-area-inset-left, 0px)) 8px max(8px, env(safe-area-inset-right, 0px));
gap:8px;
align-items:center;
}
.chips .chip{
min-height:0;
height:36px;
max-height:36px;
padding:0 12px;
font-size:10px;
letter-spacing:.05em;
display:inline-flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
gap:6px;
}
.drawer{
padding-bottom:env(safe-area-inset-bottom, 0px);
width:min(86vw, 320px);
}
.drawer .nav a{
padding-top:14px;
padding-bottom:14px;
min-height:48px;
}
.dhead{
padding-left:max(12px, env(safe-area-inset-left, 0px));
padding-right:max(12px, env(safe-area-inset-right, 0px));
}
.prov-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}
}
.aside--fixed{
position:fixed !important;
top:var(--asideTop,74px);
left:var(--asideLeft,14px);
width:var(--asideWidth,260px);
height:var(--asideHeight,calc(100vh - (var(--asideTop,74px) + 14px)));
max-height:calc(100vh - (var(--asideTop,74px) + 14px));
overflow:auto;
-webkit-overflow-scrolling:touch;
z-index:90;
transform:translateY(var(--asideShift,0px));
}
:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg){
position:relative;
display:inline-block;
transition: transform .2s ease, box-shadow .3s ease, filter .3s ease, background .3s ease;
will-change: transform, box-shadow;
transform: translateZ(0);
}
.pulse-btn:hover,
.hero-cta:hover,
.vmore-btn:hover,
.ft-btn:hover{
}
:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg):active{
transform:translateY(1px);
}
:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg):focus-visible{
}
:where(.pulse-btn, .hero-cta, .vmore-btn).is-pulsing,
:where(.pulse-btn, .hero-cta, .vmore-btn).pulse{
}
.ft-btn.is-pulsing,
.ft-btn.pulse{
}
@media (prefers-reduced-motion: reduce){
:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg){
transition:none;
}
:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg):hover{
transform:none;
}
}
:where(.pulse-btn, .hero-cta, .vmore-btn, .ft-btn, .btn--login, .btn--reg)[disabled]{
pointer-events:none;
transform:none !important;
}
.lang-flag{
width:20px;
height:20px;
object-fit:contain;
border-radius:3px;
}
.lang-label-main{
font-weight:800;
font-size:14px;
letter-spacing:.08em;
}
.lang-label-sub{
font-weight:500;
font-size:11px;
letter-spacing:.04em;
margin-left:auto;
}
.lang-modal{
position:fixed; inset:0;
z-index:999;
display:none;
}
.lang-modal.is-open{ display:block; }
.lang-backdrop{
position:absolute; inset:0;
}
.lang-panel{
position:absolute;
left:50%; top:50%;
transform:translate(-50%,-50%);
width:min(520px, 92vw);
max-height:min(78vh, 720px);
overflow:auto;
border-radius:18px;
}
.lang-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:14px 16px;
}
.lang-title{
font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
text-transform:uppercase;
letter-spacing:.08em;
font-size:18px;
}
.lang-x{
border-radius:10px;
padding:8px 10px;
cursor:pointer;
}
.lang-list{ padding:14px; display:flex; flex-direction:column; gap:10px; }
.lang-item{
width:100%;
display:flex;
align-items:center;
gap:12px;
padding:12px 14px;
border-radius:12px;
cursor:pointer;
text-decoration:none;
font-family:"Antonio", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
text-transform:uppercase;
letter-spacing:.06em;
transition: all 0.2s ease;
}
.lang-item img{ width:18px; height:18px; object-fit:contain; border-radius:3px; }
.lang-item:hover{ }
.lang-item.is-active,
.lang-item.is-current,
.lang-item[disabled]{
cursor: default !important;
pointer-events: none;
text-decoration: none;
}
.lang-item.is-active:hover,
.lang-item.is-current:hover,
.lang-item[disabled]:hover{
}
.login-section{
overflow:hidden;
}
#login .login-shot{
float:right !important;
width:min(240px, 32vw);
max-width:100%;
margin:6px 0 1rem 1.35rem;
display:block;
line-height:0;
border-radius:14px;
overflow:hidden;
text-decoration:none !important;
transition:transform .25s ease, box-shadow .25s ease;
shape-outside:inset(0 round 14px);
}
#login .login-shot:hover{
transform:translateY(-2px);
}
#login .login-shot img{
width:100%;
height:auto;
display:block;
vertical-align:middle;
border-radius:13px;
cursor:pointer;
transition:filter .25s ease;
}
#login .login-shot:hover img{
}
#login p,
#login h3,
#login .login-steps{
max-width:none;
}
#login .login-steps{
margin:10px 0 0;
padding-left:1.25rem;
line-height:1.58;
}
#login .login-steps li{
margin:0 0 8px;
}
#login .login-note{
margin:14px 0 0;
padding:12px 14px;
border-radius:10px;
font-size:14px;
line-height:1.5;
}
#login .login-cta{
clear:both;
margin-top:22px;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px 14px;
}
@media (max-width:480px){
#login .login-shot{
float:none !important;
width:100%;
max-width:260px;
margin:0 auto 1.1rem;
}
}
#app-access .app-shot{
float:right;
width:360px;
max-width:min(54%, 100%);
margin:0 0 1.25rem 1.5rem;
display:block;
line-height:0;
}
#app-access .app-shot img{
width:100%;
height:auto;
border-radius:10px;
display:block;
vertical-align:middle;
transition:transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
cursor:pointer;
}
#app-access .app-cta{
clear:both;
margin-top:20px;
}
@media (max-width:640px){
#app-access .app-shot{
float:none;
width:100%;
max-width:336px;
margin:0 auto 1.25rem;
}
}
#app-access .app-shot:hover img{
transform:scale(1.05);
}
.app-shot--float{
float:right;
width:360px;
max-width:min(54%, 100%);
margin:0 0 1.25rem 1.5rem;
display:block;
line-height:0;
}
.app-shot--float img{
width:100%;
height:auto;
border-radius:10px;
display:block;
vertical-align:middle;
}
.app-guide .app-cta{
clear:both;
}
@media (max-width:640px){
.app-shot--float{
float:none;
width:100%;
max-width:336px;
margin:0 auto 1.25rem;
}
}
.promo-img,
img[src*="bannerpromo/"] {
border-radius: 18px;
transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
cursor: pointer;
overflow: hidden;
}
.promo-banner-figure{
max-width:min(1024px, 100%);
margin-left:auto;
margin-right:auto;
}
.promo-banner-figure .promo-img{
width:100%;
height:auto;
display:block;
}
a:hover .promo-img,
a:hover img[src*="bannerpromo/"] {
border-radius: 18px;
transform: scale(1.005);
}
body{
}
header .head{
}
.drawer,
.drawer .nav a,
.aside .nav a{
}
.drawer .dclose{
}
:is(.shell > main, main){
}
:is(.shell > main, main) :is(
.section,
p, li, td, dt, dd,
figcaption, blockquote,
.intro, address, label,
strong, em, small
){
}
:is(.shell > main, main) :is(h1, h2, h3, h4, h5, h6){
}
:is(.shell > main, main) .page-title{
}
:is(.shell > main, main) :is(
.hero-line, .hero-line--intro, .hero-line--big, .hero-line--mid,
.hero-badge
){
}
:is(.shell > main, main) .vendor{
}
:is(.shell > main, main) a.card .info,
:is(.shell > main, main) a.card .info :is(p, .title, .vendor, span){
}
:is(.shell > main, main) a.card .info .vendor{
}
:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play){
text-decoration:underline;
text-underline-offset:2px;
}
:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):hover{
}
:is(.shell > main, main) .section a:has(img),
:is(.shell > main, main) .section a:has(picture){
text-decoration:none;
}
:is(.shell > main, main) .section a:has(img) img,
:is(.shell > main, main) .section a:has(picture) img,
:is(.shell > main, main) .section a:has(picture) picture{
visibility:visible !important;
}
:is(.shell > main, main) :is(.pulse-btn, .hero-cta, .play){
text-decoration:none;
}
:is(.shell > main, main) .vmore-btn{
text-decoration:none;
}
:is(.shell > main, main) :is(.chip, .chip-txt){
text-decoration:none;
}
:is(.shell > main, main) .chip-ico{
}
.shell .chips a.chip,
.shell .chips a.chip:link,
.shell .chips a.chip:visited,
.shell .chips a.chip:hover,
.shell .chips a.chip:active,
.shell .chips a.chip:focus-visible{
}
.shell .chips a.chip .chip-txt,
main .chips a.chip span.chip-txt{
visibility:visible !important;
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
font-weight:600 !important;
}
:root{
--page-bg:#1c354d;
--main-bg:#1a3149;
--main-text:#e2e6f0;
--main-heading:#f8fafc;
--main-muted:#a8b0c4;
--sidebar-blue-top:#0d7a52;
--sidebar-blue-bot:#082f24;
--sidebar-pill:rgba(255,255,255,.1);
--sidebar-pill-hover:rgba(255,255,255,.17);
--ink:#e8eaef;
--ink-bright:#f8fafc;
--ink-muted:#a8b0c4;
--line:rgba(18,160,110,.25);
--primary:#12a06e;
--primary-mid:#1fb87e;
--primary-dark:#065a3f;
--primary-glow:rgba(18, 160, 110, 0.35);
--accent-teal:#12a06e;
--accent-teal-dark:#0d7a52;
--text-heading:#f8fafc;
}
html{
color-scheme:dark !important;
}
body:before{
}
html,body{
}
header .head{
}
header .head-nav__link{
}
header .head-nav__link:hover{
}
header .head-nav__link--active{
}
header{
}
header.scrolled{
}
.burger{
}
.logo img{
height:52px;
max-width:280px;
}
.ft-logo img{
height:44px;
max-width:240px;
}
@media (max-width:520px){ .logo img{ height:42px; max-width:220px; } }
@media (max-width:390px){ .logo img{ height:36px; max-width:190px; } }
.head .head-search-ico{
}
.head .head-search-ico:hover{
}
.head .head-search-ico:focus-visible{
}
.head .head-search-ico svg path{
}
.head .offers-trigger{
}
.head .offers-trigger:hover{
}
.head .offers-trigger:focus-visible{
}
.head .offers-trigger__ico{
}
.head .btn--login,
.head .btn--reg{
border-radius:12px !important;
}
.head .btn--reg::before,
.head .btn--login::before,
.head .btn--reg::after,
.head .btn--login::after{
display:none !important;
content:none !important;
}
@media (hover:hover){
.head .btn--reg:hover,
.head .btn--login:hover{
}
}
.aside{
}
.drawer{
}
.drawer .dhead{
}
.dclose{
}
.dclose:hover{
}
.aside .nav a,
.drawer .nav a{
isolation:isolate !important;
overflow:hidden !important;
}
.aside .nav a::after,
.drawer .nav a::after{
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
border-radius:12px !important;
z-index:-2 !important;
pointer-events:none !important;
}
.aside .nav a::before,
.drawer .nav a::before{
content:"" !important;
display:block !important;
position:absolute !important;
inset:2px !important;
border-radius:10px !important;
z-index:-1 !important;
pointer-events:none !important;
}
.aside .nav a .nav-ico,
.aside .nav a .nav-txt,
.drawer .nav a .nav-ico,
.drawer .nav a .nav-txt{
position:relative !important;
z-index:1 !important;
}
.aside .nav a:hover,
.drawer .nav a:hover{
}
.aside .nav a.is-active,
.drawer .nav a.is-active{
}
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before{
}
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
}
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
}
.aside .nav a:hover svg.nav-ico,
.drawer .nav a:hover svg.nav-ico{
}
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico{
}
.sep{
}
.shell > main{
}
.page-title{
font-weight:800;
letter-spacing:.02em;
}
:is(.shell > main, main) .page-title{
}
.frame{
}
.frame:before{
}
.section{
}
.shell > main .section h2,
.shell > main .section h3{
}
.intro p{
}
.chip{
isolation:isolate !important;
overflow:hidden !important;
}
.chip::after{
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
border-radius:10px !important;
z-index:-2 !important;
pointer-events:none !important;
}
.chip::before{
content:"" !important;
display:block !important;
position:absolute !important;
inset:2px !important;
border-radius:8px !important;
z-index:-1 !important;
pointer-events:none !important;
}
.chip-ico{
position:relative !important;
z-index:1 !important;
}
.chip-txt,
.shell .chips a.chip,
.shell .chips a.chip:link,
.shell .chips a.chip:visited,
.shell .chips a.chip:hover,
.shell .chips a.chip:active,
.shell .chips a.chip:focus-visible,
.shell .chips a.chip .chip-txt,
main .chips a.chip span.chip-txt{
position:relative !important;
z-index:1 !important;
}
.shell .chips,
main .chips{
border-radius:14px !important;
}
@media (hover:hover){
main .chips a.chip:hover,
.shell .chips a.chip:hover{
}
}
.site-footer{
margin-top:40px;
}
.site-footer a{ }
.site-footer a:hover{ }
.ft-wrap{ }
.ft-title{ }
.ft-grid{
}
.ft-pay{
}
.ft-page{
}
.ft-page a{
}
.ft-page a:hover{
}
.ft-legal{
}
.ft-legal a{
}
.ft-legal a:hover{
}
.ft-bottom{
}
.ft-btn{
padding:14px 32px !important;
font-size:clamp(13px, 2.6vw, 17px) !important;
font-weight:800 !important;
letter-spacing:.08em !important;
line-height:1.3 !important;
max-width:min(100%, 440px) !important;
word-break:break-word !important;
white-space:normal !important;
text-align:center !important;
font-family:"Antonio", system-ui, sans-serif !important;
border-radius:0 !important;
}
.ft-btn::before{
border-radius:0 !important;
}
.ft-btn::after{
}
.ft-btn:hover{
}
.prov{
}
.prov-name{ }
.prov-media{
}
.table-wrapper table{
}
.table-wrapper td,
.table-wrapper th{
}
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper,
.table-wrapper{
border-radius:10px !important;
padding:0 !important;
overflow:hidden !important;
}
@media (max-width:768px){
#facts .table-wrapper:not(.table-wrapper--cards),
#bonuses .table-wrapper:not(.table-wrapper--cards),
#payments .table-wrapper:not(.table-wrapper--cards),
main .legal-doc .table-wrapper:not(.table-wrapper--cards),
main .table-wrapper:not(.table-wrapper--cards),
.table-wrapper:not(.table-wrapper--cards){
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch;
overscroll-behavior-x:contain;
scrollbar-width:thin;
scrollbar-color:rgba(190,122,44,.45) rgba(43,33,26,.95);
}
.table-wrapper--cards{
overflow:visible !important;
}
}
#facts .table-wrapper table,
#bonuses .table-wrapper table,
#payments .table-wrapper table,
main .legal-doc .table-wrapper table,
main .table-wrapper table,
.table-wrapper table{
border-radius:0 !important;
overflow:hidden !important;
width:100% !important;
border-collapse:collapse !important;
}
#facts .table-wrapper thead,
#bonuses .table-wrapper thead,
#payments .table-wrapper thead,
main .legal-doc .table-wrapper thead,
main .table-wrapper thead,
.table-wrapper thead{
}
#facts .table-wrapper thead th,
#bonuses .table-wrapper thead th,
#payments .table-wrapper thead th,
main .legal-doc .table-wrapper thead th,
main .table-wrapper thead th,
.table-wrapper thead th{
font-weight:700 !important;
font-size:15px !important;
line-height:1.55 !important;
padding:13px 16px !important;
vertical-align:top !important;
text-transform:none !important;
letter-spacing:normal !important;
}
#facts .table-wrapper tbody tr,
#bonuses .table-wrapper tbody tr,
#payments .table-wrapper tbody tr,
main .legal-doc .table-wrapper tbody tr,
main .table-wrapper tbody tr,
.table-wrapper tbody tr{
}
#facts .table-wrapper tbody tr:nth-child(odd),
#bonuses .table-wrapper tbody tr:nth-child(odd),
#payments .table-wrapper tbody tr:nth-child(odd),
main .legal-doc .table-wrapper tbody tr:nth-child(odd),
main .table-wrapper tbody tr:nth-child(odd),
.table-wrapper tbody tr:nth-child(odd),
#facts .table-wrapper tbody tr:nth-child(even),
#bonuses .table-wrapper tbody tr:nth-child(even),
#payments .table-wrapper tbody tr:nth-child(even),
main .legal-doc .table-wrapper tbody tr:nth-child(even),
main .table-wrapper tbody tr:nth-child(even),
.table-wrapper tbody tr:nth-child(even){
}
#facts .table-wrapper :is(td,th),
#bonuses .table-wrapper :is(td,th),
#payments .table-wrapper :is(td,th),
main .legal-doc .table-wrapper :is(td,th),
main .table-wrapper :is(td,th),
.table-wrapper :is(td,th){
font-size:15px !important;
line-height:1.55 !important;
padding:13px 16px !important;
vertical-align:top !important;
text-transform:none !important;
letter-spacing:normal !important;
}
#facts .table-wrapper :is(td,th):first-child,
#bonuses .table-wrapper :is(td,th):first-child,
#payments .table-wrapper :is(td,th):first-child,
main .legal-doc .table-wrapper tbody th[scope="row"],
main .legal-doc .table-wrapper :is(td,th):first-child,
main .table-wrapper tbody th[scope="row"],
main .table-wrapper :is(td,th):first-child,
.table-wrapper tbody th[scope="row"],
.table-wrapper :is(td,th):first-child{
font-weight:700 !important;
text-align:left !important;
}
#facts .table-wrapper :is(td,th):first-child,
#payments .table-wrapper :is(td,th):first-child,
main .legal-doc .table-wrapper table:not(:has(thead)) tbody th[scope="row"],
main .table-wrapper table:not(:has(thead)) tbody th[scope="row"],
.table-wrapper table:not(:has(thead)) tbody th[scope="row"]{
width:34% !important;
min-width:min(140px,34%) !important;
}
#facts .table-wrapper td:last-child,
#bonuses .table-wrapper td:last-child,
#payments .table-wrapper td:last-child,
main .legal-doc .table-wrapper td,
main .table-wrapper td,
.table-wrapper td{
font-weight:400 !important;
}
#facts .table-wrapper tbody tr:hover,
#bonuses .table-wrapper tbody tr:hover,
#payments .table-wrapper tbody tr:hover,
main .legal-doc .table-wrapper tbody tr:hover,
main .table-wrapper tbody tr:hover,
.table-wrapper tbody tr:hover{
}
#facts .table-wrapper tbody tr:hover :is(td,th):first-child,
#facts .table-wrapper tbody tr:hover th[scope="row"],
#bonuses .table-wrapper tbody tr:hover :is(td,th):first-child,
#bonuses .table-wrapper tbody tr:hover th[scope="row"],
#payments .table-wrapper tbody tr:hover :is(td,th):first-child,
#payments .table-wrapper tbody tr:hover th[scope="row"],
main .legal-doc .table-wrapper tbody tr:hover :is(td,th):first-child,
main .legal-doc .table-wrapper tbody tr:hover th[scope="row"],
main .table-wrapper tbody tr:hover :is(td,th):first-child,
main .table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover :is(td,th):first-child,
.table-wrapper tbody tr:hover th[scope="row"]{
}
#facts .table-wrapper tbody tr:hover td,
#bonuses .table-wrapper tbody tr:hover td,
#payments .table-wrapper tbody tr:hover td,
main .legal-doc .table-wrapper tbody tr:hover td,
main .table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover > *:not(:first-child){
}
#facts .table-wrapper tbody tr:last-child :is(td,th),
#bonuses .table-wrapper tbody tr:last-child :is(td,th),
#payments .table-wrapper tbody tr:last-child :is(td,th),
main .legal-doc .table-wrapper tbody tr:last-child :is(td,th),
main .table-wrapper tbody tr:last-child :is(td,th),
.table-wrapper tbody tr:last-child :is(td,th){
}
.card{
}
.card .info,
:is(.shell > main, main) a.card .info{
}
.card .info .title{ }
.card .info .vendor{ }
.popular-games{
border-radius:0;
padding:0;
}
.popular-games h2{
margin:0 0 14px;
font-size:30px;
line-height:1.2;
}
.popular-games__grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
max-width:100%;
}
.popular-games__card{
display:flex;
flex-direction:column;
border-radius:12px;
overflow:hidden;
text-decoration:none !important;
position:relative;
}
.popular-games__media{
overflow:hidden;
aspect-ratio:1/1;
flex:0 0 auto;
position:relative;
}
.popular-games__card img{
width:100%;
height:100%;
aspect-ratio:1/1;
object-fit:cover;
object-position:center;
display:block;
transition:transform .28s ease;
}
.popular-games__media img.popular-games__img--wide{
object-fit:cover;
object-position:center;
padding:0;
}
.popular-games__card:hover img{
transform:scale(1.06);
}
.popular-games__card:hover img.popular-games__img--wide{
transform:scale(1.06);
}
.popular-games__media::after{
content:none;
display:none;
}
.popular-games__card:hover .popular-games__media::after{
content:none;
display:none;
}
.popular-games__meta{
flex:1 1 auto;
padding:10px 10px 11px;
position:relative;
z-index:2;
min-height:44px;
display:flex;
flex-direction:column;
justify-content:center;
}
.popular-games__title{
margin:0;
font-size:13px;
font-weight:700;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.25;
}
.popular-games__vendor{
display:none;
}
@media (max-width:1100px){
.popular-games__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
.popular-games{ padding:0; }
.popular-games h2{ font-size:24px; }
.popular-games__grid{ grid-template-columns:1fr; }
}
.legal-doc h2{ }
.legal-doc p,
.legal-doc li{ }
.legal-doc .legal-note{
margin: 0 0 1.25rem !important;
padding: 0 !important;
border-radius: 0 !important;
font-size: inherit;
line-height: 1.65;
}
:is(.shell > main, main) .faq-item{
margin-bottom: 24px;
padding: 18px 20px;
border-radius: 12px;
}
:is(.shell > main, main) .faq-item h3{
display: block;
margin: 0 0 12px !important;
font-size: 18px;
font-weight: 800;
line-height: 1.35;
}
:is(.shell > main, main) .faq-item p{
display: block;
margin: 0 !important;
line-height: 1.65;
}
:is(.shell > main, main) .faq-item:last-child{
margin-bottom: 0;
}
@media (max-width: 768px){
:is(.shell > main, main) .faq-item{
padding: 14px 16px;
margin-bottom: 18px;
}
:is(.shell > main, main) .faq-item h3{
font-size: 16px;
margin-bottom: 10px !important;
}
}
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
padding-bottom:0 !important;
}
:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play){
}
:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):hover{
}
:is(.shell > main, main) :is(.chip, .chip-txt){
}
:is(.shell > main, main) .chip-ico{
}
body.app-page{
}
body.app-page .shell > main{
overflow: visible;
}
body.app-page .app-float-layout,
body.acceso-page .app-float-layout,
body.bonus-page .app-float-layout{
position: relative;
width: 100%;
}
body.app-page .app-float-layout::after,
body.acceso-page .app-float-layout::after,
body.bonus-page .app-float-layout::after{
content: "";
display: table;
clear: both;
}
body.app-page .app-float-banner{
float: right;
width: 50%;
max-width: 50%;
margin: 0 0 1.25rem 1.75rem;
padding: 0;
line-height: 0;
}
body.app-page .app-float-banner__link,
body.acceso-page .app-float-banner__link{
display: block;
border-radius: 16px;
overflow: hidden;
line-height: 0;
transition: transform .25s ease, box-shadow .25s ease;
}
body.app-page .app-float-banner__link:hover,
body.acceso-page .app-float-banner__link:hover{
transform: translateY(-2px);
}
body.app-page .app-float-banner__img{
display: block;
width: 100%;
height: auto;
aspect-ratio: 1024 / 548;
object-fit: cover;
object-position: center;
}
body.acceso-page .app-float-banner__img{
display: block;
width: 100%;
height: auto;
aspect-ratio: 600 / 827;
object-fit: contain;
object-position: top center;
}
@media (max-width: 900px){
body.app-page .app-float-banner,
body.app-page .app-float-aside{
float: none;
width: 100%;
max-width: 100%;
margin: 0 0 1.25rem;
}
body.acceso-page .app-float-banner,
body.acceso-page .app-float-aside{
float: none;
width: 100%;
max-width: 100%;
margin: 0 0 1.25rem;
}
body.acceso-page .app-float-aside__cta .pulse-btn{
max-width: min(280px, 100%);
margin-inline: auto;
}
body.bonus-page .app-float-banner,
body.bonus-page .app-float-aside{
float: none;
width: 100%;
max-width: 100%;
margin: 0 0 1.25rem;
}
body.bonus-page .app-float-banner__link{
}
body.bonus-page .app-float-banner__img{
aspect-ratio: auto;
object-fit: contain;
}
body.bonus-page .app-float-aside__cta .pulse-btn{
max-width: min(360px, 100%);
margin-inline: auto;
}
}
body.acceso-page .app-float-aside{
float: right;
width: min(280px, 38%);
max-width: 38%;
margin: 0 0 1.5rem 1.75rem;
padding: 0;
}
body.acceso-page .app-float-banner{
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
body.acceso-page .app-float-banner__link{
}
body.acceso-page .app-float-aside__cta{
margin-top: 14px;
text-align: center;
}
body.acceso-page .app-float-aside__cta .pulse-btn{
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 12px 16px !important;
font-size: 13px !important;
letter-spacing: .06em !important;
}
body.acceso-page .app-float-layout > h2:first-of-type{
margin-top: 0;
}
body.bonus-page .app-float-aside{
float: right;
width: min(360px, 44%);
max-width: 44%;
margin: 0 0 1.5rem 1.75rem;
padding: 0;
}
body.bonus-page .app-float-banner{
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0;
}
body.bonus-page .app-float-banner__link{
display: block;
overflow: hidden;
border-radius: 14px;
line-height: 0;
transition: transform .25s ease, box-shadow .25s ease;
}
body.bonus-page .app-float-banner__link:hover{
transform: translateY(-2px);
}
body.bonus-page .app-float-banner__link picture{
display: block;
line-height: 0;
}
body.bonus-page .app-float-banner__img{
display: block;
width: 100%;
height: auto;
aspect-ratio: auto;
object-fit: contain;
object-position: center;
vertical-align: top;
}
body.bonus-page .app-float-aside__cta{
margin-top: 14px;
text-align: center;
}
body.bonus-page .app-float-aside__cta .pulse-btn{
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 12px 16px !important;
font-size: 13px !important;
letter-spacing: .06em !important;
}
body.bonus-page .app-float-layout > h2:first-of-type{
margin-top: 0;
}
body.bonus-page .app-float-layout .table-wrapper{
clear: both;
width: 100%;
}
@media (max-width: 992px){
body.bonus-page .app-float-aside{
float: none;
width: 100%;
max-width: 100%;
margin: 0 0 1.25rem;
}
}
body.games-page .shell > main{
overflow: visible;
}
body.games-page .shell > main > .section.intro.legal-doc,
body.games-page #games-guide{
max-width: var(--main-content-max);
margin-inline: auto;
}
body.acceso-page .shell > main > .section.intro.legal-doc,
body.acceso-page #login-guide{
max-width: min(1280px, 100%);
margin-inline: auto;
}
body.acceso-page #login-guide p,
body.acceso-page #login-guide li{
max-width: none;
line-height: 1.72;
margin: 0 0 1rem;
}
body.acceso-page #login-guide .legal-note{
margin: 0 0 1.5rem !important;
line-height: 1.72;
}
body.acceso-page #login-guide .login-intro{
margin: 0 0 1.5rem;
max-width: 62rem;
}
body.acceso-page #login-guide .login-intro .legal-note{
margin: 0 !important;
line-height: 1.68;
font-size: 0.98rem;
}
body.acceso-page #login-guide h2{
margin:1.5rem 0 0.85rem;
line-height:1.32;
}
body.acceso-page #login-guide h2:first-of-type{
margin-top: 0;
}
body.acceso-page #login-guide h3{
margin: 1.5rem 0 0.85rem;
line-height: 1.38;
}
body.acceso-page #login-guide .table-wrapper{
margin: 1.35rem 0 1.75rem;
}
body.acceso-page #login-guide .faq-item{
margin-bottom: 1.25rem;
}
body.acceso-page .login-banner-block{
width:min(38%, 360px);
margin:0;
}
@media (max-width: 960px){
body.acceso-page .login-banner-block{
width:min(360px, 100%);
margin:0 auto;
}
}
body.games-page #games-guide p,
body.games-page #games-guide li{
max-width: none;
line-height: 1.72;
margin: 0 0 1.25rem;
}
body.games-page #games-guide .legal-note{
margin: 0 0 1.5rem !important;
line-height: 1.72;
}
body.games-page #games-guide h2{
margin: 2rem 0 1rem;
line-height: 1.32;
}
body.games-page #games-guide h2:first-of-type{
margin-top: 0;
}
body.games-page #games-guide h3{
margin: 1.5rem 0 0.85rem;
line-height: 1.38;
}
body.games-page #games-guide .section{
margin-top: 2rem;
margin-bottom: 1.5rem;
}
body.games-page #games-guide .popular-games h2{
margin: 0 0 1rem;
line-height: 1.3;
}
body.games-page #games-guide .popular-games p{
line-height: 1.72;
margin: 0 0 1.1rem;
}
body.games-page #games-guide .popular-games__grid{
margin: 1.25rem 0 1.75rem;
gap: 16px;
}
body.games-page #games-guide .table-wrapper{
margin: 1.35rem 0 1.75rem;
}
body.games-page #games-guide .grid{
margin: 1.25rem 0 1.5rem;
}
body.app-page .app-hero{
position: relative;
margin: 0;
padding: 0 clamp(12px, 3.5vw, 28px);
}
body.app-page .app-hero--balanced{
max-width: min(1100px, 100%);
margin-inline: auto;
}
body.app-page .app-hero__glow{
pointer-events: none;
position: absolute;
inset: -18% -6% auto;
height: 70%;
z-index: 0;
}
body.app-page .app-hero__frame{
position: relative;
z-index: 1;
margin: 0;
padding: clamp(10px, 2vw, 18px);
border-radius: 22px;
overflow: hidden;
line-height: 0;
}
body.app-page .app-hero__img{
width: 100%;
display: block;
vertical-align: middle;
line-height: 0;
}
body.app-page .app-hero__frame picture{
display: block;
width: 100%;
line-height: 0;
border-radius: 14px;
overflow: hidden;
}
body.app-page .app-hero__img.banner.banner--promo-hero{
aspect-ratio: auto;
width: 100%;
height: auto;
max-width: 100%;
max-height: min(78vh, 780px);
object-fit: contain;
object-position: center center;
border-radius: 14px;
}
@media (max-width: 992px){
body.app-page .app-hero__img.banner.banner--promo-hero{
max-height: min(74vh, 700px);
}
}
@media (max-width: 768px){
body.app-page .app-hero__img.banner.banner--promo-hero{
max-height: min(64vh, 560px);
}
}
@media (max-width: 480px){
body.app-page .app-hero__img.banner.banner--promo-hero{
max-height: min(58vh, 480px);
}
}
@media (max-width: 380px){
body.app-page .app-hero__img.banner.banner--promo-hero{
max-height: min(52vh, 420px);
}
}
body.app-page .app-hero__bar{
height: 3px;
width: 100%;
margin: 14px 0 0;
border-radius: 999px;
}
body.app-page .page-title{
margin:0 0 12px !important;
}
body.app-page .app-landing{
max-width: min(1180px, 100%);
margin: 0 auto;
padding: 0;
}
body.app-page .app-guide > .legal-note{
margin-top: 0 !important;
}
body.app-page .app-guide.legal-doc{
max-width: min(1180px, 100%);
margin-inline: auto;
}
body.app-page .page-hero{
max-width: min(1180px, 100%);
margin: 0 auto 28px;
padding: 0 2px;
}
body.app-page .page-hero .banner.banner--page-hero,
body.bonus-page .page-hero .banner.banner--page-hero{
aspect-ratio: auto;
width: 100%;
height: auto;
max-width: 100%;
max-height: none;
object-fit: contain;
object-position: center center;
border-radius: 14px;
}
@media (max-width:768px){
body.app-page .frame.frame--page-hero,
body.bonus-page .frame.frame--page-hero{ padding:12px; }
}
@media (max-width:480px){
body.app-page .frame.frame--page-hero,
body.bonus-page .frame.frame--page-hero{ padding:10px; }
}
body.app-page .app-landing__intro{
display: block;
max-width: 52rem;
margin: 0 auto;
padding: clamp(8px, 2vw, 16px) clamp(8px, 2vw, 20px) 4px;
text-align: center;
border-radius: 0 0 18px 18px;
}
body.app-page .app-landing__eyebrow{
font-family: "Montserrat", system-ui, sans-serif;
font-size: .72rem;
font-weight: 700;
letter-spacing: .2em;
text-transform: uppercase;
margin: 0 auto 10px;
}
body.app-page .app-landing__title{
font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
font-weight: 700;
font-size: clamp(2rem, 4.2vw, 2.85rem);
line-height: 1.12;
letter-spacing: .02em;
margin: 0 auto 14px;
}
body.app-page .app-landing__lead{
font-family: "Montserrat", system-ui, sans-serif;
font-size: 1.05rem;
line-height: 1.65;
margin: 0 auto;
max-width: 58ch;
}
body.app-page .app-landing__guide{
margin-top: 20px;
padding-top: 16px;
}
body.app-page .app-landing__guide > h2:first-of-type{
margin-top: 1.75rem;
padding-top: 1.75rem;
}
body.app-page .app-landing__actions{
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
align-items: center;
margin-top: 36px !important;
margin-bottom: 10px;
}
@media (max-width: 480px){
body.app-page .app-landing__actions{
flex-direction: column;
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
body.app-page .app-landing__actions .pulse-btn{
width: 100%;
justify-content: center;
}
}
@media (max-width: 640px){
body.app-page .app-landing{
padding-top: 0;
}
}
.offers-panel__img--bono{
border-radius: 14px !important;
}
@media (hover:hover){
.offers-panel__link:hover .offers-panel__img--bono{
}
}
body.bonus-page{
}
body.bonus-page .shell > main{
overflow: visible;
}
body.bonus-page :is(.shell > main, main) > .page-title{
position: relative;
z-index: 2;
margin: 0 auto 12px;
padding: 0 clamp(8px, 2vw, 16px);
max-width: min(1100px, 100%);
}
body.bonus-page .bonus-hero{
position: relative;
z-index: 1;
margin: 0 auto 6px;
padding: 0;
max-width: min(1100px, 100%);
overflow: hidden;
border-radius: 22px;
}
body.bonus-page .bonus-hero__glow{
pointer-events: none;
position: absolute;
left: -4%;
right: -4%;
top: 0;
height: 55%;
z-index: 0;
}
body.bonus-page .bonus-hero--image-only > .frame{
position: relative;
z-index: 1;
margin: 0;
padding: clamp(10px, 2vw, 16px);
border-radius: 18px;
}
body.bonus-page .bonus-hero .frame::before{
}
body.bonus-page .bonus-hero .banner-link picture{
display: block;
width: 100%;
line-height: 0;
border-radius: var(--bannerRad, 12px);
overflow: hidden;
}
body.bonus-page .bonus-hero .banner.banner--promo-hero{
aspect-ratio: auto;
width: 100%;
height: auto;
max-width: 100%;
max-height: min(68vh, 640px);
object-fit: contain;
object-position: center center;
}
@media (max-width: 992px){
body.bonus-page .bonus-hero .banner.banner--promo-hero{
max-height: min(64vh, 520px);
}
}
@media (max-width: 768px){
body.bonus-page .bonus-hero .banner.banner--promo-hero{
max-height: min(58vh, 440px);
}
}
@media (max-width: 480px){
body.bonus-page .bonus-hero .banner.banner--promo-hero{
max-height: min(52vh, 380px);
}
}
body.bonus-page .bonus-hero__bar{
height: 3px;
margin: 14px auto 0;
max-width: min(1100px, 100%);
border-radius: 999px;
}
body.bonus-page .shell > main > .section.intro.legal-doc{
padding-top:0;
margin-top:0;
max-width: var(--main-content-max);
margin-inline: auto;
}
body.codigos-page{
}
body.codigos-page .shell > main{
overflow: hidden;
}
body.codigos-page :is(.shell > main, main) > .page-title{
position: relative;
z-index: 2;
margin: 6px auto 18px;
padding: 0 clamp(8px, 2vw, 16px);
max-width: min(1100px, 100%);
}
body.codigos-page .codigos-hero-frame{
max-width: min(1100px, 100%);
margin: 0 auto 4px;
padding: clamp(10px, 2vw, 16px);
border-radius: 18px;
}
body.codigos-page .codigos-hero-frame::before{
}
body.codigos-page .codigos-hero-frame .banner-wrap{
position: relative;
z-index: 1;
}
body.codigos-page .codigos-hero-frame .banner-link picture{
display: block;
width: 100%;
line-height: 0;
border-radius: var(--bannerRad, 12px);
overflow: hidden;
}
body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{
aspect-ratio: auto;
width: 100%;
height: auto;
max-width: 100%;
max-height: min(68vh, 620px);
object-fit: contain;
object-position: center center;
}
@media (max-width: 992px){
body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{
max-height: min(62vh, 520px);
}
}
@media (max-width: 768px){
body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{
max-height: min(56vh, 440px);
}
}
@media (max-width: 480px){
body.codigos-page .codigos-hero-frame .banner.banner--promo-hero{
max-height: min(50vh, 380px);
}
}
body.codigos-page .codigo-pillars{
padding: clamp(22px, 3vw, 32px) clamp(14px, 2.5vw, 28px) clamp(8px, 1.5vw, 14px);
}
body.codigos-page .codigo-pillars__inner{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(12px, 2vw, 20px);
max-width: 1100px;
margin: 0 auto;
}
body.codigos-page .codigo-pillar{
padding: clamp(16px, 2vw, 22px) clamp(14px, 1.8vw, 20px);
border-radius: 12px;
}
body.codigos-page .codigo-pillar__label{
display: block;
margin-bottom: 8px;
font-family: "Montserrat", system-ui, sans-serif;
font-weight: 700;
font-size: 0.72rem;
letter-spacing: .14em;
text-transform: uppercase;
}
body.codigos-page .codigo-pillar p{
margin: 0;
font-size: clamp(0.78rem, 0.35vw + 0.7rem, 0.86rem);
line-height: 1.55;
}
body.codigos-page .shell > main > .section.intro.legal-doc{
padding-top: clamp(18px, 2.5vw, 26px);
}
@media (max-width: 900px){
body.codigos-page .codigo-pillars__inner{
grid-template-columns: 1fr;
}
}
body.giros-page .shell > main{
overflow: hidden;
}
body.giros-page :is(.shell > main, main) > .page-title{
position: relative;
z-index: 2;
margin: 6px auto 18px;
padding: 0 clamp(8px, 2vw, 16px);
max-width: min(1100px, 100%);
}
body.giros-page .giros-hero-frame{
max-width: min(1100px, 100%);
margin: 0 auto 4px;
padding: clamp(10px, 2vw, 16px);
border-radius: 18px;
}
body.giros-page .giros-hero-frame:before{
}
body.giros-page .giros-hero-frame .banner-wrap{
position: relative;
z-index: 1;
}
body.giros-page .giros-hero-frame .banner-link picture{
display: block;
width: 100%;
line-height: 0;
border-radius: var(--bannerRad, 12px);
overflow: hidden;
}
body.giros-page .giros-hero-frame .banner.banner--promo-hero{
aspect-ratio: auto;
width: 100%;
height: auto;
max-width: 100%;
max-height: min(68vh, 600px);
object-fit: contain;
object-position: center center;
}
@media (max-width: 992px){
body.giros-page .giros-hero-frame .banner.banner--promo-hero{
max-height: min(62vh, 500px);
}
}
@media (max-width: 768px){
body.giros-page .giros-hero-frame .banner.banner--promo-hero{
max-height: min(56vh, 420px);
}
}
@media (max-width: 480px){
body.giros-page .giros-hero-frame .banner.banner--promo-hero{
max-height: min(50vh, 360px);
}
}
body.giros-page .shell > main > .section.intro.legal-doc{
padding-top: clamp(18px, 2.5vw, 26px);
}
body.acceso-page .shell > main{
overflow: visible;
}
body.acceso-page .page-title{
margin-bottom:12px;
}
body.acceso-page .acceso-panel{
max-width: min(960px, 100%);
margin: 0 auto;
}
body.acceso-page .acceso-panel__inner{
padding: clamp(20px, 3.2vw, 32px);
border-radius: 22px;
}
body.acceso-page .acceso-panel__grid{
display: block;
}
body.acceso-page .acceso-panel__copy{
overflow: hidden;
}
body.acceso-page .acceso-panel__copy::after{
content:"";
display:table;
clear:both;
}
body.acceso-page .acceso-panel__eyebrow{
margin: 0 0 10px;
font-family: Montserrat, system-ui, sans-serif;
font-size: 11px;
font-weight: 800;
letter-spacing: .2em;
text-transform: uppercase;
}
body.acceso-page .acceso-panel__lead{
margin: 0 0 20px;
font-size: clamp(15px, 1.35vw, 17px);
line-height: 1.65;
}
body.acceso-page .acceso-panel__h{
margin: 22px 0 10px;
font-family: Montserrat, system-ui, sans-serif;
font-size: clamp(15px, 1.25vw, 17px);
font-weight: 800;
letter-spacing: .02em;
}
body.acceso-page .acceso-panel__h:first-of-type{
margin-top: 0;
}
body.acceso-page .acceso-panel__p{
margin: 0 0 12px;
font-size: 14px;
line-height: 1.65;
}
body.acceso-page .acceso-panel__list{
margin: 0;
padding-left: 1.2rem;
line-height: 1.62;
}
body.acceso-page .acceso-panel__list li{
margin: 0 0 10px;
}
body.acceso-page .acceso-panel__note{
margin: 20px 0 0;
padding: 14px 16px;
border-radius: 12px;
font-size: 13px;
line-height: 1.55;
}
body.acceso-page .acceso-panel__links{
margin: 18px 0 0;
font-size: 13px;
line-height: 1.6;
}
body.acceso-page .acceso-panel__links a{
text-decoration: none;
}
body.acceso-page .acceso-panel__links a:hover{
}
body.acceso-page .acceso-panel__cta{
margin-top: 22px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 16px;
}
body.acceso-page .acceso-panel__cta .pulse-btn{
text-transform: none;
letter-spacing: .04em;
font-size: 15px;
padding: 14px 26px;
}
body.acceso-page .acceso-panel__cta-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 20px;
border-radius:0;
font-family:Montserrat, system-ui, sans-serif;
font-weight:800;
font-size:14px;
letter-spacing:.06em;
text-transform:uppercase;
text-decoration:none !important;
position:relative;
z-index:0;
isolation:isolate;
transition:filter .2s ease, box-shadow .2s ease;
}
body.acceso-page .acceso-panel__cta-secondary::before{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
}
body.acceso-page .acceso-panel__cta-secondary::after{
content:"";
position:absolute;
inset:var(--casea-btn-frame, -3px);
z-index:-1;
pointer-events:none;
}
body.acceso-page .acceso-panel__cta-secondary:hover{
}
body.acceso-page .acceso-panel__visual{
float: right;
width: min(320px, 36%);
max-width: 100%;
margin: 0 0 12px 24px;
shape-outside: inset(0 round 18px);
shape-margin: 12px;
}
body.acceso-page .acceso-panel__banner-link{
display: block;
line-height: 0;
text-decoration: none !important;
border-radius: 18px;
transition: transform .28s ease, box-shadow .28s ease;
}
body.acceso-page .acceso-panel__banner-link:hover{
transform: translateY(-2px);
}
body.acceso-page .acceso-panel__banner-link:focus-visible{
}
body.acceso-page .acceso-panel__banner-frame{
display: block;
overflow: hidden;
border-radius: 18px;
}
body.acceso-page .acceso-panel__banner-link:hover .acceso-panel__banner-frame{
}
body.acceso-page .acceso-panel__banner-frame picture{
display: block;
width: 100%;
line-height: 0;
}
body.acceso-page .acceso-panel__banner{
width: 100%;
height: auto;
display: block;
vertical-align: bottom;
}
body.acceso-page .acceso-panel__trust{
list-style: none;
margin: 22px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
justify-content: center;
clear: both;
width: 100%;
}
body.acceso-page .acceso-panel__trust li{
margin: 0;
padding: 6px 12px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
body.acceso-page .acceso-panel__caption{
margin: 10px 0 0;
font-size: 11px;
line-height: 1.45;
text-align: center;
clear: both;
width: 100%;
}
@media (max-width: 860px){
body.acceso-page .acceso-panel__visual{
width: min(300px, 42%);
margin: 4px 0 14px 18px;
}
}
@media (max-width: 560px){
body.acceso-page .acceso-panel__visual{
float: none;
width: 100%;
max-width: min(420px, 100%);
margin: 0 auto 18px;
}
}
@media (max-width: 640px){
body.acceso-page .shell > main{
padding-bottom: max(32px, env(safe-area-inset-bottom, 0px), var(--main-pad-bottom));
}
body.acceso-page .acceso-panel__inner{
padding: 18px 16px 20px;
border-radius: 18px;
}
body.acceso-page .acceso-panel__cta{
flex-direction: column;
align-items: stretch;
}
body.acceso-page .acceso-panel__cta .pulse-btn,
body.acceso-page .acceso-panel__cta-secondary{
width: 100%;
justify-content: center;
}
}
@media (max-width: 992px){
html{
overflow-x: hidden;
}
.shell{
padding:
max(10px, env(safe-area-inset-top, 0px))
max(10px, env(safe-area-inset-right, 0px))
max(12px, env(safe-area-inset-bottom, 0px))
max(10px, env(safe-area-inset-left, 0px));
gap: 12px;
}
header .head{
padding-left: max(10px, env(safe-area-inset-left, 0px));
padding-right: max(10px, env(safe-area-inset-right, 0px));
flex-wrap: wrap;
row-gap: 8px;
column-gap: 8px;
}
header .head::after{
content:"";
order:9;
flex-basis:100%;
width:0;
height:0;
}
.head .burger{ order:1; }
.head .logo{ order:2; }
.head .lang-switch{
order:5;
flex:0 0 auto;
width:auto;
display:inline-flex;
margin-left:0;
justify-content:flex-start;
}
.head .head-nav{ order:4; }
.head .offers-trigger{
order:6;
margin-left:auto;
}
.head .head-search-ico{ order:7; }
.head .btn--login{ order:10; }
.head .btn--reg{ order:11; }
.head .lang-switch .lang-menu{
left:auto;
right:0;
transform:none;
}
.head .btn{
min-width: 0;
flex: 1 1 calc(50% - 34px);
min-height: 44px;
padding: 0 10px;
font-size: clamp(10px, 2.8vw, 12px);
letter-spacing: 0.05em;
}
main picture,
main .banner-wrap,
main .banner-link{
max-width: 100%;
}
}
@media (max-width: 560px){
.head .btn{
flex: 1 1 100%;
max-width: none;
}
}
@media (max-width: 640px){
.ft-page{
justify-content: flex-start;
row-gap: 10px;
column-gap: 12px;
padding-left: max(6px, env(safe-area-inset-left, 0px));
padding-right: max(6px, env(safe-area-inset-right, 0px));
font-size: 12px;
line-height: 1.45;
}
.ft-page a{
min-height: 44px;
display: inline-flex;
align-items: center;
padding: 6px 10px;
border-radius: 10px;
}
.ft-page a:hover{
}
}
@media (max-width: 520px){
.ft-grid .ft-col{
padding-bottom: 10px;
margin-bottom: 6px;
}
.ft-grid .ft-col:last-child{
margin-bottom: 0;
padding-bottom: 0;
}
}
@media (max-width: 480px){
.shell > main{
border-radius: 10px;
}
body.bonus-page .shell > main,
body.codigos-page .shell > main,
body.giros-page .shell > main,
body.app-page .shell > main,
body.games-page .shell > main,
body.acceso-page .shell > main{
padding-left: max(var(--main-pad-x), env(safe-area-inset-left, 0px));
padding-right: max(var(--main-pad-x), env(safe-area-inset-right, 0px));
}
}
@media (hover: none) and (pointer: coarse){
body.acceso-page .acceso-panel__banner-link:hover{
transform: none;
}
}
@media (max-width: 420px){
header .logo img{
max-width: min(190px, 54vw);
}
}
button,
.btn,
.pulse-btn,
.ft-btn,
.offers-trigger,
.burger,
.head-search-ico{
touch-action: manipulation;
}
:is(
.pulse-btn,
.vmore-btn,
.ft-btn,
.hero-cta,
.btn--login,
.btn--reg,
.head .btn,
.play,
body.acceso-page .acceso-panel__cta .pulse-btn,
body.acceso-page .acceso-panel__cta-secondary
){
position:relative !important;
z-index:0 !important;
isolation:isolate !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:0 !important;
font-weight:800 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
text-decoration:none !important;
line-height:1 !important;
}
.play{
}
:is(
.pulse-btn,
.vmore-btn,
.ft-btn,
.hero-cta,
.btn--login,
.btn--reg,
.head .btn,
.play,
body.acceso-page .acceso-panel__cta .pulse-btn,
body.acceso-page .acceso-panel__cta-secondary
)::before{
content:"" !important;
display:block !important;
position:absolute !important;
inset:var(--casea-btn-border, 3px) !important;
z-index:-1 !important;
pointer-events:none !important;
border-radius:0 !important;
}
.play::before{
}
:is(
.pulse-btn,
.vmore-btn,
.ft-btn,
.hero-cta,
.btn--login,
.btn--reg,
.head .btn,
.play,
body.acceso-page .acceso-panel__cta .pulse-btn,
body.acceso-page .acceso-panel__cta-secondary
)::after{
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
z-index:-2 !important;
pointer-events:none !important;
border-radius:0 !important;
}
.play::after{
}
.head .btn,
.head .btn--login,
.head .btn--reg{
font-size:13px !important;
min-width:132px !important;
height:40px !important;
padding:0 22px !important;
}
:is(.pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .btn--reg, .ft-btn.pulse, .ft-btn.is-pulsing, .pulse){
}
@media (hover:hover){
:is(.pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .btn--login, .btn--reg, .head .btn, .play):hover{
}
}
:is(.shell > main, main) :is(.pulse-btn, .vmore-btn),
body.acceso-page .acceso-panel__cta .pulse-btn,
body.acceso-page .acceso-panel__cta-secondary{
padding:11px 22px !important;
font-size:14px !important;
min-height:40px !important;
letter-spacing:.06em !important;
}
@media (max-width:768px){
:is(.shell > main, main) :is(.pulse-btn, .vmore-btn),
body.acceso-page .acceso-panel__cta .pulse-btn,
body.acceso-page .acceso-panel__cta-secondary{
padding:10px 18px !important;
font-size:13px !important;
min-height:38px !important;
}
:is(.shell > main, main) .cta-center:not(.cta-center--pair) .pulse-btn{
max-width:min(300px, 100%) !important;
}
}
@media (max-width:480px){
:is(.shell > main, main) :is(.pulse-btn, .vmore-btn),
body.acceso-page .acceso-panel__cta .pulse-btn,
body.acceso-page .acceso-panel__cta-secondary{
padding:9px 16px !important;
font-size:12px !important;
min-height:36px !important;
}
}
@media (min-width:993px){
.aside{
position:relative !important;
top:auto !important;
max-height:none !important;
overflow-y:visible !important;
}
}
html{
}
body:before{
}
.shell .chips,
main .chips{
border-radius:14px !important;
}
.chip,
.shell .chips a.chip{
}
.chip::after,
.shell .chips a.chip::after{
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
border-radius:10px !important;
z-index:-2 !important;
}
.chip::before,
.shell .chips a.chip::before{
content:"" !important;
display:block !important;
position:absolute !important;
inset:2px !important;
border-radius:8px !important;
z-index:-1 !important;
}
:is(.chip-ico, .chip-ico svg){
position:relative !important;
z-index:1 !important;
}
:is(.chip-txt){
position:relative !important;
z-index:1 !important;
}
#login .login-note,
.login-note{
display:none !important;
}
.home-vip-promo{
display:none !important;
}
.table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper{
}
.table-wrapper thead{
}
.table-wrapper thead th{
text-transform:none !important;
}
.table-wrapper tbody tr:nth-child(even){
}
.table-wrapper tbody tr:hover{
}
#facts .table-wrapper :is(td,th),
#bonuses .table-wrapper :is(td,th),
#payments .table-wrapper :is(td,th),
main .legal-doc .table-wrapper :is(td,th),
main .table-wrapper :is(td,th),
.table-wrapper :is(td,th){
}
.popular-games__meta{
}
.popular-games__media{
}
.popular-games__media::after{
content:none !important;
display:none !important;
}
.popular-games__card:hover .popular-games__media::after{
content:none !important;
display:none !important;
visibility:hidden !important;
}
.popular-games__card:hover .popular-games__media::before{
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
z-index:1 !important;
pointer-events:none !important;
}
:is(.popular-games__media, .card .media) .game-play-btn{
position:absolute !important;
top:50% !important;
left:50% !important;
right:auto !important;
bottom:auto !important;
transform:translate(-50%,-50%) !important;
z-index:5 !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 !important;
padding:7px 16px !important;
font-size:11px !important;
font-weight:800 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
line-height:1 !important;
white-space:nowrap !important;
pointer-events:none !important;
visibility:hidden !important;
transition:opacity .22s ease, visibility .22s ease, transform .22s ease !important;
isolation:isolate !important;
border-radius:0 !important;
}
:is(.popular-games__media, .card .media) .game-play-btn::before{
content:"" !important;
display:block !important;
position:absolute !important;
inset:2px !important;
z-index:-1 !important;
pointer-events:none !important;
border-radius:0 !important;
}
:is(.popular-games__media, .card .media) .game-play-btn::after{
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
z-index:-2 !important;
pointer-events:none !important;
border-radius:0 !important;
}
.card:hover .media::before,
.grid .card:hover .media::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:1 !important;
pointer-events:none !important;
}
@media (hover: hover){
.popular-games__card:hover .popular-games__media .game-play-btn,
.card:hover .media .game-play-btn,
.grid .card:hover .media .game-play-btn{
visibility:visible !important;
transform:translate(-50%,-50%) scale(1.04) !important;
}
}
header .head{
padding:12px 16px !important;
min-height:72px !important;
gap:12px !important;
}
.logo img{
height:52px !important;
max-width:280px !important;
}
.ft-logo img{
height:44px !important;
max-width:240px !important;
}
.head .btn{
height:40px !important;
min-height:40px !important;
padding:0 20px !important;
min-width:120px !important;
font-size:12px !important;
}
.head .offers-trigger,
.head .head-search-ico{
width:40px !important;
height:40px !important;
min-width:40px !important;
min-height:40px !important;
}
@media (max-width:520px){
.logo img{ height:42px !important; max-width:220px !important; }
header .head{ padding:10px 12px !important; min-height:64px !important; }
}
@media (max-width:390px){
.logo img{ height:36px !important; max-width:190px !important; }
}
.aside{
}
.drawer{
}
.drawer .dhead{
}
.dclose{
}
.dclose:hover{
}
.sep{
}
.aside .nav a::after,
.drawer .nav a::after,
.chip::after,
.shell .chips a.chip::after,
.head .btn--login::after,
.head .btn--reg::after,
.head .btn::after,
.btn--login::after,
.btn--reg::after,
.pulse-btn::after,
.ft-btn::after,
.vmore-btn::after,
.hero-cta::after,
.play::after,
body.acceso-page .acceso-panel__cta .pulse-btn::after,
body.acceso-page .acceso-panel__cta-secondary::after,
:is(.popular-games__media, .card .media) .game-play-btn::after{
display:none !important;
content:none !important;
visibility:hidden !important;
}
.aside .nav a::before,
.drawer .nav a::before{
inset:0 !important;
border-radius:12px !important;
}
.aside .nav a,
.drawer .nav a{
border-radius:12px !important;
}
.aside .nav a:hover,
.drawer .nav a:hover{
}
.aside .nav a:hover::before,
.drawer .nav a:hover::before{
}
.aside .nav a.is-active,
.drawer .nav a.is-active{
}
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before{
}
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
font-weight:500 !important;
}
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
}
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
display:none !important;
}
.chip::before,
.shell .chips a.chip::before{
inset:0 !important;
border-radius:10px !important;
}
:is(.popular-games__media, .card .media) .game-play-btn::before{
inset:0 !important;
}
:is(.btn--login, .btn--reg, .head .btn, .head .btn--login, .head .btn--reg, .pulse-btn, .ft-btn, .vmore-btn, .hero-cta, .play){
}
@media (hover:hover){
:is(.pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .btn--login, .btn--reg, .head .btn, .play):hover{
}
}
.chip,
.shell .chips a.chip{
}
:is(.popular-games__media, .card .media) .game-play-btn{
}
.head-nav__link--active{
}
.page-title,
:is(.shell > main, main) .page-title,
body.page-home .page-title,
body.bonus-page :is(.shell > main, main) > .page-title,
body.acceso-page .page-title{
-webkit-background-clip:border-box !important;
padding:0 !important;
}
body.page-home .page-title::before{
display:none !important;
content:none !important;
}
body.page-home .home-hero__bar{
display:none !important;
}
body.app-page .app-float-aside{
float:right;
width:min(360px, 44%);
max-width:44%;
margin:0 0 1.5rem 1.75rem;
padding:0;
}
body.app-page .app-float-banner{
float:none !important;
width:100% !important;
max-width:100% !important;
margin:0 !important;
}
body.app-page .app-float-banner__link{
}
body.app-page .app-float-banner__img{
width:100% !important;
height:auto !important;
aspect-ratio:471 / 1024 !important;
object-fit:contain !important;
object-position:top center !important;
max-height:none !important;
}
body.app-page .app-float-aside__cta{
margin-top:14px;
text-align:center;
}
body.app-page .app-float-aside__cta .pulse-btn{
display:block;
width:100%;
max-width:100%;
box-sizing:border-box;
padding:12px 16px !important;
font-size:13px !important;
letter-spacing:.06em !important;
}
body.app-page .app-float-layout > h2:first-of-type{
margin-top:0;
}
@media (max-width:900px){
body.app-page .app-float-aside{
float:none;
width:100%;
max-width:100%;
margin:0 0 1.5rem;
}
body.app-page .app-float-aside__cta .pulse-btn{
max-width:min(360px, 100%);
margin-inline:auto;
}
}
header,
header.scrolled{
}
.site-footer{
}
.head-nav__link--active{
}
.head-nav__link:hover{
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){
border-radius:12px !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after{
display:none !important;
content:none !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover{
}
.logo img{
height:52px !important;
max-width:280px !important;
}
.ft-logo img{
height:44px !important;
max-width:240px !important;
}
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before{
}
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
}
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico,
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
}
.sep{
}
@media (min-width:993px){
.aside{
position:sticky;
top:calc(var(--hdrH, 64px) + 14px);
align-self:start;
z-index:50;
}
}
#updatedBox{
}
#updatedBox svg path{
}
header,
header.scrolled,
.site-footer{
}
header .head{
padding:12px 16px !important;
min-height:72px !important;
}
.logo img,
header .logo img{
height:52px !important;
max-width:280px !important;
width:auto !important;
}
.site-footer .ft-logo img{
height:44px !important;
max-width:240px !important;
}
.ft-logo img{
height:44px !important;
max-width:240px !important;
width:auto !important;
}
.head .btn{
height:40px !important;
min-height:40px !important;
}
.head .offers-trigger,
.head .head-search-ico{
width:40px !important;
height:40px !important;
}
@media (max-width:520px){
.logo img, header .logo img{ height:42px !important; max-width:220px !important; }
header .head{ padding:10px 12px !important; min-height:64px !important; }
}
@media (max-width:390px){
.logo img, header .logo img{ height:36px !important; max-width:190px !important; }
}
:root{
--page-bg:#04010a;
--hdr-purple-top:#321856;
--hdr-purple-bot:#2a1248;
}
html,
body:before{
}
.shell > main,
:is(.shell > main, main){
}
.table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper{
}
.table-wrapper tbody tr:hover,
.table-wrapper tbody tr:hover :is(th,td){
}
.table-wrapper :is(td,th){
}
.popular-games__meta,
.popular-games__media{
}
.popular-games__title,
:is(.shell > main, main) .popular-games__title,
.card .info .title,
:is(.shell > main, main) a.card .info .title,
:is(.shell > main, main) .card .title{
}
.chips{
}
.chip-ico,
.chip-ico svg,
:is(.shell > main, main) .chip-ico,
:is(.chip-ico, .chip-ico svg){
}
.chip-txt,
:is(.shell > main, main) :is(.chip, .chip-txt),
.shell .chips a.chip .chip-txt{
}
.aside,
.drawer{
}
.drawer{
}
.drawer .dhead{
}
.dclose{
}
.dclose .dclose__icon::before,
.dclose .dclose__icon::after{
}
.sep{
}
.aside .nav a,
.drawer .nav a{
border-radius:12px !important;
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after{
display:none !important;
content:none !important;
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt{
font-weight:600 !important;
}
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico{
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico{
}
.aside .nav a:hover,
.drawer .nav a:hover{
}
.aside .nav a.is-active,
.drawer .nav a.is-active{
}
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before,
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
display:none !important;
}
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
}
.card,
:is(.shell > main, main) a.card{
}
.card:hover,
:is(.shell > main, main) a.card:hover{
transform:translateY(-2px);
}
.card .info,
:is(.shell > main, main) a.card .info{
}
.card .info .title,
:is(.shell > main, main) a.card .info .title,
:is(.shell > main, main) .card .title{
}
.card .info .vendor,
:is(.shell > main, main) a.card .info .vendor,
:is(.shell > main, main) .vendor{
}
.prov,
:is(.shell > main, main) a.prov{
}
.prov:hover{
transform:translateY(-3px);
}
.prov-media{
}
.prov-name,
:is(.shell > main, main) .prov-name{
}
.page-hero{
position:relative;
max-width:min(1180px, 100%);
margin:0 auto 28px;
padding:0 2px;
}
.frame.frame--page-hero{
--bannerRad:18px;
padding:16px;
border-radius:var(--bannerRad);
}
.page-hero .banner-link,
.page-hero .banner-link picture{
display:block;
width:100%;
line-height:0;
}
.page-hero .banner.banner--page-hero{
width:100%;
height:auto;
max-width:100%;
aspect-ratio:1024 / 499;
object-fit:cover;
object-position:center center;
max-height:min(52vw, 520px);
border-radius:14px;
display:block;
}
@media (max-width:992px){
.page-hero .banner.banner--page-hero{ max-height:min(58vw, 400px); }
}
@media (max-width:768px){
.page-hero .banner.banner--page-hero{ max-height:min(62vw, 340px); }
}
@media (max-width:480px){
.page-hero .banner.banner--page-hero{ max-height:min(68vw, 280px); }
}
@media (max-width:380px){
.page-hero .banner.banner--page-hero{ max-height:min(72vw, 240px); }
}
body.app-page .page-hero .banner.banner--page-hero,
body.bonus-page .page-hero .banner.banner--page-hero{
aspect-ratio:auto;
max-height:none;
object-fit:contain;
}
.page-hero__cta,
body.page-home .home-hero__cta{
margin:18px auto 6px;
text-align:center;
}
.page-hero__link:focus-visible,
.login-banner-block__link:focus-visible{
border-radius:0;
}
.login-flow{
position:relative;
}
.login-flow::after{
content:"";
display:table;
clear:both;
}
.login-banner-block{
float:right;
width:min(36%,340px);
margin:0 0 12px 20px;
}
.login-banner-block__link{
display:block;
border-radius:0;
overflow:visible;
}
.login-banner-block__img{
width:100%;
height:auto;
display:block;
max-height:min(46vh,300px);
object-fit:contain;
object-position:top center;
}
.login-banner-block__cta{
margin-top:10px;
}
.login-flow__side{
min-width:0;
}
.login-flow__full{
clear:both;
min-width:0;
padding-top:0.25rem;
}
body.acceso-page #login-guide .login-flow__side h2:first-of-type{
margin-top:0;
}
body.acceso-page #login-guide .login-flow__full > h2:first-child,
body.acceso-page #login-guide .login-flow__full > ol:first-child{
margin-top:0;
}
@media (max-width:860px){
.login-banner-block{
float:none;
width:min(340px,100%);
margin:0 auto 16px;
}
.login-flow__full{
clear:none;
padding-top:0;
}
}
.offers-panel__img--bono{
width:100%;
height:auto;
border-radius:12px;
display:block;
}
.offers-panel{
}
.offers-panel__head{
}
.offers-panel__head::after{
}
.offers-panel__title{
}
.offers-panel__title::before{
}
.offers-panel__close{
}
.offers-panel__close:hover{
}
.offers-panel__close:focus-visible{
}
.offers-panel__link:focus-visible{
}
.offers-panel__figure{
}
.offers-panel__foot{
}
.offers-panel__foot::before{
}
.offers-panel__hint::before{
}
.offers-backdrop.is-open{
}
.table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper,
body.games-page #games-guide .table-wrapper,
body.bonus-page .table-wrapper,
body.app-page .table-wrapper,
body.login-page .table-wrapper,
body.acceso-page .table-wrapper{
border-radius:10px !important;
}
@media (max-width:768px){
:is(.shell > main, main) .cta-center.cta-center--pair{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
width:100%;
max-width:100%;
margin-top:20px;
padding:0;
}
:is(.shell > main, main) .cta-center.cta-center--pair .pulse-btn{
width:100% !important;
max-width:100% !important;
min-width:0;
min-height:42px !important;
padding:10px 12px !important;
font-size:12px !important;
letter-spacing:.05em !important;
white-space:nowrap;
text-align:center;
justify-content:center;
}
}
@media (max-width:480px){
:is(.shell > main, main) .cta-center.cta-center--pair{
gap:10px;
}
:is(.shell > main, main) .cta-center.cta-center--pair .pulse-btn{
min-height:40px !important;
padding:9px 10px !important;
font-size:11px !important;
}
}
@media (max-width:360px){
:is(.shell > main, main) .cta-center.cta-center--pair .pulse-btn{
font-size:10px !important;
padding:8px 6px !important;
letter-spacing:.03em !important;
}
}
@media (max-width:768px){
.table-wrapper:not(.table-wrapper--cards) table:has(thead){
width:max-content !important;
min-width:100%;
table-layout:auto !important;
}
.table-wrapper--scroll table,
.table-wrapper:not(.table-wrapper--cards) table:has(thead tr > :nth-child(5)){
width:max-content !important;
min-width:100%;
table-layout:auto !important;
}
.table-wrapper--cards table{
display:block !important;
width:100% !important;
min-width:0 !important;
table-layout:auto !important;
}
.table-wrapper table:has(thead) :is(th,td){
padding:10px 12px !important;
font-size:13px !important;
line-height:1.45 !important;
word-break:break-word;
hyphens:auto;
vertical-align:top !important;
}
.table-wrapper table:has(thead) thead th{
font-size:12px !important;
white-space:nowrap;
}
.table-wrapper:not(.table-wrapper--cards) table:has(thead) tbody th[scope="row"]{
min-width:96px;
max-width:130px;
}
.table-wrapper:not(.table-wrapper--cards) table:has(thead) tbody td{
min-width:110px;
max-width:220px;
}
.table-wrapper table:not(:has(thead)){
width:100% !important;
min-width:0 !important;
table-layout:fixed !important;
}
.table-wrapper table:not(:has(thead)) :is(th,td){
padding:10px 12px !important;
font-size:13px !important;
line-height:1.45 !important;
word-break:break-word;
hyphens:auto;
}
.table-wrapper table:not(:has(thead)) tbody th[scope="row"]{
width:36% !important;
min-width:0 !important;
max-width:none !important;
font-size:12px !important;
}
.table-wrapper--cards thead{
display:none !important;
}
.table-wrapper--cards tbody{
display:block !important;
}
.table-wrapper--cards tbody tr{
display:block !important;
padding:14px 16px !important;
}
.table-wrapper--cards tbody tr:last-child{
}
.table-wrapper--cards tbody tr:hover{
}
.table-wrapper--cards tbody tr:hover th[scope="row"]{
}
.table-wrapper--cards tbody tr:hover td{
}
.table-wrapper--cards tbody th[scope="row"]{
display:block !important;
width:100% !important;
min-width:0 !important;
max-width:none !important;
padding:0 0 10px !important;
margin:0 0 10px !important;
font-size:14px !important;
}
.table-wrapper--cards tbody td{
display:block !important;
width:100% !important;
min-width:0 !important;
max-width:none !important;
padding:8px 0 !important;
font-size:13px !important;
font-weight:400 !important;
}
.table-wrapper--cards tbody td::before{
content:attr(data-label);
display:block;
font-weight:700;
font-size:11px;
letter-spacing:.04em;
text-transform:uppercase;
margin-bottom:4px;
}
.table-wrapper--cards tbody td + td{
margin-top:2px;
padding-top:10px !important;
}
}
:root{
--page-bg:#080c14;
--main-bg:#111927;
--main-text:#e4eaf4;
--main-heading:#ffffff;
--main-muted:#94a3b8;
--mx-green:#12a06e;
--mx-green-bright:#1fb87e;
--mx-red:#e63946;
--mx-red-deep:#c41e3a;
--primary:#12a06e;
--primary-mid:#1fb87e;
--primary-dark:#0d7a52;
--primary-glow:rgba(18, 160, 110, 0.32);
--secondary:#a855f7;
--secondary-light:#c084fc;
--accent-blue:#1b3d81;
--accent-blue-strong:#003366;
--hdr-bg-top:#0a101d;
--hdr-bg-bot:#080c14;
--sidebar-blue-top:#16202c;
--sidebar-blue-bot:#111927;
--line:rgba(31, 45, 68, 0.55);
--gold1:#1fb87e;
--gold2:#12a06e;
--gold3:#0d7a52;
--casea-btn-blue:
linear-gradient(180deg, rgba(255,255,255,.16) 0%, transparent 38%),
linear-gradient(180deg, #1fb87e 0%, #12a06e 42%, #0d7a52 62%, #065a3f 100%);
--casea-btn-gold:linear-gradient(160deg, #1fb87e 0%, #12a06e 35%, #0d7a52 70%, #065a3f 100%);
}
html,
body:before{
}
.shell > main,
:is(.shell > main, main){
}
header,
header.scrolled,
.site-footer{
}
.aside,
.drawer{
}
@media (min-width:993px){
.shell > .aside{
position:sticky;
top:calc(var(--hdrH, 72px) + 14px);
align-self:start;
z-index:2;
max-height:calc(100vh - var(--hdrH, 72px) - 28px);
overflow-y:auto;
}
}
.logo img,
header .logo img{
height:44px !important;
max-width:300px !important;
}
.ft-logo img,
.site-footer .ft-logo img{
height:38px !important;
max-width:260px !important;
}
.ft-btn{
font-size:13px !important;
font-weight:800 !important;
letter-spacing:.07em !important;
padding:12px 24px !important;
white-space:nowrap !important;
}
#updatedBox{
}
#updatedBox svg path{
}
.chip:hover,
.pulse-btn:hover,
.head .btn--reg:hover{
}
.table-wrapper table:has(thead) thead{
}
:root{
--chip-btn-face:linear-gradient(180deg, #364052 0%, #2e3747 55%, #283140 100%);
--chip-btn-hover:linear-gradient(180deg, #3d4a5c 0%, #344154 55%, #2e3747 100%);
--casea-btn-blue:var(--chip-btn-face) !important;
--casea-btn-gold:var(--chip-btn-face) !important;
--casea-btn-face:var(--chip-btn-face) !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn),
:where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta),
:where(.popular-games__media, .card .media) .game-play-btn{
border-radius:10px !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after,
:where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .head .btn, .hero-cta)::after,
:where(.popular-games__media, .card .media) .game-play-btn::after{
display:none !important;
content:none !important;
}
:where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .head .btn, .hero-cta)::before,
:where(.popular-games__media, .card .media) .game-play-btn::before{
display:none !important;
content:none !important;
}
@media (hover:hover){
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover,
:where(.pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .head .btn, .head .btn--reg, .hero-cta):hover,
:where(.popular-games__media, .card .media) .game-play-btn:hover{
}
}
.chip:hover,
.pulse-btn:hover,
.head .btn--reg:hover{
}
#updatedBox svg path{
}
.chip,
.shell .chips a.chip,
.shell .chips a.chip:link,
.shell .chips a.chip:visited,
.shell .chips a.chip:hover,
.shell .chips a.chip:active{
border-radius:10px !important;
transform:none !important;
transition:filter .15s ease, box-shadow .15s ease !important;
}
.chip::before,
.shell .chips a.chip::before{
inset:0 !important;
border-radius:10px !important;
}
.chip::after,
.shell .chips a.chip::after{
display:none !important;
content:none !important;
}
.chip-ico,
.chip-ico svg,
:is(.shell > main, main) .chip-ico,
:is(.chip-ico, .chip-ico svg){
}
.chip-txt,
:is(.shell > main, main) :is(.chip, .chip-txt),
.shell .chips a.chip .chip-txt{
}
@media (hover:hover){
.chip:hover,
.shell .chips a.chip:hover{
transform:none !important;
}
.chip:hover::before,
.shell .chips a.chip:hover::before{
}
}
.shell > main .chips,
.chips{
}
.aside,
.drawer{
}
.aside .nav a,
.drawer .nav a{
border-radius:10px !important;
transition:background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
transform:none !important;
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after{
display:none !important;
content:none !important;
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt,
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico{
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
transform:none !important;
}
.aside .nav a:hover,
.drawer .nav a:hover{
transform:none !important;
}
.aside .nav a.is-active,
.drawer .nav a.is-active{
transform:none !important;
}
.table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper,
body.games-page #games-guide .table-wrapper,
body.games-page .table-wrapper,
body.bonus-page .table-wrapper,
body.app-page .table-wrapper,
body.login-page .table-wrapper,
body.acceso-page .table-wrapper,
.table-wrapper--scroll,
.table-wrapper--cards{
border-radius:10px !important;
overflow:hidden !important;
}
.table-wrapper table,
.table-wrapper tbody,
.table-wrapper tr{
}
.table-wrapper table:has(thead) thead,
.table-wrapper thead{
}
.table-wrapper thead th{
font-weight:700 !important;
text-transform:none !important;
}
.table-wrapper :is(td, th){
vertical-align:middle !important;
}
.table-wrapper tbody tr{
}
.table-wrapper tbody tr > :is(th,td):first-child,
.table-wrapper tbody th[scope="row"]{
font-weight:700 !important;
}
.table-wrapper tbody tr > *:not(:first-child),
.table-wrapper tbody td{
font-weight:400 !important;
}
.table-wrapper tbody tr:hover > :first-child,
.table-wrapper tbody tr:hover th[scope="row"]{
}
.table-wrapper tbody tr:hover > td,
.table-wrapper tbody tr:hover > *:not(:first-child){
}
.table-wrapper tbody tr:last-child :is(td, th){
}
.table-wrapper--cards tbody tr{
}
.table-wrapper--cards tbody th[scope="row"]{
}
.popular-games__meta{
}
.popular-games__title,
:is(.shell > main, main) .popular-games__title{
font-weight:700 !important;
}
.card .info,
:is(.shell > main, main) a.card .info{
}
.card .info .title,
:is(.shell > main, main) a.card .info .title,
:is(.shell > main, main) .card .title{
font-weight:700 !important;
}
.card .info .vendor,
:is(.shell > main, main) a.card .info .vendor,
:is(.shell > main, main) .vendor{
}
.prov,
:is(.shell > main, main) a.prov{
border-radius:12px !important;
}
.prov:hover{
transform:translateY(-2px) !important;
}
.prov-name,
:is(.shell > main, main) .prov-name{
font-weight:800 !important;
letter-spacing:.04em !important;
}
.prov-media{
border-radius:10px !important;
}
.prov-media img{
}
body.page-home .home-hero .banner.banner--promo-hero{
}
body.page-home .frame.frame--home-hero::before{
display:none !important;
content:none !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){
border-radius:10px !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::before,
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn)::after{
display:none !important;
content:none !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover{
}
.offers-trigger:hover{
}
.offers-trigger:focus-visible{
}
body.page-home .page-title{
padding:0 !important;
}
body.page-home .page-title::before{
display:none !important;
content:none !important;
}
:is(#facts, #bonuses, #payments) .table-wrapper tbody th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody :is(td,th):first-child,
main .table-wrapper tbody th[scope="row"],
main .table-wrapper tbody :is(td,th):first-child,
main .legal-doc .table-wrapper tbody th[scope="row"],
main .legal-doc .table-wrapper tbody :is(td,th):first-child,
body.games-page .table-wrapper tbody th[scope="row"],
body.bonus-page .table-wrapper tbody th[scope="row"],
body.app-page .table-wrapper tbody th[scope="row"],
body.login-page .table-wrapper tbody th[scope="row"],
body.acceso-page .table-wrapper tbody th[scope="row"],
.table-wrapper--cards tbody th[scope="row"],
.table-wrapper--scroll tbody th[scope="row"],
.table-wrapper tbody th[scope="row"],
.table-wrapper tbody tr > :is(td,th):first-child{
font-weight:700 !important;
}
:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover :is(td,th):first-child,
main .table-wrapper tbody tr:hover th[scope="row"],
main .table-wrapper tbody tr:hover :is(td,th):first-child,
main .legal-doc .table-wrapper tbody tr:hover th[scope="row"],
main .legal-doc .table-wrapper tbody tr:hover :is(td,th):first-child,
body.games-page .table-wrapper tbody tr:hover th[scope="row"],
body.bonus-page .table-wrapper tbody tr:hover th[scope="row"],
body.app-page .table-wrapper tbody tr:hover th[scope="row"],
body.login-page .table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper--cards tbody tr:hover th[scope="row"],
.table-wrapper--scroll tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover > :is(td,th):first-child{
}
.shell > main > .section.intro.legal-doc,
.shell > main > .section.legal-doc{
max-width:var(--main-content-max);
margin-inline:auto;
width:100%;
}
:root{
--page-bg:#3c2f24;
--main-bg:#352b1e;
--main-text:#ffffff;
--main-heading:#ffffff;
--main-muted:#ffffff;
--hdr-bg-top:#3c2f24;
--hdr-bg-bot:#3c2f24;
--hdr-text:#ffffff;
--primary:#be7a2c;
--primary-mid:#c8873a;
--primary-dark:#a86d25;
--primary-glow:rgba(190,122,44,.35);
--secondary:#c49a6c;
--secondary-light:#e8d5b5;
--gold1:#d08a38;
--gold2:#be7a2c;
--gold3:#a86d25;
--chip-btn-face:linear-gradient(180deg, #d08a38 0%, #be7a2c 52%, #a86d25 100%);
--chip-btn-hover:linear-gradient(180deg, #db943f 0%, #c8873a 52%, #b97a2c 100%);
--casea-btn-blue:var(--chip-btn-face) !important;
--casea-btn-gold:var(--chip-btn-face) !important;
--casea-btn-face:var(--chip-btn-face) !important;
--table-label-bg:#3b2e25;
--table-value-bg:#241a13;
--table-hover-label:#443429;
--table-hover-value:#2e2219;
--table-border:rgba(255,255,255,.08);
--table-head-bg:#3b2e25;
}
html,
body:before{
}
.shell > main,
:is(.shell > main, main){
}
header,
header.scrolled{
}
.site-footer{
}
header .head,
header .head-nav__link,
header .head-search-ico,
header .burger,
header .offers-trigger{
}
header .burger{
}
.aside,
.drawer{
}
@media (min-width:993px){
.shell > .aside{
position:sticky !important;
top:calc(var(--hdrH, 74px) + 14px) !important;
align-self:start !important;
z-index:40 !important;
max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;
overflow-y:auto !important;
overscroll-behavior:contain !important;
}
}
.logo img,
header .logo img{
height:56px !important;
max-width:220px !important;
width:auto !important;
object-fit:contain !important;
}
.ft-logo img,
.site-footer .ft-logo img{
height:48px !important;
max-width:200px !important;
width:auto !important;
object-fit:contain !important;
}
.ft-btn{
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.08em !important;
padding:13px 26px !important;
white-space:nowrap !important;
min-height:44px !important;
}
.site-footer .ft-title,
.site-footer .ft-col a,
.site-footer .ft-bottom{
}
.site-footer .ft-col a:hover{
}
#updatedBox{
}
#updatedBox svg path{
}
.chip:hover,
.pulse-btn:hover,
.head .btn--reg:hover,
.head .btn--login:hover,
.ft-btn:hover{
}
.table-wrapper table:has(thead) thead{
}
.chips{
}
.chip::before,
.shell .chips a.chip::before{
}
.legal-doc .legal-note{
margin:0 0 1.25rem !important;
padding:0 !important;
border-radius:0 !important;
font-size:inherit;
line-height:1.65;
}
.home-hero__bar,
.app-hero__bar,
.bonus-hero__bar,
.app-hero__glow,
.bonus-hero__glow{
display:none !important;
}
.head-nav__link:hover{
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){
border-radius:10px !important;
}
@media (hover:hover){
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover,
:where(.popular-games__media, .card .media) .game-play-btn:hover{
}
}
:root{
--lizaro-bg-dark:#2b1d14;
--lizaro-bg-header:#3c2f24;
--lizaro-border-dark:#1a120c;
--table-label-bg:#3b2e25;
--table-value-bg:#241a13;
--table-hover-label:#443429;
--table-hover-value:#2e2219;
--table-border:rgba(255,255,255,.08);
--table-head-bg:#3b2e25;
}
html,
body:before{
}
header,
header.scrolled,
.site-footer{
}
.site-footer .ft-title,
.site-footer .ft-col a,
.site-footer .ft-bottom{
}
.site-footer .ft-col a:hover{
}
header .head-nav__link--active{
}
header .head .offers-trigger,
header .head .head-search-ico{
}
header .head .offers-trigger:hover,
header .head .head-search-ico:hover{
}
header .head .offers-trigger:focus-visible,
header .head .head-search-ico:focus-visible{
}
header .head .offers-trigger__ico{
}
header .head .head-search-ico svg,
header .head .head-search-ico svg path{
}
.aside,
.drawer{
border-radius:16px !important;
}
.aside .nav a,
.drawer .nav a{
border-radius:10px !important;
transform:none !important;
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after{
display:none !important;
content:none !important;
}
.aside .nav a:hover,
.drawer .nav a:hover{
transform:none !important;
}
.aside .nav a.is-active,
.drawer .nav a.is-active{
}
.chips,
main .chips,
.shell .chips{
border-radius:14px !important;
}
.table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .legal-doc .table-wrapper,
main .table-wrapper,
body.games-page .table-wrapper,
body.bonus-page .table-wrapper,
body.app-page .table-wrapper,
body.login-page .table-wrapper,
body.acceso-page .table-wrapper,
.table-wrapper--scroll,
.table-wrapper--cards{
border-radius:10px !important;
}
.table-wrapper :is(td, th){
}
.table-wrapper table:has(thead) thead,
.table-wrapper thead{
}
.table-wrapper thead th{
font-weight:700 !important;
}
.table-wrapper tbody tr{
}
.table-wrapper tbody tr > :is(th,td):first-child,
.table-wrapper tbody th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody :is(td,th):first-child,
main .table-wrapper tbody th[scope="row"],
main .table-wrapper tbody :is(td,th):first-child,
main .legal-doc .table-wrapper tbody th[scope="row"],
main .legal-doc .table-wrapper tbody :is(td,th):first-child,
body.games-page .table-wrapper tbody th[scope="row"],
body.bonus-page .table-wrapper tbody th[scope="row"],
body.app-page .table-wrapper tbody th[scope="row"],
body.login-page .table-wrapper tbody th[scope="row"],
body.acceso-page .table-wrapper tbody th[scope="row"],
.table-wrapper--cards tbody th[scope="row"],
.table-wrapper--scroll tbody th[scope="row"]{
font-weight:700 !important;
}
.table-wrapper tbody td,
.table-wrapper tbody tr > td:not(:first-child),
.table-wrapper tbody tr > *:not(:first-child){
font-weight:400 !important;
}
.table-wrapper tbody tr:hover > :first-child,
.table-wrapper tbody tr:hover th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper tbody tr:hover :is(td,th):first-child,
main .table-wrapper tbody tr:hover th[scope="row"],
main .table-wrapper tbody tr:hover :is(td,th):first-child,
main .legal-doc .table-wrapper tbody tr:hover th[scope="row"],
main .legal-doc .table-wrapper tbody tr:hover :is(td,th):first-child,
body.games-page .table-wrapper tbody tr:hover th[scope="row"],
body.bonus-page .table-wrapper tbody tr:hover th[scope="row"],
body.app-page .table-wrapper tbody tr:hover th[scope="row"],
body.login-page .table-wrapper tbody tr:hover th[scope="row"],
body.acceso-page .table-wrapper tbody tr:hover th[scope="row"]{
}
.table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover > td:not(:first-child),
.table-wrapper tbody tr:hover > *:not(:first-child){
}
.popular-games__meta,
.popular-games__media + .popular-games__meta,
.card .info,
:is(.shell > main, main) a.card .info{
}
.popular-games__title,
.card .info .title,
:is(.shell > main, main) a.card .info .title,
:is(.shell > main, main) .card .title{
}
.prov,
:is(.shell > main, main) a.prov{
padding:0 0 0 !important;
overflow:hidden !important;
}
.prov-media{
border-radius:10px 10px 0 0 !important;
}
.prov-name,
:is(.shell > main, main) .prov-name{
display:block !important;
width:100% !important;
margin:0 !important;
padding:10px 8px !important;
border-radius:0 0 10px 10px !important;
text-align:center !important;
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn){
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn):hover{
}
.shell > main .chips,
:is(.shell > main, main) .chips,
.chips,
main .chips,
.shell .chips{
}
@media (min-width:993px){
.shell > .aside{
position:sticky !important;
top:calc(var(--hdrH, 74px) + 14px) !important;
max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;
overflow-y:auto !important;
overscroll-behavior:contain !important;
}
}
body:not(.page-home) :is(.shell > main, main) > .page-title{
margin:0 0 12px !important;
padding-top:0 !important;
}
body:not(.page-home) :is(.shell > main, main) > .section.intro.legal-doc,
body:not(.page-home) :is(.shell > main, main) > .section.legal-doc{
padding-top:0 !important;
margin-top:0 !important;
}
body:not(.page-home) .app-landing{
padding-top:0 !important;
margin-top:0 !important;
}
body:not(.page-home) .legal-doc > .legal-note:first-child{
margin-top:0 !important;
}
body,
:is(.shell > main, main),
:is(.shell > main, main) :is(
.section,
p, li, td, dt, dd,
figcaption, blockquote,
.intro, address, label,
strong, em, small, span
),
:is(.shell > main, main) :is(h1, h2, h3, h4, h5, h6),
.legal-doc :is(h2, p, li, ol, ul, .legal-note, strong),
.intro p,
.section p,
.section li,
.table-wrapper :is(td, th),
.popular-games__title,
.prov-name,
a.card .info :is(.title, .vendor, p, span),
body.acceso-page .acceso-panel__copy :is(p, li, h2, h3, .acceso-panel__lead, .acceso-panel__p),
body.games-page #games-guide :is(p, li, h2),
body.app-page .app-guide :is(p, li, h2),
body.bonus-page :is(p, li, h2){
}
:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):not(.login-banner-block__link):not(.app-float-banner__link){
}
:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):not(.login-banner-block__link):not(.app-float-banner__link):hover{
}
.site-footer,
.site-footer :is(.ft-title, .ft-col a, .ft-bottom, p, li, span){
}
@media (hover:hover){
.chip:hover,
.shell .chips a.chip:hover,
main .chips a.chip:hover,
.chips a.chip:hover{
transform:none !important;
}
.chip:hover::before,
.shell .chips a.chip:hover::before,
main .chips a.chip:hover::before,
.chips a.chip:hover::before{
}
}
.table-wrapper tbody tr:nth-child(odd),
.table-wrapper tbody tr:nth-child(even),
#facts .table-wrapper tbody tr:nth-child(odd),
#facts .table-wrapper tbody tr:nth-child(even),
#bonuses .table-wrapper tbody tr:nth-child(odd),
#bonuses .table-wrapper tbody tr:nth-child(even),
#payments .table-wrapper tbody tr:nth-child(odd),
#payments .table-wrapper tbody tr:nth-child(even),
main .table-wrapper tbody tr:nth-child(odd),
main .table-wrapper tbody tr:nth-child(even),
main .legal-doc .table-wrapper tbody tr:nth-child(odd),
main .legal-doc .table-wrapper tbody tr:nth-child(even){
}
.table-wrapper tbody tr > :first-child,
.table-wrapper tbody th[scope="row"],
.table-wrapper thead th,
#facts .table-wrapper tbody th[scope="row"],
#facts .table-wrapper :is(td,th):first-child,
#bonuses .table-wrapper tbody th[scope="row"],
#bonuses .table-wrapper :is(td,th):first-child,
#payments .table-wrapper tbody th[scope="row"],
#payments .table-wrapper :is(td,th):first-child,
main .table-wrapper tbody th[scope="row"],
main .table-wrapper tbody :is(td,th):first-child,
main .legal-doc .table-wrapper tbody th[scope="row"],
main .legal-doc .table-wrapper tbody :is(td,th):first-child,
body.games-page .table-wrapper tbody th[scope="row"],
body.bonus-page .table-wrapper tbody th[scope="row"],
body.app-page .table-wrapper tbody th[scope="row"],
body.login-page .table-wrapper tbody th[scope="row"],
body.acceso-page .table-wrapper tbody th[scope="row"],
.table-wrapper--cards tbody th[scope="row"]{
font-weight:700 !important;
}
.table-wrapper tbody td,
.table-wrapper tbody tr > *:not(:first-child),
#facts .table-wrapper td,
#bonuses .table-wrapper td,
#payments .table-wrapper td,
main .table-wrapper tbody td,
main .legal-doc .table-wrapper tbody td{
font-weight:400 !important;
}
.table-wrapper tbody tr:hover > :first-child,
.table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover :is(td,th):first-child{
}
.table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover > *:not(:first-child){
}
:root{
--rainbet-page:#231811;
--rainbet-page-mid:#2a1d14;
--rainbet-main:#35261c;
--rainbet-hdr:#d4b896;
--rainbet-hdr-text:#2a1c12;
--rainbet-ft:#d4b896;
--rainbet-ft-text:#2a1c12;
--rainbet-gold:#be7a2c;
--lizaro-bg-dark:#231811;
--lizaro-bg-header:#d4b896;
--lizaro-border-dark:#1a120c;
--hdr-bg-top:#d4b896;
--hdr-bg-bot:#c9a882;
--hdr-text:#2a1c12;
--page-bg:#231811;
--main-bg:#35261c;
}
html,
body:before{
}
header,
header.scrolled{
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:100 !important;
}
header .head,
header .head-nav__link,
header .head-search-ico,
header .burger,
header .offers-trigger{
}
header .head-nav__link{
}
header .head-nav__link:hover,
header .head-nav__link--active{
}
header .burger{
}
header .offers-trigger{
}
.shell > main,
:is(.shell > main, main){
}
.site-footer{
}
.site-footer .ft-title,
.site-footer .ft-col a,
.site-footer .ft-bottom,
.site-footer .ft-col a:hover{
}
.site-footer .ft-col a:hover{
}
.ft-btn,
.site-footer .ft-btn,
a.ft-btn.pulse{
font-size:15px !important;
font-weight:800 !important;
letter-spacing:.1em !important;
padding:14px 28px !important;
min-height:48px !important;
}
.logo img,
header .logo img{
height:58px !important;
max-width:240px !important;
}
.ft-logo img,
.site-footer .ft-logo img{
height:52px !important;
max-width:210px !important;
}
.aside,
.drawer{
}
@media (min-width:993px){
.shell > .aside,
.aside{
position:sticky !important;
top:calc(var(--hdrH, 74px) + 14px) !important;
align-self:start !important;
z-index:2 !important;
max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;
overflow-y:auto !important;
overscroll-behavior:contain !important;
}
}
.chips,
.shell > main .chips,
:is(.shell > main, main) .chips{
}
.logo img,
header .logo img{
height:52px !important;
max-width:200px !important;
border-radius:8px !important;
}
.ft-logo img,
.site-footer .ft-logo img{
height:46px !important;
max-width:180px !important;
border-radius:8px !important;
}
:root{
--nine-page:#231811;
--nine-main:#35261c;
--nine-hdr:#d4b896;
--nine-hdr-text:#2a1c12;
--nine-ft:#d4b896;
--nine-ft-text:#2a1c12;
--nine-gold:#be7a2c;
--nine-btn:#be7a2c;
--nine-btn-mid:#d08a38;
--nine-btn-dark:#a86d25;
--hdr-bg-top:#d4b896;
--hdr-bg-bot:#c9a882;
--hdr-text:#2a1c12;
--page-bg:#231811;
--main-bg:#35261c;
--main-text:#e8dcc8;
--main-heading:#fff8ee;
--chip-btn-face:linear-gradient(180deg, #d08a38 0%, #be7a2c 52%, #a86d25 100%);
--chip-btn-hover:linear-gradient(180deg, #e09a48 0%, #d08a38 52%, #be7a2c 100%);
--primary:#be7a2c;
--primary-mid:#d08a38;
--primary-dark:#a86d25;
--lizaro-bg-dark:#231811;
--lizaro-bg-header:#d4b896;
--lizaro-border-dark:#1a120c;
--rainbet-hdr:#d4b896;
--rainbet-ft:#d4b896;
--rainbet-main:#35261c;
--rainbet-page:#231811;
}
:root{
--nine-page:#03050f;
--nine-page-deep:#010209;
--nine-main:#0a1438;
--nine-main-mid:#0c1740;
--nine-hdr:#060b1c;
--nine-ft:#060b1c;
--nine-orange:#b8732e;
--nine-orange-mid:#c9853a;
--nine-orange-dark:#9a5f24;
--hdr-bg-top:#060b1c;
--hdr-bg-bot:#03050f;
--hdr-text:#ffffff;
--page-bg:#03050f;
--main-bg:#0a1438;
--main-text:#ffffff;
--main-heading:#ffffff;
--primary:#b8732e;
--primary-mid:#c9853a;
--primary-dark:#9a5f24;
--chip-btn-face:linear-gradient(180deg, #c9853a 0%, #b8732e 52%, #9a5f24 100%);
--chip-btn-hover:linear-gradient(180deg, #d4924a 0%, #c9853a 52%, #b8732e 100%);
--table-label-bg:#0c1740;
--table-value-bg:#070f2a;
--table-hover-label:#102050;
--table-hover-value:#0c1740;
--table-head-bg:#0c1740;
--table-border:rgba(184,115,46,.28);
}
html,
body:before{
}
body{
}
header,
header.scrolled{
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:100 !important;
}
header .head,
header .head-nav__link,
header .head-search-ico,
header .burger,
header .offers-trigger{
}
header .head-nav__link:hover,
header .head-nav__link--active{
}
header .burger,
header .offers-trigger{
}
.shell > main,
:is(.shell > main, main){
}
:is(.shell > main, main) :is(p, li, td, th, dd, dt, span, label, .legal-note, .intro, a){
}
:is(.shell > main, main) :is(h1, h2, h3, h4, h5, h6, .page-title){
}
.site-footer{
}
.site-footer .ft-title,
.site-footer .ft-col a,
.site-footer .ft-bottom,
.site-footer .ft-col a:hover{
}
.aside,
.drawer{
}
.chips,
.shell > main .chips,
:is(.shell > main, main) .chips{
}
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn, .chip, a.ft-btn.pulse),
.head .btn--login,
.head .btn--reg,
.site-footer .ft-btn,
a.ft-btn.pulse{
}
.chip-txt,
.chip .chip-txt,
:is(.shell > main, main) :is(.chip, .chip-txt){
}
.chip::before,
.shell .chips a.chip::before{
}
@media (hover:hover){
:is(.head .btn, .pulse-btn, .vmore-btn, .ft-btn, .btn--login, .btn--reg, .hero-cta, .play, .game-play-btn, .chip):hover,
:where(.popular-games__media, .card .media) .game-play-btn:hover{
}
}
.aside .nav a,
.drawer .nav a,
.aside .nav a:hover,
.drawer .nav a:hover,
.aside .nav a.is-active,
.drawer .nav a.is-active{
border-radius:12px !important;
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt,
.aside .nav a .nav-ico,
.drawer .nav a .nav-ico,
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico,
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after,
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before,
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
display:none !important;
}
@media (hover:hover){
.aside .nav a:hover,
.drawer .nav a:hover{
}
}
.popular-games__title,
:is(.shell > main, main) .popular-games__title,
.card .title,
:is(.shell > main, main) .card .title,
.card .info .title,
.popular-games__meta .popular-games__title{
}
.popular-games__meta,
.card .info{
}
.prov,
:is(.shell > main, main) a.prov{
}
.prov:hover,
:is(.shell > main, main) a.prov:hover{
}
.prov-media{
}
.prov-name,
:is(.shell > main, main) .prov-name{
}
.logo img,
header .logo img{
height:48px !important;
max-width:220px !important;
border-radius:6px !important;
padding:0 !important;
box-sizing:content-box !important;
}
.ft-logo img,
.site-footer .ft-logo img{
height:42px !important;
max-width:200px !important;
border-radius:6px !important;
padding:0 !important;
box-sizing:content-box !important;
}
@media (max-width:520px){
.logo img, header .logo img{ height:42px !important; max-width:170px !important; }
}
@media (max-width:390px){
.logo img, header .logo img{ height:36px !important; max-width:150px !important; }
}
.ft-btn,
.site-footer .ft-btn,
a.ft-btn.pulse{
font-size:15px !important;
font-weight:800 !important;
letter-spacing:.1em !important;
padding:14px 28px !important;
min-height:48px !important;
}
#updatedBox{
}
#updatedBox svg path{
}
.table-wrapper table:has(thead) thead,
:root{
--table-label-bg:#0d0d0d;
--table-value-bg:#0d0d0d;
--table-hover-label:#141414;
--table-hover-value:#141414;
--table-head-bg:#0d0d0d;
--table-border:rgba(0,0,0,.28);
}
@media (min-width:993px){
.shell{
overflow:visible !important;
}
.shell > .aside-spacer{
grid-column:1;
grid-row:1;
width:100%;
max-width:260px;
pointer-events:none;
}
.shell > .aside,
.aside,
.shell > .aside.aside--pinned,
.aside.aside--pinned{
position:sticky !important;
top:calc(var(--hdrH, 74px) + 14px) !important;
align-self:start !important;
z-index:40 !important;
width:100% !important;
max-width:260px !important;
max-height:calc(100vh - (var(--hdrH, 74px) + 28px)) !important;
overflow-x:hidden !important;
overflow-y:auto !important;
overscroll-behavior:contain !important;
}
}
html, body{
}
body:before{
}
header,
header.scrolled{
}
.site-footer{
--ft-bg0:#1a1a1a !important;
--ft-bg1:#1a1a1a !important;
}
.shell > main,
main{
}
main p, main li, main td, main th, main span, main a,
.page-title, .shell > main .section h2, .shell > main .section h3{
}
main a:hover{ }
.aside,
.shell > .aside{
}
.aside .nav a::after,
.drawer .nav a::after{
}
.aside .nav a::before,
.drawer .nav a::before{
}
.aside .nav a,
.drawer .nav a{
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt,
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
}
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico{
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico{
}
.btn--login,
.btn--reg,
.pulse-btn,
.vmore-btn,
.ft-btn,
.head .btn--login,
.head .btn--reg{
}
.btn--login::after,
.btn--reg::after,
.pulse-btn::after,
.vmore-btn::after,
.ft-btn::after{
}
.chip{
}
.chip-txt, .chip-ico, .chip-ico svg{ }
.table-wrapper,
.table-wrapper--cards,
.table-wrapper--scroll{
border-radius:0 !important;
overflow:hidden !important;
}
table,
.table-wrapper table,
:is(#facts, #bonuses, #payments) table{
border-collapse:collapse !important;
}
table thead,
.table-wrapper table thead{
}
table th,
table td,
table tbody th,
table tbody td,
:is(#facts, #bonuses) td,
:is(#facts, #bonuses) tbody th[scope="row"],
:is(#facts, #bonuses) tbody td,
#payments table th,
#payments table tbody td{
}
table tbody tr:hover,
table tbody tr:nth-child(even),
table tbody tr:hover td,
table tbody tr:hover th{
}
.drawer{
}
.dhead, .offers-panel, .offers-panel__head{
}
.head-nav__link{ }
.head-nav__link--active,
.head-nav__link:hover{
}
#updatedBox{
}
#updatedBox svg path{ }
:root{
--chip-btn-face:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
--chip-btn-hover:linear-gradient(180deg, #FFD0A8 0%, #FFC08F 52%, #FFB07A 100%) !important;
--casea-btn-blue:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
--casea-btn-gold:linear-gradient(180deg, #FFD0A8 0%, #FFB07A 40%, #E89A6A 100%) !important;
--casea-btn-face:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
}
.head .offers-trigger,
header .offers-trigger,
.offers-trigger,
.head .head-search-ico,
header .head-search-ico,
.head-search-ico,
.head .burger,
header .burger,
.burger{
}
.head .offers-trigger:hover,
.offers-trigger:hover,
.head .head-search-ico:hover,
.head-search-ico:hover,
.head .burger:hover{
}
.head .offers-trigger__ico,
.offers-trigger__ico{
}
.head .head-search-ico svg,
.head-search-ico svg,
.head .head-search-ico svg path,
.head-search-ico svg path{
}
:is(.head .btn, .head .btn--login, .head .btn--reg, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn),
.head .btn--login,
.head .btn--reg{
border-radius:10px !important;
}
:is(.head .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn)::before,
:is(.head .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn)::after{
display:none !important;
content:none !important;
}
.table-wrapper,
.table-wrapper--cards,
.table-wrapper--scroll,
:is(#facts, #bonuses, #payments) .table-wrapper{
border-radius:0 !important;
overflow:visible !important;
padding:0 !important;
}
.table-wrapper table,
:is(#facts, #bonuses, #payments) table,
table{
width:100% !important;
border-collapse:collapse !important;
border-spacing:0 !important;
empty-cells:show !important;
}
.table-wrapper th,
.table-wrapper td,
.table-wrapper tbody th,
.table-wrapper tbody td,
:is(#facts, #bonuses) td,
:is(#facts, #bonuses) tbody th[scope="row"],
:is(#facts, #bonuses) tbody td,
#payments table th,
#payments table td,
table th,
table td{
}
:is(#facts, #bonuses) tr:last-child td,
:is(#facts, #bonuses) tr:last-child th,
table tbody tr:last-child td,
table tbody tr:last-child th{
}
:root{
--chip-green-face:linear-gradient(180deg, #FFC08F 0%, #FFB07A 52%, #E89A6A 100%) !important;
--chip-green-frame:#E89A6A !important;
}
.chips,
.shell .chips{
}
.chip,
.shell .chips a.chip,
a.chip{
}
.chip::after,
.shell .chips a.chip::after,
a.chip::after{
}
.chip::before,
.shell .chips a.chip::before,
a.chip::before{
}
.chip:link,
.chip:visited,
.chip:hover,
.chip:active,
.chip:focus-visible,
.chip .chip-txt,
.chip-txt,
.shell .chips a.chip .chip-txt,
.chip-ico,
.chip-ico svg,
:is(.chip-ico, .chip-ico svg){
}
.aside,
.shell > .aside,
.drawer{
}
.aside .nav a::after,
.drawer .nav a::after,
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before,
.aside .nav a:hover::before,
.drawer .nav a:hover::before{
}
.aside .nav a,
.drawer .nav a,
.aside .nav a.is-active,
.drawer .nav a.is-active,
.aside .nav a:hover,
.drawer .nav a:hover{
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt,
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
}
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico,
.aside .nav a:hover svg.nav-ico,
.drawer .nav a:hover svg.nav-ico{
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico,
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico{
}
:root{
--table-label-bg:#007E6E !important;
--table-value-bg:#007E6E !important;
--table-hover-label:#006A5C !important;
--table-hover-value:#006A5C !important;
--table-head-bg:#006A5C !important;
--table-border:rgba(0,0,0,.28) !important;
}
.table-wrapper,
.table-wrapper--cards,
.table-wrapper--scroll,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .table-wrapper,
main .legal-doc .table-wrapper{
border-radius:12px !important;
padding:0 !important;
overflow:hidden !important;
}
.table-wrapper table,
.table-wrapper--cards table,
.table-wrapper--scroll table,
#facts table,
#bonuses table,
#payments table,
main .table-wrapper table,
main .legal-doc .table-wrapper table{
width:100% !important;
max-width:100% !important;
border-collapse:collapse !important;
border-spacing:0 !important;
margin:0 !important;
empty-cells:show !important;
}
.table-wrapper--cards,
.table-wrapper--cards table,
.table-wrapper--cards thead,
.table-wrapper--cards tbody,
.table-wrapper--cards tr,
.table-wrapper--cards th,
.table-wrapper--cards td{
display:revert !important;
}
.table-wrapper--cards tbody td::before{
content:none !important;
display:none !important;
}
.table-wrapper th,
.table-wrapper td,
.table-wrapper thead th,
.table-wrapper tbody th,
.table-wrapper tbody td,
.table-wrapper--cards th,
.table-wrapper--cards td,
#facts .table-wrapper th,
#facts .table-wrapper td,
#bonuses .table-wrapper th,
#bonuses .table-wrapper td,
#payments .table-wrapper th,
#payments .table-wrapper td,
main .table-wrapper th,
main .table-wrapper td,
main .legal-doc .table-wrapper th,
main .legal-doc .table-wrapper td,
#facts .table-wrapper :is(td,th),
#bonuses .table-wrapper :is(td,th),
#payments .table-wrapper :is(td,th),
main .table-wrapper :is(td,th),
main .legal-doc .table-wrapper :is(td,th){
}
.table-wrapper tbody tr,
.table-wrapper tbody tr:nth-child(even),
.table-wrapper tbody tr:hover,
.table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover th,
#facts .table-wrapper tbody tr:hover :is(td,th),
#bonuses .table-wrapper tbody tr:hover :is(td,th),
#payments .table-wrapper tbody tr:hover :is(td,th){
}
.table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover th,
#facts .table-wrapper tbody tr:hover :is(td,th),
#bonuses .table-wrapper tbody tr:hover :is(td,th),
#payments .table-wrapper tbody tr:hover :is(td,th){
}
.table-wrapper tbody tr:last-child td,
.table-wrapper tbody tr:last-child th,
.table-wrapper tbody tr:last-child :is(td,th),
#facts .table-wrapper tbody tr:last-child :is(td,th),
#bonuses .table-wrapper tbody tr:last-child :is(td,th),
#payments .table-wrapper tbody tr:last-child :is(td,th),
main .table-wrapper tbody tr:last-child :is(td,th),
main .legal-doc .table-wrapper tbody tr:last-child :is(td,th){
}
:is(#facts, #bonuses, #payments) .table-wrapper tbody th[scope="row"],
:is(#facts, #bonuses, #payments) .table-wrapper :is(td,th):first-child{
font-weight:700 !important;
}
@media (max-width:768px){
.table-wrapper--cards thead{ display:table-header-group !important; }
.table-wrapper--cards tbody{ display:table-row-group !important; }
.table-wrapper--cards tbody tr{ display:table-row !important; padding:0 !important; }
.table-wrapper--cards tbody th[scope="row"],
.table-wrapper--cards tbody td{
display:table-cell !important;
width:auto !important;
padding:10px 12px !important;
}
}
.offers-panel,
.offers-panel__head,
.offers-panel__body,
.offers-panel__figure,
.offers-panel__foot{
}
.offers-panel{
}
.offers-panel__head{
}
.offers-panel__head::after{
}
.offers-panel__title{
}
.offers-panel__title::before{
}
.offers-panel__close{
}
.offers-panel__close:hover{
}
.offers-panel__figure{
}
.offers-panel__foot{
}
.offers-panel__foot::before{
}
.offers-panel__hint{
}
.offers-panel__hint::before{
}
.offers-backdrop.is-open{
}
@media (min-width:993px){
.shell > .aside,
.aside,
.shell > .aside.aside--pinned,
.aside.aside--pinned{
position:sticky !important;
top:calc(var(--hdrH, 74px) + 14px) !important;
align-self:start !important;
max-height:none !important;
overflow-x:hidden !important;
overflow-y:visible !important;
overscroll-behavior:none !important;
}
.aside .nav,
.shell > .aside .nav{
overflow:visible !important;
}
}
header,
header.scrolled{
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
z-index:1000 !important;
width:100% !important;
}
header .logo img,
.logo img{
height:48px !important;
max-width:260px !important;
width:auto !important;
object-fit:contain !important;
}
.ft-logo img{
height:44px !important;
max-width:240px !important;
width:auto !important;
object-fit:contain !important;
}
@media (max-width:520px){
header .logo img,
.logo img{ height:40px !important; max-width:200px !important; }
}
@media (max-width:390px){
header .logo img,
.logo img{ height:34px !important; max-width:170px !important; }
}
.site-footer .ft-btn,
.ft-btn.pulse,
.ft-btn{
font-size:15px !important;
font-weight:800 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
padding:12px 22px !important;
min-height:46px !important;
line-height:1.2 !important;
white-space:nowrap !important;
}
@media (min-width:993px){
.shell{
overflow:visible !important;
}
.shell > .aside,
.aside,
.shell > .aside.aside--pinned,
.aside.aside--pinned{
position:sticky !important;
top:calc(var(--hdrH, 74px) + 14px) !important;
z-index:40 !important;
width:100% !important;
max-width:260px !important;
max-height:none !important;
overflow-x:hidden !important;
overflow-y:visible !important;
overscroll-behavior:none !important;
align-self:start !important;
}
}
:root{
--cresus-teal:#007E6E;
--cresus-teal-deep:#006A5C;
--hdr-bg-top:#007E6E;
--hdr-bg-bot:#007E6E;
--lizaro-bg-header:#007E6E;
}
header,
header.scrolled,
.site-footer{
--ft-bg0:#007E6E !important;
--ft-bg1:#007E6E !important;
}
.site-footer{
}
header .logo img,
.logo img{
height:44px !important;
max-width:220px !important;
width:auto !important;
object-fit:contain !important;
}
.ft-logo img,
.site-footer .ft-logo img{
height:40px !important;
max-width:200px !important;
width:auto !important;
object-fit:contain !important;
}
@media (max-width:520px){
header .logo img,
.logo img{ height:36px !important; max-width:180px !important; }
}
@media (max-width:390px){
header .logo img,
.logo img{ height:32px !important; max-width:150px !important; }
}
header .head-nav__link,
header .burger,
header .offers-trigger,
header .head-search-ico{
}
header .head-nav__link:hover,
header .head-nav__link--active{
}
.site-footer .ft-title,
.site-footer .ft-col a,
.site-footer .ft-bottom,
.site-footer a{
}
.site-footer .ft-col a:hover{
}
:root{
--cresus-page:#00A18C;
--cresus-deep:#007E6E;
--cresus-orange:#FFB07A;
--cresus-orange-deep:#E89A6A;
--cresus-orange-soft:#FFC08F;
--cresus-on-orange:#2a1a10;
--page-bg:#00A18C;
--main-bg:#00A18C;
--primary:#FFB07A;
--primary-mid:#FFC08F;
--primary-dark:#E89A6A;
--mx-green:#FFB07A;
--mx-green-bright:#FFC08F;
--secondary:#FFB07A;
--on-lime:#2a1a10;
--sidebar-pill:#FFB07A;
--sidebar-pill-hover:#FFC08F;
--table-border:rgba(0,0,0,.22);
--table-label-bg:#007E6E;
--table-value-bg:#007E6E;
--table-hover-label:#006A5C;
--table-hover-value:#006A5C;
--table-head-bg:#006A5C;
--mx-red:#007E6E;
--accent-pink:#007E6E;
--line:rgba(0,0,0,.22);
}
html, body{
}
body:before{
}
.shell > main,
main,
.shell{
}
main p, main li, main td, main th, main span,
.page-title, .shell > main .section h2, .shell > main .section h3{
}
main a{ }
main a:hover{ }
.aside,
.shell > .aside,
.drawer,
.drawer .dnav{
}
.aside .nav a,
.drawer .nav a{
border-radius:999px !important;
}
.aside .nav a .nav-txt,
.drawer .nav a .nav-txt,
.aside .nav a.is-active .nav-txt,
.drawer .nav a.is-active .nav-txt{
}
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after,
.aside .nav a.is-active::before,
.drawer .nav a.is-active::after,
.aside .nav a.is-active::after,
.drawer .nav a.is-active::before{
display:none !important;
}
.aside .nav a:hover,
.drawer .nav a:hover,
.aside .nav a.is-active,
.drawer .nav a.is-active{
transform:none !important;
}
.aside .nav .sep,
.drawer .nav .sep{
}
.drawer .dhead,
.drawer .dclose,
.drawer .dclose__label{
}
.btn--login,
.btn--reg,
.pulse-btn,
.vmore-btn,
.hero-cta,
.ft-btn,
.ft-btn.pulse,
.site-footer .ft-btn,
.head .btn--login,
.head .btn--reg,
header .btn--login,
header .btn--reg{
}
.btn--login:hover,
.btn--reg:hover,
.pulse-btn:hover,
.vmore-btn:hover,
.ft-btn:hover,
.head .btn--login:hover,
.head .btn--reg:hover,
header .btn--login:hover,
header .btn--reg:hover{
}
.btn--reg::before,
.pulse-btn::before,
.ft-btn::before,
.pulse-btn::after,
.ft-btn::after{
display:none !important;
}
.game-play-btn,
:is(.popular-games__media, .card .media) .game-play-btn{
}
:is(.popular-games__media, .card .media) .game-play-btn::before,
:is(.popular-games__media, .card .media) .game-play-btn::after{
display:none !important;
}
.chips .chip,
.chip{
}
.chip:hover{
}
.chip-txt,
.chip-ico,
.chip-ico svg{
}
:root{
--table-border:rgba(0,0,0,.22) !important;
--table-label-bg:#007E6E !important;
--table-value-bg:#007E6E !important;
--table-hover-label:#006A5C !important;
--table-hover-value:#006A5C !important;
--table-head-bg:#006A5C !important;
}
.table-wrapper,
.table-wrapper--cards,
main table,
.shell > main table,
.shell > main .table-wrapper,
.shell > main .table-wrapper--cards{
border-radius:12px !important;
overflow:hidden !important;
}
main table th,
main table td,
.table-wrapper th,
.table-wrapper td,
.shell > main table th,
.shell > main table td,
.table-wrapper--cards th,
.table-wrapper--cards td{
}
main table tr:nth-child(even) th,
main table tr:nth-child(even) td,
main table tr:hover th,
main table tr:hover td,
.table-wrapper tr:nth-child(even) th,
.table-wrapper tr:nth-child(even) td,
.table-wrapper tr:hover th,
.table-wrapper tr:hover td{
}
.table-wrapper--cards thead th,
.table-wrapper thead th{
}
.table-wrapper,
.table-wrapper--cards,
main table,
main table th,
main table td,
.shell > main table,
.shell > main table th,
.shell > main table td{
}
.shell > main .table-wrapper::before,
.shell > main .table-wrapper::after,
.table-wrapper::before,
.table-wrapper::after,
main table::before,
main table::after{
display:none !important;
}
.popular-games__meta,
.popular-games__card .popular-games__meta,
.card .info,
:is(.shell > main, main) a.card .info{
}
.popular-games__title,
:is(.shell > main, main) .popular-games__title,
.card .info .title,
:is(.shell > main, main) a.card .info .title,
.card .info .vendor,
:is(.shell > main, main) a.card .info .vendor,
.card .info :is(p, span){
}
.frame,
.banner-wrap,
.popular-games__card,
.card,
.prov,
.offers-panel,
.login-banner-block{
}
#updatedBox{
}
.shell > main .table-wrapper,
.shell > main .table-wrapper--cards,
.shell > main table,
main .table-wrapper,
main .table-wrapper--cards,
main table{
--table-border:rgba(0,0,0,.2) !important;
}
.shell > main table th,
.shell > main table td,
main table th,
main table td,
.table-wrapper th,
.table-wrapper td,
.table-wrapper--cards th,
.table-wrapper--cards td{
}
.shell > main table tr + tr th,
.shell > main table tr + tr td,
main table tr + tr th,
main table tr + tr td{
}
.aside .nav a,
.drawer .nav a,
.btn--login,
.btn--reg,
.pulse-btn,
.vmore-btn,
.ft-btn,
.game-play-btn,
.popular-games__meta,
.card .info{
}
.chips,
.shell .chips{
}
.chip,
.shell .chips a.chip,
a.chip{
}
.chip::before,
.chip::after,
.shell .chips a.chip::before,
.shell .chips a.chip::after,
a.chip::before,
a.chip::after{
display:none !important;
content:none !important;
}
.chip .chip-txt,
.chip .chip-ico,
.chip .chip-ico svg,
.shell .chips a.chip .chip-txt{
}
:is(#facts, #bonuses, #payments) table,
:is(#facts, #bonuses, #payments) .table-wrapper,
#facts table,
#facts .table-wrapper{
}
:is(#facts, #bonuses) tbody th,
:is(#facts, #bonuses) tbody td,
#payments table th,
#payments table td,
#facts table th,
#facts table td,
table th,
table td{
}
:is(#facts, #bonuses) tr:nth-child(even) th,
:is(#facts, #bonuses) tr:nth-child(even) td,
#facts tr:nth-child(even) th,
#facts tr:nth-child(even) td{
}
:root{
--table-border:rgba(0,0,0,.22) !important;
--table-label-bg:#007E6E !important;
--table-value-bg:#007E6E !important;
--table-hover-label:#006A5C !important;
--table-hover-value:#006A5C !important;
--table-head-bg:#006A5C !important;
}
.aside,
.shell > .aside,
.drawer,
.drawer .dnav{
}
.aside .nav a,
.drawer .nav a,
.aside .nav a:hover,
.drawer .nav a:hover,
.aside .nav a.is-active,
.drawer .nav a.is-active,
.aside .nav a:focus-visible,
.drawer .nav a:focus-visible{
border-radius:999px !important;
transform:none !important;
transition:background-color .15s ease !important;
margin:0 !important;
}
.aside .nav a:hover,
.drawer .nav a:hover,
.aside .nav a.is-active,
.drawer .nav a.is-active{
transform:none !important;
}
.aside .nav a::before,
.drawer .nav a::before,
.aside .nav a::after,
.drawer .nav a::after,
.aside .nav a:hover::before,
.drawer .nav a:hover::before,
.aside .nav a:hover::after,
.drawer .nav a:hover::after,
.aside .nav a.is-active::before,
.drawer .nav a.is-active::before,
.aside .nav a.is-active::after,
.drawer .nav a.is-active::after{
content:none !important;
display:none !important;
width:0 !important;
height:0 !important;
transform:none !important;
}
.chips,
.shell .chips{
}
.chip,
.shell .chips a.chip,
a.chip,
.chip:hover,
.chip:focus-visible{
transform:none !important;
}
.chip::before,
.chip::after,
.shell .chips a.chip::before,
.shell .chips a.chip::after,
a.chip::before,
a.chip::after{
content:none !important;
display:none !important;
}
.chip .chip-txt,
.chip .chip-ico,
.chip .chip-ico svg,
.chip:hover .chip-txt,
.chip:hover .chip-ico{
}
.table-wrapper,
.table-wrapper--cards,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
main .table-wrapper,
main table,
.shell > main table{
}
.table-wrapper th,
.table-wrapper td,
.table-wrapper tbody th,
.table-wrapper tbody td,
#facts table th,
#facts table td,
#bonuses table th,
#bonuses table td,
#payments table th,
#payments table td,
main table th,
main table td,
table th,
table td,
.table-wrapper tbody tr:hover th,
.table-wrapper tbody tr:hover td,
#facts .table-wrapper tbody tr:hover th,
#facts .table-wrapper tbody tr:hover td,
#facts .table-wrapper tbody tr:hover :is(td,th):first-child,
#facts .table-wrapper tbody tr:hover th[scope="row"],
#facts .table-wrapper tbody tr:hover > *:not(:first-child),
#bonuses .table-wrapper tbody tr:hover th,
#bonuses .table-wrapper tbody tr:hover td,
#bonuses .table-wrapper tbody tr:hover :is(td,th):first-child,
#bonuses .table-wrapper tbody tr:hover th[scope="row"],
#payments .table-wrapper tbody tr:hover th,
#payments .table-wrapper tbody tr:hover td,
#payments .table-wrapper tbody tr:hover :is(td,th):first-child,
#payments .table-wrapper tbody tr:hover th[scope="row"],
main .table-wrapper tbody tr:hover th,
main .table-wrapper tbody tr:hover td,
main .table-wrapper tbody tr:hover :is(td,th):first-child,
main .table-wrapper tbody tr:hover th[scope="row"],
main .table-wrapper tbody tr:hover > *:not(:first-child),
.table-wrapper tbody tr:hover :is(td,th):first-child,
.table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover > *:not(:first-child),
:is(#facts, #bonuses) tr:last-child td,
:is(#facts, #bonuses) tr:last-child th,
table tbody tr:last-child td,
table tbody tr:last-child th{
}
#facts .table-wrapper tbody tr:hover th,
#facts .table-wrapper tbody tr:hover td,
#bonuses .table-wrapper tbody tr:hover th,
#bonuses .table-wrapper tbody tr:hover td,
#payments .table-wrapper tbody tr:hover th,
#payments .table-wrapper tbody tr:hover td,
main .table-wrapper tbody tr:hover th,
main .table-wrapper tbody tr:hover td,
.table-wrapper tbody tr:hover th,
.table-wrapper tbody tr:hover td{
}
.chips,
.shell .chips{
}
.chip,
.shell .chips a.chip,
a.chip,
.chip:link,
.chip:visited,
.chip:hover,
.chip:active,
.chip:focus-visible{
}
.chip::before,
.chip::after,
.shell .chips a.chip::before,
.shell .chips a.chip::after,
a.chip::before,
a.chip::after{
content:none !important;
display:none !important;
}
.chip .chip-txt,
.chip .chip-ico,
.chip .chip-ico svg,
.chip:hover .chip-txt,
.chip:hover .chip-ico,
.chip:hover .chip-ico svg{
}
.table-wrapper :is(th,td),
.table-wrapper--cards :is(th,td),
#facts .table-wrapper :is(th,td),
#bonuses .table-wrapper :is(th,td),
#payments .table-wrapper :is(th,td),
main .table-wrapper :is(th,td),
main table :is(th,td),
table :is(th,td){
}
:root{
--chip-btn-face:#007E6E !important;
--chip-btn-hover:#006A5C !important;
--chip-green-face:#007E6E !important;
--chip-green-frame:#005F52 !important;
}
.chips,
.shell .chips,
main .chips,
.shell > main .chips{
border-radius:999px !important;
padding:10px 14px !important;
}
.chip,
a.chip,
.shell .chips a.chip,
main .chips a.chip,
.shell .chips a.chip:link,
.shell .chips a.chip:visited,
.shell .chips a.chip:hover,
.shell .chips a.chip:active,
.shell .chips a.chip:focus-visible,
.chip:link,
.chip:visited,
.chip:hover,
.chip:active,
.chip:focus-visible{
border-radius:999px !important;
transform:none !important;
}
.chip::after,
a.chip::after,
.shell .chips a.chip::after,
main .chips a.chip::after{
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
visibility:visible !important;
width:auto !important;
height:auto !important;
border-radius:inherit !important;
z-index:-2 !important;
pointer-events:none !important;
}
.chip::before,
a.chip::before,
.shell .chips a.chip::before,
main .chips a.chip::before{
content:"" !important;
display:block !important;
position:absolute !important;
inset:2px !important;
visibility:visible !important;
width:auto !important;
height:auto !important;
border-radius:inherit !important;
z-index:-1 !important;
pointer-events:none !important;
}
@media (hover:hover){
.chip:hover,
a.chip:hover,
.shell .chips a.chip:hover,
main .chips a.chip:hover{
transform:none !important;
}
.chip:hover::before,
.shell .chips a.chip:hover::before{
}
.chip:hover::after,
.shell .chips a.chip:hover::after{
}
}
.chip .chip-txt,
.chip .chip-ico,
.chip .chip-ico svg,
.shell .chips a.chip .chip-txt,
.shell .chips a.chip .chip-ico,
.shell .chips a.chip .chip-ico svg,
.chip:hover .chip-txt,
.chip:hover .chip-ico,
.chip:hover .chip-ico svg,
.shell .chips a.chip:hover .chip-txt,
.shell .chips a.chip:hover .chip-ico,
.shell .chips a.chip:hover .chip-ico svg{
position:relative !important;
z-index:1 !important;
}
:root{
--table-label-bg:#007E6E !important;
--table-value-bg:#007E6E !important;
--table-hover-label:#006A5C !important;
--table-hover-value:#006A5C !important;
--table-head-bg:#006A5C !important;
--table-border:rgba(0,0,0,.28) !important;
}
.table-wrapper,
.table-wrapper--cards,
.table-wrapper--scroll,
.shell .table-wrapper,
.shell .table-wrapper--cards,
main .table-wrapper,
main .table-wrapper--cards,
main .legal-doc .table-wrapper,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper,
.acceso-page .table-wrapper,
.bonus-landing .table-wrapper{
border-radius:14px !important;
overflow:hidden !important;
padding:0 !important;
}
.table-wrapper table,
.table-wrapper--cards table,
.table-wrapper--scroll table,
main .table-wrapper table,
main .legal-doc .table-wrapper table,
#facts table,
#bonuses table,
#payments table,
main table,
.shell > main table,
body table{
width:100% !important;
border-collapse:collapse !important;
border-spacing:0 !important;
}
.table-wrapper :is(th,td),
.table-wrapper--cards :is(th,td),
.table-wrapper thead th,
.table-wrapper tbody th,
.table-wrapper tbody td,
main .table-wrapper :is(th,td),
main .legal-doc .table-wrapper :is(th,td),
#facts .table-wrapper :is(th,td),
#bonuses .table-wrapper :is(th,td),
#payments .table-wrapper :is(th,td),
#facts table :is(th,td),
#bonuses table :is(th,td),
#payments table :is(th,td),
main table :is(th,td),
.shell > main table :is(th,td),
body table :is(th,td),
table :is(th,td),
table thead th,
table tbody th,
table tbody td{
}
.table-wrapper tbody tr,
.table-wrapper tbody tr:nth-child(even),
.table-wrapper tbody tr:nth-child(odd),
main table tbody tr,
main table tbody tr:nth-child(even),
body table tbody tr:nth-child(even){
}
.table-wrapper tbody tr:hover,
.table-wrapper tbody tr:hover :is(th,td),
.table-wrapper tbody tr:hover :is(td,th):first-child,
.table-wrapper tbody tr:hover th[scope="row"],
.table-wrapper tbody tr:hover > *:not(:first-child),
#facts .table-wrapper tbody tr:hover :is(th,td),
#bonuses .table-wrapper tbody tr:hover :is(th,td),
#payments .table-wrapper tbody tr:hover :is(th,td),
main .table-wrapper tbody tr:hover :is(th,td),
main table tbody tr:hover :is(th,td),
body table tbody tr:hover :is(th,td){
}
.table-wrapper tbody tr:last-child :is(th,td),
main table tbody tr:last-child :is(th,td),
body table tbody tr:last-child :is(th,td){
}
@media (max-width:768px){
.table-wrapper--cards tbody th[scope="row"],
.table-wrapper--cards tbody td{
}
}
.aside .nav a .nav-ico,
.drawer .nav a .nav-ico,
.aside .nav a svg.nav-ico,
.drawer .nav a svg.nav-ico,
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a:hover .nav-ico,
.drawer .nav a:hover .nav-ico,
.aside .nav a.is-active .nav-ico,
.drawer .nav a.is-active .nav-ico,
.aside .nav a:hover svg.nav-ico,
.drawer .nav a:hover svg.nav-ico,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico,
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico,
.aside .nav a:hover img.nav-ico,
.drawer .nav a:hover img.nav-ico,
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico{
}
.aside .nav a svg.nav-ico path,
.drawer .nav a svg.nav-ico path,
.aside .nav a svg.nav-ico circle,
.drawer .nav a svg.nav-ico circle,
.aside .nav a svg.nav-ico rect,
.drawer .nav a svg.nav-ico rect,
.aside .nav a svg.nav-ico line,
.drawer .nav a svg.nav-ico line{
}
.chips,
.shell .chips,
main .chips,
.shell > main .chips{
}
.chip,
a.chip,
.shell .chips a.chip,
main .chips a.chip,
.shell .chips a.chip:link,
.shell .chips a.chip:visited,
.shell .chips a.chip:hover,
.shell .chips a.chip:active,
.shell .chips a.chip:focus-visible,
.chip:link,
.chip:visited,
.chip:hover,
.chip:active,
.chip:focus-visible{
border-radius:999px !important;
transform:none !important;
}
.chip::before,
.chip::after,
a.chip::before,
a.chip::after,
.shell .chips a.chip::before,
.shell .chips a.chip::after,
main .chips a.chip::before,
main .chips a.chip::after,
.chip:hover::before,
.chip:hover::after,
.shell .chips a.chip:hover::before,
.shell .chips a.chip:hover::after{
content:none !important;
display:none !important;
visibility:hidden !important;
inset:auto !important;
width:0 !important;
height:0 !important;
}
@media (hover:hover){
.chip:hover,
a.chip:hover,
.shell .chips a.chip:hover,
main .chips a.chip:hover{
transform:none !important;
}
}
.chip .chip-ico,
.chip .chip-ico svg,
.chip:hover .chip-ico,
.chip:hover .chip-ico svg{
}
body.page-home .frame.frame--home-hero,
body.app-page .frame.frame--home-hero,
body.bonus-page .frame.frame--home-hero{
padding:0 !important;
}
body.page-home .frame.frame--home-hero::before,
body.app-page .frame.frame--home-hero::before,
body.bonus-page .frame.frame--home-hero::before{
display:none !important;
content:none !important;
}
body.page-home .home-hero .banner.banner--promo-hero,
body.app-page .home-hero .banner.banner--promo-hero,
body.bonus-page .home-hero .banner.banner--promo-hero,
body.page-home .home-hero__link picture,
body.page-home .banner-wrap--image-only{
}
body.page-home .home-hero .banner.banner--promo-hero,
body.app-page .home-hero .banner.banner--promo-hero,
body.bonus-page .home-hero .banner.banner--promo-hero{
border-radius:14px !important;
}
body.page-home .home-hero__link:focus-visible{
}
@media (max-width:768px){
body.page-home .frame.frame--home-hero,
body.app-page .frame.frame--home-hero,
body.bonus-page .frame.frame--home-hero{ padding:0 !important; }
}
.aside .nav .sep,
.drawer .nav .sep{
display:block !important;
height:2px !important;
margin:10px 10px !important;
padding:0 !important;
list-style:none !important;
pointer-events:none !important;
}
body.acceso-page #login-guide .login-flow{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(250px, 320px);
gap:24px 32px;
align-items:start;
}
body.acceso-page #login-guide .login-flow::after{
content:none;
display:none;
}
body.acceso-page #login-guide .login-banner-block{
float:none;
grid-column:2;
grid-row:1;
width:100%;
margin:0;
}
body.acceso-page #login-guide .login-flow__side{
grid-column:1;
grid-row:1;
}
body.acceso-page #login-guide .login-flow__full{
grid-column:1 / -1;
clear:none;
padding-top:0;
}
body.acceso-page #login-guide .login-summary-list{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px 24px;
margin:4px 0 20px;
padding-left:20px;
}
body.acceso-page #login-guide .login-summary-list li{
margin:0;
}
body.acceso-page #login-guide .login-guide-map{
margin-top:18px;
padding:18px 20px;
border-radius:12px;
}
body.acceso-page #login-guide .login-guide-map h2{
margin:0 0 12px;
}
body.acceso-page #login-guide .login-guide-map ul{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px 24px;
margin:0;
padding-left:20px;
}
body.acceso-page #login-guide .login-guide-map li{
margin:0;
}
@media (max-width:860px){
body.acceso-page #login-guide .login-flow{
grid-template-columns:1fr;
gap:20px;
}
body.acceso-page #login-guide .login-banner-block,
body.acceso-page #login-guide .login-flow__side,
body.acceso-page #login-guide .login-flow__full{
grid-column:1;
grid-row:auto;
}
body.acceso-page #login-guide .login-banner-block{
width:min(320px, 100%);
margin:0 auto;
}
}
@media (max-width:560px){
body.acceso-page #login-guide .login-summary-list,
body.acceso-page #login-guide .login-guide-map ul{
grid-template-columns:1fr;
}
}
body .table-wrapper,
body main .table-wrapper,
body main .legal-doc .table-wrapper{
border-radius:14px !important;
overflow:hidden !important;
padding:0 !important;
}
body .table-wrapper table,
body main table,
body .table-wrapper :is(thead,tbody,tr),
body main table :is(thead,tbody,tr){
}
body .table-wrapper :is(th,td),
body main table :is(th,td){
}
body .table-wrapper tbody tr:hover :is(th,td),
body main table tbody tr:hover :is(th,td){
}
body.app-page #app-guide{
width:100%;
max-width:min(1100px,100%);
box-sizing:border-box;
}
body.app-page .app-tag{
display:inline-block;
margin:1.75rem 0 .55rem;
padding:4px 12px;
border-radius:999px;
font-size:12px;
font-weight:700;
letter-spacing:.04em;
}
body.app-page .app-hero-meta{
margin:0 0 1.5rem;
}
body.app-page .app-hero-meta__row{
display:flex;
flex-wrap:wrap;
gap:10px 18px;
margin:0 0 12px;
font-size:.95rem;
}
body.app-page .app-trust-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:6px 20px;
margin:0 0 16px;
padding-left:18px;
}
body.app-page .app-dl-row{
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:center;
margin:18px 0;
}
body.app-page .app-dl-row .pulse-btn{
margin:0;
}
body.app-page .app-toc{
width:100%;
max-width:100%;
box-sizing:border-box;
margin:1.25rem 0 1.75rem;
padding:16px 18px;
border-radius:12px;
}
body.app-page .app-toc__title{
margin:0 0 10px;
font-size:1.15rem;
}
body.app-page .app-toc ol{ margin:0; padding-left:1.2rem; }
body.app-page .app-toc li{ margin:.35rem 0; }
body.app-page .app-toc ul{ margin:.25rem 0 .5rem; padding-left:1.1rem; }
body.app-page .app-shots{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
margin:16px 0 24px;
}
body.app-page .app-shots--pair{
grid-template-columns:repeat(2,minmax(0,1fr));
max-width:560px;
}
body.app-page .app-shot{
margin:0;
min-height:220px;
border-radius:16px;
display:flex;
align-items:flex-end;
justify-content:center;
padding:12px;
}
body.app-page .app-shot figcaption{
text-align:center;
font-size:.85rem;
}
body.app-page .app-eco-grid,
body.app-page .app-feature-grid,
body.app-page .app-bonus-grid,
body.app-page .app-install-grid,
body.app-page .app-req-grid{
display:grid;
gap:14px;
margin:14px 0 22px;
}
body.app-page .app-eco-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
body.app-page .app-feature-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
body.app-page .app-bonus-grid,
body.app-page .app-install-grid,
body.app-page .app-req-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
body.app-page .app-eco-card,
body.app-page .app-feature-card,
body.app-page .app-bonus-card,
body.app-page .app-install-card,
body.app-page .app-install-panel{
border-radius:14px;
padding:16px 18px;
text-decoration:none;
}
body.app-page a.app-eco-card:hover{
}
body.app-page .app-eco-card__label{
display:block;
font-size:.8rem;
margin-bottom:6px;
}
body.app-page .app-eco-card__title{
display:block;
font-weight:800;
font-size:1.05rem;
text-decoration:underline;
text-underline-offset:3px;
}
body.app-page .app-feature-card h3,
body.app-page .app-bonus-card h3,
body.app-page .app-install-card h3,
body.app-page .app-install-panel h3{
margin-top:0;
}
body.app-page .app-feature-card ul,
body.app-page .app-bonus-card ul{
margin:0;
padding-left:1.1rem;
}
body.app-page .app-bonus-card__sub{
font-weight:700;
margin:.25rem 0 .75rem;
}
body.app-page .app-check{
list-style:none;
padding-left:0;
}
body.app-page .app-check li{
position:relative;
padding-left:1.65rem;
margin:.4rem 0;
}
body.app-page .app-check li::before{
content:"✓";
position:absolute;
left:0;
top:.18em;
display:flex;
width:15px;
height:15px;
align-items:center;
justify-content:center;
border-radius:2px;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
line-height:1;
font-weight:800;
}
body.app-page .app-note{
font-size:.95rem;
}
body.app-page details.app-steps{
margin:12px 0;
padding:10px 12px;
border-radius:10px;
}
body.app-page details.app-steps > summary{
cursor:pointer;
font-weight:700;
list-style:none;
}
body.app-page details.app-steps > summary::-webkit-details-marker{ display:none; }
body.app-page details.app-steps > summary::after{
content:" v";
}
@media (max-width:900px){
body.app-page .app-feature-grid,
body.app-page .app-eco-grid,
body.app-page .app-shots{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:640px){
body.app-page .app-feature-grid,
body.app-page .app-eco-grid,
body.app-page .app-bonus-grid,
body.app-page .app-install-grid,
body.app-page .app-req-grid,
body.app-page .app-shots,
body.app-page .app-shots--pair,
body.app-page .app-trust-list{
grid-template-columns:1fr;
}
}
body.app-page .shell > main{
overflow:visible;
}
body.app-page .app-top-hero{
display:grid;
grid-template-columns:minmax(0, 1.45fr) minmax(300px, .9fr);
gap:34px;
align-items:stretch;
width:min(1100px, 100%);
margin:0 auto 22px;
padding:28px 30px;
border-radius:16px;
}
body.app-page .app-top-hero .page-title{
margin:0 0 26px;
padding:0;
text-align:left;
font-size:clamp(30px, 4.5vw, 52px);
line-height:1.05;
letter-spacing:.01em;
}
body.app-page .app-top-hero__content{
display:flex;
flex-direction:column;
min-width:0;
}
body.app-page .app-top-hero__content > p{
max-width:650px;
margin:0 0 8px;
line-height:1.55;
}
body.app-page .app-rating{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:9px;
margin:16px 0 32px;
}
body.app-page .app-rating > strong{
font-size:1.25rem;
}
body.app-page .app-rating__stars{
display:inline-flex;
align-items:center;
font-size:1.45rem;
letter-spacing:2px;
line-height:1;
white-space:nowrap;
}
body.app-page .app-rating__stars-full{
}
body.app-page .app-rating__star-partial{
position:relative;
display:inline-block;
line-height:1;
letter-spacing:0;
}
body.app-page .app-rating__star-outline{
display:block;
}
body.app-page .app-rating__star-fill{
position:absolute;
top:0;
left:0;
width:50%;
overflow:hidden;
white-space:nowrap;
}
body.app-page .app-dl-row--hero{
justify-content:flex-start;
margin:auto 0 20px;
}
body.app-page .app-top-hero .app-hero-meta__row{
gap:8px 18px;
margin:0;
font-size:.82rem;
}
body.app-page .app-top-hero .app-hero-meta__row span{
position:relative;
padding-left:12px;
}
body.app-page .app-top-hero .app-hero-meta__row span::before{
content:"";
position:absolute;
left:0;
top:.55em;
width:6px;
height:6px;
border-radius:50%;
}
body.app-page .app-top-hero__media{
position:relative;
min-height:300px;
overflow:hidden;
display:flex;
align-items:stretch;
justify-content:stretch;
padding:0;
border-radius:16px;
}
body.app-page .app-top-hero__media img{
display:block;
width:100%;
height:100%;
min-height:300px;
object-fit:cover;
object-position:center;
}
body.app-page .app-toc,
body.app-page .app-eco-card,
body.app-page .app-feature-card,
body.app-page .app-bonus-card,
body.app-page .app-install-card,
body.app-page .app-install-panel{
}
body.app-page .app-feature-card,
body.app-page .app-bonus-card{
min-height:220px;
padding:24px 26px;
}
body.app-page .app-install-panel{
padding:24px 26px;
}
body.app-page .app-tag{
}
body.app-page .app-shot{
min-height:260px;
}
@media (max-width:860px){
body.app-page .app-top-hero{
grid-template-columns:1fr;
}
body.app-page .app-top-hero__media{
min-height:280px;
}
}
@media (max-width:560px){
body.app-page .app-top-hero{
padding:22px 18px;
}
body.app-page .app-top-hero .page-title{
margin-bottom:18px;
}
body.app-page .app-rating{
margin-bottom:22px;
}
body.app-page .app-dl-row--hero{
flex-direction:column;
align-items:stretch;
}
body.app-page .app-dl-row--hero .pulse-btn{
width:100%;
text-align:center;
}
}
body.app-page #app-specs{
margin-top:0;
}
body.app-page .app-specs-table{
margin:18px 0 12px !important;
border-radius:0 !important;
}
body.app-page .app-specs-table thead th{
font-weight:800 !important;
text-align:center !important;
}
body.app-page .app-specs-table tbody th,
body.app-page .app-specs-table tbody td{
}
body.app-page .app-overview-table{
margin:0 0 26px !important;
border-radius:0 !important;
}
body.app-page .app-overview-table table,
body.app-page .app-overview-table tbody,
body.app-page .app-overview-table tr,
body.app-page .app-overview-table th,
body.app-page .app-overview-table td{
}
body.app-page .app-info-grid,
body .facts-info-section .app-info-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:24px;
margin:22px 0 26px;
}
body.app-page .app-info-card,
body .facts-info-section .app-info-card{
min-width:0;
padding:26px 22px 20px;
border-radius:12px;
}
body.app-page #app-guide .app-info-card > h3,
body .facts-info-section .app-info-card > h3{
margin:0 0 16px;
font-family:Antonio, sans-serif;
font-size:clamp(32px,3.5vw,42px);
line-height:1;
font-weight:600;
}
body.app-page .app-info-card__table,
body .facts-info-section .app-info-card__table{
margin:0 !important;
border-radius:0 !important;
}
body.app-page .app-info-card__table table,
body.app-page .app-info-card__table tbody,
body.app-page .app-info-card__table tr,
body .facts-info-section .app-info-card__table table,
body .facts-info-section .app-info-card__table tbody,
body .facts-info-section .app-info-card__table tr{
}
body.app-page .app-info-card__table th,
body.app-page .app-info-card__table td,
body .facts-info-section .app-info-card__table th,
body .facts-info-section .app-info-card__table td{
padding:8px 0 !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.3 !important;
vertical-align:middle !important;
}
body.app-page .app-info-card__table th,
body .facts-info-section .app-info-card__table th{
width:50% !important;
font-weight:400 !important;
text-align:left !important;
}
body.app-page .app-info-card__table td,
body .facts-info-section .app-info-card__table td{
text-align:right !important;
font-weight:700 !important;
}
body.app-page .app-info-card__table tr:last-child :is(th,td),
body .facts-info-section .app-info-card__table tr:last-child :is(th,td){
}
body.app-page .app-verify-box,
body .facts-info-section .app-verify-box{
margin:0 0 16px;
padding:20px 18px 18px;
border-radius:8px;
}
body.app-page .app-verify-box__title,
body .facts-info-section .app-verify-box__title{
margin:0 0 7px !important;
font-family:Consolas,"Courier New",monospace !important;
font-size:13px !important;
font-weight:700;
}
body.app-page .app-verify-box__hash,
body .facts-info-section .app-verify-box__hash{
margin:0 !important;
font-family:Consolas,"Courier New",monospace !important;
font-size:12px !important;
line-height:1.45 !important;
}
body.app-page .app-verify-box__commands,
body .facts-info-section .app-verify-box__commands{
margin:22px 0 0;
padding:0;
border-radius:0;
}
body.app-page .app-verify-box__commands p,
body .facts-info-section .app-verify-box__commands p{
margin:5px 0 !important;
font-family:Consolas,"Courier New",monospace !important;
font-size:12px !important;
line-height:1.4 !important;
}
body.app-page .app-verify-box__commands span,
body .facts-info-section .app-verify-box__commands span{
display:inline-block;
min-width:132px;
}
body.app-page .app-verify-box code,
body .facts-info-section .app-verify-box code{
padding:2px 6px;
border-radius:4px;
}
body.app-page .app-verify-box__warning,
body .facts-info-section .app-verify-box__warning{
margin:0 0 30px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:14px !important;
line-height:1.5 !important;
font-weight:600 !important;
}
@media (max-width:760px){
body.app-page .app-info-grid,
body .facts-info-section .app-info-grid{
grid-template-columns:1fr;
}
}
html body.app-page .shell > main > details.app-toc-panel{
display:block !important;
width:fit-content !important;
max-width:100% !important;
box-sizing:border-box !important;
margin:0 0 22px 0 !important;
padding:0 !important;
border-radius:12px !important;
overflow:hidden;
}
html body.app-page .shell > main > details.app-toc-panel > summary.app-toc-panel__badge{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important;
margin:0 !important;
padding:8px 18px !important;
list-style:none !important;
cursor:pointer !important;
border-radius:999px !important;
font-weight:800 !important;
font-size:.9rem !important;
line-height:1.2 !important;
font-family:Montserrat,sans-serif !important;
}
html body.app-page .shell > main > details.app-toc-panel > summary.app-toc-panel__badge::-webkit-details-marker{
display:none !important;
}
html body.app-page .shell > main > details.app-toc-panel > summary.app-toc-panel__badge::after{
content:"+" !important;
font-size:1.05rem !important;
font-weight:800 !important;
}
html body.app-page .shell > main > details.app-toc-panel[open]{
width:min(1100px,100%) !important;
max-width:1100px !important;
margin:0 0 22px 0 !important;
padding:16px 22px 20px !important;
}
html body.app-page .shell > main > details.app-toc-panel[open] > summary.app-toc-panel__badge{
margin:0 0 14px !important;
}
html body.app-page .shell > main > details.app-toc-panel[open] > summary.app-toc-panel__badge::after{
content:"—" !important;
}
html body.app-page .shell > main > details.app-toc-panel .app-toc-panel__cols{
display:grid !important;
grid-template-columns:1fr 1fr !important;
column-gap:48px !important;
width:100% !important;
}
html body.app-page .shell > main > details.app-toc-panel .app-toc-panel__list{
margin:0 !important;
padding-left:1.35rem !important;
columns:unset !important;
}
html body.app-page .shell > main > details.app-toc-panel a{
text-decoration:underline !important;
}
html body.app-page #app-guide > .app-toc-panel{
display:block !important;
width:100% !important;
max-width:none !important;
box-sizing:border-box !important;
margin:0 0 22px;
padding:16px 20px 18px;
border-radius:12px;
}
html body.app-page #app-guide > .app-toc-panel .app-toc-panel__badge{
display:inline-flex;
align-items:center;
gap:6px;
margin:0 0 14px;
padding:7px 16px;
border-radius:999px;
font-weight:800;
font-size:.9rem;
}
html body.app-page #app-guide > .app-toc-panel .app-toc-panel__badge::after{
content:"—";
}
html body.app-page #app-guide > .app-toc-panel .app-toc-panel__list{
display:block;
width:100%;
margin:0;
padding-left:1.35rem;
box-sizing:border-box;
columns:2;
column-gap:48px;
}
html body.app-page #app-guide > .app-toc-panel li{
break-inside:avoid;
-webkit-column-break-inside:avoid;
page-break-inside:avoid;
margin:.4rem 0;
}
html body.app-page #app-guide > .app-toc-panel ul{
margin:.25rem 0 .55rem;
padding-left:1rem;
list-style:disc;
}
html body.app-page #app-guide > details.app-toc,
html body.app-page #app-guide > details.app-toc[open]{
display:block !important;
width:100% !important;
max-width:none !important;
box-sizing:border-box !important;
margin:0 0 22px;
overflow:hidden;
border-radius:12px;
}
html body.app-page #app-guide > details.app-toc{
padding:0;
}
html body.app-page #app-guide > details.app-toc > summary{
display:inline-flex;
align-items:center;
gap:8px;
margin:0;
padding:7px 16px;
cursor:pointer;
list-style:none;
border-radius:999px;
font-weight:800;
font-size:.9rem;
}
html body.app-page #app-guide > details.app-toc > summary::-webkit-details-marker{
display:none;
}
html body.app-page #app-guide > details.app-toc > summary::after{
content:"+";
font-size:1.1rem;
}
html body.app-page #app-guide > details.app-toc[open]{
padding:16px 20px 18px;
}
html body.app-page #app-guide > details.app-toc[open] > summary{
margin-bottom:12px;
}
html body.app-page #app-guide > details.app-toc[open] > summary::after{
content:"−";
}
html body.app-page #app-guide > details.app-toc .app-toc__nav,
html body.app-page #app-guide > details.app-toc .app-toc__list{
width:100% !important;
max-width:none !important;
box-sizing:border-box;
}
html body.app-page #app-guide > details.app-toc .app-toc__list{
margin:0;
padding-left:1.25rem;
columns:unset;
display:grid;
grid-template-columns:1fr 1fr;
column-gap:40px;
row-gap:2px;
}
html body.app-page #app-guide > details.app-toc li{
break-inside:avoid;
margin:.35rem 0;
}
html body.app-page #app-guide > details.app-toc ul{
margin:.25rem 0 .55rem;
padding-left:1rem;
}
body.app-page .app-reference-section{
margin:0 0 30px;
padding:28px;
border-radius:0;
}
body.app-page #app-guide .app-reference-section > .app-tag{
margin:0 0 20px;
}
body.app-page #app-guide .app-reference-section > h2{
margin:0 0 16px;
font-family:Antonio,sans-serif;
font-size:clamp(38px,5vw,58px);
line-height:1.02;
letter-spacing:.01em;
}
body.app-page #app-guide .app-reference-section > p{
margin:0 0 18px;
line-height:1.55;
}
body.app-page .app-reference-section .app-specs-table{
margin-top:18px !important;
}
body.app-page .app-reference-section .app-specs-table thead th{
}
body.app-page .app-reference-section .app-specs-table tbody :is(th,td){
padding:10px 12px !important;
}
body.app-page .app-reference-section .app-overview-table,
body.app-page .app-reference-section .app-overview-table table,
body.app-page .app-reference-section .app-overview-table :is(tbody,tr,th,td){
}
body.app-page .app-reference-section .app-overview-table{
margin-top:16px !important;
margin-bottom:26px !important;
padding:7px 0 !important;
border-radius:0 !important;
overflow:hidden !important;
}
body.app-page .app-reference-section .app-overview-table table{
width:100% !important;
border-collapse:collapse !important;
border-spacing:0 !important;
table-layout:fixed !important;
}
body.app-page .app-reference-section .app-overview-table :is(th,td){
padding:7px 8px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.35 !important;
text-align:left !important;
vertical-align:top !important;
}
body.app-page .app-reference-section .app-overview-table th{
width:22% !important;
font-weight:700 !important;
}
body.app-page .app-reference-section .app-overview-table td{
width:78% !important;
font-weight:400 !important;
}
html body.app-page .app-reference-section .app-overview-table table tbody tr th,
html body.app-page .app-reference-section .app-overview-table table tbody tr td{
}
body.app-page .app-reference-section .app-info-card{
}
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr th,
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr td{
}
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr th{
width:46% !important;
padding-right:14px !important;
}
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr td{
width:54% !important;
padding-left:14px !important;
overflow-wrap:anywhere !important;
}
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr:last-child th,
html body.app-page .app-reference-section .app-info-card .app-info-card__table table tbody tr:last-child td{
}
body.app-page .app-reference-section .app-verify-box{
}
body.app-page .app-reference-section .app-verify-box__commands{
}
@media (max-width:700px){
html body.app-page .shell > main > details.app-toc-panel .app-toc-panel__cols{
grid-template-columns:1fr !important;
}
html body.app-page .shell > main > .app-toc-panel .app-toc-panel__cols{
grid-template-columns:1fr !important;
}
html body.app-page #app-guide > .app-toc-panel .app-toc-panel__list,
html body.app-page #app-guide > details.app-toc .app-toc__list{
columns:1;
grid-template-columns:1fr;
}
body.app-page .app-reference-section{
padding:22px 16px;
}
}
body.app-page .app-screenshots-section{
margin:0 0 30px;
padding:24px 16px 16px;
overflow:hidden;
}
body.app-page #app-guide .app-screenshots-section > .app-tag{
margin:0 0 20px;
}
body.app-page #app-guide .app-screenshots-section > h3{
margin:0 0 14px;
font-family:Antonio,sans-serif;
font-size:clamp(38px,5vw,56px);
line-height:1.02;
font-weight:600;
}
body.app-page #app-guide .app-screenshots-section > p:not(.app-tag){
margin:0 10px 16px;
line-height:1.5;
}
html body.app-page .app-screenshots-section .app-shots{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
height:255px;
margin:0 !important;
padding:0;
overflow:hidden;
}
html body.app-page .app-screenshots-section .app-shot{
display:block;
min-height:0;
height:255px;
margin:0;
padding:0;
border-radius:0;
overflow:hidden;
}
html body.app-page .app-screenshots-section .app-shot img{
display:block;
width:100%;
height:auto;
min-height:100%;
object-fit:cover;
object-position:top center;
}
@media (max-width:900px){
html body.app-page .app-screenshots-section .app-shots{
grid-template-columns:repeat(2,minmax(0,1fr));
height:360px;
}
html body.app-page .app-screenshots-section .app-shot{
height:360px;
}
}
@media (max-width:560px){
body.app-page .app-screenshots-section{
padding:20px 12px 12px;
}
html body.app-page .app-screenshots-section .app-shots{
display:flex;
height:360px;
overflow-x:auto;
scroll-snap-type:x mandatory;
}
html body.app-page .app-screenshots-section .app-shot{
flex:0 0 72%;
height:360px;
scroll-snap-align:start;
}
}
body.app-page .app-ecosystem-section{
margin:0 0 30px;
padding:24px 16px 30px;
}
body.app-page #app-guide .app-ecosystem-section > .app-tag{
margin:0 0 24px;
}
body.app-page .app-ecosystem-intro{
display:grid;
grid-template-columns:minmax(0,1fr) 220px;
gap:36px;
align-items:center;
}
body.app-page #app-guide .app-ecosystem-copy > h2{
margin:0 0 20px;
font-family:Antonio,sans-serif;
font-size:clamp(38px,5vw,58px);
line-height:1.02;
font-weight:600;
}
body.app-page .app-ecosystem-copy > p{
max-width:690px;
margin:0 0 8px !important;
line-height:1.48;
}
body.app-page .app-ecosystem-visual{
display:flex;
align-items:center;
justify-content:center;
min-height:170px;
}
body.app-page .app-ecosystem-visual img{
display:block;
width:min(240px,100%);
height:auto;
object-fit:contain;
}
body.app-page #app-guide .app-ecosystem-section > h3{
margin:28px 0 22px;
font-family:Antonio,sans-serif;
font-size:clamp(34px,4.4vw,52px);
line-height:1.05;
font-weight:600;
}
html body.app-page .app-ecosystem-section .app-eco-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
margin:0;
}
html body.app-page .app-ecosystem-section .app-eco-card{
display:flex;
min-height:190px;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
padding:28px 28px 24px;
border-radius:18px;
text-decoration:none;
}
html body.app-page .app-ecosystem-section .app-eco-card:hover{
transform:none;
}
body.app-page .app-platform-icon{
display:flex;
width:58px;
height:58px;
align-items:center;
justify-content:center;
margin:0 0 14px;
border-radius:14px;
}
body.app-page .app-platform-icon svg{
display:block;
width:40px;
height:40px;
}
body.app-page .app-platform-icon--android{
}
body.app-page .app-platform-icon--ios{
}
body.app-page .app-platform-icon--windows{
}
body.app-page .app-ecosystem-section .app-eco-card__label{
display:block;
margin:0 0 12px;
font-size:13px;
font-weight:700;
}
body.app-page .app-ecosystem-section .app-eco-card__title{
display:block;
font-size:clamp(18px,2vw,23px);
line-height:1.25;
font-weight:500;
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:4px;
}
@media (max-width:900px){
body.app-page .app-ecosystem-intro{
grid-template-columns:minmax(0,1fr) 160px;
gap:20px;
}
html body.app-page .app-ecosystem-section .app-eco-grid{
gap:14px;
}
html body.app-page .app-ecosystem-section .app-eco-card{
padding:22px 18px;
}
}
@media (max-width:700px){
body.app-page .app-ecosystem-section{
padding:20px 14px 24px;
}
body.app-page .app-ecosystem-intro{
grid-template-columns:1fr;
}
body.app-page .app-ecosystem-visual{
display:none;
}
html body.app-page .app-ecosystem-section .app-eco-grid{
grid-template-columns:1fr;
}
html body.app-page .app-ecosystem-section .app-eco-card{
min-height:0;
}
}
body.app-page .app-install-section{
margin:0 0 30px;
padding:24px 16px 0;
}
body.app-page #app-guide .app-install-section > .app-tag{
margin:0 0 20px;
}
body.app-page #app-guide .app-install-section > h2{
margin:0 0 22px;
font-family:Antonio,sans-serif;
font-size:clamp(40px,5vw,58px);
line-height:1.03;
font-weight:600;
}
html body.app-page .app-install-section .app-install-panel{
margin:0;
padding:28px 28px 30px;
border-radius:20px;
}
body.app-page #app-guide .app-install-section .app-install-panel > h3,
body.app-page #app-guide .app-install-section .app-install-card > h3{
margin:0 0 14px;
font-family:Antonio,sans-serif;
font-size:22px;
line-height:1.15;
font-weight:600;
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:3px;
}
body.app-page .app-install-section .app-install-panel > p{
margin:0 0 10px !important;
line-height:1.5;
}
body.app-page .app-install-section .app-note{
font-size:13px !important;
line-height:1.45 !important;
}
html body.app-page .app-install-section details.app-steps{
margin:10px 0 18px;
padding:0;
border-radius:0;
}
body.app-page .app-install-section details.app-steps > summary{
display:flex;
align-items:center;
font-size:14px;
font-weight:700;
line-height:1.35;
list-style:none;
}
body.app-page .app-install-section details.app-steps > summary::before{
content:"?";
display:inline-block;
margin-right:7px;
font-size:13px;
}
body.app-page .app-install-section details.app-steps[open] > summary::before{
content:"?";
}
body.app-page .app-install-section details.app-steps > summary::after{
content:" ?" !important;
margin-left:4px;
}
body.app-page .app-install-section details.app-steps > ol{
margin:22px 0 0 22px;
padding-left:22px;
font-size:14px;
line-height:1.45;
}
body.app-page .app-install-section details.app-steps > ol li{
margin:4px 0;
padding-left:2px;
}
html body.app-page .app-install-section .app-req-grid{
display:grid;
grid-template-columns:minmax(230px,.72fr) minmax(0,1.45fr);
gap:24px;
margin:16px 0 0;
}
html body.app-page .app-install-section .app-req-grid > div{
min-width:0;
padding:24px;
border-radius:16px;
}
body.app-page #app-guide .app-install-section .app-req-grid h4{
margin:0 0 16px;
font-family:Antonio,sans-serif;
font-size:21px;
line-height:1.1;
}
body.app-page .app-install-section .app-req-grid > div > p{
margin:0 0 10px !important;
font-size:14px;
}
html body.app-page .app-install-section .app-req-grid .table-wrapper,
html body.app-page .app-install-section .app-req-grid table,
html body.app-page .app-install-section .app-req-grid tbody,
html body.app-page .app-install-section .app-req-grid tr{
width:100% !important;
margin:0 !important;
padding:0 !important;
border-radius:0 !important;
}
html body.app-page .app-install-section .app-req-grid table tbody tr th,
html body.app-page .app-install-section .app-req-grid table tbody tr td{
padding:9px 0 !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.35 !important;
vertical-align:top !important;
}
html body.app-page .app-install-section .app-req-grid table tbody tr th{
width:45% !important;
padding-right:14px !important;
font-weight:400 !important;
text-align:left !important;
}
html body.app-page .app-install-section .app-req-grid table tbody tr td{
width:55% !important;
padding-left:14px !important;
font-weight:700 !important;
text-align:right !important;
overflow-wrap:anywhere !important;
}
html body.app-page .app-install-section .app-req-grid table tbody tr:last-child :is(th,td){
}
html body.app-page .app-install-section .app-install-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:28px;
margin:24px 0 0;
}
html body.app-page .app-install-section .app-install-card{
min-width:0;
min-height:240px;
padding:28px;
border-radius:20px;
}
body.app-page .app-install-section .app-install-card > p{
margin:0 0 12px !important;
line-height:1.5;
}
body.app-page .app-install-section .app-install-card details.app-steps{
margin:10px 0 0;
}
html body.app-page .app-install-section > .app-dl-row{
display:flex;
justify-content:center;
gap:24px;
margin:28px -16px 0;
padding:28px 16px;
}
html body.app-page .app-install-section > .app-dl-row .pulse-btn{
min-width:185px;
padding:13px 24px;
}
@media (max-width:900px){
html body.app-page .app-install-section .app-req-grid{
grid-template-columns:1fr;
}
}
@media (max-width:700px){
body.app-page .app-install-section{
padding:20px 14px 0;
}
html body.app-page .app-install-section .app-install-panel,
html body.app-page .app-install-section .app-install-card{
padding:22px 18px;
}
html body.app-page .app-install-section .app-install-grid{
grid-template-columns:1fr;
gap:16px;
}
html body.app-page .app-install-section > .app-dl-row{
flex-direction:column;
margin:22px -14px 0;
gap:12px;
}
html body.app-page .app-install-section > .app-dl-row .pulse-btn{
width:100%;
}
}
body.app-page .app-features-section{
margin:0 0 30px;
padding:24px 16px 34px;
}
body.app-page #app-guide .app-features-section > .app-tag{
margin:0 0 20px;
}
body.app-page #app-guide .app-features-section > h2{
margin:0 0 18px;
font-family:Antonio,sans-serif;
font-size:clamp(40px,5vw,58px);
line-height:1.03;
font-weight:600;
}
body.app-page #app-guide .app-features-section > p:not(.app-tag){
margin:0 0 28px !important;
max-width:950px;
line-height:1.5;
}
html body.app-page .app-features-section .app-feature-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:28px;
margin:0;
}
html body.app-page .app-features-section .app-feature-card{
min-width:0;
min-height:285px;
padding:28px 28px 26px;
border-radius:20px;
}
body.app-page .app-feature-card__icon{
display:block;
min-height:42px;
margin:0 0 14px;
font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;
font-size:30px;
line-height:1;
}
body.app-page #app-guide .app-features-section .app-feature-card > h3{
margin:0 0 16px;
font-family:Montserrat,Arial,sans-serif;
font-size:21px;
line-height:1.2;
font-weight:500;
}
body.app-page .app-features-section .app-feature-card > ul{
margin:0;
padding-left:22px;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1.48;
}
body.app-page .app-features-section .app-feature-card > ul li{
margin:5px 0;
padding-left:3px;
}
@media (max-width:900px){
html body.app-page .app-features-section .app-feature-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
}
}
@media (max-width:620px){
body.app-page .app-features-section{
padding:20px 14px 24px;
}
html body.app-page .app-features-section .app-feature-grid{
grid-template-columns:1fr;
}
html body.app-page .app-features-section .app-feature-card{
min-height:0;
padding:24px 20px;
}
}
body.app-page .app-availability-section{
margin:0 0 30px;
padding:26px 16px 32px;
}
body.app-page #app-guide .app-availability-section > h3{
margin:0 0 24px;
font-family:Antonio,sans-serif;
font-size:clamp(34px,4vw,46px);
line-height:1.03;
font-weight:600;
}
html body.app-page .app-availability-section .table-wrapper{
margin:0 !important;
padding:0 !important;
border-radius:0 !important;
overflow-x:auto;
}
html body.app-page .app-availability-section table{
width:100% !important;
min-width:760px;
margin:0 !important;
border-collapse:collapse !important;
border-spacing:0 !important;
table-layout:auto !important;
}
html body.app-page .app-availability-section table thead,
html body.app-page .app-availability-section table tbody,
html body.app-page .app-availability-section table tr{
}
html body.app-page .app-availability-section table thead th{
padding:10px 12px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.25 !important;
font-weight:700 !important;
text-align:center !important;
white-space:nowrap;
}
html body.app-page .app-availability-section table tbody th,
html body.app-page .app-availability-section table tbody td{
padding:9px 8px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.25 !important;
vertical-align:middle !important;
}
html body.app-page .app-availability-section table tbody th{
width:28%;
font-weight:500 !important;
text-align:left !important;
}
html body.app-page .app-availability-section table tbody td{
text-align:center !important;
font-weight:500 !important;
}
@media (max-width:620px){
body.app-page .app-availability-section{
padding:22px 14px 26px;
}
}
html body.app-page .app-availability-section.app-availability-section .table-wrapper table thead tr th,
html body.app-page .app-availability-section.app-availability-section .table-wrapper table tbody tr th,
html body.app-page .app-availability-section.app-availability-section .table-wrapper table tbody tr td{
}
body.app-page .app-odds-section{
margin:0 0 30px;
padding:24px 16px 32px;
}
body.app-page #app-guide .app-odds-section > .app-tag{
margin:0 0 24px;
}
body.app-page #app-guide .app-odds-section > h3{
margin:0 0 24px;
font-family:Antonio,sans-serif;
font-size:clamp(36px,4.2vw,48px);
line-height:1.03;
font-weight:600;
}
body.app-page .app-odds-intro{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(360px,1fr);
gap:42px;
align-items:center;
margin:0 0 20px;
}
body.app-page .app-odds-copy > p{
margin:0 0 20px !important;
line-height:1.5;
}
body.app-page .app-odds-copy > ul{
margin:0;
padding-left:26px;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1.5;
}
body.app-page .app-odds-copy > ul li{
margin:4px 0;
}
body.app-page .app-odds-banner{
position:relative;
min-height:190px;
overflow:hidden;
padding:0;
border-radius:16px;
}
body.app-page .app-odds-banner::after{
content:none;
display:none;
}
body.app-page .app-odds-banner > img{
display:block;
width:100%;
height:100%;
min-height:190px;
object-fit:cover;
object-position:center;
}
body.app-page .app-odds-banner__brand{
position:relative;
z-index:1;
display:flex;
flex-direction:column;
}
body.app-page .app-odds-banner__brand strong{
font-family:Antonio,sans-serif;
font-size:clamp(38px,5vw,58px);
line-height:.95;
font-style:italic;
letter-spacing:.02em;
}
body.app-page .app-odds-banner__brand span{
margin-top:8px;
padding-left:4px;
font-size:13px;
font-weight:700;
letter-spacing:.16em;
}
body.app-page .app-odds-banner__gear{
position:relative;
z-index:1;
width:118px;
height:118px;
font-family:"Segoe UI Symbol",sans-serif;
font-size:118px;
line-height:1;
}
body.app-page .app-odds-banner__gear > span{
position:absolute;
top:50%;
left:50%;
font-family:Antonio,sans-serif;
font-size:35px;
font-weight:700;
transform:translate(-50%,-52%);
}
body.app-page #app-guide .app-odds-lead{
margin:0 0 16px !important;
font-weight:600;
}
html body.app-page .app-odds-section .table-wrapper{
margin:0 !important;
padding:0 !important;
border-radius:0 !important;
overflow-x:auto;
}
html body.app-page .app-odds-section table{
width:100% !important;
min-width:760px;
margin:0 !important;
border-collapse:collapse !important;
border-spacing:0 !important;
}
html body.app-page .app-odds-section table :is(thead,tbody,tr){
}
html body.app-page .app-odds-section table thead tr th,
html body.app-page .app-odds-section table tbody tr th,
html body.app-page .app-odds-section table tbody tr td{
padding:9px 8px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.35 !important;
vertical-align:middle !important;
}
html body.app-page .app-odds-section table thead tr th{
font-weight:700 !important;
text-align:center !important;
white-space:nowrap;
}
html body.app-page .app-odds-section table tbody tr th{
font-weight:500 !important;
text-align:left !important;
}
html body.app-page .app-odds-section table tbody tr td{
text-align:left !important;
font-weight:500 !important;
}
html body.app-page .app-odds-section.app-odds-section .table-wrapper table thead tr th,
html body.app-page .app-odds-section.app-odds-section .table-wrapper table tbody tr th,
html body.app-page .app-odds-section.app-odds-section .table-wrapper table tbody tr td{
}
@media (max-width:860px){
body.app-page .app-odds-intro{
grid-template-columns:1fr;
gap:24px;
}
}
@media (max-width:620px){
body.app-page .app-odds-section{
padding:20px 14px 26px;
}
body.app-page .app-odds-banner{
min-height:160px;
padding:0;
}
body.app-page .app-odds-banner__gear{
width:90px;
height:90px;
font-size:90px;
}
}
body.app-page .app-play-section{
margin:0 0 30px;
padding:24px 16px 30px;
}
body.app-page #app-guide .app-play-section > .app-tag{
margin:0 0 24px;
}
body.app-page #app-guide .app-play-section > h2{
margin:0 0 24px;
font-family:Antonio,sans-serif;
font-size:clamp(40px,5vw,58px);
line-height:1.03;
font-weight:600;
}
body.app-page .app-play-layout{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(300px,360px);
gap:40px;
align-items:start;
}
body.app-page .app-play-copy > p{
margin:0 0 22px !important;
line-height:1.5;
}
body.app-page .app-play-copy > ol{
margin:0;
padding-left:30px;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.5;
}
body.app-page .app-play-copy > ol li{
margin:5px 0;
padding-left:3px;
}
body.app-page .app-play-shots{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
align-items:start;
}
body.app-page .app-play-shot{
min-width:0;
margin:0;
text-align:center;
}
body.app-page .app-play-shot img{
display:block;
width:100%;
height:auto;
max-height:330px;
object-fit:contain;
object-position:top center;
}
body.app-page .app-play-shot figcaption{
margin-top:9px;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:1.35;
}
html body.app-page .app-play-section > .app-dl-row{
display:flex;
justify-content:center;
gap:24px;
margin:28px 0 0;
}
html body.app-page .app-play-section > .app-dl-row .pulse-btn{
min-width:185px;
padding:13px 24px;
}
@media (max-width:820px){
body.app-page .app-play-layout{
grid-template-columns:1fr;
}
body.app-page .app-play-shots{
width:min(380px,100%);
margin:0 auto;
}
}
@media (max-width:620px){
body.app-page .app-play-section{
padding:20px 14px 24px;
}
html body.app-page .app-play-section > .app-dl-row{
flex-direction:column;
gap:12px;
}
html body.app-page .app-play-section > .app-dl-row .pulse-btn{
width:100%;
}
}
body.app-page .app-bonus-section{
margin:0 0 30px;
padding:24px 16px 20px;
}
body.app-page #app-guide .app-bonus-section > .app-tag{
margin:0 0 24px;
}
body.app-page #app-guide .app-bonus-section > h2{
margin:0 0 20px;
font-family:Antonio,sans-serif;
font-size:clamp(40px,5vw,58px);
line-height:1.03;
font-weight:600;
}
body.app-page #app-guide .app-bonus-section > p:not(.app-tag){
margin:0 0 26px !important;
line-height:1.5;
}
body.app-page .app-bonus-layout{
display:grid;
grid-template-columns:minmax(0,1.55fr) minmax(250px,.72fr);
gap:28px;
align-items:start;
}
html body.app-page .app-bonus-section .app-bonus-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:24px;
margin:0;
}
html body.app-page .app-bonus-section .app-bonus-card{
min-width:0;
min-height:310px;
padding:28px;
border-radius:20px;
}
body.app-page #app-guide .app-bonus-section .app-bonus-card > h3{
margin:0 0 14px;
font-family:Montserrat,Arial,sans-serif;
font-size:21px;
line-height:1.3;
font-weight:500;
}
body.app-page .app-bonus-section .app-bonus-card__sub{
margin:0 0 14px !important;
font-size:18px;
font-weight:700;
}
body.app-page .app-bonus-section .app-bonus-card ul{
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:1.45;
}
body.app-page .app-bonus-section .app-bonus-card li{
margin:10px 0;
}
body.app-page .app-bonus-shots{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
body.app-page .app-bonus-shots figure{
min-width:0;
margin:0;
display:grid;
grid-template-rows:280px auto;
align-items:start;
text-align:center;
}
body.app-page .app-bonus-shots img{
display:block;
width:100%;
height:280px;
object-fit:contain;
object-position:bottom center;
}
body.app-page .app-bonus-shots figcaption{
margin-top:8px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.35;
}
body.app-page .app-bonus-terms{
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
margin:28px 0 0;
padding:22px 28px;
border-radius:18px;
}
body.app-page .app-bonus-terms > div{
min-width:0;
}
body.app-page .app-bonus-terms strong{
display:block;
margin-bottom:8px;
font-size:13px;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
}
body.app-page #app-guide .app-bonus-terms p{
margin:0 !important;
font-size:13px;
line-height:1.45;
}
body.app-page .app-bonus-terms .pulse-btn{
flex:0 0 auto;
min-width:170px;
padding:12px 20px;
text-align:center;
}
@media (max-width:900px){
body.app-page .app-bonus-layout{
grid-template-columns:1fr;
}
body.app-page .app-bonus-shots{
width:min(380px,100%);
margin:0 auto;
}
}
@media (max-width:620px){
body.app-page .app-bonus-section{
padding:20px 14px;
}
html body.app-page .app-bonus-section .app-bonus-grid{
grid-template-columns:1fr;
}
html body.app-page .app-bonus-section .app-bonus-card{
min-height:0;
padding:24px 20px;
}
body.app-page .app-bonus-terms{
flex-direction:column;
align-items:stretch;
padding:20px;
}
body.app-page .app-bonus-terms .pulse-btn{
width:100%;
}
}
body.app-page .app-bonus-claim{
position:relative;
margin:0 0 30px;
padding:26px 24px 24px;
overflow:hidden;
border-radius:18px;
}
body.app-page .app-bonus-claim::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
}
body.app-page #app-guide .app-bonus-claim > h3{
margin:0 0 20px;
font-family:Antonio,sans-serif;
font-size:clamp(30px,4vw,42px);
line-height:1.08;
font-weight:600;
}
body.app-page .app-bonus-claim > ol{
margin:0 0 20px;
padding:0;
list-style:none;
counter-reset:bonus-step;
}
body.app-page .app-bonus-claim > ol li{
position:relative;
min-height:28px;
margin:8px 0;
padding:4px 0 3px 40px;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.45;
counter-increment:bonus-step;
}
body.app-page .app-bonus-claim > ol li::before{
content:counter(bonus-step);
position:absolute;
top:0;
left:0;
display:flex;
width:28px;
height:28px;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:13px;
font-weight:800;
}
body.app-page .app-bonus-claim > p{
margin:0 0 16px !important;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.55;
}
body.app-page .app-bonus-claim > .app-note{
margin:20px 0 0 !important;
padding:4px 0 4px 15px;
border-radius:0 !important;
}
body.app-page .app-bonus-claim > .app-note a{
}
@media (max-width:620px){
body.app-page .app-bonus-claim{
padding:23px 16px 20px;
border-radius:14px;
}
body.app-page .app-bonus-claim > ol li{
padding-left:37px;
font-size:14px;
}
}
body.app-page .app-payments-section{
margin:0 0 30px;
padding:24px 16px 32px;
}
body.app-page #app-guide .app-payments-section > .app-tag{
margin:0 0 22px;
}
body.app-page #app-guide .app-payments-section > h2{
margin:0 0 26px;
font-family:Antonio,sans-serif;
font-size:clamp(40px,5vw,58px);
line-height:1.03;
font-weight:600;
}
body.app-page .app-payments-layout{
display:grid;
grid-template-columns:minmax(0,1.4fr) minmax(340px,.72fr);
gap:36px;
align-items:start;
}
body.app-page .app-payments-copy > p{
margin:0 0 14px !important;
line-height:1.5;
}
body.app-page .app-payments-copy > .app-note{
margin:0 0 18px !important;
padding-left:14px;
}
body.app-page #app-guide .app-payments-copy > h3,
body.app-page #app-guide .app-payments-section > h3{
margin:18px 0 10px;
font-family:Montserrat,Arial,sans-serif;
font-size:15px;
line-height:1.3;
font-weight:700;
}
body.app-page .app-payments-copy > ul,
body.app-page .app-payments-section > ul{
margin:0;
padding-left:26px;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1.5;
}
body.app-page .app-payments-copy > ul li,
body.app-page .app-payments-section > ul li{
margin:4px 0;
}
body.app-page .app-payment-phones{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
padding-top:4px;
}
body.app-page .app-payment-phone{
min-width:0;
margin:0;
text-align:center;
}
body.app-page .app-payment-phone__screen{
position:relative;
display:flex;
width:100%;
height:305px;
min-height:0;
align-items:center;
justify-content:center;
box-sizing:border-box;
padding:0;
overflow:hidden;
border-radius:0;
}
body.app-page .app-payment-phone__screen > img{
display:block;
width:auto;
max-width:100%;
height:100%;
object-fit:contain;
object-position:center;
}
body.app-page .app-payment-phone__notch{
position:absolute;
top:0;
left:50%;
width:48%;
height:16px;
border-radius:0 0 12px 12px;
transform:translateX(-50%);
}
body.app-page .app-payment-phone__screen > strong{
display:block;
margin-bottom:14px;
font-size:13px;
}
body.app-page .app-payment-phone__grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
body.app-page .app-payment-phone__grid span{
display:flex;
min-height:44px;
align-items:center;
justify-content:center;
padding:6px 4px;
border-radius:8px;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:700;
overflow-wrap:anywhere;
}
body.app-page .app-payment-phone__grid--crypto span{
}
body.app-page .app-payment-phone figcaption{
margin-top:9px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.35;
}
body.app-page #app-guide .app-payments-section > h3{
margin-top:26px;
}
html body.app-page .app-payments-section .table-wrapper{
margin:14px 0 0 !important;
padding:0 !important;
border-radius:0 !important;
overflow-x:auto;
}
html body.app-page .app-payments-section table{
width:100% !important;
min-width:760px;
margin:0 !important;
border-collapse:collapse !important;
border-spacing:0 !important;
}
html body.app-page .app-payments-section table :is(thead,tbody,tr),
html body.app-page .app-payments-section.app-payments-section table thead tr th,
html body.app-page .app-payments-section.app-payments-section table tbody tr th,
html body.app-page .app-payments-section.app-payments-section table tbody tr td{
}
html body.app-page .app-payments-section table thead tr th,
html body.app-page .app-payments-section table tbody tr th,
html body.app-page .app-payments-section table tbody tr td{
padding:9px 8px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.35 !important;
vertical-align:middle !important;
}
html body.app-page .app-payments-section table thead tr th{
font-weight:700 !important;
text-align:center !important;
white-space:nowrap;
}
html body.app-page .app-payments-section table tbody tr th,
html body.app-page .app-payments-section table tbody tr td{
font-weight:500 !important;
text-align:left !important;
}
@media (max-width:900px){
body.app-page .app-payments-layout{
grid-template-columns:1fr;
}
body.app-page .app-payment-phones{
width:min(390px,100%);
margin:0 auto;
}
}
@media (max-width:620px){
body.app-page .app-payments-section{
padding:20px 14px 26px;
}
body.app-page .app-payment-phone__screen{
height:280px;
min-height:0;
}
}
body.app-page .app-crypto-section{
margin:0 0 30px;
padding:24px 16px 28px;
}
body.app-page #app-guide .app-crypto-section > .app-tag{
margin:0 0 22px;
}
body.app-page #app-guide .app-crypto-section > h2{
margin:0 0 18px;
font-family:Antonio,sans-serif;
font-size:clamp(34px,4.5vw,52px);
line-height:1.05;
font-weight:600;
}
body.app-page #app-guide .app-crypto-section > h2 + h2,
body.app-page #app-guide .app-crypto-section > ol + h2,
body.app-page #app-guide .app-crypto-section > ul + h2,
body.app-page #app-guide .app-crypto-section > p + h2{
margin-top:28px;
}
body.app-page .app-crypto-section > p{
margin:0 0 14px !important;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.55;
}
body.app-page .app-crypto-section > p strong{
}
body.app-page .app-crypto-section > .app-check{
margin:0 0 8px;
padding:0;
list-style:none;
}
body.app-page .app-crypto-section > .app-check li{
margin:8px 0;
padding-left:1.7rem;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.5;
}
body.app-page .app-crypto-section > .app-crypto-steps{
margin:0 0 18px;
padding:0;
list-style:none;
counter-reset:crypto-step;
}
body.app-page .app-crypto-section > .app-crypto-steps li{
position:relative;
min-height:28px;
margin:10px 0;
padding:3px 0 3px 40px;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.5;
counter-increment:crypto-step;
}
body.app-page .app-crypto-section > .app-crypto-steps li::before{
content:counter(crypto-step);
position:absolute;
top:0;
left:0;
display:flex;
width:28px;
height:28px;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:13px;
font-weight:800;
}
body.app-page .app-crypto-section > .app-crypto-foot{
margin:18px 0 0 !important;
padding:4px 0 4px 15px;
}
body.app-page .app-crypto-section a{
}
@media (max-width:620px){
body.app-page .app-crypto-section{
padding:20px 14px 24px;
}
body.app-page .app-crypto-section > .app-crypto-steps li{
padding-left:37px;
font-size:14px;
}
}
body.app-page .app-responsible-section{
margin:0 0 30px;
padding:24px 16px 28px;
}
body.app-page #app-guide .app-responsible-section > .app-tag{
margin:0 0 26px;
}
body.app-page #app-guide .app-responsible-section > h2{
margin:0 0 22px;
}
body.app-page .app-responsible-section > p{
margin:0 0 18px !important;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.55;
}
body.app-page .app-responsible-section > ul{
margin:0 0 20px;
padding-left:28px;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.5;
}
body.app-page .app-responsible-section > ul li{
margin:6px 0;
}
body.app-page .app-responsible-section > ul strong{
}
body.app-page .app-responsible-section a{
}
body.app-page .app-responsible-section > .app-responsible-foot{
margin:22px 0 0 !important;
padding:4px 0 4px 15px;
}
@media (max-width:620px){
body.app-page .app-responsible-section{
padding:20px 14px 24px;
}
body.app-page .app-responsible-section > p,
body.app-page .app-responsible-section > ul{
font-size:14px;
}
}
body.app-page .app-legal-section{
margin:0 0 30px;
padding:24px 16px 28px;
}
body.app-page #app-guide .app-legal-section > .app-tag{
margin:0 0 26px;
}
body.app-page #app-guide .app-legal-section > h2{
margin:0 0 28px;
}
body.app-page .app-legal-section > p{
max-width:780px;
margin:0 0 20px !important;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.55;
}
body.app-page .app-legal-section > p strong{
}
body.app-page .app-legal-section > .app-legal-note{
margin:24px 0 !important;
padding:5px 0 5px 15px;
}
body.app-page .app-legal-section > .app-legal-tools{
margin:0 0 24px;
padding-left:28px;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.5;
}
body.app-page .app-legal-section > .app-legal-tools li{
margin:6px 0;
}
body.app-page .app-legal-section > .app-dl-row{
margin:30px 0 0;
}
@media (max-width:620px){
body.app-page .app-legal-section{
padding:20px 14px 24px;
}
body.app-page .app-legal-section > p,
body.app-page .app-legal-section > .app-legal-tools{
font-size:14px;
}
}
body.app-page .app-compare-section{
margin:0 0 30px;
padding:24px 16px 28px;
}
body.app-page #app-guide .app-compare-section > .app-tag{
margin:0 0 26px;
}
body.app-page #app-guide .app-compare-section > h2{
max-width:900px;
margin:0 0 24px;
}
body.app-page .app-compare-section > p{
max-width:820px;
margin:0 0 18px !important;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.55;
}
body.app-page .app-compare-section > ul{
max-width:820px;
margin:0 0 22px;
padding-left:28px;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.5;
}
body.app-page .app-compare-section > ul li{
margin:6px 0;
}
body.app-page .app-compare-section > ul strong{
}
body.app-page #app-guide .app-compare-section > h3{
margin:26px 0 14px;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:1.3;
font-weight:700;
}
html body.app-page .app-compare-section .table-wrapper{
margin:0 !important;
padding:0 !important;
overflow-x:auto;
border-radius:0 !important;
}
html body.app-page .app-compare-section table{
width:100% !important;
min-width:760px;
margin:0 !important;
border-collapse:collapse !important;
border-spacing:0 !important;
}
html body.app-page .app-compare-section table :is(thead,tbody,tr),
html body.app-page .app-compare-section.app-compare-section table :is(th,td){
}
html body.app-page .app-compare-section table :is(th,td){
padding:9px 8px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.35 !important;
vertical-align:middle !important;
}
html body.app-page .app-compare-section table thead th{
font-weight:700 !important;
text-align:center !important;
white-space:nowrap;
}
html body.app-page .app-compare-section table tbody :is(th,td){
font-weight:500 !important;
text-align:left !important;
}
body.app-page .app-compare-section > .app-dl-row{
margin-top:26px !important;
}
@media (max-width:620px){
body.app-page .app-compare-section{
padding:20px 14px 24px;
}
body.app-page .app-compare-section > p,
body.app-page .app-compare-section > ul{
font-size:14px;
}
}
html body #casino-intro#casino-intro{
margin-bottom:22px;
padding:26px 28px !important;
border-radius:16px !important;
}
html body #casino-intro#casino-intro > p{
margin:0 !important;
font-size:17px !important;
line-height:1.55 !important;
}
html body #casino-intro#casino-intro .home-intro-rating{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin-top:20px;
padding-top:18px;
font-size:16px;
line-height:1;
}
html body #casino-intro#casino-intro .home-intro-rating > strong{
font-size:21px;
font-weight:800;
}
html body #casino-intro#casino-intro .home-intro-rating__stars{
display:inline-flex;
align-items:center;
font-size:22px;
letter-spacing:2px;
line-height:1;
white-space:nowrap;
}
html body #casino-intro#casino-intro .home-intro-rating__full{
}
html body #casino-intro#casino-intro .home-intro-rating__partial{
position:relative;
display:inline-block;
line-height:1;
letter-spacing:0;
}
html body #casino-intro#casino-intro .home-intro-rating__empty{
display:block;
}
html body #casino-intro#casino-intro .home-intro-rating__fill{
position:absolute;
top:0;
left:0;
width:50%;
overflow:hidden;
white-space:nowrap;
}
@media (max-width:620px){
html body #casino-intro#casino-intro{
padding:20px 18px !important;
border-radius:14px !important;
}
html body #casino-intro#casino-intro > p{
font-size:15px !important;
}
html body #casino-intro#casino-intro .home-intro-rating{
font-size:14px;
}
}
html body #facts#facts .app-info-card,
html body #facts#facts .app-info-card__table,
html body #facts#facts .app-info-card__table :is(table,tbody,tr,th,td),
html body #facts#facts .app-info-card__table tbody tr:nth-child(odd) :is(th,td),
html body #facts#facts .app-info-card__table tbody tr:nth-child(even) :is(th,td),
html body #facts#facts .app-info-card__table tbody tr:hover :is(th,td){
}
html body #facts#facts .app-info-card__table :is(th,td){
}
html body.app-page .app-top-hero{
}
html body.app-page .app-reference-section{
}
html body.app-page .app-reference-section .app-specs-table{
}
html body.app-page .app-reference-section .app-specs-table :is(table,thead,tbody,tr,th,td){
}
html body.app-page .app-reference-section .app-specs-table :is(th,td){
}
html body.app-page .app-reference-section .app-overview-table,
html body.app-page .app-reference-section .app-overview-table :is(table,tbody,tr,th,td){
}
body.app-page #app-guide :is(
.app-reference-section > h2,
.app-ecosystem-intro h2,
.app-install-section > h2,
.app-features-section > h2,
.app-availability-section > h3,
.app-odds-section > h3,
.app-play-section > h2,
.app-bonus-section > h2,
.app-bonus-claim > h3,
.app-payments-section > h2,
.app-crypto-section > h2,
#app-rg,
#app-legal,
#app-compare
){
font-family:Antonio,sans-serif !important;
font-size:clamp(32px,3.7vw,42px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip){
border-radius:12px !important;
}
html body .chips a.chip{
border-radius:999px !important;
}
html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip)::before,
html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip)::after{
content:none !important;
display:none !important;
}
html body :is(.btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip) :is(span, strong, svg, svg path, svg circle, svg rect, svg line){
}
html body :is(.offers-trigger, .head-search-ico):is(.offers-trigger, .head-search-ico) .offers-trigger__ico,
html body .offers-trigger .offers-trigger__ico{
}
@media (hover:hover){
html body :is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):is(.head .btn, .btn, .btn--login, .btn--reg, .pulse-btn, .vmore-btn, .ft-btn, .hero-cta, .play, .game-play-btn, .burger, .offers-trigger, .head-search-ico, .chip):hover{
}
}
html body .chips.chips a.chip{
}
html body .chips.chips a.chip :is(span,strong){
}
@media (hover:hover){
html body .chips.chips a.chip:hover{
}
}
html body #login#login.login-section{
margin-bottom:30px;
padding:24px 18px 28px !important;
overflow:hidden;
border-radius:0 !important;
}
html body #login#login > .home-section-tag{
display:inline-flex;
width:auto;
margin:0 0 20px !important;
padding:8px 15px;
border-radius:999px;
font-size:14px !important;
line-height:1;
font-weight:700;
}
html body #login#login > h2{
margin:0 0 24px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(32px,3.7vw,42px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
html body #login#login .login-flow__content > p{
margin:0 0 18px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
html body #login#login .login-flow__content > h3{
margin:22px 0 12px !important;
font-size:20px !important;
line-height:1.3 !important;
}
html body #login#login .login-flow__content a{
}
html body #login#login .login-banner-block__link{
overflow:hidden;
}
html body #login#login .login-banner-block__img{
width:100%;
height:auto;
max-height:none;
object-fit:contain;
}
@media (max-width:860px){
html body #login#login.login-section{
padding:20px 14px 24px !important;
}
html body #login#login .login-flow__content > p{
font-size:14px !important;
}
}
html body #bonuses#bonuses{
margin-bottom:30px;
padding:24px 18px 28px !important;
border-radius:0 !important;
}
html body #bonuses#bonuses > .home-section-tag{
display:inline-flex;
width:auto;
margin:0 0 20px !important;
padding:8px 15px;
border-radius:999px;
font-size:14px !important;
line-height:1;
font-weight:700;
}
html body #bonuses#bonuses > h2{
margin:0 0 24px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(32px,3.7vw,42px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
html body #bonuses#bonuses > h3{
margin:24px 0 12px !important;
font-size:20px !important;
line-height:1.3 !important;
}
html body #bonuses#bonuses > p{
margin:0 0 18px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
html body #bonuses#bonuses > ul{
margin:0 0 22px;
padding-left:28px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.5 !important;
}
html body #bonuses#bonuses > ul li{
margin:6px 0;
}
html body #bonuses#bonuses > p a{
}
@media (max-width:620px){
html body #bonuses#bonuses{
padding:20px 14px 24px !important;
}
html body #bonuses#bonuses > p,
html body #bonuses#bonuses > ul{
font-size:14px !important;
}
}
html body #payments#payments{
margin-bottom:30px;
padding:24px 18px 28px !important;
border-radius:0 !important;
}
html body #payments#payments > .home-section-tag{
display:inline-flex;
width:auto;
margin:0 0 20px !important;
padding:8px 15px;
border-radius:999px;
font-size:14px !important;
line-height:1;
font-weight:700;
}
html body #payments#payments > h2{
margin:0 0 24px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(32px,3.7vw,42px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
html body #payments#payments > h3{
margin:24px 0 12px !important;
font-size:20px !important;
line-height:1.3 !important;
}
html body #payments#payments > p{
margin:0 0 18px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
html body #payments#payments > ul{
margin:0 0 22px;
padding-left:28px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.5 !important;
}
html body #payments#payments > ul li{
margin:6px 0;
}
html body #payments#payments > p a{
}
@media (max-width:620px){
html body #payments#payments{
padding:20px 14px 24px !important;
}
html body #payments#payments > p,
html body #payments#payments > ul{
font-size:14px !important;
}
}
html body #slots#slots{
margin-bottom:30px;
padding:24px 18px 28px !important;
border-radius:0 !important;
}
html body #slots#slots > .home-section-tag{
display:inline-flex;
width:auto;
margin:0 0 20px !important;
padding:8px 15px;
border-radius:999px;
font-size:14px !important;
line-height:1;
font-weight:700;
}
html body #slots#slots > h2{
margin:0 0 18px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(32px,3.7vw,42px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
html body #slots#slots > p:not(.home-section-tag){
max-width:900px;
margin:0 0 22px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
html body #slots#slots .popular-games__grid{
gap:14px !important;
}
html body #slots#slots .popular-games__card{
overflow:hidden;
border-radius:12px !important;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body #slots#slots .popular-games__media{
overflow:hidden;
}
html body #slots#slots .popular-games__meta{
min-height:52px;
padding:12px 10px !important;
}
html body #slots#slots .popular-games__title{
margin:0 !important;
font-size:13px !important;
line-height:1.35 !important;
font-weight:700 !important;
}
@media (hover:hover){
html body #slots#slots .popular-games__card:hover{
transform:translateY(-3px);
}
}
@media (max-width:620px){
html body #slots#slots{
padding:20px 14px 24px !important;
}
html body #slots#slots > p:not(.home-section-tag){
font-size:14px !important;
}
}
html body #games#games{
margin-bottom:30px;
padding:24px 18px 28px !important;
border-radius:0 !important;
}
html body #games#games > .home-section-tag{
display:inline-flex;
width:auto;
margin:0 0 20px !important;
padding:8px 15px;
border-radius:999px;
font-size:14px !important;
line-height:1;
font-weight:700;
}
html body #games#games > h2{
margin:0 0 18px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(32px,3.7vw,42px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
html body #games#games > h3{
margin:24px 0 12px !important;
font-size:20px !important;
line-height:1.3 !important;
}
html body #games#games > p{
margin:0 0 18px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
html body #games#games > ul{
margin:0 0 24px;
padding-left:28px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.5 !important;
}
html body #games#games > ul li{
margin:6px 0;
}
html body #games#games > .grid{
gap:18px !important;
margin:24px 0 20px;
}
html body #games#games .card{
overflow:hidden;
border-radius:12px !important;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body #games#games .card .info{
min-height:66px;
padding:12px 14px !important;
}
html body #games#games .card .title{
margin:0 0 4px !important;
font-weight:700 !important;
}
html body #games#games .card .vendor{
margin:0 !important;
}
@media (hover:hover){
html body #games#games .card:hover{
transform:translateY(-3px);
}
}
@media (max-width:620px){
html body #games#games{
padding:20px 14px 24px !important;
}
html body #games#games > p,
html body #games#games > ul{
font-size:14px !important;
}
}
html body #app#app{
margin-bottom:30px;
padding:24px 18px 28px !important;
border-radius:0 !important;
}
html body #app#app > .home-section-tag{
display:inline-flex;
width:auto;
margin:0 0 20px !important;
padding:8px 15px;
border-radius:999px;
font-size:14px !important;
line-height:1;
font-weight:700;
}
html body #app#app > h2{
margin:0 0 20px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(32px,3.7vw,42px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
html body #app#app > h3{
margin:24px 0 12px !important;
font-size:20px !important;
line-height:1.3 !important;
}
html body #app#app > p{
margin:0 0 18px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
html body #app#app > ul{
margin:0 0 22px;
padding-left:28px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.5 !important;
}
html body #app#app > ul li{
margin:6px 0;
}
html body #app#app > p a{
}
html body #app#app > .home-app-guides-title{
margin:30px 0 18px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(28px,3.2vw,38px) !important;
font-weight:600 !important;
}
html body #app#app .home-app-guides{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
}
html body #app#app .home-app-guide-card{
display:flex;
min-width:0;
min-height:210px;
flex-direction:column;
align-items:flex-start;
padding:28px;
border-radius:16px !important;
text-decoration:none !important;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body #app#app .home-app-guide-card__icon{
display:flex;
width:58px;
height:58px;
align-items:center;
justify-content:center;
margin-bottom:18px;
border-radius:14px;
}
html body #app#app .home-app-guide-card__icon svg{
display:block;
width:36px;
height:36px;
}
html body #app#app .home-app-guide-card__icon--android{
}
html body #app#app .home-app-guide-card__icon--ios{
}
html body #app#app .home-app-guide-card__icon--windows{
}
html body #app#app .home-app-guide-card__label{
margin-bottom:14px;
font-size:14px;
line-height:1.2;
font-weight:700;
text-decoration:underline;
}
html body #app#app .home-app-guide-card__title{
font-size:22px;
line-height:1.25;
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:4px;
}
@media (hover:hover){
html body #app#app .home-app-guide-card:hover{
transform:translateY(-3px);
}
}
@media (max-width:760px){
html body #app#app .home-app-guides{
grid-template-columns:1fr;
}
html body #app#app .home-app-guide-card{
min-height:0;
}
}
@media (max-width:620px){
html body #app#app{
padding:20px 14px 24px !important;
}
html body #app#app > p,
html body #app#app > ul{
font-size:14px !important;
}
}
html body #providers#providers{
margin-bottom:30px;
padding:24px 18px 28px !important;
border-radius:0 !important;
}
html body #providers#providers > .home-section-tag{
display:inline-flex;
width:auto;
margin:0 0 20px !important;
padding:8px 15px;
border-radius:999px;
font-size:14px !important;
line-height:1;
font-weight:700;
}
html body #providers#providers > h2{
margin:0 0 18px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(32px,3.7vw,42px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
html body #providers#providers > p{
margin:0 0 18px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
html body #providers#providers .prov-grid{
gap:18px !important;
margin:24px 0 8px;
}
html body #providers#providers .prov{
overflow:hidden;
border-radius:12px !important;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body #providers#providers .prov .prov-media{
}
html body #providers#providers .prov .prov-name{
display:block;
padding:12px 10px !important;
font-weight:700 !important;
text-align:center;
}
@media (hover:hover){
html body #providers#providers .prov:hover{
transform:translateY(-3px);
}
}
@media (max-width:620px){
html body #providers#providers{
padding:20px 14px 24px !important;
}
html body #providers#providers > p{
font-size:14px !important;
}
}
html body #register#register{
margin-bottom:30px;
padding:24px 18px 28px !important;
border-radius:0 !important;
}
html body #register#register > .home-section-tag{
display:inline-flex;
width:auto;
margin:0 0 20px !important;
padding:8px 15px;
border-radius:999px;
font-size:14px !important;
line-height:1;
font-weight:700;
}
html body #register#register > h2{
margin:0 0 18px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(32px,3.7vw,42px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
html body #register#register > p{
margin:0 0 18px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
html body #register#register > .home-register-steps{
margin:0 0 22px;
padding:0;
list-style:none;
counter-reset:register-step;
}
html body #register#register > .home-register-steps li{
position:relative;
min-height:28px;
margin:10px 0;
padding:3px 0 3px 40px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.5 !important;
counter-increment:register-step;
}
html body #register#register > .home-register-steps li::before{
content:counter(register-step);
position:absolute;
top:0;
left:0;
display:flex;
width:28px;
height:28px;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:13px;
font-weight:800;
}
@media (max-width:620px){
html body #register#register{
padding:20px 14px 24px !important;
}
html body #register#register > p,
html body #register#register > .home-register-steps li{
font-size:14px !important;
}
}
body.acceso-page .login-platforms-section{
margin:0 0 28px;
padding:22px 16px 24px;
border-radius:14px;
}
body.acceso-page .login-platforms-section > .home-section-tag{
display:inline-flex;
width:auto;
margin:0 0 18px !important;
padding:8px 15px;
border-radius:999px;
font-size:14px !important;
line-height:1;
font-weight:700;
}
body.acceso-page .login-platforms-section > h2{
margin:0 0 14px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(28px,3.4vw,38px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
body.acceso-page .login-platforms-section > p{
margin:0 0 18px !important;
font-size:15px !important;
line-height:1.55 !important;
}
body.acceso-page .login-platform-guides{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}
body.acceso-page .login-platform-guides .home-app-guide-card{
display:flex;
min-width:0;
min-height:190px;
flex-direction:column;
align-items:flex-start;
padding:24px;
border-radius:16px !important;
text-decoration:none !important;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.acceso-page .login-platform-guides .home-app-guide-card__icon{
display:flex;
width:58px;
height:58px;
align-items:center;
justify-content:center;
margin-bottom:16px;
border-radius:14px;
}
body.acceso-page .login-platform-guides .home-app-guide-card__icon svg{
display:block;
width:36px;
height:36px;
}
body.acceso-page .login-platform-guides .home-app-guide-card__icon--android{
}
body.acceso-page .login-platform-guides .home-app-guide-card__icon--ios{
}
body.acceso-page .login-platform-guides .home-app-guide-card__icon--windows{
}
body.acceso-page .login-platform-guides .home-app-guide-card__label{
margin-bottom:12px;
font-size:14px;
font-weight:700;
text-decoration:underline;
}
body.acceso-page .login-platform-guides .home-app-guide-card__title{
font-size:20px;
line-height:1.25;
text-decoration:underline;
text-underline-offset:4px;
}
@media (hover:hover){
body.acceso-page .login-platform-guides .home-app-guide-card:hover{
transform:translateY(-3px);
}
}
@media (max-width:860px){
body.acceso-page .login-platform-guides{
grid-template-columns:1fr;
}
body.acceso-page .login-platform-guides .home-app-guide-card{
min-height:0;
}
}
body.acceso-page main > .page-title{
margin-bottom:22px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(38px,5vw,54px) !important;
line-height:1.05 !important;
font-weight:600 !important;
}
body.acceso-page #login-guide#login-guide > .login-intro{
position:relative;
margin:0 0 24px;
padding:58px 24px 22px;
overflow:hidden;
border-radius:16px;
}
body.acceso-page #login-guide#login-guide > .login-intro::before{
content:"Secure account access";
position:absolute;
top:20px;
left:24px;
display:inline-flex;
padding:7px 14px;
border-radius:999px;
font-size:13px;
line-height:1;
font-weight:700;
}
body.acceso-page #login-guide#login-guide > .login-intro .legal-note{
margin:0 !important;
padding:0 !important;
font-size:15px !important;
line-height:1.6 !important;
}
body.acceso-page #login-guide#login-guide .login-flow{
gap:24px !important;
}
body.acceso-page #login-guide#login-guide .login-flow__side{
padding:24px;
border-radius:16px;
}
body.acceso-page #login-guide#login-guide .login-flow__side > p{
margin:0 0 17px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
body.acceso-page #login-guide#login-guide .login-summary-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px !important;
margin:22px 0 24px !important;
padding:0 !important;
list-style:none !important;
}
body.acceso-page #login-guide#login-guide .login-summary-list li{
position:relative;
min-width:0;
margin:0 !important;
padding:12px 12px 12px 38px;
border-radius:10px;
font-size:13px;
line-height:1.4;
}
body.acceso-page #login-guide#login-guide .login-summary-list li::before{
content:"✓";
position:absolute;
top:13px;
left:13px;
display:flex;
width:16px;
height:16px;
align-items:center;
justify-content:center;
border-radius:3px;
font-size:10px;
font-weight:800;
}
body.acceso-page #login-guide#login-guide .login-guide-map{
margin:0 !important;
padding:20px !important;
border-radius:14px !important;
}
body.acceso-page #login-guide#login-guide .login-guide-map h2{
margin:0 0 15px !important;
font-family:Antonio,sans-serif !important;
font-size:30px !important;
line-height:1.1 !important;
font-weight:600 !important;
}
body.acceso-page #login-guide#login-guide .login-guide-map ul{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px !important;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
body.acceso-page #login-guide#login-guide .login-guide-map li{
min-width:0;
margin:0 !important;
}
body.acceso-page #login-guide#login-guide .login-guide-map a{
display:block;
height:100%;
padding:10px 12px;
border-radius:9px;
font-size:13px;
line-height:1.35;
text-decoration:none !important;
transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
body.acceso-page #login-guide#login-guide .login-banner-block{
padding:12px;
border-radius:16px;
}
body.acceso-page #login-guide#login-guide .login-banner-block__link{
overflow:hidden;
border-radius:12px !important;
}
body.acceso-page #login-guide#login-guide .login-banner-block__img{
border-radius:11px;
}
body.acceso-page #login-guide#login-guide .login-banner-block__cta{
margin-top:12px !important;
}
@media (hover:hover){
body.acceso-page #login-guide#login-guide .login-guide-map a:hover{
}
}
@media (max-width:560px){
body.acceso-page #login-guide#login-guide > .login-intro{
padding:56px 16px 18px;
border-radius:13px;
}
body.acceso-page #login-guide#login-guide > .login-intro::before{
left:16px;
}
body.acceso-page #login-guide#login-guide .login-flow__side{
padding:16px;
}
body.acceso-page #login-guide#login-guide .login-summary-list,
body.acceso-page #login-guide#login-guide .login-guide-map ul{
grid-template-columns:1fr;
}
}
body.acceso-page #login-guide#login-guide .login-lead-combined{
grid-column:1 / -1;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(250px,320px);
gap:22px 28px;
align-items:start;
padding:24px;
border-radius:18px;
}
body.acceso-page #login-guide#login-guide .login-lead-combined > h2{
grid-column:1 / -1;
grid-row:1;
margin:0 !important;
padding:0 0 17px;
font-family:Antonio,sans-serif !important;
font-size:clamp(32px,3.8vw,44px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side{
grid-column:1;
grid-row:2;
padding:0;
border-radius:0;
}
body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{
grid-column:2;
grid-row:2;
width:100%;
margin:0;
padding:0;
border-radius:0;
}
body.acceso-page #login-guide#login-guide .login-lead-combined .login-banner-block__link{
}
@media (max-width:860px){
body.acceso-page #login-guide#login-guide .login-lead-combined{
grid-template-columns:1fr;
}
body.acceso-page #login-guide#login-guide .login-lead-combined > h2,
body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side,
body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{
grid-column:1;
}
body.acceso-page #login-guide#login-guide .login-lead-combined > h2{
grid-row:1;
}
body.acceso-page #login-guide#login-guide .login-lead-combined > .login-flow__side{
grid-row:2;
}
body.acceso-page #login-guide#login-guide .login-lead-combined > .login-banner-block{
grid-row:3;
width:min(340px,100%);
margin:0 auto;
}
}
@media (max-width:560px){
body.acceso-page #login-guide#login-guide .login-lead-combined{
padding:17px;
border-radius:14px;
}
}
body.acceso-page #login-guide#login-guide .login-os-card{
--os-accent:#FFB07A;
position:relative;
margin:26px 0;
padding:24px;
overflow:hidden;
border-radius:18px;
}
body.acceso-page #login-guide#login-guide .login-os-card--windows{
--os-accent:#08A99A;
}
body.acceso-page #login-guide#login-guide .login-os-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
}
body.acceso-page #login-guide#login-guide .login-os-card__head{
display:flex;
align-items:center;
gap:18px;
margin:0 0 20px;
padding-bottom:18px;
}
body.acceso-page #login-guide#login-guide .login-os-card__icon{
display:flex;
width:64px;
height:64px;
flex:0 0 64px;
align-items:center;
justify-content:center;
border-radius:16px;
}
body.acceso-page #login-guide#login-guide .login-os-card__icon svg{
display:block;
width:39px;
height:39px;
}
body.acceso-page #login-guide#login-guide .login-os-card__icon--ios{
}
body.acceso-page #login-guide#login-guide .login-os-card__icon--android{
}
body.acceso-page #login-guide#login-guide .login-os-card__icon--windows{
}
body.acceso-page #login-guide#login-guide .login-os-card__eyebrow{
display:block;
margin-bottom:5px;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:1.2;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
}
body.acceso-page #login-guide#login-guide .login-os-card__head h2{
margin:0 !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(29px,3.5vw,39px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
body.acceso-page #login-guide#login-guide .login-os-card > p{
margin:0 0 18px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
body.acceso-page #login-guide#login-guide .login-os-card > ol{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0 0 20px !important;
padding:0 !important;
list-style:none !important;
counter-reset:os-login-step;
}
body.acceso-page #login-guide#login-guide .login-os-card > ol li{
position:relative;
min-height:52px;
margin:0 !important;
padding:12px 12px 12px 44px;
border-radius:10px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.4 !important;
counter-increment:os-login-step;
}
body.acceso-page #login-guide#login-guide .login-os-card > ol li::before{
content:counter(os-login-step);
position:absolute;
top:12px;
left:12px;
display:flex;
width:22px;
height:22px;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:11px;
font-weight:800;
}
body.acceso-page #login-guide#login-guide .login-os-card > .login-os-card__tip{
margin:0 0 20px !important;
padding:13px 15px;
border-radius:0 9px 9px 0;
font-size:13px !important;
}
body.acceso-page #login-guide#login-guide .login-os-card > .cta-center{
margin:0 !important;
}
@media (max-width:680px){
body.acceso-page #login-guide#login-guide .login-os-card{
padding:19px 16px;
border-radius:14px;
}
body.acceso-page #login-guide#login-guide .login-os-card__head{
align-items:flex-start;
gap:14px;
}
body.acceso-page #login-guide#login-guide .login-os-card__icon{
width:54px;
height:54px;
flex-basis:54px;
}
body.acceso-page #login-guide#login-guide .login-os-card > ol{
grid-template-columns:1fr;
}
body.acceso-page #login-guide#login-guide .login-os-card > p{
font-size:14px !important;
}
}
body.acceso-page #login-guide#login-guide .login-content-card{
--content-accent:#FFB07A;
position:relative;
margin:26px 0;
padding:24px;
overflow:hidden;
border-radius:18px;
}
body.acceso-page #login-guide#login-guide .login-content-card--security{
--content-accent:#08A99A;
}
body.acceso-page #login-guide#login-guide .login-content-card--troubleshoot{
--content-accent:#FFC08F;
}
body.acceso-page #login-guide#login-guide .login-content-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
}
body.acceso-page #login-guide#login-guide .login-content-card > h2{
margin:0 0 18px !important;
padding-bottom:16px;
font-family:Antonio,sans-serif !important;
font-size:clamp(30px,3.5vw,39px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > p{
margin:0 0 17px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > ul{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0 0 20px !important;
padding:0 !important;
list-style:none !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > ul li{
position:relative;
margin:0 !important;
padding:12px 12px 12px 40px;
border-radius:10px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.4 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > ul li::before{
content:"✓";
position:absolute;
top:13px;
left:13px;
display:flex;
width:17px;
height:17px;
align-items:center;
justify-content:center;
border-radius:3px;
font-size:10px;
font-weight:800;
}
body.acceso-page #login-guide#login-guide .login-content-card > ol{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0 0 20px !important;
padding:0 !important;
list-style:none !important;
counter-reset:content-step;
}
body.acceso-page #login-guide#login-guide .login-content-card > ol li{
position:relative;
min-height:52px;
margin:0 !important;
padding:12px 12px 12px 44px;
border-radius:10px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.4 !important;
counter-increment:content-step;
}
body.acceso-page #login-guide#login-guide .login-content-card > ol li::before{
content:counter(content-step);
position:absolute;
top:12px;
left:12px;
display:flex;
width:22px;
height:22px;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:11px;
font-weight:800;
}
html body.acceso-page #login-guide#login-guide .login-content-card .table-wrapper{
margin:18px 0 0 !important;
padding:0 !important;
overflow-x:auto;
border-radius:10px !important;
}
html body.acceso-page #login-guide#login-guide .login-content-card table{
width:100% !important;
min-width:680px;
margin:0 !important;
border-collapse:collapse !important;
border-spacing:0 !important;
}
html body.acceso-page #login-guide#login-guide .login-content-card table :is(thead,tbody,tr,th,td),
html body.acceso-page #login-guide#login-guide .login-content-card table tr:nth-child(odd) :is(th,td),
html body.acceso-page #login-guide#login-guide .login-content-card table tr:nth-child(even) :is(th,td),
html body.acceso-page #login-guide#login-guide .login-content-card table tr:hover :is(th,td){
}
html body.acceso-page #login-guide#login-guide .login-content-card table :is(th,td){
padding:10px 9px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.35 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > .cta-center{
margin:20px 0 0 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > .cta-center--pair{
display:flex !important;
flex-wrap:wrap;
gap:24px !important;
}
body.acceso-page #login-guide#login-guide .login-content-card--faq > p{
}
body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item{
margin:10px 0 !important;
padding:16px 18px !important;
border-radius:11px !important;
}
body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item h3{
margin:0 0 7px !important;
font-size:16px !important;
line-height:1.35 !important;
}
body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item p{
margin:0 !important;
font-size:14px !important;
line-height:1.5 !important;
}
@media (max-width:680px){
body.acceso-page #login-guide#login-guide .login-content-card{
padding:19px 16px;
border-radius:14px;
}
body.acceso-page #login-guide#login-guide .login-content-card > ul,
body.acceso-page #login-guide#login-guide .login-content-card > ol{
grid-template-columns:1fr;
}
body.acceso-page #login-guide#login-guide .login-content-card > p{
font-size:14px !important;
}
body.acceso-page #login-guide#login-guide .login-content-card > .cta-center--pair{
gap:18px !important;
}
}
body.bonus-page main > .page-title{
margin-bottom:22px !important;
font-family:Antonio,sans-serif !important;
font-size:clamp(40px,5vw,56px) !important;
line-height:1.05 !important;
font-weight:600 !important;
}
body.bonus-page #bonus-guide#bonus-guide > .legal-note{
position:relative;
margin:0 0 24px !important;
padding:58px 22px 20px !important;
border-radius:16px !important;
font-size:15px !important;
line-height:1.55 !important;
}
body.bonus-page #bonus-guide#bonus-guide > .legal-note::before{
content:"Bonus guide";
position:absolute;
top:18px;
left:22px;
display:inline-flex;
padding:7px 14px;
border-radius:999px;
font-size:13px;
line-height:1;
font-weight:700;
}
body.bonus-page #bonus-guide#bonus-guide > .home-hero{
margin:0 0 28px !important;
padding:14px !important;
border-radius:18px !important;
}
body.bonus-page #bonus-guide#bonus-guide > .home-hero .frame{
padding:0 !important;
}
body.bonus-page #bonus-guide#bonus-guide > .home-hero .banner{
display:block;
width:100% !important;
height:auto !important;
max-height:none !important;
object-fit:contain !important;
border-radius:13px !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card{
--bonus-accent:#FFB07A;
position:relative;
margin:26px 0;
padding:24px;
overflow:hidden;
border-radius:18px;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--welcome,
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--vip,
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--payments{
--bonus-accent:#08A99A;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > h2{
margin:0 0 18px !important;
padding-bottom:16px;
font-family:Antonio,sans-serif !important;
font-size:clamp(30px,3.6vw,40px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > p{
margin:0 0 17px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card a:not(.pulse-btn){
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0 0 20px !important;
padding:0 !important;
list-style:none !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul li{
position:relative;
min-height:50px;
margin:0 !important;
padding:12px 12px 12px 41px;
border-radius:10px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.4 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul li::before{
content:"✓";
position:absolute;
top:13px;
left:13px;
display:flex;
width:17px;
height:17px;
align-items:center;
justify-content:center;
border-radius:3px;
font-size:10px;
font-weight:800;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--voids > ul li::before{
content:"!";
border-radius:50%;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0 0 20px !important;
padding:0 !important;
list-style:none !important;
counter-reset:bonus-content-step;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol li{
position:relative;
min-height:52px;
margin:0 !important;
padding:12px 12px 12px 45px;
border-radius:10px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.4 !important;
counter-increment:bonus-content-step;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol li::before{
content:counter(bonus-content-step);
position:absolute;
top:12px;
left:12px;
display:flex;
width:23px;
height:23px;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:11px;
font-weight:800;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card .table-wrapper{
margin:18px 0 !important;
padding:0 !important;
overflow-x:auto;
border-radius:10px !important;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table{
width:100% !important;
min-width:620px;
margin:0 !important;
border-collapse:collapse !important;
border-spacing:0 !important;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table :is(thead,tbody,tr,th,td),
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table tr:nth-child(odd) :is(th,td),
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table tr:nth-child(even) :is(th,td),
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table tr:hover :is(th,td){
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card table :is(th,td){
padding:10px 9px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.35 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > .cta-center{
margin:22px 0 0 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item{
margin:10px 0 !important;
padding:16px 18px !important;
border-radius:11px !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item h3{
margin:0 0 7px !important;
font-size:16px !important;
line-height:1.35 !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item p{
margin:0 !important;
font-size:14px !important;
line-height:1.5 !important;
}
@media (max-width:680px){
body.bonus-page #bonus-guide#bonus-guide > .legal-note{
padding:56px 16px 18px !important;
}
body.bonus-page #bonus-guide#bonus-guide > .legal-note::before{
left:16px;
}
body.bonus-page #bonus-guide#bonus-guide > .home-hero{
padding:9px !important;
border-radius:14px !important;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card{
padding:19px 16px;
border-radius:14px;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul,
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol{
grid-template-columns:1fr;
}
body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > p{
font-size:14px !important;
}
}
body.legal-page .shell > main{
display:flex;
flex-direction:column;
gap:0;
}
body.legal-page :is(.shell > main, main) > .page-title{
margin-bottom:18px !important;
}
body.legal-page #legal-guide#legal-guide{
display:block;
padding:0 !important;
}
body.legal-page #legal-guide#legal-guide > .legal-note{
position:relative;
margin:0 0 24px !important;
padding:58px 22px 20px !important;
border-radius:16px !important;
font-size:15px !important;
line-height:1.55 !important;
}
body.legal-page #legal-guide#legal-guide > .legal-note::before{
content:"Legal guide";
position:absolute;
top:18px;
left:22px;
display:inline-flex;
padding:7px 14px;
border-radius:999px;
font-size:13px;
line-height:1;
font-weight:700;
}
body.terms-page #legal-guide#legal-guide > .legal-note::before{ content:"Terms guide"; }
body.privacy-page #legal-guide#legal-guide > .legal-note::before{ content:"Privacy guide"; }
body.responsible-page #legal-guide#legal-guide > .legal-note::before{ content:"Safer play"; }
body.payments-page #legal-guide#legal-guide > .legal-note::before{ content:"Payments guide"; }
body.kyc-page #legal-guide#legal-guide > .legal-note::before{ content:"KYC guide"; }
body.aml-page #legal-guide#legal-guide > .legal-note::before{ content:"AML guide"; }
body.legal-page #legal-guide#legal-guide .legal-content-card{
--legal-accent:#FFB07A;
position:relative;
margin:26px 0;
padding:24px;
overflow:hidden;
border-radius:18px;
}
body.legal-page #legal-guide#legal-guide .legal-content-card--alt{
--legal-accent:#08A99A;
}
body.legal-page #legal-guide#legal-guide .legal-content-card--warn{
--legal-accent:#FFB07A;
}
body.legal-page #legal-guide#legal-guide .legal-content-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > h2{
margin:0 0 18px !important;
padding-bottom:16px;
font-family:Antonio,sans-serif !important;
font-size:clamp(28px,3.4vw,38px) !important;
line-height:1.08 !important;
font-weight:600 !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > p{
margin:0 0 17px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:15px !important;
line-height:1.55 !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > p:last-child{
margin-bottom:0 !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card a:not(.pulse-btn){
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ul{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0 0 20px !important;
padding:0 !important;
list-style:none !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ul li{
position:relative;
min-height:50px;
margin:0 !important;
padding:12px 12px 12px 41px;
border-radius:10px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:14px !important;
line-height:1.45 !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ul li::before{
content:"✓";
position:absolute;
top:13px;
left:13px;
display:flex;
width:17px;
height:17px;
align-items:center;
justify-content:center;
border-radius:4px;
font-size:11px;
font-weight:700;
line-height:1;
}
body.legal-page #legal-guide#legal-guide .legal-content-card--warn > ul li::before{
content:"!";
border-radius:50%;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ol{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin:0 0 20px !important;
padding:0 !important;
list-style:none !important;
counter-reset:legal-content-step;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ol li{
position:relative;
min-height:52px;
margin:0 !important;
padding:12px 12px 12px 45px;
border-radius:10px;
font-family:Arial,Helvetica,sans-serif !important;
font-size:14px !important;
line-height:1.45 !important;
counter-increment:legal-content-step;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ol li::before{
content:counter(legal-content-step);
position:absolute;
top:12px;
left:12px;
display:flex;
width:23px;
height:23px;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:12px;
font-weight:700;
line-height:1;
}
html body.legal-page #legal-guide#legal-guide .legal-content-card .table-wrapper{
margin:18px 0 !important;
padding:0 !important;
overflow-x:auto;
border-radius:10px !important;
}
html body.legal-page #legal-guide#legal-guide .legal-content-card table{
width:100% !important;
min-width:560px;
margin:0 !important;
border-collapse:collapse !important;
border-spacing:0 !important;
}
html body.legal-page #legal-guide#legal-guide .legal-content-card table :is(thead,tbody,tr,th,td),
html body.legal-page #legal-guide#legal-guide .legal-content-card table tr:nth-child(odd) :is(th,td),
html body.legal-page #legal-guide#legal-guide .legal-content-card table tr:nth-child(even) :is(th,td),
html body.legal-page #legal-guide#legal-guide .legal-content-card table tr:hover :is(th,td){
}
html body.legal-page #legal-guide#legal-guide .legal-content-card table :is(th,td){
padding:10px 9px !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:13px !important;
line-height:1.35 !important;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > .cta-center,
body.legal-page #legal-guide#legal-guide > .cta-center{
margin:22px 0 0 !important;
}
@media (max-width:680px){
body.legal-page #legal-guide#legal-guide > .legal-note{
padding:56px 16px 18px !important;
}
body.legal-page #legal-guide#legal-guide > .legal-note::before{
left:16px;
}
body.legal-page #legal-guide#legal-guide .legal-content-card{
padding:19px 16px;
border-radius:14px;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > ul,
body.legal-page #legal-guide#legal-guide .legal-content-card > ol{
grid-template-columns:1fr;
}
body.legal-page #legal-guide#legal-guide .legal-content-card > p{
font-size:14px !important;
}
}
.drawer-backdrop{
position:fixed;
inset:0;
z-index:119;
margin:0;
padding:0;
pointer-events:none;
transition:opacity .28s ease;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
}
.drawer-backdrop.is-visible{
pointer-events:auto;
}
body.drawer-open{
overflow:hidden !important;
}
body.drawer-open .drawer .dnav{
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
@media (max-width:992px){
.drawer{
z-index:130 !important;
visibility:visible;
pointer-events:auto;
}
.drawer.open{
transform:translateX(0) !important;
}
.burger{
display:inline-flex !important;
z-index:131;
position:relative;
}
}
@media (max-width:992px){
html, body{
max-width:100%;
overflow-x:clip;
}
.shell,
.shell > main,
.site-footer,
.section,
.frame,
.login-section,
.facts-info-section,
#facts,
#bonuses,
#payments,
#login,
#login-guide,
#app-guide,
#legal-guide,
#bonus-guide{
min-width:0 !important;
max-width:100% !important;
}
.shell > main,
.section,
.login-section,
#facts,
#bonuses,
#login.login-section,
html body #login#login.login-section{
overflow:visible !important;
overflow-x:visible !important;
}
.shell > main img,
.shell > main video,
.shell > main canvas,
.shell > main svg,
.shell > main iframe{
max-width:100% !important;
height:auto;
}
.shell > main pre,
.shell > main code{
overflow-wrap:anywhere;
word-break:break-word;
}
}
@media (max-width:768px){
html body .table-wrapper,
html body .table-wrapper--scroll,
html body main .table-wrapper,
html body main .legal-doc .table-wrapper,
html body .legal-content-card .table-wrapper,
html body.bonus-page .bonus-content-card .table-wrapper,
html body.app-page .app-availability-section .table-wrapper,
html body.app-page .app-odds-section .table-wrapper,
html body.app-page .app-payments-section .table-wrapper,
html body.app-page .app-compare-section .table-wrapper,
html body.app-page .app-reference-section .table-wrapper,
html body.app-page .app-info-card__table,
html body .facts-info-section .app-info-card__table,
#facts .table-wrapper,
#bonuses .table-wrapper,
#payments .table-wrapper{
overflow-x:auto !important;
overflow-y:visible !important;
-webkit-overflow-scrolling:touch;
overscroll-behavior-x:contain;
max-width:100% !important;
}
html body .table-wrapper:not(.table-wrapper--cards) table,
html body.app-page .app-availability-section table,
html body.app-page .app-odds-section table,
html body.app-page .app-payments-section table,
html body.app-page .app-compare-section table,
html body.legal-page .legal-content-card table,
html body.bonus-page .bonus-content-card table{
max-width:none !important;
}
html body .table-wrapper--cards{
overflow:visible !important;
}
html body .table-wrapper--cards table,
html body .table-wrapper--cards thead,
html body .table-wrapper--cards tbody,
html body .table-wrapper--cards tr,
html body .table-wrapper--cards th,
html body .table-wrapper--cards td{
display:revert !important;
}
html body .table-wrapper--cards table{
display:block !important;
width:100% !important;
min-width:0 !important;
max-width:100% !important;
table-layout:auto !important;
}
html body .table-wrapper--cards thead{
display:none !important;
}
html body .table-wrapper--cards tbody{
display:block !important;
}
html body .table-wrapper--cards tbody tr{
display:block !important;
padding:14px 16px !important;
}
html body .table-wrapper--cards tbody tr:last-child{
}
html body .table-wrapper--cards tbody th[scope="row"],
html body .table-wrapper--cards tbody td{
display:block !important;
width:100% !important;
min-width:0 !important;
max-width:none !important;
box-sizing:border-box !important;
}
html body .table-wrapper--cards tbody th[scope="row"]{
padding:0 0 10px !important;
margin:0 0 8px !important;
font-weight:700 !important;
}
html body .table-wrapper--cards tbody td{
padding:8px 0 !important;
}
html body .table-wrapper--cards tbody td::before{
content:attr(data-label);
display:block;
font-weight:700;
font-size:11px;
letter-spacing:.04em;
text-transform:uppercase;
margin-bottom:4px;
}
html body .table-wrapper table:not(:has(thead)),
html body .facts-info-section .app-info-card__table table,
html body.app-page .app-info-card__table table,
html body.app-page .app-overview-table table{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
table-layout:fixed !important;
}
html body .table-wrapper table:not(:has(thead)) :is(th,td),
html body .facts-info-section .app-info-card__table :is(th,td),
html body.app-page .app-info-card__table :is(th,td),
html body.app-page .app-overview-table :is(th,td){
white-space:normal !important;
overflow-wrap:anywhere !important;
word-break:break-word !important;
}
}
@media (max-width:768px){
body .facts-info-section .app-info-grid,
html body.app-page .app-info-grid,
html body.app-page .app-feature-grid,
html body.app-page .app-req-grid,
html body.app-page .app-eco-grid,
html body.app-page .shell > main > details.app-toc-panel .app-toc-panel__cols,
html body.app-page #app-guide > details.app-toc .app-toc__list,
body.acceso-page #login-guide .login-summary-list,
body.acceso-page #login-guide .login-guide-map ul,
body.legal-page #legal-guide .legal-content-card > ul,
body.legal-page #legal-guide .legal-content-card > ol,
body.bonus-page .bonus-content-card > ul,
body.bonus-page .bonus-content-card > ol,
.cta-center.cta-center--pair,
.login-flow,
.ft-grid{
grid-template-columns:1fr !important;
columns:1 !important;
}
html body.app-page .app-odds-intro,
html body.app-page .app-top-hero,
html body.app-page .app-ecosystem-intro,
html body.app-page .app-payments-layout,
html body.app-page .app-play-layout,
body.acceso-page #login-guide .login-flow,
body.acceso-page #login-guide .login-lead-combined,
html body #login#login .login-flow{
display:flex !important;
flex-direction:column !important;
gap:16px !important;
}
html body #login#login .login-banner-block,
.login-banner-block{
float:none !important;
width:100% !important;
max-width:100% !important;
margin:0 0 16px !important;
}
.cta-center.cta-center--pair .pulse-btn,
.cta-center.cta-center--pair a{
width:100% !important;
max-width:100% !important;
}
html body.app-page .app-dl-row,
html body.app-page .app-dl-row .pulse-btn{
min-width:0 !important;
width:100% !important;
max-width:100% !important;
}
.frame,
.banner-wrap,
.hero-overlay{
max-width:100% !important;
}
.frame .banner,
.banner-wrap img,
.login-banner-block__img{
max-width:100% !important;
width:100% !important;
height:auto !important;
}
.chips{
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch;
max-width:100% !important;
}
.head{
flex-wrap:wrap;
row-gap:8px;
}
.head .btn{
max-width:100%;
}
}
@media (max-width:560px){
html body.app-page .app-screenshots-section .app-shots{
display:flex !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch;
height:auto !important;
max-height:none !important;
}
html body.app-page .app-screenshots-section .app-shot{
flex:0 0 min(72vw, 220px);
height:auto !important;
min-height:0 !important;
}
html body.app-page .app-screenshots-section .app-shot img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
}
html body.app-page .shell > main > details.app-toc-panel,
html body.app-page .shell > main > details.app-toc-panel[open]{
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
}
html body.app-page .shell > main > details.app-toc-panel[open]{
padding:12px 14px 16px !important;
}
html body.app-page .shell > main > details.app-toc-panel > summary.app-toc-panel__badge{
max-width:100% !important;
}
.prov-grid,
.grid,
.medals,
.popular-games__grid{
grid-template-columns:1fr 1fr !important;
}
}
@media (max-width:390px){
.prov-grid,
.grid,
.medals,
.popular-games__grid{
grid-template-columns:1fr !important;
}
.head .btn--login,
.head .btn--reg{
min-width:0 !important;
padding-left:10px !important;
padding-right:10px !important;
font-size:11px !important;
}
}
@media (max-width:992px){
body.drawer-open header{
z-index:90 !important;
}
html body .drawer,
html body .drawer.open{
z-index:130 !important;
top:0 !important;
bottom:0 !important;
}
html body .drawer-backdrop,
html body .drawer-backdrop.is-visible{
z-index:125 !important;
inset:0 !important;
}
html body .drawer .dclose{
z-index:2;
position:relative;
}
html body header .head{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
justify-content:flex-start !important;
column-gap:8px !important;
row-gap:8px !important;
padding-top:8px !important;
padding-bottom:8px !important;
min-height:0 !important;
}
html body header .head::after{
content:"" !important;
order:40 !important;
flex:0 0 100% !important;
width:100% !important;
height:0 !important;
margin:0 !important;
}
html body .head .burger{
order:1 !important;
flex:0 0 40px !important;
width:40px !important;
min-width:40px !important;
min-height:40px !important;
height:40px !important;
margin:0 !important;
z-index:1 !important;
position:relative !important;
}
html body .head .logo{
order:2 !important;
flex:1 1 auto !important;
display:flex !important;
justify-content:center !important;
align-items:center !important;
min-width:0 !important;
margin:0 !important;
}
html body .head .logo img{
height:34px !important;
max-width:min(180px, 52vw) !important;
width:auto !important;
}
html body .head .head-nav{
display:none !important;
}
html body .head .head-search-ico{
order:3 !important;
flex:0 0 40px !important;
width:40px !important;
min-width:40px !important;
min-height:40px !important;
height:40px !important;
margin:0 0 0 auto !important;
margin-left:auto !important;
}
html body .head .lang-switch,
html body .head .offers-trigger{
display:none !important;
}
html body .head .btn--login,
html body .head .btn--reg,
html body .head a.btn--login,
html body .head a.btn--reg{
order:50 !important;
flex:0 0 auto !important;
width:auto !important;
max-width:none !important;
min-width:0 !important;
min-height:32px !important;
height:32px !important;
padding:0 14px !important;
margin:0 !important;
font-size:11px !important;
letter-spacing:.04em !important;
line-height:1 !important;
white-space:nowrap !important;
border-radius:999px !important;
}
html body .head .btn--login,
html body .head a.btn--login{
margin-left:auto !important;
margin-right:6px !important;
}
html body .head .btn--reg,
html body .head a.btn--reg{
margin-left:0 !important;
margin-right:auto !important;
}
html body .drawer .dhead{
padding:10px 12px !important;
font-size:14px !important;
}
html body .drawer .nav a{
min-height:40px !important;
height:auto !important;
padding:8px 14px !important;
margin:4px 10px !important;
font-size:13px !important;
}
html body .drawer .nav a .nav-txt{
font-size:13px !important;
}
html body .drawer .nav a .nav-ico,
html body .drawer .nav a svg.nav-ico,
html body .drawer .nav a img.nav-ico{
width:16px !important;
height:16px !important;
}
}
@media (max-width:520px){
html body .head .logo img{
height:30px !important;
max-width:min(150px, 48vw) !important;
}
html body .head .btn--login,
html body .head .btn--reg,
html body .head a.btn--login,
html body .head a.btn--reg{
min-height:30px !important;
height:30px !important;
padding:0 12px !important;
font-size:10px !important;
}
}
@media (max-width:768px){
html body .site-footer .ft-head,
html body .ft-head{
flex-direction:column !important;
align-items:center !important;
gap:10px !important;
margin-bottom:12px !important;
}
html body .site-footer .ft-logo img,
html body .ft-logo img{
height:32px !important;
max-width:160px !important;
}
html body .site-footer .ft-cta-center,
html body .ft-cta-center{
width:auto !important;
max-width:100% !important;
}
html body .site-footer .ft-btn,
html body .site-footer a.ft-btn,
html body .ft-btn,
html body a.ft-btn.pulse{
width:auto !important;
max-width:180px !important;
min-height:34px !important;
height:auto !important;
padding:8px 18px !important;
font-size:12px !important;
letter-spacing:.06em !important;
border-radius:999px !important;
}
html body .site-footer .ft-trust,
html body .ft-trust{
gap:8px !important;
justify-content:center !important;
flex-wrap:wrap !important;
}
html body .site-footer .ft-trust img,
html body .ft-trust img{
height:20px !important;
max-height:20px !important;
width:auto !important;
}
}
@media (max-width:520px){
html body .site-footer .ft-logo img,
html body .ft-logo img{
height:28px !important;
max-width:140px !important;
}
html body .site-footer .ft-btn,
html body .site-footer a.ft-btn,
html body .ft-btn,
html body a.ft-btn.pulse{
max-width:160px !important;
min-height:30px !important;
padding:6px 14px !important;
font-size:11px !important;
}
html body .site-footer .ft-trust img,
html body .ft-trust img{
height:18px !important;
max-height:18px !important;
}
}
html body .drawer,
html body aside.drawer{
border-radius:0 16px 16px 0 !important;
}
html body .drawer .dhead{
}
html body .drawer .dnav{
}
html body .drawer .nav .sep{
margin:8px 14px !important;
}
html body .drawer .dclose,
html body .drawer .dclose__label{
}
html body .drawer .dclose__icon::before,
html body .drawer .dclose__icon::after{
}
html body .head-auth{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
width:100% !important;
flex:0 0 100% !important;
order:50 !important;
margin:0 !important;
padding:0 !important;
}
html body .head-auth .btn--login,
html body .head-auth .btn--reg,
html body .head-auth a.btn{
order:unset !important;
flex:0 0 auto !important;
width:auto !important;
max-width:none !important;
margin:0 !important;
min-height:32px !important;
height:32px !important;
padding:0 14px !important;
font-size:11px !important;
letter-spacing:.04em !important;
line-height:1 !important;
white-space:nowrap !important;
border-radius:999px !important;
}
@media (max-width:992px){
html body header .head::after{
display:none !important;
content:none !important;
}
html body .head .btn--login,
html body .head .btn--reg,
html body .head a.btn--login,
html body .head a.btn--reg{
margin-left:0 !important;
margin-right:0 !important;
}
}
@media (max-width:520px){
html body .head-auth{
gap:6px !important;
}
html body .head-auth .btn--login,
html body .head-auth .btn--reg,
html body .head-auth a.btn{
min-height:30px !important;
height:30px !important;
padding:0 12px !important;
font-size:10px !important;
}
}
@media (min-width:993px){
html body .head-auth{
display:contents !important;
}
}
@media (max-width:768px){
html body .shell .chips,
html body main .chips,
html body .chips{
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:6px !important;
margin:10px 0 0 !important;
padding:0 !important;
max-width:100% !important;
border-radius:0 !important;
overflow:visible !important;
flex-wrap:unset !important;
}
html body .chips::before,
html body .chips::after{
display:none !important;
content:none !important;
}
html body .chips a.chip,
html body .shell .chips a.chip,
html body main .chips a.chip{
width:100% !important;
min-width:0 !important;
max-width:none !important;
flex:unset !important;
height:28px !important;
min-height:28px !important;
padding:0 4px !important;
margin:0 !important;
gap:3px !important;
font-size:8px !important;
letter-spacing:.03em !important;
border-radius:8px !important;
box-sizing:border-box !important;
justify-content:center !important;
}
html body .chips a.chip .chip-ico,
html body .chips a.chip .chip-ico svg,
html body .chips a.chip img.chip-ico{
width:11px !important;
height:11px !important;
flex:0 0 11px !important;
}
html body .chips a.chip .chip-txt{
font-size:8px !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
max-width:100% !important;
}
}
@media (max-width:420px){
html body .shell .chips,
html body main .chips,
html body .chips{
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
gap:5px !important;
}
html body .chips a.chip,
html body .shell .chips a.chip,
html body main .chips a.chip{
height:26px !important;
min-height:26px !important;
font-size:7.5px !important;
padding:0 3px !important;
border-radius:7px !important;
}
}
@media (max-width:992px){
html body .drawer .dnav{
padding:10px 12px 16px !important;
}
html body .drawer .dnav .nav,
html body .drawer ul.nav{
display:flex !important;
flex-direction:column !important;
gap:6px !important;
margin:0 !important;
padding:0 !important;
list-style:none !important;
width:100% !important;
}
html body .drawer .nav > li{
width:100% !important;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
html body .drawer .nav > li.sep{
height:0 !important;
margin:4px 0 !important;
padding:0 !important;
width:100% !important;
}
html body .drawer .nav a,
html body .drawer .nav a:link,
html body .drawer .nav a:visited,
html body .drawer .nav a:hover,
html body .drawer .nav a:active,
html body .drawer .nav a:focus-visible,
html body .drawer .nav a.is-active{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
margin:0 !important;
height:36px !important;
min-height:36px !important;
max-height:36px !important;
padding:0 12px !important;
gap:10px !important;
border-radius:10px !important;
font-size:12px !important;
letter-spacing:.04em !important;
line-height:1 !important;
}
html body .drawer .nav a .nav-txt,
html body .drawer .nav a.is-active .nav-txt{
flex:1 1 auto !important;
font-size:12px !important;
font-weight:700 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
html body .drawer .nav a .nav-ico,
html body .drawer .nav a svg.nav-ico,
html body .drawer .nav a img.nav-ico,
html body .drawer .nav a.is-active .nav-ico,
html body .drawer .nav a.is-active svg.nav-ico,
html body .drawer .nav a.is-active img.nav-ico{
width:15px !important;
height:15px !important;
flex:0 0 15px !important;
margin:0 !important;
}
}
html body.drawer-open header,
html body.drawer-open header.scrolled,
html body.drawer-open > header{
z-index:1 !important;
visibility:hidden !important;
pointer-events:none !important;
}
html body.drawer-open #drawer,
html body.drawer-open aside.drawer,
html body.drawer-open .drawer,
html body.drawer-open .drawer.open,
html body aside#drawer.drawer.open{
z-index:10050 !important;
position:fixed !important;
top:0 !important;
left:0 !important;
bottom:0 !important;
visibility:visible !important;
pointer-events:auto !important;
transform:translateX(0) !important;
}
html body.drawer-open #drawer-backdrop,
html body.drawer-open .drawer-backdrop,
html body.drawer-open .drawer-backdrop.is-visible{
z-index:10040 !important;
position:fixed !important;
inset:0 !important;
visibility:visible !important;
pointer-events:auto !important;
}
html{
scrollbar-gutter: auto !important;
}
html, body{
margin:0 !important;
padding-left:0 !important;
padding-right:0 !important;
max-width:100% !important;
overflow-x:hidden !important;
}
html body header,
html body header.scrolled{
left:0 !important;
right:0 !important;
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding-left:0 !important;
padding-right:0 !important;
transform:none !important;
inset-inline:0 !important;
}
html body header .head{
margin-left:auto !important;
margin-right:auto !important;
width:100% !important;
max-width:var(--max, 1280px) !important;
box-sizing:border-box !important;
}
html body .site-footer{
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
left:auto !important;
right:auto !important;
transform:none !important;
box-sizing:border-box !important;
}
html body .site-footer .ft-wrap{
margin-left:auto !important;
margin-right:auto !important;
width:100% !important;
max-width:1320px !important;
box-sizing:border-box !important;
}
:root{
--nm-blue:#4CC2E9;
--nm-blue2:#42B9DF;
--nm-blue-hover:#61CCEE;
--nm-blue-line:#159BC9;
--nm-white:#FFFFFF;
--nm-ink:#101820;
--nm-orange:#FF982F;
}
html,body{background:#fff!important;color:var(--nm-ink)!important;}
body::before,body:before{content:none!important;display:none!important;background:none!important;}
.shell,.shell>main,main{background:#fff!important;background-image:none!important;color:var(--nm-ink)!important;}
header,header.scrolled,.site-footer{background:#fff!important;background-image:none!important;color:var(--nm-ink)!important;border-color:#DCEEF5!important;}
header .head,.site-footer .ft-wrap{background:#fff!important;background-image:none!important;}
.head-nav__link{color:#111!important;-webkit-text-fill-color:#111!important;opacity:1!important;}
.head-nav__link--active{border-bottom-color:var(--nm-blue-line)!important;}
:is(.head .btn,.btn--login,.btn--reg,.pulse-btn,.vmore-btn,.ft-btn,.hero-cta,.play,.game-play-btn){
background:var(--nm-blue)!important;background-image:none!important;
color:#fff!important;-webkit-text-fill-color:#fff!important;
border:1px solid var(--nm-blue-line)!important;border-radius:11px!important;
clip-path:none!important;box-shadow:0 4px 12px rgba(18,88,112,.16)!important;
opacity:1!important;visibility:visible!important;text-indent:0!important;
}
:is(.head .btn,.btn--login,.btn--reg,.pulse-btn,.vmore-btn,.ft-btn,.hero-cta,.play,.game-play-btn)::before,
:is(.head .btn,.btn--login,.btn--reg,.pulse-btn,.vmore-btn,.ft-btn,.hero-cta,.play,.game-play-btn)::after{
content:none!important;display:none!important;
}
:is(.head .btn,.btn--login,.btn--reg,.pulse-btn,.vmore-btn,.ft-btn,.hero-cta,.play,.game-play-btn):hover{
background:var(--nm-blue-hover)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
filter:none!important;transform:none!important;
}
.head .head-auth .btn{font-size:12px!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.head-search-ico,.head .head-search-ico{
background:var(--nm-blue)!important;background-image:none!important;color:#fff!important;
border:1px solid var(--nm-blue-line)!important;border-radius:11px!important;
}
.head-search-ico svg,.head-search-ico svg *{stroke:#fff!important;color:#fff!important;fill:none!important;opacity:1!important;}
.aside,.drawer{background:#fff!important;background-image:none!important;border:1px solid #D9ECF4!important;box-shadow:none!important;}
.sep{border-top:1px solid #D9ECF4!important;}
.aside .nav a,.drawer .nav a,.aside .nav a.is-active,.drawer .nav a.is-active{
background:var(--nm-blue)!important;background-image:none!important;
border:1px solid var(--nm-blue-line)!important;border-radius:999px!important;
color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;filter:none!important;
}
.aside .nav a::before,.aside .nav a::after,.drawer .nav a::before,.drawer .nav a::after{content:none!important;display:none!important;}
.aside .nav a:hover,.drawer .nav a:hover{background:var(--nm-blue-hover)!important;}
.aside .nav a .nav-txt,.drawer .nav a .nav-txt{
color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;visibility:visible!important;
}
.aside .nav a svg,.aside .nav a svg *,.drawer .nav a svg,.drawer .nav a svg *{
color:#fff!important;stroke:#fff!important;fill:none!important;opacity:1!important;
}
.aside .nav a img.nav-ico,.drawer .nav a img.nav-ico{filter:brightness(0) invert(1)!important;opacity:1!important;}
.chips,.shell .chips,main .chips{
background:var(--nm-blue)!important;background-image:none!important;
border:1px solid var(--nm-blue-line)!important;border-radius:999px!important;box-shadow:none!important;
}
.chip,.shell .chips a.chip{
display:inline-flex!important;align-items:center!important;gap:6px!important;
background:rgba(255,255,255,.12)!important;background-image:none!important;
color:#fff!important;-webkit-text-fill-color:#fff!important;
border:1px solid rgba(255,255,255,.95)!important;border-radius:10px!important;
box-shadow:none!important;opacity:1!important;visibility:visible!important;text-indent:0!important;
}
.chip::before,.chip::after,.shell .chips a.chip::before,.shell .chips a.chip::after{content:none!important;display:none!important;}
.chips .chip .chip-txt{
display:inline!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
font-size:11px!important;font-weight:700!important;opacity:1!important;visibility:visible!important;text-indent:0!important;
}
.chips .chip .chip-ico{display:inline-flex!important;color:#fff!important;opacity:1!important;visibility:visible!important;}
.chips .chip svg,.chips .chip svg *{stroke:#fff!important;color:#fff!important;fill:none!important;opacity:1!important;}
.chip:hover{background:rgba(255,255,255,.22)!important;}
:is(#casino-intro,#login,#bonuses,#payments,#slots,#games,#app,#providers,#register,
.app-info-card,.legal-doc,.legal-note,.legal-card,.content-card,.info-card,.facts-card,
.promo-card,.bonus-card,.payment-card,.payment-info-card,.feature-card,.app-card,
.app-ecosystem-section,.app-install-section,.app-core-section,.app-odds-section,
.app-play-section,.app-bonus-section,.app-payments-section,.app-crypto-section,.login-platforms-section){
}
:is(#casino-intro,#login,#bonuses,#payments,#slots,#games,#app,#providers,#register,
.app-info-card,.legal-doc,.legal-note,.legal-card,.content-card,.info-card,.facts-card,
.promo-card,.bonus-card,.payment-card,.payment-info-card,.feature-card,.app-card,
.app-ecosystem-section,.app-install-section,.app-core-section,.app-odds-section,
.app-play-section,.app-bonus-section,.app-payments-section,.app-crypto-section,.login-platforms-section)
:is(h1,h2,h3,h4,h5,h6,p,li,strong,small,em,span,a:not(.home-section-tag)){
}
:is(.home-section-tag,.section-tag,.eyebrow,.kicker,.badge,.tag,.label,.pill-label){
display:inline-flex!important;align-items:center!important;width:auto!important;
background:#fff!important;background-image:none!important;
color:var(--nm-blue-line)!important;-webkit-text-fill-color:var(--nm-blue-line)!important;
border:1px solid #fff!important;border-radius:999px!important;padding:7px 14px!important;
box-shadow:none!important;filter:none!important;opacity:1!important;visibility:visible!important;
}
.home-intro-rating{color:#fff!important;border-top-color:rgba(255,255,255,.45)!important;}
.home-intro-rating>strong,.home-intro-rating>span:last-child{color:#fff!important;-webkit-text-fill-color:#fff!important;}
.home-intro-rating__stars{display:inline-flex!important;align-items:center!important;color:var(--nm-orange)!important;font-size:20px!important;line-height:1!important;}
.home-intro-rating__full{display:inline!important;color:var(--nm-orange)!important;-webkit-text-fill-color:var(--nm-orange)!important;opacity:1!important;visibility:visible!important;letter-spacing:1px!important;}
.home-intro-rating__partial{position:relative!important;display:inline-block!important;width:1em!important;height:1em!important;}
.home-intro-rating__empty{position:absolute!important;inset:0!important;display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.home-intro-rating__fill{
position:absolute!important;left:0!important;top:0!important;width:50%!important;height:100%!important;
overflow:hidden!important;white-space:nowrap!important;color:var(--nm-orange)!important;-webkit-text-fill-color:var(--nm-orange)!important;
}
.table-wrapper,#facts .table-wrapper,.app-info-card__table{
border-radius:12px!important;overflow:hidden!important;padding:0!important;
}
.table-wrapper table,#facts .table-wrapper table,.app-info-card__table table{
width:100%!important;border-collapse:collapse!important;border-spacing:0!important;
}
.table-wrapper table th,.table-wrapper table td,
#facts .table-wrapper table th,#facts .table-wrapper table td,
.app-info-card__table table th,.app-info-card__table table td{
}
.table-wrapper table tr:hover th,.table-wrapper table tr:hover td{background:var(--nm-blue-hover)!important;}
#slots .popular-games__grid,#games .grid{gap:18px!important;background:transparent!important;}
#slots .popular-games__card,#games .card,#games a.card{
background:#fff!important;background-image:none!important;border:2px solid #fff!important;
border-radius:12px!important;overflow:hidden!important;box-shadow:none!important;filter:none!important;
}
#slots .popular-games__media,#games .card .media{background:#fff!important;background-image:none!important;box-shadow:none!important;}
#slots .popular-games__meta,#games .card .info{
background:var(--nm-blue2)!important;background-image:none!important;border-top:1px solid #fff!important;box-shadow:none!important;
}
#slots .popular-games__media::before,#slots .popular-games__media::after,
#games .card .media::before,#games .card .media::after{content:none!important;display:none!important;background:none!important;}
#slots .popular-games__title,#slots .popular-games__vendor,#games .card .title,#games .card .vendor{
color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
}
.home-app-guides,.app-eco-grid{gap:22px!important;}
.home-app-guide-card,.app-eco-card{
border-radius:16px!important;
}
.home-app-guide-card__icon,.app-platform-icon{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
width:58px!important;height:58px!important;border-radius:14px!important;
}
.home-app-guide-card__icon--android,.app-platform-icon--android{}
.home-app-guide-card__icon--ios,.app-platform-icon--ios{}
.home-app-guide-card__icon--windows,.app-platform-icon--windows{}
.home-app-guide-card__icon svg,.home-app-guide-card__icon svg *,
.app-platform-icon svg,.app-platform-icon svg *{}
.home-app-guide-card__label,.app-eco-card__label,
.home-app-guide-card__title,.app-eco-card__title{
display:block!important;
text-decoration:underline!important;font-weight:700!important;visibility:visible!important;
}
#register .home-register-steps li::before,.app-steps li::before,.app-crypto-steps li::before{
}
.site-footer,.site-footer :is(.ft-wrap,.ft-head,.ft-grid,.ft-col,.ft-page,.ft-legal,.ft-bottom){
background:#fff!important;background-image:none!important;color:var(--nm-ink)!important;
-webkit-text-fill-color:var(--nm-ink)!important;opacity:1!important;visibility:visible!important;
}
.site-footer :is(.ft-title,.ft-col a,.ft-page a,.ft-legal a,.ft-bottom,.ft-bottom span,p,small){
color:var(--nm-ink)!important;-webkit-text-fill-color:var(--nm-ink)!important;
opacity:1!important;visibility:visible!important;text-indent:0!important;
}
.site-footer .ft-btn,.site-footer a.ft-btn{background:var(--nm-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.site-footer .ft-pay{background:#F1F3F4!important;border:1px solid #D9E2E6!important;box-shadow:none!important;}
:root{
--nm-blue:#4CC2E9;
--nm-blue2:#42B9DF;
--nm-blue-hover:#63CDEE;
--nm-blue-line:#159BC9;
--nm-white:#FFFFFF;
--nm-ink:#101820;
--nm-orange:#FF982F;
}
header,
header.scrolled,
.site-footer{
background:var(--nm-blue)!important;
background-image:none!important;
border-color:rgba(255,255,255,.55)!important;
color:#fff!important;
box-shadow:none!important;
}
header .head,
.site-footer .ft-wrap,
.site-footer :is(.ft-head,.ft-grid,.ft-col,.ft-page,.ft-legal,.ft-bottom){
background:transparent!important;
background-image:none!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
header :is(.head-nav__link,.head-nav__link--active,.head-auth,.head-auth a,.btn,.logo + *),
.site-footer :is(.ft-title,.ft-col a,.ft-page a,.ft-legal a,.ft-bottom,.ft-bottom span,p,small,strong,h2,h3,h4){
color:#fff!important;
-webkit-text-fill-color:#fff!important;
opacity:1!important;
visibility:visible!important;
}
header svg,
header svg *,
.site-footer svg,
.site-footer svg *{
color:#fff!important;
stroke:#fff!important;
}
.head-nav__link--active{
border-bottom-color:#fff!important;
}
.head-nav__link:hover{
border-bottom-color:rgba(255,255,255,.8)!important;
}
header :is(.head-search-ico,.head .btn,.btn--login,.btn--reg),
.site-footer :is(.ft-btn,a.ft-btn){
background:rgba(255,255,255,.11)!important;
background-image:none!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border:1px solid #fff!important;
border-radius:10px!important;
box-shadow:none!important;
filter:none!important;
}
header :is(.head-search-ico,.head .btn,.btn--login,.btn--reg):hover,
.site-footer :is(.ft-btn,a.ft-btn):hover{
background:rgba(255,255,255,.22)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border-color:#fff!important;
transform:none!important;
}
header :is(.head-search-ico,.head .btn,.btn--login,.btn--reg)::before,
header :is(.head-search-ico,.head .btn,.btn--login,.btn--reg)::after,
.site-footer :is(.ft-btn,a.ft-btn)::before,
.site-footer :is(.ft-btn,a.ft-btn)::after{
content:none!important;
display:none!important;
}
:is(.home-section-tag,.section-tag,.eyebrow,.kicker,.badge,.tag,.label,.pill-label,#updatedBox){
background:var(--nm-blue)!important;
background-image:none!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border:1px solid #fff!important;
border-radius:10px!important;
box-shadow:none!important;
filter:none!important;
}
:is(.home-section-tag,.section-tag,.eyebrow,.kicker,.badge,.tag,.label,.pill-label,#updatedBox)
:is(span,strong,b,i,em,time,svg){
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
#updatedBox svg,
#updatedBox svg *{
stroke:#fff!important;
color:#fff!important;
}
.home-intro-rating__stars{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
color:var(--nm-orange)!important;
font-size:20px!important;
line-height:1!important;
letter-spacing:1px!important;
}
.home-intro-rating__full{
display:inline!important;
color:var(--nm-orange)!important;
-webkit-text-fill-color:var(--nm-orange)!important;
opacity:1!important;
visibility:visible!important;
}
.home-intro-rating__partial{
position:relative!important;
display:inline-block!important;
width:1em!important;
height:1em!important;
overflow:hidden!important;
vertical-align:middle!important;
}
.home-intro-rating__empty{
position:absolute!important;
inset:0!important;
display:block!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
opacity:1!important;
}
.home-intro-rating__fill{
position:absolute!important;
left:0!important;
top:0!important;
display:block!important;
width:50%!important;
height:100%!important;
overflow:hidden!important;
white-space:nowrap!important;
color:var(--nm-orange)!important;
-webkit-text-fill-color:var(--nm-orange)!important;
opacity:1!important;
}
.home-intro-rating > strong,
.home-intro-rating > span:last-child{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
#slots .popular-games__grid,
#games .grid{
gap:18px!important;
background:transparent!important;
}
#slots .popular-games__card,
#games .card,
#games a.card{
background:var(--nm-blue2)!important;
background-image:none!important;
border:2px solid #fff!important;
border-radius:12px!important;
overflow:hidden!important;
box-shadow:none!important;
filter:none!important;
}
#slots .popular-games__media,
#games .card .media{
background:#fff!important;
background-image:none!important;
border:0!important;
box-shadow:none!important;
}
#slots .popular-games__meta,
#games .card .info{
background:var(--nm-blue2)!important;
background-image:none!important;
border-top:2px solid #fff!important;
box-shadow:none!important;
}
#slots .popular-games__media::before,
#slots .popular-games__media::after,
#games .card .media::before,
#games .card .media::after{
content:none!important;
display:none!important;
}
#slots .popular-games__title,
#slots .popular-games__vendor,
#games .card .title,
#games .card .vendor{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
opacity:1!important;
}
.site-footer .ft-pay{
background:rgba(255,255,255,.16)!important;
border:1px solid rgba(255,255,255,.75)!important;
box-shadow:none!important;
}
.site-footer .ft-pay *{
color:#fff!important;
}
.drawer .dhead{
background:var(--nm-blue)!important;
color:#fff!important;
border-bottom-color:rgba(255,255,255,.55)!important;
}
.dclose{
color:#fff!important;
}
.dclose .dclose__icon::before,
.dclose .dclose__icon::after{
background:#fff!important;
}
#providers .prov-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;}
#providers .prov{
display:flex!important;flex-direction:column!important;overflow:hidden!important;
background:var(--nm-blue2)!important;background-image:none!important;
border:2px solid #fff!important;border-radius:12px!important;
box-shadow:none!important;filter:none!important;text-decoration:none!important;
}
#providers .prov .prov-media{background:#fff!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:auto!important;}
#providers .prov .prov-media img{display:block!important;width:100%!important;height:auto!important;}
#providers .prov .prov-name{
display:block!important;background:var(--nm-blue2)!important;background-image:none!important;
color:#fff!important;-webkit-text-fill-color:#fff!important;
border-top:2px solid #fff!important;padding:12px 12px 14px!important;
text-align:center!important;font-weight:800!important;letter-spacing:.02em!important;
}
#providers .prov:hover{transform:none!important;background:var(--nm-blue2)!important;}
.home-intro-rating .home-intro-rating__stars,
.home-intro-rating__stars{
display:inline-flex!important;align-items:center!important;gap:0!important;
color:var(--nm-orange)!important;-webkit-text-fill-color:var(--nm-orange)!important;
background:none!important;opacity:1!important;visibility:visible!important;
}
.home-intro-rating .home-intro-rating__full,
.home-intro-rating__full{
color:var(--nm-orange)!important;-webkit-text-fill-color:var(--nm-orange)!important;
display:inline!important;opacity:1!important;visibility:visible!important;
}
.home-intro-rating .home-intro-rating__partial,
.home-intro-rating__partial{position:relative!important;display:inline-block!important;width:1em!important;height:1em!important;overflow:hidden!important;vertical-align:middle!important;opacity:1!important;visibility:visible!important;}
.home-intro-rating .home-intro-rating__partial .home-intro-rating__empty,
.home-intro-rating__partial .home-intro-rating__empty{
position:absolute!important;inset:0!important;display:block!important;
color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;visibility:visible!important;
}
.home-intro-rating .home-intro-rating__partial .home-intro-rating__fill,
.home-intro-rating__partial .home-intro-rating__fill{
position:absolute!important;left:0!important;top:0!important;width:50%!important;height:100%!important;overflow:hidden!important;
color:var(--nm-orange)!important;-webkit-text-fill-color:var(--nm-orange)!important;white-space:nowrap!important;
display:block!important;opacity:1!important;visibility:visible!important;
}
:root{
--n13-blue:#4CC2E9;
--n13-blue2:#3DB7DF;
--n13-hover:#67CFF0;
--n13-line:#159BC9;
--n13-white:#FFFFFF;
--n13-ink:#111820;
--n13-orange:#FF982F;
}
body.page-home{
background:#fff!important;
background-image:none!important;
}
body.page-home::before{content:none!important;display:none!important;}
body.page-home :is(.shell,.shell>main,main){
background:#fff!important;
background-image:none!important;
}
body.page-home #casino-intro,
body.page-home #login,
body.page-home #bonuses,
body.page-home #payments,
body.page-home #slots,
body.page-home #games,
body.page-home #app,
body.page-home #providers,
body.page-home #register{
background:var(--n13-blue)!important;
background-image:none!important;
color:#fff!important;
border:1px solid #fff!important;
border-radius:16px!important;
box-shadow:none!important;
margin-top:24px!important;
margin-bottom:24px!important;
padding:24px!important;
}
body.page-home :is(#casino-intro,#login,#bonuses,#payments,#slots,#games,#app,#providers,#register)
:is(h1,h2,h3,h4,p,li,strong,em,span,small,a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.prov)){
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
body.page-home #casino-cta{
background:#fff!important;
border:0!important;
box-shadow:none!important;
}
body.page-home #facts{
background:#fff!important;
border:0!important;
box-shadow:none!important;
}
body.page-home #facts .app-info-card{
background:var(--n13-blue)!important;
background-image:none!important;
border:1px solid #fff!important;
border-radius:14px!important;
box-shadow:none!important;
color:#fff!important;
}
body.page-home #facts .app-info-card :is(h3,p,span,strong){
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
body.page-home .home-section-tag{
background:var(--n13-blue2)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border:1px solid #fff!important;
border-radius:10px!important;
box-shadow:none!important;
}
body.page-home .table-wrapper{
background:transparent!important;
border:0!important;
box-shadow:none!important;
border-radius:10px!important;
overflow:hidden!important;
}
body.page-home .table-wrapper table{
width:100%!important;
border-collapse:collapse!important;
border:1px solid #fff!important;
background:transparent!important;
}
body.page-home .table-wrapper :is(th,td){
background:transparent!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border:1px solid #fff!important;
}
body.page-home .home-intro-rating__stars{
position:relative!important;
display:inline-block!important;
width:5.15em!important;
height:1em!important;
line-height:1!important;
font-size:20px!important;
overflow:hidden!important;
vertical-align:middle!important;
}
body.page-home .home-intro-rating__stars>*{display:none!important;}
body.page-home .home-intro-rating__stars::before{
content:"★★★★★"!important;
position:absolute!important;inset:0!important;
color:#fff!important;-webkit-text-fill-color:#fff!important;
white-space:nowrap!important;
}
body.page-home .home-intro-rating__stars::after{
content:"★★★★★"!important;
position:absolute!important;left:0!important;top:0!important;
width:90%!important;overflow:hidden!important;white-space:nowrap!important;
color:var(--n13-orange)!important;-webkit-text-fill-color:var(--n13-orange)!important;
}
body.page-home .home-intro-rating :is(strong,span:last-child){
color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page){
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page)::before{
content:none!important;display:none!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page)
:is(.shell,.shell>main,main,.legal-doc,.legal-guide,.bonus-guide,.app-guide,#login-guide){
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .shell>main{
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(header,header.scrolled,.site-footer){
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) header .head,
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .site-footer :is(.ft-wrap,.ft-head,.ft-grid,.ft-col,.ft-page,.ft-legal,.ft-bottom){
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) header :is(.head-nav__link,.head-nav__link--active),
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .site-footer :is(.ft-title,.ft-col a,.ft-page a,.ft-legal a,.ft-bottom,.ft-bottom span,p,small,strong){
visibility:visible!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .head-nav__link--active{}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) header :is(.head-search-ico,.head .btn,.btn--login,.btn--reg),
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .site-footer :is(.ft-btn,a.ft-btn){
border-radius:10px!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) header :is(.head-search-ico,.head .btn,.btn--login,.btn--reg)::before,
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) header :is(.head-search-ico,.head .btn,.btn--login,.btn--reg)::after,
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .site-footer :is(.ft-btn,a.ft-btn)::before,
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .site-footer :is(.ft-btn,a.ft-btn)::after{
content:none!important;display:none!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) header svg,
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) header svg *{}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(.aside,.drawer){
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .sep{}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(.aside,.drawer) .nav a{
border-radius:999px!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(.aside,.drawer) .nav a::before,
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(.aside,.drawer) .nav a::after{
content:none!important;display:none!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(.aside,.drawer) .nav a :is(.nav-txt,svg,svg *){
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(.aside,.drawer) .nav a img.nav-ico{
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(.pulse-btn,.vmore-btn,.hero-cta,.play,.game-play-btn){
border-radius:10px!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(.pulse-btn,.vmore-btn,.hero-cta,.play,.game-play-btn)::before,
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(.pulse-btn,.vmore-btn,.hero-cta,.play,.game-play-btn)::after{
content:none!important;display:none!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(
.home-section-tag,.section-tag,.eyebrow,.kicker,.badge,.tag,.label,.pill-label,
.login-os-card__eyebrow,.app-tag,.app-toc-panel__badge
){
display:inline-flex!important;align-items:center!important;width:auto!important;
border-radius:10px!important;padding:7px 13px!important;
}
body.acceso-page #login-guide{
}
body.acceso-page .login-intro .legal-note,
body.acceso-page .login-lead-combined,
body.acceso-page .login-os-card,
body.acceso-page .login-content-card{
border-radius:16px!important;
padding:24px!important;margin:24px 0!important;
}
body.acceso-page :is(.login-intro .legal-note,.login-lead-combined,.login-os-card,.login-content-card)
:is(h1,h2,h3,h4,p,li,span,strong,em,small,a){
}
body.acceso-page :is(.login-flow,.login-flow__side,.login-flow__full){
}
body.acceso-page .login-lead-combined{
display:block!important;
overflow:hidden!important;
}
body.acceso-page .login-lead-combined::after{
content:""!important;display:table!important;clear:both!important;
}
body.acceso-page .login-lead-combined>.login-banner-block{
float:right!important;width:min(35%,340px)!important;margin:0 0 16px 24px!important;
display:block!important;visibility:visible!important;
}
body.acceso-page .login-lead-combined .login-banner-block__link{
display:block!important;
border-radius:12px!important;overflow:hidden!important;
}
body.acceso-page .login-lead-combined .login-banner-block__img{
display:block!important;width:100%!important;height:auto!important;visibility:visible!important;
}
body.acceso-page .login-lead-combined>.login-flow__side{
display:block!important;
}
body.acceso-page .login-summary-list{
display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
list-style:none!important;padding:0!important;
}
body.acceso-page .login-summary-list li{
position:relative!important;margin:0!important;min-height:58px!important;
padding:12px 12px 12px 50px!important;
border-radius:11px!important;
}
body.acceso-page .login-summary-list li::before{
content:"✓"!important;position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;
width:27px!important;height:27px!important;border-radius:50%!important;
display:flex!important;align-items:center!important;justify-content:center!important;
font-weight:900!important;
}
body.acceso-page .login-guide-map{
clear:both!important;margin-top:18px!important;padding:18px!important;
border-radius:12px!important;
}
body.acceso-page .login-guide-map ul{
display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;
list-style:none!important;padding:0!important;margin:12px 0 0!important;
border-radius:10px!important;overflow:hidden!important;
}
body.acceso-page .login-guide-map li{
margin:0!important;
}
body.acceso-page .login-guide-map li:nth-child(2n){}
body.acceso-page .login-guide-map li:nth-last-child(-n/**/+2){}
body.acceso-page .login-guide-map li:last-child:nth-child(odd){
grid-column:1/-1!important;
}
body.acceso-page .login-guide-map a{
display:block!important;padding:11px 13px!important;text-decoration:none!important;
}
body.acceso-page .login-os-card__head{
display:flex!important;align-items:center!important;gap:16px!important;
}
body.acceso-page .login-os-card__icon,
body.app-page .app-platform-icon{
width:58px!important;height:58px!important;flex:0 0 58px!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;
border-radius:14px!important;
}
body.acceso-page .login-os-card__icon--android,
body.app-page .app-platform-icon--android{}
body.acceso-page .login-os-card__icon--ios,
body.app-page .app-platform-icon--ios{}
body.acceso-page .login-os-card__icon--windows,
body.app-page .app-platform-icon--windows{}
body.acceso-page .login-os-card__icon svg,
body.acceso-page .login-os-card__icon svg *,
body.app-page .app-platform-icon svg,
body.app-page .app-platform-icon svg *{
}
body.acceso-page :is(.login-os-card,.login-content-card) ol{
list-style:none!important;counter-reset:n13login!important;padding-left:0!important;
}
body.acceso-page :is(.login-os-card,.login-content-card) ol>li{
counter-increment:n13login!important;position:relative!important;padding-left:44px!important;min-height:32px!important;margin:10px 0!important;
}
body.acceso-page :is(.login-os-card,.login-content-card) ol>li::before{
content:counter(n13login)!important;position:absolute!important;left:0!important;top:-2px!important;
width:30px!important;height:30px!important;border-radius:50%!important;
display:flex!important;align-items:center!important;justify-content:center!important;
font-weight:900!important;
}
body.acceso-page .login-os-card__tip{
padding:12px 14px!important;
border-radius:11px!important;
}
body.acceso-page .faq-item,
body.acceso-page details{
margin:10px 0!important;padding:14px!important;
border-radius:11px!important;
}
body.acceso-page details summary{
font-weight:800!important;
}
body.app-page .app-guide{
}
body.app-page :is(
.app-top-hero__content,.app-reference-section,.app-screenshots-section,
.app-ecosystem-section,.app-install-section,.app-features-section,.app-availability-section,
.app-odds-section,.app-play-section,.app-bonus-section,.app-bonus-claim,
.app-payments-section,.app-crypto-section,.app-responsible-section,
.app-legal-section,.app-compare-section
){
border-radius:16px!important;
padding:24px!important;margin:24px 0!important;
}
body.app-page :is(
.app-top-hero__content,.app-reference-section,.app-screenshots-section,
.app-ecosystem-section,.app-install-section,.app-features-section,.app-availability-section,
.app-odds-section,.app-play-section,.app-bonus-section,.app-bonus-claim,
.app-payments-section,.app-crypto-section,.app-responsible-section,
.app-legal-section,.app-compare-section
) :is(h1,h2,h3,h4,p,li,span,strong,em,small,a){
}
body.app-page details.app-toc-panel{
display:block!important;visibility:visible!important;
border-radius:16px!important;
padding:18px!important;margin:24px 0!important;
}
body.app-page details.app-toc-panel>summary.app-toc-panel__badge{
display:inline-flex!important;list-style:none!important;cursor:pointer!important;
border-radius:10px!important;
padding:8px 14px!important;font-weight:800!important;
}
body.app-page details.app-toc-panel>summary.app-toc-panel__badge::-webkit-details-marker{display:none!important;}
body.app-page details.app-toc-panel .app-toc-panel__cols{
display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px!important;margin-top:16px!important;
}
body.app-page details.app-toc-panel .app-toc-panel__list{
display:block!important;visibility:visible!important;margin:0!important;padding-left:28px!important;
}
body.app-page details.app-toc-panel li{
display:list-item!important;visibility:visible!important;
margin:7px 0!important;
}
body.app-page details.app-toc-panel a{
text-decoration:underline!important;
}
body.app-page .app-eco-grid{gap:20px!important;}
body.app-page .app-eco-card{
border-radius:14px!important;padding:20px!important;
}
body.app-page .app-eco-card :is(.app-eco-card__label,.app-eco-card__title){
text-decoration:underline!important;
}
body.app-page :is(.app-feature-card,.app-install-card,.app-bonus-card,.app-payment-phone,.app-shot,.app-play-shot,.app-req-grid>div){
border-radius:12px!important;overflow:hidden!important;
}
body.app-page :is(.app-feature-card,.app-install-card,.app-bonus-card,.app-payment-phone,.app-shot,.app-play-shot,.app-req-grid>div)
:is(h3,h4,p,li,span,strong,figcaption){
}
body.app-page :is(.app-steps ol,.app-crypto-steps,.app-play-copy ol,.app-bonus-claim ol){
list-style:none!important;counter-reset:n13app!important;padding-left:0!important;
}
body.app-page :is(.app-steps ol,.app-crypto-steps,.app-play-copy ol,.app-bonus-claim ol)>li{
counter-increment:n13app!important;position:relative!important;padding-left:44px!important;min-height:32px!important;margin:10px 0!important;
}
body.app-page :is(.app-steps ol,.app-crypto-steps,.app-play-copy ol,.app-bonus-claim ol)>li::before{
content:counter(n13app)!important;position:absolute!important;left:0!important;top:-2px!important;
width:30px!important;height:30px!important;border-radius:50%!important;
display:flex!important;align-items:center!important;justify-content:center!important;
font-weight:900!important;
}
body.app-page :is(.app-check,.app-responsible-tools,.app-responsible-support){
list-style:none!important;padding-left:0!important;
}
body.app-page :is(.app-check,.app-responsible-tools,.app-responsible-support)>li{
position:relative!important;padding-left:42px!important;min-height:30px!important;margin:9px 0!important;
}
body.app-page :is(.app-check,.app-responsible-tools,.app-responsible-support)>li::before{
content:"✓"!important;position:absolute!important;left:0!important;top:-1px!important;
width:28px!important;height:28px!important;border-radius:50%!important;
display:flex!important;align-items:center!important;justify-content:center!important;
font-weight:900!important;
}
body.app-page :is(.app-note,.app-legal-note,.app-crypto-foot,.app-responsible-foot){
padding:12px 14px!important;border-radius:11px!important;
}
body.bonus-page .bonus-guide{
}
body.bonus-page .legal-note,
body.bonus-page .bonus-content-card{
border-radius:16px!important;
padding:24px!important;margin:24px 0!important;
}
body.bonus-page :is(.legal-note,.bonus-content-card) :is(h1,h2,h3,h4,p,li,span,strong,em,small,a){
}
body.bonus-page .legal-note::before{
border-radius:10px!important;
}
body.legal-page .legal-guide{
}
body.legal-page .legal-note,
body.legal-page .legal-content-card{
border-radius:16px!important;
padding:24px!important;margin:24px 0!important;
}
body.legal-page :is(.legal-note,.legal-content-card) :is(h1,h2,h3,h4,p,li,span,strong,em,small,a){
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .table-wrapper{
border-radius:10px!important;overflow:hidden!important;padding:0!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .table-wrapper table{
width:100%!important;border-collapse:collapse!important;border-spacing:0!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .table-wrapper table :is(th,td){
}
@media (max-width:760px){
body.acceso-page .login-lead-combined>.login-banner-block{
float:none!important;width:100%!important;max-width:360px!important;margin:0 auto 18px!important;
}
body.acceso-page .login-summary-list,
body.acceso-page .login-guide-map ul,
body.app-page details.app-toc-panel .app-toc-panel__cols{
grid-template-columns:1fr!important;
}
body.acceso-page .login-guide-map li{
}
body.acceso-page .login-guide-map li:last-child{}
}
/* ============================================================
NOMINI V14 — INTERNAL PAGE FIXES ONLY
Homepage stays untouched.
============================================================ */
:root{
--v14-blue:#4CC2E9;
--v14-blue2:#3DB7DF;
--v14-blue3:#67CFF0;
--v14-line:#159BC9;
--v14-white:#fff;
--v14-ink:#111820;
--v14-orange:#FF982F;
}
/* -------- shared internal page canvas -------- */
body:is(.acceso-page,.app-page,.bonus-page,.legal-page){
background:#fff!important;
background-image:none!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page)::before{
content:none!important;
display:none!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page)
:is(.shell,.shell>main,main,.legal-doc,.legal-guide,.bonus-guide,.app-guide,#login-guide){
background:#fff!important;
background-image:none!important;
}
/* -------- common blue block -------- */
body.acceso-page :is(.login-intro .legal-note,.login-lead-combined,.login-os-card,.login-content-card),
body.bonus-page :is(.legal-note,.bonus-content-card),
body.legal-page :is(.legal-note,.legal-content-card),
body.app-page :is(
.app-reference-section,.app-screenshots-section,.app-ecosystem-section,
.app-install-section,.app-features-section,.app-availability-section,
.app-odds-section,.app-play-section,.app-bonus-section,.app-bonus-claim,
.app-payments-section,.app-crypto-section,.app-responsible-section,
.app-legal-section,.app-compare-section,.app-faq-section
){
background:var(--v14-blue)!important;
background-image:none!important;
color:#fff!important;
border:1px solid #fff!important;
border-radius:16px!important;
box-shadow:none!important;
padding:24px!important;
margin:24px 0!important;
}
body.acceso-page :is(.login-intro .legal-note,.login-lead-combined,.login-os-card,.login-content-card)
:is(h1,h2,h3,h4,p,li,span,strong,em,small,a),
body.bonus-page :is(.legal-note,.bonus-content-card)
:is(h1,h2,h3,h4,p,li,span,strong,em,small,a),
body.legal-page :is(.legal-note,.legal-content-card)
:is(h1,h2,h3,h4,p,li,span,strong,em,small,a),
body.app-page :is(
.app-reference-section,.app-screenshots-section,.app-ecosystem-section,
.app-install-section,.app-features-section,.app-availability-section,
.app-odds-section,.app-play-section,.app-bonus-section,.app-bonus-claim,
.app-payments-section,.app-crypto-section,.app-responsible-section,
.app-legal-section,.app-compare-section,.app-faq-section
) :is(h1,h2,h3,h4,p,li,span,strong,em,small,a){
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
/* ============================================================
1) LOGIN INTRO — like homepage intro, not a skinny pill
============================================================ */
body.acceso-page .login-intro{
background:#fff!important;
margin:0!important;
padding:0!important;
}
body.acceso-page .login-intro .legal-note{
display:block!important;
width:100%!important;
max-width:none!important;
margin:24px 0!important;
padding:22px 26px!important;
border-radius:16px!important;
line-height:1.55!important;
font-size:16px!important;
background:var(--v14-blue)!important;
border:1px solid #fff!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
/* ============================================================
2) LOGIN section map — complete, even white grid
============================================================ */
body.acceso-page .login-guide-map{
padding:18px!important;
margin-top:18px!important;
background:rgba(255,255,255,.07)!important;
border:1px solid #fff!important;
border-radius:12px!important;
}
body.acceso-page .login-guide-map h2{
margin:0 0 14px!important;
}
body.acceso-page .login-guide-map ul{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
list-style:none!important;
padding:0!important;
margin:0!important;
gap:0!important;
border:1px solid #fff!important;
border-radius:10px!important;
overflow:hidden!important;
}
body.acceso-page .login-guide-map li{
margin:0!important;
background:transparent!important;
border:1px solid #fff!important;
margin-left:-1px!important;
margin-top:-1px!important;
}
body.acceso-page .login-guide-map li:last-child:nth-child(odd){
grid-column:1/-1!important;
}
body.acceso-page .login-guide-map a{
display:block!important;
padding:12px 14px!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
text-decoration:none!important;
}
/* ============================================================
3) ALL checkmarks: white circle + blue check
============================================================ */
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(
.login-summary-list,
.app-check,
.app-responsible-tools,
.app-responsible-support,
.bonus-content-card--checklist ul,
.legal-content-card:not(.legal-content-card--warn) ul
){
list-style:none!important;
padding-left:0!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(
.login-summary-list,
.app-check,
.app-responsible-tools,
.app-responsible-support,
.bonus-content-card--checklist ul,
.legal-content-card:not(.legal-content-card--warn) ul
) > li{
position:relative!important;
padding-left:42px!important;
min-height:30px!important;
margin:9px 0!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) :is(
.login-summary-list,
.app-check,
.app-responsible-tools,
.app-responsible-support,
.bonus-content-card--checklist ul,
.legal-content-card:not(.legal-content-card--warn) ul
) > li::before{
content:"✓"!important;
position:absolute!important;
left:0!important;
top:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:28px!important;
height:28px!important;
border-radius:50%!important;
background:#fff!important;
color:var(--v14-line)!important;
-webkit-text-fill-color:var(--v14-line)!important;
font-weight:900!important;
line-height:1!important;
}
/* warning lists on legal pages = white circle + blue ! */
body.legal-page .legal-content-card--warn ul{
list-style:none!important;
padding-left:0!important;
}
body.legal-page .legal-content-card--warn ul>li{
position:relative!important;
padding-left:42px!important;
min-height:30px!important;
margin:9px 0!important;
}
body.legal-page .legal-content-card--warn ul>li::before{
content:"!"!important;
position:absolute!important;
left:0!important;
top:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:28px!important;
height:28px!important;
border-radius:50%!important;
background:#fff!important;
color:var(--v14-line)!important;
-webkit-text-fill-color:var(--v14-line)!important;
font-weight:900!important;
}
/* ============================================================
4) APP first block — reference composition in Nomini colors
============================================================ */
body.app-page .app-top-hero{
display:grid!important;
grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr)!important;
gap:28px!important;
align-items:center!important;
background:var(--v14-blue)!important;
background-image:none!important;
color:#fff!important;
border:1px solid #fff!important;
border-radius:16px!important;
box-shadow:none!important;
padding:28px!important;
margin:24px 0!important;
}
body.app-page .app-top-hero__content{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
}
body.app-page .app-top-hero__content :is(h1,p,strong,span){
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
body.app-page .app-top-hero .page-title{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
margin-top:0!important;
}
body.app-page .app-top-hero__media{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
}
body.app-page .app-top-hero__media img{
display:block!important;
width:100%!important;
height:auto!important;
border:0!important;
box-shadow:none!important;
border-radius:14px!important;
}
/* App hero buttons */
body.app-page .app-top-hero .pulse-btn{
background:var(--v14-blue2)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border:1px solid #fff!important;
border-radius:10px!important;
box-shadow:none!important;
}
body.app-page .app-hero-meta__row span{
background:transparent!important;
border:0!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
/* ============================================================
5) Contents button — clean, straight, no double outline
============================================================ */
body.app-page details.app-toc-panel{
display:block!important;
background:var(--v14-blue)!important;
border:1px solid #fff!important;
border-radius:16px!important;
padding:18px!important;
margin:24px 0!important;
box-shadow:none!important;
color:#fff!important;
}
body.app-page details.app-toc-panel>summary.app-toc-panel__badge{
display:inline-flex!important;
align-items:center!important;
list-style:none!important;
cursor:pointer!important;
padding:8px 14px!important;
background:var(--v14-blue2)!important;
border:1px solid #fff!important;
border-radius:10px!important;
box-shadow:none!important;
outline:none!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
body.app-page details.app-toc-panel>summary.app-toc-panel__badge::before,
body.app-page details.app-toc-panel>summary.app-toc-panel__badge::after{
content:none!important;
display:none!important;
}
body.app-page details.app-toc-panel>summary::-webkit-details-marker{
display:none!important;
}
body.app-page .app-toc-panel__cols{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:26px!important;
margin-top:16px!important;
}
body.app-page .app-toc-panel__list{
display:block!important;
opacity:1!important;
visibility:visible!important;
color:#fff!important;
}
body.app-page .app-toc-panel__list li,
body.app-page .app-toc-panel__list a{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
/* ============================================================
6) Remove white frames from screenshot/banner visuals
============================================================ */
body.app-page :is(
.app-shot,
.app-play-shot,
.app-payment-phone,
.app-odds-banner,
.app-bonus-shots figure
){
border:0!important;
box-shadow:none!important;
background:transparent!important;
}
body.app-page :is(
.app-shot img,
.app-play-shot img,
.app-payment-phone img,
.app-odds-banner img,
.app-bonus-shots img
){
border:0!important;
box-shadow:none!important;
}
/* ============================================================
7) FAQ style on Login / App / Bonus
============================================================ */
body:is(.acceso-page,.app-page,.bonus-page) :is(
.login-content-card--faq,
.app-faq-section,
.bonus-content-card--faq
){
background:var(--v14-blue)!important;
border:1px solid #fff!important;
border-radius:16px!important;
padding:24px!important;
margin:24px 0!important;
}
body:is(.acceso-page,.app-page,.bonus-page) :is(
.login-content-card--faq,
.app-faq-section,
.bonus-content-card--faq
) .faq-item{
background:rgba(255,255,255,.08)!important;
border:1px solid #fff!important;
border-radius:11px!important;
padding:14px 16px!important;
margin:10px 0!important;
box-shadow:none!important;
}
body:is(.acceso-page,.app-page,.bonus-page) :is(
.login-content-card--faq,
.app-faq-section,
.bonus-content-card--faq
) .faq-item :is(h3,p){
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
/* ============================================================
Ordered steps on Login/App: white circle + blue number
============================================================ */
body:is(.acceso-page,.app-page) :is(
.login-os-card ol,
.login-content-card ol,
.app-steps,
.app-crypto-steps,
.app-play-copy ol,
.app-bonus-claim ol
){
list-style:none!important;
padding-left:0!important;
counter-reset:v14step!important;
}
body:is(.acceso-page,.app-page) :is(
.login-os-card ol,
.login-content-card ol,
.app-steps,
.app-crypto-steps,
.app-play-copy ol,
.app-bonus-claim ol
)>li{
counter-increment:v14step!important;
position:relative!important;
padding-left:44px!important;
min-height:32px!important;
margin:10px 0!important;
}
body:is(.acceso-page,.app-page) :is(
.login-os-card ol,
.login-content-card ol,
.app-steps,
.app-crypto-steps,
.app-play-copy ol,
.app-bonus-claim ol
)>li::before{
content:counter(v14step)!important;
position:absolute!important;
left:0!important;
top:-1px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:30px!important;
height:30px!important;
border-radius:50%!important;
background:#fff!important;
color:var(--v14-line)!important;
-webkit-text-fill-color:var(--v14-line)!important;
font-weight:900!important;
}
/* Tables keep thin full white grid */
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .table-wrapper{
background:transparent!important;
border:0!important;
padding:0!important;
overflow:hidden!important;
border-radius:10px!important;
box-shadow:none!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .table-wrapper table{
width:100%!important;
border-collapse:collapse!important;
border-spacing:0!important;
border:1px solid #fff!important;
background:transparent!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .table-wrapper table :is(th,td){
border:1px solid #fff!important;
background:transparent!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
/* Responsive */
@media(max-width:760px){
body.app-page .app-top-hero{
grid-template-columns:1fr!important;
padding:18px!important;
}
body.app-page .app-toc-panel__cols{
grid-template-columns:1fr!important;
}
body.acceso-page .login-guide-map ul{
grid-template-columns:1fr!important;
}
}
/* ================= NOMINI V15 TARGETED FIXES ================= */
:root{
--v15-blue:#4CC2E9;
--v15-blue-card:#2FA7D1;
--v15-blue-line:#159BC9;
--v15-white:#FFFFFF;
}
/* -------------------------------------------------------------
1. PLATFORM GUIDE CARDS — SAME LOOK ON HOME + APP
------------------------------------------------------------- */
body.page-home .home-app-guides,
body.app-page .app-eco-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:22px!important;
align-items:stretch!important;
}
body.page-home .home-app-guide-card,
body.app-page .app-eco-card{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
min-height:220px!important;
padding:22px 24px!important;
background:var(--v15-blue-card)!important;
background-image:none!important;
border:1px solid #fff!important;
border-radius:14px!important;
box-shadow:none!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
text-decoration:none!important;
overflow:hidden!important;
}
body.page-home .home-app-guide-card:hover,
body.app-page .app-eco-card:hover{
background:#38B2DA!important;
transform:none!important;
box-shadow:none!important;
}
body.page-home .home-app-guide-card__icon,
body.app-page .app-platform-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:58px!important;
height:58px!important;
min-width:58px!important;
min-height:58px!important;
margin:0 0 20px!important;
padding:0!important;
border:0!important;
border-radius:14px!important;
box-shadow:none!important;
}
/* reference icon tile colors */
body.page-home .home-app-guide-card__icon--android,
body.app-page .app-platform-icon--android{
background:#F3A36B!important;
}
body.page-home .home-app-guide-card__icon--ios,
body.app-page .app-platform-icon--ios{
background:#07141D!important;
}
body.page-home .home-app-guide-card__icon--windows,
body.app-page .app-platform-icon--windows{
background:#11AAA6!important;
}
/* icon itself must be white and centered */
body.page-home .home-app-guide-card__icon svg,
body.page-home .home-app-guide-card__icon svg *,
body.app-page .app-platform-icon svg,
body.app-page .app-platform-icon svg *{
color:#fff!important;
fill:#fff!important;
stroke:#fff!important;
}
body.page-home .home-app-guide-card__icon svg,
body.app-page .app-platform-icon svg{
width:34px!important;
height:34px!important;
display:block!important;
}
body.page-home .home-app-guide-card__label,
body.app-page .app-eco-card__label{
display:block!important;
margin:0 0 12px!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-weight:800!important;
font-size:15px!important;
line-height:1.2!important;
text-decoration:underline!important;
text-decoration-thickness:1px!important;
text-underline-offset:3px!important;
opacity:1!important;
visibility:visible!important;
}
body.page-home .home-app-guide-card__title,
body.app-page .app-eco-card__title{
display:block!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-weight:800!important;
font-size:22px!important;
line-height:1.12!important;
text-decoration:underline!important;
text-decoration-thickness:1px!important;
text-underline-offset:4px!important;
opacity:1!important;
visibility:visible!important;
}
/* -------------------------------------------------------------
2. LOGIN INTRO — proper homepage-style blue text block
------------------------------------------------------------- */
body.acceso-page .login-intro{
display:block!important;
width:100%!important;
height:auto!important;
min-height:0!important;
margin:0!important;
padding:0!important;
background:#fff!important;
overflow:visible!important;
}
body.acceso-page .login-intro .legal-note{
display:block!important;
box-sizing:border-box!important;
width:100%!important;
max-width:none!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:24px 0 30px!important;
padding:24px 26px!important;
background:var(--v15-blue)!important;
background-image:none!important;
border:1px solid #fff!important;
border-radius:16px!important;
box-shadow:none!important;
overflow:visible!important;
white-space:normal!important;
text-overflow:clip!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-size:16px!important;
font-weight:500!important;
line-height:1.55!important;
letter-spacing:0!important;
}
body.acceso-page .login-intro .legal-note::before,
body.acceso-page .login-intro .legal-note::after{
content:none!important;
display:none!important;
}
/* -------------------------------------------------------------
3. NUMBER CIRCLES — WHITE CIRCLE / BLUE NUMBER / TRUE CENTER
Only actual step lists are touched.
------------------------------------------------------------- */
body.acceso-page :is(.login-os-card ol,.login-content-card ol),
body.app-page :is(.app-steps ol,.app-crypto-steps,.app-play-copy ol,.app-bonus-claim ol){
list-style:none!important;
padding-left:0!important;
counter-reset:v15step!important;
}
body.acceso-page :is(.login-os-card ol,.login-content-card ol)>li,
body.app-page :is(.app-steps ol,.app-crypto-steps,.app-play-copy ol,.app-bonus-claim ol)>li{
counter-increment:v15step!important;
position:relative!important;
min-height:32px!important;
padding-left:46px!important;
margin:10px 0!important;
}
body.acceso-page :is(.login-os-card ol,.login-content-card ol)>li::before,
body.app-page :is(.app-steps ol,.app-crypto-steps,.app-play-copy ol,.app-bonus-claim ol)>li::before{
content:counter(v15step)!important;
position:absolute!important;
left:0!important;
top:50%!important;
transform:translateY(-50%)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
width:30px!important;
height:30px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:50%!important;
background:#fff!important;
background-image:none!important;
color:var(--v15-blue-line)!important;
-webkit-text-fill-color:var(--v15-blue-line)!important;
font-size:14px!important;
font-weight:900!important;
line-height:30px!important;
text-align:center!important;
box-shadow:none!important;
}
/* -------------------------------------------------------------
4. CHECK CIRCLES — WHITE CIRCLE / BLUE CHECK / TRUE CENTER
------------------------------------------------------------- */
body.acceso-page .login-summary-list,
body.app-page :is(.app-check,.app-responsible-tools,.app-responsible-support),
body.bonus-page .bonus-content-card--checklist ul{
list-style:none!important;
padding-left:0!important;
}
body.acceso-page .login-summary-list>li,
body.app-page :is(.app-check,.app-responsible-tools,.app-responsible-support)>li,
body.bonus-page .bonus-content-card--checklist ul>li{
position:relative!important;
min-height:32px!important;
padding-left:46px!important;
}
body.acceso-page .login-summary-list>li::before,
body.app-page :is(.app-check,.app-responsible-tools,.app-responsible-support)>li::before,
body.bonus-page .bonus-content-card--checklist ul>li::before{
content:"✓"!important;
position:absolute!important;
left:0!important;
top:50%!important;
transform:translateY(-50%)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
width:30px!important;
height:30px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:50%!important;
background:#fff!important;
background-image:none!important;
color:var(--v15-blue-line)!important;
-webkit-text-fill-color:var(--v15-blue-line)!important;
font-size:15px!important;
font-weight:900!important;
line-height:30px!important;
text-align:center!important;
box-shadow:none!important;
}
/* legal warning circles keep the same geometry with ! */
body.legal-page .legal-content-card--warn ul{
list-style:none!important;
padding-left:0!important;
}
body.legal-page .legal-content-card--warn ul>li{
position:relative!important;
min-height:32px!important;
padding-left:46px!important;
}
body.legal-page .legal-content-card--warn ul>li::before{
content:"!"!important;
position:absolute!important;
left:0!important;
top:50%!important;
transform:translateY(-50%)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
width:30px!important;
height:30px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:50%!important;
background:#fff!important;
color:var(--v15-blue-line)!important;
-webkit-text-fill-color:var(--v15-blue-line)!important;
font-size:16px!important;
font-weight:900!important;
line-height:30px!important;
text-align:center!important;
box-shadow:none!important;
}
@media(max-width:760px){
body.page-home .home-app-guides,
body.app-page .app-eco-grid{
grid-template-columns:1fr!important;
}
body.page-home .home-app-guide-card,
body.app-page .app-eco-card{
min-height:0!important;
}
}
/* ================= END NOMINI V15 TARGETED FIXES ================= */
/* V16 referral card cursor */
body.page-home .home-app-guide-card, body.app-page .app-eco-card{cursor:pointer!important;}
/* ============================================================
NOMINI V17 — ITALIA / SEO / INTERNAL INTRO SYSTEM
============================================================ */
:root{
--v17-blue:#4CC2E9;
--v17-blue2:#36AED8;
--v17-blue-hover:#68D0F0;
--v17-line:#159BC9;
--v17-white:#fff;
--v17-ink:#101820;
--v17-orange:#FF982F;
}
/* Internal intro reference: blue block + chip + white text */
body:is(.acceso-page,.bonus-page,.legal-page) .legal-note{
display:block!important;
box-sizing:border-box!important;
width:100%!important;
max-width:none!important;
height:auto!important;
max-height:none!important;
margin:24px 0 30px!important;
padding:22px 24px!important;
background:var(--v17-blue)!important;
background-image:none!important;
border:1px solid #fff!important;
border-radius:16px!important;
box-shadow:none!important;
overflow:visible!important;
white-space:normal!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-size:16px!important;
line-height:1.55!important;
}
body:is(.acceso-page,.bonus-page,.legal-page) .legal-note .intro-pill{
display:table!important;
width:auto!important;
margin:0 0 14px!important;
padding:7px 13px!important;
background:var(--v17-blue2)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border:1px solid #fff!important;
border-radius:999px!important;
font-weight:800!important;
line-height:1.1!important;
}
body:is(.acceso-page,.bonus-page,.legal-page) .legal-note::before,
body:is(.acceso-page,.bonus-page,.legal-page) .legal-note::after{
content:none!important;
display:none!important;
}
/* App hero = one cohesive blue reference block */
body.app-page .app-top-hero{
display:grid!important;
grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr)!important;
gap:28px!important;
align-items:center!important;
padding:28px!important;
margin:24px 0!important;
background:var(--v17-blue)!important;
background-image:none!important;
border:1px solid #fff!important;
border-radius:16px!important;
box-shadow:none!important;
}
body.app-page .app-top-hero__content{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
}
body.app-page .app-top-hero__content :is(h1,p,strong,span){
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
body.app-page .app-top-hero__media{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
}
body.app-page .app-top-hero__media img{
display:block!important;
width:100%!important;
height:auto!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
border-radius:14px!important;
}
/* Clean Contents control */
body.app-page details.app-toc-panel{
background:var(--v17-blue)!important;
border:1px solid #fff!important;
border-radius:16px!important;
box-shadow:none!important;
padding:18px!important;
margin:24px 0!important;
}
body.app-page details.app-toc-panel>summary.app-toc-panel__badge{
display:inline-flex!important;
align-items:center!important;
width:auto!important;
padding:8px 14px!important;
background:var(--v17-blue2)!important;
border:1px solid #fff!important;
border-radius:10px!important;
outline:0!important;
box-shadow:none!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
body.app-page details.app-toc-panel>summary.app-toc-panel__badge::before,
body.app-page details.app-toc-panel>summary.app-toc-panel__badge::after{
content:none!important;display:none!important;
}
body.app-page details.app-toc-panel>summary::-webkit-details-marker{display:none!important;}
body.app-page .app-toc-panel__cols{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:28px!important;
margin-top:16px!important;
}
body.app-page .app-toc-panel__list,
body.app-page .app-toc-panel__list li,
body.app-page .app-toc-panel__list a{
opacity:1!important;
visibility:visible!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
/* Login section map = exact clean white grid */
body.acceso-page .login-guide-map{
background:rgba(255,255,255,.06)!important;
border:1px solid #fff!important;
border-radius:12px!important;
padding:18px!important;
}
body.acceso-page .login-guide-map ul{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:1px!important;
padding:1px!important;
margin:12px 0 0!important;
list-style:none!important;
background:#fff!important;
border:0!important;
border-radius:10px!important;
overflow:hidden!important;
}
body.acceso-page .login-guide-map li{
margin:0!important;
border:0!important;
background:var(--v17-blue)!important;
}
body.acceso-page .login-guide-map li:last-child:nth-child(odd){grid-column:1/-1!important;}
body.acceso-page .login-guide-map a{
display:block!important;
padding:12px 14px!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
text-decoration:none!important;
}
/* Every step/check/warning icon: white circle + centered blue sign */
body:is(.acceso-page,.app-page,.bonus-page,.legal-page)
:is(.login-summary-list,.app-check,.app-responsible-tools,.app-responsible-support,.bonus-content-card--checklist ul) {
list-style:none!important;
padding-left:0!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page)
:is(.login-summary-list,.app-check,.app-responsible-tools,.app-responsible-support,.bonus-content-card--checklist ul)>li{
position:relative!important;
min-height:32px!important;
padding-left:46px!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page)
:is(.login-summary-list,.app-check,.app-responsible-tools,.app-responsible-support,.bonus-content-card--checklist ul)>li::before{
content:"✓"!important;
position:absolute!important;
left:0!important;
top:50%!important;
transform:translateY(-50%)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:30px!important;
height:30px!important;
padding:0!important;
border:0!important;
border-radius:50%!important;
background:#fff!important;
color:var(--v17-line)!important;
-webkit-text-fill-color:var(--v17-line)!important;
font-size:15px!important;
font-weight:900!important;
line-height:1!important;
text-align:center!important;
box-shadow:none!important;
}
body.legal-page .legal-content-card--warn ul{
list-style:none!important;padding-left:0!important;
}
body.legal-page .legal-content-card--warn ul>li{
position:relative!important;min-height:32px!important;padding-left:46px!important;
}
body.legal-page .legal-content-card--warn ul>li::before{
content:"!"!important;
position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;
display:flex!important;align-items:center!important;justify-content:center!important;
width:30px!important;height:30px!important;border-radius:50%!important;
background:#fff!important;color:var(--v17-line)!important;-webkit-text-fill-color:var(--v17-line)!important;
font-weight:900!important;line-height:1!important;
}
/* Ordered steps */
body:is(.acceso-page,.app-page) :is(.login-os-card ol,.login-content-card ol,.app-steps,.app-crypto-steps,.app-play-copy ol,.app-bonus-claim ol){
list-style:none!important;padding-left:0!important;counter-reset:v17step!important;
}
body:is(.acceso-page,.app-page) :is(.login-os-card ol,.login-content-card ol,.app-steps,.app-crypto-steps,.app-play-copy ol,.app-bonus-claim ol)>li{
counter-increment:v17step!important;position:relative!important;min-height:32px!important;padding-left:46px!important;
}
body:is(.acceso-page,.app-page) :is(.login-os-card ol,.login-content-card ol,.app-steps,.app-crypto-steps,.app-play-copy ol,.app-bonus-claim ol)>li::before{
content:counter(v17step)!important;
position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;
display:flex!important;align-items:center!important;justify-content:center!important;
width:30px!important;height:30px!important;border-radius:50%!important;
background:#fff!important;color:var(--v17-line)!important;-webkit-text-fill-color:var(--v17-line)!important;
font-weight:900!important;line-height:1!important;
}
/* True thin white table grid */
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .table-wrapper{
background:transparent!important;border:0!important;padding:0!important;border-radius:10px!important;overflow:hidden!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .table-wrapper table{
width:100%!important;border-collapse:collapse!important;border-spacing:0!important;border:1px solid #fff!important;background:transparent!important;
}
body:is(.acceso-page,.app-page,.bonus-page,.legal-page) .table-wrapper table :is(th,td){
border:1px solid #fff!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* App screenshots/banners: no white frames */
body.app-page :is(.app-shot,.app-play-shot,.app-payment-phone,.app-odds-banner,.app-bonus-shots figure){
border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
}
body.app-page :is(.app-shot img,.app-play-shot img,.app-payment-phone img,.app-odds-banner img,.app-bonus-shots img){
border:0!important;outline:0!important;box-shadow:none!important;
}
/* FAQ identical on Login/App/Bonus */
body:is(.acceso-page,.app-page,.bonus-page) :is(.login-content-card--faq,.app-faq-section,.bonus-content-card--faq) .faq-item{
margin:10px 0!important;
padding:14px 16px!important;
background:rgba(255,255,255,.08)!important;
border:1px solid #fff!important;
border-radius:11px!important;
box-shadow:none!important;
}
body:is(.acceso-page,.app-page,.bonus-page) :is(.login-content-card--faq,.app-faq-section,.bonus-content-card--faq) .faq-item :is(h3,p){
color:#fff!important;-webkit-text-fill-color:#fff!important;
}
@media(max-width:760px){
body.app-page .app-top-hero{grid-template-columns:1fr!important;padding:18px!important;}
body.app-page .app-toc-panel__cols{grid-template-columns:1fr!important;}
body.acceso-page .login-guide-map ul{grid-template-columns:1fr!important;}
}
/* ================= NOMINI V19 FINAL VISUAL POLISH ================= */
:root{
--v19-blue:#4CC2E9;
--v19-blue2:#36AED8;
--v19-blue-line:#159BC9;
--v19-white:#FFFFFF;
--v19-orange:#FF982F;
}
/* --------------------------------------------------------------
LOGIN / BONUS / LEGAL INTROS:
compact homepage-style card, no fake old label, no empty height
-------------------------------------------------------------- */
body.acceso-page #login-guide#login-guide > .login-intro{
position:static!important;
display:block!important;
width:100%!important;
min-height:0!important;
height:auto!important;
max-height:none!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
background:#fff!important;
border:0!important;
box-shadow:none!important;
}
body.acceso-page #login-guide#login-guide > .login-intro::before,
body.acceso-page #login-guide#login-guide > .login-intro::after{
content:none!important;
display:none!important;
}
body:is(.acceso-page,.bonus-page,.legal-page) .legal-note{
position:static!important;
display:block!important;
box-sizing:border-box!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:18px 0 24px!important;
padding:18px 22px!important;
overflow:visible!important;
background:var(--v19-blue)!important;
background-image:none!important;
border:1px solid #fff!important;
border-radius:16px!important;
box-shadow:none!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
white-space:normal!important;
line-height:1.55!important;
}
body:is(.acceso-page,.bonus-page,.legal-page) .legal-note::before,
body:is(.acceso-page,.bonus-page,.legal-page) .legal-note::after{
content:none!important;
display:none!important;
}
body:is(.acceso-page,.bonus-page,.legal-page) .legal-note .intro-pill{
position:static!important;
display:inline-flex!important;
align-items:center!important;
width:auto!important;
height:auto!important;
min-height:0!important;
margin:0 0 12px!important;
padding:7px 13px!important;
background:var(--v19-blue2)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border:1px solid #fff!important;
border-radius:999px!important;
box-shadow:none!important;
font-weight:800!important;
line-height:1!important;
}
/* --------------------------------------------------------------
PLATFORM ICONS:
same tile treatment on HOME, LOGIN and APP
-------------------------------------------------------------- */
body.page-home .home-app-guide-card__icon,
body.acceso-page .login-os-card__icon,
body.app-page .app-platform-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
width:58px!important;
height:58px!important;
min-width:58px!important;
min-height:58px!important;
flex:0 0 58px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:14px!important;
outline:0!important;
box-shadow:none!important;
overflow:hidden!important;
}
body.page-home .home-app-guide-card__icon--android,
body.acceso-page .login-os-card__icon--android,
body.app-page .app-platform-icon--android{
background:#F3A36B!important;
}
body.page-home .home-app-guide-card__icon--ios,
body.acceso-page .login-os-card__icon--ios,
body.app-page .app-platform-icon--ios{
background:#07141D!important;
}
body.page-home .home-app-guide-card__icon--windows,
body.acceso-page .login-os-card__icon--windows,
body.app-page .app-platform-icon--windows{
background:#11AAA6!important;
}
body.page-home .home-app-guide-card__icon svg,
body.acceso-page .login-os-card__icon svg,
body.app-page .app-platform-icon svg{
display:block!important;
width:34px!important;
height:34px!important;
color:#fff!important;
fill:#fff!important;
stroke:#fff!important;
}
body.page-home .home-app-guide-card__icon svg *,
body.acceso-page .login-os-card__icon svg *,
body.app-page .app-platform-icon svg *{
color:#fff!important;
fill:#fff!important;
stroke:#fff!important;
opacity:1!important;
}
/* --------------------------------------------------------------
ALL NUMBERED STEP LISTS:
every visible step number becomes a white circle with blue number
-------------------------------------------------------------- */
body.acceso-page :is(.login-os-card,.login-content-card) ol,
body.bonus-page .bonus-content-card ol,
body.legal-page .legal-content-card ol,
body.app-page .app-guide ol:not(.app-toc-panel__list){
list-style:none!important;
padding-left:0!important;
counter-reset:v19-step!important;
}
body.acceso-page :is(.login-os-card,.login-content-card) ol>li,
body.bonus-page .bonus-content-card ol>li,
body.legal-page .legal-content-card ol>li,
body.app-page .app-guide ol:not(.app-toc-panel__list)>li{
counter-increment:v19-step!important;
position:relative!important;
min-height:34px!important;
padding-left:46px!important;
}
body.acceso-page :is(.login-os-card,.login-content-card) ol>li::before,
body.bonus-page .bonus-content-card ol>li::before,
body.legal-page .legal-content-card ol>li::before,
body.app-page .app-guide ol:not(.app-toc-panel__list)>li::before{
content:counter(v19-step)!important;
position:absolute!important;
left:0!important;
top:50%!important;
transform:translateY(-50%)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
width:30px!important;
height:30px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:50%!important;
outline:0!important;
background:#fff!important;
background-image:none!important;
color:var(--v19-blue-line)!important;
-webkit-text-fill-color:var(--v19-blue-line)!important;
font-size:14px!important;
font-weight:900!important;
line-height:1!important;
text-align:center!important;
box-shadow:none!important;
}
body.acceso-page :is(.login-os-card,.login-content-card) ol>li::after,
body.bonus-page .bonus-content-card ol>li::after,
body.legal-page .legal-content-card ol>li::after,
body.app-page .app-guide ol:not(.app-toc-panel__list)>li::after{
content:none!important;
display:none!important;
}
/* --------------------------------------------------------------
CHECK LISTS:
white circle + centered blue check
-------------------------------------------------------------- */
body.acceso-page .login-summary-list,
body.app-page :is(.app-check,.app-responsible-tools,.app-responsible-support),
body.bonus-page .bonus-content-card--checklist ul{
list-style:none!important;
padding-left:0!important;
}
body.acceso-page .login-summary-list>li,
body.app-page :is(.app-check,.app-responsible-tools,.app-responsible-support)>li,
body.bonus-page .bonus-content-card--checklist ul>li{
position:relative!important;
min-height:34px!important;
padding-left:46px!important;
}
body.acceso-page .login-summary-list>li::before,
body.app-page :is(.app-check,.app-responsible-tools,.app-responsible-support)>li::before,
body.bonus-page .bonus-content-card--checklist ul>li::before{
content:"✓"!important;
position:absolute!important;
left:0!important;
top:50%!important;
transform:translateY(-50%)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
width:30px!important;
height:30px!important;
padding:0!important;
border:0!important;
border-radius:50%!important;
background:#fff!important;
color:var(--v19-blue-line)!important;
-webkit-text-fill-color:var(--v19-blue-line)!important;
font-size:15px!important;
font-weight:900!important;
line-height:1!important;
text-align:center!important;
box-shadow:none!important;
}
body.acceso-page .login-summary-list>li::after,
body.app-page :is(.app-check,.app-responsible-tools,.app-responsible-support)>li::after,
body.bonus-page .bonus-content-card--checklist ul>li::after{
content:none!important;
display:none!important;
}
/* --------------------------------------------------------------
WARNING LISTS:
white circle + centered blue exclamation, remove duplicate old marks
-------------------------------------------------------------- */
body:is(.bonus-page,.legal-page) :is(.bonus-content-card--voids,.legal-content-card--warn) ul{
list-style:none!important;
padding-left:0!important;
}
body:is(.bonus-page,.legal-page) :is(.bonus-content-card--voids,.legal-content-card--warn) ul>li{
position:relative!important;
min-height:34px!important;
padding-left:46px!important;
}
body:is(.bonus-page,.legal-page) :is(.bonus-content-card--voids,.legal-content-card--warn) ul>li::before{
content:"!"!important;
position:absolute!important;
left:0!important;
top:50%!important;
transform:translateY(-50%)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
width:30px!important;
height:30px!important;
padding:0!important;
border:0!important;
border-radius:50%!important;
background:#fff!important;
color:var(--v19-blue-line)!important;
-webkit-text-fill-color:var(--v19-blue-line)!important;
font-size:16px!important;
font-weight:900!important;
line-height:1!important;
text-align:center!important;
box-shadow:none!important;
}
body:is(.bonus-page,.legal-page) :is(.bonus-content-card--voids,.legal-content-card--warn) ul>li::after{
content:none!important;
display:none!important;
}
/* --------------------------------------------------------------
APP RATING:
guaranteed orange 4.5 stars, independent from all older star rules
-------------------------------------------------------------- */
body.app-page .app-rating__stars{
position:relative!important;
display:inline-block!important;
width:auto!important;
height:1.15em!important;
min-width:5.3em!important;
overflow:visible!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
font-size:22px!important;
line-height:1!important;
letter-spacing:1px!important;
white-space:nowrap!important;
}
body.app-page .app-rating__stars>*{
display:none!important;
}
body.app-page .app-rating__stars::before{
content:"★★★★★"!important;
position:static!important;
display:inline-block!important;
background:linear-gradient(90deg,var(--v19-orange) 0%,var(--v19-orange) 90%,#fff 90%,#fff 100%)!important;
-webkit-background-clip:text!important;
background-clip:text!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
white-space:nowrap!important;
}
body.app-page .app-rating__stars::after{
content:none!important;
display:none!important;
}
/* --------------------------------------------------------------
CONTENTS BUTTON:
exactly one clean white outline, all focus/legacy rings removed
-------------------------------------------------------------- */
body.app-page details.app-toc-panel>summary.app-toc-panel__badge,
body.app-page details.app-toc-panel>summary.app-toc-panel__badge:hover,
body.app-page details.app-toc-panel>summary.app-toc-panel__badge:focus,
body.app-page details.app-toc-panel>summary.app-toc-panel__badge:focus-visible,
body.app-page details.app-toc-panel>summary.app-toc-panel__badge:active{
position:static!important;
display:inline-flex!important;
align-items:center!important;
box-sizing:border-box!important;
width:auto!important;
height:auto!important;
padding:8px 14px!important;
margin:0!important;
appearance:none!important;
-webkit-appearance:none!important;
background:var(--v19-blue2)!important;
background-image:none!important;
border:1px solid #fff!important;
border-radius:10px!important;
outline:0!important;
outline-offset:0!important;
box-shadow:none!important;
filter:none!important;
clip-path:none!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
text-shadow:none!important;
}
body.app-page details.app-toc-panel>summary.app-toc-panel__badge::before,
body.app-page details.app-toc-panel>summary.app-toc-panel__badge::after{
content:none!important;
display:none!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
}
body.app-page details.app-toc-panel>summary::-webkit-details-marker{
display:none!important;
}
/* --------------------------------------------------------------
Keep intro blocks compact on narrow screens too
-------------------------------------------------------------- */
@media(max-width:760px){
body:is(.acceso-page,.bonus-page,.legal-page) .legal-note{
margin:16px 0 20px!important;
padding:16px 18px!important;
}
}
/* ================= END NOMINI V19 FINAL VISUAL POLISH ================= */
/* ================= NOMINI V21 HARD FINAL FIXES ================= */
:root{--v21-blue:#4CC2E9;--v21-blue2:#36AED8;--v21-line:#159BC9;--v21-white:#fff;--v21-orange:#FF982F;}
/* INTRO: compact, pill on its own row, copy below it */
html body:is(.acceso-page,.bonus-page,.legal-page) p.legal-note{
display:block!important;position:static!important;box-sizing:border-box!important;
width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;
margin:18px 0 24px!important;padding:18px 22px!important;overflow:visible!important;
background:var(--v21-blue)!important;background-image:none!important;border:1px solid #fff!important;border-radius:16px!important;
box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;line-height:1.55!important;
}
html body:is(.acceso-page,.bonus-page,.legal-page) p.legal-note::before,
html body:is(.acceso-page,.bonus-page,.legal-page) p.legal-note::after{content:none!important;display:none!important;}
html body:is(.acceso-page,.bonus-page,.legal-page) p.legal-note > .intro-pill{
display:flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;
margin:0 0 12px!important;padding:7px 13px!important;height:auto!important;min-height:0!important;
background:var(--v21-blue2)!important;background-image:none!important;border:1px solid #fff!important;border-radius:999px!important;
outline:0!important;box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
font-weight:800!important;line-height:1!important;
}
html body:is(.acceso-page,.bonus-page,.legal-page) p.legal-note > .intro-copy{
display:block!important;width:100%!important;margin:0!important;padding:0!important;
color:#fff!important;-webkit-text-fill-color:#fff!important;line-height:1.55!important;
}
html body.acceso-page #login-guide > .login-intro{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:#fff!important;padding:0!important;margin:0!important;}
/* PLATFORM ICON TILES: exact same tile treatment on HOME / LOGIN / APP */
html body.page-home .home-app-guide-card__icon,
html body.acceso-page .login-os-card .login-os-card__icon,
html body.app-page .app-eco-card .app-platform-icon{
display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;flex:0 0 58px!important;
padding:0!important;margin:0!important;border:0!important;border-radius:14px!important;outline:0!important;box-shadow:none!important;overflow:hidden!important;
}
html body.page-home .home-app-guide-card__icon--android,
html body.acceso-page .login-os-card .login-os-card__icon--android,
html body.app-page .app-eco-card .app-platform-icon--android{background:#F3A36B!important;background-image:none!important;}
html body.page-home .home-app-guide-card__icon--ios,
html body.acceso-page .login-os-card .login-os-card__icon--ios,
html body.app-page .app-eco-card .app-platform-icon--ios{background:#07141D!important;background-image:none!important;}
html body.page-home .home-app-guide-card__icon--windows,
html body.acceso-page .login-os-card .login-os-card__icon--windows,
html body.app-page .app-eco-card .app-platform-icon--windows{background:#11AAA6!important;background-image:none!important;}
html body.page-home .home-app-guide-card__icon svg,
html body.acceso-page .login-os-card .login-os-card__icon svg,
html body.app-page .app-eco-card .app-platform-icon svg{display:block!important;width:34px!important;height:34px!important;color:#fff!important;fill:#fff!important;stroke:#fff!important;}
html body.page-home .home-app-guide-card__icon svg *,
html body.acceso-page .login-os-card .login-os-card__icon svg *,
html body.app-page .app-eco-card .app-platform-icon svg *{color:#fff!important;fill:#fff!important;stroke:#fff!important;opacity:1!important;}
/* ALL ordered steps in content: white circle + centered blue number */
html body.acceso-page main :is(.login-os-card,.login-content-card) ol,
html body.bonus-page main .bonus-content-card ol,
html body.legal-page main .legal-content-card ol,
html body.app-page main .app-guide ol:not(.app-toc-panel__list){list-style:none!important;padding-left:0!important;counter-reset:v21step!important;}
html body.acceso-page main :is(.login-os-card,.login-content-card) ol>li,
html body.bonus-page main .bonus-content-card ol>li,
html body.legal-page main .legal-content-card ol>li,
html body.app-page main .app-guide ol:not(.app-toc-panel__list)>li{counter-increment:v21step!important;position:relative!important;min-height:34px!important;padding-left:46px!important;margin:10px 0!important;}
html body.acceso-page main :is(.login-os-card,.login-content-card) ol>li::before,
html body.bonus-page main .bonus-content-card ol>li::before,
html body.legal-page main .legal-content-card ol>li::before,
html body.app-page main .app-guide ol:not(.app-toc-panel__list)>li::before{
content:counter(v21step)!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;
display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
background:#fff!important;background-image:none!important;color:var(--v21-line)!important;-webkit-text-fill-color:var(--v21-line)!important;
font-size:14px!important;font-weight:900!important;line-height:1!important;text-align:center!important;box-shadow:none!important;
}
html body.acceso-page main :is(.login-os-card,.login-content-card) ol>li::after,
html body.bonus-page main .bonus-content-card ol>li::after,
html body.legal-page main .legal-content-card ol>li::after,
html body.app-page main .app-guide ol:not(.app-toc-panel__list)>li::after{content:none!important;display:none!important;}
/* CHECK indicators */
html body.acceso-page main .login-summary-list,
html body.app-page main :is(.app-check,.app-responsible-tools,.app-responsible-support),
html body.bonus-page main .bonus-content-card--welcome ul{list-style:none!important;padding-left:0!important;}
html body.acceso-page main .login-summary-list>li,
html body.app-page main :is(.app-check,.app-responsible-tools,.app-responsible-support)>li,
html body.bonus-page main .bonus-content-card--welcome ul>li{position:relative!important;min-height:34px!important;padding-left:46px!important;margin:9px 0!important;}
html body.acceso-page main .login-summary-list>li::before,
html body.app-page main :is(.app-check,.app-responsible-tools,.app-responsible-support)>li::before,
html body.bonus-page main .bonus-content-card--welcome ul>li::before{
content:"✓"!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;
display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;
border:0!important;border-radius:50%!important;background:#fff!important;color:var(--v21-line)!important;-webkit-text-fill-color:var(--v21-line)!important;
font-size:15px!important;font-weight:900!important;line-height:1!important;box-shadow:none!important;
}
html body.acceso-page main .login-summary-list>li::after,
html body.app-page main :is(.app-check,.app-responsible-tools,.app-responsible-support)>li::after,
html body.bonus-page main .bonus-content-card--welcome ul>li::after{content:none!important;display:none!important;}
/* WARNING indicators */
html body:is(.bonus-page,.legal-page) main :is(.bonus-content-card--voids,.legal-content-card--warn) ul{list-style:none!important;padding-left:0!important;}
html body:is(.bonus-page,.legal-page) main :is(.bonus-content-card--voids,.legal-content-card--warn) ul>li{position:relative!important;min-height:34px!important;padding-left:46px!important;margin:9px 0!important;}
html body:is(.bonus-page,.legal-page) main :is(.bonus-content-card--voids,.legal-content-card--warn) ul>li::before{
content:"!"!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;
display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;
border:0!important;border-radius:50%!important;background:#fff!important;color:var(--v21-line)!important;-webkit-text-fill-color:var(--v21-line)!important;
font-size:16px!important;font-weight:900!important;line-height:1!important;box-shadow:none!important;
}
html body:is(.bonus-page,.legal-page) main :is(.bonus-content-card--voids,.legal-content-card--warn) ul>li::after{content:none!important;display:none!important;}
/* APP STARS: actual markup, 4 orange + half orange */
html body.app-page .app-rating .v21-rating-stars{display:inline-flex!important;align-items:center!important;gap:0!important;width:auto!important;min-width:0!important;height:auto!important;overflow:visible!important;color:var(--v21-orange)!important;-webkit-text-fill-color:var(--v21-orange)!important;font-size:22px!important;line-height:1!important;letter-spacing:1px!important;}
html body.app-page .app-rating .v21-rating-stars::before,
html body.app-page .app-rating .v21-rating-stars::after{content:none!important;display:none!important;}
html body.app-page .app-rating .v21-rating-stars .v21-full-stars{display:inline!important;color:var(--v21-orange)!important;-webkit-text-fill-color:var(--v21-orange)!important;}
html body.app-page .app-rating .v21-rating-stars .v21-half-star{position:relative!important;display:inline-block!important;width:1em!important;height:1em!important;overflow:hidden!important;vertical-align:middle!important;}
html body.app-page .app-rating .v21-rating-stars .v21-half-bg{position:absolute!important;inset:0!important;display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body.app-page .app-rating .v21-rating-stars .v21-half-fill{position:absolute!important;left:0!important;top:0!important;display:block!important;width:50%!important;height:100%!important;overflow:hidden!important;white-space:nowrap!important;color:var(--v21-orange)!important;-webkit-text-fill-color:var(--v21-orange)!important;}
/* CONTENTS: absolutely one visual border only */
html body.app-page details.app-toc-panel>summary.app-toc-panel__badge,
html body.app-page details.app-toc-panel>summary.app-toc-panel__badge:hover,
html body.app-page details.app-toc-panel>summary.app-toc-panel__badge:focus,
html body.app-page details.app-toc-panel>summary.app-toc-panel__badge:focus-visible,
html body.app-page details.app-toc-panel>summary.app-toc-panel__badge:active{
display:inline-flex!important;position:static!important;box-sizing:border-box!important;width:auto!important;height:auto!important;
margin:0!important;padding:8px 14px!important;appearance:none!important;-webkit-appearance:none!important;
background:var(--v21-blue2)!important;background-image:none!important;border:0!important;border-radius:10px!important;
outline:0!important;outline-offset:0!important;box-shadow:inset 0 0 0 1px #fff!important;filter:none!important;clip-path:none!important;
color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;
}
html body.app-page details.app-toc-panel>summary.app-toc-panel__badge::before,
html body.app-page details.app-toc-panel>summary.app-toc-panel__badge::after{content:none!important;display:none!important;border:0!important;outline:0!important;box-shadow:none!important;}
html body.app-page details.app-toc-panel>summary::-webkit-details-marker{display:none!important;}
@media(max-width:760px){html body:is(.acceso-page,.bonus-page,.legal-page) p.legal-note{margin:14px 0 18px!important;padding:16px 18px!important;}}
/* ================= END NOMINI V21 HARD FINAL FIXES ================= */
/* ================= NOMINI V22 THIN LOGIN MAP GRID ================= */
html body.acceso-page #login-guide#login-guide .login-guide-map ul{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:1px!important;
padding:1px!important;
margin:12px 0 0!important;
background:#fff!important;
border:0!important;
border-radius:10px!important;
overflow:hidden!important;
}
html body.acceso-page #login-guide#login-guide .login-guide-map li{
margin:0!important;
min-width:0!important;
border:0!important;
border-radius:0!important;
background:#4CC2E9!important;
}
html body.acceso-page #login-guide#login-guide .login-guide-map a{
display:block!important;
height:100%!important;
padding:10px 12px!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
background:transparent!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
html body.acceso-page #login-guide#login-guide .login-guide-map li:last-child:nth-child(odd){
grid-column:1 / -1!important;
}
/* ================= END NOMINI V22 THIN LOGIN MAP GRID ================= */
/* ================= NOMINI V24 APP IMAGE PLACEMENT ================= */
html body.app-page .app-top-hero__media{
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
border-radius:14px!important;
}
html body.app-page .app-top-hero__media img{
display:block!important;
width:100%!important;
max-width:520px!important;
height:auto!important;
object-fit:contain!important;
object-position:center!important;
border:0!important;
border-radius:14px!important;
box-shadow:none!important;
}
html body.app-page .app-screenshots-section .app-shots{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
align-items:start!important;
overflow:visible!important;
}
html body.app-page .app-screenshots-section .app-shot.app-shot--nomini-v24{
position:relative!important;
display:block!important;
width:100%!important;
height:500px!important;
min-height:500px!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
background:transparent!important;
border:0!important;
border-radius:16px!important;
box-shadow:none!important;
}
html body.app-page .app-screenshots-section .app-shot.app-shot--nomini-v24 img{
display:block!important;
width:100%!important;
height:560px!important;
max-width:none!important;
object-fit:contain!important;
object-position:top center!important;
margin:0 auto!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
html body.app-page .app-ecosystem-visual{
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
html body.app-page .app-ecosystem-visual img{
display:block!important;
width:min(100%,364px)!important;
height:auto!important;
object-fit:contain!important;
border:0!important;
box-shadow:none!important;
}
html body.app-page .app-odds-banner{
overflow:hidden!important;
border:0!important;
border-radius:14px!important;
box-shadow:none!important;
background:transparent!important;
}
html body.app-page .app-odds-banner img{
display:block!important;
width:100%!important;
height:auto!important;
object-fit:cover!important;
border:0!important;
border-radius:14px!important;
box-shadow:none!important;
}
@media(max-width:760px){
html body.app-page .app-screenshots-section .app-shots{
display:flex!important;
gap:14px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x proximity!important;
}
html body.app-page .app-screenshots-section .app-shot.app-shot--nomini-v24{
flex:0 0 min(72vw,260px)!important;
height:440px!important;
min-height:440px!important;
scroll-snap-align:start!important;
}
html body.app-page .app-screenshots-section .app-shot.app-shot--nomini-v24 img{
height:500px!important;
}
}
/* ================= END NOMINI V24 APP IMAGE PLACEMENT ================= */
/* ================= NOMINI V25 APP SCREENSHOT REFERENCE LAYOUT ================= */
html body.app-page #app-guide .app-screenshots-section{
overflow:visible!important;
padding:24px 16px 24px!important;
}
html body.app-page #app-guide .app-screenshots-section .app-shots{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:10px!important;
width:100%!important;
height:270px!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
align-items:start!important;
}
html body.app-page #app-guide .app-screenshots-section .app-shot.app-shot--nomini-v25{
display:block!important;
width:100%!important;
height:270px!important;
min-height:270px!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
background:transparent!important;
border:1px solid #fff!important;
border-radius:0!important;
box-shadow:none!important;
}
html body.app-page #app-guide .app-screenshots-section .app-shot.app-shot--nomini-v25 img{
display:block!important;
width:100%!important;
height:auto!important;
min-height:0!important;
max-width:none!important;
margin:0!important;
padding:0!important;
object-fit:initial!important;
object-position:top center!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
html body.app-page #app-guide .app-screenshots-section > p.seo-context{
position:static!important;
margin:18px 10px 0!important;
padding:0!important;
clear:both!important;
}
@media (max-width:900px){
html body.app-page #app-guide .app-screenshots-section .app-shots{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
height:auto!important;
overflow:visible!important;
}
html body.app-page #app-guide .app-screenshots-section .app-shot.app-shot--nomini-v25{
height:340px!important;
min-height:340px!important;
}
}
@media (max-width:560px){
html body.app-page #app-guide .app-screenshots-section .app-shots{
display:flex!important;
gap:10px!important;
height:340px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x mandatory!important;
}
html body.app-page #app-guide .app-screenshots-section .app-shot.app-shot--nomini-v25{
flex:0 0 72%!important;
height:340px!important;
min-height:340px!important;
scroll-snap-align:start!important;
}
}
/* ================= END NOMINI V25 APP SCREENSHOT REFERENCE LAYOUT ================= */
/* ================= NOMINI V26 APP SECTION IMAGE FIT ================= */
body.app-page .app-play-shot img{
width:100%!important;
height:330px!important;
max-height:330px!important;
object-fit:contain!important;
object-position:center top!important;
}
body.app-page .app-bonus-shots figure{
grid-template-rows:300px auto!important;
}
body.app-page .app-bonus-shots img{
width:100%!important;
height:300px!important;
object-fit:contain!important;
object-position:center top!important;
}
body.app-page .app-payment-phone__screen{
height:315px!important;
background:transparent!important;
}
body.app-page .app-payment-phone__screen > img{
width:100%!important;
max-width:100%!important;
height:315px!important;
object-fit:contain!important;
object-position:center top!important;
}
@media(max-width:760px){
body.app-page .app-play-shot img,
body.app-page .app-bonus-shots img,
body.app-page .app-payment-phone__screen,
body.app-page .app-payment-phone__screen > img{
height:280px!important;
max-height:280px!important;
}
body.app-page .app-bonus-shots figure{
grid-template-rows:280px auto!important;
}
}
/* ================= END NOMINI V26 APP SECTION IMAGE FIT ================= */
/* === affiliate desktop cursor === */
@media (hover: hover) and (min-width: 993px){
a[data-go],
a[data-go]:hover,
a[data-go]:focus,
a[data-go]:focus-visible,
a[data-go] *,
a[data-go]:hover *,
a[data-go] img,
a[data-go]:hover img,
a[data-go] .promo-img,
a[data-go]:hover .promo-img{
cursor: default !important;
}
}
/* === end affiliate desktop cursor === */