body{
    min-width: 330px;
}
.bx-wrap{
    container-type:inline-size;
    container-name:bx-wrap;
    --bx-bg:#ffffff;
    --bx-ink:#13151c;
    --bx-muted:#16324f;
    --bx-line:#e8eaf0;
    --bx-soft:#f6f9fc;
    --bx-blue:#2a93c9;
    --bx-blue-bright:#33a0da;
    --bx-blue-deep:#16324f;
    --bx-green:#00893b;
    --bx-rail:#15324a;
    --bx-radius:16px;
    font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--bx-ink);
    max-width:100%;
    margin:0 auto;
    font-size:clamp(15px,1em,18px);
    line-height:1.45;
}
.bx-wrap *{box-sizing:border-box;}

.bx-wrap__title{font-size:1.35em;font-weight:800;letter-spacing:-.01em;margin:0 0 4px;}
.bx-wrap__sub{color:var(--bx-muted);font-size:.9em;margin:0 0 18px;}

.bx-item{
    position:relative;background:var(--bx-bg);border:1px solid var(--bx-line);
    border-radius:var(--bx-radius);margin:14px 0;overflow:hidden;
    box-shadow:0 8px 26px -20px rgba(20,40,60,.45);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.bx-item:hover{transform:translateY(-2px);box-shadow:0 18px 34px -20px rgba(20,40,60,.5);border-color:#d4dde6;}
.bx-item--hl{border-color:rgba(42,147,201,.55);}
.bx-item--hl::before{content:"";position:absolute;inset:0;border-radius:var(--bx-radius);
    pointer-events:none;box-shadow:inset 0 0 0 1px rgba(42,147,201,.35);}

.bx-item__rank{
    position:absolute;top:0;left:0;z-index:2;min-width:34px;height:30px;padding:0 9px;
    display:flex;align-items:center;gap:4px;justify-content:center;font-weight:800;font-size:.85em;color:#fff;
    background:var(--bx-rail);border-radius:var(--bx-radius) 0 12px 0;
}
.bx-item--hl .bx-item__rank{background:linear-gradient(135deg,#33a0da,#1f85b6);color:#fff;}
.bx-item__rank svg{width:13px;height:13px;display:block;}

.bx-item__main{display:flex;align-items:center;gap:18px;padding:30px 30px 30px 41px; transition: padding ease-in-out 200ms;}
.bx-media{flex:0 0 230px;display:flex;align-items:center;justify-content:center;}
.bx-media img{max-width:230px;height:auto;display:block;}

.bx-offer{flex:1 1 auto;min-width:0;}
.bx-offer__val{font-size:1.5em;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
    line-height:1.1;color:var(--bx-blue-deep);padding-inline: 15px;}
.bx-offer__sub{display:block;font-size:.85em;font-weight:600;color:var(--bx-ink);margin-top:2px;}
.bx-offer__empty{font-size:1em;font-weight:700;color:var(--bx-muted);}

.bx-rate{flex:0 0 auto;text-align:center;line-height:1;padding:0 4px;margin-inline: 30px;}
.bx-rate__val{font-size:1.5em;font-weight:800;font-variant-numeric:tabular-nums;display:block;}
.bx-rate__bar{
        --star-w: 24px;
        --star-h: calc(var(--star-w) * 16 / 18);

        display: inline-block;
        position: relative;
        width: calc(var(--star-w) * 5);
        height: var(--star-h);
        margin-top: 6px;
        background: #d7dde4;
        mask: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12%202.2l2.85%206.18%206.75.62-5.08%204.5%201.5%206.62L12%2016.9%205.98%2020.7l1.5-6.62L2.4%209l6.75-.62z%27%2F%3E%3C%2Fsvg%3E)
        0 0 / var(--star-w) var(--star-h) repeat-x;
}
.bx-rate__bar::before{content:"";position:absolute;inset:0;width:var(--w);
    background:linear-gradient(90deg,#33a0da,#2a93c9);}

.bx-action{flex:0 0 auto; display: flex; flex-direction: column;}
.bx-action a{position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#1f9e1b 0,#00893b 100%)!important;color:#fff;text-decoration:none;
    font-weight:600;font-size:20px;letter-spacing:.01em;line-height: 1.5;padding:16px 37px;border-radius:var(--bx-radius);white-space:nowrap;
    transition:filter .15s ease,transform .15s ease;}
.bx-action a:hover{filter:brightness(1.06);}
.bx-action a:active{transform:scale(.98);}
.bx-action a:focus-visible{outline:3px solid rgba(22,163,90,.4);outline-offset:2px;}
.bx-action a::before{
    content:'';
    position:absolute;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    right: 15px;
    width: 10px;
    height: 27px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='18' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M1.19 16.066a.52.52 0 0 0-.052.753.572.572 0 0 0 .784.05l8.89-7.48a.518.518 0 0 0 0-.8l-8.89-7.457a.572.572 0 0 0-.784.05.519.519 0 0 0 .053.753L9.6 8.99 1.19 16.066Z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    z-index:4;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.3s, visibility 0.3s;
}
.bx-action a:hover::before,
.bx-action a:focus-visible::before{opacity:1;visibility:visible;}

.bx-grid{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;border-top:1px solid var(--bx-line);background:var(--bx-soft);transition:max-height .35s cubic-bezier(0.4, 0, 1, 1), border-top-width .35s cubic-bezier(0.4, 0, 1, 1), visibility .35s;}
.bx-cell{padding:12px 14px;min-width:0;border-left:1px solid var(--bx-line); text-align: center;}
.bx-cell:first-child{border-left:0;}
.bx-cell__label{display:flex;align-items:center;gap:6px;font-size:.8em;font-weight:600;text-transform:uppercase;
    letter-spacing:.04em;color:var(--bx-muted);margin-bottom:5px; justify-content: center;}
.bx-cell__label svg{width:14px;height:14px;flex:0 0 auto;}
.bx-cell__val{font-size:1em;font-weight:700;color:var(--bx-ink);display:flex;align-items:center;gap:5px;line-height:1.25;text-align: center;justify-content: center;}
.bx-cell__val small{font-weight:600;color:var(--bx-muted);font-size:.86em;}
.bx-cell__val--stack{display:block;}
.bx-cell__val--stack small{display:block;margin-top:2px;}
.bx-ok{color:var(--bx-green);width:14px;height:14px;flex:0 0 auto;}

.bx-meter{display:flex;align-items:center;gap:8px;}
.bx-meter__bars{display:inline-flex;gap:3px;}
.bx-meter__bars i{width:6px;height:15px;border-radius:2px;background:#d7dde4;}
.bx-meter__bars i.on{background:var(--bx-blue);}
.bx-meter b{font-size:1em;font-weight:800;font-variant-numeric:tabular-nums;}

.bx-item__flag{position:absolute;top:0;right:0;z-index:2;padding:5px 12px;border-radius:0 var(--bx-radius) 0 12px;
    color:#fff;font-size:.75em;font-weight:700;letter-spacing:.03em;}
.bx-offer__tag{display:inline-block;font-size:.7em;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
    color:var(--bx-blue-deep);background:rgba(42,147,201,.12);border-radius:6px;padding:2px 7px;margin-bottom:4px;}
.bx-offer__val{display:block; text-align: center;}
.bx-rate__link{display:block;margin-top:5px;font-size:18px; font-weight: 600}
.bx-rate__link a{color:var(--bx-blue);text-decoration:none;}
.bx-rate__link a:hover{text-decoration:underline;}
.bx-item__note{padding:10px 20px;border-top:1px solid var(--bx-line);font-size:.72em;color:var(--bx-muted);line-height:1.4;}
.bx-item__note a{color:var(--bx-muted);}

.bx-cell--c4{border-left:1px solid var(--bx-line);}
.bx-row{display:flex;align-items:center;justify-content: center; flex-wrap:wrap;gap:8px;font-weight:700;color:var(--bx-ink);}
.bx-row__item{display:inline-flex;align-items:center;justify-content:center;background:#fff;
    border:1px solid var(--bx-line);border-radius:8px;padding:5px 12px;min-width:77.89px;}
.bx-row__item img{height:45px;width:auto;display:block;}
.bx-row__more{font-weight:600;color:var(--bx-muted);font-size:.86em;}

.bx-more{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;width:100%;
    background:none;border:0;padding:4px 0;cursor:pointer;font:inherit;font-size:14px;font-weight:500;
    color:inherit;}
.bx-more:hover{color:var(--bx-blue-deep);}
.bx-more:focus-visible{outline:2px solid rgba(42,147,201,.5);outline-offset:2px;border-radius:6px;}
.bx-more svg{width:14px;height:14px;transition:transform .18s ease;}
.bx-wrap--folded .bx-grid{max-height:0;overflow:hidden;visibility:hidden;border-top-width:0;}

.bx-wrap--folded .bx-item--open .bx-grid{max-height:400px;visibility:visible;border-top-width:1px;}
.bx-wrap--folded .bx-item--open .bx-more svg{transform:rotate(180deg);}

@container(min-width: 751px) and (max-width: 940px){
    .bx-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;}
}

@media (min-width: 992px){
    .bx-item--open .bx-item__main{padding:30px 30px 15px 41px}
}

@container bx-wrap (max-width:991px){
    .bx-item__main{
        display: grid;
        grid-template-columns: 2fr 2fr;
        gap: 1rem;
    }
    .bx-media{flex:0 0 130px;}
    .bx-offer{ align-self: self-start;}
    /*.bx-rate{ align-self: baseline;}*/
    .bx-action{order:4;flex:1 1 auto;}
    .bx-action a{width:100%;justify-content:center;}
    .bx-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
    .bx-cell--c4{grid-column:1 / -1;border-left:0;border-top:1px solid var(--bx-line);}
}

@media (max-width:631px){
    .bx-cell--c1{grid-area:licence;}
    .bx-cell--c2{grid-area:fiab;}
    .bx-cell--c3{grid-area:games;}
    .bx-grid--payments{grid-area:payments;}
    .bx-grid{grid-template-areas: "licence fiab" "games games" "payments paymets"; column-gap: 12px; grid-template-columns:1fr 1fr;}
    .bx-cell{border-left:0;border-top:1px solid var(--bx-line);}
    .bx-cell{border-left:0;border-top:1px solid var(--bx-line);}
    .bx-cell:nth-child(odd){border-right:1px solid var(--bx-line);}
    .bx-cell:nth-child(-n+2){border-top:0;}
    .bx-cell:last-child{grid-column:1 / -1;}
}
@container bx-wrap (max-width:560px){
    .bx-item__main{padding:20px;display:grid;grid-template-columns:1fr 1fr;
        grid-template-areas:"logo logo" "rate bonus" "cta cta";gap:12px 14px;align-items:center;}
    .bx-media{grid-area:logo;flex:none;justify-content:center;}
    .bx-media img{max-width:130px;}
    .bx-offer{grid-area:bonus; align-self: center;}
    .bx-offer__val{font-size:1.5em; padding-inline: 0;}
    .bx-offer__sub{font-size:.7em}
    .bx-rate{grid-area:rate;display:flex;align-items:center;flex-direction: column; gap:5px;text-align:center;border-right:1px solid var(--bx-line); margin: 0;}
    .bx-rate__val{font-size:1.5em;}
    .bx-rate__link{font-size:16px;}
    .bx-rate__bar{margin-top:0;}
    .bx-action{grid-area:cta; margin-top: 10px;}
    .bx-action a{width:100%;justify-content:center;padding:14px;}
}
@container bx-wrap (max-width:425px){
    .bx-row{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50px, 80px));
    }
}
@container bx-wrap (max-width:375px){
    .bx-row{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    }
}

@media (prefers-reduced-motion:reduce){
    .bx-item,.bx-action a{transition:none;}
    .bx-item:hover{transform:none;}
}