html {
    font-family: sans-serif
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}

a {
    background-color: #0000
}

a:active, a:hover {
    outline: 0
}

small {
    font-size: 80%
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

hr {
    box-sizing: initial;
    height: 0
}

button, input, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    background-color: #0000;
    border: none;
    outline: none;
    overflow: visible;
    padding: 0
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    padding: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

embed, iframe, img, object, video {
    max-width: 100%
}

* {
    box-sizing: border-box
}

ul:not(article ul) {
    list-style: none;
    margin: 0;
    padding: 0
}

.hidden, .hide, .pnPollHidden {
    display: none
}

.clrfix:after, .clrfix:before {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden
}

.clrfix:after {
    clear: both
}

.clr {
    clear: both;
    display: block;
    height: 0;
    margin: -1px 0 0;
    overflow: hidden
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.mb40 {
    margin-bottom: 40px !important
}

.noWrap {
    white-space: nowrap
}

th {
    font-weight: 400;
    text-align: left
}

.relative {
    position: relative
}

.embed-responsive, .video-object {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video, .video-object .embed-responsive-item, .video-object embed, .video-object iframe, .video-object object, .video-object video {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.embed-responsive-16by9, .video-object-16by9 {
    padding-bottom: 56.25%
}

.video-object {
    padding-bottom: 56.25%
}

.pswp__caption, .pswp__top-bar {
    background-color: #0000 !important
}

.pswp img {
    object-fit: contain
}

.playerPhoto:hover img {
    opacity: .8
}

.modalWindowCloseButton {
    background: url(/build/close.svg?3cc57ac7) no-repeat 50%/25px 25px;
    cursor: pointer;
    height: 60px;
    opacity: .7;
    width: 60px
}

.cloud {
    display: inline-block;
    line-height: 100%;
    margin: 0 20px 20px 0
}

.playButton {
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: 15px;
    color: #fff;
    font-size: 13px;
    height: 30px;
    line-height: 19px;
    padding: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    white-space: nowrap;
    width: 30px
}

.playButton:after {
    border-bottom: 6px solid #0000;
    border-left: 6px solid;
    border-top: 6px solid #0000;
    content: "";
    display: inline-block;
    height: 0;
    margin: 7px 0 0 2px;
    width: 0
}

.loading button {
    pointer-events: none;
    position: relative
}

.loading button span {
    opacity: 0
}

.loading button:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIwLjIgNS4xN2ExNC45NSAxNC45NSAwIDEgMCAwIDI5LjkgMTQuOTUgMTQuOTUgMCAwIDAgMC0yOS45bTAgMjYuNThhMTEuNjMgMTEuNjMgMCAxIDEgMC0yMy4yNyAxMS42MyAxMS42MyAwIDAgMSAwIDIzLjI3IiBvcGFjaXR5PSIuMiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0yNi4wMSAxMC4wNSAxLjY2LTIuODdhMTQuODUgMTQuODUgMCAwIDAtNy40Ny0yLjAxdjMuMzFjMi4xMiAwIDQuMS41OCA1LjgxIDEuNTciPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0ieG1sIiBkdXI9IjAuNXMiIGZyb209IjAgMjAgMjAiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB0bz0iMzYwIDIwIDIwIiB0eXBlPSJyb3RhdGUiLz48L3BhdGg+PC9zdmc+);
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.poker-room-widget-noevents {
    background-color: var(--grey-100);
    border-radius: 4px;
    padding: 20px;
    text-align: center
}

html {
    font-family: Arial, sans-serif
}

html.wf-active {
    font-family: Open Sans, Arial, sans-serif
}

body {
    font-size: 14px;
    -webkit-font-smoothing: antialiased
}

b, strong {
    font-weight: 600
}

time {
    color: var(--grey-700)
}

.tc_apply {
    border-radius: 16px;
    display: inline-block;
    font-size: 8px;
    font-weight: 600;
    line-height: 14px;
    padding: 0 3px;
    text-transform: uppercase
}

.tc_apply:not(.tc_apply-dark) {
    background-color: #fff;
    border: 1px solid var(--primary-500);
    color: var(--primary-500)
}

.tc_apply:not(.tc_apply-dark):hover {
    background-color: var(--primary-500);
    color: #fff
}

.tc_apply.tc_apply-dark {
    background-color: #0000;
    border: 1px solid #fff;
    color: #fff
}

.tc_apply.tc_apply-dark:hover {
    background-color: #fff;
    color: #000
}

.terms {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    color: var(--term-color, var(--grey-700));
    display: block;
    font-size: 9px;
    grid-area: terms;
    line-height: 10px
}

.widgetDisclaimer {
    font-size: 13px !important;
    font-style: italic;
    line-height: 22px
}

.k {
    background: #fff;
    border: 1px solid var(--grey-500);
    border-radius: var(--rad);
    column-gap: 2px;
    display: inline-flex;
    flex-wrap: nowrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    line-height: 15px;
    margin: 0 2px;
    min-width: 28px;
    padding: 0 2px;
    position: relative;
    text-transform: uppercase
}

.k i {
    font-size: 14px;
    font-style: normal;
    position: relative;
    top: -1px
}

.k--big {
    align-items: end;
    flex-direction: column-reverse;
    font-size: 16px;
    font-weight: 600 !important;
    height: 46px;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 2px 4px 5px 3px;
    row-gap: 10px;
    width: 34px
}

.k--big i {
    align-self: flex-start;
    top: 0;
    width: 11px !important
}

.k--big[class*=d], .k--big[class*=h] {
    color: red
}

.k--big[class*=x] {
    color: var(--grey-700)
}

.k--big[class*=x] i {
    font-size: 14px
}

.k[class*=c] i, .k[class*=d] i, .k[class*=h] i, .k[class*=s] i {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px;
    overflow: hidden;
    position: static;
    text-indent: -999px;
    width: 9px
}

.k[class*=h] i {
    background-image: url(/build/suit-heart.svg?648cbb9d)
}

.k[class*=c] i {
    background-image: url(/build/suit-club.svg?0181903d)
}

.k[class*=d] i {
    background-image: url(/build/suit-diamond.svg?122e36c8)
}

.k[class*=s] i {
    background-image: url(/build/suit-spade.svg?5f87a91d)
}

.k[class*="10"] {
    letter-spacing: -.8px
}

.k[class*=d] i, .k[class*=h] i {
    color: red
}

.k[class$=x] i {
    color: var(--grey-700);
    font-size: 10px;
    top: 1px
}

.cards--alignright .k--big {
    margin-left: 2px;
    margin-right: 0;
    text-align: left
}

:root {
    --border-color: var(--grey-300);
    --deep-sky-blue: #00b9ff;
    --facebook-color: #1b74e4;
    --flag-outline: var(--grey-200);
    --font-weight: 600;
    --green-500: #1ed560;
    --green-600: #11be4f;
    --green-700: #01af40;
    --grey-100: #f5f5f5;
    --grey-200: #eee;
    --grey-300: #e5e5e5;
    --grey-400: #e1e1e1;
    --grey-500: #ccc;
    --grey-600: #a3a3a3;
    --grey-700: #767676;
    --grey-800: #252525;
    --margin-xl: 40px;
    --margin-l: 30px;
    --margin-m: 24px;
    --margin-heading: 20px;
    --mystack-color: #0091ea;
    --orange-500: #fe862e;
    --orange-600: #f47519;
    --primary-100: #e6f0fa;
    --primary-200: #a4c6e8;
    --primary-500: #0069d0;
    --primary-600: #0080ff;
    --primary-700: #0060ff;
    --primary-buttontext: #fff;
    --rad: 4px;
    --red-200: #fce8e9;
    --red-500: #e01b22;
    --red-600: #ee1c24;
    --red-700: #bc070e;
    --room-header-bg: #252525;
    --steps-color: green;
    --table-text-size: 14px;
    --text-line-height-d: 26px;
    --text-line-height-m: 24px;
    --text-size-d: 16px;
    --text-size-m: 14px;
    --twitter-color: #000;
    --warning-color: var(--red-600);
    --yellow: #ffd800;
    --info: #f5f5f5;
    --info-border: #788fa6;
    --warning: #fdf0e6;
    --warning-border: #e76500;
    --error: #f8e6e7;
    --error-border: #bc070e;
    --success: #e6f2e6;
    --success-border: green;
    --h1-size-d: 32px;
    --h1-size-m: 26px;
    --h2-size-d: 24px;
    --h2-size-m: 22px;
    --h3-size-d: 20px;
    --h3-size-m: 18px;
    --h4-size-d: 16px;
    --h4-size-m: 14px;
    --h1-line-height-d: 42px;
    --h1-line-height-m: 36px;
    --h2-line-height-d: 34px;
    --h2-line-height-m: 32px;
    --h3-line-height-d: 30px;
    --h3-line-height-m: 28px;
    --h4-line-height-d: 26px;
    --h4-line-height-m: 24px;
    --grid-side-padding-desktop: 30px;
    --grid-side-padding-mobile: 20px;
    --navbar-height: 60px;
    --navbar-desktop-features-gap: 30px;
    --mobile-menu-max-width: 400px
}

@media (min-width: 480px) {
    :root {
        --margin-xl: 60px;
        --margin-l: 40px;
        --margin-m: 20px
    }
}

.ds-section {
    margin-bottom: var(--margin-l)
}

a {
    color: var(--primary-500);
    text-decoration: none
}

a:hover {
    color: var(--primary-600)
}

.black-link a, a.black-link {
    color: #000
}

.black-link a:hover, a.black-link:hover {
    text-decoration: underline
}

.black-link--underline a, a.black-link--underline {
    text-decoration: underline
}

h1, h2, h3, h4 {
    font-weight: 600
}

h1 {
    font-size: var(--h1-size-m);
    line-height: var(--h1-line-height-m);
    margin: 0 0 var(--margin-heading)
}

@media (min-width: 480px) {
    h1 {
        font-size: var(--h1-size-d);
        line-height: var(--h1-line-height-d)
    }
}

h2 {
    font-size: var(--h2-size-m);
    line-height: var(--h2-line-height-m);
    margin: 0 0 var(--margin-heading)
}

@media (min-width: 480px) {
    h2 {
        font-size: var(--h2-size-d);
        line-height: var(--h2-line-height-d)
    }
}

h2.ds-headlineShrinked {
    font-size: var(--h2-size-m);
    line-height: var(--h2-line-height);
    margin: 0 0 var(--margin-heading)
}

h3 {
    font-size: var(--h3-size-m);
    line-height: var(--h3-line-height-m);
    margin: 0 0 var(--margin-heading)
}

@media (min-width: 480px) {
    h3 {
        font-size: var(--h3-size-d);
        line-height: var(--h3-line-height-d)
    }
}

h4 {
    font-size: var(--h4-size-m);
    line-height: var(--h4-line-height-m);
    margin: 0 0 var(--margin-heading)
}

@media (min-width: 480px) {
    h4 {
        font-size: var(--h4-size-d);
        line-height: var(--h4-line-height-d)
    }
}

.ds-roomWidgetLayoutB div.notAvailable, .ds-roomWidgetLayoutB__featuresList, .ds-roomWidgetLayoutB__featuresTitle, .ds-roomWidgetLayoutB__rating, .ds-subscribe__main__text, .error, .success, .tip, .topRooms__ukTC div p, ol.ds-ol, p.ds-p, ul.ds-ul {
    font-size: var(--text-size-m);
    line-height: var(--text-line-height-m)
}

@media (min-width: 480px) {
    .ds-roomWidgetLayoutB div.notAvailable, .ds-roomWidgetLayoutB__featuresList, .ds-roomWidgetLayoutB__featuresTitle, .ds-roomWidgetLayoutB__rating, .ds-subscribe__main__text, .error, .success, .tip, .topRooms__ukTC div p, ol.ds-ol, p.ds-p, ul.ds-ul {
        font-size: var(--text-size-d);
        line-height: var(--text-line-height-d)
    }
}

.ds-roomWidgetLayoutB div.notAvailable a, .ds-roomWidgetLayoutB__featuresList a, .ds-roomWidgetLayoutB__featuresTitle a, .ds-roomWidgetLayoutB__rating a, .ds-subscribe__main__text a, .error a, .success a, .tip a, .topRooms__ukTC div p a, ol.ds-ol a, p.ds-p a, ul.ds-ul a {
    text-decoration: underline
}

ol.ds-ol, ul.ds-ul {
    padding-left: 40px
}

ol.ds-ol li:not(:last-child), ul.ds-ul li:not(:last-child) {
    margin-bottom: 5px
}

ul.ds-ul {
    list-style-type: disc
}

ul.ds-ul--unstyled {
    list-style: none;
    padding-left: 0
}

p.ds-p {
    margin: 0 0 var(--margin-m)
}

p.ds-p sub, p.ds-p sup {
    line-height: 14px
}

.ds-termText {
    font-size: 9px;
    line-height: 14px
}

.ds-termText a {
    color: inherit;
    text-decoration: underline
}

.ds-disclaimer {
    font-size: 11px;
    font-style: italic;
    margin-bottom: 20px
}

.preloaderBox--multipleCols {
    display: grid;
    gap: var(--preloader-row-gap, 30px) var(--preloader-col-gap, 30px);
    grid-template-columns:repeat(var(--preloader-mobile-box-count), var(--preloader-box-width));
    margin-bottom: var(--preloader-box-mb, 30px);
    overflow: visible
}

@media (min-width: 768px) {
    .preloaderBox--multipleCols {
        grid-template-columns:repeat(var(--preloader-desktop-box-count), var(--preloader-box-width))
    }
}

.preloaderBox--multipleCols i {
    background-color: var(--grey-200);
    border-radius: var(--rad);
    height: var(--preloader-box-height);
    overflow: hidden;
    pointer-events: none;
    position: relative
}

.preloaderBox--multipleCols i:before {
    animation: shimmer 1.5s linear infinite;
    background: linear-gradient(to right, var(--grey-200) 0, #fff 50%, var(--grey-200) 100%);
    content: "";
    inset: 0;
    position: absolute
}

@media (min-width: 768px) {
    .preloaderBox--multipleCols i {
        height: var(--preloader-box-height-desktop, var(--preloader-box-height))
    }
}

.preloaderBox--multipleCols.hidePreloader[data-hide=animate] {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
    transition: all 1s
}

.preloaderBox--multipleCols.hidePreloader[data-hide=animate]:after {
    content: attr(data-text-empty);
    opacity: 0;
    transition: opacity 1s
}

.preloaderBox--multipleCols.hidePreloader[data-hide=instant] {
    display: none
}

.preloaderBox--multipleRows {
    display: grid;
    margin-bottom: var(--preloader-box-mb, 30px);
    row-gap: var(--preloader-row-gap, 30px)
}

.preloaderBox--multipleRows i {
    background-color: var(--grey-200);
    border-radius: var(--rad);
    display: block;
    height: var(--preloader-row-height-desktop, var(--preloader-row-height));
    overflow: hidden;
    pointer-events: none;
    position: relative
}

.preloaderBox--multipleRows i:before {
    animation: shimmer 1.5s linear infinite;
    background: linear-gradient(to right, var(--grey-200) 0, #fff 50%, var(--grey-200) 100%);
    content: "";
    inset: 0;
    position: absolute
}

.preloaderBox--multipleRows.hidePreloader[data-hide=animate] {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
    transition: all 1s
}

.preloaderBox--multipleRows.hidePreloader[data-hide=instant] {
    display: none
}

.preloaderBox--single {
    align-items: center;
    background-color: var(--grey-200);
    border-radius: var(--preloader-box-radius, var(--rad));
    display: flex;
    height: var(--preloader-box-height);
    justify-content: center;
    margin-bottom: var(--preloader-box-mb, 30px);
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: var(--preloader-box-width)
}

.preloaderBox--single:before {
    animation: shimmer 1.5s linear infinite;
    background: linear-gradient(to right, var(--grey-200) 0, #fff 50%, var(--grey-200) 100%);
    content: "";
    inset: 0;
    position: absolute
}

@media (min-width: 768px) {
    .preloaderBox--single {
        height: var(--preloader-box-height-desktop, var(--preloader-box-height))
    }
}

@media (max-width: 767px) {
    .preloaderBox--single {
        width: var(--preloader-box-width-mobile, var(--preloader-box-width))
    }
}

.preloaderBox--single.noData {
    animation: none
}

.preloaderBox--single.noData:after {
    content: attr(data-nodata)
}

.preloaderBox--single:after {
    content: attr(data-text);
    z-index: 1
}

.preloaderBox--single.hidePreloader[data-hide=animate] {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
    transition: all 1s
}

.preloaderBox--single.hidePreloader[data-hide=animate]:after {
    content: attr(data-text-empty);
    opacity: 0;
    transition: opacity 1s
}

.preloaderBox.hidePreloader[data-hide=instant] {
    display: none
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(100%)
    }
}

@media (min-width: 1024px),(min-width: 768px)and (max-width: var(--scr-md)) {
    .ds-subscribe--articleBase .ds-subscribe__header {
        margin-left: auto;
        margin-right: auto;
        max-width: 50%
    }

    .ds-subscribe--articleBase .ds-subscribe__main {
        margin: 0 auto;
        max-width: 50%
    }

    .ds-subscribe--articleBase .ds-subscribe__main__text {
        text-wrap: auto
    }
}

.ds-subscribe--ambassador {
    background: #252525
}

.ds-subscribe--ambassador header {
    align-items: center;
    border-bottom: 3px dotted #e01b22;
    column-gap: 14px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.ds-subscribe--ambassador header figure {
    align-items: center;
    column-gap: 14px;
    display: flex
}

.ds-subscribe--ambassador header figure b {
    display: block
}

.ds-subscribe--ambassador h2 {
    font-size: 18px;
    line-height: 24px
}

.ds-subscribe--ambassador.ds-subscribe.ds-darkTheme .ds-subscribe__button {
    color: #000
}

.ds-subscribe--defaultArticle {
    background-color: #003f7d;
    background-image: url(/build/subscribe-doodle.svg?8cc3ce80);
    background-position: 50%;
    background-size: cover
}

.ds-subscribe.ds-subscribe--sidebar {
    background-color: #003f7d;
    background-image: url(/build/subscribe-doodle.svg?8cc3ce80);
    background-position: 50%;
    background-size: cover;
    padding: 30px 10px 20px
}

.ds-subscribe.ds-subscribe--sidebar .ds-subscribe__main__text, .ds-subscribe.ds-subscribe--sidebar .ds-subscribe__main__title {
    text-align: center
}

.ds-subscribe.ds-subscribe--sidebar .ds-subscribe__main__title {
    margin-bottom: 20px
}

.ds-subscribe.ds-subscribe--sidebar .ds-subscribe__main__text p {
    font-size: 14px;
    line-height: 20px
}

.ds-subscribe.ds-subscribe--sidebar .ds-subscribe__main__text small {
    display: block;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 20px;
    margin-top: -10px;
    opacity: .7
}

.ds-subscribe.ds-subscribe--sidebar .ds-formInput {
    text-align: center
}

.ds-subscribe.ds-subscribe--sidebar .ds-subscribe__footer > small {
    display: none
}

.ds-subscribe.ds-subscribe--sidebar .ds-subscribe__footer > img {
    display: block;
    margin-top: 20px
}

.ds-subscribe.ds-subscribe--footer {
    max-width: 400px;
    padding: 0
}

.ds-subscribe.ds-subscribe--footer .ds-subscribe__main__title {
    line-height: 18px
}

.ds-subscribe.ds-subscribe--footer .ds-subscribe__main__text {
    font-size: 13px;
    margin-bottom: 8px
}

.ds-subscribe.ds-subscribe--footer .ds-subscribe__main__form {
    row-gap: 10px
}

.ds-subscribe.ds-subscribe--footer .ds-subscribe__main__form__group {
    column-gap: 0
}

@media (min-width: 768px) {
    .ds-subscribe.ds-subscribe--footer .ds-subscribe__main__form__group .ds-formInput {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .ds-subscribe.ds-subscribe--footer .ds-subscribe__main__form__group .ds-subscribe__button {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
}

.ds-subscribe.ds-subscribe--footer .ds-subscribe__main__form__group .ds-formInput {
    font-size: 13px
}

.ds-subscribe.ds-subscribe--footer .ds-subscribe__main__form__group .ds-subscribe__button {
    color: var(--grey-800);
    font-size: 13px
}

.ds-subscribe.ds-subscribe--roomNotify {
    padding: 0
}

.ds-subscribe.ds-subscribe--roomNotify .ds-subscribe__main__form {
    max-width: 540px
}

.ds-subscribe.ds-darkTheme {
    color: #fff
}

.ds-subscribe.ds-darkTheme .loading button:before {
    filter: brightness(.5)
}

.ds-subscribe.ds-darkTheme .ds-subscribe__button {
    background: #fff;
    color: #003f7d;
    font-size: 14px
}

.ds-subscribe {
    border-radius: var(--rad);
    margin-bottom: var(--margin-l);
    padding: 24px
}

.ds-subscribe__main__title {
    text-wrap: balance
}

@media (min-width: 767px) {
    .ds-subscribe__main__title {
        margin: 0 0 8px
    }
}

.ds-subscribe__main__text {
    text-wrap: balance
}

.ds-subscribe__main__form, .ds-subscribe__main__form__group {
    display: grid;
    row-gap: 16px
}

@media (max-width: 767px),(min-width: 962px)and (max-width: 1023px) {
    .ds-subscribe__main__form__group--country {
        grid-template-areas:"email" "country" "button";
        grid-template-columns:auto !important
    }
}

@media (min-width: 1024px),(min-width: 768px)and (max-width: var(--scr-md)) {
    .ds-subscribe__main__form__group--country {
        grid-template-areas:"email email" "country button";
        grid-template-columns:2fr 1fr
    }
}

.ds-subscribe__main__form__group--country .ds-formInput {
    grid-area: email
}

.ds-subscribe__main__form__group--country .ds-subscribe__tomSelectWrapper {
    grid-area: country
}

.ds-subscribe__main__form__group--country .ds-subscribe__button {
    grid-area: button
}

@media (max-width: 767px),(min-width: 962px)and (max-width: 1023px) {
    .ds-subscribe__main__form__group--country .ds-formInput {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .ds-subscribe__main__form__group--country .ds-subscribe__tomSelectWrapper {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .ds-subscribe__main__form__group--country .ds-subscribe__button {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
}

@media (min-width: 1024px),(min-width: 768px)and (max-width: var(--scr-md)) {
    .ds-subscribe__main__form__group--country .ds-formInput {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .ds-subscribe__main__form__group--country .ds-subscribe__tomSelectWrapper {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .ds-subscribe__main__form__group--country .ds-subscribe__button {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }
}

.ds-subscribe__main .ds-message {
    align-items: center;
    margin: 0
}

@media (min-width: 768px) {
    .ds-subscribe--inlineFormDesktop .ds-subscribe__main__form__group {
        column-gap: 16px;
        grid-template-columns:3fr 1fr
    }
}

.ds-ratingBar {
    display: inline-flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 110px
}

.ds-ratingBar__overlay {
    background-color: var(--room-header-bg);
    bottom: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

@supports (mix-blend-mode:color) {
    .ds-ratingBar__overlay {
        mix-blend-mode: color;
        opacity: unset
    }
}

.ds-roomReviewStickyBar {
    align-items: center;
    background-color: #fff;
    border-top: 1px solid var(--grey-400);
    bottom: 0;
    display: grid;
    gap: 10px 15px;
    grid-template-areas:"logo text" "cta cta";
    grid-template-columns:auto 1fr;
    left: 0;
    opacity: 0;
    padding: 15px;
    pointer-events: none;
    position: fixed;
    transform: translateY(130%);
    transition: transform .2s;
    width: 100%;
    will-change: transform;
    z-index: 5
}

@media (min-width: 480px)and (max-width: 961px) {
    .ds-roomReviewStickyBar {
        grid-template-areas:"logo text" "logo cta"
    }

    .conversionBanner .conversionBanner__item > div {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .conversionBanner .conversionBanner__item > p {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .conversionBanner .conversionBanner__item .conversionBanner__cta {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }
}

.ds-roomReviewStickyBar.hasTerms {
    grid-template-areas:"logo text" "cta cta" "terms terms"
}

@media (min-width: 480px)and (max-width: 961px) {
    .ds-roomReviewStickyBar.hasTerms {
        grid-template-areas:"logo text" "logo cta" "terms terms"
    }

    .terms {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .ds-roomReviewStickyBar.hasTerms > .conversionBanner__item > div {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .conversionBanner__item > p {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .ds-roomReviewStickyBar.hasTerms > .conversionBanner__cta {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }
}

@media (min-width: 962px) {
    .ds-roomReviewStickyBar {
        border-right: 1px solid var(--grey-400);
        border-top-left-radius: var(--rad);
        border-top-right-radius: var(--rad);
        grid-template-areas:"logo text cta";
        grid-template-columns:auto 1fr auto;
        padding: 0 20px
    }

    .ds-roomReviewStickyBar.hasTerms {
        grid-template-areas:"logo text cta" "logo terms cta"
    }

    .terms {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .conversionBanner .conversionBanner__item > div {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .conversionBanner__item > div {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .conversionBanner .conversionBanner__item > p {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .ds-roomReviewStickyBar.hasTerms > .conversionBanner__item > p {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .conversionBanner .conversionBanner__item .conversionBanner__cta {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .conversionBanner__cta {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }
}

@media (max-width: 1380px)and (min-width: 962px) {
    .ds-roomReviewStickyBar {
        left: 0;
        width: calc(100% - 340px)
    }
}

@media (min-width: 1381px) {
    .ds-roomReviewStickyBar {
        left: auto;
        width: 990px
    }
}

.ds-roomReviewStickyBar.show {
    opacity: 1;
    pointer-events: unset;
    transform: translateY(0)
}

.ds-roomReviewStickyBar__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    align-items: center;
    align-self: normal;
    background-color: #000;
    display: grid;
    grid-area: logo;
    padding: 10px
}

.ds-roomReviewStickyBar.hasTerms > .ds-roomReviewStickyBar__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
}

.conversionBanner--1 .conversionBanner__item > .ds-roomReviewStickyBar__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
}

.conversionBanner--2 .conversionBanner__item > .ds-roomReviewStickyBar__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
}

.conversionBanner--3 .conversionBanner__item > .ds-roomReviewStickyBar__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
}

.conversionBanner.hideBonusText > a > .ds-roomReviewStickyBar__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
}

.ds-roomReviewStickyBar__logo img {
    max-height: 45px;
    max-width: 100px;
    vertical-align: top;
    width: 100%
}

@media (min-width: 962px) {
    .ds-roomReviewStickyBar__logo img {
        max-width: 150px
    }
}

.ds-roomReviewStickyBar__logo img:last-child {
    display: block
}

.ds-roomReviewStickyBar__logo img:first-child {
    display: none
}

@media (min-width: 962px) {
    .ds-roomReviewStickyBar__logo {
        border-top-left-radius: var(--rad);
        margin-left: -20px;
        margin-top: -1px;
        padding: 10px 20px
    }

    .ds-roomReviewStickyBar__logo img:first-child {
        display: block
    }

    .ds-roomReviewStickyBar__logo img:last-child {
        display: none
    }
}

.ds-roomReviewStickyBar__offer {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    font-weight: 600;
    grid-area: text;
    line-height: 22px;
    margin: 0;
    padding-right: 30px
}

.ds-roomReviewStickyBar.hasTerms > .ds-roomReviewStickyBar__offer {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.conversionBanner--1 .conversionBanner__item > .ds-roomReviewStickyBar__offer {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.conversionBanner--2 .conversionBanner__item > .ds-roomReviewStickyBar__offer {
    -ms-grid-row: 2;
    -ms-grid-column: 2
}

.conversionBanner--3 .conversionBanner__item > .ds-roomReviewStickyBar__offer {
    -ms-grid-row: 2;
    -ms-grid-column: 2
}

@media (min-width: 962px) {
    .ds-roomReviewStickyBar__offer {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        margin: 10px 0
    }
}

.ds-roomReviewStickyBar .tc_apply {
    margin-left: 5px;
    vertical-align: 2px
}

@media (min-width: 962px) {
    .ds-roomReviewStickyBar .tc_apply {
        vertical-align: 4px
    }
}

.ds-roomReviewStickyBar__cta {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    align-self: center;
    grid-area: cta
}

.ds-roomReviewStickyBar.hasTerms > .ds-roomReviewStickyBar__cta {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
}

.conversionBanner--1 .conversionBanner__item > .ds-roomReviewStickyBar__cta {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1
}

.conversionBanner--2 .conversionBanner__item > .ds-roomReviewStickyBar__cta {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.conversionBanner--3 .conversionBanner__item > .ds-roomReviewStickyBar__cta {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.conversionBanner.hideBonusText > a > .ds-roomReviewStickyBar__cta {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

@media (min-width: 480px)and (max-width: 961px) {
    .ds-roomReviewStickyBar__cta {
        justify-self: flex-start
    }
}

.ds-roomReviewStickyBar__terms {
    color: var(--grey-700);
    margin: 0
}

@media (min-width: 962px) {
    .ds-roomReviewStickyBar__terms {
        margin: -10px 0 10px
    }
}

.ds-roomReviewStickyBar__terms a {
    color: inherit;
    text-decoration: underline
}

.ds-roomReviewStickyBar__close {
    background: #0000 no-repeat 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGVsbGlwc2UgY3g9IjguMDkiIGN5PSI4LjMzIiBmaWxsPSIjZmZmIiBjbGFzcz0iY2xzLTIiIHJ4PSI0LjkxIiByeT0iNS4wNSIvPjxwYXRoIGQ9Ik04IDBhOCA4IDAgMSAwIDAgMTZBOCA4IDAgMCAwIDggMG0yLjkgMTBjLjI1LjI1LjI1LjY1IDAgLjlzLS42NS4yNS0uOSAwbC0yLTItMiAyYy0uMjUuMjgtLjY3LjMtLjk1LjA1cy0uMy0uNjctLjA1LS45NWwyLTItMi0yYy0uMjgtLjI4LS4yOC0uNzIgMC0xcy43Mi0uMjggMSAwbDIgMiAyLTJhLjYzLjYzIDAgMCAxIC45IDBjLjI1LjI1LjI1LjY1IDAgLjlsLTIgMnoiIGNsYXNzPSJjbHMtMSIvPjwvc3ZnPg==);
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 38px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px
}

@media (min-width: 962px) {
    .ds-roomReviewStickyBar__close {
        right: -20px;
        top: -20px
    }
}

@media (min-width: 768px) {
    .ds-formLabel--helper span:hover:before, .ds-roomWidgetLayoutB__badge:hover:before, .topRooms__list .award:hover:before {
        background-color: #000;
        border-radius: 4px;
        color: #fff;
        content: attr(data-title);
        font-size: 10px;
        font-weight: 600;
        left: 50%;
        line-height: 20px;
        padding: 0 10px;
        position: absolute;
        text-transform: uppercase;
        top: -25px;
        transform: translateX(-50%);
        white-space: nowrap
    }
}

.ds-roomWidgetLayoutB__featuresList {
    list-style: none;
    padding: 0
}

.ds-roomWidgetLayoutB {
    border: 1px solid var(--grey-400);
    border-radius: var(--rad);
    display: grid;
    margin-bottom: 20px;
    max-width: 700px
}

@media (min-width: 768px) {
    .ds-roomWidgetLayoutB {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .ds-roomWidgetLayoutB {
        grid-template-areas:"graphic" "content";
        grid-template-rows:220px 1fr
    }
}

@media (min-width: 768px) {
    .ds-roomWidgetLayoutB {
        grid-template-areas:"graphic content";
        grid-template-columns:230px 1fr
    }
}

.ds-roomWidgetLayoutB header {
    border-bottom-left-radius: var(--rad);
    border-top-left-radius: var(--rad);
    grid-area: graphic
}

.ds-roomWidgetLayoutB header a:before {
    background-color: var(--grey-100);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

@media (min-width: 768px) {
    .lazy-background.visible .ds-roomWidgetLayoutB header a:before {
        background-image: var(--bg-desktop)
    }
}

@media (max-width: 767px) {
    .lazy-background.visible .ds-roomWidgetLayoutB header a:before {
        background-image: var(--bg-mobile, var(--bg-desktop))
    }
}

@media (min-width: 768px)and (min-resolution: 2dppx) {
    .lazy-background.visible .ds-roomWidgetLayoutB header a:before {
        background-image: var(--bg-desktop2x, var(--bg-desktop))
    }
}

@media (max-width: 767px)and (min-resolution: 2dppx) {
    .lazy-background.visible .ds-roomWidgetLayoutB header a:before {
        background-image: var(--bg-mobile2x, var(--bg-mobile, var(--bg-desktop)))
    }
}

.ds-roomWidgetLayoutB > div {
    grid-area: content;
    padding: 24px;
    position: relative
}

@media (max-width: 767px) {
    .ds-roomWidgetLayoutB header {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .ds-roomWidgetLayoutB > div {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }
}

@media (min-width: 768px) {
    .ds-roomWidgetLayoutB header {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .ds-roomWidgetLayoutB > div {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }
}

.ds-roomWidgetLayoutB__badge {
    position: absolute;
    right: 10px;
    top: 10px
}

.ds-roomWidgetLayoutB__title {
    font-weight: 700;
    margin: 0 0 4px
}

@media (min-width: 768px) {
    .ds-roomWidgetLayoutB__title {
        margin-bottom: 10px
    }
}

.ds-roomWidgetLayoutB__title a {
    color: currentcolor
}

.ds-roomWidgetLayoutB__rating {
    align-items: center;
    column-gap: 4px;
    display: grid;
    grid-template-columns:auto auto 1fr;
    margin-bottom: 24px
}

.ds-roomWidgetLayoutB__rating span {
    color: var(--grey-700)
}

.ds-roomWidgetLayoutB__rating .ds-ratingBar {
    margin: 0
}

.ds-roomWidgetLayoutB div.notAvailable {
    background-color: #e2ebf8;
    display: block;
    margin: 0 0 24px;
    padding: 10px
}

@media (min-width: 768px) {
    .ds-roomWidgetLayoutB div.notAvailable {
        margin-bottom: 25px;
        margin-top: 14px;
        padding: 7px 15px
    }
}

.ds-roomWidgetLayoutB div.notAvailable b {
    color: var(--grey-700);
    display: block;
    margin-bottom: 3px
}

.ds-roomWidgetLayoutB__offer {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 24px
}

@media (min-width: 768px) {
    .ds-roomWidgetLayoutB__offer {
        font-size: 22px;
        line-height: 28px
    }
}

.ds-roomWidgetLayoutB__offer button {
    margin-left: 6px;
    vertical-align: 4px
}

.ds-roomWidgetLayoutB__featuresTitle {
    font-weight: 600;
    margin: 0 0 4px;
    text-transform: uppercase
}

.ds-roomWidgetLayoutB__featuresList {
    margin-bottom: 20px
}

.ds-roomWidgetLayoutB__featuresList li {
    column-gap: 4px;
    display: grid;
    grid-template-columns:18px auto;
    margin-bottom: 2px;
    padding: 0
}

.ds-roomWidgetLayoutB__featuresList li:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIj48cGF0aCBmaWxsPSIjMDA4MGZmIiBkPSJNMzc4LTI0MXEtOSAwLTE3LjUtMy41VDM0NS0yNTVMMTY0LTQzNnEtMTQtMTQtMTQtMzR0MTQtMzQgMzMuNS0xNCAzNC41IDE0bDE0NiAxNDYgMzUwLTM0OXExNC0xNCAzMy41LTE0LjVUNzk1LTcwN3ExNCAxNCAxNCAzNHQtMTQgMzRMNDExLTI1NXEtNyA3LTE1LjUgMTAuNVQzNzgtMjQxIi8+PC9zdmc+);
    position: relative;
    top: 4px
}

.ds-roomWidgetLayoutB__reviewButton {
    grid-area: review;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .ds-roomWidgetLayoutB__reviewButton {
        justify-self: start
    }
}

.ds-roomWidgetLayoutB__extButton {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: cta;
    margin-bottom: 24px
}

.ds-roomReviewStickyBar.hasTerms > .ds-roomWidgetLayoutB__extButton {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
}

.conversionBanner--1 .conversionBanner__item > .ds-roomWidgetLayoutB__extButton {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1
}

.conversionBanner--2 .conversionBanner__item > .ds-roomWidgetLayoutB__extButton {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.conversionBanner--3 .conversionBanner__item > .ds-roomWidgetLayoutB__extButton {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.conversionBanner.hideBonusText > a > .ds-roomWidgetLayoutB__extButton {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1
}

.ds-roomWidgetLayoutB .ds-termText {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    color: var(--grey-700);
    grid-area: terms;
    margin-bottom: 18px
}

.ds-roomWidgetLayoutB__payments {
    align-items: center;
    column-gap: 12px;
    display: flex;
    grid-area: payments
}

@media (max-width: 767px) {
    .ds-roomWidgetLayoutB__payments {
        justify-content: center
    }
}

@media (min-width: 768px) {
    .ds-roomWidgetLayoutB footer.notAvailable {
        grid-template-areas:"review empty" "payments payments"
    }

    .ds-roomWidgetLayoutB footer.notAvailable.hasTerms {
        grid-template-areas:"review empty" "terms terms" "payments payments"
    }

    .ds-roomWidgetLayoutB__reviewButton {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .ds-roomWidgetLayoutB footer.notAvailable.hasTerms > .ds-roomWidgetLayoutB__reviewButton {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .ds-roomWidgetLayoutB__payments {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .ds-roomWidgetLayoutB footer.notAvailable.hasTerms > .ds-roomWidgetLayoutB__payments {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media (min-width: 768px) {
    .ds-roomWidgetLayoutB footer {
        column-gap: 24px;
        display: grid;
        grid:"cta review" "payments payments"/1fr 1fr
    }

    .ds-roomWidgetLayoutB footer.hasTerms {
        grid:"cta review" "terms terms" "payments payments"/1fr 1fr
    }
}

.ds-socialDropdown {
    cursor: pointer;
    position: relative
}

.ds-socialDropdown__icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMiIgdmlld0JveD0iMCAwIDE1IDE2Ij48cGF0aCBkPSJNMTIuNSAxNmMtLjY2LjAxLTEuMy0uMjQtMS43Ny0uNy0uNDctLjQ0LS43NC0xLjA2LS43My0xLjcgMC0uMSAwLS4xOS4wMi0uMjlxLjAxNS0uMTM1LjA2LS4yN0w0LjIgOS43NmMtLjI0LjItLjUuMzYtLjc5LjQ3cy0uNi4xNy0uOTIuMTdjLS42Ni4wMS0xLjMtLjI0LTEuNzctLjdDLjI2IDkuMjYgMCA4LjY1IDAgOGMwLS42NC4yNi0xLjI2LjczLTEuNy40Ny0uNDYgMS4xMS0uNzEgMS43Ny0uN2EyLjYyOCAyLjYyOCAwIDAgMSAxLjcxLjY0bDUuODgtMy4yOGExLjMgMS4zIDAgMCAxLS4wNi0uMjdjLS4wMS0uMS0uMDItLjE5LS4wMi0uMjkgMC0uNjQuMjYtMS4yNi43My0xLjcuNDYtLjQ2IDEuMS0uNzEgMS43Ni0uNy42Ni0uMDEgMS4zLjI0IDEuNzcuNy40Ny40NC43NCAxLjA2LjczIDEuNyAwIC42NC0uMjYgMS4yNi0uNzMgMS43LS40Ny40Ni0xLjExLjcxLTEuNzcuN2EyLjYyOCAyLjYyOCAwIDAgMS0xLjcxLS42NEw0LjkxIDcuNDRxLjA0NS4xMzUuMDYuMjdjLjAxLjEuMDIuMTkuMDIuMjlzMCAuMTktLjAyLjI5cS0uMDE1LjEzNS0uMDYuMjdsNS44OCAzLjI4Yy4yNC0uMi41LS4zNi43OS0uNDdzLjYtLjE3LjkyLS4xN2MuNjYtLjAxIDEuMy4yNCAxLjc3LjcuNDcuNDQuNzQgMS4wNi43MyAxLjcgMCAuNjQtLjI2IDEuMjYtLjczIDEuNy0uNDcuNDYtMS4xMS43MS0xLjc3LjdtMC0xMi44Yy4yMiAwIC40My0uMDguNTktLjIzcy4yNC0uMzUuMjQtLjU3LS4wOC0uNDItLjI0LS41N2EuODEuODEgMCAwIDAtLjU5LS4yM2MtLjIyIDAtLjQzLjA4LS41OS4yM3MtLjI0LjM1LS4yNC41Ny4wOC40Mi4yNC41Ny4zNy4yNC41OS4yM20tMTAgNS42Yy4yMiAwIC40My0uMDguNTktLjIzcy4yNC0uMzUuMjQtLjU3LS4wOC0uNDItLjI0LS41N2EuODEuODEgMCAwIDAtLjU5LS4yM2MtLjIyIDAtLjQzLjA4LS41OS4yM3MtLjI0LjM1LS4yNC41Ny4wOC40Mi4yNC41Ny4zNy4yNC41OS4yM20xMCA1LjZjLjIyIDAgLjQzLS4wOC41OS0uMjNzLjI0LS4zNS4yNC0uNTctLjA4LS40Mi0uMjQtLjU3YS44MS44MSAwIDAgMC0uNTktLjIzYy0uMjIgMC0uNDMuMDgtLjU5LjIzcy0uMjQuMzUtLjI0LjU3LjA4LjQyLjI0LjU3LjM3LjI0LjU5LjIzIiBkYXRhLW5hbWU9IkxheWVyIDEiIHN0eWxlPSJmaWxsOiM0NjQ2NDY7c3Ryb2tlLXdpZHRoOjAiLz48L3N2Zz4=) no-repeat 50%/15px;
    border: 1px solid var(--grey-400);
    border-radius: var(--rad);
    display: inline-block;
    height: 32px;
    pointer-events: none;
    width: 32px;
    z-index: 1
}

.ds-socialDropdown__content {
    background-color: #fff;
    border: 1px solid var(--grey-400);
    border-radius: var(--rad);
    display: none;
    padding: 12px 0;
    position: absolute;
    right: -1px;
    top: calc(100% + 8px);
    z-index: 10
}

.ds-socialDropdown__content a {
    color: #000
}

.ds-socialDropdown__content > * {
    align-items: center;
    column-gap: 12px;
    display: grid;
    font-size: 14px;
    grid-template-columns:auto 1fr;
    padding: 12px 18px;
    white-space: nowrap
}

.ds-socialDropdown__content > :before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    filter: brightness(0);
    height: 18px;
    opacity: .7;
    width: 18px
}

.ds-socialDropdown__content > :hover {
    background-color: var(--grey-100)
}

.ds-socialDropdown__content .social__copyLink {
    cursor: pointer;
    text-align: left;
    width: 100%
}

.ds-socialDropdown__content .social__copyLink:before {
    background-image: url(/build/copyLink.svg?d1163178)
}

.ds-socialDropdown__content .social__copyLink.copied {
    color: green
}

.ds-socialDropdown__content .social__twitter:before {
    background-image: url(/build/twitter_dark.svg?4578366f);
    background-size: 13px
}

.ds-socialDropdown__content .social__facebook:before {
    background-image: url(/build/facebook.svg?268d9c97)
}

.ds-socialDropdown.on .ds-socialDropdown__content {
    display: block
}

.ds-socialDropdown.on .ds-socialDropdown__icon, .ds-socialDropdown:hover .ds-socialDropdown__icon {
    border-color: #000
}

.noClipboardPermission .social__copyLink {
    display: none
}

.ds-paging {
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none
}

.ds-paging:not(.hidden) {
    display: flex
}

.ds-paging.ds-paging--large {
    --paging-size: 48px;
    --paging-font-size: 16px;
    --paging-img-size: 20px
}

.ds-paging.ds-paging--medium {
    --paging-size: 40px;
    --paging-font-size: 14px;
    --paging-img-size: 18px
}

.ds-paging.ds-paging--small {
    --paging-size: 32px;
    --paging-font-size: 12px;
    --paging-img-size: 16px
}

@media (min-width: 768px) {
    .ds-paging {
        gap: 16px;
        justify-content: center
    }
}

.ds-paging__page {
    background-color: #fff;
    border: 1px solid var(--grey-400);
    border-radius: var(--rad);
    color: #000;
    font-size: var(--paging-font-size, 14px);
    line-height: calc(var(--paging-size, 40px) - 2px);
    min-height: var(--paging-size, 40px);
    min-width: var(--paging-size, 40px);
    padding: 0 4px;
    text-align: center
}

.ds-paging__page:not(.ds-paging__page--ellipsis) {
    cursor: pointer
}

.ds-paging__page a {
    color: inherit
}

.ds-paging__page:hover {
    border-color: #000;
    color: #000
}

.ds-paging__page--active {
    background-color: var(--primary-500);
    border-color: var(--primary-500);
    color: #fff
}

.ds-paging__page--active:hover {
    border-color: var(--primary-500);
    color: #fff
}

.ds-paging__page--disabled {
    opacity: .4;
    pointer-events: none
}

.ds-paging__page--ellipsis {
    border: none
}

.ds-paging__page--next img, .ds-paging__page--prev img {
    height: var(--paging-img-size, 18px);
    pointer-events: none;
    vertical-align: text-bottom;
    width: var(--paging-img-size, 18px)
}

.ds-paging--loading {
    pointer-events: none;
    position: relative
}

.ds-paging--loading:before {
    background-color: #ffffffb3;
    border-radius: var(--rad);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1
}

.ds-paging--loading:after {
    animation: ds-paging-spin 1s linear infinite;
    border-top: 2px solid var(--grey-400);
    border: 2px solid var(--grey-400);
    border-radius: 50%;
    border-top-color: var(--primary-500);
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    z-index: 2
}

@keyframes ds-paging-spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

ul.ds-paging li.ds-paging__page {
    padding: 0
}

ul.ds-paging li.ds-paging__page a {
    display: block
}

.ds-notification {
    align-items: center;
    background-color: #fff;
    border-radius: var(--rad);
    display: none;
    justify-content: space-between;
    margin-bottom: 12px;
    opacity: 1;
    padding: 12px;
    position: relative;
    transform: translateY(0);
    transition: opacity .3s ease, transform .3s ease
}

.ds-notification--visible {
    display: flex
}

.ds-notification--info {
    background-color: var(--info)
}

.ds-notification--warning {
    background-color: var(--warning)
}

.ds-notification--error {
    background-color: var(--error)
}

.ds-notification--success {
    background-color: var(--success)
}

.ds-notification--closing {
    opacity: 0;
    transform: translateY(-10px)
}

.ds-notification__close {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjI0LjI0YS44LjggMCAwIDEgMS4xMyAwTDcgNS44NiAxMi42My4yNGEuOC44IDAgMCAxIDEuMTMgMS4xM0w4LjE0IDdsNS42MiA1LjYzYS44LjggMCAxIDEtMS4xMyAxLjEzTDcgOC4xNGwtNS42MyA1LjYyYS44LjggMCAxIDEtMS4xMy0xLjEzTDUuODYgNyAuMjQgMS4zN2EuOC44IDAgMCAxIDAtMS4xMyIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 50%/14px 14px;
    border: none;
    font-size: 0;
    height: 12px;
    opacity: .5;
    width: 12px
}

.ds-notification__close:hover {
    opacity: 1
}

.ds-survey {
    background-color: var(--grey-100);
    border-radius: var(--rad);
    display: flex;
    flex-direction: column;
    padding: 24px;
    row-gap: 24px;
    width: 60%
}

@media (max-width: 768px) {
    .ds-survey {
        width: 100%
    }
}

.ds-survey h3 {
    margin: 0
}

.ds-survey form {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.ds-survey form label {
    align-items: center;
    background-color: #fff;
    border-radius: var(--rad);
    column-gap: 12px;
    display: grid;
    grid-template-columns:18px auto;
    min-height: 40px;
    padding: 4px 12px
}

.ds-survey form label input[type=radio] {
    appearance: none;
    background-clip: content-box;
    border: 1px solid var(--grey-700);
    border-radius: 50%;
    height: 18px;
    padding: 3px;
    width: 18px
}

.ds-survey form label input[type=radio]:checked {
    background-color: var(--primary-500);
    border: 1px solid var(--primary-500)
}

.ds-survey form label:has(input[type=radio]:checked) {
    border: 1px solid var(--primary-500)
}

.ds-survey form label.correct {
    background-color: var(--green-500)
}

.ds-survey form label.correct:has(input[type=radio]:checked) {
    border: 1px solid var(--success-border)
}

.ds-survey form label.incorrect {
    background-color: var(--red-500)
}

.ds-survey form button {
    margin-top: 12px;
    width: 50%
}

@media (max-width: 768px) {
    .ds-survey form button {
        width: 100%
    }
}

.ds-survey__results {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.ds-survey__results label {
    align-items: center;
    background-color: #fff;
    border-radius: var(--rad);
    column-gap: 12px;
    display: grid;
    grid-template-columns:1fr auto;
    min-height: 40px;
    overflow: hidden;
    padding: 4px 12px;
    position: relative;
    width: 75%;
    z-index: 1
}

@media (max-width: 768px) {
    .ds-survey__results label {
        width: 100%
    }
}

.ds-survey__results label:before {
    background-color: var(--primary-100);
    border-radius: var(--rad);
    bottom: 1px;
    content: "";
    left: 1px;
    position: absolute;
    top: 1px;
    width: calc(var(--result-percent, 0%) - 2px);
    z-index: -1
}

.ds-viewAll {
    background-color: var(--view-all-background, var(--grey-100));
    border-radius: var(--rad);
    color: var(--view-all-color, var(--primary-500));
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 30px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media (max-width: 767px) {
    .ds-viewAll {
        margin-top: 10px
    }
}

:root {
    --button-padding-large: 11px 28px;
    --button-padding-medium: 7px 24px;
    --button-padding-small: 3px 20px;
    --button-icononly-padding-large: 11px;
    --button-icononly-padding-medium: 9px;
    --button-icononly-padding-small: 6px;
    --button-min-height-large: 48px;
    --button-min-height-medium: 40px;
    --button-min-height-small: 32px;
    --button-font-size-large: 16px;
    --button-font-size-medium: 14px;
    --button-font-size-small: 12px;
    --button-line-height-large: 24px;
    --button-line-height-medium: 24px;
    --button-line-height-small: 24px;
    --button-primary-bg: var(--primary-500);
    --button-secondary-bg: #0000;
    --button-darktheme-bg: #0000;
    --button-ghost-bg: var(--grey-100);
    --button-tertiary-bg: #0000;
    --button-primary-bg-hover: var(--primary-600);
    --button-secondary-bg-hover: var(--primary-500);
    --button-darktheme-bg-hover: #fff;
    --button-ghost-bg-hover: #e7e7e7;
    --button-tertiary-bg-hover: #0000;
    --button-primary-color: #fff;
    --button-secondary-color: var(--primary-500);
    --button-darktheme-color: #fff;
    --button-ghost-color: #000;
    --button-tertiary-color: var(--primary-500);
    --button-primary-color-hover: #fff;
    --button-secondary-color-hover: #fff;
    --button-darktheme-color-hover: #000;
    --button-ghost-color-hover: #000;
    --button-tertiary-color-hover: var(--primary-500);
    --button-primary-border: var(--button-primary-bg);
    --button-secondary-border: var(--primary-500);
    --button-darktheme-border: #fff;
    --button-ghost-border: var(--button-ghost-bg);
    --button-tertiary-border: var(--button-tertiary-bg);
    --button-primary-border-active: #c2e1ff;
    --button-secondary-border-active: #c2e1ff;
    --button-darktheme-border-active: #fff;
    --button-ghost-border-active: #e6e6e6;
    --button-tertiary-border-active: var(--primary-500);
    --button-disabled-opacity: 0.4
}

.ds-button--danger {
    --primary-500: #bc070e;
    --button-primary-bg: var(--primary-500);
    --button-primary-bg-hover: #ea2d35;
    --button-primary-border: var(--button-primary-bg);
    --button-primary-border-active: #f8e6e7;
    --button-secondary-bg-hover: var(--primary-500);
    --button-secondary-color: var(--primary-500);
    --button-secondary-border: var(--primary-500);
    --button-secondary-border-active: var(--button-primary-border-active);
    --button-ghost-bg-hover: #e7e7e7;
    --button-ghost-color: var(--primary-500);
    --button-ghost-color-hover: var(--primary-500);
    --button-tertiary-color: var(--primary-500);
    --button-tertiary-color-hover: var(--primary-500);
    --button-tertiary-border-active: var(--primary-500)
}

.ds-button span {
    align-items: center;
    column-gap: 6px;
    display: flex;
    justify-content: center
}

.ds-button.ds-button--iconLeft span {
    flex-direction: row-reverse
}

.ds-button.ds-button--iconRight span {
    flex-direction: row
}

.ds-button.ds-button--primary {
    background-color: var(--button-primary-bg);
    border: 1px solid var(--button-primary-border);
    color: var(--button-primary-color);
    text-decoration: none !important
}

.ds-button.ds-button--primary:hover {
    background-color: var(--button-primary-bg-hover);
    border-color: var(--button-primary-bg-hover);
    color: var(--button-primary-color-hover)
}

.ds-button.ds-button--primary:active {
    background-color: var(--button-primary-bg-hover);
    border-color: var(--button-primary-border-active);
    color: var(--button-primary-color-hover)
}

.ds-button.ds-button--primary.ds-button--loading:before {
    border: 2px solid #ffffff26;
    border-top-color: #fff
}

.ds-button.ds-button--primary img, .ds-button.ds-button--primary svg {
    filter: invert(1)
}

.ds-button.ds-button--secondary {
    background-color: var(--button-secondary-bg);
    border: 1px solid var(--button-secondary-border);
    color: var(--button-secondary-color);
    text-decoration: none !important
}

.ds-button.ds-button--secondary img, .ds-button.ds-button--secondary svg {
    filter: invert(24%) sepia(98%) saturate(4435%) hue-rotate(199deg) brightness(96%) contrast(105%)
}

.ds-button.ds-button--secondary:hover {
    background-color: var(--button-secondary-bg-hover);
    color: var(--button-secondary-color-hover)
}

.ds-button.ds-button--secondary:hover img, .ds-button.ds-button--secondary:hover svg {
    filter: invert(1)
}

.ds-button.ds-button--secondary:active {
    background-color: var(--button-secondary-bg-hover);
    border: 1px solid var(--button-secondary-border-active);
    color: var(--button-secondary-color-hover)
}

.ds-button.ds-button--secondary:active img, .ds-button.ds-button--secondary:active svg {
    filter: invert(1)
}

.ds-button.ds-button--secondary.ds-button--loading:before {
    border: 2px solid #e7e7e7;
    border-top: 2px solid var(--primary-500)
}

.ds-button.ds-button--ghost {
    background-color: var(--button-ghost-bg);
    border: 1px solid var(--button-ghost-border);
    color: var(--button-ghost-color);
    text-decoration: none !important
}

.ds-button.ds-button--ghost:hover {
    background-color: var(--button-ghost-bg-hover);
    border: 1px solid var(--button-ghost-bg-hover)
}

.ds-button.ds-button--ghost:active {
    background-color: var(--button-ghost-bg);
    border: 1px solid var(--button-ghost-border-active)
}

.ds-button.ds-button--ghost.ds-button--loading:before {
    border: 2px solid #e7e7e7;
    border-top: 2px solid var(--primary-500)
}

.ds-button.ds-button--tertiary {
    background-color: var(--button-tertiary-bg);
    border: 1px solid var(--button-tertiary-border);
    color: var(--button-tertiary-color)
}

.ds-button.ds-button--tertiary:not(.ds-button--iconOnly) img, .ds-button.ds-button--tertiary:not(.ds-button--iconOnly) svg {
    filter: invert(24%) sepia(98%) saturate(4435%) hue-rotate(199deg) brightness(96%) contrast(105%)
}

.ds-button.ds-button--tertiary:hover {
    background-color: var(--button-tertiary-bg-hover);
    color: var(--button-tertiary-color-hover);
    text-decoration: underline
}

.ds-button.ds-button--tertiary:active {
    background-color: var(--button-tertiary-bg-hover);
    border: 1px solid var(--button-tertiary-border-active);
    color: var(--button-tertiary-color-hover);
    text-decoration: underline
}

.ds-button.ds-button--tertiary.ds-button--loading:before {
    border: 2px solid #e7e7e7;
    border-top: 2px solid var(--primary-500)
}

.ds-button.ds-button--tertiary.ds-button--iconOnly {
    border-color: #e1e1e1
}

.ds-button.ds-button--tertiary.ds-button--iconOnly:hover {
    border-color: #000
}

.ds-button.ds-button--darkTheme {
    background-color: var(--button-darktheme-bg);
    border: 1px solid var(--button-darktheme-border);
    color: var(--button-darktheme-color)
}

.ds-button.ds-button--darkTheme img, .ds-button.ds-button--darkTheme svg {
    filter: invert(24%) sepia(98%) saturate(4435%) hue-rotate(199deg) brightness(96%) contrast(105%)
}

.ds-button.ds-button--darkTheme:hover {
    background-color: var(--button-darktheme-bg-hover);
    color: var(--button-darktheme-color-hover)
}

.ds-button.ds-button--darkTheme:hover img, .ds-button.ds-button--darkTheme:hover svg {
    filter: invert(1)
}

.ds-button.ds-button--darkTheme:active {
    background-color: var(--button-darktheme-bg-hover);
    border: 1px solid var(--button-darktheme-border-active);
    color: var(--button-darktheme-color-hover)
}

.ds-button.ds-button--darkTheme:active img, .ds-button.ds-button--darkTheme:active svg {
    filter: invert(1)
}

.ds-button.ds-button--darkTheme.ds-button--loading:before {
    border: 2px solid #e7e7e7;
    border-top-color: #bc070e
}

.ds-button.ds-button--large {
    font-size: var(--button-font-size-large);
    line-height: var(--button-line-height-large);
    min-height: var(--button-min-height-large);
    padding: var(--button-padding-large)
}

.ds-button.ds-button--large.ds-button--iconOnly {
    padding: var(--button-icononly-padding-large)
}

.ds-button.ds-button--large.ds-button--loading:before {
    height: 20px;
    width: 20px
}

.ds-button.ds-button--large img, .ds-button.ds-button--large svg {
    max-height: 24px
}

.ds-button.ds-button--medium {
    font-size: var(--button-font-size-medium);
    line-height: var(--button-line-height-medium);
    min-height: var(--button-min-height-medium);
    padding: var(--button-padding-medium)
}

.ds-button.ds-button--medium.ds-button--iconOnly {
    padding: var(--button-icononly-padding-medium)
}

.ds-button.ds-button--medium.ds-button--loading:before {
    height: 16px;
    width: 16px
}

.ds-button.ds-button--medium img, .ds-button.ds-button--medium svg {
    max-height: 20px
}

.ds-button.ds-button--small {
    font-size: var(--button-font-size-small);
    line-height: var(--button-line-height-small);
    min-height: var(--button-min-height-small);
    padding: var(--button-padding-small)
}

.ds-button.ds-button--small.ds-button--iconOnly {
    padding: var(--button-icononly-padding-small)
}

.ds-button.ds-button--small.ds-button--loading:before {
    height: 14px;
    width: 14px
}

.ds-button.ds-button--small img, .ds-button.ds-button--small svg {
    max-height: 18px
}

.ds-button.ds-button--social {
    border: 1px solid var(--grey-400);
    color: #1d1c2b;
    text-transform: none
}

.ds-button.ds-button--social:hover {
    border-color: #000
}

.ds-button--fullWidth {
    width: 100%
}

@media (max-width: 479px) {
    .ds-button--fullWidth-xs {
        width: 100%
    }
}

@media (max-width: 767px) {
    .ds-button--fullWidth-sm {
        width: 100%
    }
}

.ds-button {
    align-items: center;
    border-radius: var(--rad);
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-weight: 600;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease;
    white-space: nowrap
}

.ds-button--disabled, .ds-button:disabled {
    cursor: not-allowed;
    opacity: var(--button-disabled-opacity)
}

.ds-button--loading {
    pointer-events: none;
    position: relative
}

.ds-button--loading:before {
    animation: spin 1s linear infinite;
    border-radius: 50%;
    content: "";
    position: absolute
}

.ds-button--loading > * {
    visibility: hidden
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.ts-control {
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 8px;
    position: relative;
    width: 100%;
    z-index: 1
}

.ts-wrapper.multi.has-items .ts-control {
    padding: 6px 8px 3px
}

.full .ts-control {
    background-color: #fff
}

.disabled .ts-control, .disabled .ts-control * {
    cursor: default !important
}

.focus .ts-control {
    box-shadow: none
}

.ts-control > * {
    display: inline-block;
    vertical-align: initial
}

.ts-wrapper.multi .ts-control > div {
    background: #f2f2f2;
    border: 0 solid #d0d0d0;
    color: #303030;
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px
}

.ts-wrapper.multi .ts-control > div.active {
    background: #e8e8e8;
    border: 0 solid #cacaca;
    color: #303030
}

.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
    background: #fff;
    border: 0 solid #fff;
    color: #7d7d7d
}

.ts-control > input {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    display: inline-block !important;
    flex: 1 1 auto;
    line-height: inherit !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    min-height: 0 !important;
    min-width: 7rem;
    padding: 0 !important;
    text-indent: 0 !important;
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.ts-control > input::-ms-clear {
    display: none
}

.ts-control > input:focus {
    outline: none !important
}

.has-items .ts-control > input {
    margin: 0 4px !important
}

.ts-control.rtl {
    padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
    text-align: right
}

.ts-control.rtl.single .ts-control:after {
    left: 15px;
    right: auto
}

.ts-control.rtl .ts-control > input {
    margin: 0 4px 0 -2px !important
}

.disabled .ts-control {
    background-color: #fafafa;
    opacity: .5
}

.input-hidden .ts-control > input {
    left: -10000px;
    opacity: 0;
    position: absolute
}

.ts-dropdown {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 3px 3px;
    border-top: 0;
    box-shadow: 0 1px 3px #0000001a;
    box-sizing: border-box;
    left: 0;
    margin: .25rem 0 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10
}

.ts-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.ts-dropdown [data-selectable] .highlight {
    background: #7da8d033;
    border-radius: 1px
}

.ts-dropdown .create, .ts-dropdown .no-results, .ts-dropdown .optgroup-header, .ts-dropdown .option {
    padding: 5px 8px
}

.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: .5
}

.ts-dropdown [data-selectable].option {
    cursor: pointer;
    opacity: 1
}

.ts-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0
}

.ts-dropdown .optgroup-header {
    background: #fff;
    color: #303030;
    cursor: default
}

.ts-dropdown .active {
    background-color: #f5fafd;
    color: #495c68
}

.ts-dropdown .active.create {
    color: #495c68
}

.ts-dropdown .create {
    color: #30303080
}

.ts-dropdown .spinner {
    display: inline-block;
    height: 30px;
    margin: 5px 8px;
    width: 30px
}

.ts-dropdown .spinner:after {
    animation: lds-dual-ring 1.2s linear infinite;
    border-color: #d0d0d0 #0000;
    border-radius: 50%;
    border-style: solid;
    border-width: 5px;
    content: " ";
    display: block;
    height: 24px;
    margin: 3px;
    width: 24px
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.ts-dropdown-content {
    max-height: 200px;
    overflow: hidden auto;
    scroll-behavior: smooth
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
    color: #0000 !important
}

.ts-wrapper.plugin-drag_drop .ts-dragging > * {
    visibility: hidden !important
}

.plugin-checkbox_options:not(.rtl) .option input {
    margin-right: .5rem
}

.plugin-checkbox_options.rtl .option input {
    margin-left: .5rem
}

.plugin-clear_button {
    --ts-pr-clear-button: 1em
}

.plugin-clear_button .clear-button {
    background: #0000 !important;
    cursor: pointer;
    margin-right: 0 !important;
    opacity: 0;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .5s
}

.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
    right: max(var(--ts-pr-caret), 8px)
}

.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
    opacity: 1
}

.ts-wrapper .dropdown-header {
    background: color-mix(#fff, #d0d0d0, 85%);
    border-bottom: 1px solid #d0d0d0;
    border-radius: 3px 3px 0 0;
    padding: 10px 8px;
    position: relative
}

.ts-wrapper .dropdown-header-close {
    color: #303030;
    font-size: 20px !important;
    line-height: 20px;
    margin-top: -12px;
    opacity: .4;
    position: absolute;
    right: 8px;
    top: 50%
}

.ts-wrapper .dropdown-header-close:hover {
    color: #000
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
    border: 1px solid #d0d0d0;
    box-shadow: none
}

.plugin-dropdown_input .dropdown-input {
    background: #0000;
    border: solid #d0d0d0;
    border-width: 0 0 1px;
    box-shadow: none;
    display: block;
    padding: 8px;
    width: 100%
}

.plugin-dropdown_input .items-placeholder {
    border: 0 !important;
    box-shadow: none !important;
    width: 100%
}

.plugin-dropdown_input.dropdown-active .items-placeholder, .plugin-dropdown_input.has-items .items-placeholder {
    display: none !important
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
    min-width: 0
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
    flex: none;
    min-width: 4px
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
    color: #0000
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
    display: flex
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0
}

.ts-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0
}

.ts-wrapper.plugin-remove_button .item {
    align-items: center;
    display: inline-flex
}

.ts-wrapper.plugin-remove_button .item .remove {
    border-radius: 0 2px 2px 0;
    box-sizing: border-box;
    color: inherit;
    display: inline-block;
    padding: 0 6px;
    text-decoration: none;
    vertical-align: middle
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
    background: #0000000d
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
    background: none
}

.ts-wrapper.plugin-remove_button .remove-single {
    font-size: 23px;
    position: absolute;
    right: 0;
    top: 0
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
    padding-right: 0 !important
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
    border-left: 1px solid #d0d0d0;
    margin-left: 6px
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
    border-left-color: #cacaca
}

.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
    border-left-color: #fff
}

.ts-wrapper.plugin-remove_button.rtl .item {
    padding-left: 0 !important
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
    border-right: 1px solid #d0d0d0;
    margin-right: 6px
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
    border-right-color: #cacaca
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
    border-right-color: #fff
}

:root {
    --ts-pr-clear-button: 0px;
    --ts-pr-caret: 0px;
    --ts-pr-min: .75rem
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
    cursor: pointer
}

.ts-control:not(.rtl) {
    padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important
}

.ts-wrapper {
    position: relative
}

.ts-control, .ts-control input, .ts-dropdown {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px
}

.ts-control, .ts-wrapper.single.input-active .ts-control {
    background: #fff;
    cursor: text
}

.ts-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.ds-darkTheme .ds-formTomSelect .ts-control {
    background-color: #0000 !important
}

.ds-darkTheme .ds-formTomSelect .ts-control:after {
    filter: invert(1) brightness(2)
}

.ds-darkTheme .ds-formTomSelect .ts-control .item, .ds-darkTheme .ds-formTomSelect .ts-control input {
    color: #fff
}

.ds-darkTheme .ds-formTomSelect .ts-control input::placeholder {
    color: inherit
}

.ds-formTomSelect {
    align-items: center;
    border: 1px solid var(--grey-400);
    border-radius: var(--rad);
    display: flex;
    margin-bottom: 0;
    min-height: 38px;
    padding: 0 16px;
    width: 100%
}

.ds-formTomSelect.ds-formTomSelect--medium {
    min-height: 40px
}

.ds-formTomSelect .ts-dropdown {
    border: 1px solid var(--grey-400);
    border-radius: var(--rad)
}

.ds-formTomSelect .ts-dropdown-content {
    padding: 8px 0
}

.ds-formTomSelect .ts-control {
    border: none;
    color: #000;
    font-size: 16px;
    padding: 0;
    position: relative
}

.ds-formTomSelect .ts-control input {
    color: #000;
    font-size: 16px;
    height: 18px
}

.ds-formTomSelect .ts-control .item {
    margin-right: 8px
}

.ds-formTomSelect .ts-control:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSI3LjQzNCI+PHBhdGggZD0iTS4zMTIuMzE2YTEuMDc2IDEuMDc2IDAgMCAwIDAgMS41MTRsNS4zMDcgNS4yOTJhMS4wNyAxLjA3IDAgMCAwIDEuNDc1LjAzM2w1LjIzLTUuMjEzQTEuMDY5IDEuMDY5IDAgMSAwIDEwLjgxNS40MjhMNi4zMjMgNC44NTQgMS44MjUuMzExQTEuMDcgMS4wNyAwIDAgMCAuMzExLjMxN3oiIHN0eWxlPSJmaWxsOiMyNTI1MjUiLz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 8px;
    position: absolute;
    right: 0;
    top: 6px;
    transform: rotate(0);
    width: 14px
}

.ds-formTomSelect.disabled .ts-control {
    background-color: #fff;
    opacity: 1
}

.ds-formTomSelect .optgroup:not(:last-child) {
    margin-bottom: 12px
}

.ds-formTomSelect .optgroup-header {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 16px
}

.ds-formTomSelect .option {
    color: #000;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 16px
}

.ds-formTomSelect .option.active, .ds-formTomSelect .option.selected, .ds-formTomSelect .option:hover {
    background-color: var(--grey-100)
}

.dropdown-active .ts-control:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSI3LjQzNCI+PHBhdGggZD0iTS4zMTIuMzE2YTEuMDc2IDEuMDc2IDAgMCAwIDAgMS41MTRsNS4zMDcgNS4yOTJhMS4wNyAxLjA3IDAgMCAwIDEuNDc1LjAzM2w1LjIzLTUuMjEzQTEuMDY5IDEuMDY5IDAgMSAwIDEwLjgxNS40MjhMNi4zMjMgNC44NTQgMS44MjUuMzExQTEuMDcgMS4wNyAwIDAgMCAuMzExLjMxN3oiIHN0eWxlPSJmaWxsOiMyNTI1MjUiLz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 8px;
    transform: rotate(180deg);
    width: 14px
}

.ds-darkTheme .ds-formInput {
    background-color: #0000;
    color: #fff !important
}

.ds-darkTheme .ds-formInput::placeholder {
    color: #fff !important
}

.ds-formInput {
    border: 1px solid var(--grey-400) !important;
    border-radius: var(--rad);
    font-size: 16px;
    margin: 0 !important;
    min-height: 38px;
    padding: 8px 16px;
    width: 100%
}

.ds-formInput--large {
    min-height: 48px
}

.ds-formInput--medium {
    min-height: 40px
}

.ds-formInput--darkTheme {
    background-color: #0000;
    color: #fff !important
}

.ds-formInput--darkTheme::placeholder {
    color: #fff !important
}

.ds-darkTheme .ds-formCheckbox input, .ds-darkTheme .ds-formCheckbox input:checked {
    background-color: #0000
}

.ds-formCheckbox--small {
    column-gap: 8px;
    grid-template-columns:15px auto
}

.ds-formCheckbox--small small {
    font-size: 10px;
    line-height: 14px
}

.ds-formCheckbox--small input {
    height: 16px;
    width: 16px
}

.ds-formCheckbox--small input:checked:before {
    transform: scale(.7)
}

.ds-formCheckbox--center {
    align-items: center
}

.ds-formCheckbox--top {
    align-items: top
}

.ds-formCheckbox {
    column-gap: 16px;
    display: grid;
    grid-template-columns:20px auto
}

.ds-formCheckbox small {
    font-size: 12px;
    line-height: 16px
}

.ds-formCheckbox div {
    font-size: 16px;
    line-height: 16px
}

.ds-formCheckbox input {
    appearance: none;
    background-color: #fff;
    border: 1px solid var(--grey-400);
    border-radius: var(--rad);
    display: grid;
    height: 20px;
    margin: 2px 0 0;
    padding-bottom: 2px !important;
    place-content: center;
    width: 20px
}

.ds-formCheckbox input:checked {
    background-color: #000
}

.ds-formCheckbox input:checked:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy43IiBoZWlnaHQ9IjkuOSI+PHBhdGggZD0iTTE0LjIgMjAuNGExIDEgMCAwIDAgLjMgMCAxIDEgMCAwIDAgLjQtLjNsNy45LThhMSAxIDAgMCAwIC4zLS42IDEgMSAwIDAgMC0uMy0uNyAxIDEgMCAwIDAtMS40IDBMMTQuMiAxOCAxMSAxNWExIDEgMCAwIDAtLjYtLjMuOS45IDAgMCAwLS43LjMgMSAxIDAgMCAwIDAgMS40bDMuOCAzLjhhMSAxIDAgMCAwIC4zLjIgMSAxIDAgMCAwIC40LjF6IiBkYXRhLW5hbWU9Ikdyb3VwIDk2MjkiIHN0eWxlPSJmaWxsOiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05LjQgLTEwLjUpIi8+PC9zdmc+)
}

.ds-formCheckbox--disable {
    opacity: .5;
    pointer-events: none
}

.ds-formCheckbox--darkTheme input, .ds-formCheckbox--darkTheme input:checked {
    background-color: #0000
}

.ds-darkTheme .ds-message {
    color: #000
}

.ds-message {
    border-left-style: solid;
    border-left-width: 4px;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 20px;
    padding: 16px
}

.ds-message a {
    color: #000;
    font-size: inherit !important;
    text-decoration: underline
}

@media (min-width: 768px) {
    .ds-message {
        margin-bottom: 28px;
        padding: 20px
    }
}

.ds-message--info {
    background-color: var(--info);
    border-color: var(--info-border);
    border-radius: var(--rad);
    column-gap: 16px;
    display: flex
}

.ds-message--info:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBzdHJva2U9IiM3ODhGQTYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xMiAyMmM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwUzE3LjUyMyAyIDEyIDIgMiA2LjQ3NyAyIDEyczQuNDc3IDEwIDEwIDEwbTAtNnYtNG0wLTRoLjAxIi8+PC9zdmc+)
}

.ds-message--warning {
    background-color: var(--warning);
    border-color: var(--warning-border);
    border-radius: var(--rad);
    column-gap: 16px;
    display: flex
}

.ds-message--warning:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBzdHJva2U9IiNFNzY1MDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xMC4yOSAzLjg2IDEuODIgMThhMiAyIDAgMCAwIDEuNzEgM2gxNi45NGEyIDIgMCAwIDAgMS43MS0zTDEzLjcxIDMuODZhMiAyIDAgMCAwLTMuNDIgME0xMiA5djRtMCA0aC4wMSIvPjwvc3ZnPg==)
}

.ds-message--error {
    background-color: var(--error);
    border-color: var(--error-border);
    border-radius: var(--rad);
    column-gap: 16px;
    display: flex
}

.ds-message--error:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBzdHJva2U9IiNCQzA3MEUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0xMiAyMmM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwUzE3LjUyMyAyIDEyIDIgMiA2LjQ3NyAyIDEyczQuNDc3IDEwIDEwIDEwbTAtMTR2NG0wIDRoLjAxIi8+PC9zdmc+)
}

.ds-message--success {
    background-color: var(--success);
    border-color: var(--success-border);
    border-radius: var(--rad);
    column-gap: 16px;
    display: flex
}

.ds-message--success:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBzdHJva2U9ImdyZWVuIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTIgMjJjNS41IDAgMTAtNC41IDEwLTEwUzE3LjUgMiAxMiAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIi8+PHBhdGggc3Ryb2tlPSJncmVlbiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0ibTkgMTIuNDUgMS45NSAxLjk1TDE1LjUgMTAiLz48L3N2Zz4=)
}

.ds-formSelectWrapper {
    display: inline-block;
    position: relative;
    width: 100%
}

.ds-formSelectWrapper:after {
    content: url(/build/dropdown-picker.svg?654890b6);
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 50%
}

.ds-formSelectWrapper:focus-within:after {
    margin-top: -12px;
    transform: rotate(180deg)
}

.ds-formSelect {
    align-items: center;
    appearance: none;
    background: #0000;
    border: 1px solid var(--grey-400);
    border-radius: var(--rad);
    display: flex;
    margin-bottom: 0;
    min-height: 32px;
    padding: 0 16px;
    position: relative;
    width: 100%
}

.ds-formSelect.ds-formSelect--medium {
    min-height: 40px
}

.ds-formLabel {
    color: var(--grey-700);
    font-size: 14px
}

.ds-formLabel--helper {
    align-items: center;
    column-gap: 8px;
    display: flex
}

.ds-formLabel--helper span {
    position: relative
}

.ds-formLabel--helper span img {
    display: block
}

.ds-formGroup {
    display: grid;
    margin-bottom: 24px;
    row-gap: 8px
}

@media (min-width: 768px) {
    .hideInDesktop {
        display: none
    }
}

@media (max-width: 767px) {
    .hideInMobile {
        display: none
    }
}

.disableScroll {
    overflow: hidden
}

body, html {
    min-height: 100%
}

body {
    margin: 0 auto;
    max-width: 1380px;
    min-width: 320px
}

html {
    background-color: var(--grey-400)
}

#container {
    background: #fff;
    padding: 20px
}

@media (min-width: 1024px) {
    #container {
        padding: var(--grid-side-padding-desktop)
    }
}

@media (min-width: 962px) {
    #container {
        display: grid
    }

    #container #main {
        grid-area: main;
        position: relative
    }

    #container #sideBar {
        grid-area: sidebar
    }
}

#container:not(.wide) {
    column-gap: 20px
}

@media (min-width: 962px) {
    #container:not(.wide) {
        grid-template-areas:"main sidebar";
        grid-template-columns:1fr 300px
    }

    #container #main {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    #container #sideBar {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }
}

@media (min-width: 1024px) {
    #container:not(.wide) {
        column-gap: var(--grid-side-padding-desktop)
    }
}

@media (min-width: 962px) {
    #container.wide {
        grid-template-areas:"main"
    }

    #container.wide > #main {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
}

.navbar__logo {
    grid-area: navbar__logo
}

.navbar__logo h1 {
    line-height: 0;
    margin: 0
}


@media (min-width: 1024px) {
    .navbar__logo a {
        background-position: var(--grid-side-padding-desktop) center
    }
}

@media (max-width: 1023px) {
    .navbar__logo a {
        background-position: 18px
    }
}

@media (min-width: 1171px) {
    .navbar__logo a {
        background-size: 200px 30px;
        display: inline-block;
        width: 240px
    }
}

@media (max-width: 1170px) {
    .navbar__logo a {
        background-size: 160px 23px;
        display: block
    }
}

@media (min-width: 1171px) {
    .navbar__toggle {
        display: none
    }
}

@media (max-width: 1170px) {
    .navbar__toggle {
        cursor: pointer;
        display: block;
        grid-area: navbar__toggler;
        height: var(--navbar-height);
        position: relative;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        width: 60px
    }

    .navbar__toggle i {
        background-color: #000;
        border-radius: 3px;
        height: 2px;
        left: 20px;
        pointer-events: none;
        position: absolute;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
        width: 20px
    }

    .navbar__toggle i:first-child {
        top: 22px
    }

    .navbar__toggle i:nth-child(2), .navbar__toggle i:nth-child(3) {
        top: 28px
    }

    .navbar__toggle i:nth-child(4) {
        top: 34px
    }

    .activeMenu .navbar__toggle i:first-child {
        left: 50%;
        top: 28px;
        width: 0
    }

    .activeMenu .navbar__toggle i:nth-child(2) {
        top: 30px;
        transform: rotate(45deg)
    }

    .activeMenu .navbar__toggle i:nth-child(3) {
        top: 30px;
        transform: rotate(-45deg)
    }

    .activeMenu .navbar__toggle i:nth-child(4) {
        left: 50%;
        top: 28px;
        width: 0
    }
}

@media (max-width: 500px) {
    .navbar__features .navbar__feature {
        min-width: 17vw
    }
}

@media (max-width: 1170px) {
    .navbar__features {
        margin: 0 -20px;
        overflow-x: scroll;
        padding-bottom: 15px;
        position: relative;
        scroll-snap-type: x mandatory
    }

    .navbar__features > .navbar__features__scroll {
        display: inline-flex;
        padding: 0 20px 0 0
    }

    .navbar__features .navbar__feature {
        margin-left: 20px;
        padding: 0 5px;
        scroll-snap-align: center;
        white-space: nowrap
    }

    .navbar--userMenuOn .navbar__features {
        display: none
    }
}

@media (min-width: 1171px) {
    .navbar__features > .navbar__features__scroll {
        align-items: center;
        column-gap: var(--navbar-desktop-features-gap);
        display: flex;
        flex-direction: row;
        height: var(--navbar-height);
        position: absolute;
        right: var(--grid-side-padding-desktop);
        top: 0
    }
}

.navbar__feature {
    cursor: pointer
}

@media (min-width: 1171px) {
    .navbar__feature[data-nav=navbarModerate] {
        order: 5
    }

    .navbar__feature[data-nav=navbarGeo] {
        order: 6
    }

    .navbar__feature[data-nav=avatarOff], .navbar__feature[data-nav=avatar] {
        order: 7
    }

    .navbar__feature[data-nav=navbarWsop] img {
        width: 36px
    }

    .navbar__feature[data-nav=navbarPlayNow] img {
        width: 25px
    }

    .navbar__feature[data-nav=navbarSports] img {
        width: 27px
    }
}

.navbar__feature .navbar__ico {
    max-width: none;
    vertical-align: middle
}

@media (min-width: 1171px) {
    .navbar__feature .navbar__ico {
        height: 22px;
        width: 22px
    }
}

@media (max-width: 1170px) {
    .navbar__feature .navbar__ico {
        display: block;
        margin: 0 auto 10px
    }
}

.navbar__feature[data-nav=navbarModerate] {
    color: #fff
}

@media (max-width: 1170px) {
    .navbar__feature[data-nav=navbarModerate] {
        background: var(--orange-500)
    }
}

@media (min-width: 1171px) {
    .navbar__feature[data-nav=navbarModerate] {
        align-items: center;
        align-self: stretch;
        background-color: var(--orange-500);
        box-shadow: 10px 0 0 0 var(--orange-500), -10px 0 0 0 var(--orange-500)
    }

    .navbar__feature[data-nav=navbarModerate]:hover {
        background-color: var(--orange-600);
        box-shadow: 10px 0 0 0 var(--orange-600), -10px 0 0 0 var(--orange-600);
        color: #fff
    }
}

.navbar__feature[data-nav=navbarModerate] .navbar__ico {
    filter: invert(1)
}

@media (max-width: 1170px) {
    .navbar__feature[data-nav=navbarModerate] .navbar__ico {
        position: relative;
        top: 5px
    }
}

.navbar__feature[data-nav=avatar] .avatarWrapper {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.navbar__feature[data-nav=avatar] .navbar__ico {
    border-radius: 50%;
    vertical-align: top
}

@media (min-width: 1171px) {
    .navbar__feature {
        column-gap: 6px;
        display: flex
    }
}

@media (max-width: 1170px) {
    .navbar__feature {
        text-align: center
    }
}

.navbar__feature > span {
    display: block
}

@media (min-width: 1171px) {
    .navbar__search__spyGlass {
        display: none
    }
}

@media (max-width: 1170px) {
    .navbar__search__spyGlass {
        display: flex;
        justify-content: center
    }

    .navbar__search__spyGlass span {
        display: none
    }

    .navbar__search__spyGlass img.navbar__ico {
        height: 20px;
        margin: 0;
        width: 20px
    }
}

@media (min-width: 1171px) {
    .navbar__search__results__offer {
        margin-bottom: 24px
    }
}

.navbar__search__results__offer b {
    color: var(--grey-700);
    display: block;
    font-weight: 400;
    margin-bottom: 20px
}

.navbar__search__results__offer ul {
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.navbar__search__results__offer ul a {
    column-gap: 12px;
    display: flex;
    line-height: 22px
}

.navbar__search__results__offer ul a:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtOCAxMSA1LTVtMCAwTDggMW01IDVIMSIvPjwvc3ZnPg==);
    height: 10px;
    opacity: .5;
    width: 12px
}

.navbar__search__results__offer ul a:hover {
    text-decoration: underline
}

.navbar__search__results__offer ul a:hover:before {
    opacity: 1
}

.navbar__search__results__filterScrollWrapper {
    overflow-y: auto;
    padding-left: 20px;
    padding-right: 8px;
    scroll-snap-type: x mandatory
}

@media (min-width: 1171px) {
    .navbar__search__results__filterScrollWrapper {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 18px
    }
}

.navbar__search__results__filterScrollWrapper::-webkit-scrollbar {
    display: none
}

.navbar__search__results__filter {
    align-items: flex-end;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    white-space: nowrap
}

.navbar__search__results__filter button {
    margin-right: 12px
}

.navbar__search__results__item {
    align-items: center;
    color: var(--grey-700);
    column-gap: 12px;
    display: grid;
    grid-template-columns:46px auto
}

.navbar__search__results__item:not(:last-child) {
    margin-bottom: 20px
}

.navbar__search__results__item:focus, .navbar__search__results__item:hover {
    color: #000;
    outline: none
}

.navbar__search__results__item:focus .navbar__search__results__item__title, .navbar__search__results__item:hover .navbar__search__results__item__title {
    text-decoration: underline
}

.navbar__search__results__item:focus:before, .navbar__search__results__item:hover:before {
    opacity: 1
}

.navbar__search__results__item div b {
    color: #000
}

.navbar__search__results__item div .navbar__search__results__item__title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.navbar__search__results__item div .navbar__search__results__item__type {
    display: block;
    font-size: 12px
}

.navbar__search__results__item img {
    background-color: var(--grey-200);
    border-radius: var(--rad);
    justify-self: center
}

.navbar__search__results__item--player img {
    border-radius: 50%
}

.navbar__search__results__item--noImage:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtOCAxMSA1LTVtMCAwTDggMW01IDVIMSIvPjwvc3ZnPg==);
    height: 10px;
    justify-self: center;
    opacity: .5;
    position: relative;
    top: -5px;
    width: 12px
}

.navbar__search__results__viewAll {
    border-top: 1px solid var(--grey-400);
    display: block;
    margin: 0 -24px;
    padding: 20px 24px;
    text-align: center
}

.navbar__search__suggestionDropdown {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    z-index: 2
}

@media (min-width: 1171px) {
    .navbar__search__suggestionDropdown {
        border: 1px solid var(--grey-400);
        border-radius: var(--rad);
        left: 0;
        padding: 24px 24px 0;
        position: absolute;
        right: 80px;
        row-gap: 30px;
        top: calc(var(--navbar-height) - 4px)
    }

    .site-en .navbar__search__suggestionDropdown {
        right: 66px
    }
}

@media (max-width: 1170px) {
    .navbar__search__suggestionDropdown {
        inset: 0;
        position: fixed;
        row-gap: 20px
    }
}

.navbar__search__results__section {
    font-size: 16px
}

@media (min-width: 1171px) {
    .navbar__search__results__section {
        margin-right: -18px;
        overflow-y: auto
    }

    .navbar__search__results__section::-webkit-scrollbar {
        height: 6px;
        width: 6px
    }

    .navbar__search__results__section::-webkit-scrollbar-track {
        background: #0000
    }

    .navbar__search__results__section::-webkit-scrollbar-thumb {
        background-color: #0003;
        border-radius: 10px;
        -webkit-transition: background-color .2s ease;
        transition: background-color .2s ease
    }

    .navbar__search__results__section:hover::-webkit-scrollbar-thumb:hover {
        background-color: #0006
    }
}

@media (max-width: 1170px) {
    .navbar__search__results__section {
        padding: 0 20px
    }
}

@media (max-width: 1170px) {
    .navbar__search__results {
        height: 100%;
        overflow-y: auto
    }
}

.navbar__search__results__wrapper.has-suggestions {
    display: grid;
    grid-template-rows:32px 1fr 62px;
    row-gap: 20px
}

@media (min-width: 1171px) {
    .navbar__search__results__wrapper {
        height: 100%;
        max-height: calc(100vh - 230px);
        min-height: 180px
    }
}

@media (max-width: 1170px) {
    .navbar__search__results__wrapper {
        max-height: calc(100vh - 81px)
    }

    .navbar__search__results__wrapper .preloaderBox {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width: 1170px) {
    .navbar__search__form--desktop {
        display: none
    }
}

@media (min-width: 1171px) {
    .navbar__search__form--desktop .navbar__search__close {
        display: none
    }

    .site-en .navbar__search__form--desktop .navbar__search__close {
        min-width: auto !important
    }

    .navbar__search__form--desktop .navbar__search__input.ds-formInput {
        width: var(--default-search-width)
    }
}

@media (min-width: 1171px) {
    .navbar__search__form--dropdown {
        display: none
    }
}

@media (max-width: 1170px) {
    .navbar__search__form--dropdown {
        border-bottom: 1px solid var(--grey-400);
        display: grid;
        grid-template-areas:"close input";
        grid-template-columns:auto 1fr;
        padding: 10px 0
    }
}

.navbar__search__form__inputGroup {
    grid-area: input;
    position: relative
}

@media (max-width: 1170px) {
    .navbar__search__form__inputGroup {
        display: grid;
        grid-template-columns:1fr auto
    }
}

@media (min-width: 1171px) {
    .navbar__search__form__inputGroup:before {
        background-image: url(/build/suggestion-spyglass.svg?aa814ecb);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 18px;
        bottom: 0;
        content: "";
        left: 16px;
        position: absolute;
        top: 0;
        width: 18px
    }
}

.navbar__search__input.ds-formInput {
    min-height: 40px
}

@media (min-width: 1171px) {
    .navbar__search__input.ds-formInput {
        padding-left: 46px
    }

    .navbar__search__input.ds-formInput:focus {
        border-color: #000 !important
    }
}

@media (max-width: 1170px) {
    .navbar__search__input.ds-formInput {
        border: none !important;
        padding-left: 0;
        padding-right: 0
    }
}

.navbar__search__close {
    grid-area: close
}

@media (max-width: 1170px) {
    .navbar__search__form__inputGroup {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .navbar__search__close {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
}

@media (max-width: 1170px) {
    .navbar__search__close {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNiAxIDEgNm0wIDAgNSA1TTEgNmgxMiIvPjwvc3ZnPg==);
        background-position: 50%;
        background-repeat: no-repeat;
        width: 54px
    }

    .navbar__search__close span {
        opacity: 0
    }
}

.navbar__search__clear {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNLjI0LjI0YS44LjggMCAwIDEgMS4xMyAwTDcgNS44NiAxMi42My4yNGEuOC44IDAgMCAxIDEuMTMgMS4xM0w4LjE0IDdsNS42MiA1LjYzYS44LjggMCAxIDEtMS4xMyAxLjEzTDcgOC4xNGwtNS42MyA1LjYyYS44LjggMCAxIDEtMS4xMy0xLjEzTDUuODYgNyAuMjQgMS4zN2EuOC44IDAgMCAxIDAtMS4xMyIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 50%;
    border: none;
    font-size: 0;
    height: 40px;
    opacity: .5;
    padding: 0
}

.navbar__search__clear:hover {
    opacity: 1
}

@media (min-width: 1171px) {
    .navbar__search__clear {
        position: absolute;
        right: 0;
        top: 0;
        width: 40px
    }
}

@media (max-width: 1170px) {
    .navbar__search__clear {
        width: 54px
    }
}

.navbar__search__preloader {
    border: 1px solid var(--grey-400) !important;
    border-radius: var(--rad)
}

@media (min-width: 1171px) {
    .navbar__search__preloader {
        --preloader-box-width: var(--default-search-width)
    }
}

@media (max-width: 1170px) {
    .navbar__search__preloader {
        --preloader-box-width: 20px
    }
}

:root {
    --default-search-width: 300px;
    --narrow-search-width: 170px
}

.isAdmBox .navbar, .navbar.navbar--geoEnabled {
    --default-search-width: var(--narrow-search-width)
}

.navbar__search__wrapper {
    align-items: center;
    display: flex;
    grid-area: navbar__search;
    height: calc(var(--navbar-height) - 1px)
}

@media (min-width: 1171px) {
    .navbar__search__wrapper {
        backface-visibility: hidden;
        background: #fff;
        display: grid;
        grid-area: unset;
        position: absolute;
        right: calc(var(--featuread-width) + var(--grid-side-padding-desktop) + var(--navbar-desktop-features-gap));
        top: 0;
        transition: right .3s ease, width .3s ease;
        width: var(--default-search-width);
        will-change: right, width;
        z-index: 2
    }
}

@media (min-width: 1171px) {
    .navbar__search__preloader.desktopHide {
        display: none
    }
}

@media (max-width: 1170px) {
    .activeSearch {
        overflow: hidden
    }
}

.activeSearch #container, .activeSearch .liveNowTop, .activeSearch .navbar__menu {
    filter: brightness(.7)
}

@media (min-width: 1171px) {
    .activeSearch .navbar__search__wrapper {
        right: 30px;
        width: calc(100% - 290px)
    }

    .activeSearch .navbar__search__wrapper .navbar__search__input.ds-formInput {
        width: 100%
    }

    .activeSearch .navbar__search__wrapper .navbar__search__close {
        display: block;
        min-width: 50px
    }

    .activeSearch .navbar__search__wrapper .navbar__search__form--desktop {
        column-gap: 30px;
        display: grid;
        grid-template-areas:"input close";
        grid-template-columns:1fr auto
    }

    .activeSearch .navbar__search__wrapper .navbar__search__form--desktop > .navbar__search__form__inputGroup {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .activeSearch .navbar__search__wrapper .navbar__search__form--desktop > .navbar__search__close {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
}

.navbar__menu .dropdownMenu a {
    color: #000
}

.navbar__menu .dropdownMenu__contentWrapper a:hover {
    text-decoration: underline
}

.navbar__menu .dropdownMenu__casino-strategy li:first-child {
    display: none
}

@media (min-width: 1171px) {
    .navbar__menu > ul {
        background-color: #fff;
        box-shadow: 0 1px 0 var(--grey-400), 0 -1px 0 var(--grey-400);
        display: flex;
        justify-content: left;
        padding: 0 var(--grid-side-padding-desktop)
    }

    .site-en .navbar__menu > ul {
        align-items: center;
    }

    .navbar__menu > ul > li {
        cursor: pointer;
        margin: 10px;
    }

    .site-en .navbar__menu > ul > li {
        justify-content: space-between
    }

    .navbar__menu > ul > li > b {
        pointer-events: none
    }

    .navbar__menu > ul > li > a, .navbar__menu > ul > li > b {
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 50px;
        margin-right: 30px
    }

    .site-en .navbar__menu > ul > li > a, .site-en .navbar__menu > ul > li > b {
        margin-right: 0
    }

    .navbar__menu > ul > li.active > a, .navbar__menu > ul > li.active > b, .navbar__menu > ul > li.on > a, .navbar__menu > ul > li.on > b, .navbar__menu > ul > li:hover > a, .navbar__menu > ul > li:hover > b {
        display: block;
        position: relative;
        text-decoration: none
    }

    .navbar__menu > ul > li.active > a:after, .navbar__menu > ul > li.active > b:after, .navbar__menu > ul > li.on > a:after, .navbar__menu > ul > li.on > b:after, .navbar__menu > ul > li:hover > a:after, .navbar__menu > ul > li:hover > b:after {
        background-color: #000;
        bottom: -1px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .navbar__menu > ul > li .dropdownMenu {
        display: none
    }

    .navbar__menu > ul > li.on .dropdownMenu {
        background-color: #fff;
        box-shadow: 0 1px 6px 0 #0000001f;
        column-gap: 2vw;
        cursor: auto;
        display: grid;
        grid-template-areas:"submenu contentWrapper";
        grid-template-columns:1fr 4fr;
        left: 0;
        margin-top: 1px;
        padding: var(--grid-side-padding-desktop);
        position: absolute;
        top: 100%;
        width: 100%
    }

    .navbar__menu > ul > li.on .dropdownMenu__contentWrapper {
        column-gap: 2vw;
        display: grid;
        grid-area: contentWrapper;
        grid-template-areas:"content1 content2";
        grid-template-columns:1fr 1fr;
        position: relative
    }

    .navbar__menu > ul > li.on .dropdownMenu__contentWrapper.noFirstColumn {
        column-gap: 0;
        grid-template-columns:0 1fr
    }

    .navbar__menu > ul > li.on .dropdownMenu__contentWrapper.noSecondColumn {
        column-gap: 0;
        grid-template-columns:1fr 0
    }

    .navbar__menu > ul > li.on .dropdownMenu__contentWrapper > div {
        max-width: 500px
    }

    .navbar__menu > ul > li.on .dropdownMenu__content1 {
        grid-area: content1
    }

    .navbar__menu > ul > li.on .dropdownMenu__content2 {
        grid-area: content2
    }

    .navbar__menu > ul > li.on .dropdownMenu__submenu {
        grid-area: submenu
    }

    .navbar__menu > ul > li.on .dropdownMenu__submenu a {
        display: inline-block;
        font-size: 16px;
        line-height: 22px
    }

    .navbar__menu > ul > li.on .dropdownMenu__submenu li:not(:last-child) a {
        margin-bottom: 15px
    }

    .navbar__menu > ul > li.on .dropdownMenu__submenu li.on a, .navbar__menu > ul > li.on .dropdownMenu__submenu li:hover a {
        text-decoration: underline
    }
}

@media (min-width: 1171px) {
    .navbar__menu > ul > li.on .dropdownMenu__content1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .navbar__menu > ul > li.on .dropdownMenu__content2 {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
}

@media (min-width: 1171px) {
    .navbar__menu > ul > li.on .dropdownMenu__contentWrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .navbar__menu > ul > li.on .dropdownMenu__submenu {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
}

@media (max-width: 1170px) {
    .navbar--searchOn .navbar__menu, .navbar--userMenuOn .navbar__menu {
        opacity: 0
    }

    .navbar__menu > ul {
        border-top: 1px solid var(--grey-400)
    }

    .navbar__menu > ul > li {
        border-bottom: 1px solid var(--grey-400);
        font-size: 16px;
        position: relative
    }

    .navbar__menu > ul > li:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSI3LjQzNCI+PHBhdGggZD0iTS4zMTIuMzE2YTEuMDc2IDEuMDc2IDAgMCAwIDAgMS41MTRsNS4zMDcgNS4yOTJhMS4wNyAxLjA3IDAgMCAwIDEuNDc1LjAzM2w1LjIzLTUuMjEzQTEuMDY5IDEuMDY5IDAgMSAwIDEwLjgxNS40MjhMNi4zMjMgNC44NTQgMS44MjUuMzExQTEuMDcgMS4wNyAwIDAgMCAuMzExLjMxN3oiIHN0eWxlPSJmaWxsOiMyNTI1MjUiLz48L3N2Zz4=);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 8px;
        position: absolute;
        right: 0;
        top: 24px;
        transform: rotate(0);
        width: 14px
    }

    .navbar__menu > ul > li > a, .navbar__menu > ul > li > b {
        display: block;
        font-weight: 400;
        line-height: 56px;
        pointer-events: none
    }

    .navbar__menu > ul > li .dropdownMenu {
        display: none
    }

    .navbar__menu > ul > li.on:after {
        transform: rotate(180deg)
    }

    .navbar__menu > ul > li.on > a, .navbar__menu > ul > li.on > b {
        font-weight: 600
    }

    .navbar__menu > ul > li.on .dropdownMenu {
        border-left: 1px solid var(--grey-400);
        display: block;
        margin-bottom: 20px
    }

    .navbar__menu > ul > li.on .dropdownMenu__contentWrapper {
        display: none
    }

    .navbar__menu > ul > li.on .dropdownMenu a {
        display: block;
        line-height: 26px;
        margin-bottom: 10px;
        padding-left: 20px
    }

    .navbar__menu > ul > li.on .dropdownMenu .on a {
        font-weight: 600
    }
}

@media (min-width: 1171px) {
    .navbar__userMenu .navbar__userMenu__back {
        display: none
    }
}

@media (max-width: 1170px) {
    .navbar__userMenu .navbar__userMenu__back {
        display: block;
        margin-bottom: 40px;
        padding-left: 20px !important;
        position: relative
    }

    .navbar__userMenu .navbar__userMenu__back:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSI3LjQzNCI+PHBhdGggZD0iTS4zMTIuMzE2YTEuMDc2IDEuMDc2IDAgMCAwIDAgMS41MTRsNS4zMDcgNS4yOTJhMS4wNyAxLjA3IDAgMCAwIDEuNDc1LjAzM2w1LjIzLTUuMjEzQTEuMDY5IDEuMDY5IDAgMSAwIDEwLjgxNS40MjhMNi4zMjMgNC44NTQgMS44MjUuMzExQTEuMDcgMS4wNyAwIDAgMCAuMzExLjMxN3oiIHN0eWxlPSJmaWxsOiMyNTI1MjUiLz48L3N2Zz4=);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 8px;
        left: 0;
        margin-top: -4px;
        position: absolute;
        top: 50%;
        transform: rotate(90deg);
        width: 14px
    }
}

.navbar__userMenu.dropdownMenu {
    cursor: default;
    display: none;
    font-size: 16px;
    padding: 20px;
    position: absolute;
    text-align: left;
    z-index: 2
}

@media (max-width: 1170px) {
    .navbar__userMenu.dropdownMenu {
        left: 0;
        top: 0;
        width: 100%
    }
}

@media (min-width: 1171px) {
    .navbar__userMenu.dropdownMenu {
        background-color: #fff;
        border: 1px solid var(--grey-400);
        border-radius: 4px;
        right: 20px;
        top: 50px;
        width: 340px
    }
}

.navbar__userMenu.dropdownMenu img {
    border-radius: 50%;
    margin-bottom: 0
}

.navbar__userMenu.dropdownMenu header {
    column-gap: 12px;
    display: grid;
    grid-template-columns:43px auto
}

.navbar__userMenu.dropdownMenu header b {
    display: block
}

.navbar__userMenu.dropdownMenu ul {
    border-bottom: 1px solid var(--grey-400);
    border-top: 1px solid var(--grey-400);
    margin: 20px 0;
    padding: 20px 0
}

.navbar__userMenu.dropdownMenu ul li:not(:last-child) {
    margin-bottom: 20px
}

.navbar__userMenu.dropdownMenu ul a {
    background-position: 0;
    background-repeat: no-repeat;
    display: block;
    padding-left: 30px
}

.navbar__userMenu.dropdownMenu ul a.ico__settings {
    background-image: url(/build/usermenu-settings.svg?d8e22c73)
}

.navbar__userMenu.dropdownMenu ul a.ico__myStack {
    background-image: url(/build/mystack_black.svg?1b89638b);
    background-size: 18px
}

.navbar__userMenu.dropdownMenu ul a.ico__cms {
    background-image: url(/build/usermenu-cms.svg?2292ae90)
}

.navbar__userMenu.dropdownMenu ul a.ico__adminMode {
    background-image: url(/build/usermenu-admin.svg?94e5247a)
}

.navbar__userMenu.dropdownMenu ul a.ico__myStable {
    background-image: url(/build/usermenu-myStable.svg?e7b42161);
    background-size: 18px
}

.navbar__userMenu.dropdownMenu .signout {
    display: inline-block
}

.navbar--userMenuOn .navbar__userMenu {
    display: block
}

#saferGambling {
    align-items: center;
    background: var(--primary-500);
    border-bottom: 1px solid var(--grey-300);
    column-gap: 20px;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    #saferGambling {
        padding: 10px 30px
    }
}

@media (max-width: 860px) {
    #saferGambling {
        flex-direction: column
    }
}

#saferGambling .saferGambling__image {
    min-height: 20px
}

@media (max-width: 479px) {
    #saferGambling .saferGambling__image img {
        width: auto
    }
}

@media (min-width: 480px) {
    #saferGambling .saferGambling__image {
        display: flex;
        min-height: 30px
    }
}

#saferGambling div {
    align-items: end;
    display: flex;
    gap: 10px 20px
}

@media (max-width: 479px) {
    #saferGambling div {
        flex-wrap: wrap;
        justify-content: center
    }
}

#saferGambling div img {
    display: block;
    max-height: 30px;
    max-width: 200px
}

@media (max-width: 479px) {
    #saferGambling div img {
        max-height: 20px
    }
}

#saferGambling p {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    margin: 0
}

#saferGambling p a {
    color: #fff
}

@media (max-width: 860px) {
    #saferGambling p {
        margin-bottom: 10px;
        text-align: center
    }
}

@media (max-width: 479px) {
    #saferGambling p {
        font-size: 10px;
        line-height: 12px
    }
}

@media (max-width: 860px) {
    .site-br #saferGambling {
        flex-direction: row
    }

    .site-br #saferGambling p {
        margin-bottom: 0
    }
}

.liveNowTop {
    grid-area: navbar__live;
    z-index: 2
}

.activeMenu .liveNowTop {
    z-index: 0
}

@media (max-width: 1170px) {
    .liveNowTop__label {
        background-color: #fff;
        border: 1px solid var(--red-500);
        border-radius: 15px;
        column-gap: 4px;
        display: grid;
        font-size: 10px;
        font-weight: 700;
        grid-template-columns:auto 14px;
        line-height: 14px;
        margin-right: 20px;
        padding: 4px 4px 4px 8px;
        position: relative;
        text-transform: uppercase
    }

    .liveNowTop__label a {
        color: var(--red-500);
        pointer-events: none
    }

    .liveNowTop__label b {
        background-color: var(--red-500);
        border-radius: 50%;
        color: #fff;
        font-size: 10px;
        line-height: 14px;
        text-align: center
    }

    .liveNowTop__list {
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        top: var(--navbar-height);
        transform: scaleY(.5);
        transform-origin: top;
        width: 100%
    }

    .liveNowTop__list .title, .liveNowTop__list a {
        align-items: center;
        color: inherit;
        display: flex;
        justify-content: space-between;
        padding: 5px 20px
    }

    .liveNowTop__list > li {
        border-bottom: 1px solid #ffffff80
    }

    .liveNowTop__list > li > .title {
        font-weight: 600;
        min-height: 70px
    }

    .liveNowTop__list > li > a.title {
        column-gap: 10px
    }

    .liveNowTop__list > li > a.title b {
        flex: 1 0 0
    }

    .liveNowTop__list > li > a.title:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSI3LjQzNCI+PHBhdGggZD0iTS4zMTIuMzE2YTEuMDc2IDEuMDc2IDAgMCAwIDAgMS41MTRsNS4zMDcgNS4yOTJhMS4wNyAxLjA3IDAgMCAwIDEuNDc1LjAzM2w1LjIzLTUuMjEzQTEuMDY5IDEuMDY5IDAgMSAwIDEwLjgxNS40MjhMNi4zMjMgNC44NTQgMS44MjUuMzExQTEuMDcgMS4wNyAwIDAgMCAuMzExLjMxN3oiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 8px;
        transform: rotate(-90deg);
        width: 14px
    }

    .liveNowTop__list > li > b.title:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSI3LjQzNCI+PHBhdGggZD0iTS4zMTIuMzE2YTEuMDc2IDEuMDc2IDAgMCAwIDAgMS41MTRsNS4zMDcgNS4yOTJhMS4wNyAxLjA3IDAgMCAwIDEuNDc1LjAzM2w1LjIzLTUuMjEzQTEuMDY5IDEuMDY5IDAgMSAwIDEwLjgxNS40MjhMNi4zMjMgNC44NTQgMS44MjUuMzExQTEuMDcgMS4wNyAwIDAgMCAuMzExLjMxN3oiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 8px;
        transform: rotate(0);
        width: 14px
    }

    .liveNowTop__list > li:last-child {
        border-bottom: 0
    }

    .liveNowTop__list > li ul {
        display: none
    }

    .liveNowTop__list > li.on > b.title:after {
        transform: rotate(180deg)
    }

    .liveNowTop__list > li.on ul {
        display: block;
        padding-bottom: 10px
    }

    .liveNowTop__list > li.on ul a {
        column-gap: 20px;
        padding-left: 30px;
        position: relative
    }

    .liveNowTop__list > li.on ul a:before {
        border-bottom: 5px solid #0000;
        border-left: 5px solid var(--primary-500);
        border-top: 5px solid #0000;
        content: "";
        height: 0;
        left: 20px;
        position: absolute;
        top: 13px;
        width: 0
    }

    .liveNowTop__list > li.on ul .streamButton {
        align-self: flex-start;
        top: 2px
    }

    .liveNowTop.open .liveNowTop__label:after {
        border-bottom: 0;
        border-left: 9px solid #0000;
        border-right: 9px solid #0000;
        border-top: 6px solid var(--red-500);
        bottom: -6px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 0
    }

    .liveNowTop.open .liveNowTop__list {
        background-color: #000;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        max-height: 80vh;
        opacity: 1;
        overflow-y: auto;
        overscroll-behavior: contain;
        pointer-events: all;
        transform: scaleY(1)
    }
}

@media (min-width: 1171px) {
    .liveNowTop {
        background-color: #000;
        column-gap: 20px;
        display: grid;
        grid-template-columns:auto 1fr;
        line-height: 34px
    }

    .liveNowTop__label {
        background-color: var(--red-500);
        padding: 0 15px 0 var(--grid-side-padding-desktop);
        position: relative;
        text-transform: uppercase
    }

    .liveNowTop__label a {
        white-space: nowrap
    }

    .liveNowTop__label:after {
        border-bottom: 17px solid #0000;
        border-left: 10px solid var(--red-500);
        border-top: 17px solid #0000;
        content: "";
        height: 0;
        position: absolute;
        right: -10px;
        top: 0;
        width: 0
    }

    .liveNowTop__label b {
        display: none
    }

    .liveNowTop__list {
        display: flex;
        max-width: 1000px
    }

    .liveNowTop__list > li > .title {
        padding-left: 15px;
        padding-right: 15px;
        white-space: nowrap
    }

    .liveNowTop__list > li > a {
        align-items: center;
        column-gap: 8px;
        display: flex
    }

    .liveNowTop__list > li > b.title {
        align-items: center;
        column-gap: 8px;
        cursor: pointer;
        display: flex
    }

    .liveNowTop__list > li > b.title:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSI3LjQzNCI+PHBhdGggZD0iTS4zMTIuMzE2YTEuMDc2IDEuMDc2IDAgMCAwIDAgMS41MTRsNS4zMDcgNS4yOTJhMS4wNyAxLjA3IDAgMCAwIDEuNDc1LjAzM2w1LjIzLTUuMjEzQTEuMDY5IDEuMDY5IDAgMSAwIDEwLjgxNS40MjhMNi4zMjMgNC44NTQgMS44MjUuMzExQTEuMDcgMS4wNyAwIDAgMCAuMzExLjMxN3oiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 6px;
        position: relative;
        top: 1px;
        transform: rotate(0);
        width: 10px
    }

    .liveNowTop__list .hasChilds {
        position: relative
    }

    .liveNowTop__list .hasChilds ul {
        display: none
    }

    .liveNowTop__list .hasChilds.on b.title:after {
        top: 2px;
        transform: rotate(180deg)
    }

    .liveNowTop__list .hasChilds.on ul {
        background-color: #000;
        display: block;
        left: 0;
        padding: 15px 0;
        position: absolute;
        top: 100%;
        z-index: 11
    }

    .liveNowTop__list .hasChilds.on ul a {
        align-items: center;
        column-gap: 20px;
        display: flex;
        justify-content: space-between;
        line-height: 20px;
        padding: 5px 20px 5px 30px;
        position: relative;
        width: 300px
    }

    .liveNowTop__list .hasChilds.on ul a:before {
        border-bottom: 5px solid #0000;
        border-left: 5px solid var(--primary-500);
        border-top: 5px solid #0000;
        content: "";
        height: 0;
        left: 15px;
        position: absolute;
        top: 10px;
        width: 0
    }

    .liveNowTop__list .hasChilds.on ul .streamButton {
        align-self: flex-start;
        top: 2px
    }

    .liveNowTop__list .hasChilds.on.more ul {
        left: auto;
        right: 0
    }

    .liveNowTop a, .liveNowTop b {
        color: #fff;
        font-weight: 600
    }

    .liveNowTop a:hover, .liveNowTop b:hover {
        color: #fffc
    }
}

@media (max-width: 479px) {
    .liveNowTop__label a span {
        display: none
    }
}

@media (max-width: 350px) {
    .liveNowTop__label {
        display: block;
        max-width: 60px;
        padding: 5px 10px
    }

    .liveNowTop__label a {
        display: block;
        line-height: 10px
    }

    .liveNowTop__label b {
        display: none
    }
}

.liveNowTop #liveNowTop__list__viewAll a b {
    color: var(--primary-500)
}

.liveNowTop .streamButton {
    align-items: center;
    border: 1px solid;
    border-radius: 4px;
    color: var(--red-500);
    column-gap: 10px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 21px;
    padding: 0 6px;
    position: relative
}

.liveNowTop .streamButton:hover {
    filter: brightness(1.5)
}

.liveNowTop .streamButton:after {
    border-bottom: 5px solid #0000;
    border-right: 5px solid;
    border-top: 5px solid #0000;
    content: "";
    height: 0;
    left: 15px;
    position: absolute;
    width: 0
}

.liveNowTop .streamButton:before {
    background-color: currentcolor;
    content: "";
    display: block;
    height: 10px;
    width: 10px
}

.liveNowTop .hasChilds.hasEventStream {
    padding-left: 8px;
    position: relative
}

@media (max-width: 1170px) {
    .liveNowTop .hasChilds.hasEventStream {
        padding-left: 18px
    }

    .liveNowTop .hasChilds.hasEventStream .title {
        padding-left: 14px
    }
}

.liveNowTop .hasChilds.hasEventStream:before {
    background-color: var(--red-500);
    border-radius: 50%;
    content: "";
    height: 6px;
    position: absolute;
    top: 14px;
    width: 6px
}

@media (max-width: 1170px) {
    .liveNowTop .hasChilds.hasEventStream:before {
        top: 33px
    }
}

.navbar .preloader {
    background-color: #ffffffb3;
    inset: 0;
    opacity: 1;
    position: absolute;
    transition: all .5s;
    z-index: 9
}

.navbar .loaded {
    min-height: 0
}

.navbar .loaded .preloader {
    opacity: 0;
    z-index: -1
}

.navbar .lds-hourglass {
    display: inline-block;
    height: 64px;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    top: 50%;
    width: 64px
}

.navbar .lds-hourglass:after {
    animation: lds-hourglass 1.2s infinite;
    border: 26px solid var(--grey-300);
    border-color: var(--grey-300) #0000 var(--grey-300) #0000;
    border-radius: 50%;
    box-sizing: border-box;
    content: " ";
    display: block;
    height: 0;
    margin: 6px;
    width: 0
}

@keyframes lds-hourglass {
    0% {
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        transform: rotate(0)
    }
    50% {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: rotate(900deg)
    }
    to {
        transform: rotate(5turn)
    }
}

@supports (display:grid) {
    .conversionBanner {
        display: grid;
        gap: 1px
    }

    .conversionBanner--1 .conversionBanner__item {
        grid-template-areas:"logo title text cta"
    }

    @media (min-width: 601px) {
        .conversionBanner--2 {
            grid-template-columns:1fr 1fr
        }
    }.conversionBanner--2 .conversionBanner__item {
         grid-template:"logo title cta" auto "logo text cta" 1fr/50px 1fr auto
     }

    .conversionBanner--3 {
        grid-template-columns:1fr 1fr 1fr
    }

    @media (max-width: 767px),(min-width: 962px)and (max-width: 1199px) {
        .conversionBanner--3 {
            grid-template-columns:1fr
        }
    }.conversionBanner--3 .conversionBanner__item {
         grid-template:"logo title cta" auto "logo text cta" 1fr/50px 1fr auto
     }

    .conversionBanner .conversionBanner__item {
        align-items: flex-start;
        column-gap: 10px;
        display: grid
    }

    .conversionBanner .conversionBanner__item > div {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        align-self: start;
        grid-area: logo
    }

    .conversionBanner .conversionBanner__item > strong {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        grid-area: title
    }

    .conversionBanner .conversionBanner__item > p {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        grid-area: text
    }

    .conversionBanner .conversionBanner__item .conversionBanner__cta {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        align-self: center;
        color: var(--button-primary-color);
        grid-area: cta;
        text-align: center
    }

    .conversionBanner .conversionBanner__item .terms {
        margin-top: 5px;
        --term-color: #fff
    }

    .conversionBanner .conversionBanner__item .terms a {
        color: inherit;
        text-decoration: underline
    }

    .conversionBanner.hideBonusText > a {
        align-items: center;
        grid-template-areas:"logo title cta";
        grid-template-rows:auto;
        padding: 0 10px
    }

    .conversionBanner.hideBonusText > a strong {
        margin: 0
    }

    @media (max-width: 767px) {
        .articleConversionBanner .conversionBanner--1 .conversionBanner__item {
            grid-template:"logo title cta" auto "logo text cta" 1fr/50px 1fr auto;
            row-gap: 5px
        }

        .articleConversionBanner .conversionBanner--1 .conversionBanner__item.hasTerms {
            grid-template-areas:"logo title cta" "logo text cta" "terms terms terms";
            grid-template-rows:auto 1fr auto
        }
    }@media (min-width: 768px) {
    .articleConversionBanner .conversionBanner--1 .conversionBanner__item {
        column-gap: 25px;
        grid-template-areas:"logo title text cta";
        grid-template-columns:50px auto 1fr auto
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item.hasTerms {
        grid-template-areas:"logo title text cta" "terms terms terms terms"
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > * {
        align-self: center
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > p {
        font-size: 18px;
        line-height: 24px;
        text-align: center
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item .conversionBanner__roomName {
        font-size: 21px
    }
}@media (min-width: 601px) {
    .articleConversionBanner .conversionBanner--2 {
        grid-template-columns:1fr 1fr
    }
}.articleConversionBanner .conversionBanner--2 .conversionBanner__item {
     grid-template:"logo title cta" auto "logo text cta" 1fr 50px 1fr auto;
     row-gap: 5px
 }

    .articleConversionBanner .conversionBanner--2 .conversionBanner__item.hasTerms {
        grid-template-areas:"logo title cta" "logo text cta" "terms terms terms";
        grid-template-rows:auto 1fr auto
    }

    .articleConversionBanner .conversionBanner--3 {
        grid-template-columns:1fr 1fr 1fr
    }

    @media (max-width: 767px),(min-width: 962px)and (max-width: 1023px) {
        .articleConversionBanner .conversionBanner--3 {
            grid-template-columns:1fr
        }

        .articleConversionBanner .conversionBanner--3 .conversionBanner__item {
            grid-template:"logo title cta" auto "logo text cta" 1fr/50px 1fr auto
        }

        .articleConversionBanner .conversionBanner--3 .conversionBanner__item.hasTerms {
            grid-template-areas:"logo title cta" "logo text cta" "terms terms terms"
        }
    }.articleConversionBanner .conversionBanner--3 .conversionBanner__item {
         grid-template:"logo title" auto "logo text" 1fr "cta cta" auto/50px 1fr;
         row-gap: 5px
     }

    .articleConversionBanner .conversionBanner--3 .conversionBanner__item.hasTerms {
        grid-template-areas:"logo title" "logo text" "terms terms" "cta cta";
        grid-template-rows:auto auto 1fr auto
    }

    .articleConversionBanner .conversionBanner--3 .conversionBanner__item.hasTerms .terms {
        align-self: end
    }

    .articleConversionBanner .conversionBanner--3 .conversionBanner__item .conversionBanner__cta {
        margin-top: 10px
    }
}

@supports not (display:grid) {
    .conversionBanner .conversionBanner__item {
        display: table;
        margin-bottom: 1px;
        width: 100%
    }

    .conversionBanner .conversionBanner__item > * {
        display: table-cell;
        vertical-align: middle
    }

    .conversionBanner .conversionBanner__item > p {
        padding: 0 20px;
        width: 100%
    }

    .conversionBanner .conversionBanner__item > strong {
        padding-left: 20px;
        white-space: nowrap
    }
}

#main .conversionBanner .conversionBanner__item {
    color: #fff
}

#main .conversionBanner .conversionBanner__item.light {
    color: #000
}

#main .conversionBanner .conversionBanner__item.light .terms {
    --term-color: #000
}

#main .conversionBanner .conversionBanner__item.dark {
    color: #fff
}

.conversionBanner {
    margin-bottom: 20px
}

.conversionBanner .conversionBanner__item {
    padding: 13px 10px
}

.conversionBanner img {
    display: block;
    height: 50px;
    min-width: 50px
}

.conversionBanner p {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin: 0
}

.conversionBanner strong {
    font-weight: 400;
    margin: -5px 0 5px
}

.conversionBanner strong .conversionBanner__roomName {
    color: inherit;
    font-size: 16px;
    margin-right: 5px
}

.conversionBanner strong button {
    vertical-align: 2px
}

.articleConversionBanner {
    background-color: var(--grey-100);
    clear: both;
    margin-bottom: 30px;
    margin-top: 30px;
    overflow: hidden
}

@media (min-width: 768px) {
    .articleConversionBanner {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media (min-width: 768px) {
    .articleConversionBanner > h2, .articleConversionBanner > h3, .articleConversionBanner > p {
        margin: 15px
    }
}

@media (max-width: 767px) {
    .articleConversionBanner > h2, .articleConversionBanner > h3, .articleConversionBanner > p {
        margin: 10px
    }
}

.articleConversionBanner > p {
    font-size: 14px
}

@media (max-width: 767px) {
    .articleConversionBanner > p {
        font-size: 13px;
        line-height: 18px
    }
}

.articleConversionBanner .conversionBanner {
    margin-bottom: 0
}

.articleConversionBanner .conversionBanner strong {
    margin: 0
}

.videoLength {
    background-color: #000c;
    border-radius: 2px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 0 8px;
    position: absolute;
    right: 5px
}

.submenu__articleList figure .videoPlayButton {
    background-color: #0000004d;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MS41IiBoZWlnaHQ9IjcxLjUiPjxwYXRoIGQ9Ik05LjU3MyAzNi45MzdxLS43ODkuNzg5LTEuODgyLS40MjVWNi44ODZxMS4xNTQtMS4yMTQgMS44ODItLjQyNUwzNC40IDIwLjU0NWExLjYxNCAxLjYxNCAwIDAgMSAwIDIuMzA3eiIgc3R5bGU9ImZpbGw6I2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuOTM4IDE0LjA1MSkiLz48cGF0aCBkPSJNMzUuNzUgMi45NzlhMzIuNzcxIDMyLjc3MSAwIDAgMC0yMy4xNzIgNTUuOTQzIDMyLjc3MSAzMi43NzEgMCAwIDAgNDYuMzQ0LTQ2LjM0NCAzMi41NiAzMi41NiAwIDAgMC0yMy4xNzItOS42bTAtMi45NzhBMzUuNzUgMzUuNzUgMCAxIDEgMCAzNS43NSAzNS43NSAzNS43NSAwIDAgMSAzNS43NSAwIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    height: var(--play-button-size);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: var(--play-button-size)
}

.length {
    transform: scale(.7);
    transform-origin: right bottom
}

.submenu__articleList {
    column-gap: 10px;
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.submenu__articleList figure {
    --play-button-size: 26px;
    display: block;
    margin-bottom: 5px;
    position: relative;
    width: 100%
}

.submenu__articleList figure:after {
    content: "";
    display: block;
    padding-top: 64.9350649351%
}

.submenu__articleList img {
    background: var(--grey-100);
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    vertical-align: top;
    width: 100%
}

.submenu--casino .submenu__articleList figure:after, .submenu--rooms .submenu__articleList figure:after, .submenu--rules .submenu__articleList figure:after {
    padding-top: 52.3333333333%
}

.submenu__upcomingTournaments {
    column-gap: 10px;
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.submenu__upcomingTournaments figure {
    align-items: center;
    display: flex;
    height: 105px;
    justify-content: center;
    margin-bottom: 5px
}

.submenu__upcomingTournaments img {
    max-height: 80px;
    max-width: 100px
}

.submenu__upcomingTournaments span {
    display: -webkit-box;
    height: 44px;
    line-height: 22px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.submenu__upcomingTournaments p {
    color: var(--grey-700);
    font-size: 13px
}

.playerWidget__tinyCard {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    column-gap: 12px;
    display: grid;
    grid-template-columns:46px auto;
    line-height: 20px;
    overflow: hidden
}

@media (max-width: 1199px)and (min-width: 962px) {
    .playerWidget__tinyCard.wrappable {
        grid-template-columns:auto;
        grid-template-rows:46px auto;
        place-items: flex-start center;
        row-gap: 5px;
        text-align: center
    }

    .playerWidget__tinyCard.wrappable img {
        max-height: 46px
    }
}

.playerWidget__tinyCard:not(.playerWidget__tinyCard--plain) {
    padding: 7px
}

.playerWidget__tinyCard .country {
    bottom: 5px;
    box-shadow: 0 0 0 1px var(--flag-outline);
    position: absolute;
    right: -2px
}

.playerWidget__tinyCard:hover {
    color: #000
}

.playerWidget__tinyCard:not(.playerWidget__tinyCard--plain):hover {
    box-shadow: 0 1px 4px 0 #00000029
}

.playerWidget__tinyCard figure {
    margin: 0;
    position: relative
}

.playerWidget__tinyCard figure img {
    max-width: none;
    vertical-align: top
}

.playerWidget__tinyCard figure img.country {
    box-shadow: 0 0 0 1px var(--flag-outline)
}

.playerWidget__tinyCard figure .photo {
    border-radius: 50%
}

.submenu__players {
    display: grid;
    gap: 10px;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(2, 1fr)
}

.submenu__players .playerWidget__tinyCard {
    border: 1px solid var(--grey-500);
    grid-template-columns:39px auto
}

.submenu__players .playerWidget__tinyCard:hover {
    border-color: #000;
    box-shadow: none;
    text-decoration: none !important
}

@media (max-width: 1199px)and (min-width: 962px) {
    .submenu__players .playerWidget__tinyCard {
        grid-template-rows:39px auto
    }

    .submenu__players .playerWidget__tinyCard img {
        max-height: 39px
    }
}

.submenu__rooms .articleConversionBanner {
    background-color: #0000;
    margin: 0
}

.submenu__rooms .articleConversionBanner .conversionBanner {
    column-gap: 10px
}

.submenu__rooms .articleConversionBanner .conversionBanner .conversionBanner__item {
    background-color: #fff !important;
    border: 1px solid var(--grey-400);
    border-radius: 4px;
    grid:"logo title" 45px "text text" auto "terms terms" auto "cta cta" 1fr/40px 1fr !important;
    row-gap: 10px
}

.submenu__rooms .articleConversionBanner .conversionBanner .conversionBanner__item:hover {
    border: 1px solid #000
}

.submenu__rooms .articleConversionBanner .conversionBanner .conversionBanner__item .ds-button {
    align-self: flex-end;
    margin-top: 0
}

.submenu__rooms .articleConversionBanner .conversionBanner .conversionBanner__item .conversionBanner__roomName {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    margin: 0 0 3px
}

.submenu__rooms .articleConversionBanner .conversionBanner .conversionBanner__item p {
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    min-height: 26px
}

.submenu__rooms .articleConversionBanner .conversionBanner .conversionBanner__item small {
    font-size: 8px;
    margin: 0
}

.submenu__rooms .articleConversionBanner .conversionBanner .conversionBanner__item .terms {
    --term-color: var(--grey-700)
}

.submenu__rooms .articleConversionBanner .conversionBanner img {
    height: auto;
    max-height: 40px;
    max-width: 40px;
    min-width: auto
}

.submenu__logosList {
    gap: 10px
}

.submenu__logosList--deposit {
    display: flex
}

.submenu__logosList--deposit a {
    padding: 0 2px;
    width: 54px
}

.submenu__logosList--deposit img {
    max-height: 35px
}

.submenu__logosList a {
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--grey-400);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    padding: 4px 0;
    row-gap: 10px
}

.submenu__logosList a:hover {
    border: 1px solid #000
}

.submenu__logosList--fog {
    display: grid;
    grid-template-columns:repeat(3, 125px);
    grid-template-rows:repeat(2, 1fr)
}

.submenu__logosList--fog a {
    padding: 8px 15px
}

.submenu__logosList--fog img {
    max-height: 25px
}

.submenu__tinyCards {
    display: grid;
    gap: 10px;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(2, 1fr)
}

.submenu__tinyCards--tours {
    display: inline-grid
}

.submenu__tinyCards--tours a {
    grid-template-columns:65px auto
}

.submenu__tinyCards--tours img {
    max-height: 30px
}

.submenu__tinyCards a {
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--grey-500);
    border-radius: 4px;
    color: #000;
    column-gap: 10px;
    display: grid;
    grid-template-columns:30px auto;
    line-height: 16px;
    overflow: hidden;
    padding: 10px
}

.submenu__tinyCards a:hover {
    border-color: #000;
    text-decoration: none !important
}

.submenu__tinyCards a img {
    justify-self: center;
    vertical-align: top
}

.submenu__tinyCards--tools a {
    grid-template-columns:27px auto
}

.submenu__tinyCards--states a {
    column-gap: 0;
    grid-template-columns:45px auto;
    padding-top: 8px
}

.submenu__tinyCards--states a img {
    transform: translateX(-3px)
}

.submenu__rules {
    column-gap: 10px;
    display: inline-grid;
    grid-template-columns:repeat(3, 1fr)
}

.submenu__rules--howToPlay a {
    background-position: top;
    background-size: cover;
    color: #fff !important;
    display: block;
    font-weight: 700;
    height: 170px;
    padding: 100px 20px 25px;
    text-align: center;
    text-transform: uppercase
}

.submenu a:hover {
    text-decoration: underline
}

.submenu .mb {
    margin-bottom: 30px
}

.submenu .navbar-outlineimg {
    border: 1px solid var(--grey-400);
    border-radius: 4px;
    display: inline-block;
    padding: 4px
}

.submenu .navbar-outlineimg:hover {
    border-color: #000
}

.submenu .navbar-outlineimg img {
    vertical-align: top
}

@media (max-width: 1170px) {
    body {
        padding-top: var(--navbar-height)
    }
}

.navbar {
    background-color: #fff;
    display: grid;
    z-index: 10
}

@media (min-width: 1171px) {
    .navbar {
        grid-template:"navbar__logo navbar__search" var(--navbar-height) "navbar__live navbar__live" auto "navbar__menu navbar__menu" auto/1fr auto;
        position: relative
    }

    .navbar__logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .navbar__search__wrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .liveNowTop {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media (max-width: 1170px) {
    .navbar {
        align-items: center;
        box-shadow: 0 1px 0 var(--grey-400);
        column-gap: 4px;
        grid-template-areas:"navbar__logo navbar__live navbar__search navbar__toggler";
        grid-template-columns:1fr auto auto 65px;
        height: var(--navbar-height);
        justify-content: space-between;
        left: 0;
        position: fixed;
        right: 0;
        top: 0
    }

    .navbar__logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .navbar__toggle {
        -ms-grid-row: 1;
        -ms-grid-column: 7
    }

    .navbar__search__wrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 5
    }

    .liveNowTop {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }
}

.navbar__mobile {
    grid-area: navbar__menu
}

@media (min-width: 1171px) {
    .navbar__mobile {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media (max-width: 1170px) {
    .navbar__mobile {
        background-color: #fff;
        bottom: 0;
        max-width: var(--mobile-menu-max-width);
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 20px 20px 80px;
        position: fixed;
        right: 0;
        top: calc(var(--navbar-height) + 1px);
        transform: translateX(100%);
        width: 100%
    }
}

@media (max-width: 500px) {
    .navbar__mobile {
        max-width: none
    }
}

.activeMenu .navbar__mobile {
    transform: none
}

@media (max-width: 1170px) {
    .activeMenu body {
        overflow: hidden
    }

    .activeMenu #container:before {
        background-color: #0000004d;
        content: "";
        inset: 0;
        position: absolute;
        z-index: 4
    }
}

.activeDesktopMenu #container {
    filter: brightness(.7)
}

.clickIgnore {
    pointer-events: none
}

.moderate {
    display: none
}

#geoForced {
    background-color: var(--primary-500);
    border-radius: var(--rad);
    color: #fff;
    letter-spacing: -1px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 1171px) {
    #geoForced {
        padding: 5px 20px
    }
}

#geoForced:after {
    color: #fff;
    content: "X";
    font-size: 12px;
    line-height: 14px;
    opacity: .5;
    position: absolute;
    right: 4px;
    top: 2px
}

@media (min-width: 1171px) {
    .virgutis--top {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .hasWallpaper .virgutis--top {
        --aspect-ratio-w: 1380;
        --aspect-ratio-h: 130;
        margin-bottom: 0;
        margin-top: 0;
        max-width: 1380px
    }

    .virgutis--topMobile {
        display: none
    }

    .navMore {
        transition: top .4s
    }

    .tocFixed {
        transition: margin-top .4s
    }
}

@media (max-width: 1170px) {
    .navMore.isSticky, .tocFixed {
        top: var(--navbar-height) !important
    }

    .virgutis--top {
        display: none !important
    }

    .breadcrumb ~ .virgutis--topMobile {
        margin: -15px auto 15px !important
    }

    #myStack, .podcastShow header, .review > figure, .tourHub__header {
        margin-top: 0 !important
    }

    #reportingNotifications .stickedNote {
        top: 150px
    }
}

#body-reporting.isAdmBox .editButton, #body-tours.isAdmBox .editButton {
    display: none !important
}

@media (min-width: 1171px) {
    body .navbar {
        position: sticky;
        top: -145px;
        transition: top .4s ease
    }

    body.navbarSticky .navbar {
        top: 0
    }
}

.breadcrumb {
    align-items: center;
    background: #fff;
    column-gap: 11px;
    display: flex;
    line-height: 37px;
    margin: -20px 0 20px;
    max-height: 40px;
    overflow: auto hidden;
    position: relative;
    white-space: nowrap;
    z-index: 3
}

@media (min-width: 1381px) {
    .breadcrumb {
        max-width: 990px
    }
}

@media (max-width: 1380px)and (min-width: 962px) {
    .breadcrumb {
        max-width: calc(100vw - 400px)
    }
}

@media (max-width: 1023px)and (min-width: 962px) {
    .breadcrumb {
        max-width: calc(100vw - 375px)
    }
}

@media (min-width: 768px) {
    .breadcrumb {
        line-height: 44px;
        max-height: 44px
    }
}

@media (min-width: 1024px) {
    .breadcrumb {
        margin: -30px 0 20px
    }
}

.breadcrumb > * {
    color: inherit;
    display: inline-block
}

.breadcrumb > :before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSI3LjQzNCI+PHBhdGggZD0iTS4zMTIuMzE2YTEuMDc2IDEuMDc2IDAgMCAwIDAgMS41MTRsNS4zMDcgNS4yOTJhMS4wNyAxLjA3IDAgMCAwIDEuNDc1LjAzM2w1LjIzLTUuMjEzQTEuMDY5IDEuMDY5IDAgMSAwIDEwLjgxNS40MjhMNi4zMjMgNC44NTQgMS44MjUuMzExQTEuMDcgMS4wNyAwIDAgMCAuMzExLjMxN3oiIHN0eWxlPSJmaWxsOiMwMDY5ZDAiLz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 4px;
    margin: 0 12px 0 -2px;
    pointer-events: none;
    position: relative;
    top: 0;
    transform: rotate(-90deg);
    vertical-align: middle;
    width: 8px
}

@media (min-width: 768px) {
    .breadcrumb > :last-child {
        padding-right: 0
    }
}

.breadcrumb a {
    color: var(--primary-500)
}

.breadcrumb a:hover {
    color: var(--primary-600);
    opacity: .8
}

.breadcrumb a.breadcrumb--home:before {
    content: normal
}

.breadcrumb span {
    color: var(--grey-700)
}

.breadcrumb span:before {
    border-color: var(--primary-500)
}

@media (max-width: 767px) {
    .breadcrumb--long i {
        display: none
    }
}

@media (min-width: 768px) {
    .breadcrumb--long i {
        order: 3 !important
    }

    .breadcrumb--long i:before {
        border-color: var(--primary-500)
    }

    .breadcrumb--long > * {
        display: none
    }

    .breadcrumb--long > :nth-child(2) {
        order: 1
    }

    .breadcrumb--long > :nth-child(3) {
        order: 2
    }

    .breadcrumb--long > :nth-child(6), .breadcrumb--long > :nth-child(7) {
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .breadcrumb--long > :nth-last-child(-n+3) {
        order: 6
    }

    .breadcrumb--long > :nth-child(-n+3), .breadcrumb--long > :nth-last-child(-n+3) {
        display: inline-block
    }
}

.siteFooter__company {
    grid-area: company
}

.siteFooter__company > p {
    line-height: 20px;
    margin: 0
}

.siteFooter__company__igb {
    align-items: center;
    column-gap: 15px;
    display: grid;
    font-size: 12px;
    grid-template-columns:auto 1fr;
    margin-top: 30px
}

.siteFooter__company__igb b {
    display: block;
    text-transform: uppercase
}

.siteFooter__company__igb p {
    margin: 0
}

.siteFooter__company__igb p i {
    font-size: 16px;
    vertical-align: -2px
}

.siteFooter__copy {
    grid-area: copy;
    line-height: 20px;
    margin-bottom: 0
}

.siteFooter__copy p {
    margin: 0 0 5px
}

.siteFooter__copy address {
    color: var(--grey-600);
    font-style: normal
}

.siteFooter__copy ul {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-bottom: 20px
}

.siteFooter__gambling {
    grid-area: gambling
}

.siteFooter__gambling a {
    display: inline-block
}

.siteFooter__gambling div > a, .siteFooter__gambling > img {
    vertical-align: middle
}

.siteFooter__gambling div {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.siteFooter__gambling img {
    max-height: 30px;
    max-width: 130px;
    vertical-align: middle
}

@media (max-width: 767px) {
    .siteFooter__gambling {
        border-bottom: 1px solid #ffffff1a;
        border-top: 1px solid #ffffff1a;
        padding-bottom: var(--section-space-mobile);
        padding-top: var(--section-space-mobile)
    }

    .siteFooter__gambling div {
        gap: 20px
    }

    .siteFooter__gambling h3 {
        margin-top: 0
    }
}

.siteFooter__partners {
    grid-area: partners
}

.siteFooter__partners h3 {
    margin-bottom: 20px
}

.siteFooter__partners ul {
    display: grid;
    margin-bottom: 10px !important
}

@media (min-width: 768px) {
    .siteFooter__partners ul {
        gap: 10px 20px;
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (max-width: 767px) {
    .siteFooter__partners ul {
        column-gap: 5px;
        grid-template-columns:repeat(2, 1fr)
    }
}

.siteFooter__partners a {
    align-items: center;
    column-gap: 10px;
    display: grid;
    grid-template-columns:auto 1fr
}

.siteFooter__partners img {
    vertical-align: top
}

@media (min-width: 768px) {
    .siteFooter__partners img {
        height: 40px;
        width: 40px
    }
}

.siteFooter__partners__disclaimer {
    color: var(--grey-600);
    line-height: 20px;
    margin: 0
}

.siteFooter__social {
    grid-area: social
}

.siteFooter__social span, .siteFooter__social svg {
    pointer-events: none
}

@media (max-width: 767px) {
    .siteFooter__social li {
        margin-bottom: 0 !important
    }
}

@media (min-width: 768px) {
    .siteFooter__social li {
        margin-bottom: 2px !important;
        margin-left: -5px
    }

    .siteFooter__social svg {
        vertical-align: top;
        width: 25px
    }

    .siteFooter__social span {
        display: inline-block;
        margin-left: 5px;
        vertical-align: -2px
    }
}

@media (max-width: 767px) {
    .siteFooter__social span {
        display: none
    }

    .siteFooter__social ul {
        display: flex;
        justify-content: space-between;
        margin-left: -15px
    }

    .siteFooter__social svg {
        height: 40px;
        width: 40px
    }
}

:root {
    --section-space-desktop: 25px;
    --section-space-mobile: 30px
}

.siteFooter {
    background-color: var(--grey-800);
    color: #fff;
    column-gap: 10px;
    display: grid;
    position: relative;
    z-index: 5
}

.siteFooter a {
    color: currentcolor
}

.siteFooter a:hover {
    color: #a8a8a8
}

.siteFooter h3 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase
}

.siteFooter > * {
    margin-bottom: var(--section-space-mobile)
}

@media (min-width: 768px) {
    .siteFooter {
        display: grid;
        grid-template-areas:"logo company company company" "whoWeAre howTo social subscribe" "partners partners partners partners" "gambling gambling gambling subs" "copy copy copy copy";
        grid-template-columns:repeat(4, 1fr);
        padding: 30px
    }

    .siteFooter__logo {
        align-items: center;
        border-bottom: 1px solid #ffffff1a;
        display: flex;
        padding-bottom: var(--section-space-desktop);
        padding-right: 30px
    }

    .siteFooter__company {
        border-bottom: 1px solid #ffffff1a;
        padding-bottom: var(--section-space-desktop)
    }

    .siteFooter__partners {
        border-top: 1px solid #ffffff1a;
        padding-top: var(--section-space-desktop)
    }

    .siteFooter__gambling {
        border-top: 1px solid #ffffff1a;
        padding-top: var(--section-space-desktop)
    }

    .siteFooter__subs {
        align-items: flex-end;
        border-top: 1px solid #ffffff1a;
        display: flex;
        justify-content: flex-end;
        padding-bottom: 3px
    }

    .siteFooter__copy {
        border-top: 1px solid #ffffff1a;
        padding-top: var(--section-space-desktop)
    }

    .siteFooter > section > ul li {
        margin-bottom: 5px
    }

    .siteFooter__company {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 3
    }

    .siteFooter__copy {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4
    }

    .siteFooter__gambling {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .siteFooter__partners {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4
    }

    .siteFooter__social {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }
}

@media (max-width: 767px) {
    .siteFooter {
        grid-template-areas:"logo logo" "company company" "whoWeAre howTo" "partners partners" "social social" "subscribe subscribe" "gambling gambling" "subs subs" "copy copy";
        grid-template-columns:repeat(2, 1fr);
        padding: 50px 20px
    }

    .siteFooter > section {
        border-top: 1px solid #ffffff1a;
        padding-top: 30px
    }

    .siteFooter > section ul {
        margin-bottom: -15px
    }

    .siteFooter > section ul li {
        margin: 0 0 15px
    }

    .siteFooter > .siteFooter__company {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter > .siteFooter__copy {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter > .siteFooter__gambling {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter > .siteFooter__partners {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter > .siteFooter__social {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media (max-width: 767px) {
    .siteFooter.siteFooter--5cols {
        grid-template-areas:"logo logo" "company company" "whoWeAre howTo" "casino casino" "partners partners" "social social" "subscribe subscribe" "gambling gambling" "subs subs" "copy copy"
    }

    .siteFooter.siteFooter--5cols > .siteFooter__company {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter.siteFooter--5cols > .siteFooter__copy {
        -ms-grid-row: 10;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter.siteFooter--5cols > .siteFooter__gambling {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter.siteFooter--5cols > .siteFooter__partners {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter.siteFooter--5cols > .siteFooter__social {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media (max-width: 961px)and (min-width: 768px) {
    .siteFooter.siteFooter--5cols {
        grid-template-areas:"logo company company company" "whoWeAre howTo casino social" "subscribe subscribe subscribe subscribe" "partners partners partners partners" "gambling gambling gambling subs" "copy copy copy copy";
        grid-template-columns:repeat(4, 1fr)
    }

    .siteFooter.siteFooter--5cols > .siteFooter__company {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 3
    }

    .siteFooter.siteFooter--5cols > .siteFooter__copy {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4
    }

    .siteFooter.siteFooter--5cols > .siteFooter__gambling {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .siteFooter.siteFooter--5cols > .siteFooter__partners {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4
    }

    .siteFooter.siteFooter--5cols > .siteFooter__social {
        -ms-grid-row: 2;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1
    }
}

@media (min-width: 962px) {
    .siteFooter.siteFooter--5cols {
        display: grid;
        grid-template-areas:"logo company company company company" "whoWeAre howTo casino social subscribe" "partners partners partners partners partners" "gambling gambling gambling gambling subs" "copy copy copy copy copy";
        grid-template-columns:1fr 1fr 1fr .8fr 1.4fr
    }

    .siteFooter.siteFooter--5cols > .siteFooter__company {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 4
    }

    .siteFooter.siteFooter--5cols > .siteFooter__copy {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5
    }

    .siteFooter.siteFooter--5cols > .siteFooter__gambling {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4
    }

    .siteFooter.siteFooter--5cols > .siteFooter__partners {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 5
    }

    .siteFooter.siteFooter--5cols > .siteFooter__social {
        -ms-grid-row: 2;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1
    }
}

.siteFooter__subscribe {
    grid-area: subscribe
}

.siteFooter__casino {
    grid-area: casino
}

.siteFooter__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: logo
}

.ds-roomReviewStickyBar.hasTerms > .siteFooter__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
}

.conversionBanner--1 .conversionBanner__item > .siteFooter__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
}

.conversionBanner--2 .conversionBanner__item > .siteFooter__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
}

.conversionBanner--3 .conversionBanner__item > .siteFooter__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
}

.conversionBanner.hideBonusText > a > .siteFooter__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
}

.siteFooter__howTo {
    grid-area: howTo
}

@media (max-width: 767px) {
    .siteFooter__howTo {
        padding-left: 5px
    }
}

.siteFooter__whoWeAre {
    grid-area: whoWeAre
}

@media (max-width: 767px) {
    .siteFooter__whoWeAre {
        border-top: 1px solid #ffffff1a
    }
}

.siteFooter__subs {
    grid-area: subs
}

.subdomainDropdown {
    position: relative
}

.subdomainDropdown button {
    align-items: center;
    column-gap: 10px;
    display: flex;
    padding-right: 20px;
    position: relative
}

.subdomainDropdown button:after {
    margin-top: -2px;
    position: absolute;
    right: 0;
    top: 50%
}

.subdomainDropdown button img {
    vertical-align: top;
    width: 22px
}

.subdomainDropdown ul {
    display: none
}

.subdomainDropdown.on ul {
    background-color: #fff;
    border-radius: 4px;
    display: block;
    padding: 20px 0;
    position: absolute;
    width: 264px
}

.subdomainDropdown.on ul li:not(:last-child) {
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .subdomainDropdown.on ul {
        right: -5px
    }
}

.subdomainDropdown.on ul li.active a:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNzcuMjNjLjMuMy4zLjc4IDAgMS4wOEw1LjIyIDkuNzdjLS4zLjMtLjguMy0xLjEgMEwuMjIgNS45M2EuNzYuNzYgMCAwIDEgMC0xLjA5Yy4zMS0uMy44LS4zIDEuMSAwbDMuMzUgMy4zIDgtNy45MWMuMy0uMy44LS4zIDEuMSAwIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    content: "";
    height: 10px;
    position: absolute;
    right: 20px;
    top: 7px;
    width: 14px
}

.subdomainDropdown.on ul a {
    color: #000;
    display: grid;
    font-size: 14px;
    gap: 0 12px;
    grid-template-columns:24px auto;
    line-height: 24px;
    padding: 0 34px 0 20px;
    position: relative;
    white-space: nowrap
}

.subdomainDropdown.on ul a:hover {
    text-decoration: underline
}

@media (max-width: 1170px) {
    .subdomainDropdown.on ul a {
        font-size: 16px
    }
}

@media (max-width: 1170px) {
    .subdomainDropdown.subdomainDropdown--header--desktop {
        pointer-events: none;
        position: fixed;
        visibility: hidden;
        width: 82px
    }
}

@media (min-width: 1171px) {
    .subdomainDropdown.subdomainDropdown--header--desktop button:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSI3LjQzNCI+PHBhdGggZD0iTS4zMTIuMzE2YTEuMDc2IDEuMDc2IDAgMCAwIDAgMS41MTRsNS4zMDcgNS4yOTJhMS4wNyAxLjA3IDAgMCAwIDEuNDc1LjAzM2w1LjIzLTUuMjEzQTEuMDY5IDEuMDY5IDAgMSAwIDEwLjgxNS40MjhMNi4zMjMgNC44NTQgMS44MjUuMzExQTEuMDcgMS4wNyAwIDAgMCAuMzExLjMxN3oiIHN0eWxlPSJmaWxsOiMyNTI1MjUiLz48L3N2Zz4=);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 6px;
        transform: rotate(0);
        width: 12px
    }

    .subdomainDropdown.subdomainDropdown--header--desktop.on button:after {
        transform: rotate(180deg)
    }

    .subdomainDropdown.subdomainDropdown--header--desktop.on ul {
        top: 30px;
        z-index: 2
    }

    .subdomainDropdown.subdomainDropdown--header--desktop ul {
        border: 1px solid var(--grey-400);
        border-radius: var(--rad)
    }
}

@media (min-width: 1171px) {
    .subdomainDropdown.subdomainDropdown--header--mobile {
        display: none
    }
}

@media (max-width: 1170px) {
    .subdomainDropdown.subdomainDropdown--header--mobile {
        background-color: #fff;
        border-top: 1px solid var(--grey-400);
        bottom: 0;
        position: fixed;
        right: 0;
        width: 100%;
        z-index: 1
    }
}

@media (max-width: 1170px)and (min-width: 501px) {
    .subdomainDropdown.subdomainDropdown--header--mobile {
        max-width: var(--mobile-menu-max-width)
    }
}

@media (max-width: 1170px) {
    .subdomainDropdown.subdomainDropdown--header--mobile button {
        font-size: 16px;
        padding: 16px 20px;
        width: 100%
    }

    .subdomainDropdown.subdomainDropdown--header--mobile button:after {
        content: normal
    }

    .subdomainDropdown.subdomainDropdown--header--mobile button img {
        height: 24px;
        width: 24px
    }

    .subdomainDropdown.subdomainDropdown--header--mobile.on ul {
        border-radius: 0;
        border-top: 1px solid var(--grey-400);
        bottom: 0;
        box-shadow: 0 0 0 4000px #0000004d;
        position: fixed;
        right: 0;
        top: auto;
        width: 100%
    }
}

@media (max-width: 1170px)and (min-width: 501px) {
    .subdomainDropdown.subdomainDropdown--header--mobile.on ul {
        max-width: var(--mobile-menu-max-width)
    }
}

.subdomainDropdown.subdomainDropdown--footer button:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi42NCIgaGVpZ2h0PSI3LjQzNCI+PHBhdGggZD0iTS4zMTIuMzE2YTEuMDc2IDEuMDc2IDAgMCAwIDAgMS41MTRsNS4zMDcgNS4yOTJhMS4wNyAxLjA3IDAgMCAwIDEuNDc1LjAzM2w1LjIzLTUuMjEzQTEuMDY5IDEuMDY5IDAgMSAwIDEwLjgxNS40MjhMNi4zMjMgNC44NTQgMS44MjUuMzExQTEuMDcgMS4wNyAwIDAgMCAuMzExLjMxN3oiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 6px;
    transform: rotate(0);
    width: 12px
}

.subdomainDropdown.subdomainDropdown--footer .subdomainDropdown__global {
    filter: brightness(0) invert(1)
}

.subdomainDropdown.subdomainDropdown--footer.on ul {
    bottom: -20px
}

@media (min-width: 360px) {
    .col-xxs-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (max-width: 479px) {
    .hide-xs {
        display: none
    }
}

@media (min-width: 480px) {
    .col-xs-4 {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }

    .col-xs-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-xs-8 {
        flex-basis: 66.6666%;
        max-width: 66.6666%
    }
}

@media (max-width: 767px) {
    .hide-sm {
        display: none
    }

    .text-center-sm-down {
        text-align: center
    }
}

@media (min-width: 768px) {
    .col-sm-2 {
        flex-basis: 16.6666%;
        max-width: 16.6666%
    }

    .col-sm-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }

    .col-sm-5 {
        flex-basis: 41.6666%;
        max-width: 41.6666%
    }

    .col-sm-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex-basis: 58.3333%;
        max-width: 58.3333%
    }

    .col-sm-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex-basis: 83.3333%;
        max-width: 83.3333%
    }
}

@media (min-width: 962px) {
    .col-md-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 1024px) {
    .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }

    .col-lg-5 {
        flex-basis: 41.6666%;
        max-width: 41.6666%
    }

    .col-lg-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex-basis: 58.3333%;
        max-width: 58.3333%
    }

    .col-lg-8 {
        flex-basis: 66.6666%;
        max-width: 66.6666%
    }

    .col-lg-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .col-xlg-3 {
        flex-basis: 25%;
        max-width: 25%
    }
}

.row {
    display: flex;
    flex-wrap: wrap
}

.row.mb20 {
    margin-bottom: 20px
}

.row > * {
    background-clip: content-box;
    box-sizing: border-box;
    flex-basis: 100%
}

.row-equal > * {
    display: flex
}

.row-equal > * > * {
    width: 100%
}

.row.gutter20 {
    margin-left: -10px;
    margin-right: -10px
}

.row.gutter20 > * {
    padding: 0 10px 20px
}

.row.gutter10 {
    margin-left: -5px;
    margin-right: -5px
}

.row.gutter10 > * {
    padding: 0 5px 10px
}

.row.gutter1 {
    margin-left: -1px;
    margin-right: -1px
}

.row.gutter1 > * {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 0
}

.row.gutter30 {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 1024px) {
    .row.gutter30 {
        margin-left: -15px;
        margin-right: -15px
    }

    .row.gutter30 > * {
        padding: 0 15px 30px
    }
}

.row.gutter30 > * {
    padding: 0 10px 20px
}

.row-middle {
    align-items: center
}

.tvON body {
    max-width: none
}

.tvON .event__post__body .ds-table-mobileFriendly, .tvON .event__post__body .table-responsive {
    width: calc(100vw - 90px)
}

@media (min-width: 1024px) {
    .tvON .event__post__body .ds-table-mobileFriendly, .tvON .event__post__body .table-responsive {
        max-width: calc(100vw - 120px)
    }
}

.tvON.hasWallpaper {
    background: var(--grey-400) !important
}

.tvON.hasWallpaper body {
    margin-top: 0 !important
}

.tvON .navbar {
    border-bottom: 1px solid var(--grey-200)
}

.tvON .navbar__logo {
    align-items: center;
    display: flex
}

.tvON .navbar__logo:after {
    color: var(--red-500);
    content: "Live Reporting";
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase
}

.tvON #bnChildContainer, .tvON #sideBar, .tvON .breadcrumb, .tvON .ds-socialDropdown, .tvON .liveNowTop, .tvON .navbar__mobile, .tvON .navbar__toggle, .tvON .siteFooter, .tvON .subscribe, .tvON .videos, .tvON .virgutis {
    display: none !important
}

.tvON #container:not(.wide) {
    grid-template-areas:"main";
    grid-template-columns:1fr
}

.tvON .expandArticleContainer {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.tvON .navbar__logo a {
    background-size: 200px 30px;
    display: inline-block;
    width: 240px
}

.tvON .event__header h1 a, .tvON .event__mystack__promo, .tvON .event__nav--events a:not([data-turbo=true]), .tvON .navbar__logo a, .tvON .pswp button {
    pointer-events: none
}

.tvON #lrFeed {
    max-width: none
}

.tvON #lrFeed #liveStreamPage a, .tvON #lrFeed #liveStreamPage iframe, .tvON #lrFeed .event__infoTable a, .tvON #lrFeed .event__infoTable iframe, .tvON #lrFeed .event__topChipCounts a, .tvON #lrFeed .event__topChipCounts iframe, .tvON #lrFeed .expandArticleContainer:not(.seatDraw) a, .tvON #lrFeed .expandArticleContainer:not(.seatDraw) iframe, .tvON #lrFeed .videoContainer a, .tvON #lrFeed .videoContainer iframe, .tvON #lrFeed article a, .tvON #lrFeed article iframe {
    color: #000;
    pointer-events: none;
    text-decoration: none
}

@media (max-width: 1380px)and (min-width: 1024px) {
    .tvON #lrFeed .event__topChipCounts {
        max-width: 100%
    }
}

.tvON .stickyIconNavBar.isSticky {
    left: auto;
    max-width: none;
    right: auto;
    width: calc(100vw - 40px)
}

@media (min-width: 1024px) {
    .tvON .stickyIconNavBar.isSticky {
        width: calc(100vw - 60px)
    }
}

@media (min-width: 962px) {
    .monthPopular li {
        align-items: flex-start;
        column-gap: 15px;
        display: grid;
        grid-template-columns:100px 1fr;
        padding: 15px
    }

    .monthPopular li:not(:last-child) {
        border-bottom: 1px solid var(--grey-400)
    }

    .monthPopular li img {
        vertical-align: top
    }

    .monthPopular li a:last-child {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

@media (min-width: 962px) {
    .editorChoice ul {
        list-style-type: disc;
        margin: 0 0 0 20px;
        padding: 20px
    }

    .editorChoice li:not(:last-child) {
        margin-bottom: 20px
    }

    .editorChoice li a {
        font-weight: 600
    }
}

#sideBar {
    display: none
}

@media (min-width: 962px) {
    #sideBar {
        display: block
    }

    #sideBar > * {
        margin-bottom: 30px
    }
}

.loadMore, .paging {
    background-color: var(--grey-100);
    min-height: 70px;
    position: relative
}

.paging {
    line-height: 30px;
    padding: 20px 20px 10px
}

@media (min-width: 1024px) {
    .paging {
        padding: 30px 30px 20px
    }
}

.paging > * {
    color: #000;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 6px;
    min-width: 30px;
    padding: 0 3px;
    text-align: center;
    vertical-align: top
}

.paging > li > a {
    color: #000;
    display: block
}

.paging > a, .paging > li {
    background-color: #fff;
    cursor: pointer;
    font-weight: 600
}

.paging > li.break-me {
    background-color: #0000
}

.paging > li.disabled {
    pointer-events: none
}

.paging > li.disabled a {
    opacity: .3
}

.paging .active, .paging span.on {
    background-color: var(--primary-500);
    color: #fff
}

.paging .active a {
    color: #fff
}

.loadMore {
    line-height: 70px
}

.loadMore a {
    color: #000;
    display: block;
    font-size: 16px;
    position: relative;
    text-align: center
}

.loadMore a:hover {
    color: var(--primary-500);
    opacity: 1
}

.loadMore .archive {
    font-size: 14px;
    opacity: .3;
    position: absolute;
    right: 20px;
    top: 0
}

@media (min-width: 962px) {
    .loadMore .archive {
        right: 30px
    }
}

@media (max-width: 479px) {
    .loadMore .archive {
        display: none
    }
}

.loadMore #loading, .loadMore .loading {
    animation: loading .7s linear infinite;
    border-left: 5px solid #fff;
    border-top: 5px solid #fff;
    border-color: #000 #fff #fff #000;
    border-radius: 50%;
    border-style: solid;
    border-width: 5px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: .3;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 50%;
    width: 30px
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.window-loading {
    background: url(/build/load-wgite.gif?43aa4ffc);
    height: 39px;
    left: 50%;
    margin: -20px 0 0 -20px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 50%;
    width: 39px
}

.tcApplyPopup {
    padding: 40px
}

@media (max-width: 479px) {
    .tcApplyPopup {
        padding: 20px
    }
}

.tcApplyPopup ul {
    list-style-type: disc;
    margin-bottom: 40px;
    padding-left: 20px
}

@media (max-width: 479px) {
    .tcApplyPopup ul {
        margin-bottom: 20px
    }
}

.tcApplyPopup h2 {
    text-align: center
}

.tcApplyPopup li, .tcApplyPopup p {
    font-size: 14px;
    line-height: 22px
}

@media (min-width: 480px) {
    .tcApplyPopup li, .tcApplyPopup p {
        font-size: 16px;
        line-height: 26px
    }
}

.tcApplyPopup p {
    margin-bottom: 22px
}

.topRooms__ukTC {
    margin-top: 20px;
    position: relative
}

.topRooms__ukTC button {
    background-color: #0000;
    border: none;
    cursor: pointer;
    padding: 0
}

.topRooms__ukTC > button {
    font-size: 14px;
    text-decoration: underline
}

.topRooms__ukTC div {
    background-color: #fff;
    border: 1px solid #b0b0b0;
    color: #000;
    display: none;
    padding: 0 20px 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 30px;
    width: 600px;
    z-index: 6
}

@media (max-width: 767px) {
    .topRooms__ukTC div {
        left: -20px;
        max-height: 90vh;
        overflow-y: scroll;
        right: -20px;
        width: auto
    }
}

.topRooms__ukTC div > button {
    background-image: linear-gradient(90deg, #0000 6.5px, #000 0, #000 8.5px, #0000 0), linear-gradient(180deg, #0000 6.5px, #000 0, #000 8.5px, #0000 0);
    display: inline-block;
    height: 15px;
    position: absolute;
    right: 20px;
    top: 20px;
    transform: rotate(-45deg);
    width: 15px
}

.topRooms__ukTC .ukTC__header {
    margin-top: 20px
}

.active.topRooms__ukTC > div {
    display: block
}

.topRooms__availableCountry {
    margin-top: 10px
}

.topRooms__availableCountry img {
    box-shadow: 0 0 0 1px var(--flag-outline);
    vertical-align: -2px
}

.topRooms__list > div {
    column-gap: 8px;
    display: grid;
    grid-template-areas:"logo title title title" "logo bonus bonus bonus" "logo minDeposit tc cta" "term term term term";
    grid-template-columns:50px 1fr auto auto;
    padding: 8px;
    position: relative
}

.topRooms__list > div:not(:last-child) {
    border-bottom: 1px solid var(--grey-400)
}

.topRooms__list__logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    align-items: center;
    display: grid;
    grid-area: logo;
    text-align: center
}

.ds-roomReviewStickyBar.hasTerms > .topRooms__list__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
}

.conversionBanner--1 .conversionBanner__item > .topRooms__list__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
}

.conversionBanner--2 .conversionBanner__item > .topRooms__list__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
}

.conversionBanner--3 .conversionBanner__item > .topRooms__list__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1
}

.conversionBanner.hideBonusText > a > .topRooms__list__logo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1
}

.topRooms__list__logo img {
    vertical-align: top
}

.topRooms__list__title {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    font-size: 16px;
    font-weight: 600;
    grid-area: title;
    line-height: 26px;
    margin: 0
}

.conversionBanner--2 .conversionBanner__item > .topRooms__list__title {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.conversionBanner--3 .conversionBanner__item > .topRooms__list__title {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.conversionBanner.hideBonusText > a > .topRooms__list__title {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.topRooms__list__bonus {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
    display: -webkit-box;
    grid-area: bonus;
    line-height: 18px;
    margin: 3px 0 10px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
    overflow: hidden
}

.topRooms__list__minDeposit {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    font-size: 10px;
    grid-area: minDeposit
}

.topRooms__list__minDeposit b {
    font-size: 13px
}

.topRooms__list .tc_apply {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
    border-color: var(--primary-500);
    color: var(--primary-500);
    grid-area: tc
}

.topRooms__list .tc_apply:hover {
    background-color: var(--primary-500);
    color: #fff
}

.topRooms__list .topRooms__list__button {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: cta
}

@media (min-width: 480px)and (max-width: 961px) {
    .ds-roomReviewStickyBar__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .ds-roomReviewStickyBar__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .ds-roomReviewStickyBar__offer {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .ds-roomReviewStickyBar.hasTerms > .ds-roomReviewStickyBar__offer {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .ds-roomReviewStickyBar__cta {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .ds-roomReviewStickyBar__cta {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .ds-roomWidgetLayoutB__extButton {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .ds-roomWidgetLayoutB__extButton {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .ds-roomWidgetLayoutB .ds-termText {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .siteFooter__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .topRooms__list__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .topRooms__list__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .topRooms__list .topRooms__list__button {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .topRooms__list__button {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }
}

@media (min-width: 962px) {
    .ds-roomReviewStickyBar__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .ds-roomReviewStickyBar__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .ds-roomReviewStickyBar__offer {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .ds-roomReviewStickyBar.hasTerms > .ds-roomReviewStickyBar__offer {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .ds-roomReviewStickyBar__cta {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .ds-roomReviewStickyBar__cta {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .ds-roomWidgetLayoutB__extButton {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .ds-roomWidgetLayoutB__extButton {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .ds-roomWidgetLayoutB .ds-termText {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .siteFooter__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .siteFooter__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .topRooms__list__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .topRooms__list__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .topRooms__list .topRooms__list__button {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .ds-roomReviewStickyBar.hasTerms > .topRooms__list__button {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }
}

@media (max-width: 767px) {
    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .ds-roomReviewStickyBar__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .ds-roomReviewStickyBar__offer {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .ds-roomReviewStickyBar__cta {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .ds-roomWidgetLayoutB__extButton {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .conversionBanner__item > div {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .conversionBanner__item > strong {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .conversionBanner__item > p {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .conversionBanner__cta {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .siteFooter__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .topRooms__list__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .topRooms__list__title {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .articleConversionBanner .conversionBanner--1 .conversionBanner__item > .topRooms__list__button {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }
}

.topRooms__list .tc_apply, .topRooms__list .topRooms__list__button {
    align-self: center;
    margin-bottom: 4px;
    position: relative;
    top: -3px
}

.topRooms__list .award {
    position: absolute;
    right: 5px;
    top: 5px
}

.topRooms__list .terms {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    font-size: 8px;
    grid-area: term;
    padding: 5px 5px 0
}

@media (min-width: 768px) {
    .siteFooter__subscribe {
        -ms-grid-row: 2;
        -ms-grid-column: 4
    }

    .siteFooter__howTo {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .siteFooter__whoWeAre {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .siteFooter__subs {
        -ms-grid-row: 4;
        -ms-grid-column: 4
    }
}

@media (max-width: 767px) {
    .siteFooter > .siteFooter__subscribe {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter.siteFooter--5cols > .siteFooter__subscribe {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter__casino {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter > .siteFooter__howTo {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .siteFooter.siteFooter--5cols > .siteFooter__howTo {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .siteFooter > .siteFooter__whoWeAre {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .siteFooter.siteFooter--5cols > .siteFooter__whoWeAre {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .siteFooter > .siteFooter__subs {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .siteFooter.siteFooter--5cols > .siteFooter__subs {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media (max-width: 961px)and (min-width: 768px) {
    .siteFooter.siteFooter--5cols > .siteFooter__subscribe {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4
    }

    .siteFooter.siteFooter--5cols > .siteFooter__casino {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .siteFooter.siteFooter--5cols > .siteFooter__howTo {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .siteFooter.siteFooter--5cols > .siteFooter__whoWeAre {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .siteFooter.siteFooter--5cols > .siteFooter__subs {
        -ms-grid-row: 5;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1
    }
}

@media (min-width: 962px) {
    .siteFooter.siteFooter--5cols > .siteFooter__subscribe {
        -ms-grid-row: 2;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1
    }

    .siteFooter.siteFooter--5cols > .siteFooter__casino {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .siteFooter.siteFooter--5cols > .siteFooter__howTo {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .siteFooter.siteFooter--5cols > .siteFooter__whoWeAre {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .siteFooter.siteFooter--5cols > .siteFooter__subs {
        -ms-grid-row: 4;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1
    }
}

.topRooms__list .terms a {
    color: inherit;
    text-decoration: underline
}

.loginForm {
    align-items: center;
    display: flex;
    flex-direction: column
}

.loginForm p {
    text-align: center
}

.loginForm p + p {
    margin-top: -6px
}

.loginForm p.lighter {
    color: var(--grey-700);
    font-size: 13px
}

.loginForm p.light {
    color: var(--grey-700)
}

.loginForm p + .pn-field.width-btn {
    margin-top: 3px
}

.loginForm .forgot {
    align-self: flex-end;
    margin-top: 5px;
    position: relative
}

.loginForm .forgot > a {
    font-size: 13px
}

.loginForm .pn-field {
    margin-bottom: 8px
}

.loginForm .tip {
    display: none
}

.loginForm .needAttention .tip {
    display: block
}

.loginForm .tip.last {
    margin-bottom: 5px;
    margin-top: 20px
}

.loginModalContainer {
    padding: 40px
}

@media (max-width: 479px) {
    .loginModalContainer {
        padding: 20px
    }
}

.loginModalContainer > b {
    display: block;
    font-size: 22px;
    line-height: 42px;
    margin: 0 0 15px;
    text-align: center
}

@media (max-width: 479px) {
    .loginModalContainer > b {
        line-height: 32px;
        margin: 0 40px 15px
    }
}

.loginModalContainer .footer {
    color: var(--grey-700);
    font-size: 13px;
    line-height: 26px;
    margin-top: 30px;
    text-align: center
}

@media (max-width: 359px) {
    .loginModalContainer .footer a {
        display: block
    }
}

.LoginModalWindow {
    cursor: default;
    position: fixed !important
}

@media (min-width: 480px) {
    .LoginModalWindow {
        height: 90vh !important;
        max-height: 730px !important;
        top: 50% !important;
        transform: translateY(-50%)
    }
}

@media (max-width: 479px) {
    .LoginModalWindow {
        height: auto !important;
        inset: 0 !important;
        margin: 0 !important;
        width: auto !important
    }
}

@media (min-height: 680px)and (max-width: 479px) {
    .LoginModalWindow {
        align-items: center;
        display: flex
    }
}

.LoginModalWindow .modalWindowCloseButton {
    position: absolute;
    right: 0;
    top: 0
}

.socialLoginsButtons {
    column-gap: 16px;
    display: flex;
    justify-content: center
}

.loginMessage__myStable {
    text-align: center
}

.loginMessage__myStable img {
    margin-bottom: 16px;
    vertical-align: top
}

.loginMessage__myStable .ds-p a {
    text-decoration: none
}

.pn-field {
    margin-bottom: 5px;
    --btn-width: 148px;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.pn-field > input[type] {
    border: initial;
    color: initial;
    height: auto;
    margin: initial;
    outline: initial;
    padding: initial
}

.pn-field > input[type] {
    background-color: var(--grey-200);
    border: 1px solid var(--grey-300);
    border-radius: 4px;
    height: 48px;
    margin-bottom: 5px;
    outline: none;
    padding: 13px 15px;
    width: 100%
}

.pn-field:focus-within > input[type] {
    border-color: #0046ba
}

.pn-field .tip {
    background-color: initial;
    color: initial;
    font-size: medium;
    font-weight: 400;
    margin-bottom: 0;
    padding: initial;
    text-align: initial;
    width: 100%
}

html.wf-active .pn-field .tip {
    font-family: inherit
}

.pn-field .tip {
    color: var(--warning-color);
    display: none;
    font-size: 13px;
    line-height: 1;
    margin: 1px 0
}

.pn-field.needAttention > .tip {
    display: block
}

.pn-field.needAttention > input[type] {
    border-color: var(--warning-color)
}

@media (min-width: 480px) {
    .pn-field.width-btn > input[type] {
        width: calc(100% - var(--btn-width) - 20px)
    }

    .pn-field.width-btn > input + button {
        margin-left: 20px;
        width: var(--btn-width)
    }
}

@media (max-width: 479px) {
    .pn-field.width-btn > input[type] {
        width: 100%
    }

    .pn-field.width-btn > input + button {
        margin-top: 8px;
        order: 1
    }
}

.pn-space-360 {
    max-width: 360px
}

.pn-space-400 {
    max-width: 400px
}

.pn-space-450 {
    max-width: 450px
}

.pn-space-528 {
    max-width: 528px
}

.pn-space-700 {
    max-width: 700px
}

.sectionIntro {
    margin-bottom: 30px
}

.sectionIntro p:first-child {
    margin-top: 0
}

.outlinedWidget {
    border: 1px solid var(--grey-400);
    border-radius: var(--rad)
}

.outlinedWidget header {
    border-bottom: 1px solid var(--grey-400);
    padding: 20px;
    text-align: center
}

.outlinedWidget header h3 {
    margin: 0
}

.outlinedWidget footer {
    border-top: 1px solid var(--grey-400);
    line-height: 48px;
    text-align: center
}

.outlinedWidget footer a {
    color: var(--primary-500);
    font-weight: 600;
    text-transform: uppercase
}

.outlinedWidget footer a:hover {
    text-decoration: underline
}

input[type=search] {
    appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    padding: 10px;
    resize: vertical;
    vertical-align: top
}

input.toggler {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    appearance: none;
    pointer-events: none
}

input[type=email], input[type=password], input[type=search], input[type=text], select, textarea {
    border-color: #b4b4b4 #fff #fff #d1d1d1;
    border-style: solid;
    border-width: 1px;
    color: #000;
    margin-bottom: 20px;
    outline: none
}

input[type=email], input[type=password], input[type=search], input[type=text] {
    height: 30px
}

select {
    padding: 3px 0 3px 6px
}

button[disabled], input[disabled] {
    opacity: .6
}

.DLForm {
    background-color: #f2f2f2;
    margin: 0 auto;
    padding: 40px 40px 30px;
    position: relative
}

@media (min-width: 768px) {
    .DLForm {
        width: 530px
    }
}

@media (max-width: 767px) {
    .DLForm {
        margin: 0 -20px;
        padding: 20px
    }
}

.DLForm dl {
    margin: 0
}

.DLForm dt {
    clear: left;
    float: left;
    padding: 0 10px 10px 0;
    width: 130px
}

.DLForm dt label {
    opacity: .5;
    position: relative;
    top: 4px
}

.DLForm dd {
    margin-left: 0;
    padding: 0 0 10px 150px
}

.DLForm input[type=email], .DLForm input[type=password], .DLForm input[type=text], .DLForm select, .DLForm textarea {
    margin-bottom: 10px;
    width: 100%
}

.DLForm textarea {
    margin-bottom: 30px
}

.DLForm input[type=email]:focus, .DLForm input[type=text]:focus, .DLForm select:focus, .DLForm textarea:focus {
    background-color: #e3f6fe;
    border-color: #85b6cb
}

.DLForm .checkbox input[type=checkbox] {
    float: left;
    position: relative;
    top: 3px
}

.DLForm .checkbox label {
    display: block;
    margin-left: 30px
}

@media (max-width: 479px) {
    .DLForm dt {
        float: none;
        padding: 0;
        width: auto
    }

    .DLForm dd {
        margin: 10px 0;
        padding: 0
    }
}

.formTip {
    display: block;
    font-size: 11px;
    opacity: .6
}

.pn-error {
    align-items: center;
    border: 1px solid var(--warning-color);
    border-radius: var(--rad);
    color: var(--warning-color);
    column-gap: 10px;
    display: grid;
    font-weight: 600;
    grid-template-columns:24px auto;
    padding: 9px 15px;
    text-align: left;
    width: 100%
}

.pn-error:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS4wMjMiIGhlaWdodD0iMjIuNjc1Ij48cGF0aCBmaWxsPSIjZmZjOWNiIiBzdHJva2U9IiNlZTFjMjQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0ibS44MSAxOC4zMjQgOS4zMjMtMTYuMzU1YTIuNjYgMi42NiAwIDAgMSA0Ljc1OCAwbDkuMzIzIDE2LjM1NWEyLjY2IDIuNjYgMCAwIDEtMi4zNzkgMy44NTFIMy4xODlBMi42NiAyLjY2IDAgMCAxIC44MSAxOC4zMjR6Ii8+PHBhdGggZmlsbD0iI2VlMWMyNCIgZD0iTTExLjYzNCAxNy44N3EwLS45ODkuODczLS45OWEuODQuODQgMCAwIDEgLjY1Mi4yNTUgMS4wNyAxLjA3IDAgMCAxIC4yMjkuNzM1IDEuMDQgMS4wNCAwIDAgMS0uMjMyLjcyNC44My44MyAwIDAgMS0uNjQ4LjI1OC44OS44OSAwIDAgMS0uNjI2LS4yMjkgMSAxIDAgMCAxLS4yNDgtLjc1M20xLjI2Ny0yLjE2MmgtLjc2NUwxMS43NjYgOGgxLjUwNnoiLz48L3N2Zz4=)
}

.error, .success, .tip {
    margin-bottom: 20px;
    padding: 8px 20px;
    text-align: center
}

.error a, .success a, .tip a {
    color: inherit;
    text-decoration: underline
}

.error, .tip {
    background-color: var(--red-500);
    color: #fff;
    font-weight: 600
}

.success {
    background-color: #1ed56033;
    color: #000
}

.popup-banner .inner {
    background-color: #000;
    box-shadow: 0 0 0 4000px #0000004d;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100003
}

.popup-banner .inner .close {
    background: var(--primary-500);
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -30px;
    top: 0;
    width: 30px
}

.popup-banner .inner .close:after {
    background-image: linear-gradient(90deg, #0000 8px, #fff 0, #fff 12px, #0000 0), linear-gradient(180deg, #0000 8px, #fff 0, #fff 12px, #0000 0);
    content: "";
    display: inline-block;
    display: block;
    height: 20px;
    margin: 6px auto;
    transform: rotate(-45deg);
    width: 20px
}

.popup-banner .inner .offers {
    display: grid;
    grid-gap: 10px;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr
}

.popup-banner .inner .offers li {
    background: #fff;
    display: grid;
    grid-template-rows:1fr 1fr 1fr;
    height: 230px;
    text-align: center;
    width: 220px
}

.popup-banner .inner .offers figure {
    background-color: #000;
    line-height: 80px;
    padding: 5px 20px
}

.popup-banner .inner .offers figure img {
    display: inline !important;
    max-height: 70px;
    max-width: 150px;
    vertical-align: middle
}

.popup-banner .inner .offers p {
    align-self: center;
    color: #707070;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    padding: 15px 15px 0
}

.popup-banner .inner .offers div {
    align-self: end;
    padding: 0 15px 15px
}

.popup-banner .inner .offers a {
    background-color: var(--primary-500);
    border-radius: 20px;
    color: #fff;
    display: block;
    line-height: 40px
}

.virgutis.stickyFooter {
    bottom: 0;
    left: 0;
    min-height: 50px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 9
}

.virgutis.stickyFooter object {
    display: block;
    margin: 0 auto
}

@media screen and (orientation: portrait) {
    .virgutis.stickyFooter * {
        max-width: 320px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .virgutis.stickyFooter {
        display: none !important
    }
}

.virgutis.stickyFooter .close {
    right: 5px;
    top: -25px
}

.fullScreenMobile {
    background-color: #000;
    height: 100%;
    inset: 0;
    position: fixed;
    text-align: center;
    z-index: 100004
}

.fullScreenMobile .mobilePopup {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.fullScreenMobile iframe, .fullScreenMobile img {
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.fullScreenMobile .close {
    background: var(--primary-500);
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    height: 38px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 38px;
    z-index: 1
}

.mobileScroll {
    border: 0;
    display: block;
    height: 80vh;
    max-height: 80%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.mobileScroll .space {
    height: 100%;
    height: 100vh;
    inset: 0 auto auto 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    clip: rect(0 auto auto 0);
    clip-path: inset(0)
}

.mobileScroll .space > * {
    background-color: #fff;
    background-position: top 80px center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 100%;
    inset: 0 20px auto;
    position: fixed;
    transform: translateZ(0)
}

@media (min-width: 1301px) {
    .hasWallpaper {
        background-attachment: fixed;
        background-position: top;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .hasWallpaper .virgutis--top, .hasWallpaper .virgutis--topMobile {
        display: none !important
    }

    .hasWallpaper body {
        cursor: auto;
        margin-top: 130px
    }

    .hasWallpaper .modalWindowBackground, .hasWallpaper .modalWindowContent {
        cursor: auto
    }
}

@media (max-width: 1300px) {
    .hasWallpaper {
        background-color: var(--grey-400) !important;
        background-image: none !important
    }
}

.novirgutis .virgutis, body footer ~ iframe:not(.modalWindow), body footer ~ img {
    display: none !important
}

.virgutis {
    background: var(--grey-100)
}

.virgutis iframe, .virgutis img {
    display: block;
    margin: 0 auto
}

@media (min-width: 600px) {
    .virgutis[data-max-width="600"] {
        display: none !important
    }
}

@media (min-width: 962px) {
    .virgutis--videoFirst {
        margin-top: -40px
    }
}

.videoContainer .virgutis {
    background-clip: padding-box
}

article .virgutis {
    clear: both
}

@media (min-width: 501px) {
    .article .virgutis {
        padding: 5px !important
    }
}

@media (min-width: 1141px) {
    .article .virgutis {
        margin-left: -14px;
        margin-right: -14px
    }
}

@media (max-width: 500px) {
    .article .virgutis {
        padding: 0 !important
    }
}

.virgutis--close {
    position: relative
}

.virgutis--close .close {
    background-color: #000;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    padding: 0;
    position: absolute;
    width: 20px;
    z-index: 1
}

.virgutis--close .close:after {
    background-image: linear-gradient(90deg, #0000 6px, #fff 0, #fff 8px, #0000 0), linear-gradient(180deg, #0000 6px, #fff 0, #fff 8px, #0000 0);
    content: "";
    display: inline-block;
    display: block;
    height: 14px;
    margin: 0 0 0 3px;
    transform: rotate(-45deg);
    width: 14px
}

#sideBar .virgutis {
    background-color: #f2f2f2
}

#main .virgutis:not([data-zone="sponsored:post"]) {
    margin-bottom: 20px;
    text-align: center
}

#bnChildContainer {
    height: 0
}

#bnChildContainer img {
    display: block;
    margin: 0 auto
}

.virgutis--rectangle {
    min-height: 300px
}

.virgutis--topMobile {
    --aspect-ratio-w: 320;
    --aspect-ratio-h: 50
}

.virgutis--leaderboard, .virgutis--top {
    max-width: 728px;
    --aspect-ratio-w: 728;
    --aspect-ratio-h: 90
}

@media (max-width: 479px) {
    .virgutis--leaderboard[data-mzone], .virgutis--top[data-mzone] {
        --aspect-ratio-w: 300;
        --aspect-ratio-h: 100
    }
}

.virgutis--leaderboard:not(.scrolled-in-article), .virgutis--top, .virgutis--topMobile {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.virgutis--leaderboard:not(.scrolled-in-article):before, .virgutis--top:before, .virgutis--topMobile:before {
    content: "";
    display: block;
    padding-top: calc(var(--aspect-ratio-h) / var(--aspect-ratio-w) * 100%)
}

.virgutis--leaderboard:not(.scrolled-in-article) a, .virgutis--leaderboard:not(.scrolled-in-article) a img, .virgutis--leaderboard:not(.scrolled-in-article) iframe, .virgutis--top a, .virgutis--top a img, .virgutis--top iframe, .virgutis--topMobile a, .virgutis--topMobile a img, .virgutis--topMobile iframe {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%
}

.editButtonSitemap {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 3
}

.article .editButtonSitemap {
    z-index: 5
}

@media (min-width: 1171px) {
    .editButtonSitemap {
        top: -15px
    }
}

.controls, .editButton {
    display: none !important
}

#reportingMyStackTabItems .controls {
    float: none;
    justify-content: center;
    margin-bottom: 20px;
    position: static
}

.isAdmBox .editButton {
    display: inline-block !important;
    margin-bottom: 20px
}

.isAdmBox .controls {
    display: flex !important
}

.isAdmBox[data-section=reporting] .editButtonSitemap {
    display: none
}
.navbar__logo {
    margin: 15px;
    font-size: 20px;
}

article img {
    display: block;
    max-width: 100%;
    border-radius: 14px;
    margin: 30px auto;
}

table {
    border-collapse: collapse;
    margin: 30px 0;
    width: 100%;
}
td, th {
    word-break: break-all;
    text-align: center;
    padding: 5px;
    border: 1px solid black;
}