.f32-flag {
    background: url(https://cdn.bcdel.com/version/0.5.708/static/media/flags.268d2cfee6694d2774cb.png) no-repeat 0 0;
    background-size: 24px;
    height: 24px;
    width: 24px
}

.f32-ad {
    background-position: 0 0
}

.f32-ae {
    background-position: 0 -32px
}

.f32-af {
    background-position: 0 -64px
}

.f32-ag {
    background-position: 0 -96px
}

.f32-ai {
    background-position: 0 -128px
}

.f32-al {
    background-position: 0 -160px
}

.f32-am {
    background-position: 0 -192px
}

.f32-ao {
    background-position: 0 -224px
}

.f32-ar {
    background-position: 0 -256px
}

.f32-as {
    background-position: 0 -288px
}

.f32-at {
    background-position: 0 -320px
}

.f32-au {
    background-position: 0 -352px
}

.f32-aw {
    background-position: 0 -384px
}

.f32-ax {
    background-position: 0 -416px
}

.f32-az {
    background-position: 0 -448px
}

.f32-ba {
    background-position: 0 -480px
}

.f32-bb {
    background-position: 0 -512px
}

.f32-bd {
    background-position: 0 -544px
}

.f32-be {
    background-position: 0 -576px
}

.f32-bf {
    background-position: 0 -608px
}

.f32-bg {
    background-position: 0 -640px
}

.f32-bh {
    background-position: 0 -672px
}

.f32-bi {
    background-position: 0 -704px
}

.f32-bj {
    background-position: 0 -736px
}

.f32-bl {
    background-position: 0 -768px
}

.f32-bm {
    background-position: 0 -800px
}

.f32-bn {
    background-position: 0 -832px
}

.f32-bo {
    background-position: 0 -864px
}

.f32-bq-bo {
    background-position: 0 -896px
}

.f32-bq-sa {
    background-position: 0 -928px
}

.f32-bq-se {
    background-position: 0 -960px
}

.f32-br {
    background-position: 0 -992px
}

.f32-bs {
    background-position: 0 -1024px
}

.f32-bt {
    background-position: 0 -1056px
}

.f32-bw {
    background-position: 0 -1088px
}

.f32-by {
    background-position: 0 -1120px
}

.f32-bz {
    background-position: 0 -1152px
}

.f32-ca-bc {
    background-position: 0 -1184px
}

.f32-ca {
    background-position: 0 -1216px
}

.f32-cc {
    background-position: 0 -1248px
}

.f32-cd {
    background-position: 0 -1280px
}

.f32-cf {
    background-position: 0 -1312px
}

.f32-cg {
    background-position: 0 -1344px
}

.f32-ch {
    background-position: 0 -1376px
}

.f32-ci {
    background-position: 0 -1408px
}

.f32-ck {
    background-position: 0 -1440px
}

.f32-cl {
    background-position: 0 -1472px
}

.f32-cm {
    background-position: 0 -1504px
}

.f32-cn {
    background-position: 0 -1536px
}

.f32-co {
    background-position: 0 -1568px
}

.f32-cr {
    background-position: 0 -1600px
}

.f32-cu {
    background-position: 0 -1632px
}

.f32-cv {
    background-position: 0 -1664px
}

.f32-cw {
    background-position: 0 -1696px
}

.f32-cx {
    background-position: 0 -1728px
}

.f32-cy {
    background-position: 0 -1760px
}

.f32-cz {
    background-position: 0 -1792px
}

.f32-de {
    background-position: 0 -1824px
}

.f32-dj {
    background-position: 0 -1856px
}

.f32-dk {
    background-position: 0 -1888px
}

.f32-dm {
    background-position: 0 -1920px
}

.f32-do {
    background-position: 0 -1952px
}

.f32-dz {
    background-position: 0 -1984px
}

.f32-easter_island {
    background-position: 0 -2016px
}

.f32-ec-w {
    background-position: 0 -2048px
}

.f32-ec {
    background-position: 0 -2080px
}

.f32-ee {
    background-position: 0 -2112px
}

.f32-eg {
    background-position: 0 -2144px
}

.f32-eh {
    background-position: 0 -2176px
}

.f32-er {
    background-position: 0 -2208px
}

.f32-es-ce {
    background-position: 0 -2240px
}

.f32-es-cn {
    background-position: 0 -2272px
}

.f32-es-ga {
    background-position: 0 -2304px
}

.f32-es-ib {
    background-position: 0 -2336px
}

.f32-es-ml {
    background-position: 0 -2368px
}

.f32-es-pv {
    background-position: 0 -2400px
}

.f32-es {
    background-position: 0 -2432px
}

.f32-esperanto {
    background-position: 0 -2464px
}

.f32-et {
    background-position: 0 -2496px
}

.f32-european_union {
    background-position: 0 -2528px
}

.f32-fi {
    background-position: 0 -2560px
}

.f32-fj {
    background-position: 0 -2592px
}

.f32-fk {
    background-position: 0 -2624px
}

.f32-fm {
    background-position: 0 -2656px
}

.f32-fo {
    background-position: 0 -2688px
}

.f32-fr-h {
    background-position: 0 -2720px
}

.f32-fr {
    background-position: 0 -2752px
}

.f32-ga {
    background-position: 0 -2784px
}

.f32-gb-eng {
    background-position: 0 -2816px
}

.f32-gb-ork {
    background-position: 0 -2848px
}

.f32-gb-sct {
    background-position: 0 -2880px
}

.f32-gb-wls {
    background-position: 0 -2912px
}

.f32-gb {
    background-position: 0 -2944px
}

.f32-gd {
    background-position: 0 -2976px
}

.f32-ge-ab {
    background-position: 0 -3008px
}

.f32-ge {
    background-position: 0 -3040px
}

.f32-gg {
    background-position: 0 -3072px
}

.f32-gh {
    background-position: 0 -3104px
}

.f32-gi {
    background-position: 0 -3136px
}

.f32-gl {
    background-position: 0 -3168px
}

.f32-gm {
    background-position: 0 -3200px
}

.f32-gn {
    background-position: 0 -3232px
}

.f32-gq {
    background-position: 0 -3264px
}

.f32-gp {
    background-position: 0 -3296px
}

.f32-gr {
    background-position: 0 -3328px
}

.f32-gt {
    background-position: 0 -3360px
}

.f32-gu {
    background-position: 0 -3392px
}

.f32-gw {
    background-position: 0 -3424px
}

.f32-gy {
    background-position: 0 -3456px
}

.f32-hausa {
    background-position: 0 -3488px
}

.f32-hk {
    background-position: 0 -3520px
}

.f32-hmong {
    background-position: 0 -3552px
}

.f32-hn {
    background-position: 0 -3584px
}

.f32-hr {
    background-position: 0 -3616px
}

.f32-ht {
    background-position: 0 -3648px
}

.f32-hu {
    background-position: 0 -3680px
}

.f32-id {
    background-position: 0 -3712px
}

.f32-ie {
    background-position: 0 -3744px
}

.f32-il {
    background-position: 0 -3776px
}

.f32-im {
    background-position: 0 -3808px
}

.f32-in {
    background-position: 0 -3840px
}

.f32-io {
    background-position: 0 -3872px
}

.f32-iq {
    background-position: 0 -3904px
}

.f32-ir {
    background-position: 0 -3936px
}

.f32-is {
    background-position: 0 -3968px
}

.f32-it-82 {
    background-position: 0 -4000px
}

.f32-it-88 {
    background-position: 0 -4032px
}

.f32-it {
    background-position: 0 -4064px
}

.f32-je {
    background-position: 0 -4096px
}

.f32-jm {
    background-position: 0 -4128px
}

.f32-jo {
    background-position: 0 -4160px
}

.f32-jp {
    background-position: 0 -4192px
}

.f32-kannada {
    background-position: 0 -4224px
}

.f32-ke {
    background-position: 0 -4256px
}

.f32-kg {
    background-position: 0 -4288px
}

.f32-kh {
    background-position: 0 -4320px
}

.f32-ki {
    background-position: 0 -4352px
}

.f32-km {
    background-position: 0 -4384px
}

.f32-kn {
    background-position: 0 -4416px
}

.f32-kp {
    background-position: 0 -4448px
}

.f32-kr {
    background-position: 0 -4480px
}

.f32-kurdistan {
    background-position: 0 -4512px
}

.f32-kw {
    background-position: 0 -4544px
}

.f32-ky {
    background-position: 0 -4576px
}

.f32-kz {
    background-position: 0 -4608px
}

.f32-la {
    background-position: 0 -4640px
}

.f32-lb {
    background-position: 0 -4672px
}

.f32-lc {
    background-position: 0 -4704px
}

.f32-li {
    background-position: 0 -4736px
}

.f32-lk {
    background-position: 0 -4768px
}

.f32-lr {
    background-position: 0 -4800px
}

.f32-ls {
    background-position: 0 -4832px
}

.f32-lt {
    background-position: 0 -4864px
}

.f32-lu {
    background-position: 0 -4896px
}

.f32-lv {
    background-position: 0 -4928px
}

.f32-ly {
    background-position: 0 -4960px
}

.f32-ma {
    background-position: 0 -4992px
}

.f32-malayali {
    background-position: 0 -5024px
}

.f32-maori {
    background-position: 0 -5056px
}

.f32-mc {
    background-position: 0 -5088px
}

.f32-md {
    background-position: 0 -5120px
}

.f32-me {
    background-position: 0 -5152px
}

.f32-mf {
    background-position: 0 -5184px
}

.f32-mg {
    background-position: 0 -5216px
}

.f32-mh {
    background-position: 0 -5248px
}

.f32-mk {
    background-position: 0 -5280px
}

.f32-ml {
    background-position: 0 -5312px
}

.f32-mm {
    background-position: 0 -5344px
}

.f32-mn {
    background-position: 0 -5376px
}

.f32-mo {
    background-position: 0 -5408px
}

.f32-mp {
    background-position: 0 -5440px
}

.f32-mq {
    background-position: 0 -5472px
}

.f32-mr {
    background-position: 0 -5504px
}

.f32-ms {
    background-position: 0 -5536px
}

.f32-mt {
    background-position: 0 -5568px
}

.f32-mu {
    background-position: 0 -5600px
}

.f32-mv {
    background-position: 0 -5632px
}

.f32-mw {
    background-position: 0 -5664px
}

.f32-mx {
    background-position: 0 -5696px
}

.f32-my {
    background-position: 0 -5728px
}

.f32-mz {
    background-position: 0 -5760px
}

.f32-na {
    background-position: 0 -5792px
}

.f32-nato {
    background-position: 0 -5824px
}

.f32-nc {
    background-position: 0 -5856px
}

.f32-ne {
    background-position: 0 -5888px
}

.f32-nf {
    background-position: 0 -5920px
}

.f32-ng {
    background-position: 0 -5952px
}

.f32-ni {
    background-position: 0 -5984px
}

.f32-nl {
    background-position: 0 -6016px
}

.f32-no {
    background-position: 0 -6048px
}

.f32-northern_cyprus {
    background-position: 0 -6080px
}

.f32-np {
    background-position: 0 -6112px
}

.f32-nr {
    background-position: 0 -6144px
}

.f32-nu {
    background-position: 0 -6176px
}

.f32-nz {
    background-position: 0 -6208px
}

.f32-om {
    background-position: 0 -6240px
}

.f32-pa {
    background-position: 0 -6272px
}

.f32-pe {
    background-position: 0 -6304px
}

.f32-pf {
    background-position: 0 -6336px
}

.f32-pg {
    background-position: 0 -6368px
}

.f32-ph {
    background-position: 0 -6400px
}

.f32-pk {
    background-position: 0 -6432px
}

.f32-pl {
    background-position: 0 -6464px
}

.f32-pn {
    background-position: 0 -6496px
}

.f32-pr {
    background-position: 0 -6528px
}

.f32-ps {
    background-position: 0 -6560px
}

.f32-pt-20 {
    background-position: 0 -6592px
}

.f32-pt-30 {
    background-position: 0 -6624px
}

.f32-pt {
    background-position: 0 -6656px
}

.f32-pw {
    background-position: 0 -6688px
}

.f32-py {
    background-position: 0 -6720px
}

.f32-qa {
    background-position: 0 -6752px
}

.f32-ro {
    background-position: 0 -6784px
}

.f32-rs {
    background-position: 0 -6816px
}

.f32-ru {
    background-position: 0 -6848px
}

.f32-rw {
    background-position: 0 -6880px
}

.f32-sa {
    background-position: 0 -6912px
}

.f32-sb {
    background-position: 0 -6944px
}

.f32-sc {
    background-position: 0 -6976px
}

.f32-sd {
    background-position: 0 -7008px
}

.f32-se {
    background-position: 0 -7040px
}

.f32-sg {
    background-position: 0 -7072px
}

.f32-sh {
    background-position: 0 -7104px
}

.f32-si {
    background-position: 0 -7136px
}

.f32-sindh {
    background-position: 0 -7168px
}

.f32-sj {
    background-position: 0 -7200px
}

.f32-sk {
    background-position: 0 -7232px
}

.f32-sl {
    background-position: 0 -7264px
}

.f32-sm {
    background-position: 0 -7296px
}

.f32-sn {
    background-position: 0 -7328px
}

.f32-so {
    background-position: 0 -7360px
}

.f32-somaliland {
    background-position: 0 -7392px
}

.f32-south_ossetia {
    background-position: 0 -7424px
}

.f32-sr {
    background-position: 0 -7456px
}

.f32-ss {
    background-position: 0 -7488px
}

.f32-st {
    background-position: 0 -7520px
}

.f32-sv {
    background-position: 0 -7552px
}

.f32-sx {
    background-position: 0 -7584px
}

.f32-sy {
    background-position: 0 -7616px
}

.f32-sz {
    background-position: 0 -7648px
}

.f32-tc {
    background-position: 0 -7680px
}

.f32-td {
    background-position: 0 -7712px
}

.f32-tg {
    background-position: 0 -7744px
}

.f32-th {
    background-position: 0 -7776px
}

.f32-tibet {
    background-position: 0 -7808px
}

.f32-tj {
    background-position: 0 -7840px
}

.f32-tk {
    background-position: 0 -7872px
}

.f32-tl {
    background-position: 0 -7904px
}

.f32-tm {
    background-position: 0 -7936px
}

.f32-tn {
    background-position: 0 -7968px
}

.f32-to {
    background-position: 0 -8000px
}

.f32-tr {
    background-position: 0 -8032px
}

.f32-transnistria {
    background-position: 0 -8064px
}

.f32-tt {
    background-position: 0 -8096px
}

.f32-tv {
    background-position: 0 -8128px
}

.f32-tw {
    background-position: 0 -8160px
}

.f32-tz {
    background-position: 0 -8192px
}

.f32-ua {
    background-position: 0 -8224px
}

.f32-ug {
    background-position: 0 -8256px
}

.f32-united_nations {
    background-position: 0 -8288px
}

.f32-us-hi {
    background-position: 0 -8320px
}

.f32-us {
    background-position: 0 -8352px
}

.f32-uy {
    background-position: 0 -8384px
}

.f32-uz {
    background-position: 0 -8416px
}

.f32-va {
    background-position: 0 -8448px
}

.f32-vc {
    background-position: 0 -8480px
}

.f32-ve {
    background-position: 0 -8512px
}

.f32-vg {
    background-position: 0 -8544px
}

.f32-vi {
    background-position: 0 -8576px
}

.f32-vn {
    background-position: 0 -8608px
}

.f32-vu {
    background-position: 0 -8640px
}

.f32-ws {
    background-position: 0 -8672px
}

.f32-xk {
    background-position: 0 -8704px
}

.f32-xx {
    background-position: 0 -8736px
}

.f32-ye {
    background-position: 0 -8768px
}

.f32-yiddish {
    background-position: 0 -8800px
}

.f32-za {
    background-position: 0 -8832px
}

.f32-zm {
    background-position: 0 -8864px
}

.f32-zw {
    background-position: 0 -8896px
}

.tb--filter-button-wrapper .digi_icon-filter {
    align-items: center;
    color: var(--text-color-4);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.tb--filter-button-wrapper .digi_icon-filter .tb--filter-badge {
    background-color: var(--brand-color-2);
    border-radius: 24px;
    display: inline-block;
    height: 5px;
    left: 17px;
    position: absolute;
    top: 4px;
    width: 5px
}

.tb--filter-button-wrapper .digi_icon-filter:before {
    color: var(--text-color-4);
    font-size: 24px;
    margin-right: 4px
}

.filter-popover {
    background-color: var(--background-color-2);
    border-radius: 16px;
    box-shadow: 0 0 9.136px 0 #00000040;
    padding: 16px 20px;
    position: absolute;
    right: 0;
    top: 35px;
    width: 340px;
    z-index: 12
}

.filter-popover .filter-list {
    background-color: var(--background-color-3);
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 20px
}

.filter-popover .filter-list h2 {
    color: var(--text-color-1);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 16px;
    position: relative
}

.filter-popover .filter-list h2:after {
    background-color: var(--text-color-4);
    content: "";
    height: 1px;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 35px;
    width: 100%
}

.filter-popover .filter-btn,.filter-popover .filter-btn button {
    display: flex;
    justify-content: flex-end
}

.filter-popover .filter-btn button {
    align-items: center;
    color: var(--brand-color-2);
    font-size: 16px;
    font-weight: 700;
    height: auto;
    line-height: 18px
}

.filter-popover .filter-btn button i {
    font-size: 20px
}

.tb--sorting-filter {
    position: relative;
    z-index: 120
}

@media screen and (max-width: 1023.9px) {
    .tb--sorting-filter {
        height:100%
    }
}

.tb--sorting-filter__cta {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 1023.9px) {
    .tb--sorting-filter__cta {
        background-color:var(--background-color-1);
        border-radius: 12px;
        height: 36px;
        padding: 9px;
        width: 36px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--sorting-filter__cta {
        border-left:1px solid var(--background-color-2);
        height: 100%;
        margin-right: -16px;
        padding: 0 12px
    }
}

.tb--sorting-filter__icon {
    color: var(--text-color-4);
    display: block;
    font-size: 22px
}

@media screen and (max-width: 1023.9px) {
    .tb--sorting-filter__icon {
        color:rgba(from var(--text-color-4) r g b/.5)
    }
}

.tb--sorting-filter__options-list {
    background-color: var(--background-color-1);
    border-radius: 12px;
    padding: 0 16px;
    width: 100%
}

@media screen and (min-width: 1023.9px) {
    .tb--sorting-filter__options-list {
        position:absolute;
        right: 0;
        top: calc(100% + 2px);
        width: 180px
    }
}

.tb--sorting-filter__option {
    align-items: center;
    color: var(--text-color-4);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 0!important
}

.tb--sorting-filter__option:not(:last-child) {
    border-bottom: 1px solid rgba(from var(--text-color-4) r g b/.2)
}

.tb--sorting-filter__option .tb--sorting-filter__txt {
    color: var(--text-color-4);
    font-size: 14px;
    font-weight: 400
}

.tb--sorting-filter__option.tb--sorting-filter__radio--checked .tb--sorting-filter__txt {
    color: var(--brand-color-2)
}

.tb--sorting-filter__option.tb--sorting-filter__radio--checked .tb--sorting-filter__radio {
    border-color: var(--brand-color-2)
}

.tb--sorting-filter__option.tb--sorting-filter__radio--checked .tb--sorting-filter__radio:after {
    background-color: var(--brand-color-2);
    content: ""
}

.tb--sorting-filter__input {
    display: none
}

.tb--sorting-filter__radio {
    border: 1px solid var(--text-color-4);
    border-radius: 50%;
    cursor: pointer;
    height: 16px;
    position: relative;
    width: 16px
}

.tb--sorting-filter__radio:after {
    background-color: var(--text-color-4);
    border-radius: 50%;
    height: 8px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 8px
}

.promotions-wrapper {
    padding-bottom: 20px
}

.promotions-content,.promotions-content_details {
    display: flex;
    justify-content: center;
    min-height: 320px;
    padding: 0 16px;
    width: 100%
}

.promotions-content .btn__main-clr,.promotions-content .btn__secondary,.promotions-content_details .btn__main-clr,.promotions-content_details .btn__secondary {
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    padding: 0 16px;
    text-align: center;
    text-transform: capitalize
}

.promotions-content .btn__main-clr:hover,.promotions-content .btn__secondary:hover,.promotions-content_details .btn__main-clr:hover,.promotions-content_details .btn__secondary:hover {
    color: inherit
}

.promotions-content .btn__main-clr,.promotions-content_details .btn__main-clr {
    background: var(--brand-color-2);
    background-image: var(--brand-gradient-2);
    color: var(--background-color-1)
}

.promotions-content .btn__secondary,.promotions-content_details .btn__secondary {
    background: #0000;
    border: 1px solid var(--brand-color-2);
    color: var(--brand-color-2);
    width: 100%
}

.promotions-content .btn-promotion,.promotions-content_details .btn-promotion {
    align-items: center;
    bottom: 20px;
    display: flex;
    justify-content: center;
    left: 16px;
    position: fixed;
    right: 16px;
    width: calc(100% - 36px);
    z-index: 1
}

.promotions-content_details.bottom-space:after {
    background-color: var(--background-color-1);
    bottom: 0;
    content: "";
    height: 80px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0
}

.highligted-promotions_bottom-sheet .tb--preloader-container {
    min-height: 320px
}

.highligted-promotions_bottom-sheet [data-rsbs-overlay] {
    max-height: calc(100% - 24px)
}

.promotions_empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: center
}

.promotions_empty__icon {
    align-items: center;
    background-color: var(--background-color-2);
    border-radius: 50%;
    display: flex;
    height: 120px;
    justify-content: center;
    margin-bottom: 28px;
    width: 120px
}

.promotions_empty__title {
    color: var(--text-color-1);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px
}

.promotions_empty__text {
    color: rgb(from var(--text-color-1) r g b/.6);
    font-size: 14px
}

.promotions_list__item {
    border-radius: 16px;
    margin-bottom: 16px;
    min-height: 50px;
    overflow: hidden
}

.promotions_list,.promotions_list__item img {
    width: 100%
}

.promotions_list.overflow-hidden {
    visibility: hidden
}

.promotions_list .btn-view-all {
    align-items: center;
    display: flex;
    justify-content: center
}

.promotions_list__title {
    align-items: center;
    color: var(--text-color-4);
    display: flex;
    font-size: 12px;
    margin-bottom: 16px;
    text-transform: uppercase
}

.promotions_list__title i {
    margin-right: 4px
}

.scroll-block {
    overflow: auto
}

.btn-fixed-bg {
    background-color: var(--background-color-1);
    left: 15px;
    padding-bottom: 16px;
    position: fixed;
    transform: translateY(-1px);
    width: calc(100% - 30px)
}

.btn-go-back {
    align-items: center;
    color: var(--text-color-4);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 8px
}

.btn-go-back i {
    font-size: 20px;
    margin-left: -14px
}

.promotions-item {
    height: -webkit-max-content;
    height: max-content;
    width: 100%
}

.promotions-item__coontent {
    padding-top: 50px
}

.promotions-item__coontent.bottom-space {
    padding-bottom: 60px
}

.promotions-item__img {
    border-radius: 16px;
    overflow: hidden
}

.promotions-item__img img {
    width: 100%
}

.promotions-item__text {
    color: var(--text-color-1);
    font-size: 14px
}

.promotions-item__text:not(:empty) {
    margin-top: 16px
}

.mobile-nav_list .power-btn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 8px;
    position: relative
}

.mobile-nav_list .power-btn .mobile-nav_item-inner {
    padding: 0!important
}

.mobile-nav_list-more .power-btn i {
    margin-bottom: 0!important
}

.power-btn {
    min-height: 42px;
    position: relative
}

.power-btn .mobile-nav_item__text {
    display: none
}

.power-btn i {
    position: relative
}

.power-btn i:before {
    pointer-events: none;
    position: relative;
    z-index: 1
}

.power-btn:after {
    background: linear-gradient(180deg,var(--brand-color-2),rgb(from var(--background-color-2) r g b/.2));
    border-radius: 50px;
    left: -1px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px
}

.power-btn:after,.power-btn:before {
    bottom: 0;
    content: "";
    height: 40px;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 1
}

.power-btn:before {
    background-color: rgb(from var(--background-color-2) r g b/.2);
    border-radius: 50%;
    left: 0
}

.power-btn .mobile-nav_item-inner {
    padding: 0
}

.power-btn .mobile-nav_item-inner i {
    margin-bottom: 0
}

.power-btn .mobile-nav_item-inner:before {
    display: none!important
}

.tb--text-widget__blank {
    color: var(--text-color-1);
    padding: 24px
}

.tb--text-widget__blank-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px
}

.tb--text-widget__blank-text {
    font-size: 12px
}

.tb--winners-slider {
    margin: 0 -4px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--winners-slider {
        display:flex;
        gap: 8px;
        overflow: auto
    }

    .tb--winners-slider::-webkit-scrollbar {
        display: none
    }
}

.tb--winners-slider .slick-arrow {
    background-color: var(--background-color-3);
    border-radius: 50%;
    position: absolute;
    top: -14px;
    transform: translateY(-100%)
}

.tb--winners-slider .slick-arrow:hover {
    background-color: var(--brand-color-2);
    opacity: 1
}

.tb--winners-slider .slick-arrow:hover:before {
    color: var(--background-color-3)
}

.tb--winners-slider .slick-arrow.slick-next {
    right: 0
}

.tb--winners-slider .slick-arrow.slick-prev {
    right: 12px;
    transform: translate(-100%,-100%)
}

.tb--winners-slider .slick-slide>div>div {
    display: flex!important
}

.tb--winners-slider__game {
    background-color: var(--background-color-3);
    border-radius: 12px;
    display: flex;
    padding: 8px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--winners-slider__game {
        height:100%
    }
}

.tb--winners-slider__img {
    aspect-ratio: 1.5/1;
    border-radius: 12px;
    border-radius: 8px;
    height: 80px;
    margin-inline-end:12px;overflow: hidden
}

.tb--winners-slider__img img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.tb--winners-slider__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

@media screen and (max-width: 1023.9px) {
    .tb--winners-slider__content {
        padding:8px 0
    }
}

.tb--winners-slider__info {
    color: var(--text-color-1);
    font-size: 12px
}

.tb--winners-slider__amount {
    color: var(--brand-color-2);
    font-weight: 700;
    font-weight: 600;
    gap: 4px
}

.tb--winners-slider__amount--large {
    font-size: 24px
}

.tb--winners-slider__amount--medium {
    font-size: 16px
}

.tb--winners-slider__amount--small {
    font-size: 24px
}

@media screen and (max-width: 1023.9px) {
    .tb--winners-slider__amount {
        font-size:16px
    }
}

.tb--winners-slider__date {
    color: var(--text-color-1);
    font-size: 12px;
    opacity: .5
}

.tb--winners-slider__empty {
    align-items: center;
    color: var(--text-color-4);
    display: flex;
    justify-content: center;
    min-height: 96px;
    opacity: .5
}

.tb--tw-container {
    background-color: var(--background-color-1);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    padding: 16px
}

@media screen and (min-width: 1024px) {
    .tb--tw-container--large .tb--tw-container__header {
        display:grid;
        grid-template-columns: auto auto 33.3%;
        padding-inline-end:0}
}

.tb--tw-container__header {
    display: flex;
    gap: 24px;
    margin-bottom: 12px;
    padding-inline-end:104px;width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--tw-container__header {
        flex-direction:column;
        padding-inline-end:0}
}

.tb--tw-container__lobby-select-box {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: flex-start
}

@media screen and (max-width: 1023.9px) {
    .tb--tw-container__lobby-select-box {
        justify-content:space-between
    }
}

.tb--tw-container__lobby-label {
    color: var(--text-color-1);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap
}

.tb--tw-container__lobby-select {
    position: relative
}

@media screen and (min-width: 1024px) {
    .tb--tw-container__lobby-select {
        width:50%
    }

    .tb--tw-container__lobby-select:before {
        background-color: var(--background-color-3);
        content: "";
        height: 100%;
        left: -12px;
        opacity: .5;
        position: absolute;
        top: 0;
        width: 1px
    }
}

.tb--tw-container__lobby-select .tb--custom-data-title {
    display: none
}

.tb--tw-container .tb--pay-inner-input {
    margin-bottom: 0
}

.tb--tw-container__tabs-wrapper {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center
}

.tb--tw-container__tab {
    background-color: var(--background-color-3);
    border-radius: 24px;
    color: var(--text-color-1);
    cursor: pointer;
    font-size: 14px;
    padding: 8px 16px
}

@media screen and (max-width: 1023.9px) {
    .tb--tw-container__tab {
        width:100%
    }
}

.tb--tw-container__tab--active {
    background-color: var(--background-color-2);
    color: var(--brand-color-2)
}

.tb--tw-container .custom-select {
    font-size: 12px;
    width: 90px
}

.tb--tw-container .custom-select .react-select__control {
    background-color: var(--background-color-3);
    border: none;
    border-radius: 24px!important
}

.tb--tw-container .custom-select .react-select__single-value {
    color: var(--text-color-1)!important
}

.tb--tw-container .custom-select .react-select__menu {
    border-radius: 12px;
    width: 136px
}

.tb--tw-container .custom-select .react-select__menu,.tb--tw-container .custom-select .react-select__option {
    background-color: var(--background-color-1)!important;
    color: var(--text-color-1)!important
}

.tb--tw-container .custom-select .react-select__menu:hover,.tb--tw-container .custom-select .react-select__option:hover {
    background-color: var(--background-color-3)!important
}

.react-grid-layout {
    position: relative;
    transition: height .2s ease
}

.react-grid-item {
    transition: all .2s ease;
    transition-property: left,top
}

.react-grid-item img {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.react-grid-item.cssTransforms {
    transition-property: transform
}

.react-grid-item.resizing {
    will-change: width,height;
    z-index: 1
}

.react-grid-item.react-draggable-dragging {
    transition: none;
    will-change: transform;
    z-index: 3
}

.react-grid-item.dropping {
    visibility: hidden
}

.react-grid-item.react-grid-placeholder {
    background: red;
    opacity: .2;
    transition-duration: .1s;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 2
}

.react-grid-item>.react-resizable-handle {
    height: 20px;
    position: absolute;
    width: 20px
}

.react-grid-item>.react-resizable-handle:after {
    border-bottom: 2px solid #0006;
    border-right: 2px solid #0006;
    bottom: 3px;
    content: "";
    height: 5px;
    position: absolute;
    right: 3px;
    width: 5px
}

.react-resizable-hide>.react-resizable-handle {
    display: none
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-sw {
    bottom: 0;
    cursor: sw-resize;
    left: 0;
    transform: rotate(90deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-se {
    bottom: 0;
    cursor: se-resize;
    right: 0
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-nw {
    cursor: nw-resize;
    left: 0;
    top: 0;
    transform: rotate(180deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-ne {
    cursor: ne-resize;
    right: 0;
    top: 0;
    transform: rotate(270deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w {
    cursor: ew-resize;
    margin-top: -10px;
    top: 50%
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-w {
    left: 0;
    transform: rotate(135deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-e {
    right: 0;
    transform: rotate(315deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s {
    cursor: ns-resize;
    left: 50%;
    margin-left: -10px
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-n {
    top: 0;
    transform: rotate(225deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-s {
    bottom: 0;
    transform: rotate(45deg)
}

.react-resizable {
    position: relative
}

.react-resizable-handle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);
    background-origin: content-box;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    height: 20px;
    padding: 0 3px 3px 0;
    position: absolute;
    width: 20px
}

.react-resizable-handle-sw {
    bottom: 0;
    cursor: sw-resize;
    left: 0;
    transform: rotate(90deg)
}

.react-resizable-handle-se {
    bottom: 0;
    cursor: se-resize;
    right: 0
}

.react-resizable-handle-nw {
    cursor: nw-resize;
    left: 0;
    top: 0;
    transform: rotate(180deg)
}

.react-resizable-handle-ne {
    cursor: ne-resize;
    right: 0;
    top: 0;
    transform: rotate(270deg)
}

.react-resizable-handle-e,.react-resizable-handle-w {
    cursor: ew-resize;
    margin-top: -10px;
    top: 50%
}

.react-resizable-handle-w {
    left: 0;
    transform: rotate(135deg)
}

.react-resizable-handle-e {
    right: 0;
    transform: rotate(315deg)
}

.react-resizable-handle-n,.react-resizable-handle-s {
    cursor: ns-resize;
    left: 50%;
    margin-left: -10px
}

.react-resizable-handle-n {
    top: 0;
    transform: rotate(225deg)
}

.react-resizable-handle-s {
    bottom: 0;
    transform: rotate(45deg)
}