img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

figure img {
    border-radius: 14px;
    margin: 30px auto;
}

fieldset[disabled] .multiselect {
    pointer-events: none
}
.contw ul, .contw ol {
    padding-left: 25px;
}

.multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 35px;
    background: #fff;
    display: block
}
h1, h2, h3, h4 {
    font-weight: bold;
    font-size: 25px;
}
h2 {
    font-size: 20px;
}

.multiselect__spinner:after, .multiselect__spinner:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 2px solid transparent;
    border-top-color: #41b883;
    box-shadow: 0 0 0 1px transparent
}

.multiselect__spinner:before {
    -webkit-animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
    animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.multiselect__spinner:after {
    -webkit-animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
    animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.multiselect__loading-enter-active, .multiselect__loading-leave-active {
    transition: opacity .4s ease-in-out;
    opacity: 1
}

.multiselect__loading-enter, .multiselect__loading-leave-active {
    opacity: 0
}

.multiselect, .multiselect__input, .multiselect__single {
    font-family: inherit;
    font-size: 16px;
    touch-action: manipulation
}

.multiselect {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: 100%;
    min-height: 40px;
    text-align: left;
    color: #35495e
}

.multiselect * {
    box-sizing: border-box
}

.multiselect:focus {
    outline: none
}

.multiselect--disabled {
    background: #ededed;
    pointer-events: none;
    opacity: .6
}

.multiselect--active {
    z-index: 50
}

.multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.multiselect--active .multiselect__select {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.multiselect__input, .multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 0 0 0 5px;
    width: 100%;
    transition: border .1s ease;
    box-sizing: border-box;
    margin-bottom: 8px;
    vertical-align: top
}

.multiselect__input:-ms-input-placeholder {
    color: #35495e
}

.multiselect__input::-webkit-input-placeholder {
    color: #35495e
}

.multiselect__input::placeholder {
    color: #35495e
}

.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single {
    width: auto
}

.multiselect__input:hover, .multiselect__single:hover {
    border-color: #cfcfcf
}

.multiselect__input:focus, .multiselect__single:focus {
    border-color: #a8a8a8;
    outline: none
}

.multiselect__single {
    padding-left: 5px;
    margin-bottom: 8px
}

.multiselect__tags-wrap {
    display: inline
}

.multiselect__tags {
    min-height: 40px;
    display: block;
    padding: 8px 40px 0 8px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px
}

.multiselect__tag {
    position: relative;
    display: inline-block;
    padding: 4px 26px 4px 10px;
    border-radius: 5px;
    margin-right: 10px;
    color: #fff;
    line-height: 1;
    background: #41b883;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

.multiselect__tag-icon {
    cursor: pointer;
    margin-left: 7px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-weight: 700;
    font-style: normal;
    width: 22px;
    text-align: center;
    line-height: 22px;
    transition: all .2s ease;
    border-radius: 5px
}

.multiselect__tag-icon:after {
    content: "\D7";
    color: #266d4d;
    font-size: 14px
}

.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
    background: #369a6e
}

.multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {
    color: #fff
}

.multiselect__current {
    min-height: 40px;
    overflow: hidden;
    padding: 8px 30px 0 12px;
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid #e8e8e8
}

.multiselect__current, .multiselect__select {
    line-height: 16px;
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer
}

.multiselect__select {
    position: absolute;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    text-align: center;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.multiselect__select:before {
    position: relative;
    right: 0;
    top: 65%;
    color: #999;
    margin-top: 4px;
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: ""
}

.multiselect__placeholder {
    color: #adadad;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 2px
}

.multiselect--active .multiselect__placeholder {
    display: none
}

.multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 50;
    -webkit-overflow-scrolling: touch
}

.multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%;
    vertical-align: top
}

.multiselect--above .multiselect__content-wrapper {
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    border-top: 1px solid #e8e8e8
}

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

.multiselect__element {
    display: block
}

.multiselect__option {
    display: block;
    padding: 12px;
    min-height: 40px;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.multiselect__option:after {
    top: 0;
    right: 0;
    position: absolute;
    line-height: 40px;
    padding-right: 12px;
    padding-left: 20px;
    font-size: 13px
}

.multiselect__option--highlight {
    background: #41b883;
    outline: none;
    color: #fff
}

.multiselect__option--highlight:after {
    content: attr(data-select);
    background: #41b883;
    color: #fff
}

.multiselect__option--selected {
    background: #f3f3f3;
    color: #35495e;
    font-weight: 700
}

.multiselect__option--selected:after {
    content: attr(data-selected);
    color: silver
}

.multiselect__option--selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select {
    background: #ededed;
    color: #a6a6a6
}

.multiselect__option--disabled {
    background: #ededed !important;
    color: #a6a6a6 !important;
    cursor: text;
    pointer-events: none
}

.multiselect__option--group {
    background: #ededed;
    color: #35495e
}

.multiselect__option--group.multiselect__option--highlight {
    background: #35495e;
    color: #fff
}

.multiselect__option--group.multiselect__option--highlight:after {
    background: #35495e
}

.multiselect__option--disabled.multiselect__option--highlight {
    background: #dedede
}

.multiselect__option--group-selected.multiselect__option--highlight {
    background: #ff6a6a;
    color: #fff
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    color: #fff
}

.multiselect-enter-active, .multiselect-leave-active {
    transition: all .15s ease
}

.multiselect-enter, .multiselect-leave-active {
    opacity: 0
}

.multiselect__strong {
    margin-bottom: 8px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}

[dir=rtl] .multiselect {
    text-align: right
}

[dir=rtl] .multiselect__select {
    right: auto;
    left: 1px
}

[dir=rtl] .multiselect__tags {
    padding: 8px 8px 0 40px
}

[dir=rtl] .multiselect__content {
    text-align: right
}

[dir=rtl] .multiselect__option:after {
    right: auto;
    left: 0
}

[dir=rtl] .multiselect__clear {
    right: auto;
    left: 12px
}

[dir=rtl] .multiselect__spinner {
    right: auto;
    left: 1px
}

@-webkit-keyframes spinning {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@keyframes spinning {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@charset "UTF-8";
html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15
}

body {
    margin: 0
}

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

.c-novomind .context-list-wrapper .context-entry .context-title, .c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .search-result-item, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button, .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faq-item, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faq-item, a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

video {
    display: inline-block
}

img {
    border-style: none
}

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

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

textarea {
    overflow: auto
}

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

[type=search] {
    -webkit-appearance: none;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[hidden] {
    display: none
}

body, html {
    overflow-x: hidden
}

body, caption, dd, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, ol, p, table, td, th, ul {
    margin: 0;
    padding: 0
}

li > ol, li > ul {
    margin-bottom: 0
}

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

svg {
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    fill: currentColor;
    pointer-events: none
}

i, picture, svg {
    display: block
}

i {
    font-style: normal
}

.c-novomind .context-list-wrapper .context-entry .context-title, .c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .search-result-item, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button, .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faq-item, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faq-item, a, button {
    border: none;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    transition: all .2s cubic-bezier(.55, 0, .1, 1)
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    line-height: 22px
}

input, select, textarea {
    width: 100%
}

label {
    cursor: pointer
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

p {
    margin: 0 0 1.5em
}

iframe {
    display: block;
    width: 0;
    min-width: 100%;
    border: none
}

img {
    display: block;
    max-width: 100%
}

.c-novomind .context-list-wrapper .context-entry .context-title, .c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .search-result-item, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button, .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faq-item, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faq-item, a {
    display: inline-block;
    color: #5be6fe;
    font-weight: 400;
    text-decoration: none
}

.c-novomind .context-list-wrapper .context-entry .context-title:active, .c-novomind .context-list-wrapper .context-entry .context-title:focus, .c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry:active, .c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry:focus, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .search-result-item:active, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .search-result-item:focus, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button:active, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button:focus, .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faq-item:active, .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faq-item:focus, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faq-item:active, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faq-item:focus, a:active, a:focus {
    color: #fff
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-novomind .context-list-wrapper .context-entry .context-title:hover, .c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .search-result-item:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faq-item:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faq-item:hover, a:hover {
        color: #fff
    }
}

[role~=button]:focus {
    outline: 0
}

html {
    font-size: 1em;
    line-height: 1.375;
    font-family: Source Sans Pro, sans-serif;
    color: #fff;
    overflow-y: scroll;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    scroll-padding-top: 80px
}

html.has-open-game, html.has-overlay {
    min-height: 100vh
}

@media (max-width: 63.99em) {
    html.has-open-game, html.has-overlay {
        overflow-y: hidden
    }
}

body {
    background: #000;
    min-height: 100vh;
    min-width: 320px
}

body:before {
    z-index: 1000 !important
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-spacing: 0
}

table.dataTable td, table.dataTable th {
    text-align: left
}

table.dataTable tfoot th, table.dataTable thead th {
    text-transform: uppercase;
    font-weight: 600
}

table.dataTable thead td:active, table.dataTable thead th:active {
    outline: none
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    cursor: pointer
}

table.dataTable thead .sorting:after {
    content: " \2195"
}

table.dataTable thead .sorting_asc:after {
    content: " \2191"
}

table.dataTable thead .sorting_desc:after {
    content: " \2193"
}

table.dataTable tbody > tr {
    transition: all .4s ease
}

table.dataTable tbody > tr > td.dataTables_empty {
    text-align: center
}

table.dataTable tbody > tr > td.column-amount {
    text-align: right;
    font-weight: 600
}

table.dataTable tbody > tr[role=row]:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.dataTables_wrapper {
    position: relative;
    clear: both
}

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length {
    display: none
}

.dataTables_wrapper .dataTables_length {
    float: left
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left
}

.dataTables_wrapper .dataTables_paginate {
    float: none;
    display: table;
    margin: 10px auto 6px;
    margin-top: 10px;
    margin-bottom: 6px
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    display: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    float: left;
    display: inline;
    margin: 0 4px;
    padding: 3px 12px;
    height: 32px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #5be6fe;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #fff;
    cursor: default
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #fff
}

.dataTables_wrapper .dataTables_paginate > .paginate_button:first-child {
    margin-left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.dataTables_wrapper .dataTables_paginate > .paginate_button:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child {
    cursor: default !important
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before {
    display: none !important
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    position: relative;
    padding-left: 30px;
    padding-top: 10px;
    cursor: pointer
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    content: "+";
    top: 13px;
    left: 4px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: #171717;
    border-radius: 16px;
    text-align: left;
    text-indent: 4px;
    line-height: 16px;
    background-color: #fff
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: "-";
    text-indent: 6px;
    line-height: 14px
}

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
    display: none
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px
}

table.dataTable > tbody > tr.child {
    padding: .5em 1em
}

table.dataTable > tbody > tr.child ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

table.dataTable > tbody > tr.child ul li {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px
}

table.dataTable > tbody > tr.child ul li:first-child {
    padding-top: 0
}

table.dataTable > tbody > tr.child ul li:last-child {
    border-bottom: none
}

table.dataTable > tbody > tr.child ul li span {
    width: 50%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

table.dataTable > tbody > tr.child span.dtr-data {
    padding-right: 16px;
    padding-left: 16px
}

table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: 700
}

.Zebra_DatePicker {
    border: 1px solid #252525;
    border-radius: 5px;
    background-color: #171717;
    color: #fff;
    font-size: 14px;
    max-width: 250px
}

.Zebra_DatePicker table {
    width: 100% !important;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 0
}

.Zebra_DatePicker table td, .Zebra_DatePicker table th {
    padding: 5px 0;
    text-align: center
}

.Zebra_DatePicker table td {
    border-radius: 3px;
    cursor: pointer
}

.Zebra_DatePicker table.dp_footer .dp_hover, .Zebra_DatePicker table.dp_header .dp_hover {
    border-radius: 5px;
    color: #ffe349
}

.Zebra_DatePicker table.dp_header {
    width: 100% !important;
    font-weight: 700;
    background-color: #000
}

.Zebra_DatePicker table.dp_header .dp_next, .Zebra_DatePicker table.dp_header .dp_previous {
    width: 20%
}

.Zebra_DatePicker table.dp_daypicker, .Zebra_DatePicker table.dp_monthpicker, .Zebra_DatePicker table.dp_yearpicker {
    margin-top: 3px
}

.Zebra_DatePicker table.dp_daypicker td:hover, .Zebra_DatePicker table.dp_monthpicker td:hover, .Zebra_DatePicker table.dp_yearpicker td:hover {
    background: #ffe349;
    color: #000
}

.Zebra_DatePicker table.dp_daypicker td.dp_selected, .Zebra_DatePicker table.dp_monthpicker td.dp_selected, .Zebra_DatePicker table.dp_yearpicker td.dp_selected {
    background: #ffe349;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #ffd965), color-stop(100%, #ffb300));
    background: linear-gradient(180deg, #ffd965 0, #ffb300);
    color: #090909
}

.Zebra_DatePicker table.dp_daypicker, .Zebra_DatePicker table.dp_footer {
    background-color: #000
}

.Zebra_DatePicker table.dp_daypicker td, .Zebra_DatePicker table.dp_daypicker th {
    width: 14.28%
}

.Zebra_DatePicker table.dp_daypicker td.dp_not_in_month {
    color: #747474;
    cursor: default
}

.Zebra_DatePicker table.dp_daypicker td.dp_not_in_month_selectable {
    color: #747474;
    cursor: pointer
}

.Zebra_DatePicker table.dp_daypicker td.dp_weekend {
    font-weight: 700
}

.Zebra_DatePicker table.dp_monthpicker td, .Zebra_DatePicker table.dp_monthpicker th {
    width: 33%
}

.Zebra_DatePicker.dp_visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.Zebra_DatePicker.dp_hidden {
    visibility: hidden;
    opacity: 0
}

.swiper-container {
    margin-top: -40px;
    margin-bottom: -40px;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    list-style: none;
    z-index: 1
}

@media (min-width: 93.75em) {
    .swiper-container {
        margin: -40px;
        padding: 40px
    }
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box;
    pointer-events: none
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-duration: .2s;
    box-sizing: border-box
}

@media (min-width: 64em) {
    .swiper-slide {
        opacity: 0;
        pointer-events: none
    }
}

.swiper-slide-visible {
    opacity: 1;
    pointer-events: auto
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    display: none
}

.swiper-container-horizontal .swiper-button-next, .swiper-container-horizontal .swiper-button-prev {
    display: block
}

.o-paging__next.swiper-button-next {
    right: 0;
    border-radius: 24px
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .o-paging__next.swiper-button-next:hover i {
        color: #fff
    }
}

.o-paging__prev.swiper-button-prev {
    left: 0;
    border-radius: 24px
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .o-paging__prev.swiper-button-prev:hover i {
        color: #fff
    }
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.o-animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.flip-list-move {
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.o-animate, .o-animated {
    transition: all 1s
}

.o-animate, .o-animated, .o-animated-opacity {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.o-animated-opacity {
    transition: opacity 1s
}

.c-popup .o-animate, .c-popup .o-animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.c-popup__container .o-animate, .c-popup__container .o-animated {
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.c-popup__container--10 .o-animate, .c-popup__container--10 .o-animated {
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}

.c-button-smart .o-animate, .c-button-smart .o-animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.o-animated--infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.o-animated--fade-enter-active {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.o-animated--fade-leave-active {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.o-animated--modal-fade-in {
    -webkit-animation-name: modalFadeIn;
    animation-name: modalFadeIn
}

.o-animated--slide-in-top-enter-active, .o-animated--slide-in-top-leave-active {
    transition: all 1s
}

.o-animated--slide-in-top-enter, .o-animated--slide-in-top-leave-to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.o-animated--bounce-enter-active {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.o-animated--bounce-leave-active {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

.o-animated--sparkle {
    -webkit-animation-name: sparkle;
    animation-name: sparkle;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.o-animated--pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.o-animated--popup-enter-active .c-popup {
    -webkit-animation-name: popupIn;
    animation-name: popupIn
}

.o-animated--popup-leave-active .c-popup {
    -webkit-animation-name: popupOut;
    animation-name: popupOut
}

@-webkit-keyframes modalFadeIn {
    0% {
        background-color: transparent
    }
    to {
        background-color: rgba(0, 0, 0, .7)
    }
}

@keyframes modalFadeIn {
    0% {
        background-color: transparent
    }
    to {
        background-color: rgba(0, 0, 0, .7)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes sparkle {
    0% {
        opacity: 1
    }
    25% {
        -webkit-transform: translate3d(-50%, -200%, 0);
        transform: translate3d(-50%, -200%, 0)
    }
    75% {
        -webkit-transform: translate3d(20%, -600%, 0);
        transform: translate3d(20%, -600%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-20%, -800%, 0);
        transform: translate3d(-20%, -800%, 0)
    }
}

@keyframes sparkle {
    0% {
        opacity: 1
    }
    25% {
        -webkit-transform: translate3d(-50%, -200%, 0);
        transform: translate3d(-50%, -200%, 0)
    }
    75% {
        -webkit-transform: translate3d(20%, -600%, 0);
        transform: translate3d(20%, -600%, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-20%, -800%, 0);
        transform: translate3d(-20%, -800%, 0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@-webkit-keyframes popupIn {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
}

@keyframes popupIn {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
}

@-webkit-keyframes popupOut {
    0% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
}

@keyframes popupOut {
    0% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
}

.o-box {
    margin: -4px
}

.o-box--none {
    margin: 0
}

.o-box--atomic {
    margin: -.5px
}

.o-box--reduced {
    margin: -2px
}

.o-box--regular {
    margin: -4px
}

.o-box--increased {
    margin: -6px
}

.o-box--large {
    margin: -8px
}

.o-box--huge {
    margin: -10px
}

.o-box--giant {
    margin: -12px
}

.o-box--mega {
    margin: -16px
}

.o-box--super {
    margin: -20px
}

.o-box--giga {
    margin: -32px
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-box--none\@xs {
        margin: 0
    }

    .o-box--atomic\@xs {
        margin: -.5px
    }

    .o-box--reduced\@xs {
        margin: -2px
    }

    .o-box--regular\@xs {
        margin: -4px
    }

    .o-box--increased\@xs {
        margin: -6px
    }

    .o-box--large\@xs {
        margin: -8px
    }

    .o-box--huge\@xs {
        margin: -10px
    }

    .o-box--giant\@xs {
        margin: -12px
    }

    .o-box--mega\@xs {
        margin: -16px
    }

    .o-box--super\@xs {
        margin: -20px
    }

    .o-box--giga\@xs {
        margin: -32px
    }
}

@media (min-width: 48em) {
    .o-box--none\@sm\+ {
        margin: 0
    }

    .o-box--atomic\@sm\+ {
        margin: -.5px
    }

    .o-box--reduced\@sm\+ {
        margin: -2px
    }

    .o-box--regular\@sm\+ {
        margin: -4px
    }

    .o-box--increased\@sm\+ {
        margin: -6px
    }

    .o-box--large\@sm\+ {
        margin: -8px
    }

    .o-box--huge\@sm\+ {
        margin: -10px
    }

    .o-box--giant\@sm\+ {
        margin: -12px
    }

    .o-box--mega\@sm\+ {
        margin: -16px
    }

    .o-box--super\@sm\+ {
        margin: -20px
    }

    .o-box--giga\@sm\+ {
        margin: -32px
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-box--none\@sm {
        margin: 0
    }

    .o-box--atomic\@sm {
        margin: -.5px
    }

    .o-box--reduced\@sm {
        margin: -2px
    }

    .o-box--regular\@sm {
        margin: -4px
    }

    .o-box--increased\@sm {
        margin: -6px
    }

    .o-box--large\@sm {
        margin: -8px
    }

    .o-box--huge\@sm {
        margin: -10px
    }

    .o-box--giant\@sm {
        margin: -12px
    }

    .o-box--mega\@sm {
        margin: -16px
    }

    .o-box--super\@sm {
        margin: -20px
    }

    .o-box--giga\@sm {
        margin: -32px
    }
}

@media (min-width: 64em) {
    .o-box--none\@md\+ {
        margin: 0
    }

    .o-box--atomic\@md\+ {
        margin: -.5px
    }

    .o-box--reduced\@md\+ {
        margin: -2px
    }

    .o-box--regular\@md\+ {
        margin: -4px
    }

    .o-box--increased\@md\+ {
        margin: -6px
    }

    .o-box--large\@md\+ {
        margin: -8px
    }

    .o-box--huge\@md\+ {
        margin: -10px
    }

    .o-box--giant\@md\+ {
        margin: -12px
    }

    .o-box--mega\@md\+ {
        margin: -16px
    }

    .o-box--super\@md\+ {
        margin: -20px
    }

    .o-box--giga\@md\+ {
        margin: -32px
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-box--none\@md {
        margin: 0
    }

    .o-box--atomic\@md {
        margin: -.5px
    }

    .o-box--reduced\@md {
        margin: -2px
    }

    .o-box--regular\@md {
        margin: -4px
    }

    .o-box--increased\@md {
        margin: -6px
    }

    .o-box--large\@md {
        margin: -8px
    }

    .o-box--huge\@md {
        margin: -10px
    }

    .o-box--giant\@md {
        margin: -12px
    }

    .o-box--mega\@md {
        margin: -16px
    }

    .o-box--super\@md {
        margin: -20px
    }

    .o-box--giga\@md {
        margin: -32px
    }
}

@media (min-width: 85.375em) {
    .o-box--none\@lg\+ {
        margin: 0
    }

    .o-box--atomic\@lg\+ {
        margin: -.5px
    }

    .o-box--reduced\@lg\+ {
        margin: -2px
    }

    .o-box--regular\@lg\+ {
        margin: -4px
    }

    .o-box--increased\@lg\+ {
        margin: -6px
    }

    .o-box--large\@lg\+ {
        margin: -8px
    }

    .o-box--huge\@lg\+ {
        margin: -10px
    }

    .o-box--giant\@lg\+ {
        margin: -12px
    }

    .o-box--mega\@lg\+ {
        margin: -16px
    }

    .o-box--super\@lg\+ {
        margin: -20px
    }

    .o-box--giga\@lg\+ {
        margin: -32px
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-box--none\@lg {
        margin: 0
    }

    .o-box--atomic\@lg {
        margin: -.5px
    }

    .o-box--reduced\@lg {
        margin: -2px
    }

    .o-box--regular\@lg {
        margin: -4px
    }

    .o-box--increased\@lg {
        margin: -6px
    }

    .o-box--large\@lg {
        margin: -8px
    }

    .o-box--huge\@lg {
        margin: -10px
    }

    .o-box--giant\@lg {
        margin: -12px
    }

    .o-box--mega\@lg {
        margin: -16px
    }

    .o-box--super\@lg {
        margin: -20px
    }

    .o-box--giga\@lg {
        margin: -32px
    }
}

@media (min-width: 90em) {
    .o-box--none\@xl\+ {
        margin: 0
    }

    .o-box--atomic\@xl\+ {
        margin: -.5px
    }

    .o-box--reduced\@xl\+ {
        margin: -2px
    }

    .o-box--regular\@xl\+ {
        margin: -4px
    }

    .o-box--increased\@xl\+ {
        margin: -6px
    }

    .o-box--large\@xl\+ {
        margin: -8px
    }

    .o-box--huge\@xl\+ {
        margin: -10px
    }

    .o-box--giant\@xl\+ {
        margin: -12px
    }

    .o-box--mega\@xl\+ {
        margin: -16px
    }

    .o-box--super\@xl\+ {
        margin: -20px
    }

    .o-box--giga\@xl\+ {
        margin: -32px
    }
}

.o-box__item {
    padding: 4px
}

.o-box__item--none {
    padding: 0
}

.o-box__item--atomic {
    padding: .5px
}

.o-box__item--reduced {
    padding: 2px
}

.o-box__item--regular {
    padding: 4px
}

.o-box__item--increased {
    padding: 6px
}

.o-box__item--large {
    padding: 8px
}

.o-box__item--huge {
    padding: 10px
}

.o-box__item--giant {
    padding: 12px
}

.o-box__item--mega {
    padding: 16px
}

.o-box__item--super {
    padding: 20px
}

.o-box__item--giga {
    padding: 32px
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-box__item--none\@xs {
        padding: 0
    }

    .o-box__item--atomic\@xs {
        padding: .5px
    }

    .o-box__item--reduced\@xs {
        padding: 2px
    }

    .o-box__item--regular\@xs {
        padding: 4px
    }

    .o-box__item--increased\@xs {
        padding: 6px
    }

    .o-box__item--large\@xs {
        padding: 8px
    }

    .o-box__item--huge\@xs {
        padding: 10px
    }

    .o-box__item--giant\@xs {
        padding: 12px
    }

    .o-box__item--mega\@xs {
        padding: 16px
    }

    .o-box__item--super\@xs {
        padding: 20px
    }

    .o-box__item--giga\@xs {
        padding: 32px
    }
}

@media (min-width: 48em) {
    .o-box__item--none\@sm\+ {
        padding: 0
    }

    .o-box__item--atomic\@sm\+ {
        padding: .5px
    }

    .o-box__item--reduced\@sm\+ {
        padding: 2px
    }

    .o-box__item--regular\@sm\+ {
        padding: 4px
    }

    .o-box__item--increased\@sm\+ {
        padding: 6px
    }

    .o-box__item--large\@sm\+ {
        padding: 8px
    }

    .o-box__item--huge\@sm\+ {
        padding: 10px
    }

    .o-box__item--giant\@sm\+ {
        padding: 12px
    }

    .o-box__item--mega\@sm\+ {
        padding: 16px
    }

    .o-box__item--super\@sm\+ {
        padding: 20px
    }

    .o-box__item--giga\@sm\+ {
        padding: 32px
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-box__item--none\@sm {
        padding: 0
    }

    .o-box__item--atomic\@sm {
        padding: .5px
    }

    .o-box__item--reduced\@sm {
        padding: 2px
    }

    .o-box__item--regular\@sm {
        padding: 4px
    }

    .o-box__item--increased\@sm {
        padding: 6px
    }

    .o-box__item--large\@sm {
        padding: 8px
    }

    .o-box__item--huge\@sm {
        padding: 10px
    }

    .o-box__item--giant\@sm {
        padding: 12px
    }

    .o-box__item--mega\@sm {
        padding: 16px
    }

    .o-box__item--super\@sm {
        padding: 20px
    }

    .o-box__item--giga\@sm {
        padding: 32px
    }
}

@media (min-width: 64em) {
    .o-box__item--none\@md\+ {
        padding: 0
    }

    .o-box__item--atomic\@md\+ {
        padding: .5px
    }

    .o-box__item--reduced\@md\+ {
        padding: 2px
    }

    .o-box__item--regular\@md\+ {
        padding: 4px
    }

    .o-box__item--increased\@md\+ {
        padding: 6px
    }

    .o-box__item--large\@md\+ {
        padding: 8px
    }

    .o-box__item--huge\@md\+ {
        padding: 10px
    }

    .o-box__item--giant\@md\+ {
        padding: 12px
    }

    .o-box__item--mega\@md\+ {
        padding: 16px
    }

    .o-box__item--super\@md\+ {
        padding: 20px
    }

    .o-box__item--giga\@md\+ {
        padding: 32px
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-box__item--none\@md {
        padding: 0
    }

    .o-box__item--atomic\@md {
        padding: .5px
    }

    .o-box__item--reduced\@md {
        padding: 2px
    }

    .o-box__item--regular\@md {
        padding: 4px
    }

    .o-box__item--increased\@md {
        padding: 6px
    }

    .o-box__item--large\@md {
        padding: 8px
    }

    .o-box__item--huge\@md {
        padding: 10px
    }

    .o-box__item--giant\@md {
        padding: 12px
    }

    .o-box__item--mega\@md {
        padding: 16px
    }

    .o-box__item--super\@md {
        padding: 20px
    }

    .o-box__item--giga\@md {
        padding: 32px
    }
}

@media (min-width: 85.375em) {
    .o-box__item--none\@lg\+ {
        padding: 0
    }

    .o-box__item--atomic\@lg\+ {
        padding: .5px
    }

    .o-box__item--reduced\@lg\+ {
        padding: 2px
    }

    .o-box__item--regular\@lg\+ {
        padding: 4px
    }

    .o-box__item--increased\@lg\+ {
        padding: 6px
    }

    .o-box__item--large\@lg\+ {
        padding: 8px
    }

    .o-box__item--huge\@lg\+ {
        padding: 10px
    }

    .o-box__item--giant\@lg\+ {
        padding: 12px
    }

    .o-box__item--mega\@lg\+ {
        padding: 16px
    }

    .o-box__item--super\@lg\+ {
        padding: 20px
    }

    .o-box__item--giga\@lg\+ {
        padding: 32px
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-box__item--none\@lg {
        padding: 0
    }

    .o-box__item--atomic\@lg {
        padding: .5px
    }

    .o-box__item--reduced\@lg {
        padding: 2px
    }

    .o-box__item--regular\@lg {
        padding: 4px
    }

    .o-box__item--increased\@lg {
        padding: 6px
    }

    .o-box__item--large\@lg {
        padding: 8px
    }

    .o-box__item--huge\@lg {
        padding: 10px
    }

    .o-box__item--giant\@lg {
        padding: 12px
    }

    .o-box__item--mega\@lg {
        padding: 16px
    }

    .o-box__item--super\@lg {
        padding: 20px
    }

    .o-box__item--giga\@lg {
        padding: 32px
    }
}

@media (min-width: 90em) {
    .o-box__item--none\@xl\+ {
        padding: 0
    }

    .o-box__item--atomic\@xl\+ {
        padding: .5px
    }

    .o-box__item--reduced\@xl\+ {
        padding: 2px
    }

    .o-box__item--regular\@xl\+ {
        padding: 4px
    }

    .o-box__item--increased\@xl\+ {
        padding: 6px
    }

    .o-box__item--large\@xl\+ {
        padding: 8px
    }

    .o-box__item--huge\@xl\+ {
        padding: 10px
    }

    .o-box__item--giant\@xl\+ {
        padding: 12px
    }

    .o-box__item--mega\@xl\+ {
        padding: 16px
    }

    .o-box__item--super\@xl\+ {
        padding: 20px
    }

    .o-box__item--giga\@xl\+ {
        padding: 32px
    }
}

.o-box-v {
    margin-top: -4px;
    margin-bottom: -4px
}

.o-box-v--none {
    margin-top: 0;
    margin-bottom: 0
}

.o-box-v--atomic {
    margin-top: -.5px;
    margin-bottom: -.5px
}

.o-box-v--reduced {
    margin-top: -2px;
    margin-bottom: -2px
}

.o-box-v--regular {
    margin-top: -4px;
    margin-bottom: -4px
}

.o-box-v--increased {
    margin-top: -6px;
    margin-bottom: -6px
}

.o-box-v--large {
    margin-top: -8px;
    margin-bottom: -8px
}

.o-box-v--huge {
    margin-top: -10px;
    margin-bottom: -10px
}

.o-box-v--giant {
    margin-top: -12px;
    margin-bottom: -12px
}

.o-box-v--mega {
    margin-top: -16px;
    margin-bottom: -16px
}

.o-box-v--super {
    margin-top: -20px;
    margin-bottom: -20px
}

.o-box-v--giga {
    margin-top: -32px;
    margin-bottom: -32px
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-box-v--none\@xs {
        margin-top: 0;
        margin-bottom: 0
    }

    .o-box-v--atomic\@xs {
        margin-top: -.5px;
        margin-bottom: -.5px
    }

    .o-box-v--reduced\@xs {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .o-box-v--regular\@xs {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .o-box-v--increased\@xs {
        margin-top: -6px;
        margin-bottom: -6px
    }

    .o-box-v--large\@xs {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .o-box-v--huge\@xs {
        margin-top: -10px;
        margin-bottom: -10px
    }

    .o-box-v--giant\@xs {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .o-box-v--mega\@xs {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .o-box-v--super\@xs {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .o-box-v--giga\@xs {
        margin-top: -32px;
        margin-bottom: -32px
    }
}

@media (min-width: 48em) {
    .o-box-v--none\@sm\+ {
        margin-top: 0;
        margin-bottom: 0
    }

    .o-box-v--atomic\@sm\+ {
        margin-top: -.5px;
        margin-bottom: -.5px
    }

    .o-box-v--reduced\@sm\+ {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .o-box-v--regular\@sm\+ {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .o-box-v--increased\@sm\+ {
        margin-top: -6px;
        margin-bottom: -6px
    }

    .o-box-v--large\@sm\+ {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .o-box-v--huge\@sm\+ {
        margin-top: -10px;
        margin-bottom: -10px
    }

    .o-box-v--giant\@sm\+ {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .o-box-v--mega\@sm\+ {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .o-box-v--super\@sm\+ {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .o-box-v--giga\@sm\+ {
        margin-top: -32px;
        margin-bottom: -32px
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-box-v--none\@sm {
        margin-top: 0;
        margin-bottom: 0
    }

    .o-box-v--atomic\@sm {
        margin-top: -.5px;
        margin-bottom: -.5px
    }

    .o-box-v--reduced\@sm {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .o-box-v--regular\@sm {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .o-box-v--increased\@sm {
        margin-top: -6px;
        margin-bottom: -6px
    }

    .o-box-v--large\@sm {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .o-box-v--huge\@sm {
        margin-top: -10px;
        margin-bottom: -10px
    }

    .o-box-v--giant\@sm {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .o-box-v--mega\@sm {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .o-box-v--super\@sm {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .o-box-v--giga\@sm {
        margin-top: -32px;
        margin-bottom: -32px
    }
}

@media (min-width: 64em) {
    .o-box-v--none\@md\+ {
        margin-top: 0;
        margin-bottom: 0
    }

    .o-box-v--atomic\@md\+ {
        margin-top: -.5px;
        margin-bottom: -.5px
    }

    .o-box-v--reduced\@md\+ {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .o-box-v--regular\@md\+ {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .o-box-v--increased\@md\+ {
        margin-top: -6px;
        margin-bottom: -6px
    }

    .o-box-v--large\@md\+ {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .o-box-v--huge\@md\+ {
        margin-top: -10px;
        margin-bottom: -10px
    }

    .o-box-v--giant\@md\+ {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .o-box-v--mega\@md\+ {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .o-box-v--super\@md\+ {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .o-box-v--giga\@md\+ {
        margin-top: -32px;
        margin-bottom: -32px
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-box-v--none\@md {
        margin-top: 0;
        margin-bottom: 0
    }

    .o-box-v--atomic\@md {
        margin-top: -.5px;
        margin-bottom: -.5px
    }

    .o-box-v--reduced\@md {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .o-box-v--regular\@md {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .o-box-v--increased\@md {
        margin-top: -6px;
        margin-bottom: -6px
    }

    .o-box-v--large\@md {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .o-box-v--huge\@md {
        margin-top: -10px;
        margin-bottom: -10px
    }

    .o-box-v--giant\@md {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .o-box-v--mega\@md {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .o-box-v--super\@md {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .o-box-v--giga\@md {
        margin-top: -32px;
        margin-bottom: -32px
    }
}

@media (min-width: 85.375em) {
    .o-box-v--none\@lg\+ {
        margin-top: 0;
        margin-bottom: 0
    }

    .o-box-v--atomic\@lg\+ {
        margin-top: -.5px;
        margin-bottom: -.5px
    }

    .o-box-v--reduced\@lg\+ {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .o-box-v--regular\@lg\+ {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .o-box-v--increased\@lg\+ {
        margin-top: -6px;
        margin-bottom: -6px
    }

    .o-box-v--large\@lg\+ {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .o-box-v--huge\@lg\+ {
        margin-top: -10px;
        margin-bottom: -10px
    }

    .o-box-v--giant\@lg\+ {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .o-box-v--mega\@lg\+ {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .o-box-v--super\@lg\+ {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .o-box-v--giga\@lg\+ {
        margin-top: -32px;
        margin-bottom: -32px
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-box-v--none\@lg {
        margin-top: 0;
        margin-bottom: 0
    }

    .o-box-v--atomic\@lg {
        margin-top: -.5px;
        margin-bottom: -.5px
    }

    .o-box-v--reduced\@lg {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .o-box-v--regular\@lg {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .o-box-v--increased\@lg {
        margin-top: -6px;
        margin-bottom: -6px
    }

    .o-box-v--large\@lg {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .o-box-v--huge\@lg {
        margin-top: -10px;
        margin-bottom: -10px
    }

    .o-box-v--giant\@lg {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .o-box-v--mega\@lg {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .o-box-v--super\@lg {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .o-box-v--giga\@lg {
        margin-top: -32px;
        margin-bottom: -32px
    }
}

@media (min-width: 90em) {
    .o-box-v--none\@xl\+ {
        margin-top: 0;
        margin-bottom: 0
    }

    .o-box-v--atomic\@xl\+ {
        margin-top: -.5px;
        margin-bottom: -.5px
    }

    .o-box-v--reduced\@xl\+ {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .o-box-v--regular\@xl\+ {
        margin-top: -4px;
        margin-bottom: -4px
    }

    .o-box-v--increased\@xl\+ {
        margin-top: -6px;
        margin-bottom: -6px
    }

    .o-box-v--large\@xl\+ {
        margin-top: -8px;
        margin-bottom: -8px
    }

    .o-box-v--huge\@xl\+ {
        margin-top: -10px;
        margin-bottom: -10px
    }

    .o-box-v--giant\@xl\+ {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .o-box-v--mega\@xl\+ {
        margin-top: -16px;
        margin-bottom: -16px
    }

    .o-box-v--super\@xl\+ {
        margin-top: -20px;
        margin-bottom: -20px
    }

    .o-box-v--giga\@xl\+ {
        margin-top: -32px;
        margin-bottom: -32px
    }
}

.o-box-v__item {
    padding-top: 4px;
    padding-bottom: 4px
}

.o-box-v__item--none {
    padding-top: 0;
    padding-bottom: 0
}

.o-box-v__item--atomic {
    padding-top: .5px;
    padding-bottom: .5px
}

.o-box-v__item--reduced {
    padding-top: 2px;
    padding-bottom: 2px
}

.o-box-v__item--regular {
    padding-top: 4px;
    padding-bottom: 4px
}

.o-box-v__item--increased {
    padding-top: 6px;
    padding-bottom: 6px
}

.o-box-v__item--large {
    padding-top: 8px;
    padding-bottom: 8px
}

.o-box-v__item--huge {
    padding-top: 10px;
    padding-bottom: 10px
}

.o-box-v__item--giant {
    padding-top: 12px;
    padding-bottom: 12px
}

.o-box-v__item--mega {
    padding-top: 16px;
    padding-bottom: 16px
}

.o-box-v__item--super {
    padding-top: 20px;
    padding-bottom: 20px
}

.o-box-v__item--giga {
    padding-top: 32px;
    padding-bottom: 32px
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-box-v__item--none\@xs {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-box-v__item--atomic\@xs {
        padding-top: .5px;
        padding-bottom: .5px
    }

    .o-box-v__item--reduced\@xs {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .o-box-v__item--regular\@xs {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-box-v__item--increased\@xs {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .o-box-v__item--large\@xs {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-box-v__item--huge\@xs {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-box-v__item--giant\@xs {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-box-v__item--mega\@xs {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-box-v__item--super\@xs {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-box-v__item--giga\@xs {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (min-width: 48em) {
    .o-box-v__item--none\@sm\+ {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-box-v__item--atomic\@sm\+ {
        padding-top: .5px;
        padding-bottom: .5px
    }

    .o-box-v__item--reduced\@sm\+ {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .o-box-v__item--regular\@sm\+ {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-box-v__item--increased\@sm\+ {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .o-box-v__item--large\@sm\+ {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-box-v__item--huge\@sm\+ {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-box-v__item--giant\@sm\+ {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-box-v__item--mega\@sm\+ {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-box-v__item--super\@sm\+ {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-box-v__item--giga\@sm\+ {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-box-v__item--none\@sm {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-box-v__item--atomic\@sm {
        padding-top: .5px;
        padding-bottom: .5px
    }

    .o-box-v__item--reduced\@sm {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .o-box-v__item--regular\@sm {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-box-v__item--increased\@sm {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .o-box-v__item--large\@sm {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-box-v__item--huge\@sm {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-box-v__item--giant\@sm {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-box-v__item--mega\@sm {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-box-v__item--super\@sm {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-box-v__item--giga\@sm {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (min-width: 64em) {
    .o-box-v__item--none\@md\+ {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-box-v__item--atomic\@md\+ {
        padding-top: .5px;
        padding-bottom: .5px
    }

    .o-box-v__item--reduced\@md\+ {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .o-box-v__item--regular\@md\+ {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-box-v__item--increased\@md\+ {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .o-box-v__item--large\@md\+ {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-box-v__item--huge\@md\+ {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-box-v__item--giant\@md\+ {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-box-v__item--mega\@md\+ {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-box-v__item--super\@md\+ {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-box-v__item--giga\@md\+ {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-box-v__item--none\@md {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-box-v__item--atomic\@md {
        padding-top: .5px;
        padding-bottom: .5px
    }

    .o-box-v__item--reduced\@md {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .o-box-v__item--regular\@md {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-box-v__item--increased\@md {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .o-box-v__item--large\@md {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-box-v__item--huge\@md {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-box-v__item--giant\@md {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-box-v__item--mega\@md {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-box-v__item--super\@md {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-box-v__item--giga\@md {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (min-width: 85.375em) {
    .o-box-v__item--none\@lg\+ {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-box-v__item--atomic\@lg\+ {
        padding-top: .5px;
        padding-bottom: .5px
    }

    .o-box-v__item--reduced\@lg\+ {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .o-box-v__item--regular\@lg\+ {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-box-v__item--increased\@lg\+ {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .o-box-v__item--large\@lg\+ {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-box-v__item--huge\@lg\+ {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-box-v__item--giant\@lg\+ {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-box-v__item--mega\@lg\+ {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-box-v__item--super\@lg\+ {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-box-v__item--giga\@lg\+ {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-box-v__item--none\@lg {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-box-v__item--atomic\@lg {
        padding-top: .5px;
        padding-bottom: .5px
    }

    .o-box-v__item--reduced\@lg {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .o-box-v__item--regular\@lg {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-box-v__item--increased\@lg {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .o-box-v__item--large\@lg {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-box-v__item--huge\@lg {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-box-v__item--giant\@lg {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-box-v__item--mega\@lg {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-box-v__item--super\@lg {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-box-v__item--giga\@lg {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media (min-width: 90em) {
    .o-box-v__item--none\@xl\+ {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-box-v__item--atomic\@xl\+ {
        padding-top: .5px;
        padding-bottom: .5px
    }

    .o-box-v__item--reduced\@xl\+ {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .o-box-v__item--regular\@xl\+ {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-box-v__item--increased\@xl\+ {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .o-box-v__item--large\@xl\+ {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-box-v__item--huge\@xl\+ {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .o-box-v__item--giant\@xl\+ {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-box-v__item--mega\@xl\+ {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-box-v__item--super\@xl\+ {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-box-v__item--giga\@xl\+ {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.o-box-h {
    margin-right: -4px;
    margin-left: -4px
}

.o-box-h--none {
    margin-right: 0;
    margin-left: 0
}

.o-box-h--atomic {
    margin-right: -.5px;
    margin-left: -.5px
}

.o-box-h--reduced {
    margin-right: -2px;
    margin-left: -2px
}

.o-box-h--regular {
    margin-right: -4px;
    margin-left: -4px
}

.o-box-h--increased {
    margin-right: -6px;
    margin-left: -6px
}

.o-box-h--large {
    margin-right: -8px;
    margin-left: -8px
}

.o-box-h--huge {
    margin-right: -10px;
    margin-left: -10px
}

.o-box-h--giant {
    margin-right: -12px;
    margin-left: -12px
}

.o-box-h--mega {
    margin-right: -16px;
    margin-left: -16px
}

.o-box-h--super {
    margin-right: -20px;
    margin-left: -20px
}

.o-box-h--giga {
    margin-right: -32px;
    margin-left: -32px
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-box-h--none\@xs {
        margin-right: 0;
        margin-left: 0
    }

    .o-box-h--atomic\@xs {
        margin-right: -.5px;
        margin-left: -.5px
    }

    .o-box-h--reduced\@xs {
        margin-right: -2px;
        margin-left: -2px
    }

    .o-box-h--regular\@xs {
        margin-right: -4px;
        margin-left: -4px
    }

    .o-box-h--increased\@xs {
        margin-right: -6px;
        margin-left: -6px
    }

    .o-box-h--large\@xs {
        margin-right: -8px;
        margin-left: -8px
    }

    .o-box-h--huge\@xs {
        margin-right: -10px;
        margin-left: -10px
    }

    .o-box-h--giant\@xs {
        margin-right: -12px;
        margin-left: -12px
    }

    .o-box-h--mega\@xs {
        margin-right: -16px;
        margin-left: -16px
    }

    .o-box-h--super\@xs {
        margin-right: -20px;
        margin-left: -20px
    }

    .o-box-h--giga\@xs {
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (min-width: 48em) {
    .o-box-h--none\@sm\+ {
        margin-right: 0;
        margin-left: 0
    }

    .o-box-h--atomic\@sm\+ {
        margin-right: -.5px;
        margin-left: -.5px
    }

    .o-box-h--reduced\@sm\+ {
        margin-right: -2px;
        margin-left: -2px
    }

    .o-box-h--regular\@sm\+ {
        margin-right: -4px;
        margin-left: -4px
    }

    .o-box-h--increased\@sm\+ {
        margin-right: -6px;
        margin-left: -6px
    }

    .o-box-h--large\@sm\+ {
        margin-right: -8px;
        margin-left: -8px
    }

    .o-box-h--huge\@sm\+ {
        margin-right: -10px;
        margin-left: -10px
    }

    .o-box-h--giant\@sm\+ {
        margin-right: -12px;
        margin-left: -12px
    }

    .o-box-h--mega\@sm\+ {
        margin-right: -16px;
        margin-left: -16px
    }

    .o-box-h--super\@sm\+ {
        margin-right: -20px;
        margin-left: -20px
    }

    .o-box-h--giga\@sm\+ {
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-box-h--none\@sm {
        margin-right: 0;
        margin-left: 0
    }

    .o-box-h--atomic\@sm {
        margin-right: -.5px;
        margin-left: -.5px
    }

    .o-box-h--reduced\@sm {
        margin-right: -2px;
        margin-left: -2px
    }

    .o-box-h--regular\@sm {
        margin-right: -4px;
        margin-left: -4px
    }

    .o-box-h--increased\@sm {
        margin-right: -6px;
        margin-left: -6px
    }

    .o-box-h--large\@sm {
        margin-right: -8px;
        margin-left: -8px
    }

    .o-box-h--huge\@sm {
        margin-right: -10px;
        margin-left: -10px
    }

    .o-box-h--giant\@sm {
        margin-right: -12px;
        margin-left: -12px
    }

    .o-box-h--mega\@sm {
        margin-right: -16px;
        margin-left: -16px
    }

    .o-box-h--super\@sm {
        margin-right: -20px;
        margin-left: -20px
    }

    .o-box-h--giga\@sm {
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (min-width: 64em) {
    .o-box-h--none\@md\+ {
        margin-right: 0;
        margin-left: 0
    }

    .o-box-h--atomic\@md\+ {
        margin-right: -.5px;
        margin-left: -.5px
    }

    .o-box-h--reduced\@md\+ {
        margin-right: -2px;
        margin-left: -2px
    }

    .o-box-h--regular\@md\+ {
        margin-right: -4px;
        margin-left: -4px
    }

    .o-box-h--increased\@md\+ {
        margin-right: -6px;
        margin-left: -6px
    }

    .o-box-h--large\@md\+ {
        margin-right: -8px;
        margin-left: -8px
    }

    .o-box-h--huge\@md\+ {
        margin-right: -10px;
        margin-left: -10px
    }

    .o-box-h--giant\@md\+ {
        margin-right: -12px;
        margin-left: -12px
    }

    .o-box-h--mega\@md\+ {
        margin-right: -16px;
        margin-left: -16px
    }

    .o-box-h--super\@md\+ {
        margin-right: -20px;
        margin-left: -20px
    }

    .o-box-h--giga\@md\+ {
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-box-h--none\@md {
        margin-right: 0;
        margin-left: 0
    }

    .o-box-h--atomic\@md {
        margin-right: -.5px;
        margin-left: -.5px
    }

    .o-box-h--reduced\@md {
        margin-right: -2px;
        margin-left: -2px
    }

    .o-box-h--regular\@md {
        margin-right: -4px;
        margin-left: -4px
    }

    .o-box-h--increased\@md {
        margin-right: -6px;
        margin-left: -6px
    }

    .o-box-h--large\@md {
        margin-right: -8px;
        margin-left: -8px
    }

    .o-box-h--huge\@md {
        margin-right: -10px;
        margin-left: -10px
    }

    .o-box-h--giant\@md {
        margin-right: -12px;
        margin-left: -12px
    }

    .o-box-h--mega\@md {
        margin-right: -16px;
        margin-left: -16px
    }

    .o-box-h--super\@md {
        margin-right: -20px;
        margin-left: -20px
    }

    .o-box-h--giga\@md {
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (min-width: 85.375em) {
    .o-box-h--none\@lg\+ {
        margin-right: 0;
        margin-left: 0
    }

    .o-box-h--atomic\@lg\+ {
        margin-right: -.5px;
        margin-left: -.5px
    }

    .o-box-h--reduced\@lg\+ {
        margin-right: -2px;
        margin-left: -2px
    }

    .o-box-h--regular\@lg\+ {
        margin-right: -4px;
        margin-left: -4px
    }

    .o-box-h--increased\@lg\+ {
        margin-right: -6px;
        margin-left: -6px
    }

    .o-box-h--large\@lg\+ {
        margin-right: -8px;
        margin-left: -8px
    }

    .o-box-h--huge\@lg\+ {
        margin-right: -10px;
        margin-left: -10px
    }

    .o-box-h--giant\@lg\+ {
        margin-right: -12px;
        margin-left: -12px
    }

    .o-box-h--mega\@lg\+ {
        margin-right: -16px;
        margin-left: -16px
    }

    .o-box-h--super\@lg\+ {
        margin-right: -20px;
        margin-left: -20px
    }

    .o-box-h--giga\@lg\+ {
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-box-h--none\@lg {
        margin-right: 0;
        margin-left: 0
    }

    .o-box-h--atomic\@lg {
        margin-right: -.5px;
        margin-left: -.5px
    }

    .o-box-h--reduced\@lg {
        margin-right: -2px;
        margin-left: -2px
    }

    .o-box-h--regular\@lg {
        margin-right: -4px;
        margin-left: -4px
    }

    .o-box-h--increased\@lg {
        margin-right: -6px;
        margin-left: -6px
    }

    .o-box-h--large\@lg {
        margin-right: -8px;
        margin-left: -8px
    }

    .o-box-h--huge\@lg {
        margin-right: -10px;
        margin-left: -10px
    }

    .o-box-h--giant\@lg {
        margin-right: -12px;
        margin-left: -12px
    }

    .o-box-h--mega\@lg {
        margin-right: -16px;
        margin-left: -16px
    }

    .o-box-h--super\@lg {
        margin-right: -20px;
        margin-left: -20px
    }

    .o-box-h--giga\@lg {
        margin-right: -32px;
        margin-left: -32px
    }
}

@media (min-width: 90em) {
    .o-box-h--none\@xl\+ {
        margin-right: 0;
        margin-left: 0
    }

    .o-box-h--atomic\@xl\+ {
        margin-right: -.5px;
        margin-left: -.5px
    }

    .o-box-h--reduced\@xl\+ {
        margin-right: -2px;
        margin-left: -2px
    }

    .o-box-h--regular\@xl\+ {
        margin-right: -4px;
        margin-left: -4px
    }

    .o-box-h--increased\@xl\+ {
        margin-right: -6px;
        margin-left: -6px
    }

    .o-box-h--large\@xl\+ {
        margin-right: -8px;
        margin-left: -8px
    }

    .o-box-h--huge\@xl\+ {
        margin-right: -10px;
        margin-left: -10px
    }

    .o-box-h--giant\@xl\+ {
        margin-right: -12px;
        margin-left: -12px
    }

    .o-box-h--mega\@xl\+ {
        margin-right: -16px;
        margin-left: -16px
    }

    .o-box-h--super\@xl\+ {
        margin-right: -20px;
        margin-left: -20px
    }

    .o-box-h--giga\@xl\+ {
        margin-right: -32px;
        margin-left: -32px
    }
}

.o-box-h__item {
    padding-right: 4px;
    padding-left: 4px
}

.o-box-h__item--none {
    padding-right: 0;
    padding-left: 0
}

.o-box-h__item--atomic {
    padding-right: .5px;
    padding-left: .5px
}

.o-box-h__item--reduced {
    padding-right: 2px;
    padding-left: 2px
}

.o-box-h__item--regular {
    padding-right: 4px;
    padding-left: 4px
}

.o-box-h__item--increased {
    padding-right: 6px;
    padding-left: 6px
}

.o-box-h__item--large {
    padding-right: 8px;
    padding-left: 8px
}

.o-box-h__item--huge {
    padding-right: 10px;
    padding-left: 10px
}

.o-box-h__item--giant {
    padding-right: 12px;
    padding-left: 12px
}

.o-box-h__item--mega {
    padding-right: 16px;
    padding-left: 16px
}

.o-box-h__item--super {
    padding-right: 20px;
    padding-left: 20px
}

.o-box-h__item--giga {
    padding-right: 32px;
    padding-left: 32px
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-box-h__item--none\@xs {
        padding-right: 0;
        padding-left: 0
    }

    .o-box-h__item--atomic\@xs {
        padding-right: .5px;
        padding-left: .5px
    }

    .o-box-h__item--reduced\@xs {
        padding-right: 2px;
        padding-left: 2px
    }

    .o-box-h__item--regular\@xs {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-box-h__item--increased\@xs {
        padding-right: 6px;
        padding-left: 6px
    }

    .o-box-h__item--large\@xs {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-box-h__item--huge\@xs {
        padding-right: 10px;
        padding-left: 10px
    }

    .o-box-h__item--giant\@xs {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-box-h__item--mega\@xs {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-box-h__item--super\@xs {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-box-h__item--giga\@xs {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 48em) {
    .o-box-h__item--none\@sm\+ {
        padding-right: 0;
        padding-left: 0
    }

    .o-box-h__item--atomic\@sm\+ {
        padding-right: .5px;
        padding-left: .5px
    }

    .o-box-h__item--reduced\@sm\+ {
        padding-right: 2px;
        padding-left: 2px
    }

    .o-box-h__item--regular\@sm\+ {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-box-h__item--increased\@sm\+ {
        padding-right: 6px;
        padding-left: 6px
    }

    .o-box-h__item--large\@sm\+ {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-box-h__item--huge\@sm\+ {
        padding-right: 10px;
        padding-left: 10px
    }

    .o-box-h__item--giant\@sm\+ {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-box-h__item--mega\@sm\+ {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-box-h__item--super\@sm\+ {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-box-h__item--giga\@sm\+ {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-box-h__item--none\@sm {
        padding-right: 0;
        padding-left: 0
    }

    .o-box-h__item--atomic\@sm {
        padding-right: .5px;
        padding-left: .5px
    }

    .o-box-h__item--reduced\@sm {
        padding-right: 2px;
        padding-left: 2px
    }

    .o-box-h__item--regular\@sm {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-box-h__item--increased\@sm {
        padding-right: 6px;
        padding-left: 6px
    }

    .o-box-h__item--large\@sm {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-box-h__item--huge\@sm {
        padding-right: 10px;
        padding-left: 10px
    }

    .o-box-h__item--giant\@sm {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-box-h__item--mega\@sm {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-box-h__item--super\@sm {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-box-h__item--giga\@sm {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 64em) {
    .o-box-h__item--none\@md\+ {
        padding-right: 0;
        padding-left: 0
    }

    .o-box-h__item--atomic\@md\+ {
        padding-right: .5px;
        padding-left: .5px
    }

    .o-box-h__item--reduced\@md\+ {
        padding-right: 2px;
        padding-left: 2px
    }

    .o-box-h__item--regular\@md\+ {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-box-h__item--increased\@md\+ {
        padding-right: 6px;
        padding-left: 6px
    }

    .o-box-h__item--large\@md\+ {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-box-h__item--huge\@md\+ {
        padding-right: 10px;
        padding-left: 10px
    }

    .o-box-h__item--giant\@md\+ {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-box-h__item--mega\@md\+ {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-box-h__item--super\@md\+ {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-box-h__item--giga\@md\+ {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-box-h__item--none\@md {
        padding-right: 0;
        padding-left: 0
    }

    .o-box-h__item--atomic\@md {
        padding-right: .5px;
        padding-left: .5px
    }

    .o-box-h__item--reduced\@md {
        padding-right: 2px;
        padding-left: 2px
    }

    .o-box-h__item--regular\@md {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-box-h__item--increased\@md {
        padding-right: 6px;
        padding-left: 6px
    }

    .o-box-h__item--large\@md {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-box-h__item--huge\@md {
        padding-right: 10px;
        padding-left: 10px
    }

    .o-box-h__item--giant\@md {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-box-h__item--mega\@md {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-box-h__item--super\@md {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-box-h__item--giga\@md {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 85.375em) {
    .o-box-h__item--none\@lg\+ {
        padding-right: 0;
        padding-left: 0
    }

    .o-box-h__item--atomic\@lg\+ {
        padding-right: .5px;
        padding-left: .5px
    }

    .o-box-h__item--reduced\@lg\+ {
        padding-right: 2px;
        padding-left: 2px
    }

    .o-box-h__item--regular\@lg\+ {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-box-h__item--increased\@lg\+ {
        padding-right: 6px;
        padding-left: 6px
    }

    .o-box-h__item--large\@lg\+ {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-box-h__item--huge\@lg\+ {
        padding-right: 10px;
        padding-left: 10px
    }

    .o-box-h__item--giant\@lg\+ {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-box-h__item--mega\@lg\+ {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-box-h__item--super\@lg\+ {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-box-h__item--giga\@lg\+ {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-box-h__item--none\@lg {
        padding-right: 0;
        padding-left: 0
    }

    .o-box-h__item--atomic\@lg {
        padding-right: .5px;
        padding-left: .5px
    }

    .o-box-h__item--reduced\@lg {
        padding-right: 2px;
        padding-left: 2px
    }

    .o-box-h__item--regular\@lg {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-box-h__item--increased\@lg {
        padding-right: 6px;
        padding-left: 6px
    }

    .o-box-h__item--large\@lg {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-box-h__item--huge\@lg {
        padding-right: 10px;
        padding-left: 10px
    }

    .o-box-h__item--giant\@lg {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-box-h__item--mega\@lg {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-box-h__item--super\@lg {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-box-h__item--giga\@lg {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media (min-width: 90em) {
    .o-box-h__item--none\@xl\+ {
        padding-right: 0;
        padding-left: 0
    }

    .o-box-h__item--atomic\@xl\+ {
        padding-right: .5px;
        padding-left: .5px
    }

    .o-box-h__item--reduced\@xl\+ {
        padding-right: 2px;
        padding-left: 2px
    }

    .o-box-h__item--regular\@xl\+ {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-box-h__item--increased\@xl\+ {
        padding-right: 6px;
        padding-left: 6px
    }

    .o-box-h__item--large\@xl\+ {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-box-h__item--huge\@xl\+ {
        padding-right: 10px;
        padding-left: 10px
    }

    .o-box-h__item--giant\@xl\+ {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-box-h__item--mega\@xl\+ {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-box-h__item--super\@xl\+ {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-box-h__item--giga\@xl\+ {
        padding-right: 32px;
        padding-left: 32px
    }
}

.o-container {
    max-width: 1420px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 25px;
}

@media (min-width: 85.375em) {
    .o-container\@lg\+ {
        max-width: 1420px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 8px;
        padding-left: 8px
    }
}

@media (max-width: 63.99em) {
    .o-container__bleed-out\@md- {
        margin-right: -8px;
        margin-left: -8px
    }
}

.o-container--small {
    max-width: 1248px
}

.o-css-grid {
    list-style: none
}

@supports (display:grid) {
    .o-css-grid {
        display: grid
    }
}

@supports (grid-gap:8px) {
    .o-css-grid--gutter-giant {
        grid-gap: 24px
    }
}

@supports (grid-gap:8px) {
    .o-css-grid--col-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
}

@supports (grid-gap:8px) {
    .o-css-grid--col-6 {
        grid-template-columns:repeat(6, minmax(0, 1fr))
    }
}

.o-dashboard-spacing__item {
    padding: 10px
}

@media (min-width: 48em) {
    .o-dashboard-spacing__item {
        padding: 20px
    }
}

.o-dashboard-spacing--grid {
    margin-right: -10px;
    margin-left: -10px
}

@media (min-width: 48em) {
    .o-dashboard-spacing--grid {
        margin-right: -20px;
        margin-left: -20px
    }
}

.o-dashboard-spacing--grid .o-dashboard-spacing__item {
    padding: 0 10px
}

@media (min-width: 48em) {
    .o-dashboard-spacing--grid .o-dashboard-spacing__item {
        padding: 0 20px
    }
}

.o-ellipsis {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 64em) {
    .o-ellipsis\@md\+ {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.o-flip {
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.o-flip:active, .o-flip:focus {
    outline: 0
}

.o-flip__inner {
    transition: .2s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.o-flip--flipped, .o-flip__back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.o-flip__front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.o-flip__back, .o-flip__front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%
}

.o-form-item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.o-form-item__label {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 12px
}

.o-form-item--checkbox .o-form-item__input {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 5px
}

.o-form-item--padding-right {
    padding-right: 5px
}

.o-form-item--center-items {
    -webkit-align-items: center;
    align-items: center
}

.o-form-item--justify-cont {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.o-grid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 100%
}

@media (max-width: 63.99em) {
    .o-grid--scroll\@sm {
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }
}

.o-grid--inline {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width: 63.99em) {
    .o-grid--inline\@sm {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 85.375em) {
    .o-grid--inline\@lg + {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.o-grid--center {
    -webkit-align-items: center;
    align-items: center
}

.o-grid--center-horizzontal {
    -webkit-justify-content: center;
    justify-content: center
}

.o-grid--right {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

@media (min-width: 48em) {
    .o-grid--right\@sm\+ {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }
}

@media (min-width: 64em) {
    .o-grid--right\@md\+ {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }
}

@media (min-width: 85.375em) {
    .o-grid--right\@lg\+ {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }
}

.o-grid__item {
    -webkit-flex: none;
    flex: none;
    width: 100%;
    min-width: 0
}

.o-grid__item--auto {
    width: auto
}

.o-grid__item--1\/10 {
    width: 10%
}

.o-grid__item--1\/8 {
    width: 12.5%
}

.o-grid__item--1\/6 {
    width: 16.66%
}

.o-grid__item--1\/5 {
    width: 20%
}

.o-grid__item--1\/4 {
    width: 25%
}

.o-grid__item--3\/10 {
    width: 30%
}

.o-grid__item--1\/3, .o-grid__item--2\/6 {
    width: 33.33%
}

.o-grid__item--2\/5 {
    width: 40%
}

.o-grid__item--1\/2 {
    width: 50%
}

.o-grid__item--3\/5 {
    width: 60%
}

.o-grid__item--2\/3 {
    width: 66.66%
}

.o-grid__item--7\/10 {
    width: 70%
}

.o-grid__item--3\/4 {
    width: 75%
}

.o-grid__item--4\/5 {
    width: 80%
}

.o-grid__item--5\/6 {
    width: 83.34%
}

.o-grid__item--9\/10 {
    width: 90%
}

.o-grid__item--1\/1 {
    width: 100%
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-grid__item--auto\@xs {
        width: auto
    }

    .o-grid__item--1\/10\@xs {
        width: 10%
    }

    .o-grid__item--1\/8\@xs {
        width: 12.5%
    }

    .o-grid__item--1\/6\@xs {
        width: 16.66%
    }

    .o-grid__item--1\/5\@xs {
        width: 20%
    }

    .o-grid__item--1\/4\@xs {
        width: 25%
    }

    .o-grid__item--3\/10\@xs {
        width: 30%
    }

    .o-grid__item--1\/3\@xs, .o-grid__item--2\/6\@xs {
        width: 33.33%
    }

    .o-grid__item--2\/5\@xs {
        width: 40%
    }

    .o-grid__item--1\/2\@xs {
        width: 50%
    }

    .o-grid__item--3\/5\@xs {
        width: 60%
    }

    .o-grid__item--2\/3\@xs {
        width: 66.66%
    }

    .o-grid__item--7\/10\@xs {
        width: 70%
    }

    .o-grid__item--3\/4\@xs {
        width: 75%
    }

    .o-grid__item--4\/5\@xs {
        width: 80%
    }

    .o-grid__item--5\/6\@xs {
        width: 83.34%
    }

    .o-grid__item--9\/10\@xs {
        width: 90%
    }

    .o-grid__item--1\/1\@xs {
        width: 100%
    }
}

@media (min-width: 48em) {
    .o-grid__item--auto\@sm\+ {
        width: auto
    }

    .o-grid__item--1\/10\@sm\+ {
        width: 10%
    }

    .o-grid__item--1\/8\@sm\+ {
        width: 12.5%
    }

    .o-grid__item--1\/6\@sm\+ {
        width: 16.66%
    }

    .o-grid__item--1\/5\@sm\+ {
        width: 20%
    }

    .o-grid__item--1\/4\@sm\+ {
        width: 25%
    }

    .o-grid__item--3\/10\@sm\+ {
        width: 30%
    }

    .o-grid__item--1\/3\@sm\+, .o-grid__item--2\/6\@sm\+ {
        width: 33.33%
    }

    .o-grid__item--2\/5\@sm\+ {
        width: 40%
    }

    .o-grid__item--1\/2\@sm\+ {
        width: 50%
    }

    .o-grid__item--3\/5\@sm\+ {
        width: 60%
    }

    .o-grid__item--2\/3\@sm\+ {
        width: 66.66%
    }

    .o-grid__item--7\/10\@sm\+ {
        width: 70%
    }

    .o-grid__item--3\/4\@sm\+ {
        width: 75%
    }

    .o-grid__item--4\/5\@sm\+ {
        width: 80%
    }

    .o-grid__item--5\/6\@sm\+ {
        width: 83.34%
    }

    .o-grid__item--9\/10\@sm\+ {
        width: 90%
    }

    .o-grid__item--1\/1\@sm\+ {
        width: 100%
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-grid__item--auto\@sm {
        width: auto
    }

    .o-grid__item--1\/10\@sm {
        width: 10%
    }

    .o-grid__item--1\/8\@sm {
        width: 12.5%
    }

    .o-grid__item--1\/6\@sm {
        width: 16.66%
    }

    .o-grid__item--1\/5\@sm {
        width: 20%
    }

    .o-grid__item--1\/4\@sm {
        width: 25%
    }

    .o-grid__item--3\/10\@sm {
        width: 30%
    }

    .o-grid__item--1\/3\@sm, .o-grid__item--2\/6\@sm {
        width: 33.33%
    }

    .o-grid__item--2\/5\@sm {
        width: 40%
    }

    .o-grid__item--1\/2\@sm {
        width: 50%
    }

    .o-grid__item--3\/5\@sm {
        width: 60%
    }

    .o-grid__item--2\/3\@sm {
        width: 66.66%
    }

    .o-grid__item--7\/10\@sm {
        width: 70%
    }

    .o-grid__item--3\/4\@sm {
        width: 75%
    }

    .o-grid__item--4\/5\@sm {
        width: 80%
    }

    .o-grid__item--5\/6\@sm {
        width: 83.34%
    }

    .o-grid__item--9\/10\@sm {
        width: 90%
    }

    .o-grid__item--1\/1\@sm {
        width: 100%
    }
}

@media (min-width: 64em) {
    .o-grid__item--auto\@md\+ {
        width: auto
    }

    .o-grid__item--1\/10\@md\+ {
        width: 10%
    }

    .o-grid__item--1\/8\@md\+ {
        width: 12.5%
    }

    .o-grid__item--1\/6\@md\+ {
        width: 16.66%
    }

    .o-grid__item--1\/5\@md\+ {
        width: 20%
    }

    .o-grid__item--1\/4\@md\+ {
        width: 25%
    }

    .o-grid__item--3\/10\@md\+ {
        width: 30%
    }

    .o-grid__item--1\/3\@md\+, .o-grid__item--2\/6\@md\+ {
        width: 33.33%
    }

    .o-grid__item--2\/5\@md\+ {
        width: 40%
    }

    .o-grid__item--1\/2\@md\+ {
        width: 50%
    }

    .o-grid__item--3\/5\@md\+ {
        width: 60%
    }

    .o-grid__item--2\/3\@md\+ {
        width: 66.66%
    }

    .o-grid__item--7\/10\@md\+ {
        width: 70%
    }

    .o-grid__item--3\/4\@md\+ {
        width: 75%
    }

    .o-grid__item--4\/5\@md\+ {
        width: 80%
    }

    .o-grid__item--5\/6\@md\+ {
        width: 83.34%
    }

    .o-grid__item--9\/10\@md\+ {
        width: 90%
    }

    .o-grid__item--1\/1\@md\+ {
        width: 100%
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-grid__item--auto\@md {
        width: auto
    }

    .o-grid__item--1\/10\@md {
        width: 10%
    }

    .o-grid__item--1\/8\@md {
        width: 12.5%
    }

    .o-grid__item--1\/6\@md {
        width: 16.66%
    }

    .o-grid__item--1\/5\@md {
        width: 20%
    }

    .o-grid__item--1\/4\@md {
        width: 25%
    }

    .o-grid__item--3\/10\@md {
        width: 30%
    }

    .o-grid__item--1\/3\@md, .o-grid__item--2\/6\@md {
        width: 33.33%
    }

    .o-grid__item--2\/5\@md {
        width: 40%
    }

    .o-grid__item--1\/2\@md {
        width: 50%
    }

    .o-grid__item--3\/5\@md {
        width: 60%
    }

    .o-grid__item--2\/3\@md {
        width: 66.66%
    }

    .o-grid__item--7\/10\@md {
        width: 70%
    }

    .o-grid__item--3\/4\@md {
        width: 75%
    }

    .o-grid__item--4\/5\@md {
        width: 80%
    }

    .o-grid__item--5\/6\@md {
        width: 83.34%
    }

    .o-grid__item--9\/10\@md {
        width: 90%
    }

    .o-grid__item--1\/1\@md {
        width: 100%
    }
}

@media (min-width: 85.375em) {
    .o-grid__item--auto\@lg\+ {
        width: auto
    }

    .o-grid__item--1\/10\@lg\+ {
        width: 10%
    }

    .o-grid__item--1\/8\@lg\+ {
        width: 12.5%
    }

    .o-grid__item--1\/6\@lg\+ {
        width: 16.66%
    }

    .o-grid__item--1\/5\@lg\+ {
        width: 20%
    }

    .o-grid__item--1\/4\@lg\+ {
        width: 25%
    }

    .o-grid__item--3\/10\@lg\+ {
        width: 30%
    }

    .o-grid__item--1\/3\@lg\+, .o-grid__item--2\/6\@lg\+ {
        width: 33.33%
    }

    .o-grid__item--2\/5\@lg\+ {
        width: 40%
    }

    .o-grid__item--1\/2\@lg\+ {
        width: 50%
    }

    .o-grid__item--3\/5\@lg\+ {
        width: 60%
    }

    .o-grid__item--2\/3\@lg\+ {
        width: 66.66%
    }

    .o-grid__item--7\/10\@lg\+ {
        width: 70%
    }

    .o-grid__item--3\/4\@lg\+ {
        width: 75%
    }

    .o-grid__item--4\/5\@lg\+ {
        width: 80%
    }

    .o-grid__item--5\/6\@lg\+ {
        width: 83.34%
    }

    .o-grid__item--9\/10\@lg\+ {
        width: 90%
    }

    .o-grid__item--1\/1\@lg\+ {
        width: 100%
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-grid__item--auto\@lg {
        width: auto
    }

    .o-grid__item--1\/10\@lg {
        width: 10%
    }

    .o-grid__item--1\/8\@lg {
        width: 12.5%
    }

    .o-grid__item--1\/6\@lg {
        width: 16.66%
    }

    .o-grid__item--1\/5\@lg {
        width: 20%
    }

    .o-grid__item--1\/4\@lg {
        width: 25%
    }

    .o-grid__item--3\/10\@lg {
        width: 30%
    }

    .o-grid__item--1\/3\@lg, .o-grid__item--2\/6\@lg {
        width: 33.33%
    }

    .o-grid__item--2\/5\@lg {
        width: 40%
    }

    .o-grid__item--1\/2\@lg {
        width: 50%
    }

    .o-grid__item--3\/5\@lg {
        width: 60%
    }

    .o-grid__item--2\/3\@lg {
        width: 66.66%
    }

    .o-grid__item--7\/10\@lg {
        width: 70%
    }

    .o-grid__item--3\/4\@lg {
        width: 75%
    }

    .o-grid__item--4\/5\@lg {
        width: 80%
    }

    .o-grid__item--5\/6\@lg {
        width: 83.34%
    }

    .o-grid__item--9\/10\@lg {
        width: 90%
    }

    .o-grid__item--1\/1\@lg {
        width: 100%
    }
}

@media (min-width: 90em) {
    .o-grid__item--auto\@xl\+ {
        width: auto
    }

    .o-grid__item--1\/10\@xl\+ {
        width: 10%
    }

    .o-grid__item--1\/8\@xl\+ {
        width: 12.5%
    }

    .o-grid__item--1\/6\@xl\+ {
        width: 16.66%
    }

    .o-grid__item--1\/5\@xl\+ {
        width: 20%
    }

    .o-grid__item--1\/4\@xl\+ {
        width: 25%
    }

    .o-grid__item--3\/10\@xl\+ {
        width: 30%
    }

    .o-grid__item--1\/3\@xl\+, .o-grid__item--2\/6\@xl\+ {
        width: 33.33%
    }

    .o-grid__item--2\/5\@xl\+ {
        width: 40%
    }

    .o-grid__item--1\/2\@xl\+ {
        width: 50%
    }

    .o-grid__item--3\/5\@xl\+ {
        width: 60%
    }

    .o-grid__item--2\/3\@xl\+ {
        width: 66.66%
    }

    .o-grid__item--7\/10\@xl\+ {
        width: 70%
    }

    .o-grid__item--3\/4\@xl\+ {
        width: 75%
    }

    .o-grid__item--4\/5\@xl\+ {
        width: 80%
    }

    .o-grid__item--5\/6\@xl\+ {
        width: 83.34%
    }

    .o-grid__item--9\/10\@xl\+ {
        width: 90%
    }

    .o-grid__item--1\/1\@xl\+ {
        width: 100%
    }
}

.o-grid__item--grow {
    -webkit-flex: 1 0 0px;
    flex: 1 0 0px
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-grid__item--grow\@xs {
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px
    }
}

@media (min-width: 48em) {
    .o-grid__item--grow\@sm\+ {
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-grid__item--grow\@sm {
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px
    }
}

@media (min-width: 64em) {
    .o-grid__item--grow\@md\+ {
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-grid__item--grow\@md {
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px
    }
}

@media (min-width: 85.375em) {
    .o-grid__item--grow\@lg\+ {
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-grid__item--grow\@lg {
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px
    }
}

@media (min-width: 90em) {
    .o-grid__item--grow\@xl\+ {
        -webkit-flex: 1 0 0px;
        flex: 1 0 0px
    }
}

.o-inset {
    background-color: #180c4c;
    border-radius: 6px;
    box-shadow: .7px .7px 2.9px .1px #4f47a9, inset 1px 1.7px 7px 0 #090a36;
    position: relative;
    color: #5be6fe
}

.o-inset--circle {
    border-radius: 50%
}

.o-inset--24 {
    border-radius: 24px
}

.o-inset--special {
    border-radius: 6px 6px 16px 16px
}

.o-layout-dark {
    background-color: #383838
}

.o-nav {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-align-items: center;
    align-items: center
}

.o-nav--scrollable {
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}

.o-nav--scrollable::-webkit-scrollbar {
    display: none
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .o-nav--scrollable {
        overflow-x: hidden
    }
}

.o-nav--vertical {
    -webkit-flex-direction: column;
    flex-direction: column
}

.o-nav__list {
    -webkit-flex: none;
    flex: none;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    list-style: none;
    width: 100%
}

.o-nav__list--to-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.o-nav__item {
    display: block;
    -webkit-flex: none;
    flex: none
}

.o-nav__link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    min-height: 48px
}

@media (pointer: coarse) {
    .o-overflow-scroller {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: -8px;
        margin-right: -8px;
        padding-left: 8px
    }

    .o-overflow-scroller > :last-child:after {
        content: "";
        display: block;
        width: 8px;
        height: 1px;
        position: absolute;
        left: 100%;
        top: 0
    }

    .o-overflow-scroller > * {
        position: relative
    }
}

.o-overlay {
    display: none
}

.o-overlay.is-active {
    background-color: #21166c;
    display: block;
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 50px;
    left: 0;
    z-index: 30
}

@media (min-width: 64em) {
    .o-overlay.is-active {
        top: 80px
    }
}

@media (min-width: 85.375em) {
    .o-overlay.is-active {
        position: absolute;
        left: auto;
        bottom: auto
    }
}

.o-paging {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    font-size: 0;
    cursor: pointer
}

.o-paging__prev {
    left: -24px
}

.o-paging__next {
    right: -24px
}

.o-ratio, [data-bind="visible: isFreeSpinsPackageAvailable"], [data-bind="visible: isFreeSpinsResultAvailable"] {
    position: relative;
    width: 100%
}

.o-ratio:before, [data-bind="visible: isFreeSpinsPackageAvailable"]:before, [data-bind="visible: isFreeSpinsResultAvailable"]:before {
    content: "";
    display: block
}

.o-ratio--2\:1:before {
    padding-top: 50%
}

.o-ratio--742\:400:before {
    padding-top: 53.91%
}

.o-ratio--749\:463:before {
    padding-top: 61.82%
}

.o-ratio--650\:358:before {
    padding-top: 55.08%
}

.o-ratio--536\:400:before, [data-bind="visible: isFreeSpinsPackageAvailable"]:before, [data-bind="visible: isFreeSpinsResultAvailable"]:before {
    padding-top: 53.91%
}

.o-ratio--468\:232:before {
    padding-top: 49.57%
}

.o-ratio--7\:4:before {
    padding-top: 57.14%
}

.o-ratio--4\:3:before {
    padding-top: 75%
}

.o-ratio--62\:49:before {
    padding-top: 79.03%
}

.o-ratio--173\:300:before {
    padding-top: 86.5%
}

.o-ratio--1\:1:before {
    padding-top: 100%
}

.o-ratio--224\:236:before {
    padding-top: 105.36%
}

@media (min-width: 48em) {
    .o-ratio--153\:49\@sm\+:before {
        padding-top: 32.02%
    }
}

.o-ratio--230\:251:before {
    padding-top: 109%
}

@media (min-width: 64em) {
    .o-ratio--4\:3-custom\@md\+:before, .o-ratio--4\:3-custom\@sm\+:before {
        padding-top: 75%
    }
}

@media (min-width: 48em) {
    .o-ratio--4\:3-custom\@sm\+:before {
        padding-top: calc(((100% - 15px) * 3 / 4) + 15px)
    }
}

.o-ratio--375\:248:before {
    padding-top: 66.13%
}

@media (min-width: 48em) {
    .o-ratio--78\:25\@sm\+:before {
        padding-top: 32.05%
    }
}

@media (min-width: 48em) {
    .o-ratio--2\:1-custom\@sm\+:before {
        padding-top: calc(50% + 37px)
    }
}

@media (min-width: 85.375em) {
    .o-ratio--16\:9\@lg\+:before {
        padding-top: 56.25%
    }
}

@media (min-width: 85.375em) {
    .o-ratio--5\:3-custom\@lg\+:before {
        padding-top: calc((100% - 16px) * .5769 + 95px)
    }
}

@media (min-width: 85.375em) {
    .o-ratio--5\:3-custom-2\@lg\+:before {
        padding-top: calc(((100% - 15px) * .5625) + 95px)
    }
}

#freespinspackagequery, #freespinspackageresult, .o-ratio__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.o-ratio__content--bottom {
    top: auto;
    bottom: 0
}

.o-ratio__content--fit {
    height: 100%;
    z-index: 2
}

@media (min-width: 48em) {
    .o-ratio\@sm\+ {
        position: relative
    }

    .o-ratio\@sm\+:before {
        content: "";
        display: block
    }
}

@media (min-width: 85.375em) {
    .o-ratio__content\@lg\+ {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media (min-width: 48em) {
    .o-ratio__content\@sm\+ {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media (max-width: 85.365em) {
    .o-ratio\@lg- {
        position: relative
    }

    .o-ratio\@lg-:before {
        content: "";
        display: block
    }

    .o-ratio__content\@lg- {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .o-ratio--1\:1\@lg-:before {
        padding-top: 100%
    }
}

@media (min-width: 48em) and (max-width: 85.365em) {
    .o-ratio--145\:758\@sm-md:before {
        padding-top: 19.2612%
    }
}

.o-ratio--25\:8:before {
    padding-top: 31.79%
}

.o-ratio--117\:58:before {
    padding-top: 49.57%
}

.o-ratio--4\:1:before {
    padding-top: 25%
}

.o-table {
    overflow: hidden;
    background-color: #201c3e;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    width: 100%
}

.o-table--scrollable {
    min-width: 600px
}

.o-table__wrapper--scrollable {
    overflow-x: auto
}

.o-table tr td, .o-table tr th {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.o-table tr td:not(.o-table__cell), .o-table tr th:not(.o-table__cell) {
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    padding: 8px
}

.o-table tr .o-table__cell {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.o-table svg {
    margin: 0;
    height: 40px
}

.o-tabs {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.o-tabs__icon {
    color: #5be6fe
}

.o-tabs--margin-bottom {
    margin-bottom: 16px
}

.o-tabs__tab {
    font-weight: 700;
    margin-right: 16px;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #5be6fe;
    white-space: nowrap;
    cursor: pointer
}

.o-tabs__tab--no-margin {
    margin-right: 0
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .o-tabs__tab:hover {
        position: relative;
        color: #fff
    }

    .o-tabs__tab:hover:after {
        content: "";
        position: absolute;
        width: 100%;
        bottom: -1px;
        height: 2px;
        background-color: #fff;
        left: 0
    }

    .o-tabs__tab:hover .c-icon {
        color: #fff
    }
}

.o-tabs__tab.active, .o-tabs__tab.is-active {
    position: relative;
    color: #fff
}

.o-tabs__tab.active:after, .o-tabs__tab.is-active:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -1px;
    height: 2px;
    box-shadow: 0 0 9.4px .6px #3bc1ff;
    background-color: #fff;
    left: 0
}

.o-tabs__tab.is-disabled {
    color: #3d4075;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .o-tabs__tab.is-disabled:hover {
        color: #3d4075
    }
}

.o-tabs__tab.is-disabled:after {
    content: "";
    background-color: transparent
}

.o-tabs__tab .c-icon {
    margin: 0
}

.o-tabs__item {
    font-weight: 700
}

@supports (display:grid) {
    .o-titled-icon {
        display: grid;
        -webkit-align-items: center;
        align-items: center;
        grid-template-columns:-webkit-max-content 1fr -webkit-max-content;
        grid-template-columns:max-content 1fr max-content;
        grid-gap: 8px
    }

    .o-titled-icon--vertical {
        grid-template-columns:1fr;
        grid-gap: 0;
        text-align: center
    }

    @media (max-width: 47.99em) {
        .o-titled-icon--vertical\@xs {
            grid-template-columns:1fr;
            grid-gap: 0;
            text-align: center
        }
    }@media (min-width: 20em) and (max-width: 63.99em) {
    .o-titled-icon--vertical\@sm {
        grid-template-columns:1fr;
        grid-gap: 0;
        text-align: center
    }
}@media (max-width: 85.365em) {
    .o-titled-icon--vertical\@lg- {
        grid-template-columns:1fr;
        grid-gap: 0;
        text-align: center
    }
}@media (min-width: 64em) {
    .o-titled-icon--vertical-off\@md\+ {
        grid-template-columns:-webkit-max-content 1fr;
        grid-template-columns:max-content 1fr
    }
}.o-titled-icon--centered {
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     grid-template-columns:-webkit-max-content -webkit-max-content;
     grid-template-columns:max-content max-content;
     margin: 0 auto
 }

    .o-titled-icon__icon {
        display: block;
        position: relative
    }

    .o-titled-icon__icon--fixed-width {
        width: 32px
    }

    .o-titled-icon__icon--bottom {
        -webkit-align-self: end;
        align-self: end
    }

    .o-titled-icon__icon--top {
        -webkit-align-self: start;
        align-self: start
    }

    .o-titled-icon__icon--daily, .o-titled-icon__icon--special, .o-titled-icon__icon--timed, .o-titled-icon__icon--weekly {
        width: 37px;
        height: 32px
    }
}

.o-transition-glow-enter-active {
    text-shadow: rgba(59, 193, 255, .4) -.1px 0 10px, rgba(59, 193, 255, .4) 0 -.1px 10px, rgba(59, 193, 255, .4) .1px 0 10px, rgba(59, 193, 255, .4) 0 .1px 10px, rgba(59, 193, 255, .4) -.1px -.1px 10px, rgba(59, 193, 255, .4) .1px .1px 10px;
    font-weight: 800;
    transition-timing-function: cubic-bezier(.3, .51, 0, 1.79)
}

.o-transition-glow-warning-enter-active {
    text-shadow: rgba(165, 15, 15, .8) -.1px 0 10px, rgba(165, 15, 15, .8) 0 -.1px 10px, rgba(165, 15, 15, .8) .1px 0 10px, rgba(165, 15, 15, .8) 0 .1px 10px, rgba(165, 15, 15, .8) -.1px -.1px 10px, rgba(165, 15, 15, .8) .1px .1px 10px;
    font-weight: 800;
    transition-timing-function: cubic-bezier(.3, .51, 0, 1.79)
}

.o-transition-grow-enter-active {
    -webkit-transform: scale(1.1) translateX(2px);
    transform: scale(1.1) translateX(2px);
    transition-timing-function: cubic-bezier(.3, .51, 0, .1)
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes, .o-wrapper {
    padding: 8px
}

.o-wrapper--none {
    padding: 0
}

.o-wrapper--atomic {
    padding: 1px
}

.o-wrapper--reduced {
    padding: 4px
}

.o-wrapper--regular {
    padding: 8px
}

.c-payment dl, .c-payment form fieldset, .c-payment section, .o-wrapper--increased {
    padding: 12px
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .suggestions-wrapper, .o-wrapper--large {
    padding: 16px
}

.o-wrapper--huge {
    padding: 20px
}

.c-novomind .context-list-wrapper, .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faqs-wrapper, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faqs-wrapper, .o-wrapper--giant {
    padding: 24px
}

.o-wrapper--mega {
    padding: 32px
}

.o-wrapper--super {
    padding: 40px
}

.o-wrapper--giga {
    padding: 64px
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-wrapper--none\@xs {
        padding: 0
    }

    .o-wrapper--atomic\@xs {
        padding: 1px
    }

    .o-wrapper--reduced\@xs {
        padding: 4px
    }

    .o-wrapper--regular\@xs {
        padding: 8px
    }

    .o-wrapper--increased\@xs {
        padding: 12px
    }

    .o-wrapper--large\@xs {
        padding: 16px
    }

    .o-wrapper--huge\@xs {
        padding: 20px
    }

    .o-wrapper--giant\@xs {
        padding: 24px
    }

    .o-wrapper--mega\@xs {
        padding: 32px
    }

    .o-wrapper--super\@xs {
        padding: 40px
    }

    .o-wrapper--giga\@xs {
        padding: 64px
    }
}

@media (min-width: 48em) {
    .o-wrapper--none\@sm\+ {
        padding: 0
    }

    .o-wrapper--atomic\@sm\+ {
        padding: 1px
    }

    .o-wrapper--reduced\@sm\+ {
        padding: 4px
    }

    .o-wrapper--regular\@sm\+ {
        padding: 8px
    }

    .o-wrapper--increased\@sm\+ {
        padding: 12px
    }

    .o-wrapper--large\@sm\+ {
        padding: 16px
    }

    .o-wrapper--huge\@sm\+ {
        padding: 20px
    }

    .o-wrapper--giant\@sm\+ {
        padding: 24px
    }

    .o-wrapper--mega\@sm\+ {
        padding: 32px
    }

    .o-wrapper--super\@sm\+ {
        padding: 40px
    }

    .o-wrapper--giga\@sm\+ {
        padding: 64px
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-wrapper--none\@sm {
        padding: 0
    }

    .o-wrapper--atomic\@sm {
        padding: 1px
    }

    .o-wrapper--reduced\@sm {
        padding: 4px
    }

    .o-wrapper--regular\@sm {
        padding: 8px
    }

    .o-wrapper--increased\@sm {
        padding: 12px
    }

    .o-wrapper--large\@sm {
        padding: 16px
    }

    .o-wrapper--huge\@sm {
        padding: 20px
    }

    .o-wrapper--giant\@sm {
        padding: 24px
    }

    .o-wrapper--mega\@sm {
        padding: 32px
    }

    .o-wrapper--super\@sm {
        padding: 40px
    }

    .o-wrapper--giga\@sm {
        padding: 64px
    }
}

@media (min-width: 64em) {
    .o-wrapper--none\@md\+ {
        padding: 0
    }

    .o-wrapper--atomic\@md\+ {
        padding: 1px
    }

    .o-wrapper--reduced\@md\+ {
        padding: 4px
    }

    .o-wrapper--regular\@md\+ {
        padding: 8px
    }

    .o-wrapper--increased\@md\+ {
        padding: 12px
    }

    .o-wrapper--large\@md\+ {
        padding: 16px
    }

    .o-wrapper--huge\@md\+ {
        padding: 20px
    }

    .o-wrapper--giant\@md\+ {
        padding: 24px
    }

    .o-wrapper--mega\@md\+ {
        padding: 32px
    }

    .o-wrapper--super\@md\+ {
        padding: 40px
    }

    .o-wrapper--giga\@md\+ {
        padding: 64px
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-wrapper--none\@md {
        padding: 0
    }

    .o-wrapper--atomic\@md {
        padding: 1px
    }

    .o-wrapper--reduced\@md {
        padding: 4px
    }

    .o-wrapper--regular\@md {
        padding: 8px
    }

    .o-wrapper--increased\@md {
        padding: 12px
    }

    .o-wrapper--large\@md {
        padding: 16px
    }

    .o-wrapper--huge\@md {
        padding: 20px
    }

    .o-wrapper--giant\@md {
        padding: 24px
    }

    .o-wrapper--mega\@md {
        padding: 32px
    }

    .o-wrapper--super\@md {
        padding: 40px
    }

    .o-wrapper--giga\@md {
        padding: 64px
    }
}

@media (min-width: 85.375em) {
    .o-wrapper--none\@lg\+ {
        padding: 0
    }

    .o-wrapper--atomic\@lg\+ {
        padding: 1px
    }

    .o-wrapper--reduced\@lg\+ {
        padding: 4px
    }

    .o-wrapper--regular\@lg\+ {
        padding: 8px
    }

    .o-wrapper--increased\@lg\+ {
        padding: 12px
    }

    .o-wrapper--large\@lg\+ {
        padding: 16px
    }

    .o-wrapper--huge\@lg\+ {
        padding: 20px
    }

    .o-wrapper--giant\@lg\+ {
        padding: 24px
    }

    .o-wrapper--mega\@lg\+ {
        padding: 32px
    }

    .o-wrapper--super\@lg\+ {
        padding: 40px
    }

    .o-wrapper--giga\@lg\+ {
        padding: 64px
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-wrapper--none\@lg {
        padding: 0
    }

    .o-wrapper--atomic\@lg {
        padding: 1px
    }

    .o-wrapper--reduced\@lg {
        padding: 4px
    }

    .o-wrapper--regular\@lg {
        padding: 8px
    }

    .o-wrapper--increased\@lg {
        padding: 12px
    }

    .o-wrapper--large\@lg {
        padding: 16px
    }

    .o-wrapper--huge\@lg {
        padding: 20px
    }

    .o-wrapper--giant\@lg {
        padding: 24px
    }

    .o-wrapper--mega\@lg {
        padding: 32px
    }

    .o-wrapper--super\@lg {
        padding: 40px
    }

    .o-wrapper--giga\@lg {
        padding: 64px
    }
}

@media (min-width: 90em) {
    .o-wrapper--none\@xl\+ {
        padding: 0
    }

    .o-wrapper--atomic\@xl\+ {
        padding: 1px
    }

    .o-wrapper--reduced\@xl\+ {
        padding: 4px
    }

    .o-wrapper--regular\@xl\+ {
        padding: 8px
    }

    .o-wrapper--increased\@xl\+ {
        padding: 12px
    }

    .o-wrapper--large\@xl\+ {
        padding: 16px
    }

    .o-wrapper--huge\@xl\+ {
        padding: 20px
    }

    .o-wrapper--giant\@xl\+ {
        padding: 24px
    }

    .o-wrapper--mega\@xl\+ {
        padding: 32px
    }

    .o-wrapper--super\@xl\+ {
        padding: 40px
    }

    .o-wrapper--giga\@xl\+ {
        padding: 64px
    }
}

.o-wrapper-v {
    padding-top: 8px;
    padding-bottom: 8px
}

.o-wrapper-v--none {
    padding-top: 0;
    padding-bottom: 0
}

.o-wrapper-v--atomic {
    padding-top: 1px;
    padding-bottom: 1px
}

.o-wrapper-v--reduced {
    padding-top: 4px;
    padding-bottom: 4px
}

.o-wrapper-v--regular {
    padding-top: 8px;
    padding-bottom: 8px
}

.o-wrapper-v--increased {
    padding-top: 12px;
    padding-bottom: 12px
}

.o-wrapper-v--large {
    padding-top: 16px;
    padding-bottom: 16px
}

.o-wrapper-v--huge {
    padding-top: 20px;
    padding-bottom: 20px
}

.o-wrapper-v--giant {
    padding-top: 24px;
    padding-bottom: 24px
}

.o-wrapper-v--mega {
    padding-top: 32px;
    padding-bottom: 32px
}

.o-wrapper-v--super {
    padding-top: 40px;
    padding-bottom: 40px
}

.o-wrapper-v--giga {
    padding-top: 64px;
    padding-bottom: 64px
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-wrapper-v--none\@xs {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-wrapper-v--atomic\@xs {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .o-wrapper-v--reduced\@xs {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-wrapper-v--regular\@xs {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-wrapper-v--increased\@xs {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-wrapper-v--large\@xs {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-wrapper-v--huge\@xs {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-wrapper-v--giant\@xs {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .o-wrapper-v--mega\@xs {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .o-wrapper-v--super\@xs {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-wrapper-v--giga\@xs {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media (min-width: 48em) {
    .o-wrapper-v--none\@sm\+ {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-wrapper-v--atomic\@sm\+ {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .o-wrapper-v--reduced\@sm\+ {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-wrapper-v--regular\@sm\+ {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-wrapper-v--increased\@sm\+ {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-wrapper-v--large\@sm\+ {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-wrapper-v--huge\@sm\+ {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-wrapper-v--giant\@sm\+ {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .o-wrapper-v--mega\@sm\+ {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .o-wrapper-v--super\@sm\+ {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-wrapper-v--giga\@sm\+ {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-wrapper-v--none\@sm {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-wrapper-v--atomic\@sm {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .o-wrapper-v--reduced\@sm {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-wrapper-v--regular\@sm {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-wrapper-v--increased\@sm {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-wrapper-v--large\@sm {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-wrapper-v--huge\@sm {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-wrapper-v--giant\@sm {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .o-wrapper-v--mega\@sm {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .o-wrapper-v--super\@sm {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-wrapper-v--giga\@sm {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media (min-width: 64em) {
    .o-wrapper-v--none\@md\+ {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-wrapper-v--atomic\@md\+ {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .o-wrapper-v--reduced\@md\+ {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-wrapper-v--regular\@md\+ {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-wrapper-v--increased\@md\+ {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-wrapper-v--large\@md\+ {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-wrapper-v--huge\@md\+ {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-wrapper-v--giant\@md\+ {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .o-wrapper-v--mega\@md\+ {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .o-wrapper-v--super\@md\+ {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-wrapper-v--giga\@md\+ {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-wrapper-v--none\@md {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-wrapper-v--atomic\@md {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .o-wrapper-v--reduced\@md {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-wrapper-v--regular\@md {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-wrapper-v--increased\@md {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-wrapper-v--large\@md {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-wrapper-v--huge\@md {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-wrapper-v--giant\@md {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .o-wrapper-v--mega\@md {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .o-wrapper-v--super\@md {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-wrapper-v--giga\@md {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media (min-width: 85.375em) {
    .o-wrapper-v--none\@lg\+ {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-wrapper-v--atomic\@lg\+ {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .o-wrapper-v--reduced\@lg\+ {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-wrapper-v--regular\@lg\+ {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-wrapper-v--increased\@lg\+ {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-wrapper-v--large\@lg\+ {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-wrapper-v--huge\@lg\+ {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-wrapper-v--giant\@lg\+ {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .o-wrapper-v--mega\@lg\+ {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .o-wrapper-v--super\@lg\+ {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-wrapper-v--giga\@lg\+ {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-wrapper-v--none\@lg {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-wrapper-v--atomic\@lg {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .o-wrapper-v--reduced\@lg {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-wrapper-v--regular\@lg {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-wrapper-v--increased\@lg {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-wrapper-v--large\@lg {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-wrapper-v--huge\@lg {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-wrapper-v--giant\@lg {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .o-wrapper-v--mega\@lg {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .o-wrapper-v--super\@lg {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-wrapper-v--giga\@lg {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media (min-width: 90em) {
    .o-wrapper-v--none\@xl\+ {
        padding-top: 0;
        padding-bottom: 0
    }

    .o-wrapper-v--atomic\@xl\+ {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .o-wrapper-v--reduced\@xl\+ {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .o-wrapper-v--regular\@xl\+ {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .o-wrapper-v--increased\@xl\+ {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .o-wrapper-v--large\@xl\+ {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .o-wrapper-v--huge\@xl\+ {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .o-wrapper-v--giant\@xl\+ {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .o-wrapper-v--mega\@xl\+ {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .o-wrapper-v--super\@xl\+ {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .o-wrapper-v--giga\@xl\+ {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.o-wrapper-h {
    padding-right: 8px;
    padding-left: 8px
}

.o-wrapper-h--none {
    padding-right: 0;
    padding-left: 0
}

.o-wrapper-h--atomic {
    padding-right: 1px;
    padding-left: 1px
}

.o-wrapper-h--reduced {
    padding-right: 4px;
    padding-left: 4px
}

.o-wrapper-h--regular {
    padding-right: 8px;
    padding-left: 8px
}

.c-payment header h3, .o-wrapper-h--increased {
    padding-right: 12px;
    padding-left: 12px
}

.o-wrapper-h--large {
    padding-right: 16px;
    padding-left: 16px
}

.o-wrapper-h--huge {
    padding-right: 20px;
    padding-left: 20px
}

.o-wrapper-h--giant {
    padding-right: 24px;
    padding-left: 24px
}

.o-wrapper-h--mega {
    padding-right: 32px;
    padding-left: 32px
}

.o-wrapper-h--super {
    padding-right: 40px;
    padding-left: 40px
}

.o-wrapper-h--giga {
    padding-right: 64px;
    padding-left: 64px
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .o-wrapper-h--none\@xs {
        padding-right: 0;
        padding-left: 0
    }

    .o-wrapper-h--atomic\@xs {
        padding-right: 1px;
        padding-left: 1px
    }

    .o-wrapper-h--reduced\@xs {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-wrapper-h--regular\@xs {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-wrapper-h--increased\@xs {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-wrapper-h--large\@xs {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-wrapper-h--huge\@xs {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-wrapper-h--giant\@xs {
        padding-right: 24px;
        padding-left: 24px
    }

    .o-wrapper-h--mega\@xs {
        padding-right: 32px;
        padding-left: 32px
    }

    .o-wrapper-h--super\@xs {
        padding-right: 40px;
        padding-left: 40px
    }

    .o-wrapper-h--giga\@xs {
        padding-right: 64px;
        padding-left: 64px
    }
}

@media (min-width: 48em) {
    .o-wrapper-h--none\@sm\+ {
        padding-right: 0;
        padding-left: 0
    }

    .o-wrapper-h--atomic\@sm\+ {
        padding-right: 1px;
        padding-left: 1px
    }

    .o-wrapper-h--reduced\@sm\+ {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-wrapper-h--regular\@sm\+ {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-wrapper-h--increased\@sm\+ {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-wrapper-h--large\@sm\+ {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-wrapper-h--huge\@sm\+ {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-wrapper-h--giant\@sm\+ {
        padding-right: 24px;
        padding-left: 24px
    }

    .o-wrapper-h--mega\@sm\+ {
        padding-right: 32px;
        padding-left: 32px
    }

    .o-wrapper-h--super\@sm\+ {
        padding-right: 40px;
        padding-left: 40px
    }

    .o-wrapper-h--giga\@sm\+ {
        padding-right: 64px;
        padding-left: 64px
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .o-wrapper-h--none\@sm {
        padding-right: 0;
        padding-left: 0
    }

    .o-wrapper-h--atomic\@sm {
        padding-right: 1px;
        padding-left: 1px
    }

    .o-wrapper-h--reduced\@sm {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-wrapper-h--regular\@sm {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-wrapper-h--increased\@sm {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-wrapper-h--large\@sm {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-wrapper-h--huge\@sm {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-wrapper-h--giant\@sm {
        padding-right: 24px;
        padding-left: 24px
    }

    .o-wrapper-h--mega\@sm {
        padding-right: 32px;
        padding-left: 32px
    }

    .o-wrapper-h--super\@sm {
        padding-right: 40px;
        padding-left: 40px
    }

    .o-wrapper-h--giga\@sm {
        padding-right: 64px;
        padding-left: 64px
    }
}

@media (min-width: 64em) {
    .o-wrapper-h--none\@md\+ {
        padding-right: 0;
        padding-left: 0
    }

    .o-wrapper-h--atomic\@md\+ {
        padding-right: 1px;
        padding-left: 1px
    }

    .o-wrapper-h--reduced\@md\+ {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-wrapper-h--regular\@md\+ {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-wrapper-h--increased\@md\+ {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-wrapper-h--large\@md\+ {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-wrapper-h--huge\@md\+ {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-wrapper-h--giant\@md\+ {
        padding-right: 24px;
        padding-left: 24px
    }

    .o-wrapper-h--mega\@md\+ {
        padding-right: 32px;
        padding-left: 32px
    }

    .o-wrapper-h--super\@md\+ {
        padding-right: 40px;
        padding-left: 40px
    }

    .o-wrapper-h--giga\@md\+ {
        padding-right: 64px;
        padding-left: 64px
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .o-wrapper-h--none\@md {
        padding-right: 0;
        padding-left: 0
    }

    .o-wrapper-h--atomic\@md {
        padding-right: 1px;
        padding-left: 1px
    }

    .o-wrapper-h--reduced\@md {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-wrapper-h--regular\@md {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-wrapper-h--increased\@md {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-wrapper-h--large\@md {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-wrapper-h--huge\@md {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-wrapper-h--giant\@md {
        padding-right: 24px;
        padding-left: 24px
    }

    .o-wrapper-h--mega\@md {
        padding-right: 32px;
        padding-left: 32px
    }

    .o-wrapper-h--super\@md {
        padding-right: 40px;
        padding-left: 40px
    }

    .o-wrapper-h--giga\@md {
        padding-right: 64px;
        padding-left: 64px
    }
}

@media (min-width: 85.375em) {
    .o-wrapper-h--none\@lg\+ {
        padding-right: 0;
        padding-left: 0
    }

    .o-wrapper-h--atomic\@lg\+ {
        padding-right: 1px;
        padding-left: 1px
    }

    .o-wrapper-h--reduced\@lg\+ {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-wrapper-h--regular\@lg\+ {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-wrapper-h--increased\@lg\+ {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-wrapper-h--large\@lg\+ {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-wrapper-h--huge\@lg\+ {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-wrapper-h--giant\@lg\+ {
        padding-right: 24px;
        padding-left: 24px
    }

    .o-wrapper-h--mega\@lg\+ {
        padding-right: 32px;
        padding-left: 32px
    }

    .o-wrapper-h--super\@lg\+ {
        padding-right: 40px;
        padding-left: 40px
    }

    .o-wrapper-h--giga\@lg\+ {
        padding-right: 64px;
        padding-left: 64px
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .o-wrapper-h--none\@lg {
        padding-right: 0;
        padding-left: 0
    }

    .o-wrapper-h--atomic\@lg {
        padding-right: 1px;
        padding-left: 1px
    }

    .o-wrapper-h--reduced\@lg {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-wrapper-h--regular\@lg {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-wrapper-h--increased\@lg {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-wrapper-h--large\@lg {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-wrapper-h--huge\@lg {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-wrapper-h--giant\@lg {
        padding-right: 24px;
        padding-left: 24px
    }

    .o-wrapper-h--mega\@lg {
        padding-right: 32px;
        padding-left: 32px
    }

    .o-wrapper-h--super\@lg {
        padding-right: 40px;
        padding-left: 40px
    }

    .o-wrapper-h--giga\@lg {
        padding-right: 64px;
        padding-left: 64px
    }
}

@media (min-width: 90em) {
    .o-wrapper-h--none\@xl\+ {
        padding-right: 0;
        padding-left: 0
    }

    .o-wrapper-h--atomic\@xl\+ {
        padding-right: 1px;
        padding-left: 1px
    }

    .o-wrapper-h--reduced\@xl\+ {
        padding-right: 4px;
        padding-left: 4px
    }

    .o-wrapper-h--regular\@xl\+ {
        padding-right: 8px;
        padding-left: 8px
    }

    .o-wrapper-h--increased\@xl\+ {
        padding-right: 12px;
        padding-left: 12px
    }

    .o-wrapper-h--large\@xl\+ {
        padding-right: 16px;
        padding-left: 16px
    }

    .o-wrapper-h--huge\@xl\+ {
        padding-right: 20px;
        padding-left: 20px
    }

    .o-wrapper-h--giant\@xl\+ {
        padding-right: 24px;
        padding-left: 24px
    }

    .o-wrapper-h--mega\@xl\+ {
        padding-right: 32px;
        padding-left: 32px
    }

    .o-wrapper-h--super\@xl\+ {
        padding-right: 40px;
        padding-left: 40px
    }

    .o-wrapper-h--giga\@xl\+ {
        padding-right: 64px;
        padding-left: 64px
    }
}

.c-bar-status {
    position: relative;
    width: 224px;
    height: 48px;
    padding-left: 56px;
    padding-top: 4px;
    font-weight: 700
}

.c-bar-status--booster {
    width: 248px
}

.c-bar-status--booster .c-bar-status__bar {
    background-image: linear-gradient(90deg, #e96200 1%, #fef593 99%)
}

.c-bar-status:after {
    content: "";
    position: absolute;
    left: 40px;
    right: 1px;
    bottom: 1px;
    display: block;
    height: 14px;
    border-radius: 6px;
    background-color: #3534a2;
    box-shadow: 0 -1px 2.9px .1px #6375ea
}

.c-bar-status__badge {
    width: 58px;
    height: 79px;
    position: absolute;
    left: -5px;
    top: -15px;
    z-index: 2
}

.c-bar-status__bar {
    position: absolute;
    left: 48px;
    bottom: 3px;
    width: 174px;
    height: 10px;
    border-radius: 0 5px 5px 0;
    background-image: linear-gradient(90deg, #4c76c5 1%, #75e4af 99%);
    box-shadow: inset 0 0 5px 0 hsla(0, 0%, 100%, .5);
    z-index: 1;
    -webkit-transform-origin: left;
    transform-origin: left
}

.c-bar-status__caption {
    position: absolute;
    left: 0;
    width: 48px;
    bottom: -1px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    z-index: 10;
    text-shadow: none
}

.c-bar-status--small {
    margin: 5px 0 0 16px;
    width: calc(100% - 16px);
    height: 12px
}

.c-bar-status--small:after {
    left: 0;
    right: 0;
    top: -1px;
    height: 12px;
    box-shadow: inset 0 0 13px 0 #21166c
}

.c-bar-status--small .c-bar-status__bar {
    left: 3px;
    border-radius: 4px;
    right: 3px;
    bottom: 4px;
    height: 6px;
    z-index: 10;
    width: auto;
    box-shadow: none
}

.c-bar-status--small .c-bar-status__bar--background {
    background-color: #171672;
    z-index: 1;
    height: 8px;
    bottom: 3px;
    background-image: none
}

.c-bar-status--small .c-bar-status__bar--no-radius-left {
    border-radius: 0 4px 4px 0
}

.c-bar-status__position {
    position: absolute;
    left: -18px;
    top: -7px;
    width: 24px;
    height: 24px;
    box-shadow: inset 0 0 13px 0 #21166c;
    background-color: #171672;
    border-radius: 12px;
    z-index: 10;
    font-size: 12px;
    line-height: 24px;
    text-align: center
}

.c-bar-status__position:before {
    content: "";
    position: absolute;
    top: 1px;
    left: -5px;
    height: 25px;
    width: 33px;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10
}

.c-bar-status__position--gold:before {
    background-image: url(../../../Content/images/build/svg/icons/challenges-rank-gold.9c0c84e.svg)
}

.c-bar-status__position--silver:before {
    background-image: url(../../../Content/images/build/svg/icons/challenges-rank-silver.c291e65.svg)
}

.c-bar-status__booster {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 52px;
    height: 48px;
    border-radius: 8px;
    background-color: #3534a2;
    box-shadow: 0 -1px 2.9px .1px #6375ea;
    border: 1px solid #4a52b5
}

.c-bar-status__booster-image {
    width: 50px;
    height: 36px;
    top: -8px;
    background: url(../../../Content/images/build/assets/booster/booster-xp-big-ribbon.1443007.png) no-repeat bottom;
    background-size: auto 100%
}

.c-bar-status__booster-image, .c-bar-status__booster-text {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-bar-status__booster-text {
    top: 19px;
    font-size: 12px;
    font-weight: 600;
    color: #fff
}

.c-bar-status__booster-time {
    position: absolute;
    bottom: 0;
    width: 50px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fefe6c
}

.c-balance {
    height: 48px;
    cursor: pointer;
    min-width: 184px
}

.c-balance__panel {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .4px;
    color: #fff;
    white-space: nowrap;
    padding: 8px 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

@media (min-width: 48em) {
    .c-balance__panel {
        padding-right: 12px
    }
}

@media (min-width: 48em) {
    .c-balance__panel--timer {
        min-width: 88px
    }
}

.c-balance__panel-label {
    position: absolute;
    left: 40px;
    top: -18px;
    padding: 0 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    white-space: nowrap;
    max-width: 90%;
    color: #fff;
    -webkit-align-items: center;
    align-items: center
}

.c-header .c-balance__panel-label-type {
    display: none
}

@media (min-width: 48em) {
    .c-header .c-balance__panel-label-type {
        display: inline
    }
}

.c-balance__timer {
    width: 100px;
    height: 36px;
    font-size: 12px;
    line-height: 36px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../../../Content/images/build/svg/icons/deal-balance.fc7635d.svg);
    font-weight: 700;
    text-align: center
}

@media (min-width: 48em) {
    .c-balance__timer {
        font-size: 14px;
        width: 162px
    }
}

.c-balance__cta-shop {
    z-index: 1;
    margin-left: auto
}

.c-balance__coin {
    padding-left: 4px
}

.c-bonus {
    width: 100%;
    margin: auto
}

.c-bonus__title {
    text-align: center;
    font-weight: 900;
    font-size: 30px;
    max-width: 100%
}

@media (min-width: 64em) {
    .c-bonus__title {
        font-size: 52px
    }
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-bonus__title {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: 1px #fefe6c
    }
}

.c-bonus__counter {
    display: inline-block
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-bonus__counter-value {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        -webkit-text-stroke: 1px #fefe6c;
        background-repeat: no-repeat;
        background-size: 99% 100%
    }
}

.c-bonus__amount {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 55px
}

@media (min-width: 64em) {
    .c-bonus__amount {
        height: 110px
    }
}

.c-bonus__value {
    margin-top: 8px;
    font-size: 30px;
    line-height: 34px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 900;
    color: #fefe6c
}

@media (min-width: 64em) {
    .c-bonus__value {
        font-size: 70px;
        line-height: 74px;
        margin-top: 8px
    }
}

.c-bonus__cta {
    margin-top: 8px;
    font-size: 12px
}

.c-bonus-time {
    position: relative;
    width: 130px;
    height: 56px;
    z-index: 200
}

.has-fallback-fullscreen .c-bonus-time {
    display: none
}

.c-bonus-time__collectible {
    height: 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.c-bonus-time__collectible .c-radial-progress__inner {
    z-index: 1
}

.c-bonus-time__collectible-coins {
    z-index: -1;
    bottom: 14px;
    pointer-events: none
}

.c-bonus-time__collectible-coins.c-radial-progress {
    position: absolute
}

.c-bonus-time__collectible-sparkling-gold {
    width: 80px;
    height: 100px
}

.c-bonus-time__collectible-gold {
    width: 95px;
    height: 110px;
    position: absolute;
    top: -5px;
    left: 5px;
    background: url(../../../Content/images/build/assets/bonus/time-coins.282df1c.png) no-repeat;
    background-size: contain
}

.c-bonus-time__collectible-leaderboard {
    width: 95px;
    height: 110px;
    position: absolute;
    top: -54px;
    left: 14px;
    background-size: contain
}

.c-bonus-time__collectible-sparkles {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 90%;
    margin: 16px auto
}

.c-bonus-time__collectible-sparkle {
    width: 10px;
    height: 10px;
    -webkit-flex: 1;
    flex: 1
}

.c-bonus-time__collectible-amount {
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-flex;
    display: flex;
    width: 92%;
    -webkit-align-items: center;
    align-items: center;
    z-index: 100;
    background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .8));
    border-top-left-radius: 120px 240px;
    border-top-right-radius: 120px 240px;
    font-weight: 700
}

.c-bonus-time__collectible-label {
    position: relative;
    background: url(../../../Content/images/build/assets/bonus/mid-time.675fa64.png) repeat-x;
    cursor: pointer;
    min-width: 110px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.c-bonus-time__collectible-label:after, .c-bonus-time__collectible-label:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 20px
}

.c-bonus-time__collectible-label:before {
    background: url(../../../Content/images/build/assets/bonus/left-time.90ea6e1.png) no-repeat;
    left: -21px
}

.c-bonus-time__collectible-label:after {
    background: url(../../../Content/images/build/assets/bonus/right-time.082ffa3.png) no-repeat;
    right: -21px
}

.c-bonus-time__timer {
    bottom: 0;
    pointer-events: none
}

.c-bonus-time__timer.c-radial-progress {
    position: absolute
}

.c-bonus-time__waiting {
    height: 100%
}

.c-bonus-time__waiting-content {
    border-radius: 50%;
    width: 100%;
    height: 100px;
    background: url(../../../Content/images/build/assets/bonus/time-bg.5f0028f.jpg) no-repeat;
    background-size: contain;
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0 1px 3px #000
}

.c-bonus-time__waiting-content-countdown {
    margin-top: 28px;
    display: block
}

.c-bonus-time__collected, .c-bonus-time__waiting-content-countdown {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 3px #000
}

.c-bonus-time__collected {
    width: 120px;
    height: 100px;
    border-radius: 50% 50% 0 0;
    top: 12px;
    background: url(../../../Content/images/build/assets/bonus/time-bg.5f0028f.jpg) no-repeat;
    background-size: contain;
    text-align: center;
    padding-top: 25px;
    line-height: 16px;
    box-shadow: .7px .7px 2.9px .1px #4a44a2, inset 1px 1.7px 7px 0 #090a36;
    position: absolute;
    text-transform: uppercase
}

.c-bonus-time__collected-gold {
    width: 60px;
    height: 42px;
    position: absolute;
    background: url(../../../Content/images/build/assets/bonus/time-coins.282df1c.png) no-repeat;
    background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -12px
}

.c-bonus-time__countdown {
    line-height: 22px
}

.c-bonus-time__amount {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.c-bonus-time__status--primary {
    font-size: 14px
}

.c-bonus-time__status--secondary {
    font-size: 12px
}

.c-bonus-time__icon {
    position: absolute;
    z-index: 200;
    top: -25px;
    left: calc(50% - 23px)
}

.c-bonus-time.c-page--fixed-bottom-right {
    right: 60px
}

.c-booster__time, .c-booster__xp {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    width: 45px;
    height: 40px;
    padding-bottom: 2px;
    font-size: 10px;
    color: #fff
}

.c-booster__xp {
    background: url(../../../Content/images/build/assets/booster/booster-xp.3201a87.png) no-repeat;
    background-size: contain
}

.c-booster__xp--small {
    background-image: url(../../../Content/images/build/assets/booster/booster-xp-big-ribbon.1443007.png);
    width: 45px;
    height: 40px;
    font-size: 12px;
    padding-bottom: 8px
}

.c-booster__xp--inactive {
    background-image: url(../../../Content/images/build/assets/booster/booster-xp-disabled.3b75b55.png)
}

.c-booster__time {
    background: url(../../../Content/images/build/assets/booster/booster-time.0a0036b.png) no-repeat;
    background-size: contain
}

.c-booster__time--small {
    width: 45px;
    height: 40px;
    font-size: 12px;
    background-image: url(../../../Content/images/build/assets/booster/booster-time-big-ribbon.573e55c.png);
    padding-bottom: 8px
}

.c-booster__time--inactive {
    background-image: url(../../../Content/images/build/assets/booster/booster-time-disabled.0d76675.png)
}

.c-booster__time--shop-item {
    width: 63px;
    height: 55px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-booster__time, .c-booster__xp {
        font-size: 14px
    }

    .c-booster__xp {
        width: 70px;
        height: 60px
    }

    .c-booster__xp--small {
        width: 45px;
        height: 40px;
        font-size: 12px
    }

    .c-booster__time {
        width: 70px;
        height: 60px
    }

    .c-booster__time--small {
        width: 45px;
        height: 40px;
        font-size: 12px
    }
}

.c-booster-item-shop {
    border-radius: 32px;
    padding: 8px 8px 8px 24px;
    border: 1px solid #383652;
    background-color: #0c092a;
    cursor: pointer
}

.c-booster-item-shop__text--small {
    font-size: 12px
}

.c-booster-item-shop__data {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100%
}

.c-booster-item-shop__icon {
    margin-right: 4px
}

.c-booster-item-shop .c-btn--primary, .c-booster-item-shop .c-payment button, .c-booster-item-shop [data-bind="click: acceptFreeSpins"], .c-booster-item-shop [data-bind="click: acknowledgeFreeSpinsResult"], .c-payment .c-booster-item-shop button {
    font-size: 16px
}

@media (min-width: 48em) {
    .c-booster-item-shop .c-btn--primary, .c-booster-item-shop .c-payment button, .c-booster-item-shop [data-bind="click: acceptFreeSpins"], .c-booster-item-shop [data-bind="click: acknowledgeFreeSpinsResult"], .c-payment .c-booster-item-shop button {
        font-size: 18px
    }
}

@media (min-width: 64em) {
    .c-booster-item-shop .c-btn--primary, .c-booster-item-shop .c-payment button, .c-booster-item-shop [data-bind="click: acceptFreeSpins"], .c-booster-item-shop [data-bind="click: acknowledgeFreeSpinsResult"], .c-payment .c-booster-item-shop button {
        font-size: 20px
    }
}

.c-booster-list-shop {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 8px 24px
}

@media (min-width: 48em) {
    .c-booster-list-shop {
        grid-template-columns:1fr 1fr
    }
}

.c-booster-list-shop__active {
    display: -webkit-flex;
    display: flex;
    border-radius: 16px;
    border: 1px solid #383652;
    background-color: #0c092a;
    justify-self: center;
    padding: 4px 56px;
    font-size: 18px
}

.c-booster-list-shop__active--highlight {
    background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.c-booster-list-shop__active--highlight-flat {
    color: #fefe6c
}

.c-booster-list-shop__text {
    justify-self: left;
    text-align: left
}

@media (min-width: 64em) {
    .c-booster-list-shop__text {
        justify-self: center;
        text-align: center
    }
}

.c-booster-list-shop__text--large {
    font-size: 20px
}

@media (max-width: 63.99em) {
    .c-booster-list-shop__text--large {
        margin-left: 70px;
        text-transform: uppercase
    }
}

.c-booster-list-shop__description {
    font-size: 14px;
    grid-column: 1/-1
}

.c-booster-list-shop__list {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 16px;
    border-radius: 6px;
    background-color: #ffffff1a;
    border: 1px solid #383652;
    padding-top: 24px
}

@media (min-width: 64em) {
    .c-booster-list-shop__list {
        padding-top: 78px
    }
}

.c-booster-list-shop__list-container {
    padding-top: 0;
    position: relative
}

@media (min-width: 64em) {
    .c-booster-list-shop__list-container {
        padding-top: 66px
    }
}

.c-booster-list-shop__image {
    position: absolute;
    width: 58px;
    height: 50px;
    background-size: contain;
    top: 16px;
    left: 16px
}

@media (min-width: 64em) {
    .c-booster-list-shop__image {
        width: 154px;
        height: 132px;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.c-booster-list-shop__image--xp {
    background-image: url(../../../Content/images/build/assets/booster/booster-xp.3201a87.png);
    background-repeat: no-repeat;
    background-position: bottom
}

.c-booster-list-shop__image--time {
    background-image: url(../../../Content/images/build/assets/booster/booster-time.0a0036b.png);
    background-repeat: no-repeat;
    background-position: bottom
}

.c-booster-list-shop__image--text {
    position: absolute;
    top: 28px;
    font-weight: 600;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 64em) {
    .c-booster-list-shop__image--text {
        font-size: 28px;
        top: 87px
    }
}

.c-box-highlight__wrapper {
    margin: 10px;
    border-radius: 8px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-box-highlight__wrapper {
        margin: 20px 30px
    }
}

.c-box-highlight__wrapper--gradient {
    background: linear-gradient(90deg, transparent 9%, rgba(0, 0, 0, .4) 15%, rgba(0, 0, 0, .4))
}

.c-box-highlight__wrapper--bg {
    background: rgba(0, 0, 0, .5)
}

.c-box-highlight__wrapper--highlight {
    border: 1px solid #5be6fe;
    box-shadow: .5px .9px 12px 2.5px rgba(89, 147, 247, .77)
}

.c-box-highlight__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    font-size: 12px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-box-highlight__grid {
        font-size: 16px
    }
}

.c-box-highlight__grid--challenges {
    display: grid;
    grid-gap: 8px;
    grid-template-columns:max-content 1fr;
    text-align: left;
    text-transform: none
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-box-highlight__grid--challenges {
        max-width: 450px;
        width: -moz-max-content;
        width: -webkit-max-content;
        width: max-content
    }
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-box-highlight__item {
        font-size: 20px
    }
}

.c-box-highlight__item:last-of-type {
    text-align: left
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-box-highlight__item--subline {
        font-size: 16px
    }
}

.c-box-highlight__highlight {
    font-size: 24px;
    line-height: 18px
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-box-highlight__highlight {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: 1px #fefe6c
    }
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-box-highlight__highlight {
        font-size: 36px;
        line-height: 32px
    }
}

.c-bubble {
    position: absolute;
    top: -2px;
    right: -8px;
    padding: 4px 8px;
    background-color: #f75a5a;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px
}

.c-btn, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link, .c-payment button, [data-bind="click: acceptFreeSpins"], [data-bind="click: acknowledgeFreeSpinsResult"], [data-bind="click: rejectFreeSpins"] {
    max-width: 100%;
    height: 48px;
    padding: 12px 56px;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 24px;
    text-shadow: rgba(0, 0, 0, .3) -1px -1px 1px;
    text-align: center;
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 64em) {
    .c-btn\@md\+ {
        max-width: 100%;
        height: 48px;
        padding: 12px 56px;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 24px;
        text-shadow: rgba(0, 0, 0, .3) 1px 0 1px;
        text-align: center;
        transition: all .5s cubic-bezier(.55, 0, .1, 1);
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-btn:focus, .c-btn:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .c-teaser-area__hit-area:hover .evaluation-contact-link, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .c-teaser-area__img-link:hover ~ .c-teaser-area .evaluation-contact-link, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link:focus, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .c-teaser-area__hit-area:hover .evaluation-contact-link, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .c-teaser-area__img-link:hover ~ .c-teaser-area .evaluation-contact-link, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link:focus, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link:hover, .c-payment .c-teaser-area__hit-area:hover button, .c-payment .c-teaser-area__img-link:hover ~ .c-teaser-area button, .c-payment button:focus, .c-payment button:hover, .c-teaser-area__hit-area:hover .c-btn, .c-teaser-area__hit-area:hover .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link, .c-teaser-area__hit-area:hover .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link, .c-teaser-area__hit-area:hover .c-payment button, .c-teaser-area__hit-area:hover [data-bind="click: acceptFreeSpins"], .c-teaser-area__hit-area:hover [data-bind="click: acknowledgeFreeSpinsResult"], .c-teaser-area__hit-area:hover [data-bind="click: rejectFreeSpins"], .c-teaser-area__img-link:hover ~ .c-teaser-area .c-btn, .c-teaser-area__img-link:hover ~ .c-teaser-area .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link, .c-teaser-area__img-link:hover ~ .c-teaser-area .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link, .c-teaser-area__img-link:hover ~ .c-teaser-area .c-payment button, .c-teaser-area__img-link:hover ~ .c-teaser-area [data-bind="click: acceptFreeSpins"], .c-teaser-area__img-link:hover ~ .c-teaser-area [data-bind="click: acknowledgeFreeSpinsResult"], .c-teaser-area__img-link:hover ~ .c-teaser-area [data-bind="click: rejectFreeSpins"], :focus[data-bind="click: acceptFreeSpins"], :focus[data-bind="click: acknowledgeFreeSpinsResult"], :focus[data-bind="click: rejectFreeSpins"], :hover[data-bind="click: acceptFreeSpins"], :hover[data-bind="click: acknowledgeFreeSpinsResult"], :hover[data-bind="click: rejectFreeSpins"] {
        -webkit-filter: brightness(120%);
        filter: brightness(120%);
        color: #fff
    }
}

.c-btn:focus, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link:focus, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link:focus, .c-payment button:focus, :focus[data-bind="click: acceptFreeSpins"], :focus[data-bind="click: acknowledgeFreeSpinsResult"], :focus[data-bind="click: rejectFreeSpins"] {
    outline: 0
}

.c-btn--primary, .c-payment button, [data-bind="click: acceptFreeSpins"], [data-bind="click: acknowledgeFreeSpinsResult"] {
    color: #fff;
    border: 1px solid #1c9271;
    background-image: linear-gradient(180deg, #8cffdc, #52e8a6 8%, #15b671 51%, #099c6a 86%, #33d4a6);
    box-shadow: inset 0 -2px 0 0 #057f50;
    border-radius: 24px;
    text-shadow: rgba(0, 0, 0, .3) -1px -1px 1px
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-btn--primary:hover, .c-payment button:hover, :hover[data-bind="click: acceptFreeSpins"], :hover[data-bind="click: acknowledgeFreeSpinsResult"] {
        color: #fff
    }
}

.c-btn--primary:active, .c-payment button:active, :active[data-bind="click: acceptFreeSpins"], :active[data-bind="click: acknowledgeFreeSpinsResult"] {
    background-image: linear-gradient(0deg, #55efb5, #52e8a6 7%, #059564 93%, #33d4a6);
    box-shadow: none
}

.c-btn--secondary, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link, .multiselect--secondary, .multiselect__content-wrapper {
    color: #fff;
    border: 1px solid #2974b9;
    background-image: linear-gradient(180deg, #55d6fb, #56a5ed 8%, #2f62c8 51%, #1f73c3 86%, #65acf7);
    box-shadow: inset 0 -2px 0 0 #1859ac;
    border-radius: 24px;
    text-shadow: rgba(0, 0, 0, .3) -1px -1px 1px
}

@media (min-width: 64em) {
    .c-btn--secondary\@md\+ {
        border: 1px solid #2974b9;
        border-radius: 24px;
        background-image: linear-gradient(180deg, #55d6fb, #56a5ed 8%, #2f62c8 51%, #1f73c3 86%, #65acf7);
        box-shadow: inset 0 -2px 0 0 #1859ac
    }
}

@media (min-width: 64em) and (-ms-high-contrast: active),(min-width: 64em) and (-ms-high-contrast: none),(min-width: 64em) and (min--moz-device-pixel-ratio: 0),(min-width: 64em) and (pointer: fine) {
    .c-btn--secondary\@md\+:hover {
        color: #fff;
        -webkit-filter: brightness(120%);
        filter: brightness(120%);
        background-image: linear-gradient(180deg, #55d6fb, #56a5ed 8%, #2f62c8 51%, #1f73c3 86%, #65acf7);
        background-color: none
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-btn--secondary:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link:hover, .multiselect--secondary:hover, .multiselect__content-wrapper:hover, .o-paging__next.swiper-button-next:hover, .o-paging__prev.swiper-button-prev:hover {
        color: #fff;
        -webkit-filter: brightness(120%);
        filter: brightness(120%);
        background-image: linear-gradient(180deg, #55d6fb, #56a5ed 8%, #2f62c8 51%, #1f73c3 86%, #65acf7);
        background-color: none
    }
}

.c-btn--secondary:active, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link:active, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link:active, .multiselect--secondary:active, .multiselect__content-wrapper:active {
    color: #fff;
    background-image: linear-gradient(0deg, #55d6fb, #55d6fb 7%, #1f73c3 93%, #47b4f0);
    background-color: none;
    box-shadow: none
}

@media (max-width: 85.365em) {
    .c-btn--header {
        width: 100%;
        border-radius: 0;
        padding: 10px 0
    }
}

.c-btn--bare {
    text-transform: none
}

.c-btn--ghost, [data-bind="click: rejectFreeSpins"] {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    border: 0;
    text-transform: none;
    color: #fff
}

.c-btn--narrow {
    padding-right: 24px;
    padding-left: 24px
}

@media (max-width: 47.99em) {
    .c-btn--narrow\@sm {
        padding-left: 36px;
        padding-right: 36px
    }
}

.c-btn--very-narrow {
    padding-right: 12px;
    padding-left: 12px
}

.c-btn--inset {
    position: relative;
    height: 40px;
    padding: 8px;
    color: #5be6fe;
    font-weight: 700;
    font-size: 14px;
    text-transform: none;
    border-radius: 6px;
    text-align: left
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-btn--inset:hover {
        color: #fff
    }
}

@media (max-width: 85.365em) {
    .c-btn--light\@lg- {
        color: #000;
        border-radius: 0;
        background-color: #fff
    }
}

@media (min-width: 48em) {
    .c-btn--shop {
        position: relative;
        overflow: visible;
        color: #fff;
        text-shadow: rgba(0, 0, 0, .3) -1px -1px 1px;
        width: 118px;
        padding-left: 10px;
        padding-right: 0
    }
}

@media (min-width: 48em) {
    .c-btn--shop:before {
        content: "";
        z-index: -1;
        position: absolute;
        background-repeat: no-repeat;
        background-position: 0 0;
        height: 65px;
        width: 138px;
        right: -10px;
        bottom: 0;
        background-size: 142px 65px;
        background-image: url(../../../Content/images/build/svg/icons/green-shop-btn.b5f8456.svg)
    }
}

.c-btn--promo {
    position: relative;
    width: 56px;
    padding-right: 0;
    padding-left: 0;
    overflow: visible;
    color: #fff;
    text-shadow: rgba(0, 0, 0, .3) -1px -1px 1px
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-btn--promo:focus, .c-btn--promo:hover {
        color: #fff
    }
}

@media (min-width: 48em) {
    .c-btn--promo {
        width: 118px;
        padding-left: 10px
    }
}

@media (max-width: 47.99em) {
    .c-btn--promo .c-icon--plus {
        visibility: hidden
    }
}

.c-btn--promo:before {
    content: "";
    z-index: -1;
    position: absolute;
    right: -17px;
    bottom: -2px;
    background-repeat: no-repeat;
    background-image: url(../../../Content/images/build/svg/icons/btn_promo_small.fd203bd.svg);
    background-position: 0 0;
    width: 85px;
    height: 65px;
    background-size: 92px 65px
}

@media (min-width: 48em) {
    .c-btn--promo:before {
        width: 138px;
        right: -20px;
        bottom: 0;
        background-size: 142px 65px;
        background-image: url(../../../Content/images/build/svg/icons/btn_promo.979b93a.svg)
    }
}

.c-btn--rect {
    border-radius: 0
}

@media (max-width: 85.365em) {
    .c-btn--rect\@lg- {
        border-radius: 0
    }
}

.c-btn--sm, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link {
    height: 32px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 16px;
    font-size: 16px;
    line-height: 28px
}

@media (max-width: 47.99em) {
    .c-btn--sm\@sm- {
        height: 32px;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 16px;
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width: 47.99em) and (-ms-high-contrast: active),(max-width: 47.99em) and (-ms-high-contrast: none),(max-width: 47.99em) and (min--moz-device-pixel-ratio: 0),(max-width: 47.99em) and (pointer: fine) {
    .c-btn--sm\@sm-:hover {
        -webkit-filter: brightness(120%);
        filter: brightness(120%);
        color: #fff
    }
}

@media (min-width: 64em) {
    .c-btn--sm\@md\+ {
        height: 32px;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 16px;
        font-size: 16px;
        line-height: 28px
    }
}

@media (min-width: 64em) and (-ms-high-contrast: active),(min-width: 64em) and (-ms-high-contrast: none),(min-width: 64em) and (min--moz-device-pixel-ratio: 0),(min-width: 64em) and (pointer: fine) {
    .c-btn--sm\@md\+:hover {
        -webkit-filter: brightness(120%);
        filter: brightness(120%);
        color: #fff
    }
}

@media (max-width: 63.99em) {
    .c-btn--xs\@md- {
        height: 24px;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 12px;
        font-size: 11px;
        line-height: 23px
    }
}

.c-btn--block, .c-payment button {
    display: block;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

@media (max-width: 89.99em) {
    .c-btn--block\@xl- {
        display: block;
        width: 100%
    }
}

@media (max-width: 47.99em) {
    .c-btn--block\@sm- {
        display: block;
        width: 100%;
        padding-right: 10px;
        padding-left: 10px
    }
}

.c-btn--round {
    padding: 0;
    min-width: 44px;
    height: 44px;
    border-radius: 24px
}

.c-btn--circle {
    width: 48px;
    padding-right: 0;
    padding-left: 0
}

.c-btn--social {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .3px
}

@media (min-width: 64em) {
    .c-btn--social {
        font-size: 16px
    }
}

.c-btn--social-no-max-width {
    max-width: none
}

.c-btn--social-fb {
    background-color: #0866ff
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-btn--social-fb:hover {
        color: #fff
    }
}

.c-btn--social-twitter {
    background-color: #00acee
}

.c-btn--social-instagram {
    background-color: #ff0069
}

.c-card {
    position: relative;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.c-card__header {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.c-card__header--center {
    text-align: center;
    padding: 4px
}

.c-card__subline {
    font-size: 12px;
    text-transform: uppercase
}

.c-card__separator {
    border-right: 2px solid hsla(0, 0%, 100%, .1);
    height: 40px;
    margin: 0 5px
}

.c-card__content {
    -webkit-justify-content: center;
    justify-content: center;
    padding: 2px 0 14px
}

.c-card__content, .c-card__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.c-card__grid {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 10px
}

.c-card__footer {
    height: 24px;
    background-color: hsla(0, 0%, 100%, .1);
    white-space: nowrap;
    margin-top: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

.c-card__footer-action {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #5be6fe
}

@media (max-width: 47.99em) {
    .c-challenges {
        height: calc(100% - 48px)
    }
}

.c-challenges--unavailable {
    overflow: hidden;
    border-radius: 0 0 8px 8px
}

.c-challenges__header {
    position: relative;
    height: 190px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.c-challenges__header--typeB {
    height: 150px
}

.c-challenges__header-bar {
    position: absolute;
    bottom: 0;
    height: 48px;
    width: 100%;
    background-color: rgba(0, 0, 0, .8);
    line-height: 24px
}

@media (min-width: 48em) {
    .c-challenges__header-bar {
        line-height: 49px
    }
}

@media (min-width: 48em) {
    .c-challenges__header-countdown-grid {
        display: grid;
        grid-template-columns:-webkit-max-content -webkit-max-content;
        grid-template-columns:max-content max-content
    }
}

.c-challenges__header-countdown--time {
    color: #37c086
}

.c-challenges__none {
    height: 100%;
    min-height: auto;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media (min-width: 48em) {
    .c-challenges__none {
        height: auto;
        min-height: 300px
    }
}

.c-challenges__none--text {
    font-size: 26px;
    max-width: 600px;
    text-align: center;
    text-shadow: 0 0 20px #5be6fe
}

.c-challenges__none--icon {
    padding-bottom: 10px;
    margin-top: -10px
}

.c-challenges__footer {
    position: relative;
    height: 305px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-top: 3px solid hsla(0, 0%, 100%, .15);
    background-origin: border-box;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

@media (min-width: 48em) {
    .c-challenges__footer {
        height: 145px
    }
}

.c-challenges__footer-image {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.c-challenges__footer-text {
    text-align: center
}

@media (min-width: 48em) {
    .c-challenges__footer-text {
        text-align: left;
        height: 100%;
        width: 70%
    }
}

.c-challenges__footer-text--title {
    font-size: 26px
}

.c-challenges__footer-text--description {
    margin-bottom: 8px
}

.c-challenges__link {
    z-index: 2
}

.c-button-smart {
    display: -ms-grid;
    display: grid;
    grid-template-columns:-webkit-max-content 1fr;
    grid-template-columns:max-content 1fr;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    grid-gap: 8px;
    -webkit-align-items: center;
    align-items: center;
    height: 36px;
    line-height: 36px;
    position: relative;
    white-space: nowrap
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-button-smart:focus, .c-button-smart:hover {
        -webkit-filter: brightness(120%);
        filter: brightness(120%)
    }
}

.c-button-smart--ingame {
    border: 1px solid #5da0d6;
    line-height: 28px;
    height: 32px
}

@media (max-width: 48em) {
    .c-button-smart--ingame {
        grid-gap: 4px
    }
}

.c-button-smart--race {
    grid-template-columns:max-content
}

.c-button-smart--ingame-race {
    background: none;
    box-shadow: none;
    border: none
}

.c-button-smart--warning {
    background-color: #a50f0f
}

.c-button-smart__icon {
    display: -ms-grid;
    display: grid;
    -webkit-align-items: center;
    align-items: center;
    z-index: 1;
    margin-top: -4px;
    margin-bottom: -4px
}

.c-button-smart--vertical .c-button-smart__icon {
    position: absolute;
    left: 50%;
    top: -26px;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-button-smart--leaderboard:not(.c-button-smart--vertical) .c-button-smart__icon {
    margin-right: -8px
}

.c-button-smart--challenges.c-button-smart--vertical .c-button-smart__icon {
    -webkit-transform: translateX(calc(-50% + 8px));
    transform: translateX(calc(-50% + 8px))
}

.c-button-smart--vertical .c-button-smart__detail {
    margin-left: 0
}

.c-button-smart__detail-progress {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-gap: 8px
}

.c-button-smart--leaderboard.c-button-smart--vertical .c-button-smart__detail-progress {
    padding-right: 4px
}

.c-button-smart--vertical .c-button-smart__detail-progress {
    padding-left: 12px
}

.c-button-smart__detail-variant {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: 1 / 1 /auto/ auto;
    transition: opacity 1s;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.c-button-smart__detail-variant--progress {
    opacity: 1;
    transition: text-shadow .1s
}

.u-fade-items .c-button-smart__detail-variant--progress {
    opacity: 0
}

.c-button-smart__detail-variant--highlight {
    text-shadow: rgba(59, 193, 255, .4) -.1px 0 10px, rgba(59, 193, 255, .4) 0 -.1px 10px, rgba(59, 193, 255, .4) .1px 0 10px, rgba(59, 193, 255, .4) 0 .1px 10px, rgba(59, 193, 255, .4) -.1px -.1px 10px, rgba(59, 193, 255, .4) .1px .1px 10px
}

.c-button-smart__detail-variant--countdown {
    opacity: 0
}

.c-button-smart__detail-variant--countdown:only-child, .u-fade-items .c-button-smart__detail-variant--countdown {
    opacity: 1
}

.c-button-smart__detail-variant--unavailable {
    padding-right: 5px
}

@media (min-width: 85.375em) {
    .c-button-smart__detail-variant--unavailable {
        padding-right: 16px
    }
}

.c-button-smart__milestone, .c-button-smart__status {
    margin-right: -6px
}

.c-button-smart__milestone {
    padding: 0 4px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 -1px 2.9px .1px #6375ea;
    background-color: #3534a2
}

.c-button-smart__content {
    position: relative;
    display: grid;
    display: -ms-grid;
    grid-gap: 8px;
    padding: 0 12px 0 0;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.c-button-smart--vertical .c-button-smart__content {
    padding: 0 12px
}

.c-button-smart--ingame-race .c-button-smart__content {
    display: none
}

.c-challenges-reward-item {
    height: auto
}

@supports (display:grid) {
    .c-challenges-reward-item {
        display: grid;
        grid-template-columns:100%;
        grid-gap: 16px
    }

    @media (min-width: 48em) {
        .c-challenges-reward-item {
            grid-template-columns:3fr 2fr
        }
    }
}

.c-challenges-reward-item .c-btn, .c-challenges-reward-item .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link, .c-challenges-reward-item .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link, .c-challenges-reward-item .c-payment button, .c-challenges-reward-item [data-bind="click: acceptFreeSpins"], .c-challenges-reward-item [data-bind="click: acknowledgeFreeSpinsResult"], .c-challenges-reward-item [data-bind="click: rejectFreeSpins"], .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .c-challenges-reward-item .evaluation-contact-link, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .c-challenges-reward-item .evaluation-contact-link, .c-payment .c-challenges-reward-item button {
    grid-column: 1/span 2
}

.c-challenges-reward-item--box {
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #ffffff1a;
    border: 1px solid #ffffff1a;
    border-radius: 3px
}

.c-challenges-reward-item--arrow-down {
    background-image: url(../../../Content/images/build/svg/icons/arrow-down-bg.7e8b3c4.svg);
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-size: 100% auto
}

.c-challenges-rewards-list--typeB .c-challenges-reward-item--active .c-challenges-reward-item--arrow-right:before {
    right: -20px;
    width: 254px
}

.c-challenges-reward-item--arrow-right:before {
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    width: 190px;
    height: 100%;
    background-image: url(../../../Content/images/build/svg/icons/arrow-right-bg.692c7d6.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.c-challenges-reward-item .c-game {
    -webkit-align-self: center;
    align-self: center
}

.c-challenges-reward-item--active {
    border-color: #5be6fe
}

.c-challenges-reward-item--active .c-game {
    -webkit-align-self: start;
    align-self: start
}

.c-challenges-reward-item--inactive:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0c0a2a;
    opacity: .5;
    z-index: 2
}

.c-challenges-reward-item__reward {
    z-index: 1;
    -webkit-align-self: center;
    align-self: center
}

@media (max-width: 47.99em) {
    .c-challenges-reward-item__reward {
        padding: 0 16px 16px;
        display: grid;
        align-self: flex-end
    }
}

@media (min-width: 48em) {
    .c-challenges-reward-item__reward {
        padding: 16px 16px 16px 36px
    }
}

.c-challenges-reward-item__reward-box {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent
}

.c-challenges-reward-item__task {
    height: 100%;
    position: relative;
    z-index: 1;
    white-space: normal
}

@supports (display:grid) {
    .c-challenges-reward-item__task {
        display: grid;
        grid-template-columns:48px 1fr;
        grid-template-rows:1fr;
        grid-auto-rows: -webkit-max-content;
        grid-auto-rows: max-content;
        grid-auto-columns: 1fr;
        grid-gap: 16px
    }

    @media (min-width: 48em) {
        .c-challenges-rewards-list--typeB .c-challenges-reward-item__task {
            grid-template-columns:48px 1fr 1fr;
            grid-gap: 16px
        }
    }
}

@media (max-width: 47.99em) {
    .c-challenges-reward-item__task--landscape {
        height: 114px;
        padding-bottom: 50px
    }
}

@media (max-width: 47.99em) {
    .c-challenges-reward-item--active .c-challenges-reward-item__task--landscape {
        height: 160px
    }
}

@media (max-width: 47.99em) {
    .c-challenges-rewards-list--typeB .c-challenges-reward-item--active .c-challenges-reward-item__task--landscape {
        height: 260px
    }
}

@media (max-width: 47.99em) {
    .c-challenges-reward-item__task--portrait {
        height: 120px;
        padding-bottom: 40px
    }
}

@media (max-width: 47.99em) {
    .c-challenges-reward-item--active .c-challenges-reward-item__task--portrait {
        height: 168px
    }
}

@media (max-width: 47.99em) {
    .c-challenges-rewards-list--typeB .c-challenges-reward-item--active .c-challenges-reward-item__task--portrait {
        height: 270px
    }
}

@media (max-width: 47.99em) {
    .c-challenges-reward-item__task {
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width: 48em) {
    .c-challenges-reward-item__task {
        padding: 16px 60px 16px 16px
    }
}

.c-challenges-reward-item__task--center {
    -webkit-align-self: center;
    align-self: center
}

.c-challenges-reward-item__id {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 20px
}

.c-challenges-reward-item__progress {
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    z-index: 1;
    padding: 8px;
    height: 32px;
    border-radius: 16px;
    box-shadow: inset 0 0 13px 0 #211d7a;
    background-color: #3534a2;
    text-align: center;
    line-height: 16px;
    grid-column: 1/3
}

@supports (display:grid) {
    @media (min-width: 48em) {
        .c-challenges-rewards-list--typeB .c-challenges-reward-item__progress {
            -ms-grid-column: 1;
            -ms-grid-column-span: 3;
            grid-column: 1/4
        }
    }
}

.c-challenges-reward-item__progress-wrapper {
    position: relative
}

.c-challenges-reward-item__progress-bar {
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    background-image: linear-gradient(90deg, #4c76c5 1%, #75e4af 99%);
    box-shadow: inset 0 0 5px 0 hsla(0, 0%, 100%, .5)
}

.c-challenges-reward-item__progress-bar:after {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    left: -2px;
    z-index: -1;
    height: 20px;
    border-radius: 10px;
    background-color: #171672
}

.c-challenges-reward-item__link {
    display: inline
}

.c-challenges-reward-item__total-value {
    font-size: 20px
}

.c-challenges-reward-item__coin {
    max-height: 38px
}

.c-cheat-engine {
    position: fixed;
    right: 10px;
    top: 150px;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    z-index: 20001;
    background-color: #190c4e;
    max-width: 200px;
    border-radius: 5px
}

.c-cheat-engine__button {
    color: #5be6fe;
    font-size: 16px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    padding: 0 10px;
    height: auto;
    min-height: 32px;
    margin-left: auto;
    border-radius: 0;
    word-break: break-all;
    font-weight: 400;
    text-transform: capitalize
}

.c-cheat-engine__button--headline {
    font-weight: 700;
    border-top: 1px solid hsla(0, 0%, 100%, .4)
}

.c-coinpack {
    margin-top: 8px;
    background-image: linear-gradient(0deg, #302b8b, #1a105c 39%, #424fcb);
    border: 1px solid #5be6fe;
    border-radius: 8px;
    padding: 4px
}

.c-coinpack--bonus {
    transition: all 1s ease-out
}

@media (max-width: 47.99em) {
    .c-coinpack {
        box-shadow: 0 0 10px 0 #79aaff
    }

    .c-coinpack--timed {
        background-image: linear-gradient(0deg, #262d84, #4a91e2 47%, #424fcb)
    }

    .c-coinpack--bonus {
        background-image: linear-gradient(0deg, #390760 0, #370e6e 47%, #581383);
        box-shadow: 0 0 10px 0 #c76ff9;
        border-color: #9738da
    }

    .c-coinpack--bonus-open {
        background-image: none;
        background-color: #201c3e;
        box-shadow: none;
        border-color: #3b3953
    }
}

@media (min-width: 48em) {
    .c-coinpack {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        background-image: none;
        border: none;
        border-radius: 0;
        height: 250px
    }
}

.c-coinpack__grid {
    width: 100%
}

@media (max-width: 47.99em) {
    .c-coinpack__grid {
        display: grid;
        grid-template-columns:60px 1fr 30px;
        -webkit-align-items: center;
        align-items: center;
        grid-gap: 8px
    }
}

@media (min-width: 35.5em) and (max-width: 47.99em) {
    .c-coinpack__grid {
        grid-template-columns:100px 1fr 80px
    }
}

.c-coinpack__wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

@media (min-width: 48em) {
    .c-coinpack__wrap {
        position: relative;
        height: 236px;
        border: 1px solid #5be6fe;
        border-radius: 8px 8px 24px 24px;
        background-image: linear-gradient(0deg, #302b8b, #1a105c 39%, #424fcb);
        padding-top: 50px;
        text-align: center;
        box-shadow: 0 0 10px 0 #79aaff;
        cursor: pointer
    }

    .c-coinpack--timed .c-coinpack__wrap {
        background-image: linear-gradient(0deg, #262d84, #4a91e2 47%, #424fcb)
    }

    .c-coinpack--bonus .c-coinpack__wrap {
        background-image: linear-gradient(0deg, #390760 0, #370e6e 47%, #581383);
        box-shadow: 0 0 10px 0 #c76ff9;
        border-color: #9738da;
        transition: all 1s ease-out;
        padding-top: 60px
    }

    .c-coinpack--bonus-open .c-coinpack__wrap {
        background-image: none;
        background-color: #201c3e;
        box-shadow: none;
        border-color: #3b3953;
        border-radius: 8px
    }
}

.c-coinpack__wrap--back {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-top: 12px;
    text-align: left
}

@media (min-width: 48em) {
    .c-coinpack__wrap--back {
        border-radius: 8px
    }
}

@media (min-width: 64em) {
    .c-coinpack__wrap--back {
        padding: 8px
    }
}

.c-coinpack__flip-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    width: 32px;
    cursor: pointer
}

.c-coinpack__media {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.55, 0, .1, 1);
    justify-self: center
}

@media (min-width: 48em) {
    .c-coinpack__media {
        position: relative;
        z-index: 10;
        margin: 0 auto -50px;
        cursor: pointer
    }

    .c-coinpack--bonus-open .c-coinpack__media, .c-coinpack--bonus .c-coinpack__media {
        margin-bottom: -72px
    }
}

.c-coinpack__media.is-loaded {
    opacity: 1
}

.c-coinpack__media--timed {
    height: 48px;
    width: 60px
}

@media (min-width: 48em) {
    .c-coinpack__media--timed {
        height: 64px;
        width: 81.83px
    }
}

.c-coinpack__old-price {
    text-decoration: line-through;
    font-size: 12px
}

@media (min-width: 48em) {
    .c-coinpack__old-price {
        font-size: 16px
    }
}

.c-coinpack__bonus {
    padding: 0 8px;
    background-image: linear-gradient(0deg, #a00909 0, #d53131 63%, #ff6262 99%), linear-gradient(0deg, #ed6400, #fbf185 25%, #fbf185 49%, #feb414 77%, #ffe094);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: 1px solid #894900;
    border-image-source: linear-gradient(0deg, #ed6400, #fbf185 25%, #fbf185 49%, #feb414 77%, #ffe094);
    border-radius: 6px;
    box-shadow: inset 0 0 13px 0 #7f0404;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: -.7px -.7px 2px #8a1717;
    border-image-slice: 0
}

@media (min-width: 48em) {
    .c-coinpack__bonus {
        padding: 2px 6px;
        border-width: 2px;
        border-radius: 8px
    }
}

.c-coinpack__bonus--vip {
    background-image: linear-gradient(0deg, #040404, #6c686a 99%), linear-gradient(0deg, #ed6400, #fbf185 25%, #fbf185 49%, #feb414 77%, #ffe094);
    box-shadow: inset 0 0 8px 0 #000;
    text-shadow: -.7px -.7px 2px #662d01
}

@supports (-ms-ime-align:auto) {
    .c-coinpack__bonus {
        border-image-source: none;
        border-color: #feb414
    }
}

.c-coinpack__timer {
    position: relative;
    margin-right: auto;
    margin-left: auto
}

.c-coinpack__timer-inner {
    position: absolute;
    left: 50%;
    bottom: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

@media (min-width: 48em) {
    .c-coinpack__timer-inner {
        bottom: 4px;
        font-size: 18px
    }
}

.c-coinpack__amount--small {
    padding-left: 152px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 600
}

.c-coinpack__amount--small:first-child {
    padding-top: 4px
}

.c-coinpack__amount {
    -webkit-align-items: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 9.4px #3bc1ff
}

@media (min-width: 48em) {
    .c-coinpack__amount--highlight {
        -webkit-justify-content: center;
        justify-content: center;
        background-color: #32369e;
        border-top: 1px solid hsla(0, 0%, 100%, .1);
        border-bottom: 1px solid hsla(0, 0%, 100%, .1);
        margin: 7px 0
    }

    .c-coinpack--bonus .c-coinpack__amount--highlight {
        background-color: #4e1696;
        transition: all 1s ease-out
    }

    .c-coinpack--bonus-open .c-coinpack__amount--highlight {
        background-color: hsla(0, 0%, 100%, .1)
    }
}

.c-coinpack__amount--highlight-gradient {
    background-image: linear-gradient(0deg, #f6d65b, #d79539 14%, #f4cf57 48%, #fbe872), linear-gradient(180deg, #fff, #fff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: none
}

.c-coinpack--bonus .c-coinpack__amount--highlight {
    text-shadow: rgba(255, 42, 0, .4) -.1px 0 10px, rgba(255, 42, 0, .4) 0 -.1px 10px, rgba(255, 42, 0, .4) .1px 0 10px, rgba(255, 42, 0, .4) 0 .1px 10px, rgba(255, 42, 0, .4) -.1px -.1px 10px, rgba(255, 42, 0, .4) .1px .1px 10px
}

.c-coinpack--bonus-open .c-coinpack__amount--highlight {
    text-shadow: none;
    background-color: hsla(0, 0%, 100%, .1)
}

.c-coinpack__amount--bonus {
    margin: 0
}

.c-coinpack__icon-vip {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.c-coinpack__cta {
    max-width: 70%
}

@media (min-width: 48em) {
    .c-coinpack__cta {
        position: relative;
        top: 2px;
        max-width: 100%;
        margin-top: auto
    }
}

.c-coinpack__expander {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.c-coinpack__benefits, .c-coinpack__expander {
    display: -webkit-flex;
    display: flex
}

@media (min-width: 48em) {
    .c-coinpack__benefits {
        display: block;
        padding: 2px
    }

    .c-coinpack__benefits--bonus {
        padding: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.c-coinpack-featured {
    position: relative;
    display: grid;
    grid-template-columns:-webkit-max-content 1fr;
    grid-template-columns:max-content 1fr;
    grid-template-rows:-webkit-max-content -webkit-max-content;
    grid-template-rows:max-content max-content;
    grid-gap: 16px;
    border: 1px solid #383652;
    border-radius: 6px;
    background-color: #201e3e
}

@media (min-width: 85.375em) {
    .c-coinpack-featured {
        grid-template-columns:-webkit-max-content -webkit-max-content 1fr -webkit-max-content;
        grid-template-columns:max-content max-content 1fr max-content;
        grid-template-rows:-webkit-max-content -webkit-max-content;
        grid-template-rows:max-content max-content;
        grid-auto-flow: column
    }
}

.c-coinpack-featured__media {
    margin-top: auto;
    margin-bottom: auto
}

@media (min-width: 85.375em) {
    .c-coinpack-featured__media {
        grid-row: 1/3
    }
}

.c-coinpack-featured__batch {
    position: absolute;
    width: 72px;
    height: 72px;
    bottom: 64px;
    left: 24px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-image: url(../../../Content/images/build/svg/icons/red-badge.2d1ff12.svg);
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 700
}

@media (min-width: 85.375em) {
    .c-coinpack-featured__batch {
        position: static;
        grid-row: 1/3
    }
}

.c-coinpack-featured__details {
    display: grid;
    grid-gap: 4px
}

@media (min-width: 85.375em) {
    .c-coinpack-featured__details {
        grid-row: 1/3;
        grid-template-columns:-webkit-max-content -webkit-max-content;
        grid-template-columns:max-content max-content;
        grid-column-gap: 8px
    }
}

.c-coinpack-featured__old-price {
    text-decoration: line-through
}

.c-coinpack-featured__amount-virtual {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-gap: 8px;
    -webkit-align-content: center;
    align-content: center;
    font-size: 20px;
    color: #fff;
    text-shadow: 0 0 9.4px #3bc1ff
}

@media (min-width: 85.375em) {
    .c-coinpack-featured__amount-virtual {
        grid-column: 1/2
    }
}

.c-coinpack-featured__amount-vip {
    display: grid;
    grid-auto-flow: column;
    -webkit-justify-content: left;
    justify-content: left;
    grid-gap: 4px;
    font-size: 13px;
    line-height: 28px
}

@media (min-width: 85.375em) {
    .c-coinpack-featured__amount-vip {
        grid-column: 1/2
    }
}

.c-coinpack-featured__timer {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 4px 8px;
    background: #f75a5a;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 8px;
    border-radius: 8px
}

@media (min-width: 85.375em) {
    .c-coinpack-featured__timer {
        grid-row: 2/3;
        grid-column: 2/3
    }
}

.c-coinpack-featured__total {
    line-height: 32px;
    font-weight: 700;
    text-align: center
}

.c-coinpack-featured__cta-wrapper {
    min-width: 0
}

.c-coinpack-list {
    position: relative
}

@media (min-width: 48em) {
    .c-coinpack-list {
        display: grid;
        grid-gap: 8px;
        grid-template-columns:1fr 1fr 1fr;
        -webkit-align-items: end;
        align-items: end
    }
}

@media (min-width: 64em) {
    .c-coinpack-list {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

.c-dashboard {
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 600px;
    max-width: 1120px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

@media (min-width: 64em) {
    .c-dashboard {
        border: 1px solid #55d6fb;
        border-radius: 8px;
        box-shadow: .5px .9px 32.6px 2.5px rgba(89, 147, 247, .77);
        margin: 48px auto
    }
}

.c-dashboard__wrapper {
    margin-left: auto;
    margin-right: auto
}

.c-dashboard__close {
    max-height: 40px;
    max-width: 40px;
    background-color: #212121
}

.c-dashboard__close--icon {
    height: 20px;
    width: 20px;
    color: #ffe349
}

.c-dashboard__separator {
    width: 100%;
    height: 1px;
    opacity: .1;
    background-color: #fff
}

.c-dashboard__content {
    max-width: 900px;
    background-color: #0c092a
}

.c-dashboard__content-section {
    position: relative;
    width: 100%;
    height: auto
}

.c-dashboard__content-section:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: #212121
}

.c-dashboard__content--no-sidebar {
    max-width: 1210px
}

.c-dashboard__content--border {
    border: 2px solid #fff
}

.c-dashboard__security--title {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.c-dashboard-content {
    margin: -20px 0
}

.c-dashboard-content__item {
    margin: 20px 0
}

.c-dashboard-content__text {
    line-height: 20px
}

@media (min-width: 48em) {
    .c-dashboard-content__text {
        line-height: 32px
    }
}

.c-dashboard-header {
    padding-bottom: 16px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 28px;
    font-weight: 300
}

.c-dashboard-history__btn {
    color: #5be6fe;
    font-size: 16px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    padding: 0 20px;
    height: 32px;
    min-height: 32px;
    margin-left: auto
}

@media (max-width: 47.99em) {
    .c-dashboard-history__btn--date {
        margin-top: 16px
    }
}

.c-dashboard-history__btn.is-active {
    color: #5be6fe;
    border: 1px solid hsla(0, 0%, 100%, .2)
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-dashboard-history__btn:hover {
        -webkit-filter: brightness(120%);
        filter: brightness(120%);
        color: #fff
    }
}

.c-dashboard-history__btn--connect-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.c-dashboard-history__btn--connect-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media (max-width: 47.99em) {
    .c-dashboard-history__btn--connect-top\@sm {
        border-radius: 0 0 8px 8px
    }
}

@media (max-width: 47.99em) {
    .c-dashboard-history__btn--connect-bottom\@sm {
        border-radius: 8px 8px 0 0
    }
}

.c-dialog {
    width: 700px;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: 0 0, 0 100%;
    background-size: 100% auto;
    position: relative
}

.c-dialog:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../../../Content/images/build/assets/dialog/bg-sale-big-middle.e427702.png);
    background-size: 100% auto;
    background-repeat: repeat-y;
    z-index: -1;
    margin-top: 6.5%
}

@media (max-width: 23.4375em) {
    .c-dialog--bonus {
        max-width: 375px
    }
}

@media (max-width: 32em) and (orientation: landscape) {
    .c-dialog--bonus {
        max-width: 375px
    }
}

.c-dialog--bonus:before {
    background-image: url(../../../Content/images/build/assets/bonus/modal-mid.2a52424.png);
    margin-top: 53px;
    margin-bottom: 43%;
    background-size: contain
}

.c-dialog--banner {
    margin: auto;
    background-image: url(../../../Content/images/build/assets/dialog/bg-sale-big-top.9b44721.png), url(../../../Content/images/build/assets/dialog/bg-sale-big-bottom.450901e.png)
}

.c-dialog--banner:before {
    margin-bottom: 29%
}

.c-dialog--banner:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 37%;
    margin-bottom: 10%;
    margin-left: -1.14%;
    padding-top: 27.28%;
    background-image: url(../../../Content/images/build/assets/dialog/sale-pink.9c8abc4.png);
    background-size: 100% auto;
    background-repeat: no-repeat
}

.c-dialog--default {
    min-width: 376px;
    margin: auto calc(50vw - 188px);
    background-image: url(../../../Content/images/build/assets/dialog/bg-sale-big-top.9b44721.png), url(../../../Content/images/build/assets/dialog/modal-bg-btm.5382c06.png)
}

.c-dialog--default:before {
    margin-bottom: 7.5%
}

@media (min-width: 23.5em) {
    .c-dialog--default {
        margin: auto 0
    }
}

.c-dialog--bonus {
    background-image: url(../../../Content/images/build/assets/bonus/modal-top.d68872f.png), url(../../../Content/images/build/assets/bonus/modal-btm.cdbdd26.png)
}

.c-dialog__double-bonus {
    margin-top: 6px;
    max-width: 220px;
    min-width: 220px;
    background-image: linear-gradient(transparent, #cf021f, transparent);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 1px 100%
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__double-bonus {
        max-width: 440px;
        min-width: 440px
    }
}

.c-dialog__wrapper {
    padding: 72px 8px;
    height: 100%;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center
}

@media (max-width: 63.99em) and (orientation: landscape) {
    .c-dialog__wrapper {
        padding: 40px 8px
    }
}

@media (max-width: 63.99em) {
    .c-dialog__wrapper {
        max-width: 100vmin
    }
}

.c-dialog--bonus .c-dialog__wrapper {
    padding: 8px
}

.c-dialog__coin {
    -webkit-flex: none;
    flex: none
}

.c-dialog__coin--bonus {
    width: 36px;
    height: 36px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__coin--bonus {
        height: 80px;
        width: 80px
    }
}

.c-dialog__coin--bonus-level-maxbet, .c-dialog__coin--race-bonus {
    width: 28px;
    height: 28px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__coin--bonus-level-maxbet, .c-dialog__coin--race-bonus {
        height: 48px;
        width: 48px
    }
}

.c-dialog__value {
    position: absolute;
    bottom: calc(60% - 71px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 30px;
    line-height: 34px;
    font-weight: 900;
    color: #fefe6c
}

.c-dialog__value--doi, .c-dialog__value--recommendation, .c-dialog__value--stampcard {
    bottom: calc(60% - 59px)
}

.c-dialog__value--compensation, .c-dialog__value--consent {
    bottom: calc(60% - 53px)
}

.c-dialog__value--challenge {
    bottom: calc(60% - 62px)
}

.c-dialog__value--level, .c-dialog__value--level-maxbet {
    bottom: calc(60% - 64px)
}

.c-dialog__value--race-reward {
    margin-bottom: 22.4%
}

.c-dialog__value--challenge-reward, .c-dialog__value--race-reward {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    bottom: 0;
    height: 20%;
    width: 100%
}

.c-dialog__value--challenge-reward {
    margin-bottom: 23%
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__value {
        bottom: 163px;
        font-size: 70px;
        line-height: 74px
    }

    .c-dialog__value--level {
        bottom: 155px
    }

    .c-dialog__value--level-maxbet {
        bottom: 148px
    }

    .c-dialog__value--challenge-reward, .c-dialog__value--race-reward {
        height: 18%;
        bottom: 31.048%;
        bottom: 0
    }
}

.c-dialog__value-level-maxbet {
    margin-top: 4px;
    font-size: 30px;
    line-height: 34px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 900;
    color: #fefe6c
}

.c-dialog__value-level-maxbet--challenge-rewards {
    margin-top: 4px;
    font-size: 20px;
    position: relative;
    top: 7px;
    -webkit-justify-content: center;
    justify-content: center
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__value-level-maxbet {
        font-size: 70px;
        line-height: 74px;
        margin-top: 8px
    }

    .c-dialog__value-level-maxbet--challenge-rewards {
        font-size: 50px;
        margin-top: 15px;
        position: relative;
        top: 10px
    }
}

.c-dialog__value-level-maxbet--content-right {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.c-dialog__double-bonus .c-dialog__value-level-maxbet {
    font-size: 18px;
    line-height: 18px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__double-bonus .c-dialog__value-level-maxbet {
        font-size: 40px;
        line-height: 40px
    }
}

.c-dialog__counter {
    display: inline-block
}

.c-dialog__counter--flex {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-dialog__counter-value {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: 1px #fefe6c
    }
}

.c-dialog__value-label {
    font-size: 11px;
    margin-bottom: -8px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-shadow: .7px .7px 5.5px #251c6d;
    -webkit-text-stroke: initial
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__value-label {
        font-size: 16px;
        margin-bottom: -16px
    }
}

.c-dialog__amount--level-maxbet .c-dialog__value-label {
    margin-top: 4px;
    font-size: 10px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__amount--level-maxbet .c-dialog__value-label {
        font-size: 16px;
        margin-bottom: -16px
    }
}

.c-dialog__content {
    font-weight: 700;
    padding: 7% 12% 24% 11%;
    text-align: center
}

.c-dialog__content--default {
    padding: 7% 12% 5% 11%
}

.c-dialog--bonus .c-dialog__content {
    padding: 6% 19% 41%
}

.c-dialog__close {
    top: 0;
    right: 0;
    margin-right: 11.14%;
    margin-top: -2.85%;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    width: 9.538vmin;
    height: 9.538vmin;
    max-width: 62px;
    max-height: 62px;
    position: absolute;
    background-image: url(../../../Content/images/build/assets/bonus/close.0d077d6.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1
}

.c-dialog--bonus .c-dialog__close {
    margin-right: 16%
}

.c-dialog__title {
    text-align: center;
    font-weight: 900;
    font-size: 16px;
    max-width: 100%;
    padding-bottom: 4%
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__title {
        font-size: 52px
    }
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-dialog__title {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: 1px #fefe6c
    }
}

.c-dialog__title--no-content {
    padding-bottom: 0
}

.c-dialog__title--challenge {
    font-size: 24px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__title--challenge {
        font-size: 52px
    }
}

.c-dialog__title--compensation, .c-dialog__title--consent, .c-dialog__title--race, .c-dialog__title--recommendation, .c-dialog__title--stampcard {
    margin-top: 10px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__title--compensation, .c-dialog__title--consent, .c-dialog__title--race, .c-dialog__title--recommendation, .c-dialog__title--stampcard {
        margin-top: 34px
    }
}

.c-dialog__title--logo {
    width: 120px;
    height: 42px;
    margin: 8px auto
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__title--logo {
        width: 240px;
        height: 84px;
        margin: 16px auto
    }
}

.c-dialog__logo-label {
    color: #fefe6c;
    text-transform: uppercase;
    font-size: 14px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__logo-label {
        font-size: 18px
    }
}

.c-dialog__copy {
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    height: 22%;
    padding: 0 10px;
    margin-bottom: 30px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__copy {
        font-size: 24px;
        line-height: 24px;
        height: 24%
    }
}

.c-dialog__copy--shaped {
    width: 55%;
    margin: 0 auto 30px
}

.c-dialog__copy--no-margin {
    margin-bottom: 0
}

.c-dialog__bonus-copy {
    font-size: 12px;
    line-height: 12px;
    margin: 0 5%;
    font-weight: 700;
    color: #fff;
    text-shadow: .7px .7px 5.5px #251c6d
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__bonus-copy {
        font-size: 22px;
        line-height: 28px
    }
}

.c-dialog__progress {
    text-align: center
}

.c-dialog__tag {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -24px;
    width: 57px;
    height: 57px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__tag {
        top: -48px;
        width: 114px;
        height: 114px
    }
}

.c-dialog__tag--compensation, .c-dialog__tag--consent, .c-dialog__tag--recommendation {
    background: url(../../../Content/images/build/assets/bonus/tw-head-p.4abed6c.png) no-repeat;
    background-size: contain
}

.c-dialog__tag--challenge {
    background: url(../../../Content/images/build/assets/bonus/challenge-popup-badge.d745b4e.png) no-repeat;
    background-size: contain;
    top: -32px;
    width: 76px;
    height: 76px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__tag--challenge {
        top: -48px;
        width: 148px;
        height: 148px
    }
}

.c-dialog__tag--stampcard {
    background: url(../../../Content/images/build/assets/bonus/stamp-modal-top.da05918.png) no-repeat;
    background-size: contain;
    top: -50px;
    width: 196px;
    height: 100px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__tag--stampcard {
        top: -100px;
        width: 392px;
        height: 200px
    }
}

.c-dialog__tag--race {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 136px;
    height: 50px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__tag--race {
        width: 273px;
        height: 100px
    }
}

.c-dialog__cta {
    position: absolute;
    bottom: -4px;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    font-size: 12px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__cta {
        font-size: 16px
    }
}

.c-dialog__cta--centered {
    bottom: 5px
}

.c-dialog--bonus .c-dialog__cta {
    bottom: 18%
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog--bonus .c-dialog__cta {
        bottom: 95px
    }
}

.c-dialog__ribbon {
    position: absolute;
    background: url(../../../Content/images/build/assets/bonus/ribbon.86d2a36.png) no-repeat;
    background-size: contain;
    top: -5px;
    width: 144px;
    height: 66px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__ribbon {
        top: -26px;
        width: 280px;
        height: 124px
    }
}

.c-dialog__ribbon-label {
    position: absolute;
    top: 4px;
    padding-right: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 900;
    color: #fefe6c;
    text-transform: uppercase
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__ribbon-label {
        top: 8px;
        padding-right: 4px
    }
}

.c-dialog__badge-star {
    width: 136px;
    height: 105px;
    margin-top: -70px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    background: url(../../../Content/images/build/assets/bonus/star-p.a390e0f.png) no-repeat 50%;
    background-size: cover;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 900;
    color: #6a0519;
    padding: 0
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__badge-star {
        width: 267px;
        height: 205px;
        margin-top: -84px;
        font-size: 35px
    }
}

.c-dialog__badge-coins {
    width: 120px;
    height: 68px;
    margin-top: -17px;
    margin-left: auto;
    margin-right: auto;
    background: url(../../../Content/images/build/assets/bonus/maxbet-p.7442537.png) no-repeat 50%;
    background-size: contain;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 900;
    color: #6a0519;
    padding: 0 5px 0 0
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__badge-coins {
        width: 220px;
        height: 154px;
        margin-top: -55px
    }
}

.c-dialog__vip {
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    color: #fff
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__vip {
        font-size: 18px
    }
}

.c-dialog__old-amount {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: line-through;
    font-size: 14px;
    line-height: 14px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__old-amount {
        font-size: 24px;
        line-height: 24px
    }
}

.c-dialog__bonus--vip {
    padding: 0 8px;
    background-image: linear-gradient(0deg, #040404, #6c686a 99%), linear-gradient(0deg, #ed6400, #fbf185 25%, #fbf185 49%, #feb414 77%, #ffe094);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: 1px solid #894900;
    border-image-source: linear-gradient(0deg, #ed6400, #fbf185 25%, #fbf185 49%, #feb414 77%, #ffe094);
    border-radius: 6px;
    box-shadow: inset 0 0 8px 0 #000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: -.7px -.7px 2px #662d01;
    border-image-slice: 0
}

@media (min-width: 64em) {
    .c-dialog__bonus--vip {
        padding: 2px 6px;
        border-width: 2px;
        border-radius: 8px
    }
}

@supports (-ms-ime-align:auto) {
    .c-dialog__bonus--vip {
        border-image-source: none;
        border-color: #feb414
    }
}

.c-dialog__twists {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 50%;
    bottom: 6%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__twists {
        left: calc(50% + 40px);
        bottom: 6%;
        height: 90px
    }
}

.c-dialog--timed-coinpack .c-dialog__twists {
    bottom: 10%
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog--timed-coinpack .c-dialog__twists {
        bottom: 6%;
        height: 100px
    }
}

.c-dialog__amount {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__amount {
        -webkit-align-items: center;
        align-items: center;
        font-size: 52px
    }
}

.c-dialog__amount--level-maxbet {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 55px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__amount--level-maxbet {
        height: 110px
    }
}

.c-dialog__amount--level-maxbet--padding-top {
    padding-top: 0
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__amount--level-maxbet--padding-top {
        padding-top: 25px
    }
}

.c-dialog__bonus {
    position: absolute;
    width: 80px;
    height: 80px;
    right: 3%;
    bottom: 14%;
    background-image: url(../../../Content/images/build/assets/shop/bonus-holder.eddeb75.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0 0 52px 4px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__bonus {
        font-size: 26px;
        line-height: 54px;
        width: 160px;
        height: 160px;
        right: 3%;
        bottom: 18%;
        padding: 4px 0 106px 8px
    }
}

.c-dialog__price {
    font-size: 14px;
    color: #fff;
    left: 0;
    position: absolute;
    width: 18%;
    text-align: center;
    bottom: 0;
    z-index: 1;
    margin-bottom: 18.57%;
    margin-left: 6%
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__price {
        font-size: 22px
    }
}

.c-dialog__badge, .c-dialog__timer {
    position: absolute;
    font-size: 11px;
    top: -32px;
    margin-top: -1.17%;
    width: 64px;
    height: 64px;
    color: #fefe6c;
    background-repeat: no-repeat;
    background-size: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__badge, .c-dialog__timer {
        font-size: 16px;
        top: -56px;
        width: 112px;
        height: 112px
    }
}

.c-dialog__timer {
    background-image: url(../../../Content/images/build/assets/shop/timer-holder.82e8c91.png);
    left: calc(50% - 32px)
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__timer {
        left: calc(50% - 56px)
    }
}

.c-dialog__badge {
    left: calc(50% - 15px)
}

.c-dialog__badge--challenge {
    background-image: url(../../../Content/images/build/assets/bonus/challenge-popup-badge.d745b4e.png);
    left: calc(50% - 60px);
    top: -50px;
    width: 120px;
    height: 100px
}

.c-dialog__badge--booster {
    display: -webkit-flex;
    display: flex;
    justify-items: left;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-bottom: 5px;
    left: calc(50% - 35px);
    width: 70px;
    height: 60px;
    color: #fff
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-dialog__badge {
        left: calc(50% - 35px)
    }

    .c-dialog__badge--challenge {
        left: calc(50% - 80px);
        width: 160px;
        height: 130px
    }

    .c-dialog__badge--booster {
        left: calc(50% - 70px);
        width: 140px;
        height: 120px;
        font-size: 28px
    }
}

.c-dialog__badge--time-bonus {
    background-image: url(../../../Content/images/build/assets/bonus/time-bonus.6bfb8be.png);
    left: calc(50% - 70px);
    top: -41px;
    width: 140px;
    height: 72px
}

@media (min-width: 1024px) {
    .c-dialog__badge--time-bonus {
        left: calc(50% - 122px);
        top: -69px;
        width: 244px;
        height: 124px
    }
}

.c-divider {
    height: 1px;
    background-color: #747474;
    background-clip: content-box
}

.c-divider--large {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px
}

.c-error-page__headline {
    font-size: 150px;
    font-weight: 700;
    text-align: center;
    color: #5be6fe;
    line-height: .9
}

@media (min-width: 48em) {
    .c-error-page__headline {
        font-size: 300px
    }
}

.c-error-page__message {
    -webkit-justify-content: center;
    justify-content: center
}

.c-error-page__message--text {
    background-color: hsla(0, 0%, 100%, .2);
    text-transform: uppercase;
    font-weight: 700;
    text-align: center
}

.c-error-page__promo-text {
    text-align: center;
    font-size: 24px
}

.c-error-page__background {
    background: url(../../../Content/images/build/assets/site/404bg.c236c1e.jpg)
}

[data-bind="visible: isFreeSpinsPackageAvailable"], [data-bind="visible: isFreeSpinsResultAvailable"] {
    width: 536px;
    max-width: 100%;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#freespinspackagequery, #freespinspackageresult {
    background: url(../../../Content/images/build/assets/dialog/fs-bg.f33db86.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent !important;
    padding: 8% 28%
}

#freespinspackagequery-calltoaction, #freespinspackagequery-text, #freespinspackageresult-calltoaction, #freespinspackageresult-text {
    font-size: 11px;
    max-width: 300px
}

@media (min-width: 48em) {
    #freespinspackagequery-calltoaction, #freespinspackagequery-text, #freespinspackageresult-calltoaction, #freespinspackageresult-text {
        font-size: 16px
    }
}

#freespinspackagequery-buttons, #freespinspackageresult-button {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 20px
}

[data-bind="click: acceptFreeSpins"], [data-bind="click: acknowledgeFreeSpinsResult"] {
    margin: 10px
}

@media (max-width: 47.99em) {
    [data-bind="click: acceptFreeSpins"], [data-bind="click: acknowledgeFreeSpinsResult"] {
        margin: 4px;
        height: 28px;
        border-radius: 16px;
        font-size: 14px;
        line-height: 16px;
        padding: 0 20px
    }
}

[data-bind="click: rejectFreeSpins"] {
    color: #5be6fe;
    text-transform: uppercase;
    border-radius: 0
}

@media (max-width: 47.99em) {
    [data-bind="click: rejectFreeSpins"] {
        font-size: 14px
    }
}

.c-footer-legal {
    text-align: center;
    max-width: 1031px
}

.c-footer-copyright {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-align: left
}

@media (min-width: 48em) {
    .c-footer-copyright {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right
    }

    .c-footer-copyright__18-badge {
        padding-left: 10px
    }
}

.c-footer-external {
    text-align: left
}

@media (min-width: 48em) {
    .c-footer-external {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

@media (min-width: 85.375em) {
    .c-footer-external__link-mobile-only {
        display: none
    }
}

.c-footer-external--highlight {
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.c-footer-external__title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.c-footer-external__link-icon {
    width: 100%
}

@media (min-width: 64em) {
    .c-footer-external__link-icon {
        width: auto;
        height: 48px
    }
}

.c-footer-links {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center
}

.c-footer-links__title {
    margin: 10px 0;
    font-size: 24px;
    color: #fff
}

.c-footer-links__ul {
    list-style-type: none;
    font-size: 14px
}

.c-footer-links__ul li {
    padding-bottom: 3px
}

.c-footer-links__ul-img {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    list-style-type: none
}

@media (min-width: 64em) {
    .c-footer-links__ul-img {
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }
}

.c-footer-links__ul-img li {
    display: -webkit-flex;
    display: flex;
    width: 33.33%;
    height: 55px;
    padding: 5px 10px
}

@media (min-width: 48em) {
    .c-footer-links__ul-img li {
        width: 120px;
        height: 60px
    }
}

@media (min-width: 64em) {
    .c-footer-links__ul-img li {
        width: 110px;
        height: 55px;
        padding: 5px 20px 5px 0
    }
}

.c-footer-links__ul-img img {
    display: block;
    width: 100%
}

.c-footer-li__links {
    -webkit-justify-content: center;
    justify-content: center
}

@media (min-width: 85.375em) {
    .c-footer-li__links {
        margin: 0 -20px
    }
}

.c-footer-li__icon {
    height: 50px;
    width: 100%
}

.c-footer-li__icon img {
    height: 30px;
    margin: 0 auto
}

.c-footer-payment {
    background: #ffffff1a;
    cursor: pointer
}

.c-footer-payment--no-links {
    cursor: auto
}

.c-footer-payment__links {
    display: block
}

.c-text-content {
    color: #fff
}

.c-novomind .context-list-wrapper .context-entry .c-text-content .context-title, .c-novomind .context-list-wrapper .context-entry .faq-wrapper .c-text-content .faq-entry, .c-novomind .ihelp-main-wrapper .ihelp-main-content .c-text-content .frequently-faq-item, .c-novomind .ihelp-main-wrapper .ihelp-main-content .c-text-content .suggested-faq-item, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .c-text-content .search-result-item, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .c-text-content .evaluation-button, .c-text-content .c-novomind .context-list-wrapper .context-entry .context-title, .c-text-content .c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry, .c-text-content .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .search-result-item, .c-text-content .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button, .c-text-content .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faq-item, .c-text-content .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faq-item, .c-text-content a {
    text-decoration: none;
    color: #5be6fe
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-novomind .context-list-wrapper .context-entry .c-text-content .context-title:hover, .c-novomind .context-list-wrapper .context-entry .faq-wrapper .c-text-content .faq-entry:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .c-text-content .frequently-faq-item:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .c-text-content .suggested-faq-item:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .c-text-content .search-result-item:hover, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .c-text-content .evaluation-button:hover, .c-text-content .c-novomind .context-list-wrapper .context-entry .context-title:hover, .c-text-content .c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry:hover, .c-text-content .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .search-result-item:hover, .c-text-content .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button:hover, .c-text-content .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faq-item:hover, .c-text-content .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faq-item:hover, .c-text-content a:hover {
        color: #fff
    }
}

.c-text-content p {
    margin: 0 0 16px;
    font-size: .9em
}

.c-text-content li {
    font-size: .9em
}

.c-text-content h1, .c-text-content h2, .c-text-content h3, .c-text-content h4 {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 400
}

@media (min-width: 90em) {
    .c-text-content h1, .c-text-content h2, .c-text-content h3, .c-text-content h4 {
        font-size: 20px;
        margin-bottom: 16px
    }
}

.c-text-content__title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 400
}

@media (min-width: 90em) {
    .c-text-content__title {
        font-size: 28px;
        margin-bottom: 40px
    }
}

@media (max-width: 89.99em) {
    .c-text-content__text {
        font-size: 14px
    }
}

@media (min-width: 48em) {
    .c-text-content__reduce-padding-top {
        padding-bottom: 0;
        padding-top: 40px
    }
}

@media (max-width: 47.99em) {
    .c-text-content__reduce-padding-top {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 48em) {
    .c-text-content__reduce-padding-bottom {
        padding-bottom: 40px;
        padding-top: 0
    }
}

@media (max-width: 47.99em) {
    .c-text-content__reduce-padding-bottom {
        padding-bottom: 0;
        padding-top: 0
    }
}

.c-text-content__article--grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 0 64px;
    grid-template-columns:1fr;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 100%
}

@media (min-width: 48em) {
    .c-text-content__article--grid {
        grid-template-columns:repeat(2, 1fr);
        -ms-grid-columns: 1fr 1fr
    }
}

@media (max-width: 47.99em) {
    .c-text-content__article {
        margin-bottom: 0;
        margin-top: 0
    }
}

.c-footer-sticky {
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 56px;
    background-color: #202485;
    background-image: url(../../../Content/images/build/assets/header/header-2-bg.cff1369.png);
    display: -webkit-flex;
    display: flex;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    -webkit-align-items: center;
    align-items: center;
    justify-items: center;
    z-index: 130
}

.is-not-authenticated .c-footer-sticky {
    height: 48px;
    grid-auto-columns: 1fr
}

@supports (padding-bottom:constant(safe-area-inset-bottom)) {
    .c-footer-sticky {
        --safe-area-inset-bottom: constant(safe-area-inset-bottom);
        bottom: calc(var(--safe-area-inset-bottom) - 1px)
    }
}

@supports (padding-bottom:env(safe-area-inset-bottom)) {
    .c-footer-sticky {
        --safe-area-inset-bottom: env(safe-area-inset-bottom);
        bottom: calc(var(--safe-area-inset-bottom) - 1px)
    }
}

.c-footer-sticky__safe-area {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: #0c092a;
    z-index: 130
}

@supports (padding-bottom:constant(safe-area-inset-bottom)) {
    .c-footer-sticky__safe-area {
        --safe-area-inset-bottom: constant(safe-area-inset-bottom);
        height: var(--safe-area-inset-bottom)
    }
}

@supports (padding-bottom:env(safe-area-inset-bottom)) {
    .c-footer-sticky__safe-area {
        --safe-area-inset-bottom: env(safe-area-inset-bottom);
        height: var(--safe-area-inset-bottom)
    }
}

.c-form-item {
    position: relative
}

.c-form-item__label {
    display: block;
    padding-bottom: 12px;
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 34px
}

.c-form-item__label--group {
    padding: 7.5px 7.5px 2.5px
}

.c-form-item__label-bottom {
    position: absolute;
    top: 15px;
    left: 8px;
    z-index: 15;
    font-size: 12px;
    color: #000;
    cursor: text;
    transition: all .1s ease-in-out
}

.c-form-item__tooltip {
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    z-index: 0;
    padding: 8px;
    background-color: #4c76c5;
    font-size: 14px;
    color: #fff;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    border-radius: 8px 8px 0 0
}

.c-form-item__tooltip ul {
    padding-left: 15px
}

.c-form-item__input, .c-form-item__select, .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .search-input, .c-payment input, .c-payment select {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 12px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #0c0a2a;
    font-size: 18px
}

.c-form-item__input[readonly], .c-form-item__select[readonly], .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .search-input[readonly], .c-payment input[readonly], .c-payment select[readonly] {
    background-color: #fff;
    color: #0c0a2a
}

.c-form-item__input[disabled], .c-form-item__select[disabled], .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .search-input[disabled], .c-payment input[disabled], .c-payment select[disabled] {
    background-color: hsla(0, 0%, 100%, .1);
    color: #fff
}

.c-form-item__input.has-errors, .c-form-item__select.has-errors, .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .has-errors.search-input, .c-payment input.has-errors, .c-payment select.has-errors {
    border-color: #f75a5a
}

.c-form-item__input.has-focus, .c-form-item__select.has-focus, .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .has-focus.search-input, .c-payment input.has-focus, .c-payment select.has-focus {
    border-color: #4c76c5
}

.c-form-item__input--password, .c-form-item__select--password {
    border-bottom: none;
    margin-bottom: 3px;
    padding-right: 37px
}

.c-form-item__input--no-radius-left, .c-form-item__select--no-radius-left {
    border-radius: 0 8px 8px 0
}

.c-form-item__input--small, .c-form-item__select--small {
    padding: 3px
}

.c-form-item__input::-webkit-input-placeholder, .c-form-item__select::-webkit-input-placeholder, .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .search-input::-webkit-input-placeholder, .c-payment input::-webkit-input-placeholder, .c-payment select::-webkit-input-placeholder {
    color: #0c0a2a
}

.c-form-item__input:-ms-input-placeholder, .c-form-item__select:-ms-input-placeholder, .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .search-input:-ms-input-placeholder, .c-payment input:-ms-input-placeholder, .c-payment select:-ms-input-placeholder {
    color: #0c0a2a
}

.c-form-item__input::placeholder, .c-form-item__select::placeholder, .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .search-input::placeholder, .c-payment input::placeholder, .c-payment select::placeholder {
    color: #0c0a2a
}

.c-form-item__select--no-arrow {
    -moz-appearance: none;
    -webkit-appearance: none
}

.c-form-item__select--no-arrow::-ms-expand {
    display: none
}

.c-form-item__select-currency {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    text-align: center
}

.c-form-item__error-icon {
    display: none;
    color: #d7333a;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 15px;
    right: 8px
}

.c-form-item__error-icon--show {
    display: block
}

.c-form-item__eye-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 46px;
    right: 6px;
    cursor: pointer;
    transition: all .3s ease-in;
    color: #ccc
}

.c-form-item__eye-icon--is-active, .c-form-item__eye-icon.is-active {
    color: #0c0a2a
}

.c-form-item__calendar-icon {
    position: absolute;
    width: 50px;
    padding: 5px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.c-form-item__calendar-icon svg {
    fill: #4c4c4c
}

.c-form-item__currency-inside {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 50px;
    background-color: #0c0a2a;
    font-size: 16px;
    text-align: center;
    color: #000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.c-form-item__currency-inside svg {
    fill: #a2a2a2
}

.c-form-item__currency-inside--is-active svg {
    fill: #000
}

.c-form-item__select {
    height: 48px
}

.c-form-item__pwd-show {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 6px;
    opacity: .5;
    cursor: pointer;
    transition: background .3s ease
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-form-item__pwd-show:hover {
        opacity: 1
    }
}

.c-form-item__pwd-show:active {
    opacity: 1
}

.c-form-item__pwd-show .show {
    display: inline-block
}

.c-form-item__pwd-show.active .show, .c-form-item__pwd-show .hide {
    display: none
}

.c-form-item__pwd-show.active .hide {
    display: inline-block
}

.c-form-item__pwd-indicator {
    display: block;
    height: 6px;
    width: 0;
    min-width: 10%;
    max-width: 100%;
    border: none;
    background: #d43f3a;
    transition: all .6s ease;
    border-radius: 0 0 8px 8px
}

.c-form-item__pwd-indicator.is-low, .c-form-item__pwd-indicator.low {
    background: #f0ad4e
}

.c-form-item__pwd-indicator.is-medium, .c-form-item__pwd-indicator.medium {
    background: #059564
}

.c-form-item__pwd-indicator.high, .c-form-item__pwd-indicator.is-high {
    background: #55efb5
}

.c-form-item__suggestions {
    display: none;
    font-size: 14px
}

.c-form-item__suggestions.active {
    display: block
}

.c-form-item__suggestions ul {
    margin: 0;
    padding-left: 25px
}

.c-form-item .parsley-error {
    border: 1px solid #f75a5a;
    padding: 12px;
    color: #000
}

.c-form-item.has-focus .c-form-item__tooltip {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.c-form-item--no-border {
    border-bottom: none
}

.c-form-item--currency .c-form-item__input, .c-form-item--currency .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .search-input, .c-form-item--currency .c-payment input, .c-form-item--currency .c-payment select, .c-form-item--currency input, .c-form-item--currency select, .c-form-item--currency textarea, .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .c-form-item--currency .search-input, .c-payment .c-form-item--currency input, .c-payment .c-form-item--currency select {
    padding-left: 70px;
    text-align: right
}

.c-form-item__wrapper {
    position: relative;
    -webkit-align-items: center;
    align-items: center
}

.c-form-item__checkbox, .c-form-item__radio {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    opacity: 0;
    z-index: 1;
    position: relative
}

.c-form-item__radio:checked + .c-form-item__radio-custom:before {
    background-image: linear-gradient(#0c0a2a, #0c0a2a), linear-gradient(#fff, #fff);
    background-clip: content-box, border-box
}

.c-form-item__checkbox:checked + .c-form-item__checkbox-custom:before {
    background-image: url(../../../Content/images/build/svg/icons/check2.400fa57.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.c-form-item__checkbox-custom, .c-form-item__radio-custom {
    display: inline-block;
    -webkit-align-self: center;
    align-self: center
}

.c-form-item__checkbox-custom:before, .c-form-item__radio-custom:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    background: #fff;
    border: 3px solid #fff;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-right: 10px;
    text-align: center;
    transition: all .3s ease;
    border-radius: 8px
}

.c-form-item__checkbox-custom:before {
    border: none;
    transition: none
}

.c-form-item__currency-withdraw {
    position: absolute;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: rgba(0, 0, 0, .6);
    font-size: 20px
}

.c-form-item__radio-custom:before {
    border-radius: 50%
}

.c-form-item__message {
    height: 104px;
    max-width: 100%
}

.c-form-errors, .c-form-success {
    margin-top: -9px;
    padding: 8px;
    border-radius: 0 0 8px 8px;
    list-style-type: none;
    text-align: left
}

.c-form-errors:empty, .c-form-errors__wrapper:empty, .c-form-success:empty, .c-form-success__wrapper:empty {
    display: none
}

.c-form-errors--old, .c-form-success--old {
    padding: 0
}

.c-form-errors--old ul, .c-form-success--old ul {
    padding: 8px
}

.c-form-errors--group, .c-form-success--group {
    margin-top: 0;
    border-radius: 8px
}

.c-form-errors ul.parsley--list, .c-form-errors ul.parsley-errors-list, .c-form-success ul.parsley--list, .c-form-success ul.parsley-errors-list {
    list-style-type: none
}

.c-form-errors ul.parsley-errors-list:empty, .c-form-success ul.parsley-errors-list:empty {
    display: none
}

.c-form-errors ul.c-form-errors__nrgs, .c-form-success ul.c-form-errors__nrgs {
    list-style-type: none;
    margin-top: -8px
}

.c-form-errors ul.c-form-errors__nrgs:empty, .c-form-success ul.c-form-errors__nrgs:empty {
    display: none
}

.c-form-errors--password ul.c-form-errors__nrgs, .c-form-errors--password ul.parsley-errors-list, .c-form-success--password ul.c-form-errors__nrgs, .c-form-success--password ul.parsley-errors-list {
    margin-top: -10px
}

.c-form-errors.c-form-errors--old li, .c-form-errors:not(.c-form-errors--group) li, .c-form-success.c-form-errors--old li, .c-form-success:not(.c-form-errors--group) li {
    padding-top: 5px;
    color: #fff
}

.c-form-errors__nrgs, .c-form-success__nrgs {
    list-style-type: none
}

.c-form-errors__nickname-list, .c-form-success__nickname-list {
    list-style-position: inside;
    padding: 5px;
    margin: 0
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-form-errors__nickname-list-item:hover, .c-form-success__nickname-list-item:hover {
        text-decoration: underline;
        cursor: pointer
    }
}

.c-form-errors {
    background-color: #f75a5a
}

.c-form-errors--old.c-form-errors--group {
    padding: 0
}

.c-form-errors--old.c-form-errors--group ul {
    padding: 0 8px 8px;
    margin-top: 8px
}

.c-form-success {
    background-color: #39d188
}

.c-form-item__password-field .c-form-item__error-icon--show {
    right: 38px
}

.c-game {
    position: relative;
    transition: opacity .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1), opacity .1s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1), opacity .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: none;
    transform: none;
    width: auto;
    -webkit-tap-highlight-color: transparent
}

.c-game.swiper-slide-visible {
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1) .2s, -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.165, .84, .44, 1), opacity .4s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: transform .4s cubic-bezier(.165, .84, .44, 1), opacity .4s cubic-bezier(.165, .84, .44, 1) .2s, -webkit-transform .4s cubic-bezier(.165, .84, .44, 1)
}

.c-game--disabled {
    pointer-events: none
}

@supports (display:grid) {
    .c-game {
        display: grid;
        grid-template-columns:auto;
        grid-template-rows:auto;
        grid-auto-columns: -webkit-min-content;
        grid-auto-columns: min-content
    }

    .c-game--promo {
        grid-template-columns:42px auto
    }

    .c-game--plain {
        display: block
    }

    @media (min--moz-device-pixel-ratio: 0) {
        .c-game--plain.c-game--plain:before {
            margin-bottom: 0
        }
    }.c-game:before {
         grid-row: 1/2;
         grid-column: 1/2;
         background-color: #0f0949;
         border-radius: 8px
     }

    .is-authenticated .c-game:before {
        grid-column: 1/3
    }

    @media (min--moz-device-pixel-ratio: 0) {
        .c-game:before {
            height: 0%;
            margin-bottom: -100%
        }
    }@media (pointer: fine) and (min--moz-device-pixel-ratio: 0) {
    .c-game:before {
        margin-bottom: 0
    }
}.c-game--promo:before {
     grid-column: 1/3;
     background-color: transparent
 }

    .is-authenticated .c-game--promo:before {
        grid-column: 1/4
    }
}

@media (max-width: 47.99em) {
    .c-game {
        min-width: 136px
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-game:hover {
        z-index: 11;
        border-radius: 8px;
        box-shadow: .7px .7px 28.4px 11.6px rgba(0, 0, 0, .65);
        border: 1px solid hsla(0, 0%, 100%, .1);
        background-color: #0c092a;
        height: auto
    }

    @supports (display:grid) {
        .c-game:hover {
            margin: -10.1424px -17px
        }
    }.c-game:hover:before {
         z-index: 1;
         background-color: rgba(0, 0, 0, .6);
         border-radius: 8px
     }

    .c-game:hover .c-game__cta {
        display: block;
        max-width: 100%
    }

    .c-game-overlay-footer .c-game:hover {
        cursor: pointer
    }

    .c-game--promo:hover {
        border: none;
        box-shadow: none;
        background-color: transparent
    }

    @supports (display:grid) {
        .c-game--promo:hover {
            margin: -17.7136px -16px
        }
    }.c-game--plain:hover, .c-game--promo:hover:before {
         background-color: transparent
     }

    .c-game--plain:hover {
        border: none;
        box-shadow: none;
        cursor: pointer
    }

    @supports (display:grid) {
        .c-game--plain:hover {
            margin: 0
        }
    }.c-game--plain:hover:before {
         background-color: transparent
     }
}

@media (pointer: coarse) {
    .c-game:not(.c-game--promo):active:before {
        z-index: 1;
        background-color: rgba(0, 0, 0, .6);
        border-radius: 8px
    }
}

.c-game__link {
    display: block;
    -webkit-align-self: center;
    align-self: center;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px;
    cursor: pointer
}

@supports (display:grid) {
    .c-game__link {
        grid-column: 1/2
    }

    .c-game--promo .c-game__link {
        grid-column: 2/3
    }
}

@media (min-width: 48em) {
    .c-game__link {
        padding-right: 8px
    }
}

@media (min-width: 64em) {
    .c-game__link {
        padding-left: 8px;
        font-size: 15px
    }
}

@media (min-width: 48em) {
    .c-game__link--small {
        padding-right: 0;
        padding-left: 0;
        font-size: 12px
    }
}

.c-game__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.c-game__fav {
    width: 28px;
    height: 36px;
    padding-top: 4px;
    z-index: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2054%2050%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M24.9%2C8.1%20C26.9%2C3.3%2031.5%2C0%2036.9%2C0%20C44.1%2C0%2049.3%2C6.2%2050%2C13.5%20C50%2C13.5%2050.4%2C15.3%2049.6%2C18.6%20C48.5%2C23.1%2046.1%2C27.1%2042.7%2C30.1%20L24.9%2C46%20L7.4%2C30.2%20C4%2C27.2%201.6%2C23.2%200.5%2C18.7%20C-0.3%2C15.4%200.1%2C13.6%200.1%2C13.6%20C0.7%2C6.2%205.9%2C0%2013.2%2C0%20C18.5%2C0%2022.8%2C3.3%2024.9%2C8.1%20Z%27%20stroke%3D%27%235be6fe%27%20fill%3D%27transparent%27%20transform%3D%27translate%282.000000%2C%202.000000%29%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 28px 24px;
    transition: none
}

@media (min-width: 64em) {
    .c-game__fav {
        width: 36px
    }
}

.c-game__fav.is-favorite {
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2054%2050%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M24.9%2C8.1%20C26.9%2C3.3%2031.5%2C0%2036.9%2C0%20C44.1%2C0%2049.3%2C6.2%2050%2C13.5%20C50%2C13.5%2050.4%2C15.3%2049.6%2C18.6%20C48.5%2C23.1%2046.1%2C27.1%2042.7%2C30.1%20L24.9%2C46%20L7.4%2C30.2%20C4%2C27.2%201.6%2C23.2%200.5%2C18.7%20C-0.3%2C15.4%200.1%2C13.6%200.1%2C13.6%20C0.7%2C6.2%205.9%2C0%2013.2%2C0%20C18.5%2C0%2022.8%2C3.3%2024.9%2C8.1%20Z%27%20stroke%3D%27%235be6fe%27%20fill%3D%27%235be6fe%27%20transform%3D%27translate%282.000000%2C%202.000000%29%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-game__fav:not(.is-favorite):hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2054%2050%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M24.9%2C8.1%20C26.9%2C3.3%2031.5%2C0%2036.9%2C0%20C44.1%2C0%2049.3%2C6.2%2050%2C13.5%20C50%2C13.5%2050.4%2C15.3%2049.6%2C18.6%20C48.5%2C23.1%2046.1%2C27.1%2042.7%2C30.1%20L24.9%2C46%20L7.4%2C30.2%20C4%2C27.2%201.6%2C23.2%200.5%2C18.7%20C-0.3%2C15.4%200.1%2C13.6%200.1%2C13.6%20C0.7%2C6.2%205.9%2C0%2013.2%2C0%20C18.5%2C0%2022.8%2C3.3%2024.9%2C8.1%20Z%27%20stroke%3D%27%235be6fe%27%20fill%3D%27%235be6fe%27%20fill-opacity%3D%270.4%27%20transform%3D%27translate%282.000000%2C%202.000000%29%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E")
    }
}

.c-game__top-badge {
    width: 34px;
    height: 24px;
    margin-top: 4px;
    margin-right: 8px;
    padding: 3px 5px;
    border: 1px solid #ff746d;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: #ff2a00 -1px 0 6px, #ff2a00 0 -1px 6px, #ff2a00 1px 0 6px, #ff2a00 0 1px 6px, #ff2a00 -1px -1px 6px, #ff2a00 1px 1px 6px;
    box-shadow: 0 0 5px 1px #ff2a00
}

@supports (display:grid) {
    .c-game__top-badge {
        grid-column: 1/2
    }
}

@media (min-width: 64em) {
    .c-game__top-badge {
        margin-left: 8px
    }
}

.c-game__image {
    opacity: 1;
    transition: opacity .2s cubic-bezier(.55, 0, .1, 1);
    border-radius: 8px
}

.c-game__image.is-lazy {
    opacity: 0
}

.c-game__cta {
    display: none;
    position: absolute;
    left: 50%;
    top: calc(50% - 18px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3
}

.c-game--plain .c-game__cta, .c-game--small .c-game__cta {
    top: 50%
}

.c-game--invisible {
    opacity: 0;
    height: 0;
    padding: 0
}

.c-game.is-below, .is-below .c-game {
    -webkit-transform: translateY(90px);
    transform: translateY(90px);
    opacity: 0
}

.c-game__tv {
    position: absolute;
    left: 5%;
    top: calc((100% - 36px) * .475);
    width: 90%;
    z-index: 0;
    overflow: hidden
}

.c-game__tv-wrap * {
    width: 100%;
    height: 100%
}

.c-game__tv-wrap {
    z-index: 1
}

.c-game__screenshot {
    border-radius: 8px;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.55, 0, .1, 1)
}

.c-game__tv .c-game__screenshot {
    opacity: 1
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-game:hover .c-game__screenshot {
        opacity: 1
    }
}

@media (max-width: 63.99em) {
    .c-game.is-desktop-only {
        display: none !important
    }
}

.c-game.is-mobile-only {
    display: none !important
}

@media (max-width: 63.99em) {
    .c-game.is-mobile-only {
        display: block !important
    }
}

.c-game__title {
    color: #5be6fe
}

.c-game__badge-container:after, .c-game__badge-container:before {
    position: absolute;
    right: 5px;
    z-index: 1;
    padding-top: 3px;
    pointer-events: none;
    font-weight: 700;
    text-align: center;
    text-shadow: -.7px -.7px 0 rgba(24, 12, 76, .8);
    white-space: pre;
    text-transform: uppercase
}

.c-game__badge-container:before {
    top: 0;
    width: 40px;
    height: 30px;
    background-size: 40px 30px;
    font-size: 10px;
    line-height: 11px;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 64em) {
    .c-game__badge-container:before {
        width: 65px;
        height: 40px;
        background-size: 65px 40px;
        font-size: 12px;
        line-height: 12px;
        padding-top: 5px
    }
}

.c-game__badge-container:after {
    top: 15px;
    line-height: 12px;
    font-size: 14px;
    width: 65px
}

.is-highroller .c-game__badge-container:before {
    content: "High\ARoller";
    background: url(../../../Content/images/build/svg/icons/highroller-badge.361d90d.svg) top no-repeat
}

.is-special .c-game__badge-container:before {
    content: "Special";
    background: url(../../../Content/images/build/svg/icons/special-badge.9920f76.svg) top no-repeat;
    padding-top: 8px
}

.is-match3 .c-game__badge-container:before {
    content: "Sweet";
    background: url(../../../Content/images/build/svg/icons/sweet-badge.d22c113.svg) top no-repeat;
    padding-top: 7px
}

@media (min-width: 64em) {
    .is-match3 .c-game__badge-container:before {
        padding-top: 13px
    }
}

.is-featured-xp-maxbet .c-game__badge-container:before {
    content: "Max. Bet\AXP";
    background: url(../../../Content/images/build/svg/icons/maxbet-standalone.045b152.svg) center -16px no-repeat, url(../../../Content/images/build/svg/icons/xp-standalone.52a0bc9.svg) bottom no-repeat;
    background-size: 100% auto, 85% auto;
    width: 45px;
    height: 28px;
    text-transform: none
}

@media (min-width: 64em) {
    .is-featured-xp-maxbet .c-game__badge-container:before {
        content: "Max. Bet\A\A\AXP\A\A";
        background-size: 65px 40px;
        background-position-y: top, 35px;
        width: 65px;
        height: 75px
    }

    .is-featured-xp-maxbet .c-game__badge-container:after {
        content: attr(data-maxbet) "%\A   \A   \A" attr(data-xp) "%";
        height: 60px
    }
}

.is-featured-xp .c-game__badge-container:before {
    content: "XP";
    background: url(../../../Content/images/build/svg/icons/xp-standalone.52a0bc9.svg) bottom no-repeat;
    background-size: 65px 40px;
    text-transform: none
}

@media (max-width: 63.99em) {
    .is-featured-xp .c-game__badge-container:before {
        width: 45px;
        height: 17px
    }
}

@media (min-width: 64em) {
    .is-featured-xp .c-game__badge-container:after {
        content: attr(data-xp) "%"
    }
}

.is-featured-maxbet .c-game__badge-container:before {
    content: "Max. Bet";
    background: url(../../../Content/images/build/svg/icons/maxbet-standalone.045b152.svg) bottom no-repeat;
    background-size: 65px 40px;
    text-transform: none
}

@media (max-width: 63.99em) {
    .is-featured-maxbet .c-game__badge-container:before {
        width: 45px;
        height: 20px
    }
}

@media (min-width: 64em) {
    .is-featured-maxbet .c-game__badge-container:after {
        content: attr(data-maxbet) "%"
    }
}

.is-featured-maxbet.is-jackpot .c-game__badge-container:before, .is-featured-xp-maxbet.is-jackpot .c-game__badge-container:before, .is-featured-xp.is-jackpot .c-game__badge-container:before, .is-highroller.is-jackpot .c-game__badge-container:before, .is-match3.is-jackpot .c-game__badge-container:before, .is-special.is-jackpot .c-game__badge-container:before {
    top: 26px
}

.is-jackpot.is-game-feature-jackpot .c-game__badge-container:before {
    top: 0
}

.is-featured-maxbet.is-jackpot:not(.c-game-detail__badge-wrapper) .c-game__badge-container:after, .is-featured-xp-maxbet.is-jackpot:not(.c-game-detail__badge-wrapper) .c-game__badge-container:after, .is-featured-xp.is-jackpot:not(.c-game-detail__badge-wrapper) .c-game__badge-container:after {
    top: 41px
}

.is-featured-maxbet.is-jackpot.is-game-feature-jackpot .c-game__badge-container:after, .is-featured-xp-maxbet.is-jackpot.is-game-feature-jackpot .c-game__badge-container:after, .is-featured-xp.is-jackpot.is-game-feature-jackpot .c-game__badge-container:after {
    top: 15px
}

.c-game--promo .c-game__badge-container:after, .c-game--promo .c-game__badge-container:before {
    content: normal
}

.c-game-detail__badge-wrapper .c-game__badge-container:before, .is-jackpot.c-game-detail__badge-wrapper .c-game__badge-container:before {
    top: 0;
    left: 0;
    right: auto;
    width: 65px;
    height: 40px;
    background-size: 65px 40px;
    font-size: 12px;
    line-height: 12px;
    padding-top: 5px
}

.c-game-detail__badge-wrapper .c-game__badge-container:after, .is-jackpot.c-game-detail__badge-wrapper .c-game__badge-container:after {
    right: auto
}

.c-game-detail__badge-wrapper.is-featured-xp-maxbet .c-game__badge-container:before, .is-jackpot.c-game-detail__badge-wrapper.is-featured-xp-maxbet .c-game__badge-container:before {
    content: "Max. Bet\A\A\AXP\A\A";
    top: 0;
    height: 75px;
    padding-top: 5px;
    background-position-y: top, 35px
}

.c-game-detail__badge-wrapper.is-featured-xp-maxbet .c-game__badge-container:after, .is-jackpot.c-game-detail__badge-wrapper.is-featured-xp-maxbet .c-game__badge-container:after {
    content: attr(data-maxbet) "%\A   \A   \A" attr(data-xp) "%";
    top: 15px;
    right: auto;
    height: 60px
}

.c-game-detail__badge-wrapper.is-match3:not(.c-nav-game-tools__item) .c-game__badge-container:before {
    padding-top: 13px
}

.is-match3 .c-game__badge-container.c-nav-game-tools__item:before, .is-special .c-game__badge-container.c-nav-game-tools__item:before {
    padding-top: 10px
}

.c-popup__badge-wrapper.is-featured-maxbet .c-game__badge-container:before, .c-popup__badge-wrapper.is-featured-xp .c-game__badge-container:before, .c-popup__badge-wrapper.is-highroller .c-game__badge-container:before {
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 5px
}

.c-popup__badge-wrapper.is-featured-maxbet .c-game__badge-container:after, .c-popup__badge-wrapper.is-featured-xp .c-game__badge-container:after {
    content: "";
    right: 0;
    width: 100%
}

.c-popup__badge-wrapper.is-featured-xp .c-game__badge-container:after {
    content: attr(data-xp) "%"
}

.c-popup__badge-wrapper.is-featured-maxbet .c-game__badge-container:after {
    content: attr(data-maxbet) "%"
}

.c-game-overlay-footer__trigger {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 30px
}

.c-game-overlay-footer__trigger--closed {
    height: 40px;
    width: 40px;
    margin-right: 10px;
    padding: 0 15px;
    border-radius: 6px;
    bottom: 15px
}

.c-game-overlay-footer__item--collapse {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-self: center;
    align-self: center;
    cursor: pointer
}

.c-game-overlay-footer__item--collapse i {
    color: #fff
}

.c-game-overlay-footer__item--arrow {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    max-width: 210px;
    height: 100%;
    background: linear-gradient(270deg, #202a82, rgba(0, 0, 0, .01) 99%)
}

.c-game-overlay-footer__item--arrow:after {
    left: 100%;
    top: 50%;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    border-left-color: #202a82;
    border-width: 36px 0 36px 16px;
    margin-top: -36px
}

.c-game-overlay-footer__item--bonus {
    cursor: pointer
}

.c-game-overlay-footer__game-list {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    padding: 0 36px;
    width: 1008px
}

.c-game-overlay-footer__game-list .swiper-container {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width: 100em) {
    .c-game-overlay-footer__game-list {
        width: 1200px
    }
}

@media (min-width: 104.375em) {
    .c-game-overlay-footer__game-list {
        width: 1310px
    }
}

.c-game-overlay {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    z-index: 2000
}

@media (max-width: 64em) {
    .c-game-overlay.c-overlay {
        z-index: 20000
    }
}

.c-game-overlay__header {
    height: 80px
}

.has-fallback-fullscreen .c-game-overlay__header {
    height: 0
}

.c-game-overlay__nav {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    overflow: hidden
}

.c-game-overlay__content {
    background-color: #0f0949;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    width: 100%;
    background-position: "center 0";
    background-repeat: "no-repeat";
    background-size: "cover"
}

.c-game-overlay__game-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

@media (min-width: 64.0625em) {
    .c-game-overlay__game-wrapper {
        padding: 20px 0 92px
    }

    .has-fallback-fullscreen .c-game-overlay__game-wrapper {
        padding: 0
    }
}

.c-game-overlay__game-wrapper--splitscreen {
    background-image: url(../../../Content/images/build/assets/site/4er-bg.6c26cc3.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.c-game-overlay__game-ratio {
    background-color: #000
}

.c-game-overlay__game-iframe, .c-game-overlay__game-item, .c-game-overlay__game-ratio, .c-game-overlay__iframe-wrapper {
    height: 100%
}

@media (max-width: 47.99em) and (orientation: landscape) {
    .c-game-overlay__game-iframe {
        height: 100vh
    }
}

.c-game-overlay__game-item {
    position: relative;
    width: 100%;
    background-color: rgba(0, 0, 0, .5)
}

@media (min-width: 64.0625em) {
    .c-game-overlay__game-item {
        width: calc((100vh - 180px) * 16 / 9 + 20px);
        max-width: calc(100% - 100px)
    }

    .has-fallback-fullscreen .c-game-overlay__game-item {
        width: 100%;
        max-width: 100%
    }
}

.c-game-overlay__game-item.doubleframe, .c-game-overlay__game-item.multiframe {
    width: 50%
}

@media (min-width: 64.0625em) {
    .c-game-overlay__game-item.doubleframe, .c-game-overlay__game-item.multiframe {
        min-width: 34%;
        width: calc(((100vh - 80px) / 2 * 16 / 9) + 20px);
        max-width: calc(50% - 50px)
    }
}

.c-game-overlay__game-item.doubleframe {
    height: 75%
}

.c-game-overlay__game-item.multiframe {
    height: 50%
}

@media (min-width: 64.0625em) {
    .c-game-overlay__game-item {
        padding: 4px
    }
}

.c-game-overlay__game-item--0.doubleframe {
    padding: 4px 0 4px 4px
}

.c-game-overlay__game-item--0.multiframe {
    padding: 4px 0 0 4px
}

.c-game-overlay__game-item--1.doubleframe {
    padding: 4px 4px 4px 0
}

.c-game-overlay__game-item--1.multiframe {
    padding: 4px 4px 0 0
}

.c-game-overlay__game-item--2.multiframe {
    padding: 0 0 4px 4px
}

.c-game-overlay__game-item--3.multiframe {
    padding: 0 4px 4px 0
}

.c-game-overlay__game-suggestions {
    height: 100%;
    overflow-y: none
}

@media (max-width: 47.99em) {
    .c-game-overlay__game-suggestions {
        margin: 0 -50px
    }
}

.c-game-overlay__game-suggestions-background {
    height: 100%;
    background-color: #21166c
}

.c-game-overlay__suggestion-tabs {
    height: auto;
    position: relative;
    padding: 0 10px;
    margin-bottom: 8px
}

.c-game-overlay__suggestion-paging-link-left, .c-game-overlay__suggestion-paging-link-right {
    background-color: #21166c
}

.c-game-overlay__suggestion-paging-link-left {
    left: 0
}

.c-game-overlay__suggestion-paging-link-right {
    right: 0
}

.c-game-overlay__gamelist {
    height: calc(100% - 57px);
    overflow-y: scroll;
    overflow-x: hidden
}

.c-game-overlay__gamelist.all-games {
    height: 100%
}

.c-game-overlay__game-tab {
    border-right: 1px solid #383838;
    cursor: pointer
}

.c-game-overlay__game-search {
    display: grid;
    grid-template-columns:224px 1fr;
    grid-template-rows:minmax(40px, auto);
    grid-gap: 16px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center
}

.c-game-overlay__iframe-wrapper {
    margin: 0 auto
}

@media (min-width: 85.375em) {
    .doubleframe .c-game-overlay__iframe-wrapper, .multiframe .c-game-overlay__iframe-wrapper {
        padding-bottom: 4px
    }
}

.c-game-overlay__footer {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    height: 72px;
    position: absolute;
    bottom: 0;
    left: 0
}

.c-game-overlay__footer.is-active {
    background: #4d58d1;
    -webkit-align-items: initial;
    align-items: initial
}

.has-fallback-fullscreen .c-game-overlay__footer {
    display: none
}

.c-game-overlay__tools {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1
}

@media (min-width: 48em) {
    .c-game-overlay__tools.is-active {
        display: block
    }
}

.doubleframe:nth-child(2n-1) .c-game-overlay__tools, .multiframe:nth-child(2n-1) .c-game-overlay__tools {
    right: 100%;
    left: auto
}

.c-game-overlay__game-rating {
    color: #fff;
    font-size: 14px
}

.c-game-overlay__game-fav svg {
    stroke: #5be6fe;
    color: transparent
}

.c-game-overlay__game-fav.is-active {
    color: #5be6fe
}

.c-game-overlay__game-fav.is-active svg {
    fill: #5be6fe
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-game-overlay__game-fav:not(.is-active):hover svg {
        stroke: #5be6fe;
        fill: rgba(91, 230, 254, .5)
    }
}

.c-game-detail {
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%
}

.c-game-detail__wrapper {
    padding-bottom: 30px
}

.c-game-detail__gradient {
    background: linear-gradient(180deg, rgba(5, 2, 37, 0) 2%, rgba(5, 2, 37, .7) 15%, rgba(5, 2, 37, .99) 30%)
}

.c-game-detail__title-wrapper {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

@media (max-width: 47.99em) {
    .c-game-detail__title-wrapper--bg {
        background-color: hsla(0, 0%, 100%, .1)
    }
}

@media (max-width: 47.99em) and (max-width: 47.99em) {
    .c-game-detail__title-wrapper--bg {
        border-top: 2px solid hsla(0, 0%, 100%, .1);
        border-bottom: none
    }
}

.c-game-detail__title {
    display: none
}

@media (min-width: 48em) {
    .c-game-detail__title {
        display: block;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        text-shadow: 0 0 1em #50a0e9, 0 0 .2em #50a0e9;
        text-transform: uppercase
    }
}

.c-game-detail__title-sub {
    font-size: 22px;
    font-weight: 300
}

@media (min-width: 48em) {
    .c-game-detail__title-sub {
        font-size: 28px
    }
}

.c-game-detail__fav {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.c-game-detail__fav-icon {
    width: 32px
}

.c-game-detail__fav svg {
    stroke: #5be6fe;
    fill: transparent;
    stroke-width: 2px;
    transition: fill .2s cubic-bezier(.55, 0, .1, 1);
    width: 100%
}

.c-game-detail__fav.is-favorite svg {
    fill: #5be6fe
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-game-detail__fav:not(.is-favorite):hover svg {
        fill: rgba(91, 230, 254, .4)
    }
}

.c-game-detail__poster {
    background-position: bottom;
    background-size: cover
}

@media (min-width: 48em) {
    .c-game-detail__poster {
        padding-bottom: 24px
    }
}

@media (min-width: 64em) {
    .c-game-detail__poster {
        background-size: 100%
    }
}

.c-game-detail__controls {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.c-game-detail__cta-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

@media (min-width: 48em) {
    .c-game-detail__cta-wrapper {
        right: 25%;
        left: 25%;
        background-image: linear-gradient(90deg, transparent 10%, rgba(0, 0, 0, .8) 60%, transparent 90%)
    }
}

.c-game-detail__frame-text {
    text-align: center
}

@media (max-width: 47.99em) {
    .c-game-detail__text-c {
        -webkit-order: 2;
        order: 2;
        width: 100%
    }
}

@media (min-width: 48em) {
    .c-game-detail__text-c {
        padding-bottom: 30px
    }
}

.c-game-detail__text-c h1, .c-game-detail__text-c h2, .c-game-detail__text-c h3, .c-game-detail__text-c h4 {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600
}

.c-game-detail__text-c p {
    padding-bottom: 10px;
    margin: 0
}

.c-game-detail__image {
    width: 100%
}

@media (min-width: 48em) {
    .c-game-detail__image {
        width: 250px
    }
}

.c-game-detail__rating {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 47.99em) {
    .c-game-detail__rating {
        margin-top: 16px
    }
}

.c-game-detail__rating-data {
    color: #fff;
    font-size: 16px;
    line-height: 1.7
}

@media (min-width: 48em) {
    .c-game-detail__rating-data {
        line-height: 1.9;
        -webkit-align-self: flex-end;
        align-self: flex-end
    }
}

@media (min-width: 48em) {
    .c-game-detail__rating-wrapper {
        display: -webkit-flex;
        display: flex
    }
}

.c-game-detail__info-wrapper {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (min-width: 48em) {
    .c-game-detail__info-wrapper {
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex: none;
        flex: none;
        width: auto;
        min-width: 0
    }
}

.c-game-detail__badge-wrapper {
    position: relative;
    height: 100%;
    width: 65px
}

.c-game-detail__features {
    margin-bottom: 16px;
    border-radius: 8px;
    background-color: #ffffff1a
}

.c-game-detail__features--list {
    line-height: 1.88
}

.c-game-detail__features tr {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.c-game-detail__features tr:last-child {
    margin-bottom: 0
}

.c-game-detail__features th {
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.c-game-detail__feature-title {
    font-size: 22px;
    font-weight: 300
}

.c-game-detail__card-list {
    list-style-type: square;
    padding-left: 16px
}

.c-game-detail__hero .c-game__cta {
    position: static;
    display: block;
    top: auto;
    left: auto;
    -webkit-transform: none;
    transform: none
}

@media (max-width: 47.99em) {
    .c-game-detail__hero-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 70%)
    }
}

.c-game-detail__hero-image {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 48em) {
    .c-game-detail__hero-image {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
}

@media (max-width: 47.99em) {
    .c-game-detail__content {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-game-detail__summary-wrapper {
    padding-top: 30px
}

@media (max-width: 47.99em) {
    .c-game-detail__gallery {
        padding-bottom: 30px
    }
}

@media (max-width: 47.99em) {
    .c-game-detail__recommended {
        -webkit-order: 3;
        order: 3
    }
}

.c-game-rating, .c-game-rating__star {
    -webkit-align-items: center;
    align-items: center
}

.c-game-rating__star {
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    color: transparent;
    stroke: #5be6fe;
    stroke-width: 1px
}

.c-game-rating__star-icon.c-icon {
    color: inherit
}

.c-game-rating__star.is-active {
    color: #5be6fe
}

.c-games-area {
    position: relative;
    display: grid;
    grid-template-columns:minmax(0, 1fr);
    grid-gap: 8px
}

.c-games-area__grid {
    list-style: none;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 8px;
    grid-auto-columns: 136px
}

@media (min-width: 75.125em) {
    .c-games-area__grid {
        grid-gap: 12px
    }
}

@media (min-width: 48em) {
    .c-games-area__grid {
        grid-auto-columns: 224px
    }
}

[data-gt-rows="2"] .c-games-area__grid {
    grid-template-rows:1fr 1fr
}

.c-game-overlay__gamelist .c-games-area__grid {
    grid-auto-columns: 136px
}

.c-games-area__grid.swiper-wrapper {
    grid-template-columns:none;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 12px) / 2);
    grid-auto-columns: calc((100% - 8px) / 2)
}

@media (min-width: 490px) {
    .c-games-area__grid.swiper-wrapper {
        grid-auto-columns: calc((100% - 16px) / 3)
    }
}

@media (min-width: 722px) {
    .c-games-area__grid.swiper-wrapper {
        grid-auto-columns: calc((100% - 24px) / 4)
    }
}

@media (min-width: 954px) {
    .c-games-area__grid.swiper-wrapper {
        grid-auto-columns: calc((100% - 32px) / 5)
    }
}

@media (min-width: 1202px) {
    .c-games-area__grid.swiper-wrapper {
        grid-auto-columns: calc((100% - 60px) / 6)
    }
}

.c-games-area__grid.swiper-wrapper.c-games-area__grid--2 {
    grid-auto-columns: calc((100% - 8px) / 2)
}

@media (min-width: 1202px) {
    .c-games-area__grid.swiper-wrapper.c-games-area__grid--2 {
        grid-auto-columns: calc((100% - 12px) / 2)
    }
}

.c-games-area__grid.swiper-wrapper.c-games-area__grid--4 {
    grid-auto-columns: calc((100% - 24px) / 4)
}

@media (min-width: 1202px) {
    .c-games-area__grid.swiper-wrapper.c-games-area__grid--4 {
        grid-auto-columns: calc((100% - 36px) / 4)
    }
}

.c-games-area__grid.swiper-wrapper.c-games-area__grid--autofit {
    grid-template-columns:none;
    grid-auto-columns: 180px
}

@media (min-width: 104.375em) {
    .c-games-area__grid.swiper-wrapper.c-games-area__grid--autofit {
        grid-auto-columns: 170px
    }
}

.c-games-area__grid.c-games-area__grid--2.c-games-area__grid--multiline {
    grid-template-columns:1fr 1fr
}

.c-games-area__grid.c-games-area__grid--3.c-games-area__grid--multiline {
    grid-template-columns:1fr 1fr 1fr
}

.c-games-area__grid.c-games-area__grid--4.c-games-area__grid--multiline {
    grid-template-columns:1fr 1fr 1fr 1fr
}

.c-games-area__grid.c-games-area__grid--3 {
    grid-template-columns:none;
    grid-auto-flow: column
}

@media (pointer: fine) {
    .c-games-area__grid.c-games-area__grid--3 {
        grid-auto-columns: calc((100% - 16px) / 3)
    }
}

@media (pointer: fine) and (min-width: 1202px) {
    .c-games-area__grid.c-games-area__grid--3 {
        grid-auto-columns: calc((100% - 24px) / 3)
    }
}

.c-games-area__grid.c-games-area__grid--4 {
    grid-template-columns:none;
    grid-auto-flow: column
}

@media (pointer: fine) {
    .c-games-area__grid.c-games-area__grid--4 {
        grid-auto-columns: calc((100% - 24px) / 4)
    }
}

@media (pointer: fine) and (min-width: 1202px) {
    .c-games-area__grid.c-games-area__grid--4 {
        grid-auto-columns: calc((100% - 36px) / 4)
    }
}

.c-games-area__grid.c-games-area__grid--5 {
    grid-template-columns:none;
    grid-auto-flow: column
}

@media (pointer: fine) {
    .c-games-area__grid.c-games-area__grid--5 {
        grid-auto-columns: 224px
    }
}

@media (pointer: coarse) {
    .c-games-area__grid {
        grid-auto-flow: column
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-games-area__grid {
        grid-auto-flow: row;
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min--moz-device-pixel-ratio: 0) and (min-width: 490px),(pointer: fine) and (min-width: 490px) {
    .c-games-area__grid {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min--moz-device-pixel-ratio: 0),(pointer: fine) and (min-width: 722px) {
    .c-games-area__grid {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min--moz-device-pixel-ratio: 0) and (min-width: 954px),(pointer: fine) and (min-width: 954px) {
    .c-games-area__grid {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (min--moz-device-pixel-ratio: 0) and (min-width: 1202px),(pointer: fine) and (min-width: 1202px) {
    .c-games-area__grid {
        grid-template-columns:repeat(6, 1fr)
    }
}

.c-games-area__grid--multiline {
    grid-auto-flow: row !important;
    grid-template-columns:1fr 1fr
}

@media (min-width: 30.875em) {
    .c-games-area__grid--multiline {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 45.625em) {
    .c-games-area__grid--multiline {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 47.875em) {
    .c-games-area__grid--multiline {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (min-width: 75.125em) {
    .c-games-area__grid--multiline {
        grid-template-columns:repeat(6, 1fr)
    }
}

.c-games-area__grid--linked-jackpots {
    grid-template-columns:none;
    grid-auto-flow: column
}

@media (min-width: 48em) {
    .c-games-area {
        grid-gap: 12px
    }
}

@media (min-width: 85.375em) {
    .c-games-area {
        grid-gap: 24px
    }
}

@media (min-width: 48em) {
    .c-games-area--vertical {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.c-games-area--bg {
    position: absolute;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top;
    z-index: -1
}

@media (min-width: 120em) {
    .c-games-area--bg {
        background-size: 100%
    }
}

.c-games-area__link--all {
    text-transform: uppercase
}

.c-games-area__link--number {
    font-weight: 300
}

@media (max-width: 63.99em) {
    .c-games-area__link--number {
        display: none
    }
}

@media (min-width: 64em) {
    .c-games-area__link--number-mobile {
        display: none
    }
}

.c-games-area__games {
    padding-bottom: 8px
}

.c-games-area__games .swiper-container {
    margin: -40px -8px;
    padding: 40px 8px
}

.c-games-area__sidebar {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 8px;
    width: 100%
}

@media (min-width: 64em) {
    .c-games-area__sidebar {
        width: 112px;
        margin: 0 auto
    }
}

.c-games-area__sidebar--small {
    justify-items: center
}

@media (min-width: 64em) {
    .c-games-area__sidebar--small {
        width: auto
    }
}

.c-games-area__sidebar-title {
    text-align: center
}

@media (min-width: 64em) {
    .c-games-area__sidebar-title {
        font-size: 14px;
        white-space: nowrap
    }
}

.c-games-area__sidebar-game--small-image {
    cursor: pointer;
    width: 45px;
    height: 45px;
    border-radius: 6px
}

@media (min-width: 64em) {
    .c-games-area__sidebar-game--small-image {
        width: 55px;
        height: 55px
    }
}

.c-games-area__paging {
    top: 46%
}

.c-games-area__section, .c-games-area__wrapper {
    max-width: 1404px;
    position: relative
}

.c-games-area__section {
    min-width: 0;
    margin-bottom: 8px
}

:not(.c-linked-jackpots):not(.c-games-area--bg) + .c-games-area__section:not(.c-linked-jackpots):before {
    content: "";
    position: absolute;
    left: 0;
    top: -16px;
    width: 100%;
    height: 8px;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #ffffff1a);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, transparent 24px, #000 60px, #000 calc(100% - 60px), transparent calc(100% - 24px), transparent);
    mask-image: linear-gradient(90deg, transparent 0, transparent 24px, #000 60px, #000 calc(100% - 60px), transparent calc(100% - 24px), transparent)
}

.c-games-area__tabs, .c-games-area__tabs .o-tabs__tab {
    z-index: 2
}

@media (min-width: 64em) {
    .c-games-area__grid .is-desktopOverflow {
        display: none !important
    }
}

@media (max-width: 63.99em) {
    .c-games-area__grid .is-mobileOverflow {
        display: none
    }
}

.c-gametwist-apps__bar {
    background: hsla(0, 0%, 100%, .1)
}

@supports (display:grid) {
    .c-gametwist-apps__grid {
        display: grid;
        grid-gap: 8px;
        grid-template-columns:1fr 1fr;
        -webkit-justify-content: center;
        justify-content: center
    }

    @media (min-width: 48em) {
        .c-gametwist-apps__grid {
            grid-gap: 16px
        }
    }.c-gametwist-apps__grid--desc {
         grid-template-columns:1fr
     }

    @media (min-width: 48em) {
        .c-gametwist-apps__grid--desc {
            grid-template-columns:208px 1fr;
            grid-gap: 32px
        }
    }.c-gametwist-apps__grid--end {
         justify-self: end
     }
}

@media (max-width: 47.99em) {
    .c-gametwist-apps__logo {
        justify-self: center;
        max-width: 100px
    }
}

.c-gametwist-apps__links {
    height: 44px;
    width: auto
}

@media (min-width: 48em) {
    .c-gametwist-apps__links {
        height: 78px
    }
}

.c-generic-reward-bonuses {
    -webkit-justify-content: center;
    justify-content: center;
    display: grid;
    grid-gap: 8px;
    grid-auto-flow: column;
    width: 100%;
    font-size: 14px;
    line-height: 12px;
    color: #fff
}

@media (min-width: 48em) {
    .c-race-scores-item__other-rewards .c-generic-reward-bonuses {
        -webkit-justify-content: left;
        justify-content: left
    }
}

.c-generic-reward-bonuses--small {
    grid-gap: 4px;
    font-size: 12px
}

.c-generic-reward-bonuses .o-titled-icon {
    white-space: nowrap;
    grid-gap: 4px
}

.c-generic-reward-bonuses--small .o-titled-icon {
    grid-gap: 0
}

.c-generic-reward-bonuses__reward-icon {
    margin-right: 8px
}

.c-generic-reward-bonuses__diamond {
    height: 22px;
    width: 23px
}

@media (min-width: 48em) {
    .c-generic-reward-bonuses__diamond {
        margin-right: 8px
    }
}

.c-generic-reward-bonuses__diamond--timed {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-timed.f862d1b.png)
}

.c-generic-reward-bonuses__diamond--daily {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-daily.a4b62b9.png)
}

.c-generic-reward-bonuses__diamond--weekly {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-weekly.533976a.png)
}

.c-generic-reward-bonuses__diamond--special {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-special.e72e8ac.png)
}

.c-generic-reward-bonuses__freespins {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 156.9"><style>.J{stroke-width:2}.K{stroke-miterlimit:10}.L{stroke:%23d3f6f5}.M{stroke:%23efe3d3}.N{stroke-linejoin:round}</style><linearGradient id="A" gradientUnits="userSpaceOnUse" x1="158.611" y1="40.794" x2="70.228" y2="175.702"><stop offset=".143" stop-color="%2384b8eb"/><stop offset=".408" stop-color="%23407cc0"/><stop offset=".482" stop-color="%234f89c9"/><stop offset=".622" stop-color="%2376ace2"/><stop offset=".668" stop-color="%2384b8eb"/></linearGradient><path d="M136.2 58.1c4.2 7 6.5 15.2 6.1 24-.9 24.1-21.2 42.9-45.3 42-11.3-.4-21.4-5.1-28.8-12.3l-14.8 18.5c11.4 10.3 26.3 16.9 42.8 17.5 37.2 1.4 68.4-27.6 69.8-64.8.4-10.4-1.6-20.2-5.4-29.2l-24.4 4.3z" fill="url(%23A)" class="J K L"/><linearGradient id="B" gradientUnits="userSpaceOnUse" x1="35.104" y1="107.267" x2="141.369" y2="-14.057"><stop offset=".076" stop-color="%2384b8eb"/><stop offset=".355" stop-color="%23407cc0"/><stop offset=".446" stop-color="%234f89c9"/><stop offset=".62" stop-color="%2376ace2"/><stop offset=".677" stop-color="%2384b8eb"/></linearGradient><path d="M59.7 93.2c-3.2-7.5-4.3-16-2.8-24.6 4.2-23.8 26.9-39.6 50.7-35.3 11.1 2 20.4 8 26.8 16.2l17.3-16.3c-9.8-11.8-23.7-20.4-40-23.3-36.5-6.5-71.5 17.9-78 54.5C31.9 74.6 32.5 84.7 35 94l24.7-.8z" fill="url(%23B)" class="J K L"/><linearGradient id="C" gradientUnits="userSpaceOnUse" x1="4.378" y1="111.428" x2="91.372" y2="111.428"><stop offset=".076" stop-color="%23c83451"/><stop offset="1" stop-color="%23992da5"/></linearGradient><path d="M4.4 98.3l35.3-9.9.4 36.1-35.2 10 8.6-20.6z" fill="url(%23C)" class="J K M N"/><linearGradient id="D" gradientUnits="userSpaceOnUse" x1="140.666" y1="67.705" x2="176.427" y2="67.705"><stop offset="0" stop-color="%23c83451"/><stop offset="1" stop-color="%23992da5"/></linearGradient><path d="M194.5 44.6l-35.3 10 .5 36.2 35.3-10-9.1-15.6z" fill="url(%23D)" class="J K M N"/><linearGradient id="E" gradientUnits="userSpaceOnUse" x1="34.085" y1="94.39" x2="163.322" y2="67.426"><stop offset="0" stop-color="%23c83451"/><stop offset="1" stop-color="%23992da5"/></linearGradient><g class="J K"><path d="M22 84.5l154.6-43.7.5 36.2-154.6 43.6z" fill="url(%23E)" class="M N"/><path d="M156.9 49.4c.8 3.2-1.3 5.5-4.6 5.1l-10.2-1.4-12-1.7-10.3-1.4c-3.3-.5-4.2-2.9-1.9-5.3l8.8-9.7 8.1-9 8.8-9.7c2.2-2.5 4.7-1.9 5.5 1.4l2.4 10 2.9 11.8 2.5 9.9z" fill="%2384b8eb" class="L"/></g><g fill="%23871d64"><path d="M31.9 87.5l10.8-3 1.1 3.9-6.4 1.8.9 3.3 5.5-1.5 1.1 3.9-5.5 1.5 1.8 6.4-4.4 1.2-4.9-17.5zm13.7-3.8l6.3-1.7c3.6-1 7-.6 8.2 3.8.7 2.5.1 4.4-1.3 5.8l5.5 5.7-4.9 1.4-4.5-5-1.8.3 1.6 5.8-4.4 1.2-4.7-17.3zm8.1 6.2c1.7-.5 2.4-1.5 2-3s-1.5-1.7-3.2-1.2l-1.6.4 1.2 4.3 1.6-.5zm7.9-10.7l10.7-3 1.1 3.9-6.4 1.7.8 2.7 5.4-1.5 1.1 3.8-5.4 1.5.9 3.1 6.6-1.8 1.1 3.9-10.9 3-5-17.3zm14.2-3.9l10.7-3 1.1 3.9-6.3 1.8.8 2.7 5.4-1.5 1.1 3.9-5.6 1.4.9 3.1 6.6-1.8 1.1 3.9-10.9 3-4.9-17.4zm22.4 10.1l1.5-3.6c1.5.7 3.2.8 4.5.4s1.8-1 1.5-1.8c-.2-.8-1.1-.9-2.7-1.1l-2.3-.3c-2-.3-4-1.4-4.7-3.9-.8-3 1-6.1 4.7-7.1 2-.6 4.2-.4 6.1.7l-1.5 3.6c-1.3-.5-2.6-.6-3.6-.3-1.1.3-1.6.9-1.4 1.7s1.3.9 2.9 1.1l2.2.3c2.3.3 3.9 1.5 4.6 3.9.8 2.9-.8 6.2-4.9 7.4-2.1.4-4.6.3-6.9-1zm11.2-19.5l6.1-1.7c3.6-1 7.1-.5 8.3 3.9 1.2 4.3-1.5 7-4.9 7.9l-1.8.5 1.5 5.5-4.4 1.2-4.8-17.3zm8.2 6.6c1.7-.5 2.3-1.6 1.9-3.2s-1.6-1.9-3.2-1.4l-1.5.4 1.3 4.6 1.5-.4zm7.3-10.9l4.4-1.2 4.8 17.4-4.4 1.2-4.8-17.4z"/><use xlink:href="%23G"/><path d="M153.2 70.1l1.5-3.6c1.5.7 3.2.8 4.5.4s1.8-1 1.5-1.8c-.2-.8-1.1-.9-2.7-1.1l-2.3-.3c-2-.3-4-1.4-4.7-3.9-.8-3 1-6.1 4.7-7.1 2-.6 4.2-.4 6.1.7l-1.5 3.6c-1.3-.5-2.6-.6-3.5-.3-1.1.3-1.6.9-1.4 1.7s1.3.9 2.9 1.1l2.2.3c2.3.3 3.9 1.5 4.6 3.9.8 2.9-.8 6.2-4.9 7.4-2.2.4-4.7.3-7-1z"/></g><g fill="%2384b8eb"><path d="M136.9 21.1l5 2.9-17.4 15.1-1.9-1.4-3.6-12.2 3.4-2.1z"/><path d="M46.1 115c-1.2-3.1.5-5.6 3.8-5.7h32.7c3.3 0 4.5 2.2 2.7 5L78 125.1l-6.8 10.1-7.4 10.8c-1.9 2.8-4.4 2.5-5.6-.6l-3.8-9.6-8.3-20.8z" class="J K L"/><path d="M69.8 140.3l-5.4-2.3 15.2-17.2 2 1.1 5.3 11.5-3.1 2.6z"/></g><g fill="%23fff"><path d="M32.9 89.3l10.8-3 1.1 3.9-6.4 1.8.9 3.3 5.5-1.5 1.1 3.9-5.5 1.5 1.8 6.4-4.4 1.2-4.9-17.5zm13.7-3.8l6.3-1.7c3.6-1 7-.6 8.2 3.8.7 2.5.1 4.4-1.3 5.8l5.5 5.7-4.9 1.4-4.5-5-1.7.5 1.6 5.8-4.4 1.2-4.8-17.5zm8.2 6.3c1.7-.5 2.4-1.5 2-3s-1.5-1.7-3.2-1.2l-1.6.3 1.2 4.3 1.6-.4zm7.8-10.7l10.7-3 1.1 3.9-6.3 1.8.8 2.7 5.4-1.5 1.1 3.8-5.4 1.5.9 3.1 6.6-1.8 1.1 3.9-10.9 3-5.1-17.4zm14.2-4l10.7-3 1.1 3.9-6.3 1.8.8 2.7 5.4-1.5 1.1 3.9-5.4 1.5.9 3.1 6.6-1.8 1.1 3.9-10.9 3-5.1-17.5z"/><use xlink:href="%23H"/><path d="M110.4 67.8l6.1-1.7c3.6-1 7.1-.5 8.3 3.9 1.2 4.3-1.5 7-4.9 7.9l-1.8.5 1.5 5.5-4.4 1.2-4.8-17.3zm8.3 6.6c1.7-.5 2.3-1.6 1.9-3.2s-1.6-1.9-3.2-1.4l-1.5.4 1.3 4.6 1.5-.4zm7.2-10.9l4.4-1.2 4.8 17.4-4.4 1.2-4.8-17.4z"/><use xlink:href="%23G" x="1" y="1.8"/><use xlink:href="%23H" x="55" y="-15.3"/></g><defs><path id="G" d="M132.9 59.4l4.5-1.2 5.8 6.7c.9 1 1.8 2.3 2.7 3.5h.1l-2.4-6.5-1.4-5 4.2-1.2 4.8 17.4-4.5 1.2-5.8-6.7c-.9-1-1.8-2.3-2.7-3.5h-.1l2.4 6.5 1.4 5-4.2 1.2-4.8-17.4z"/><path id="H" d="M99.3 87.2l1.5-3.6c1.5.7 3.2.8 4.5.4s1.8-1 1.5-1.8c-.2-.8-1.1-.9-2.7-1.1l-2.3-.3c-2-.3-4-1.4-4.7-3.9-.8-3 1-6.1 4.7-7.1 2-.6 4.2-.4 6.1.7l-1.5 3.6c-1.3-.5-2.6-.6-3.6-.3-1.1.3-1.6.9-1.4 1.7s1.3.9 2.9 1.1l2.2.3c2.3.3 3.9 1.5 4.6 3.9.8 2.9-.8 6.2-4.9 7.4-2.2.4-4.7.3-6.9-1z"/></defs></svg>');
    height: 27px;
    width: 34px
}

.c-generic-reward-bonuses__booster, .c-generic-reward-bonuses__freespins {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.c-generic-reward-bonuses__booster {
    background-image: url(../../../Content/images/build/assets/booster/booster-time.0a0036b.png);
    height: 26px;
    min-width: 30px;
    position: relative
}

.c-generic-reward-bonuses__booster--xp {
    background-image: url(../../../Content/images/build/assets/booster/booster-xp.3201a87.png)
}

.c-generic-reward-bonuses__booster--text {
    position: absolute;
    bottom: -1px;
    font-size: 9px;
    left: 5px;
    color: #fff
}

.c-generic-reward-bonuses--small .c-generic-reward-bonuses__booster--text {
    bottom: -3px;
    font-size: 7px;
    left: 7px
}

.c-header__grid {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 110;
    background-color: #0f0949;
    background-image: url(../../../Content/images/build/assets/header/header-1-bg.96bf0b7.png);
    background-position: 50%;
    background-size: cover;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: 100%;
    grid-template-columns:1fr;
    grid-auto-flow: column;
    -webkit-justify-content: end;
    justify-content: end;
    grid-gap: 8px;
    -webkit-align-items: center;
    align-items: center;
    height: 80px
}

@media (min-width: 48em) {
    .c-header__grid {
        grid-gap: 24px
    }
}

@media (min-width: 87.75em) {
    .c-header__grid {
        padding-left: calc(50% - 702px);
        padding-right: calc(50% - 702px)
    }
}

@media (min-width: 48em) {
    .has-open-game .c-header__grid {
        z-index: 130
    }
}

@media (min-width: 87.75em) {
    .has-open-game .c-header__grid {
        grid-template-columns:1fr -webkit-max-content 1fr;
        grid-template-columns:1fr max-content 1fr;
        padding-left: 8px;
        padding-right: 8px
    }

    .has-open-game .c-header__grid--no-splitscreen {
        grid-template-columns:1fr 1fr
    }
}

.has-open-game .is-not-athenticated .c-header__grid {
    -ms-grid-columns: max-content;
    grid-template-columns:-webkit-max-content;
    grid-template-columns:max-content;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c-header__subgrid {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -webkit-justify-content: end;
    justify-content: end;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    grid-gap: 8px;
    -ms-grid-row-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (min-width: 48em) {
    .c-header__subgrid {
        grid-gap: 24px
    }
}

@media (min-width: 87.75em) {
    .has-open-game .c-header__subgrid {
        grid-template-columns:-webkit-max-content;
        grid-template-columns:max-content;
        -webkit-justify-content: space-evenly;
        justify-content: space-evenly
    }
}

.has-fallback-fullscreen .c-header {
    display: none
}

.c-header__brand, .c-header__links, .c-header__nav, .c-header__search {
    pointer-events: auto;
    -webkit-flex: none;
    flex: none
}

.c-header__status {
    height: 66px;
    z-index: 1;
    cursor: pointer;
    margin: -50% 4px -50% 0
}

.c-header__inbox {
    position: relative
}

.c-header__inbox .c-btn, .c-header__inbox .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link, .c-header__inbox .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link, .c-header__inbox .c-payment button, .c-header__inbox [data-bind="click: acceptFreeSpins"], .c-header__inbox [data-bind="click: acknowledgeFreeSpinsResult"], .c-header__inbox [data-bind="click: rejectFreeSpins"], .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .c-header__inbox .evaluation-contact-link, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .c-header__inbox .evaluation-contact-link, .c-payment .c-header__inbox button {
    overflow: visible
}

.c-header__brand, .c-header__nav-primary {
    height: 50%
}

@media (min-width: 48em) {
    .c-header__brand, .c-header__nav-primary {
        height: 100%
    }
}

.c-header__brand {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.c-header__search {
    width: 60px;
    -webkit-order: 1;
    order: 1
}

@media (min-width: 48em) {
    .c-header__search {
        width: auto;
        -webkit-order: 2;
        order: 2
    }
}

.c-header__nav-primary {
    -webkit-order: 1;
    order: 1;
    margin-right: 2px;
    margin-left: auto;
    max-width: calc(100% - 62px)
}

@media (min-width: 48em) {
    .c-header__nav-primary {
        margin-right: 0;
        margin-left: 0
    }
}

.has-open-game .c-header__nav-primary {
    display: none
}

@media (min-width: 48em) {
    .c-header__search {
        -webkit-order: 2;
        order: 2;
        margin-left: 25px
    }
}

.has-open-game .c-header__search {
    margin-left: -11px
}

.c-header-main__bar {
    -webkit-align-items: center;
    align-items: center
}

@media (min-width: 64em) {
    .c-header-main__bar {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 16px auto;
        grid-template-columns:1fr auto;
        grid-gap: 16px;
        background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1));
        background-size: calc(100% - 16px) 1px;
        background-repeat: no-repeat;
        background-position: 8px 54px
    }
}

.c-header-main--vertical {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(212, 212, 255, .15);
    background-image: url(../../../Content/images/build/assets/header/header-3-bg.63bc5e2.jpg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: auto 100%
}

@media (min-width: 120em) {
    .c-header-main--vertical {
        background-size: cover
    }
}

.c-headline-glow {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 10px #5be6fe
}

@media (max-width: 63.99em) {
    .c-headline-glow--dark {
        text-shadow: 0 0 10px rgba(0, 0, 0, .65)
    }
}

@media (min-width: 48em) {
    .c-headline-glow {
        font-size: 38px;
        line-height: 40px
    }
}

.c-headline-mid {
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 4px
}

@media (min-width: 85.375em) {
    .c-headline-mid {
        font-size: 18px
    }
}

.c-headline-mid--vertical {
    -webkit-justify-content: center;
    justify-content: center;
    margin: 8px 0
}

.c-headline-mid__text {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .6px;
    margin: 0
}

@media (min-width: 64em) {
    .c-headline-mid__text {
        font-size: 28px
    }
}

.c-headline-mid__text--vertical {
    font-size: 36px
}

.c-headline-mid__button {
    z-index: 2;
    white-space: nowrap
}

.c-headline-section {
    font-size: 28px;
    letter-spacing: .6px;
    font-weight: 300;
    color: #fff
}

.c-headline-section__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.c-headline-section__learn-more {
    color: #fcd102;
    font-size: 16px
}

.c-headline-section__icon {
    padding-left: 20px
}

.c-headline-section__desc {
    padding-top: 45px
}

@media (min-width: 48em) {
    .c-history__nav {
        background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1));
        background-size: calc(100% - 24px) 1px;
        background-repeat: no-repeat;
        background-position: 12px 56px;
        -webkit-align-items: center;
        align-items: center
    }
}

@media (max-width: 47.99em) {
    .c-history__nav-tabs {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1)
    }
}

.c-history__nav-date {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.c-history__nav-date-title {
    display: block;
    padding: 0 20px
}

.c-history__nav-date-input {
    position: relative;
    width: 100%
}

.c-history__date-input {
    max-width: 250px;
    padding: 6px 12px;
    outline: 0;
    line-height: 1.42857143;
    border-radius: 5px;
    border: 1px solid #252525;
    background-color: #000;
    color: #fff;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.c-history__date-input:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ffe349
}

.c-history__date-picker {
    position: absolute;
    width: 250px;
    top: 100%;
    right: 0;
    z-index: 1
}

.c-icon-status {
    width: 66px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 50%
}

.c-icon-status--small {
    width: 40px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.c-icon-status--large {
    width: 100px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.has-fallback-fullscreen .c-icon-status {
    position: absolute;
    z-index: 1000;
    left: 8px;
    top: 8px
}

.c-icon-status__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #5be6fe
}

.c-icon-status__icon--bottom {
    position: absolute;
    bottom: 4px
}

.c-icon-status__icon--bottom-star {
    bottom: 23px
}

.c-icon-status__icon--bottom-leaderboard {
    bottom: 18px;
    left: 11px
}

.c-icon-status__icon--bottom-leaderboard-arrow {
    bottom: 12px;
    left: 32px
}

.c-icon-status__icon--bottom-user {
    bottom: 18px;
    left: 9px
}

.c-icon-status__icon--bottom-ribbon-star {
    left: -12px
}

.c-icon-status__icon--ribbon {
    position: absolute;
    top: 0
}

.c-icon-status__icon--booster {
    width: 34px;
    height: auto
}

.c-icon-status__icon--booster-text {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
    font-size: 11px;
    color: #fff
}

.c-icon-status__leaderboard {
    display: none
}

.c-icon-status__leaderboard--ingame, .has-open-game .c-icon-status__leaderboard {
    display: block
}

.c-icon-status__leaderboard.is-active {
    -webkit-filter: none;
    filter: none;
    cursor: pointer
}

.c-icon-status__caption {
    position: absolute;
    left: 22px;
    width: 34px;
    bottom: -1px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-shadow: none;
    z-index: 10
}

.c-icon-status__caption--center {
    left: 11px;
    bottom: 1px;
    width: 49px
}

.c-icon-status__caption--leaderboard {
    left: 17px;
    bottom: 1px;
    width: 36px;
    font-size: 11px;
    border-radius: 5px;
    background-color: #36389f;
    color: #fff
}

.c-icon-status__caption--no-shadow {
    text-shadow: none
}

.c-icon-status--spaced {
    margin-top: 8px
}

@supports (margin-left:constant(safe-area-inset-left)) {
    .c-icon-status--safe-area {
        margin-left: constant(safe-area-inset-left)
    }
}

@supports (margin-left:env(safe-area-inset-left)) {
    .c-icon-status--safe-area {
        margin-left: env(safe-area-inset-left)
    }
}

.c-icon {
    margin: -3px;
    height: 22px;
    color: #5be6fe
}

.c-icon--red-circle {
    width: 40px;
    background-color: #881015;
    color: #ffe349;
    border-radius: 50%;
    padding: 10px
}

.c-icon--challenges {
    width: 51px
}

.c-icon--leaderboard {
    width: 40px
}

.c-icon--question-mark {
    width: 32px
}

.c-icon--color-inherit {
    color: inherit
}

.c-icon--leaderboard-msg {
    color: #fff;
    width: 74px
}

.c-icon--leaderboard-unlocked {
    color: #fff;
    width: 160px;
    height: 165px
}

.c-icon--vip, .c-icon--vip-dashboard, .c-icon--vip-large {
    color: #000
}

.c-icon--vip-shop {
    width: 48px;
    color: #000
}

.c-icon--vip-shop-small {
    width: 18px;
    color: #000
}

.c-icon--info-coinpack {
    width: 24px
}

.c-icon--generic-reward {
    height: 27px;
    width: 34px
}

.c-generic-reward-bonuses--small .c-icon--generic-reward {
    height: 17px;
    width: 22px
}

.c-icon--race {
    min-width: 40px;
    height: 33px;
    margin: -3px 0 0
}

@media (min-width: 85.375em) {
    .c-icon--race {
        min-width: 45px;
        height: 38px
    }
}

.c-icon--coin {
    width: 26px
}

.c-icon--coin-32 {
    width: 32px
}

.c-icon--coinpack-offer {
    height: 18px;
    width: 18px
}

@media (min-width: 64em) {
    .c-icon--coinpack-offer {
        height: 30px;
        width: 30px
    }
}

.c-icon--light {
    color: #fff
}

.c-icon--flip {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-icon--arrow {
    width: 16px;
    height: 24px
}

.c-icon--arrow-increase {
    color: #059564
}

.c-icon--race-arrow {
    width: 14px;
    height: 100%;
    cursor: pointer
}

.c-icon--sg-social {
    height: 22px;
    width: 22px
}

@media (min-width: 85.375em) {
    .c-icon--sg-social {
        height: 30px;
        width: 30px
    }
}

.c-icon--info {
    height: 25px;
    width: 25px
}

.c-icon--cross-red {
    width: 38px;
    color: #f75a5a
}

.c-icon--check {
    height: 40px;
    width: 34px
}

.c-icon--crown {
    width: 27px
}

.c-icon--gift, .c-icon--gift-empty {
    height: 54px;
    width: 43px
}

.c-icon--gift-mystery {
    margin: -35px -15px
}

@media (min-width: 48em) {
    .c-icon--gift-mystery {
        margin-right: -20px;
        margin-left: -20px
    }
}

.c-icon--check-green {
    width: 38px;
    color: #39d188
}

.c-icon--letter {
    height: 25px;
    width: 25px
}

.c-icon--help {
    width: 24px;
    height: 24px
}

.c-icon--sidebar {
    width: 42px;
    height: 28px
}

.c-icon--promotions {
    padding-bottom: 2px
}

@media (min-width: 48em) {
    .c-icon--promotions {
        padding-bottom: 4px
    }
}

.c-icon--promotion-send {
    height: 40px;
    width: 40px
}

.c-icon--promotion-terms {
    height: 15px;
    width: 15px;
    display: inline-block
}

.c-icon--promotion-header {
    width: 10px;
    margin-right: 10px;
    display: inline-block;
    color: #fff
}

.c-icon--full {
    height: 100%;
    width: 100%
}

.c-icon--full-height {
    height: 100%
}

.c-icon--rating {
    color: transparent;
    stroke: #5be6fe;
    stroke-width: 1px
}

.c-icon--game-details-star {
    height: 44px;
    width: 44px
}

@media (min-width: 48em) {
    .c-icon--game-details-star {
        height: 29px;
        width: 29px
    }
}

.c-icon--level-ribbon {
    width: 49px;
    height: 22px
}

.c-icon--level-user {
    width: 35px;
    height: 36px
}

.c-icon--fullscreen {
    height: 40px
}

@media (min-width: 48em) {
    .c-icon--18-badge-login {
        position: absolute;
        top: 50%;
        right: 16px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.c-icon--18-badge-register {
    display: inline-block;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
    margin-top: -21px
}

.c-icon-expander {
    height: 11px;
    width: 16px
}

.c-icon--favourites svg {
    stroke: #5be6fe;
    fill: transparent;
    stroke-width: 3px;
    width: 24px
}

.c-icon--10 {
    height: 10px
}

.c-icon--12 {
    height: 12px;
    width: 12px
}

.c-icon--13 {
    height: 13px
}

.c-icon--16 {
    height: 16px
}

.c-icon--18 {
    height: 18px
}

.c-icon--20 {
    height: 20px
}

.c-icon--23 {
    width: 23px;
    height: 23px
}

.c-icon--24 {
    height: 24px
}

@media (min-width: 64em) {
    .c-icon--24\@md\+ {
        height: 24px
    }
}

.c-icon--26 {
    height: 26px
}

.c-icon--28 {
    height: 28px
}

@media (min-width: 48em) {
    .c-icon--28\@sm\+ {
        height: 28px
    }
}

.c-icon--32 {
    height: 32px
}

.c-icon--36 {
    height: 36px
}

.c-icon--38 {
    height: 38px
}

.c-icon--40 {
    height: 40px
}

@media (min-width: 48em) {
    .c-icon--40\@sm\+ {
        height: 40px
    }
}

@media (min-width: 64em) {
    .c-icon--40\@md\+ {
        height: 40px
    }
}

.c-icon--42 {
    height: 42px
}

.c-icon--44 {
    height: 44px
}

.c-icon--48 {
    height: 48px
}

@media (min-width: 64em) {
    .c-icon--48\@sm\+ {
        height: 48px
    }
}

.c-icon--50 {
    height: 50px
}

@media (min-width: 48em) {
    .c-icon--50\@sm\+ {
        height: 50px
    }
}

.c-icon--56 {
    height: 56px
}

@media (min-width: 48em) {
    .c-icon--56\@sm\+ {
        height: 56px
    }
}

.c-icon--60 {
    height: 60px
}

@media (min-width: 48em) {
    .c-icon--60\@sm\+ {
        height: 60px
    }
}

@media (min-width: 64em) {
    .c-icon--60\@md\+ {
        height: 60px
    }
}

.c-icon--70 {
    height: 70px
}

@media (min-width: 64em) {
    .c-icon--70\@md\+ {
        height: 70px
    }
}

.c-icon--80 {
    height: 80px;
    width: 80px
}

@media (min-width: 48em) {
    .c-icon--80\@sm\+ {
        height: 80px;
        width: 80px
    }
}

.c-icon--120 {
    height: 120px;
    width: 120px
}

@media (min-width: 48em) {
    .c-icon--120\@sm\+ {
        height: 120px;
        width: 120px
    }
}

@media (min-width: 64em) {
    .c-icon--120\@md\+ {
        height: 120px;
        width: 120px
    }
}

@media (min-width: 48em) {
    .c-icon--140\@sm\+ {
        height: 140px;
        width: 140px
    }
}

@media (min-width: 64em) {
    .c-icon--144\@md\+ {
        height: 144px;
        width: auto
    }
}

.c-icon--button {
    margin: -2px auto;
    color: #000
}

.c-icon--no-margin {
    margin: 0
}

.c-invite-friends {
    overflow: hidden
}

.c-invite-friends__icon {
    cursor: pointer;
    display: inline-block
}

.c-invite-friends__img {
    position: relative;
    height: 312px;
    background-image: url(../../../Content/images/build/assets/dashboard/invite-friends_bg.d4335eb.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px
}

.c-invite-friends__text {
    text-shadow: rgba(255, 42, 0, .4) -.1px 0 10px, rgba(255, 42, 0, .4) 0 -.1px 10px, rgba(255, 42, 0, .4) .1px 0 10px, rgba(255, 42, 0, .4) 0 .1px 10px, rgba(255, 42, 0, .4) -.1px -.1px 10px, rgba(255, 42, 0, .4) .1px .1px 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: inherit;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    color: #fff
}

.c-invite-friends__status-title {
    cursor: pointer;
    font-weight: 600;
    color: #5be6fe
}

.c-invite-friends__bonus-img {
    width: 100%
}

.c-invite-friends__bonus-img-wrapper {
    position: relative
}

.c-invite-friends__bonus-amount, .c-invite-friends__bonus-title {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: 900;
    font-size: 24px;
    color: #fefe6c
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-invite-friends__bonus-amount, .c-invite-friends__bonus-title {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: .4px #fefe6c
    }
}

.c-invite-friends__bonus-title {
    padding-left: 15%;
    padding-right: 15%;
    top: 22%
}

@media (min-width: 48em) {
    .c-invite-friends__bonus-title {
        font-size: 28px
    }
}

.c-invite-friends__bonus-amount {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: 25%;
    padding-right: 25%;
    bottom: 20%
}

@media (min-width: 48em) {
    .c-invite-friends__bonus-amount {
        font-size: 30px
    }
}

.c-invite-friends__icon {
    color: #5be6fe
}

.c-invite-friends__list ul {
    margin-left: 24px;
    padding-left: 24px !important;
    list-style-type: square
}

.c-invite-friends__form {
    display: grid;
    grid-template-columns:auto;
    grid-auto-columns: 48px
}

.c-invite-friends__form .c-form-item__container {
    grid-column: 1/2
}

.c-invite-friends__form-icon {
    grid-column: 2/3
}

.c-invite-friends__email-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.c-jackpot-box {
    border: 1px solid rgba(91, 230, 254, .6);
    height: 100%;
    border-radius: 8px;
    box-shadow: 0 0 11px 1.5px rgba(89, 147, 247, .77)
}

.c-jackpot-box__header {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.c-jackpot-box__header-wrapper {
    display: -webkit-flex;
    display: flex;
    height: 66px;
    background-image: url(../../../Content/images/build/assets/modal/modal_header-bg.c510c1d.jpg);
    background-size: cover;
    border-radius: 8px 8px 0 0;
    background-repeat: no-repeat
}

@media (min-width: 48em) {
    .c-jackpot-box__header-wrapper {
        font-size: 1px
    }
}

.c-jackpot-box__title {
    display: -webkit-flex;
    display: flex;
    word-break: break-word;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 8px;
    line-height: 32px
}

.c-jackpot-box__icon {
    padding-right: 8px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

@media (min-width: 64em) {
    .c-jackpot-box__button {
        margin-left: 8px
    }
}

.c-jackpot-box__description {
    padding: 16px 16px 8px
}

.c-jackpot-box__games {
    padding: 8px
}

@media (pointer: fine) {
    .c-jackpot-box__games {
        padding: 8px 16px
    }
}

@media (min--moz-device-pixel-ratio: 0) and (min-width: 1024px),(pointer: fine) and (min-width: 1024px) {
    .c-jackpot-box__grid {
        grid-template-columns:repeat(3, 1fr)
    }
}

.c-jackpot-box__button {
    padding: 0 24px 16px
}

.c-jackpot-game {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 60%;
    box-shadow: 0 -4px 5px -2px rgba(255, 198, 0, .75);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: url(../../../Content/images/build/assets/game/game-jackpot-background.0b0ba4f.png) top no-repeat;
    background-size: cover;
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
    text-align: center;
    padding: 6px 0 4px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 12px #ff2a00, 0 0 12px #ff2a00, 0 0 12px #ff2a00, 0 0 12px #ff2a00
}

.c-jackpot-game:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    z-index: -1;
    height: 26px;
    background-color: rgba(255, 198, 0, .7)
}

@media (min-width: 64em) {
    .c-jackpot-game:before {
        background-image: url(../../../Content/images/build/assets/game/game-jackpot-dots.3028cf9.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 95%
    }
}

.c-game--promo .c-jackpot-game {
    height: 20%;
    top: -3px;
    background: url(../../../Content/images/build/assets/game/jackpot-plate-curved.4493596.png) top/95% no-repeat;
    box-shadow: none;
    border-radius: none
}

@media (min-width: 48em) {
    .c-game--promo .c-jackpot-game {
        padding-top: 5%;
        padding-bottom: 5%
    }
}

.c-game--promo .c-jackpot-game:before {
    background-color: transparent;
    background-image: none
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .game:hover .c-jackpot-game {
        display: none
    }
}

.c-latest-winners__wrapper {
    position: relative;
    background-image: linear-gradient(0deg, #567ddb 0, #4d58d1 11%, #4853c9 50%, #404bbd 94%, #4d58d1 98%, #5f81e9);
    margin-top: 32px
}

.c-latest-winners__container {
    height: 76px
}

.c-latest-winners__arrow {
    padding-right: 30px
}

.c-latest-winners__title {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    background: linear-gradient(270deg, #202a82, rgba(0, 0, 0, .01) 99%);
    padding-right: 24px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 9.4px #356ecf;
    text-transform: uppercase
}

.c-latest-winners__title:after {
    left: 100%;
    top: 50%;
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    border-left-color: #202a82;
    border-width: 40px 0 40px 14px;
    margin-top: -40px
}

.c-latest-winners__list {
    position: relative;
    overflow: hidden;
    list-style: none;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 36px, #000 calc(100% - 36px), transparent);
    mask-image: linear-gradient(90deg, transparent 0, #000 36px, #000 calc(100% - 36px), transparent)
}

@-webkit-keyframes autoSlider {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-2336px, 0, 0);
        transform: translate3d(-2336px, 0, 0)
    }
}

@keyframes autoSlider {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-2336px, 0, 0);
        transform: translate3d(-2336px, 0, 0)
    }
}

.c-latest-winners__list-item {
    -webkit-animation: autoSlider 18s infinite forwards linear;
    animation: autoSlider 18s infinite forwards linear;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-latest-winners__list:hover .c-latest-winners__list-item {
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }
}

.c-latest-winners__item {
    width: 304px;
    -webkit-align-items: center;
    align-items: center
}

.c-latest-winners__image {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #567ddb;
    margin-top: -6px;
    margin-bottom: -6px;
    box-shadow: 0 4px 8px 0 #190c4e
}

.c-latest-winners__caption {
    font-size: 13px
}

.c-language-selection {
    padding: 10px
}

.c-race-game-sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    font-size: 12px;
    word-break: break-word
}

@media screen and (orientation: landscape) and (max-width: 896px) {
    .c-race-game-sidebar {
        top: 48px
    }
}

@media (min-width: 64em) {
    .c-race-game-sidebar {
        top: 0;
        width: 90px
    }
}

.is-splitscreen .c-race-game-sidebar {
    top: 0
}

@supports (padding-left:constant(safe-area-inset-left)) {
    .c-race-game-sidebar {
        --safe-area-inset-left: constant(safe-area-inset-left);
        margin-left: var(--safe-area-inset-left)
    }
}

@supports (padding-left:env(safe-area-inset-left)) {
    .c-race-game-sidebar {
        --safe-area-inset-left: env(safe-area-inset-left);
        margin-left: var(--safe-area-inset-left)
    }
}

.c-race-game-sidebar--open {
    width: 144px;
    font-size: 16px;
    word-break: normal
}

@media (min-width: 64em) {
    .c-race-game-sidebar--open {
        width: 200px
    }
}

.c-race-game-sidebar__container {
    height: 100%;
    width: 100%;
    border: 1px solid #353535;
    background-size: 100% 200px, 100%;
    background-repeat: no-repeat
}

@media (max-width: 63.99em) {
    .c-race-game-sidebar__container {
        font-size: 12px
    }
}

.c-race-game-sidebar--timed {
    background-image: linear-gradient(180deg, rgba(62, 97, 206, .4), rgba(58, 91, 193, 0)), linear-gradient(#000, #000)
}

.c-race-game-sidebar--daily {
    background-image: linear-gradient(180deg, rgba(136, 71, 208, .4), rgba(50, 19, 97, 0)), linear-gradient(#000, #000)
}

.c-race-game-sidebar--weekly {
    background-image: linear-gradient(180deg, rgba(60, 212, 144, .4), rgba(60, 212, 144, 0)), linear-gradient(#000, #000)
}

.c-race-game-sidebar--special {
    background-image: linear-gradient(180deg, rgba(237, 51, 74, .4), rgba(255, 46, 59, 0)), linear-gradient(#000, #000)
}

.c-race-game-sidebar__header {
    -webkit-align-items: center;
    align-items: center;
    min-height: 50px;
    font-size: 12px;
    line-height: 14px
}

@media (min-width: 64em) {
    .c-race-game-sidebar__header {
        min-height: 56px;
        font-size: 16px;
        line-height: 18px
    }
}

.c-race-game-sidebar__trophy {
    width: 32px;
    height: 28px;
    margin: 0 auto
}

@media (min-width: 64em) {
    .c-race-game-sidebar__trophy {
        width: 44px;
        height: 38px
    }
}

.c-race-game-sidebar .c-race-game-sidebar--warning {
    background-color: hsla(0, 100%, 75%, .2);
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #ff8080
}

.c-race-game-sidebar .c-race-game-sidebar--warning + div {
    border-color: transparent
}

.c-race-game-sidebar--warning-text {
    color: #ff8080
}

.c-race-game-sidebar__minbet {
    color: #ff8080;
    font-weight: 700
}

.c-race-game-sidebar--open .c-race-game-sidebar__minbet {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.c-race-game-sidebar__toggle {
    position: absolute;
    top: 0;
    right: -31px;
    height: 52px;
    background-color: rgba(0, 0, 0, .6);
    background-clip: padding-box;
    border: 1px solid #353535;
    border-radius: 0 8px 8px 0;
    font-weight: 700;
    cursor: pointer
}

@media (min-width: 64em) {
    .c-race-game-sidebar__toggle {
        height: 58px
    }
}

.c-race-game-sidebar__toggle-icon {
    cursor: inherit;
    color: #5be6fe;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.c-race-game-sidebar__toggle:hover .c-race-game-sidebar__toggle-icon {
    color: #fff
}

.c-race-game-sidebar--open .c-race-game-sidebar__toggle-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-race-game-sidebar__swiper {
    height: calc(100% - 56px);
    overflow-y: hidden;
    overflow-x: hidden;
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:32px;
    -webkit-align-items: start;
    align-items: start;
    justify-items: center;
    margin: 0;
    padding: 0;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

@media (min-width: 64em) {
    .c-race-game-sidebar__swiper {
        max-height: calc(100% - 56px);
        grid-template-rows:48px
    }

    .c-race-game-sidebar--open .c-race-game-sidebar__swiper {
        grid-template-columns:1fr auto 1fr
    }
}

.c-race-game-sidebar__swiper .swiper-wrapper {
    grid-column: 1/4;
    -webkit-order: 3;
    order: 3;
    min-height: 100%
}

.c-race-game-sidebar__slide-item {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.c-race-game-sidebar__slide-item > * {
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

.c-race-game-sidebar__pagination {
    border-left: 1px solid hsla(0, 0%, 100%, .2)
}

.c-race-game-sidebar__arrow {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer
}

.c-race-game-sidebar__arrow[disabled] {
    cursor: auto
}

.c-race-game-sidebar__arrow[disabled] svg {
    color: grey
}

.c-race-game-sidebar__arrow-next {
    border-left: 1px solid hsla(0, 0%, 100%, .2)
}

.c-race-game-sidebar__arrow-prev {
    -webkit-order: -1;
    order: -1
}

.c-race-game-sidebar__countdown {
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 16px;
    text-align: center;
    font-weight: 700
}

.c-race-game-sidebar__countdown--time {
    color: #37c086
}

.c-race-game-sidebar__countdown--increased {
    height: 36px
}

.c-race-game-sidebar--open .c-race-game-sidebar__countdown {
    height: 48px
}

@media (min-width: 64em) {
    .c-race-game-sidebar--open .c-race-game-sidebar__countdown {
        height: 64px
    }
}

@media (min-width: 64em) {
    .c-header-ingame + .c-race-game-sidebar {
        top: 56px
    }
}

.c-race-scores-list-item {
    color: #fff;
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    height: 54px
}

@media (min-width: 64em) {
    .c-race-game-sidebar--open .c-race-scores-list-item {
        height: 65px
    }
}

.c-race-scores-list-item:first-child {
    border-top: none
}

.c-race-scores-list-item--current, .c-race-scores-list-item--current + div {
    border-color: transparent
}

.c-race-game-sidebar--timed .c-race-scores-list-item--current {
    box-shadow: inset 0 0 0 1px #5061d9;
    background-image: linear-gradient(180deg, #272678, #3b4cbf)
}

.c-race-game-sidebar--daily .c-race-scores-list-item--current {
    box-shadow: inset 0 0 0 1px #8946d2;
    background-image: linear-gradient(180deg, #311260, #50207c)
}

.c-race-game-sidebar--weekly .c-race-scores-list-item--current {
    box-shadow: inset 0 0 0 1px #46bc99;
    background-image: linear-gradient(180deg, #115641, #1d8768)
}

.c-race-game-sidebar--special .c-race-scores-list-item--current {
    box-shadow: inset 0 0 0 1px #be4d7e;
    background-image: linear-gradient(180deg, #4a1621, #952d5c)
}

.c-race-scores-list-item__separator + div {
    border-top: none
}

.c-race-scores-list-item__separator:before {
    content: "";
    display: block;
    height: 8px;
    background-image: url(../../../Content/images/build/assets/leaderboard/divider.10f0626.png), url(../../../Content/images/build/assets/leaderboard/divider.10f0626.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: 0 0, left 4px;
    background-size: auto;
    opacity: .4
}

.c-race-scores-list-item__rank {
    -webkit-align-self: center;
    align-self: center;
    justify-self: center;
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

.c-race-game-sidebar--open .c-race-scores-list-item__rank {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.c-race-scores-list-item__rank--bronze, .c-race-scores-list-item__rank--gold, .c-race-scores-list-item__rank--silver {
    height: 37px;
    width: 32px;
    background-color: transparent;
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    font-size: 0;
    border: none
}

.c-race-game-sidebar--open .c-race-scores-list-item__rank--bronze, .c-race-game-sidebar--open .c-race-scores-list-item__rank--gold, .c-race-game-sidebar--open .c-race-scores-list-item__rank--silver {
    background-size: 100%
}

@media (min-width: 64em) {
    .c-race-game-sidebar--open .c-race-scores-list-item__rank--bronze, .c-race-game-sidebar--open .c-race-scores-list-item__rank--gold, .c-race-game-sidebar--open .c-race-scores-list-item__rank--silver {
        height: 48px;
        width: 48px;
        background-size: auto 100%
    }
}

.c-race-scores-list-item__rank--default {
    width: 32px
}

@media (min-width: 64em) {
    .c-race-scores-list-item__rank--default {
        width: 60px
    }
}

.c-race-scores-list-item__rank--bronze {
    background-image: url(../../../Content/images/build/assets/leaderboard/rank-bronze.6650d35.png)
}

.c-race-scores-list-item__rank--silver {
    background-image: url(../../../Content/images/build/assets/leaderboard/rank-silver.23a2793.png)
}

.c-race-scores-list-item__rank--gold {
    background-image: url(../../../Content/images/build/assets/leaderboard/rank-gold.054b949.png)
}

.c-race-scores-list-item__diamond {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-align-self: center;
    align-self: center;
    margin-left: 10px;
    height: 17px;
    width: 16px;
    background-size: auto 100%;
    background-repeat: no-repeat
}

@media (min-width: 64em) {
    .c-race-scores-list-item__diamond {
        height: 22px;
        width: 23px
    }
}

.c-race-scores-list-item__diamond--timed {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-timed.f862d1b.png)
}

.c-race-scores-list-item__diamond--daily {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-daily.a4b62b9.png)
}

.c-race-scores-list-item__diamond--weekly {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-weekly.533976a.png)
}

.c-race-scores-list-item__diamond--special {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-special.e72e8ac.png)
}

.c-race-scores-list-item__text {
    display: none
}

.c-race-game-sidebar--open .c-race-scores-list-item__text {
    display: block;
    margin-left: 8px
}

.c-race-scores-list-item__score {
    font-size: 14px
}

@media (min-width: 64em) {
    .c-race-scores-list-item__score {
        font-size: 20px
    }
}

.c-race-scores-list {
    width: 100%
}

.c-race-scores-list--dialog {
    grid-gap: 8px;
    font-weight: 700
}

.c-leaderboard {
    position: relative;
    overflow: hidden
}

.c-leaderboard--daily:before, .c-leaderboard--special:before, .c-leaderboard--timed:before, .c-leaderboard--weekly:before {
    position: absolute;
    z-index: 10;
    content: "";
    height: 100%;
    width: 100%
}

.c-leaderboard--timed:before {
    background: linear-gradient(180deg, rgba(62, 97, 206, .4), #0c0a2a 500px)
}

@media (min-width: 48em) {
    .c-leaderboard--timed:before {
        background: linear-gradient(180deg, rgba(62, 97, 206, .4), #0c0a2a 240px)
    }
}

.c-leaderboard--daily:before {
    background: linear-gradient(180deg, rgba(136, 71, 208, .4), #0c0a2a 500px)
}

@media (min-width: 48em) {
    .c-leaderboard--daily:before {
        background: linear-gradient(180deg, rgba(136, 71, 208, .4), #0c0a2a 240px)
    }
}

.c-leaderboard--weekly:before {
    background: linear-gradient(180deg, rgba(60, 212, 144, .4), #0c0a2a 500px)
}

@media (min-width: 48em) {
    .c-leaderboard--weekly:before {
        background: linear-gradient(180deg, rgba(60, 212, 144, .4), #0c0a2a 240px)
    }
}

.c-leaderboard--special:before {
    background: linear-gradient(180deg, rgba(237, 51, 74, .4), #0c0a2a 500px)
}

@media (min-width: 48em) {
    .c-leaderboard--special:before {
        background: linear-gradient(180deg, rgba(237, 51, 74, .4), #0c0a2a 240px)
    }
}

.c-leaderboard__teaser-timer {
    background-color: #0c0927;
    border: 2px solid #3cd490;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    text-shadow: 0 0 8.3px #4c76c5
}

.c-leaderboard__teaser-countdown {
    color: #3cd490
}

.c-leaderboard__info {
    width: 100%;
    background: rgba(0, 0, 0, .3);
    text-align: center
}

.c-leaderboard__info-item {
    text-transform: uppercase;
    padding: 0 8px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .65);
    border-left: 1px solid hsla(0, 0%, 100%, .2)
}

.c-leaderboard__info-item:first-child {
    border: none
}

.c-leaderboard__header {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

.c-leaderboard__header--info {
    min-height: 190px
}

.c-leaderboard__header-img {
    position: absolute;
    z-index: 5;
    opacity: .6;
    width: 100%;
    height: 302px
}

.c-leaderboard__title {
    font-size: 30px;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .65);
    text-transform: uppercase
}

.c-leaderboard__title-icon--daily, .c-leaderboard__title-icon--special, .c-leaderboard__title-icon--timed, .c-leaderboard__title-icon--weekly {
    width: 52px;
    height: 52px
}

.c-leaderboard__title-icon--timed {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-timed-glow.77a3b62.png)
}

.c-leaderboard__title-icon--daily {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-daily-glow.48501c1.png)
}

.c-leaderboard__title-icon--weekly {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-weekly-glow.09cad7f.png)
}

.c-leaderboard__title-icon--special {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-special-glow.62d4d55.png)
}

@media (min-width: 64em) {
    .c-leaderboard__rules {
        position: absolute;
        right: 0;
        top: 0;
        height: 50px
    }
}

.c-leaderboard__race-view {
    position: relative;
    z-index: 50
}

.c-leaderboard__race-view .swiper-container {
    pointer-events: none
}

.c-leaderboard__race-view .swiper-container > * {
    pointer-events: auto
}

.c-leaderboard-list {
    margin: -8px
}

.c-leaderboard-list__item {
    position: relative;
    margin: 8px;
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 8px
}

.c-leaderboard-list__item--header {
    cursor: pointer;
    -webkit-align-self: start;
    align-self: start
}

@media (min-width: 48em) {
    .c-leaderboard-list__item--locked {
        min-height: 312px
    }
}

.c-leaderboard-list__tabs {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.c-leaderboard-list__tabs :first-child {
    margin-right: -1px;
    border-radius: 8px 0 0 8px
}

.c-leaderboard-list__tabs :last-child {
    border-radius: 0 8px 8px 0
}

.c-leaderboard-list__tab {
    color: #5be6fe;
    font-size: 16px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    height: 40px;
    min-height: 40px
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-leaderboard-list__tab:hover {
        color: #fff;
        border: 1px solid hsla(0, 0%, 100%, .2)
    }
}

.c-leaderboard-list__tab.is-active {
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .2)
}

.c-leaderboard-list__title {
    padding-right: 8px
}

.c-leaderboard-list__time {
    color: #37c086
}

@media (min-width: 48em) {
    .c-leaderboard-list__start {
        padding-left: 8px;
        border-left: 1px solid hsla(0, 0%, 100%, .2);
        text-shadow: 0 0 10px #c659ed
    }
}

.c-leaderboard-list__ranks {
    padding: 4px 8px 0
}

.c-leaderboard-list__copy {
    padding-top: 8px
}

.c-leaderboard-list__collapse {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto
}

@media (max-width: 47.99em) {
    .c-leaderboard-list__collapse {
        margin-top: -2px
    }
}

.c-leaderboard-list__lock {
    background-image: url(../../../Content/images/build/assets/leaderboard/lock.0b23762.png);
    width: 17px;
    height: 24px
}

.c-levels {
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.c-levels .swiper-container {
    margin: 0;
    padding: 0
}

@media (min-width: 48em) {
    .c-levels .swiper-container {
        overflow: hidden
    }
}

@media (max-width: 47.99em) {
    .c-levels {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}

@media (min-width: 48em) {
    .c-levels {
        display: -webkit-flex;
        display: flex
    }
}

.c-levels__wrapper {
    position: relative
}

@media (max-width: 47.99em) {
    .c-levels__wrapper {
        margin: 0 -8px
    }
}

@media (min-width: 48em) {
    .c-levels__wrapper--left-shadow:before {
        left: 160px;
        background: linear-gradient(270deg, rgba(5, 2, 37, 0), rgba(5, 2, 37, .9))
    }
}

@media (min-width: 48em) {
    .c-levels__wrapper--left-shadow:before, .c-levels__wrapper--right-shadow:after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        width: 145px;
        height: 100%;
        pointer-events: none
    }

    .c-levels__wrapper--right-shadow:after {
        right: 0;
        background: linear-gradient(90deg, rgba(5, 2, 37, 0), rgba(5, 2, 37, .9))
    }
}

.c-levels__legend {
    display: -webkit-flex;
    display: flex;
    z-index: 2
}

@media (min-width: 48em) {
    .c-levels__legend {
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-flex: 0 0 160px;
        flex: 0 0 160px
    }
}

.c-levels__legend-wrapper {
    display: -webkit-flex;
    display: flex;
    width: 100%
}

@media (min-width: 48em) {
    .c-levels__legend-wrapper {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: normal;
        justify-content: normal;
        max-width: 160px;
        padding-bottom: 16px
    }
}

@media (max-width: 47.99em) {
    .c-levels__legend-wrapper {
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .c-levels__legend-wrapper--vip {
        min-width: 500px
    }
}

.c-levels__legend-item {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 1 0 50px;
    flex: 1 0 50px
}

@media (min-width: 48em) {
    .c-levels__legend-item {
        -webkit-justify-content: normal;
        justify-content: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        width: auto
    }
}

.c-levels__legend-item--placeholder {
    -webkit-flex: 0 0 76px;
    flex: 0 0 76px
}

@media (min-width: 48em) {
    .c-levels__legend-item--placeholder {
        display: none
    }
}

.c-levels__legend-badge {
    height: 52px;
    min-width: 52px
}

.c-levels__legend-text {
    width: 100%
}

@media (min-width: 48em) {
    .c-levels__legend-text {
        padding-left: 8px;
        text-align: left
    }
}

.c-levels__progress-bar {
    display: none
}

@media (min-width: 48em) {
    .c-levels__progress-bar {
        position: relative;
        display: block;
        width: 100%
    }
}

.c-levels__progress-bar-item {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #3534a2;
    border-radius: 50%
}

.c-levels__progress-bar-item:after {
    content: "";
    position: absolute;
    height: 8px;
    background-color: #3534a2;
    width: calc(100% + 2px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: -1
}

.c-levels__progress-bar-item.is-active:after {
    content: none
}

.c-levels__progress-bar-item--lastLevel:after {
    content: "";
    width: calc(50% + 1px)
}

.c-levels__progress-bar-item--fill.is-active {
    position: absolute;
    height: 8px;
    background-color: #3534a2;
    top: 50%;
    left: calc(50% + 10px);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: linear-gradient(90deg, #4c76c5 1%, #39d188 99%);
    box-shadow: inset 1 0 5px 0 hsla(0, 0%, 100%, .5);
    z-index: 2
}

.c-levels__progress-bar-item--fill.is-active.is-prev {
    background-image: none;
    background-color: #4c76c5
}

.c-levels__progress-bar-item.is-active {
    background-color: #4c76c5;
    border: 1px solid #1d1b70
}

.c-levels__progress-bar-item.is-active:before {
    content: "";
    position: absolute;
    width: calc(100% + -18px);
    top: 50%;
    z-index: 1;
    left: 19px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    height: 10px;
    background-color: #180c4c;
    border-bottom: 1px solid #1d1b70;
    border-top: 1px solid #1d1b70
}

.c-levels__progress-bar-item--lastActiveLevel.is-active:before {
    content: none
}

.c-levels__progress-bar-item.is-next {
    background-color: #180c4c;
    border: 1px solid #1d1b70
}

@media (min-width: 48em) {
    .c-levels__level-wrapper {
        position: relative;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        width: calc(100% - 160px)
    }
}

.c-levels__level-wrapper .swiper-button-next, .c-levels__level-wrapper .swiper-button-prev {
    display: block;
    z-index: 3
}

.c-levels__level {
    text-align: center;
    width: 100%;
    min-width: 320px
}

@media (min-width: 48em) {
    .c-levels__level {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        min-width: 0
    }
}

@media (max-width: 47.99em) {
    .c-levels__level--vip {
        min-width: 500px
    }
}

.c-levels__level-item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    transition-duration: 0s
}

.c-levels__level-item.swiper-slide-visible {
    transition-delay: .15s;
    transition-duration: .2s
}

@media (max-width: 47.99em) {
    .c-levels__level-item {
        position: relative;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media (min-width: 48em) {
    .c-levels__level-item {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        border-top: 1px solid transparent
    }

    .c-levels__level-item--vip {
        border: 1px solid transparent
    }
}

.c-levels__level-item--active {
    background-color: rgba(125, 167, 217, .1);
    border-top: 1px solid #5be6fe;
    border-bottom: 1px solid #5be6fe;
    box-shadow: inset .5px .9px 15.2px .8px rgba(156, 229, 255, .6)
}

@media (min-width: 48em) {
    .c-levels__level-item--active {
        border: 1px solid #5be6fe;
        border-radius: 8px;
        box-shadow: inset .5px .9px 32.6px 2.5px rgba(89, 147, 247, .77)
    }
}

@media (max-width: 47.99em) {
    .c-levels__level-item--active.c-levels__level-item {
        position: relative;
        padding-top: 24px
    }
}

.c-levels__level-title {
    text-transform: uppercase
}

@media (min-width: 48em) {
    .c-levels__level-title {
        height: 44px
    }
}

@media (max-width: 47.99em) {
    .c-levels__level-title--vip {
        position: absolute;
        top: 5px
    }
}

.c-levels__level-amount {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 10px;
    min-width: 85px;
    background-color: #3534a2;
    box-shadow: inset 0 0 10px 0 #00acee;
    border: 0 solid #fff;
    border-radius: 6px;
    width: 100%
}

@media (min-width: 48em) {
    .c-levels__level-amount {
        margin-bottom: 28px;
        min-width: 0
    }
}

.c-levels__level-amount--increase {
    display: inline-block;
    padding-left: 10px
}

.c-levels__level-header {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 80px
}

@media (min-width: 48em) {
    .c-levels__level-header {
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        height: 116px;
        max-width: none;
        width: 100%
    }
}

.c-levels__level-star {
    position: relative
}

.c-levels__level-star-icon {
    margin: 0 auto;
    height: 48px;
    width: 56px
}

.c-levels__level-vip {
    position: relative
}

.c-levels__level-vip-icon {
    height: 54px;
    width: 66px;
    color: #000
}

@media (min-width: 48em) {
    .c-levels__level-vip-icon {
        margin: 0 auto
    }
}

.c-levels__level-number {
    position: absolute;
    bottom: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    font-weight: 600;
    text-shadow: -.7px -.7px 2px #0f3a8c;
    color: #fff
}

@media (min-width: 48em) {
    .c-levels__level-number {
        bottom: 8px
    }
}

.c-levels__level-number--current {
    bottom: 3px
}

.c-levels__help {
    border-radius: 8px
}

@media (max-width: 47.99em) {
    .c-levels__help {
        position: relative;
        max-width: 800px;
        width: 200%;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch
    }
}

.c-levels__help-container {
    overflow-x: auto
}

.c-levels__help-wrapper {
    position: absolute;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    min-height: 33.33%
}

@media (min-width: 48em) {
    .c-levels__help-wrapper {
        -webkit-justify-content: space-around;
        justify-content: space-around
    }
}

@media (min-width: 48em) {
    .c-levels__help-img {
        width: 100%
    }
}

.c-levels__help-item {
    padding: 0 12px;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-shadow: rgba(59, 193, 255, .4) -.1px 0 10px, rgba(59, 193, 255, .4) 0 -.1px 10px, rgba(59, 193, 255, .4) .1px 0 10px, rgba(59, 193, 255, .4) 0 .1px 10px, rgba(59, 193, 255, .4) -.1px -.1px 10px, rgba(59, 193, 255, .4) .1px .1px 10px
}

@media (max-width: 47.99em) {
    .c-levels__help-item {
        -webkit-flex: none;
        flex: none
    }
}

.c-levels__level-amount {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.c-link {
    cursor: pointer;
    color: #5be6fe;
    font-weight: 600;
    text-decoration: none
}

.c-link:active, .c-link:focus {
    color: #fff
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-link:hover {
        color: #fff
    }
}

.c-link-glow {
    color: #fff;
    text-shadow: hsla(0, 0%, 100%, .7) 0 0 10px;
    text-transform: uppercase;
    transition: all .2s ease-out;
    font-weight: 700
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-link-glow:hover {
        text-shadow: none
    }

    .c-link-glow:hover .c-link-glow__icon {
        color: #fff
    }
}

.c-link-glow.is-active {
    text-shadow: none
}

.c-link-glow.is-active .c-link-glow__icon {
    color: #fff
}

@media (min-width: 48em) {
    .c-link-glow {
        font-size: 20px
    }

    .c-link-glow--sm {
        font-size: 16px
    }
}

.c-link-glow--blue {
    text-shadow: rgba(59, 193, 255, .4) -.1px 0 10px, rgba(59, 193, 255, .4) 0 -.1px 10px, rgba(59, 193, 255, .4) .1px 0 10px, rgba(59, 193, 255, .4) 0 .1px 10px, rgba(59, 193, 255, .4) -.1px -.1px 10px, rgba(59, 193, 255, .4) .1px .1px 10px
}

.c-linked-jackpots {
    position: relative;
    padding-top: 24%;
    padding-bottom: 8px
}

@media (min-width: 48em) {
    .c-linked-jackpots {
        padding-top: 0;
        padding-bottom: 16px
    }
}

.c-linked-jackpots:after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(50% - 50vw);
    left: calc(50% - 50vw);
    z-index: -1;
    min-width: 100%;
    height: 100%;
    background-size: 180% auto, cover;
    background-repeat: no-repeat;
    background-position: top, 50%
}

@media (min-width: 48em) {
    .c-linked-jackpots:after {
        background-position: calc(-20vw + 50%) 0, 50% 0;
        background-size: 100% auto, cover
    }
}

@media (min-width: 90em) {
    .c-linked-jackpots:after {
        background-position: calc(50% - 230px) 0, 50% 0;
        background-size: 1152px auto, cover
    }
}

.c-linked-jackpots__game-list {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    margin: 0 auto
}

.c-linked-jackpots__grand-jackpot {
    position: relative;
    width: 90%;
    margin: 0 auto;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.c-linked-jackpots__grand-jackpot:before {
    content: "";
    display: block;
    padding-top: 35.66%
}

@media (min-width: 48em) {
    .c-linked-jackpots__grand-jackpot {
        width: 34%;
        margin-top: 1.4%;
        margin-left: 50%
    }
}

@media (min-width: 90em) {
    .c-linked-jackpots__grand-jackpot {
        width: 28%
    }
}

.c-linked-jackpots__grand-jackpot-value {
    position: absolute;
    top: 56%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 700
}

@media (min-width: 64em) {
    .c-linked-jackpots__grand-jackpot-value {
        font-size: 18px
    }
}

@media (min-width: 90em) {
    .c-linked-jackpots__grand-jackpot-value {
        font-size: 22px
    }
}

.c-loading-screen {
    min-height: 270px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

.c-race-game-sidebar .c-loading-screen {
    min-height: 0
}

.c-loading-screen__box {
    background-color: #ffffff1a;
    border-radius: 8px;
    border: 1px solid #383652
}

.c-loading-screen__animation {
    width: auto;
    margin-left: auto;
    margin-right: auto
}

.c-loading-screen__text {
    margin-top: 16px;
    font-size: 18px;
    text-align: center
}

.c-race-game-sidebar .c-loading-screen__text {
    font-size: 14px
}

@media (min-width: 64em) {
    .c-race-game-sidebar .c-loading-screen__text {
        font-size: 16px
    }
}

.c-loading-screen--small {
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.c-logo-link {
    display: block
}

.c-logo-link__logo {
    width: 140px;
    height: 50px
}

.is-authenticated .c-logo-link__logo {
    width: 40px;
    height: 28px
}

@media (min-width: 48em) {
    .is-authenticated .c-logo-link__logo {
        width: 140px;
        height: 50px
    }
}

.c-message, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes {
    color: #fff;
    border-radius: 8px;
    list-style-position: inside;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding: 12px
}

.c-message__wrapper.is-hidden {
    display: none
}

.c-message__title {
    font-weight: 700
}

.c-message__content--medium {
    font-size: 24px
}

@media (min-width: 48em) {
    .c-message__content--big {
        font-size: 32px
    }
}

.c-message--success {
    background-color: #39d188;
    color: #000
}

.c-message--success-bg {
    font-size: 16px;
    background-image: url(../../../Content/images/build/assets/shop/success-bg.796cb30.jpg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-message--error {
    background-color: #f75a5a
}

.c-message--notification, .c-message--sent, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes {
    background-color: #24233f;
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #fff
}

.c-message--info {
    background-color: #7a7a7a
}

@media (min-width: 85.375em) {
    .c-message--footer {
        pointer-events: auto
    }
}

.c-menu-flyout {
    position: relative
}

.c-menu-flyout__trigger {
    border-radius: 6px 0 0 6px
}

.doubleframe:nth-child(2n-1) .c-menu-flyout__toggle, .multiframe:nth-child(2n-1) .c-menu-flyout__toggle {
    -webkit-order: 6;
    order: 6
}

.c-menu-flyout__content {
    position: absolute;
    top: 0;
    right: 51px
}

.doubleframe:nth-child(2n-1) .c-menu-flyout__content, .multiframe:nth-child(2n-1) .c-menu-flyout__content {
    right: auto;
    left: 100%;
    display: -webkit-flex;
    display: flex
}

.c-modal {
    position: relative;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex: none;
    flex: none;
    z-index: 2100;
    -webkit-transform: translate(0);
    transform: translate(0);
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: top;
    margin: auto
}

@media (min-width: 48em) {
    .c-modal {
        height: auto;
        width: 100%;
        max-height: 100%
    }
}

@media (min-width: 90em) {
    .c-modal {
        background-size: 100% auto
    }
}

.c-modal:after {
    content: "";
    position: absolute
}

@media (min-width: 48em) {
    .c-overlay[data-id=challenges] .c-modal, .c-overlay[data-id=shop] .c-modal {
        width: calc(100% - 4px)
    }
}

.c-modal--no-bg {
    background: transparent
}

@media (min-width: 48em) {
    .c-modal--register {
        min-height: calc(100vh - 80px);
        background-image: url(../../../Content/images/build/assets/registration/registration-bg.731cae9.jpg);
        background-size: cover;
        z-index: 0
    }
}

@media (min-width: 48em) {
    .c-modal--voucher {
        background-image: url(../../../Content/images/build/assets/site/voucher-bg.7dc5f0c.jpg)
    }
}

@media (min-width: 48em) {
    .c-modal--login, .c-modal--voucher {
        min-height: 60vh;
        background-size: cover;
        z-index: 0
    }

    .c-modal--login {
        background-image: url(../../../Content/images/build/assets/registration/registration-bg.731cae9.jpg)
    }
}

.c-modal--z-index-zero {
    z-index: 0
}

.c-modal__inner {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .2s cubic-bezier(.55, 0, .1, 1);
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: #0c0a2a;
    border: 1px solid #5be6fe;
    border-radius: 8px;
    box-shadow: .5px .9px 32.6px 2.5px rgba(89, 147, 247, .77)
}

.c-modal.is-active .c-modal__inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 48em) {
    .c-modal__inner {
        height: auto;
        max-width: 590px
    }
}

.c-modal__inner--oversize {
    max-width: 800px
}

.c-modal__inner--no-icon .c-btn--close {
    display: none
}

@media (min-width: 64em) {
    .c-modal__inner--no-scroll {
        max-height: calc(100vh - 40px)
    }
}

.c-modal__inner--no-scroll .swiper-container {
    margin: -40px -8px;
    padding: 40px 8px
}

.c-modal__inner--no-scroll .swiper-button-next {
    right: 0
}

.c-modal__inner--no-scroll .swiper-button-prev {
    left: 0
}

.c-modal__header {
    -webkit-flex: none;
    flex: none;
    background-image: url(../../../Content/images/build/assets/modal/modal_header-bg.c510c1d.jpg);
    background-size: auto 100%;
    overflow: hidden;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.c-modal__tabs {
    background-image: url(../../../Content/images/build/assets/modal/modal-header-tabs-bg.25d1077.jpg);
    background-size: auto 100%;
    line-height: 24px
}

.c-modal__tabs .o-tabs__tab.active, .c-modal__tabs .o-tabs__tab.is-active {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6))
}

.c-modal__content {
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    max-height: calc(100% - 48px);
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

@media (min-width: 85.375em) {
    .c-modal__content {
        max-height: calc(100vh - 172px);
        -webkit-flex-basis: auto;
        flex-basis: auto
    }
}

.c-modal__headline {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px
}

@media (min-width: 48em) {
    .c-modal__headline {
        font-size: 28px;
        line-height: 32px
    }
}

.c-modal__img-wrapper {
    width: 100%;
    height: auto
}

.c-modal__img {
    width: 100%
}

.c-modal__footer {
    -webkit-flex: none;
    flex: none;
    position: relative;
    background-color: hsla(0, 0%, 100%, .1);
    font-size: 16px
}

.c-modal__footer--center {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 50px;
    text-align: center
}

.c-modal__footer--no-bg {
    background: transparent
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-modal__footer--gradient:before {
        content: "";
        position: absolute;
        height: 50px;
        width: 100%;
        top: -50px;
        left: 0;
        background: linear-gradient(180deg, rgba(5, 2, 37, 0), rgba(5, 2, 37, .5), #050225);
        pointer-events: none
    }
}

.multiselect {
    border-radius: 6px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    cursor: pointer;
    min-height: 0
}

.multiselect--secondary {
    border: none !important;
    background-image: linear-gradient(180deg, #55d6fb, #56a5ed 8%, #2f62c8 51%, #1f73c3 86%, #65acf7)
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .multiselect--secondary:hover {
        color: #fff;
        -webkit-filter: brightness(120%);
        filter: brightness(120%);
        background-image: linear-gradient(180deg, #55d6fb, #56a5ed 8%, #2f62c8 51%, #1f73c3 86%, #65acf7);
        background-color: none
    }

    .multiselect--secondary.multiselect--active:hover {
        -webkit-filter: none;
        filter: none
    }
}

.multiselect__content-wrapper {
    border: none !important;
    background-image: linear-gradient(180deg, #55d6fb, #56a5ed 8%, #2f62c8 51%, #1f73c3 86%, #65acf7);
    border-radius: 5px 5px 0 0
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .multiselect__content-wrapper:hover {
        color: #fff;
        background-image: linear-gradient(180deg, #55d6fb, #56a5ed 8%, #2f62c8 51%, #1f73c3 86%, #65acf7);
        background-color: none
    }
}

.multiselect__tags {
    min-height: 30px;
    display: block;
    padding: 2px 6px;
    border-radius: 0;
    border: none;
    background: transparent
}

.multiselect__single {
    margin: 0;
    padding: 6px 42px 6px 0;
    background: transparent
}

.multiselect__option-title {
    text-align: center;
    font-size: 15px;
    line-height: 32px;
    font-weight: 700;
    color: #fff
}

.multiselect__content-wrapper {
    background-origin: border-box;
    background-clip: content-box, border-box
}

.multiselect__select {
    -webkit-transform-origin: 18.5px 16px;
    transform-origin: 18.5px 16px;
    right: 0;
    top: 8px
}

.multiselect__select:before {
    background-image: url(../../../Content/images/build/svg/icons/arrowdown.aeb76e0.svg);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    border: none;
    margin: 0;
    top: 0;
    right: 0
}

.multiselect__option {
    background-color: transparent;
    padding: 6px 10px 6px 6px;
    min-height: 36px
}

.multiselect__option--highlight, .multiselect__option--selected {
    background: hsla(0, 0%, 100%, .1) !important
}

.c-nav-primary {
    height: 56px;
    background-color: #202485;
    background-image: url(../../../Content/images/build/assets/header/header-2-bg.cff1369.png);
    background-size: cover
}

.c-nav-primary__grid {
    height: 100%
}

@media (max-width: 63.99em) {
    .c-nav-primary__grid {
        padding-right: 0;
        grid-gap: 0
    }
}

@media (min-width: 64em) {
    .c-nav-primary__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 8px 224px;
        grid-template-columns:1fr 224px;
        grid-gap: 8px;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.c-nav-primary__link {
    padding-left: 8px
}

@media (max-width: 47.99em) {
    .c-nav-primary__link {
        padding-top: 2px;
        padding-right: 8px
    }
}

:first-child > .c-nav-primary__link {
    margin-left: -8px
}

@media (min-width: 48em) {
    :nth-child(2) > .c-nav-primary__link {
        margin-left: -8px
    }
}

.c-nav-primary__paging-link-left, .c-nav-primary__paging-link-right {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.c-nav-primary__paging-link-right {
    right: 0;
    background-image: linear-gradient(90deg, transparent, #202485 16px, #202485 29px, #0c092a 0)
}

.c-nav-primary__paging-link-left {
    left: 0;
    background-image: linear-gradient(270deg, transparent, #202485 16px, #202485 29px, #0c092a 0)
}

.c-nav-filter {
    max-width: 100%;
    position: relative
}

.c-nav-filter__list {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    min-width: 100%;
    width: auto;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

@media (min-width: 64em) {
    .c-nav-filter__list {
        border-bottom: none
    }
}

.c-nav-filter__item {
    position: relative;
    color: #5be6fe;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    padding: 12px 25px
}

.c-nav-filter__item:before {
    content: "";
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    background-color: #fff;
    box-shadow: 0 0 10px 1px #c5edff;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-nav-filter__item:hover:before {
        opacity: 1
    }
}

.c-nav-filter__item.is-active:before {
    opacity: 1
}

.c-nav-filter__paging-link {
    background: #0c092a
}

.c-nav-game-tools {
    width: 50px
}

.c-nav-game-tools__item {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    border: 0;
    color: #fff;
    border-radius: 0 6px 6px 0;
    background: rgba(0, 0, 0, .5);
    font-size: 12px
}

.is-highroller .c-nav-game-tools__item, .is-match3 .c-nav-game-tools__item, .is-special .c-nav-game-tools__item {
    height: 40px
}

.is-featured-maxbet .c-nav-game-tools__item, .is-featured-xp .c-nav-game-tools__item {
    height: 50px
}

.is-featured-xp-maxbet .c-nav-game-tools__item {
    height: 85px
}

.c-nav-game-tools__item.c-game__badge-container:after, .c-nav-game-tools__item.c-game__badge-container:before {
    width: 45px;
    font-size: 10px
}

.c-nav-game-tools__item.c-game__badge-container:after {
    top: 20px;
    left: 0
}

.c-nav-game-tools__item.c-game__badge-container:before {
    top: 5px;
    left: 0
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-nav-game-tools__item:hover i {
        color: #fff;
        cursor: pointer
    }
}

.c-nav-game-tools__item.is-active i {
    color: #fff;
    cursor: pointer
}

.c-nav-game-tools__item--rating {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 0;
    cursor: pointer;
    stroke: #5be6fe;
    stroke-width: 1px;
    width: 30px
}

.c-nav-game-tools__item--rating.is-active i, .c-nav-game-tools__item--rating:hover i {
    color: #5be6fe
}

.c-nav-game-tools__item--close-rating {
    border-radius: 6px 0 0 6px
}

.doubleframe:nth-child(2n-1) .c-nav-game-tools__item--close-rating, .multiframe:nth-child(2n-1) .c-nav-game-tools__item--close-rating {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.c-nav-splitscreen__item {
    color: #5be6fe;
    border-width: 0;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-nav-splitscreen__item:hover, .c-nav-splitscreen__item:hover i {
        color: #fff
    }
}

.c-nav-splitscreen__item .is-active, .c-nav-splitscreen__item .is-active i {
    color: #fff
}

.c-nav-tabbed__wrapper {
    position: relative
}

.c-nav-tabbed__button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 8px;
    width: 30px;
    cursor: pointer;
    z-index: 5
}

.c-nav-tabbed__button-left {
    left: -8px
}

.c-nav-tabbed__button-right {
    right: -8px
}

.c-newsletter-box {
    overflow: hidden
}

@media (min-width: 48em) {
    .c-newsletter-box {
        border-radius: 8px
    }
}

.c-newsletter-box__check {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background-color: #252240;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600
}

@media (min-width: 48em) {
    .c-newsletter-box__check {
        -webkit-order: 1;
        order: 1
    }
}

.c-newsletter-box__info {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background-color: #0c092a;
    font-size: 18px;
    font-weight: 600
}

@media (min-width: 48em) {
    .c-newsletter-box__info {
        -webkit-order: 2;
        order: 2;
        padding-right: 15%;
        background-image: url(../../../Content/images/build/assets/dashboard/newsletter_bg.79fb2e1.jpg);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        border-left: 2px solid #5be6fe
    }

    .c-newsletter-box__info:before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -13px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 11px solid #5be6fe
    }
}

@media (min-width: 64em) {
    .c-newsletter-box__info {
        font-size: 24px
    }
}

.c-novomind .ihelp-main-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 100%
}

@media (min-width: 48em) {
    .c-novomind .ihelp-main-wrapper {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (max-width: 47.99em) {
    .c-novomind .ihelp-main-wrapper .ihelp-main-content {
        width: 100%;
        margin-top: 8px;
        -webkit-order: 2;
        order: 2
    }
}

@media (min-width: 48em) {
    .c-novomind .ihelp-main-wrapper .ihelp-main-content {
        -webkit-flex: 1 0 0;
        flex: 1 0 0;
        min-width: 66.66%;
        padding-right: 24px
    }
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper {
    position: relative
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .submit-search-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    background-image: url(../../../Content/images/build/svg/icons/search-lupe.be35d1c.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    border: none;
    font-size: 0
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .suggestions-wrapper {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    border-radius: 8px;
    color: #000
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .suggestions-wrapper.closed {
    display: none
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .suggestions-wrapper .search-suggestions li {
    cursor: pointer;
    transition: all .2s cubic-bezier(.55, 0, .1, 1);
    text-decoration: none
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-novomind .ihelp-main-wrapper .ihelp-main-content .search-wrapper .suggestions-wrapper .search-suggestions li:hover {
        color: #5be6fe
    }
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-question {
    font-size: 24px;
    line-height: 32px
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-relatedsuggestions {
    font-weight: 600
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .search-result-item {
    width: 100%
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .dialog-answer-wrapper .dialog-text-wrapper i {
    display: inline-block
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper {
    margin-top: 24px
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button {
    height: 44px
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button-text-wrapper {
    position: relative;
    padding-top: 10px;
    padding-right: 46px;
    padding-left: 46px
}

@media (max-width: 47.99em) {
    .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button-text-wrapper {
        width: 100%
    }
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button-text-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 46px;
    width: 46px;
    color: #fff
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button.yes > .evaluation-button-text-wrapper:before {
    background-image: url(../../../Content/images/build/svg/icons/thumb-up.7e9aeb4.svg);
    background-repeat: no-repeat
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper .evaluation-button.no > .evaluation-button-text-wrapper:before {
    top: 7px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background-image: url(../../../Content/images/build/svg/icons/thumb-down.24887ff.svg);
    background-repeat: no-repeat
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes {
    margin-top: 15px;
    margin-bottom: 15px
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faqs-wrapper, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faqs-wrapper {
    margin-top: 8px;
    width: 100%;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 8px
}

@media (min-width: 48em) {
    .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faqs-wrapper, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faqs-wrapper {
        margin-top: 24px
    }
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faqs-wrapper .frequently-faqs-headline, .c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faqs-wrapper .suggested-faqs-headline, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faqs-wrapper .frequently-faqs-headline, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faqs-wrapper .suggested-faqs-headline {
    padding-top: 0
}

.c-novomind .ihelp-main-wrapper .ihelp-main-content .frequently-faq-item, .c-novomind .ihelp-main-wrapper .ihelp-main-content .suggested-faq-item {
    width: 100%
}

.c-novomind .context-list-wrapper {
    width: 100%;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 8px
}

@media (min-width: 48em) {
    .c-novomind .context-list-wrapper {
        -webkit-flex: none;
        flex: none;
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
        width: 33.33%;
        max-width: 400px;
        padding-left: 24px
    }
}

.c-novomind .context-list-wrapper .context-list-headline {
    padding-top: 0
}

.c-novomind .context-list-wrapper .context-entry {
    padding-bottom: 4px
}

@media (min-width: 48em) {
    .c-novomind .context-list-wrapper .context-entry {
        padding-bottom: 10px
    }
}

.c-novomind .context-list-wrapper .context-entry .context-title {
    font-weight: 600
}

.c-novomind .context-list-wrapper .context-entry .faq-wrapper {
    display: none
}

.c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry {
    position: relative;
    width: 100%
}

.c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry-title {
    padding-left: 20px
}

.c-novomind .context-list-wrapper .context-entry .faq-wrapper .faq-entry:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    height: 10px;
    width: 10px;
    background-image: url(../../../Content/images/build/svg/icons/arrow_submenu.8b9e8a7.svg);
    background-repeat: no-repeat;
    color: #fff
}

.c-novomind .context-list-wrapper .context-entry input[type=checkbox] {
    display: none
}

.c-novomind .context-list-wrapper .context-entry input[type=checkbox]:checked ~ .faq-wrapper {
    display: block
}

.c-nav-sort__list :first-child .c-nav-sort__item {
    margin-right: -1px;
    border-radius: 8px 0 0 8px
}

.c-nav-sort__list :last-child .c-nav-sort__item {
    border-radius: 0 8px 8px 0
}

.c-nav-sort__item {
    color: #5be6fe;
    font-size: 16px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    padding: 0 20px;
    height: 32px;
    min-height: 32px
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-nav-sort__item:hover {
        color: #fff;
        border: 1px solid hsla(0, 0%, 100%, .2)
    }
}

.c-nav-sort__item.is-active {
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .2)
}

.c-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    display: -webkit-flex;
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    z-index: 120;
    background-color: rgba(0, 0, 0, .7)
}

.c-overlay--top-most {
    z-index: 2200
}

.c-overlay--below-header {
    top: 136px;
    background-color: rgba(0, 0, 0, .8)
}

.c-overlay--content-top {
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.c-overlay--game {
    overflow: hidden
}

@media (min-width: 64.0625em) {
    .c-overlay--game {
        top: 80px
    }
}

.c-page {
    background-color: #0c092a;
    padding-top: 80px;
    padding-bottom: 50px
}

@media (min-width: 48em) {
    .c-page {
        padding-top: 80px
    }
}

@media (min-width: 85.375em) {
    .c-page {
        padding-bottom: 0
    }
}

.c-page--empty {
    padding-top: 0
}

.c-page--empty, .c-page--registration {
    padding-bottom: 0
}

.c-page--fixed-bottom-right {
    position: fixed;
    bottom: 0;
    right: 48px
}

.c-page__sidemenu {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

@media (max-width: 85.365em) {
    .c-page__sidemenu--sticky-footer {
        bottom: 50px
    }
}

.c-page__message-bar {
    position: fixed;
    left: 0;
    right: 0;
    padding-left: calc(50% - 702px);
    padding-right: calc(50% - 702px);
    z-index: 250;
    opacity: .95;
    bottom: 72px
}

.c-page__message-bar--cookie-message {
    z-index: 5000
}

@media (min-width: 85.375em) {
    .c-page__message-bar {
        pointer-events: none
    }
}

.c-page__message-bar:empty {
    display: none
}

.c-page__message-bar:first-of-type {
    bottom: 8px
}

.c-page__message-bar:nth-of-type(2) {
    bottom: 96px
}

@media (max-width: 85.365em) {
    .c-page__message-bar:first-of-type {
        bottom: 48px;
        padding: 8px
    }

    .c-page__message-bar:nth-of-type(2) {
        bottom: 144px;
        padding: 8px
    }
}

@media (max-width: 63.99em) {
    .has-overlay\@md- .c-page {
        height: 100vh;
        overflow-y: hidden
    }
}

@media (max-width: 63.99em) {
    .is-ios.has-overlay\@md- .c-page {
        position: fixed
    }
}

.has-overlay .c-page {
    height: 100vh;
    overflow-y: hidden
}

.is-ios.has-overlay .c-page {
    position: fixed
}

@media (max-width: 64em) {
    .has-overlay.has-open-game .c-page {
        position: static;
        height: 150%;
        overflow: hidden
    }
}

.c-pagination {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    list-style: none;
    -webkit-align-items: center;
    align-items: center;
    height: 100%
}

.c-pagination__bullet {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    border-radius: 100%;
    border: 1px solid #5be6fe;
    cursor: pointer
}

.c-pagination__bullet--active {
    background-color: #5be6fe
}

.c-pagination__bullet:hover {
    background-color: #fff;
    border-color: #fff
}

.c-payment {
    min-height: 200px
}

.c-payment__wrapper {
    height: 100%
}

.c-payment__iframe {
    height: calc(100% - 40px);
    -webkit-overflow-scrolling: touch
}

@media (min-width: 48em) {
    .c-payment__iframe {
        height: auto;
        min-height: 460px;
        max-height: calc(100vh - 165px)
    }
}

.is-ios .c-payment__iframe {
    height: 100%;
    max-height: none
}

@media (max-width: 47.99em) {
    .c-payment__success-game-item:nth-child(n+5) {
        display: none
    }
}

.c-payment__provider-logo {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: auto 200%
}

.c-payment header img {
    max-width: 100%
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-payment button:hover {
        color: #000;
        background-color: #fed02d
    }
}

.c-payment button:active {
    background-color: #fed02d;
    box-shadow: inset 0 3px 3px 0 rgba(174, 139, 15, .54)
}

.c-payment button:disabled {
    background-color: #d9d9d9;
    color: #fff
}

.c-payment .box {
    margin-bottom: 8px
}

.c-payment dl {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #353535;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

.c-payment dd {
    padding-left: 10px;
    font-weight: 600;
    -webkit-margin-start: 0
}

.c-payment #ui-deposit-amount dd span {
    margin-left: 0
}

.c-payment fieldset {
    border: none
}

.c-payment form fieldset {
    margin: 0
}

.c-payment .form-item {
    display: table;
    width: 100%;
    margin-bottom: 20px
}

.c-payment .form-item:last-child {
    margin-bottom: 0
}

.c-payment .form-item .item-error, .c-payment .form-item .item-input, .c-payment .form-item .item-label {
    float: left
}

.c-payment .form-item .item-label {
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px
}

.c-payment .form-item .item-input {
    width: 100%
}

.c-payment .form-item .item-error {
    color: #d7333a;
    width: 100%
}

.c-payment .form-item.item-type-btn .item-input {
    width: 100%;
    text-align: left
}

@media (min-width: 28.125em) {
    .c-payment .form-item .item-label {
        width: 30%;
        padding-top: 13px;
        padding-bottom: 0
    }

    .c-payment .form-item .item-input {
        width: 70%
    }

    .c-payment .form-item .item-error {
        padding-top: 10px;
        padding-left: 30%
    }
}

.c-payment .item-divider {
    display: none
}

.c-payment .item-type-group .input-origin {
    display: -webkit-flex;
    display: flex
}

.c-payment .input-origin .input-select-wrap:first-child {
    padding-right: 20px
}

.c-payment section p {
    font-size: 14px;
    color: #a2a2a2
}

.c-payment .bd {
    padding: 15px
}

.c-payment [id=nrgs-creditCard-newCardCode] {
    width: 80px
}

.c-payment [id=ui-nrgs-creditCard-newCardCode] {
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: auto 50px;
    background-image: url(../../../Content/images/build/assets/deposit/cc-example.7a026d4.png)
}

.c-payment-type-item {
    min-width: 0;
    cursor: pointer
}

.c-payment-type-item__wrap {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    border: 1px solid #383652;
    border-radius: 8px;
    background-color: #201d3e;
    height: 185px
}

@media (min-width: 48em) {
    .c-payment-type-item__wrap {
        background-position: center -15px
    }
}

.c-payment-type-item__limits-label {
    font-size: 16px;
    font-weight: 700;
    padding-top: 6px
}

.c-payment-type-item__cta {
    width: calc(100% - 16px);
    margin-left: auto;
    margin-right: auto;
    margin-top: -16px;
    position: relative
}

.c-payment-type-item__cta:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.c-payment-type-item__logo {
    height: 135px;
    width: 100%;
    box-shadow: inset 0 1px 16px 0 #7a7a7a;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #fff
}

.c-payment-type-item__logo--container {
    height: 100%;
    width: 100%;
    padding: 17% 10%;
    color: #000
}

.c-payment-status__payment-logo .c-payment-type-item__logo--container {
    padding: 10%
}

@media (max-width: 47.99em) and (orientation: landscape) {
    .c-payment-type-item__logo--container {
        padding: 8% 10%
    }
}

.c-payment-type-item__title {
    height: 50px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    background-color: #201d3e
}

.c-payment-type-item--center {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.c-payment-type-item__btn {
    position: absolute
}

.c-payment-types__text {
    padding-bottom: 16px
}

.c-payment-types__text--large {
    font-size: 20px;
    letter-spacing: .4px;
    text-transform: uppercase
}

.c-payment-types__text--spaced {
    line-height: 1.6
}

.c-payment-types__vip-box {
    -webkit-align-self: flex-end;
    align-self: flex-end
}

.c-payment-types-list {
    display: grid;
    grid-gap: 8px 14px;
    grid-template-columns:1fr 1fr;
    -webkit-align-items: end;
    align-items: end
}

@media (min-width: 35.5em) {
    .c-payment-types-list {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (min-width: 64em) {
    .c-payment-types-list {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

.c-payment-types-list__btn-all {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center
}

.has-all-items-visible .c-payment-types-list__btn-all {
    display: none
}

.c-payment-types-list__info {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #15af6d;
    font-size: 15px
}

.c-payment-types-list__more {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.c-payment-status__icon {
    margin: -16px 0
}

.c-payment-status__msg {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    min-height: 104px;
    height: 100%;
    margin: -8px -8px 0;
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 4px 6px #7f1111;
    text-align: center
}

@media (min-width: 64em) {
    .c-payment-status__msg {
        margin: -24px -24px 16px
    }
}

.c-payment-status__msg--error, .c-payment-status__msg--success {
    background-image: url(../../../Content/images/build/assets/shop/error-bg.d642fc8.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.c-payment-status__msg--success {
    background-image: url(../../../Content/images/build/assets/shop/success-bg.796cb30.jpg);
    text-shadow: 2px 4px 6px #511f7c
}

.c-payment-status__msg--pending {
    -webkit-justify-content: center;
    justify-content: center;
    background-image: url(../../../Content/images/build/assets/shop/pending-bg.7c21d97.jpg);
    font-size: 18px;
    text-shadow: 2px 4px 6px #000
}

@media (min-width: 48em) {
    .c-payment-status__msg--pending {
        font-size: 20px
    }
}

.c-payment-status__headline {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px
}

@media (min-width: 64em) {
    .c-payment-status__headline {
        font-size: 28px
    }
}

.c-payment-status__payment-label {
    -webkit-align-self: center;
    align-self: center
}

.c-payment-status__details {
    text-align: left
}

.c-payment-status__detail-label {
    font-weight: 700
}

.c-payment-status__balance-old {
    font-weight: 700;
    text-decoration: line-through
}

.c-payment-status__balance-update {
    font-weight: 700;
    color: #39d188
}

.c-payment-status__balance-new {
    font-weight: 700;
    font-size: 36px;
    text-shadow: 0 0 10px #3bc1ff
}

.c-payment-status__payment-type {
    height: 100%;
    text-align: center;
    border: 1px solid #383652;
    border-radius: 8px;
    background-color: #201e3e
}

.c-payment-status__payment-logo {
    height: 100%;
    width: 100%;
    max-height: 124px;
    padding: 8px;
    box-shadow: inset 0 1px 16px 0 #7a7a7a;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #fff
}

.c-payment-status__box {
    border-radius: 8px;
    background-color: #24233f
}

@supports (display:grid) {
    .c-pillow-set {
        display: grid;
        grid-template-columns:repeat(4, 1fr)
    }
}

.c-pillow-set__tile {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    object-fit: cover;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../../../Content/images/build/assets/bonus/day-done.d45a0e3.png);
    padding: 16%
}

.c-pillow-set__tile-value {
    font-size: 13px;
    font-weight: 400
}

@media (min-width: 48em) {
    .c-pillow-set__tile-value {
        font-size: 16px;
        font-weight: 700
    }
}

@media (min-width: 64em) {
    .c-pillow-set__tile-value {
        font-size: 26px;
        font-weight: 700
    }
}

.c-pillow-set__tile-label {
    margin-top: auto;
    margin-bottom: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    text-shadow: .7px .7px 5.5px #7da7d9;
    line-height: 11px
}

@media (min-width: 25em) and (orientation: landscape) {
    .c-pillow-set__tile-label {
        font-size: 10px
    }
}

@media (min-width: 48em) {
    .c-pillow-set__tile-label {
        font-size: 12px;
        line-height: 12px;
        font-size: 14px;
        line-height: 18px
    }
}

.c-popup {
    width: 320px;
    max-width: 100%;
    z-index: 2200;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 164px;
    right: 5%;
    background-size: 100% 100%;
    height: auto;
    padding-top: 16px;
    padding-bottom: 16px
}

.has-open-game .c-popup {
    top: 108px
}

.nrgs-startGame .c-popup {
    top: 6%
}

.c-dialog--fullscreen .c-popup {
    top: calc(56px + (100% - 56px) * .06)
}

@media (max-width: 63.99em) {
    .c-popup {
        height: auto;
        width: 214px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0
    }
}

.c-popup--levelup {
    background-image: url(../../../Content/images/build/assets/dialog/lui-bg.fb661a2.png)
}

.c-popup--challenges, .c-popup--challenges-right, .c-popup--linked-jackpot {
    background-image: url(../../../Content/images/build/assets/dialog/info-bg.8b30b10.png)
}

.c-popup--challenges-right {
    width: 332px;
    padding: 10px 25px;
    height: auto
}

@media (max-width: 63.99em) {
    .c-popup--challenges-right {
        width: 286px;
        padding: 8px
    }
}

.c-popup--match3 {
    background-image: url(../../../Content/images/build/assets/dialog/match3-bg.0ebbfb4.png)
}

.c-popup--info {
    background-image: url(../../../Content/images/build/assets/dialog/info-bg.8b30b10.png)
}

.c-popup--challenges--split {
    width: 332px;
    padding: 20px;
    background-image: url(../../../Content/images/build/assets/dialog/challenge-popup-split-bg.396e4b3.png)
}

@media (max-width: 63.99em) {
    .c-popup--challenges--split {
        width: 286px;
        padding: 12px 8px 8px
    }
}

.c-popup__reward {
    height: 120px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    width: 75%
}

@media (max-width: 63.99em) {
    .c-popup__reward {
        height: 86px
    }
}

.c-popup--challenges-right .c-popup__reward {
    height: 100%;
    line-height: 1.2
}

.c-popup__next-reward {
    height: 60%;
    padding: 8px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.c-popup__game-image {
    position: relative;
    max-height: 67px;
    width: 40%
}

@media (max-width: 63.99em) {
    .c-popup__game-image {
        max-height: 48px
    }
}

.c-popup__game-text {
    line-height: 1.2;
    width: 60%
}

@media (max-width: 63.99em) {
    .c-popup__game-text {
        font-size: 12px
    }
}

.c-popup--top-left .c-popup {
    left: 5%
}

.c-popup--bottom-right .c-popup {
    top: 164px;
    right: 5%
}

.has-open-game .c-popup--bottom-right .c-popup {
    top: calc(80px + (100% - 80px) * .47)
}

.c-popup--bottom-left .c-popup {
    top: 164px;
    left: 5%
}

.has-open-game .c-popup--bottom-left .c-popup {
    top: calc(80px + (100% - 80px) * .47)
}

.c-popup__container {
    z-index: 50
}

.c-popup__spacing-h {
    margin: 0 12px
}

@media (min-width: 64em) {
    .c-popup__spacing-h {
        margin: 0 20px
    }
}

.c-popup__icon--label {
    font-size: 12px
}

.c-popup__text--center {
    text-align: center
}

.c-popup__wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.c-popup__text--bold {
    font-size: 16px;
    font-weight: 700;
    text-shadow: .7px .7px 5.5px rgba(24, 12, 76, .8)
}

@media (max-width: 63.99em) {
    .c-popup__text--bold {
        margin-top: 10px;
        font-size: 12px
    }
}

.c-popup__next-game {
    padding: 4px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row
}

.c-popup__amount {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.c-popup__amount--label {
    font-size: 16px;
    font-weight: 700;
    text-shadow: .7px .7px 5.5px rgba(24, 12, 76, .8)
}

@media (max-width: 63.99em) {
    .c-popup__amount--label {
        padding-left: 8px;
        font-size: 11px;
        line-height: 1.3
    }
}

.c-popup--info .c-popup__amount--label, .c-popup--match3 .c-popup__amount--label {
    padding-left: 8px
}

@media (min-width: 48em) {
    .c-popup--info .c-popup__amount--label, .c-popup--match3 .c-popup__amount--label {
        padding-left: 12px
    }
}

.c-popup--linked-jackpot .c-popup__amount--label {
    -webkit-order: -1;
    order: -1
}

.is-splitscreen .c-popup__amount--label {
    padding-left: 8px;
    font-size: 11px;
    line-height: 1.3
}

.c-popup .c-generic-reward-bonuses {
    -webkit-justify-content: left;
    justify-content: left;
    margin: 6px 0 4px
}

@media (max-width: 63.99em) {
    .c-popup .c-generic-reward-bonuses {
        margin-left: 8px
    }
}

.c-popup__value {
    font-size: 36px;
    line-height: 36px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 63.99em) {
    .c-popup__value {
        font-size: 24px;
        line-height: 24px;
        padding: 8px
    }
}

.c-popup__value .c-bonus__title {
    font-size: inherit;
    font-weight: inherit
}

.c-popup__badge-wrapper {
    position: relative;
    height: 36px
}

@media (min-width: 64em) {
    .c-popup__badge-wrapper {
        height: 40px
    }
}

.c-popup__badge {
    position: absolute;
    left: -68px;
    top: -5px;
    width: 136px;
    height: 105px;
    margin-left: 0;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: cover;
    background-position-x: 4px;
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: 900;
    color: #6a0519
}

.c-popup__badge-number {
    margin-top: 76px;
    margin-left: 12px;
    margin-bottom: auto
}

@media (max-width: 63.99em) {
    .c-popup__badge--challenges-right .c-popup__badge-number {
        margin-top: 46px;
        margin-left: 6px
    }
}

.c-popup__badge--levelup {
    background-image: url(../../../Content/images/build/assets/bonus/star-p.a390e0f.png)
}

.c-popup__badge--challenges {
    top: -10%;
    left: -75px
}

.c-popup__badge--challenges, .c-popup__badge--challenges-right {
    background-image: url(../../../Content/images/build/assets/bonus/challenge-popup-badge.d745b4e.png)
}

.c-popup__badge--challenges-right {
    top: 2%;
    left: 215px
}

@media (max-width: 63.99em) {
    .c-popup__badge--challenges-right {
        top: 2px;
        left: auto;
        right: 0;
        width: 90px;
        height: 70px
    }
}

.c-popup--challenges-right .c-popup__badge--challenges-right {
    top: -8px
}

@media (max-width: 63.99em) {
    .c-popup--challenges-right .c-popup__badge--challenges-right {
        top: -4px
    }
}

.c-popup__badge--maxbet {
    top: 30px
}

@media (max-width: 63.99em) {
    .c-popup__badge--maxbet {
        top: 5px
    }
}

.c-popup__badge--value {
    margin-left: 6px
}

.c-popup--maxbet {
    background-image: url(../../../Content/images/build/assets/dialog/lui-bg-mb.8bd1d7e.png);
    background-repeat: no-repeat;
    background-position: top
}

.c-promo-det {
    -webkit-flex-direction: row;
    flex-direction: row;
    min-height: 800px
}

@media (min-width: 64em) {
    .c-promo-det {
        min-width: 1024px;
        min-height: 500px
    }
}

@media (min-width: 85.375em) {
    .c-promo-det {
        min-width: 1120px
    }
}

.c-promo-det__box--1 {
    background-color: #21166c
}

.c-promo-det__box-title {
    font-size: 20px;
    font-weight: 600
}

@media (min-width: 48em) {
    .c-promo-det__image {
        float: right;
        width: 350px;
        margin-left: 8px;
        margin-bottom: 8px
    }
}

.c-promo-det__image img {
    border-radius: 6px
}

.c-promo-det__header-image {
    height: 100%;
    width: 100%;
    border-radius: 6px
}

.c-promo-det__subtitle {
    font-size: 28px;
    font-weight: 300;
    letter-spacing: .6px;
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.c-promo-det__more-item {
    position: relative;
    width: 240px;
    height: 120px;
    margin: 4px
}

.c-promo-det__more-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #000 0, transparent 90%);
    z-index: 0;
    border-radius: 0 0 6px 6px;
    pointer-events: none
}

.is-active .c-promo-det__more-bg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.c-promo-det__more-p-title {
    position: absolute;
    bottom: 5%;
    left: 6%;
    width: 88%;
    font-weight: 700;
    z-index: 1;
    color: #fff;
    text-shadow: hsla(0, 0%, 100%, .9) 0 0 10px;
    transition: all .2s ease-out
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-promo-det__more-bg:hover ~ .c-promo-det__more-p-title, .c-promo-det__more-p-title:hover {
        text-shadow: none
    }
}

.c-promo-det__more-p-description {
    font-size: 14px;
    font-style: italic
}

.c-promo-det__text {
    margin: 0
}

.c-promo-det__text li {
    margin: 0 0 0 15px
}

.c-promo-det__email-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.c-promo-det__toggle {
    display: block;
    color: #fcd102;
    font-weight: 600;
    cursor: pointer
}

.c-promo-det__copy img {
    display: none
}

@media (min-width: 48em) {
    .c-promo-det__copy img {
        display: block
    }
}

.c-promo-det--mid-title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.c-promo-det ol, .c-promo-det ul {
    padding-left: 20px
}

.c-promo-det ul {
    list-style-type: square
}

.c-promotions-slider {
    list-style: none;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 86.91%
}

@media (min-width: 35.75em) {
    .c-promotions-slider {
        grid-auto-columns: 468px
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(min-width: 64em) and (pointer: fine) {
    .c-promotions-slider {
        grid-auto-columns: 33.33%
    }
}

.c-promotions-slider__section {
    padding-top: 16px
}

.c-promotions-slider__item {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0
}

@media (pointer: coarse) {
    .c-promotions-slider__item:first-child .c-promotions-slider__img, .c-promotions-slider__item:first-child .c-promotions-slider__img-link {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        overflow: hidden
    }

    .c-promotions-slider__item:last-child .c-promotions-slider__img, .c-promotions-slider__item:last-child .c-promotions-slider__img-link {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        overflow: hidden
    }
}

@media (pointer: fine) {
    .c-promotions-slider__item.swiper-slide-active .c-promotions-slider__img, .c-promotions-slider__item.swiper-slide-active .c-promotions-slider__img-link {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        overflow: hidden
    }

    .c-promotions-slider__item.swiper-slide-active + .c-promotions-slider__item + .c-promotions-slider__item .c-promotions-slider__img, .c-promotions-slider__item.swiper-slide-active + .c-promotions-slider__item + .c-promotions-slider__item .c-promotions-slider__img-link, .c-promotions-slider__item:last-child .c-promotions-slider__img, .c-promotions-slider__item:last-child .c-promotions-slider__img-link {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        overflow: hidden
    }
}

.c-promotions-slider__content {
    overflow: hidden;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1
}

.c-promotions-slider__data {
    display: block;
    height: auto;
    z-index: 51
}

.c-promotions-slider__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-shadow: 0 0 9.4px #3bc1ff;
    letter-spacing: .5px;
    letter-spacing: .3px;
    color: #fff;
    z-index: 51
}

@media (min-width: 85.375em) {
    .c-promotions-slider__title {
        font-size: 24px;
        letter-spacing: .5px
    }
}

.c-promotions-slider__action {
    display: -webkit-flex;
    display: flex;
    height: auto;
    z-index: 51
}

.c-promotions-slider__link {
    font-size: 14px;
    font-weight: 600;
    color: #5be6fe;
    text-transform: uppercase;
    z-index: 51
}

@media (min-width: 85.375em) {
    .c-promotions-slider__link {
        font-size: 16px
    }
}

@media (pointer: fine) {
    .c-promotions-slider__link:hover {
        color: #fff
    }
}

.c-promotions-slider__link-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.c-promotions-slider__img-link {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: opacity .2s cubic-bezier(.55, 0, .1, 1);
    opacity: 1;
    background-image: linear-gradient(180deg, transparent 0, transparent 30%, rgba(0, 0, 0, .7) 80%)
}

.c-promotions-slider__img-link.is-lazy {
    opacity: 0
}

@media (pointer: fine) {
    .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .c-promotions-slider__img-link:hover ~ .c-promotions-slider__content .evaluation-contact-link, .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .c-promotions-slider__img-link:hover ~ .c-promotions-slider__content .evaluation-contact-link, .c-payment .c-promotions-slider__img-link:hover ~ .c-promotions-slider__content button, .c-promotions-slider__img-link:hover ~ .c-promotions-slider__content .c-btn, .c-promotions-slider__img-link:hover ~ .c-promotions-slider__content .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-no .evaluation-contact-link, .c-promotions-slider__img-link:hover ~ .c-promotions-slider__content .c-novomind .ihelp-main-wrapper .ihelp-main-content .dialog-wrapper .evaluation-wrapper.hilfreich-clicked-yes .evaluation-contact-link, .c-promotions-slider__img-link:hover ~ .c-promotions-slider__content .c-payment button, .c-promotions-slider__img-link:hover ~ .c-promotions-slider__content [data-bind="click: acceptFreeSpins"], .c-promotions-slider__img-link:hover ~ .c-promotions-slider__content [data-bind="click: acknowledgeFreeSpinsResult"], .c-promotions-slider__img-link:hover ~ .c-promotions-slider__content [data-bind="click: rejectFreeSpins"] {
        color: #fff;
        -webkit-filter: brightness(120%);
        filter: brightness(120%);
        background-image: linear-gradient(180deg, #55d6fb, #56a5ed 8%, #2f62c8 51%, #1f73c3 86%, #65acf7);
        background-color: none
    }
}

.c-race-locked {
    display: grid;
    grid-gap: 8px;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    grid-template-columns:1fr 1fr
}

.c-race-locked--dialog {
    grid-template-columns:minmax(0, 165px) 30px minmax(0, 165px)
}

.c-race-locked--dialog, .c-race-locked__title {
    -webkit-align-items: center;
    align-items: center
}

.c-race-locked__title {
    display: grid;
    grid-gap: 8px;
    grid-template-columns:auto;
    -webkit-justify-content: center;
    justify-content: center;
    grid-column: 1/span 2;
    font-weight: 700
}

.c-race-locked--dialog .c-race-locked__title {
    grid-column: 1/span 3
}

.c-race-game-sidebar--open .c-race-locked__title, .c-race-locked--dialog .c-race-locked__title {
    grid-template-columns:max-content auto
}

@media (max-width: 63.99em) {
    .c-race-game-sidebar--open .c-race-locked__title {
        grid-gap: 4px;
        font-size: 10px
    }
}

.c-race-locked__footer {
    grid-column: 1/span 2;
    text-transform: uppercase;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

.c-race-locked--dialog .c-race-locked__footer {
    grid-column: 1/span 3
}

.c-race-locked__item {
    position: relative;
    grid-column: 1/span 2;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 700
}

.c-race-locked--dialog .c-race-locked__item:not(.c-race-locked__item--1\/2) {
    grid-column: 1/span 3
}

.c-race-locked__item--1\/2 {
    grid-column: span 1
}

.c-race-locked--sidebar .c-race-locked__item {
    font-size: 10px
}

@media (min-width: 64em) {
    .c-race-locked--sidebar .c-race-locked__item {
        font-size: 12px
    }
}

.c-race-locked__item--unlocked:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 2px #39d188;
    border-radius: 8px
}

@media (max-width: 47.99em) {
    .c-race-locked--dialog .c-race-locked__item-text {
        font-size: 14px
    }
}

.c-race-locked__unlocked-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-race-locked--sidebar .c-race-locked__unlocked-icon {
    height: 43px;
    width: 50px;
    margin: 0
}

.c-race-game-sidebar--open .c-race-locked--sidebar .c-race-locked__unlocked-icon {
    height: 57px
}

.c-race-locked__lock {
    height: 24px;
    width: 17px
}

.c-leaderboard-list__item .c-race-locked {
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 8px 8px;
    z-index: 1
}

@media (max-width: 63.99em) {
    .c-leaderboard-list__item .c-race-locked {
        grid-template-rows:min-content auto;
        -webkit-align-content: center;
        align-content: center
    }
}

@media (min-width: 48em) {
    .c-leaderboard-list__item .c-race-locked {
        top: 21px
    }
}

.c-leaderboard-list__item .c-race-locked:before {
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    background-color: #252340;
    height: 100%;
    border-radius: 8px;
    padding: 20px;
    z-index: -1
}

.c-leaderboard-list__item .c-race-locked__title {
    -webkit-align-self: center;
    align-self: center
}

.c-leaderboard-list__item .c-race-locked__item {
    max-height: 148px
}

.c-reward-dialog__rank-wrapper {
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 0 auto;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background: #0a0d29;
    border-radius: 8px;
    border: 1px solid #5061d9;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 12px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-reward-dialog__rank-wrapper {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 24px
    }
}

.c-reward-dialog__rank-label {
    padding: 2px 8px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-reward-dialog__rank-label {
        padding: 4px 36px
    }
}

.c-reward-dialog__rank {
    border: 1px solid #5061d9;
    border-radius: 8px;
    padding: 2px 8px;
    margin: -1px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-reward-dialog__rank {
        padding: 4px 16px
    }
}

.c-reward-dialog__rank--timed {
    background-image: linear-gradient(180deg, #272678, #3b4cbf)
}

.c-reward-dialog__rank--daily {
    background-image: linear-gradient(180deg, #311260, #50207c)
}

.c-reward-dialog__rank--weekly {
    background-image: linear-gradient(180deg, #115641, #1d8768)
}

.c-reward-dialog__rank--special {
    background-image: linear-gradient(180deg, #4a1621, #952d5c)
}

.c-reward-dialog__top-values {
    font-size: 20px;
    line-height: 20px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-reward-dialog__top-values {
        font-size: 52px;
        line-height: 52px
    }
}

.c-reward-dialog__bottom-values {
    -webkit-justify-content: center;
    justify-content: center;
    display: grid;
    grid-gap: 8px;
    grid-auto-flow: column;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    color: #fff
}

.c-reward-dialog__bottom-values .o-titled-icon {
    white-space: nowrap
}

@media (max-width: 47.99em) {
    .c-reward-dialog__bottom-values .o-titled-icon {
        grid-gap: 4px
    }
}

.c-race-rules {
    position: absolute;
    top: 0;
    z-index: 2;
    background-color: #0c0a2a;
    box-shadow: 0 0 16px rgba(89, 147, 247, .77);
    border-radius: 0 0 8px 8px;
    border-bottom: 1px solid #5be6fe;
    margin-bottom: 12px;
    width: 100%
}

.c-race-rules__wrapper {
    padding-bottom: 16px
}

.c-race-rules:before {
    content: "";
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 0 0 8px 8px
}

.c-race-rules--timed:before {
    background: linear-gradient(180deg, rgba(62, 97, 206, .4), #0c0a2a 500px)
}

@media (min-width: 48em) {
    .c-race-rules--timed:before {
        background: linear-gradient(180deg, rgba(62, 97, 206, .4), #0c0a2a 240px)
    }
}

.c-race-rules--daily:before {
    background: linear-gradient(180deg, rgba(136, 71, 208, .4), #0c0a2a 500px)
}

@media (min-width: 48em) {
    .c-race-rules--daily:before {
        background: linear-gradient(180deg, rgba(136, 71, 208, .4), #0c0a2a 240px)
    }
}

.c-race-rules--weekly:before {
    background: linear-gradient(180deg, rgba(60, 212, 144, .4), #0c0a2a 500px)
}

@media (min-width: 48em) {
    .c-race-rules--weekly:before {
        background: linear-gradient(180deg, rgba(60, 212, 144, .4), #0c0a2a 240px)
    }
}

.c-race-rules--special:before {
    background: linear-gradient(180deg, rgba(237, 51, 74, .4), #0c0a2a 500px)
}

@media (min-width: 48em) {
    .c-race-rules--special:before {
        background: linear-gradient(180deg, rgba(237, 51, 74, .4), #0c0a2a 240px)
    }
}

.c-race-rules__background {
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 0 0 8px 8px;
    position: absolute;
    width: 100%;
    height: 302px;
    max-height: 100%;
    z-index: -2;
    opacity: .6
}

.c-race-rules__close {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

@media (min-width: 48em) {
    .c-race-rules__close {
        position: absolute;
        top: 2px;
        right: 0
    }
}

.c-race-rules__rules {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -8px
}

.c-race-rules__message {
    background: rgba(91, 230, 254, .1);
    border: 2px solid #5be6fe;
    margin-top: 16px;
    border-radius: 8px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px
}

@media (min-width: 48em) {
    .c-race-rules__message {
        line-height: 36px;
        width: 85%
    }
}

.c-race-rules__rule {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center
}

.c-race-rules__rule--title {
    font-size: 24px
}

.c-race-rules__rule--description {
    text-align: center;
    max-width: 100%
}

.c-race-rules__rule--graphic {
    width: 100%;
    padding: 8px
}

.c-race-rules__table {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.c-race-rules__table td, .c-race-rules__table th {
    border: 1px solid hsla(0, 0%, 100%, .2);
    padding: 0 4px
}

.c-race-rules__table td.c-race-rules-win-streak__cell--no-padding {
    padding: 0 1px 2px
}

.c-race-rules-equation {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.c-race-rules-equation__col {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.c-race-rules-equation__header {
    font-weight: 400
}

.c-race-rules-equation__header--win {
    font-weight: 600;
    font-size: 22px;
    line-height: 1
}

.c-race-rules-equation__bet, .c-race-rules-equation__compare, .c-race-rules-equation__equal, .c-race-rules-equation__points, .c-race-rules-equation__win {
    font-size: 22px;
    font-weight: 600
}

.c-race-rules-big-win .c-race-rules-equation__points {
    margin-bottom: 7px
}

.c-race-rules-big-win .c-race-rules-equation__stars {
    margin-bottom: 6px
}

.c-race-rules-equation__compare {
    font-size: 40px;
    margin-bottom: 5px
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-race-rules-equation__header--win, .c-race-rules-equation__win {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent
    }
}

.c-race-rules-equation__cell {
    width: 50%;
    white-space: nowrap
}

.c-race-rules-equation__cell:nth-of-type(2n) {
    width: 35%
}

.c-race-rules-equation__cell:nth-of-type(odd) {
    width: 65%
}

.c-race-rules-equation__header--star, .c-race-rules-equation__stars--star, .c-race-rules-stars__icon {
    margin-left: auto;
    margin-right: auto;
    height: 22px;
    width: 23px
}

.c-race-rules-equation__header--star-timed, .c-race-rules-equation__stars--star-timed, .c-race-rules-stars__icon-timed {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-timed.f862d1b.png)
}

.c-race-rules-equation__header--star-daily, .c-race-rules-equation__stars--star-daily, .c-race-rules-stars__icon-daily {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-daily.a4b62b9.png)
}

.c-race-rules-equation__header--star-weekly, .c-race-rules-equation__stars--star-weekly, .c-race-rules-stars__icon-weekly {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-weekly.533976a.png)
}

.c-race-rules-equation__header--star-special, .c-race-rules-equation__stars--star-special, .c-race-rules-stars__icon-special {
    background-image: url(../../../Content/images/build/assets/leaderboard/diamond-special.e72e8ac.png)
}

.c-race-rules-stars {
    -webkit-justify-content: center;
    justify-content: center
}

.c-race-rules-stars__icon {
    margin-left: 4px;
    margin-right: 4px
}

.c-race-rules-big-win .c-race-rules-equation__stars--star {
    width: 18px;
    height: 17px;
    background-size: contain
}

.c-race-rules-total-win .c-race-rules-equation__stars--star {
    margin-left: 5px;
    margin-top: 5px
}

.c-race-rules-win-streak__win-streak {
    margin: 0 -20%
}

.c-race-rules-win-streak__cell {
    min-width: 35px
}

.c-race-rules-win-streak__cell .c-winstreak-bar__item {
    border: none
}

.c-race-rules-max-spins {
    position: relative;
    font-weight: 600;
    color: #5be6fe;
    font-size: 18px
}

.c-race-rules-max-spins__spin-number {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-race-scores-item {
    display: grid;
    grid-template-columns:60px 80px 3fr 4fr 2fr;
    grid-gap: 8px;
    border-radius: 8px;
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .2);
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 47.99em) {
    .c-race-scores-item {
        grid-auto-rows: 40px;
        grid-template-columns:60px 80px 1fr;
        padding: 8px 8px 4px;
        grid-gap: 12px 8px
    }
}

.c-race-scores-item__upcoming {
    grid-template-columns:60px 3fr 4fr 80px 2fr
}

@media (max-width: 47.99em) {
    .c-race-scores-item__upcoming {
        grid-auto-rows: 40px;
        grid-template-columns:60px 1fr;
        padding: 8px 8px 4px;
        grid-gap: 12px 8px
    }
}

.c-race-scores-item__completed {
    grid-template-columns:60px 1fr 1fr
}

.c-race-scores-item__current-user--timed {
    background: linear-gradient(180deg, #272678, #3b4cbf)
}

.c-race-scores-item__current-user--daily {
    background: linear-gradient(180deg, #311260, #50207c)
}

.c-race-scores-item__current-user--weekly {
    background: linear-gradient(180deg, #115641, #1d8768)
}

.c-race-scores-item__current-user--special {
    background: linear-gradient(180deg, #4a1621, #952d5c)
}

.c-race-scores-item__separator {
    height: 4px;
    background-image: url(../../../Content/images/build/assets/leaderboard/divider.10f0626.png);
    background-size: 100% 100%;
    opacity: .2
}

.c-race-scores-item__other-rewards {
    display: grid;
    grid-template-columns:minmax(28%, max-content) minmax(28%, max-content) minmax(28%, max-content);
    grid-gap: 8px;
    position: relative
}

@media (max-width: 47.99em) {
    .c-race-scores-item__other-rewards {
        grid-row: 2/3;
        grid-column: 1/4;
        grid-template-columns:repeat(auto-fit, minmax(0, 1fr));
        justify-items: center
    }
}

@media (max-width: 47.99em) {
    .c-race-scores-item__other-rewards:before {
        content: "";
        position: absolute;
        top: -11px;
        left: -8px;
        height: 1px;
        width: calc(100% + 16px);
        background-color: hsla(0, 0%, 100%, .2)
    }
}

.c-race-scores-item__score {
    justify-self: end;
    min-width: 0;
    -webkit-align-items: center;
    align-items: center
}

.c-race-scores-item__name {
    margin-top: -2px
}

@media (min-width: 48em) {
    .c-race-scores-item__name {
        border-right: 1px solid hsla(0, 0%, 100%, .2);
        margin-top: 0
    }
}

.c-race-scores-item__name--empty {
    width: 0
}

.c-race-scores-item__completed .c-race-scores-item__name {
    border-right: none
}

.c-race-scores-item__twists {
    font-size: 20px
}

@media (max-width: 47.99em) {
    .c-race-scores-item__twists {
        justify-self: end
    }

    .c-race-scores-item__upcoming .c-race-scores-item__twists {
        justify-self: center
    }
}

.c-race-scores-item__twists--amount {
    margin-right: 4px
}

.c-race-scores-item__rank {
    -webkit-align-self: center;
    align-self: center;
    justify-self: center;
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
    width: 100%;
    height: 40px;
    line-height: 36px
}

.c-race-scores-item__rank--bronze, .c-race-scores-item__rank--gold, .c-race-scores-item__rank--silver {
    margin-top: -4px;
    margin-bottom: -4px;
    height: 48px;
    width: 40px;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 0;
    border: none
}

.c-race-scores-item__rank--bronze {
    background-image: url(../../../Content/images/build/assets/leaderboard/rank-bronze.6650d35.png)
}

.c-race-scores-item__rank--silver {
    background-image: url(../../../Content/images/build/assets/leaderboard/rank-silver.23a2793.png)
}

.c-race-scores-item__rank--gold {
    background-image: url(../../../Content/images/build/assets/leaderboard/rank-gold.054b949.png)
}

.c-radial-progress {
    position: relative
}

.c-radial-progress__inner {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    border-radius: 50%;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.c-registration__separator {
    border-color: hsla(0, 0%, 100%, .1)
}

.c-registration__slider-container {
    position: relative
}

.c-registration__container-slider {
    margin-bottom: 0
}

.c-registration__slide-item {
    padding: 0 1px
}

.c-registration__head-i--padding-left {
    display: inline-block;
    padding-left: 5px
}

.c-registration__form-c {
    position: relative
}

.c-registration__form-c--loading {
    max-height: 400px;
    overflow: hidden
}

.c-registration--padding-top {
    padding-top: 30px
}

.c-registration__promo-w {
    position: relative;
    padding-top: 32px;
    border-radius: 8px
}

.c-registration__promo-photo {
    width: 100%;
    border-radius: 8px
}

.c-registration__promo-headline {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 0 20px 20px
}

.c-registration-offer {
    background-color: hsla(44, 66%, 94%, .1)
}

.c-registration-offer__title {
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

.c-registration-offer__sub {
    font-size: 14px;
    color: #fff
}

.c-registration-offer__container {
    -webkit-flex: none;
    flex: none;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    list-style: none
}

@media (max-width: 47.99em) {
    .c-registration-offer__container {
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        display: block
    }

    .c-registration-offer__container::-webkit-scrollbar {
        display: none
    }
}

@media (min-width: 48em) {
    .c-registration-offer__container {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 100%
    }
}

.c-registration-offer__box-wrapper {
    display: block;
    -webkit-flex: none;
    flex: none
}

@media (min-width: 48em) {
    .c-registration-offer__box-wrapper {
        width: 33.33%;
        min-width: 0
    }
}

@media (max-width: 47.99em) {
    .c-registration-offer__box-wrapper {
        width: 100%
    }
}

.c-registration-offer__box {
    display: -webkit-flex;
    display: flex;
    min-height: 70px;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600
}

.c-search__wrapper {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    height: calc(100vh - 80px);
    width: 100%;
    padding: 0;
    margin: 0;
    background: #000;
    pointer-events: auto
}

@media (min-width: 48em) {
    .c-search__wrapper {
        top: 80px;
        height: calc(100vh - 80px)
    }
}

.c-search__wrapper.is-active {
    display: block
}

.c-search--game-screen {
    display: none
}

.has-open-game .c-search--game-screen {
    display: block;
    height: 36px
}

.c-search__form {
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px 10px;
    min-height: 120px;
    background-color: #9a0c12
}

@media (max-width: 19.99em) {
    .c-search__form {
        min-height: 88px
    }
}

@media (min-width: 48em) {
    .c-search__form {
        padding: 30px 15%;
        min-height: 160px
    }
}

.c-search__form-title {
    display: -webkit-flex;
    display: flex;
    width: 100%
}

@media (max-width: 19.99em) {
    .c-search__form-title {
        width: 10%;
        -webkit-order: 2;
        order: 2
    }
}

.c-search__form-label {
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    white-space: nowrap
}

@media (min-width: 48em) {
    .c-search__form-label {
        font-size: 28px
    }
}

@media (max-width: 19.99em) {
    .c-search__form-label {
        display: none
    }
}

.c-search__form-input {
    position: relative;
    width: 100%;
    line-height: 40px;
    font-size: 24px;
    color: #a2a2a2
}

@media (max-width: 19.99em) {
    .c-search__form-input {
        width: 90%;
        -webkit-order: 1;
        order: 1
    }
}

.c-search__form-input input {
    padding-left: 45px
}

.c-search__form-input--icon {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 25px;
    height: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-search__form-close {
    margin-left: auto;
    width: 20px;
    height: 20px;
    color: #ffe349;
    cursor: pointer
}

@media (max-width: 19.99em) {
    .c-search__form-close {
        margin-top: 20px
    }
}

@media (min-width: 48em) {
    .c-search__form-close {
        width: 28px;
        height: 28px
    }
}

.c-search__result {
    height: calc(100% - 120px - 50px);
    padding-top: 10px;
    overflow-y: auto
}

@media (max-width: 19.99em) {
    .c-search__result {
        height: calc(100% - 88px - 50px)
    }
}

@media (min-width: 48em) {
    .c-search__result {
        height: calc(100% - 160px - 50px);
        padding-top: 20px
    }
}

@media (min-width: 85.375em) {
    .c-search__result {
        height: calc(100% - 160px)
    }
}

.c-search__result-message {
    text-align: center;
    font-size: 16px;
    margin: 0 auto 10px;
    min-height: 20px
}

@media (min-width: 48em) {
    .c-search__result-message {
        font-size: 30px;
        margin: 0 auto 30px;
        min-height: 40px
    }
}

@media (min-width: 64em) and (max-width: 85.365em) {
    .c-search__result-items.recommended .c-game:nth-child(n+11) {
        display: none
    }
}

.c-search__box {
    position: relative;
    height: 100%;
    display: block
}

.c-search__box:after {
    content: "";
    width: 40px;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    z-index: 1;
    background-image: url(../../../Content/images/build/svg/icons/search-lupe.be35d1c.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width: 77.5em) and (max-width: 81.25em) {
    .c-search__box--game-screen {
        display: none
    }
}

.c-search__box--splitscreen {
    height: auto
}

.c-search__box--splitscreen:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 32px
}

.c-search-results__input, .c-search__header, .c-search__splitscreen {
    position: relative;
    height: 100%;
    padding: 5px 5px 5px 40px;
    background-color: rgba(53, 52, 162, .99);
    border: none;
    border-radius: 8px;
    box-shadow: .7px .7px 2.9px .1px #6375ea, inset 1px 1.7px 7px 0 #221e79;
    color: #fff;
    font-weight: 300
}

.c-search-results__input::-webkit-input-placeholder, .c-search__header::-webkit-input-placeholder, .c-search__splitscreen::-webkit-input-placeholder {
    color: #fff;
    opacity: .7
}

.c-search-results__input:-ms-input-placeholder, .c-search__header:-ms-input-placeholder, .c-search__splitscreen:-ms-input-placeholder {
    color: #fff;
    opacity: .7
}

.c-search-results__input::placeholder, .c-search__header::placeholder, .c-search__splitscreen::placeholder {
    color: #fff;
    opacity: .7
}

.c-search__header--dark {
    background-color: #190c4e;
    box-shadow: .7px .7px 2.9px .1px #3bc1ff, inset 1px 1.7px 7px 0 #090a36
}

.c-search__header--dark::-webkit-input-placeholder {
    color: #fff
}

.c-search__header--dark:-ms-input-placeholder {
    color: #fff
}

.c-search__header--dark::placeholder {
    color: #fff
}

.has-open-game .c-search__header--game-screen {
    display: none
}

.c-search__splitscreen {
    height: 40px
}

.c-search-results {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.c-search-results__close-button {
    position: absolute;
    top: 12px;
    right: -10px
}

@media (min-width: 64em) {
    .c-search-results__close-button {
        top: 16px
    }
}

.c-search-results__form {
    height: 100%
}

.c-search-results__title {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: .6px;
    color: #fff;
    margin: 14px 0;
    text-align: left;
    text-transform: none
}

@media (min-width: 64em) {
    .c-search-results__title {
        margin: 18px 0;
        font-size: 28px
    }
}

@media (min-width: 48em) {
    .c-search-results__title--center\@sm\+ {
        text-align: center
    }
}

.c-search-results__title--lower-margin {
    margin: 2px 0 14px
}

.c-search-results__search-box {
    margin: 12px 0;
    padding-right: 48px;
    height: 40px
}

.c-search-results__input {
    padding: 5px 5px 5px 10px
}

.c-search-results__content-mobile {
    overflow-y: auto;
    overflow-x: hidden
}

.c-shop {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 8px
}

.c-shop__vip-status {
    display: grid;
    grid-gap: 8px 16px;
    grid-template-columns:-webkit-max-content 1fr -webkit-max-content;
    grid-template-columns:max-content 1fr max-content;
    -webkit-align-items: center;
    align-items: center;
    max-width: 100%;
    width: 100%;
    border-radius: 6px;
    padding: 0 8px;
    height: 48px;
    background-image: url(../../../Content/images/build/assets/vip/vip-bg.f4c77c2.png);
    background-size: 100% 100%
}

.c-shop__vip-status--thick {
    height: 96px;
    grid-template-rows:1fr 1fr;
    padding: 8px;
    background-image: url(../../../Content/images/build/assets/vip/vip-bg-2.528bfb8.png)
}

.c-shop__vip-status--top-text {
    grid-column: 1/-1
}

.c-shop__vip-status--no-columns {
    grid-template-columns:1fr
}

.c-shop__vip-status--no-columns > div {
    display: grid;
    grid-template-columns:-webkit-max-content 1fr -webkit-max-content;
    grid-template-columns:max-content 1fr max-content
}

.c-shop__vip-status-icon {
    margin: -12px -8px -12px 0
}

.c-shop__vip-status-text {
    margin-bottom: 4px
}

.c-shop__vip-status-text--divider {
    border-right: 1px solid hsla(0, 0%, 100%, .5);
    padding-right: 8px;
    margin-right: 8px
}

.c-shop__vip-icon-spacing {
    margin-left: 8px;
    margin-right: 8px
}

.c-shop__vip-progress {
    background-color: #0a0a0a;
    height: 14px;
    width: 100%;
    border-radius: 7px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    box-shadow: .5px .9px 2.9px .1px #8f7a50
}

.c-shop__vip-progress--bar {
    height: 10px;
    border-radius: 5px;
    margin: 0 2px;
    box-shadow: inset 0 0 5px 0 hsla(0, 0%, 100%, .5);
    background-image: linear-gradient(90deg, #f8ba34 1%, #ffeda6 99%)
}

.c-shop__footer {
    font-size: 14px;
    padding-top: 24px
}

@media (min-width: 85.375em) {
    .c-shop__footer {
        display: grid;
        grid-template-columns:1fr -webkit-max-content;
        grid-template-columns:1fr max-content;
        grid-auto-flow: row;
        grid-gap: 8px
    }
}

.c-shop__footer--simple {
    padding-top: 0
}

.c-shop__currency-label {
    line-height: 36px
}

.c-shop__links {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 16px;
    margin-bottom: -8px;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #ffffff1a
}

@media (min-width: 85.375em) {
    .c-shop__links {
        grid-column: 1/3;
        margin: 16px -20px -20px
    }
}

.c-shop-item {
    position: relative;
    min-width: 0;
    line-height: 24px;
    height: 100%
}

.c-shop-item__wrap {
    height: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    border-radius: 8px;
    background-image: linear-gradient(0deg, #302b8b, #1a105c 39%, #424fcb);
    border: 1px solid #5be6fe
}

.c-shop-item__text, .c-shop-item__wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}

.c-shop-item__text {
    text-align: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.c-shop-item__text-container {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-align-items: center;
    align-items: center
}

.c-shop-item__text--highlight {
    font-size: 30px
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-shop-item__text--highlight {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: 1px #fefe6c
    }
}

.c-shop-item__text--small {
    font-size: 14px
}

.c-shop-item__text--tiny {
    font-size: 10px
}

.c-shop-item__icon {
    position: relative;
    height: 55px;
    width: 63px
}

@media (max-width: 63.99em) {
    .c-shop-item--icons-small\@md- .c-shop-item__icon {
        height: 33px;
        width: 37px
    }
}

.c-shop-item__icon--xp {
    background: url(../../../Content/images/build/assets/booster/booster-xp.3201a87.png) no-repeat;
    background-size: contain
}

.c-shop-item__icon--time {
    background: url(../../../Content/images/build/assets/booster/booster-time.0a0036b.png) no-repeat;
    background-size: contain
}

.c-shop-item__icon-subline {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 23px
}

@media (max-width: 63.99em) {
    .c-shop-item--icons-small\@md- .c-shop-item__icon-subline {
        font-size: 10px;
        line-height: 16px
    }
}

.c-shop-item__grid {
    display: -webkit-flex;
    display: flex
}

.c-shop-item--highlight .c-shop-item__grid {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.c-shop-item__media {
    position: absolute;
    left: 50px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 20.0625em) {
    .c-shop-item__media {
        left: 75px
    }
}

.c-shop-item--highlight .c-shop-item__media {
    position: relative;
    left: 0;
    -webkit-transform: none;
    transform: none
}

.c-shop-item__bonus-timed {
    position: absolute;
    left: calc(50% - 10px);
    top: 45%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 20px;
    font-weight: 700
}

.c-shop-item__info {
    padding-left: 120px
}

@media (min-width: 20.0625em) {
    .c-shop-item__info {
        padding-left: 152px
    }
}

.c-shop-item--highlight .c-shop-item__info {
    padding-left: 0
}

.c-sidemenu {
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1000;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.c-sidemenu__close {
    height: 42px;
    padding: 6px;
    cursor: pointer
}

.c-sidemenu__menu {
    background: #21166c;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 270px
}

.c-sidemenu__menu--dashboard {
    height: 100%;
    min-height: 600px;
    width: 100%;
    background-image: none;
    padding: 10px
}

.c-sidemenu__menu-link--dashboard.active {
    margin-right: -10px;
    max-width: none;
    border-radius: 6px 0 0 6px;
    box-shadow: inset 1px 1.7px 7px 0 #090a36;
    background-color: #0c092a;
    color: #fff
}

.c-sidemenu__menu-wrapper {
    width: 100%;
    padding: 10px;
    background-image: url(../../../Content/images/build/assets/header/sidemenu-bg.f581c92.jpg);
    background-repeat: no-repeat
}

.c-sidemenu__menu .c-icon-status {
    cursor: pointer
}

.c-sidemenu__title {
    margin: 0 0 24px
}

.c-sidemenu__panel--header {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.c-sidemenu__panel--content {
    min-height: 50px
}

.c-sidemenu__panel--footer {
    height: 24px;
    font-size: 12px;
    font-weight: 700;
    color: #5be6fe;
    margin: -2px -10px;
    border-radius: 0 0 6px 6px;
    text-align: center;
    background-color: hsla(0, 0%, 100%, .1)
}

.has-sidemenu .c-sidemenu {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: visible;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    background: rgba(0, 0, 0, .7)
}

.c-stamp {
    width: 22px;
    height: 22px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: .5px .9px 1px 0 #3f4ac3, inset 1px 1.7px 3px 0 rgba(42, 103, 200, .61);
    border: 1px solid rgba(91, 231, 255, .27);
    background-color: #0c092a
}

@media (min-width: 48em) {
    .c-stamp {
        width: 38px;
        height: 38px
    }
}

.c-stamp--collected {
    border: 2px solid transparent;
    background-image: linear-gradient(0deg, #3495e9, #3730b9 49%, #81ffff 99%), linear-gradient(0deg, #828282, #d4d4d4 25%, #bdbdbd 49%, #828282 77%, #f6f6f6);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: inset 0 0 13px 0 #1c1470
}

.c-stamp--uncollected .c-icon--stamp path {
    fill: hsla(0, 0%, 100%, .5)
}

.c-stampcard {
    position: relative;
    display: grid;
    grid-template-rows:56px;
    grid-template-columns:-webkit-max-content 1fr max-content;
    grid-template-columns:max-content 1fr max-content;
    grid-gap: 8px;
    -webkit-align-items: center;
    align-items: center;
    min-height: 56px;
    padding: 0 8px;
    background-image: url(../../../Content/images/build/assets/shop/stampcard-middle.17952ca.png);
    background-size: 100% 63px;
    background-repeat: no-repeat;
    text-align: left
}

@media (min-width: 48em) {
    .c-stampcard:after, .c-stampcard:before {
        content: "";
        position: absolute;
        top: 0;
        background-repeat: no-repeat;
        width: 20px;
        height: 63px
    }

    .c-stampcard:before {
        left: -13px;
        background-image: url(../../../Content/images/build/assets/shop/stampcard-left.8931136.png)
    }

    .c-stampcard:after {
        right: -13px;
        background-image: url(../../../Content/images/build/assets/shop/stampcard-right.b66193d.png)
    }
}

.c-stampcard--no-purchase-yet {
    grid-template-columns:1fr -webkit-max-content;
    grid-template-columns:1fr max-content
}

@media (max-width: 63.99em) {
    .c-stampcard {
        margin: auto -8px -8px
    }
}

.c-stampcard__toggle-icon {
    width: 26px;
    height: 26px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #5be6fe;
    outline: none
}

.c-stampcard__copy {
    font-size: 12px;
    font-weight: 700
}

@media (min-width: 48em) {
    .c-stampcard__copy {
        font-size: 16px
    }
}

.c-stampcard__legend {
    font-weight: 400
}

.c-stampcard__list {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    list-style: none;
    grid-gap: 2px
}

.c-stampcard__details {
    grid-column: 1/4;
    padding-bottom: 8px
}

@media (min-width: 48em) {
    .c-stampcard__details {
        display: -webkit-flex;
        display: flex;
        padding-bottom: 0
    }
}

.c-stampcard--no-purchase-yet .c-stampcard__details {
    grid-column: 1/3
}

.c-stampcard__details-value {
    grid-row: 2;
    font-weight: 700
}

@media (min-width: 48em) {
    .c-stampcard__details-label, .c-stampcard__details-value {
        display: inline
    }

    .c-stampcard__details-label:not(:first-child) {
        margin-left: auto
    }
}

.c-stampcard__description {
    grid-column: 1/4;
    display: grid;
    grid-auto-columns: 33.33%;
    grid-auto-flow: column;
    -webkit-justify-content: center;
    justify-content: center;
    list-style: none;
    height: 196px;
    background-image: url(../../../Content/images/build/assets/shop/stampcard-description-bg.2b7de26.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.c-stampcard__description-item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    text-align: center;
    position: relative
}

.c-stampcard__description-item--text {
    height: 42px
}

.c-stampcard__description-asset {
    position: absolute;
    left: 20px;
    top: 0
}

.c-static-page h2, .c-static-page h3, .c-static-page h4 {
    padding: 10px 0
}

.c-static-page h1 {
    font-size: 28px;
    font-weight: 300
}

.c-static-page h2 {
    font-size: 24px;
    line-height: 32px
}

.c-static-page h3 {
    font-weight: 600
}

.c-static-page h3, .c-static-page h4 {
    font-size: 16px;
    line-height: 22px
}

.c-static-page ol, .c-static-page ul {
    margin-left: 20px;
    margin-bottom: 20px
}

.c-static-page li {
    list-style-type: square
}

.c-streak {
    position: absolute;
    width: 100%;
    z-index: 10001;
    background-size: 100%;
    top: 160px;
    background-image: url(../../../Content/images/build/assets/bonus/over-1.f96b2e4.png);
    background-repeat: no-repeat;
    margin-left: -8px
}

@media (min-width: 48em) {
    .c-streak {
        margin-left: -50px;
        top: 260px
    }
}

@media (max-width: 85.365em) and (orientation: landscape) {
    .c-streak {
        left: 35vw;
        top: 0;
        width: 60vw
    }
}

.c-streak__content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 8% 13% 2%;
    height: 100%
}

.c-streak__text {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 18px
}

@media (min-width: 48em) {
    .c-streak__text {
        font-size: 24px
    }
}

@media (min-width: 64em) {
    .c-streak__text {
        height: 16%;
        margin: 8px
    }
}

.c-streak__badge {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 22.77%
}

@media (min-width: 48em) and (max-width: 85.365em) and (orientation: landscape) {
    .c-streak__badge {
        position: absolute;
        top: 0;
        left: 50%;
        width: 10%;
        -webkit-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%)
    }
}

.c-streak__badge .c-icon {
    height: 120px;
    width: auto
}

@media (max-width: 47.99em) and (orientation: portrait) {
    .c-streak__badge .c-icon {
        height: 80px
    }
}

@media (max-width: 63.99em) and (orientation: landscape) {
    .c-streak__badge .c-icon {
        height: 42px
    }
}

.c-streak__tiles {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 35%;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c-streak__tile, .c-streak__tiles {
    display: -webkit-flex;
    display: flex
}

.c-streak__tile {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    width: 20%;
    background-size: 88%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../../../Content/images/build/assets/bonus/day-notdone.b98c465.png)
}

@media (min-width: 48em) {
    .c-streak__tile {
        height: 97px
    }
}

.c-streak__tile.is-active {
    background-image: url(../../../Content/images/build/assets/bonus/day-done.d45a0e3.png);
    background-size: 100%
}

.c-streak__tile--bonus {
    min-width: 100%;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 400
}

@media (min-width: 48em) {
    .c-streak__tile--bonus {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 20px
    }
}

.c-streak__tile--day {
    min-width: 100%;
    margin-top: 4px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-shadow: .7px .7px 5.5px #7da7d9
}

@media (min-width: 48em) {
    .c-streak__tile--day {
        margin-top: 20px;
        font-size: 16px
    }
}

.c-streak__amount {
    margin: auto auto 20px
}

.c-streak__cta {
    height: 0
}

.c-streak__btn {
    margin: -25px auto 0
}

.c-styleguide {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-auto-flow: row;
    grid-template-rows:70px max-content 70px max-content;
    grid-gap: 10px
}

.c-styleguide__title {
    display: -webkit-flex;
    display: flex;
    font-size: 40px;
    text-align: center;
    margin-top: 18px
}

.c-styleguide__game-tiles {
    grid-column: 1/4;
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px
}

.c-styleguide .c-vip__close {
    position: relative
}

@media (min-width: 40.625em) {
    .c-styleguide .c-vip__close {
        top: auto;
        right: auto
    }
}

.c-styleguide .c-bar-status {
    height: auto;
    padding-left: 0;
    padding-top: 0;
    padding-right: 7px;
    width: 400px
}

.c-styleguide .c-bar-status__bar {
    position: static;
    border-radius: 5px;
    margin-left: 3px
}

.c-styleguide .c-bar-status:after {
    left: 0;
    bottom: -2px;
    z-index: -1
}

.c-styleguide .c-level-progress__bar-wrapper {
    margin-left: 0;
    border-radius: 16px
}

@media (min-width: 48em) {
    .c-page--styleguide {
        padding-top: 0
    }
}

.c-tabset {
    background-color: rgba(25, 12, 78, .1)
}

.c-tabset__item {
    color: #5be6fe;
    font-weight: 600;
    text-transform: uppercase
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-tabset__item:hover {
        color: #fff;
        box-shadow: 0 4px 2px -2px #3bc1ff;
        border-bottom: 1px solid rgba(33, 99, 249, .85)
    }
}

.c-tabset__item.is-active, .c-tabset__item:active {
    color: #fff;
    box-shadow: 0 4px 2px -2px #3bc1ff;
    border-bottom: 1px solid rgba(33, 99, 249, .85)
}

.c-tabset__content {
    display: none
}

.c-tabset__content.is-active {
    display: block
}

.c-tabset__content-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center
}

@media (min-width: 48em) {
    .c-tabset__content-wrapper {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
        align-items: center
    }
}

.c-tabset__img {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.c-tabset__text {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    text-align: center
}

@media (min-width: 48em) {
    .c-tabset__text {
        text-align: left
    }
}

.c-teaser-area {
    position: relative;
    width: 100%;
    height: inherit;
    box-sizing: border-box;
    -webkit-flex: none;
    flex: none
}

.c-teaser-area__hit-area {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 52;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .35) 15%, rgba(0, 0, 0, .8))
}

@media (min-width: 64em) {
    .c-teaser-area__hit-area {
        background-image: none
    }
}

.c-teaser-area__wrapper {
    position: relative;
    overflow: hidden;
    height: 230px;
    background-color: #090619
}

@media (min-width: 48em) {
    .c-teaser-area__wrapper {
        height: 300px
    }
}

@media (min-width: 64em) {
    .c-teaser-area__wrapper {
        height: 352px
    }
}

.c-teaser-area__wrapper .swiper-container {
    margin: 0;
    padding: 0;
    height: inherit
}

.c-teaser-area__wrapper .swiper-button-next, .c-teaser-area__wrapper .swiper-button-prev {
    width: 36px;
    height: 36px;
    -webkit-flex: none;
    flex: none;
    background: rgba(0, 0, 0, .5);
    border: 1px solid hsla(0, 0%, 100%, .8);
    border-color: #5be6fe
}

.c-teaser-area__wrapper .swiper-button-next .c-icon, .c-teaser-area__wrapper .swiper-button-prev .c-icon {
    height: 14px;
    color: #5be6fe
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-teaser-area__wrapper .swiper-button-next:hover, .c-teaser-area__wrapper .swiper-button-prev:hover {
        border-color: #fff
    }

    .c-teaser-area__wrapper .swiper-button-next:hover .c-icon, .c-teaser-area__wrapper .swiper-button-prev:hover .c-icon {
        color: #fff
    }
}

.c-teaser-area__wrapper .swiper-pagination {
    display: -webkit-flex;
    display: flex;
    margin: 0 7px
}

.c-teaser-area__wrapper .swiper-button-lock, .c-teaser-area__wrapper .swiper-pagination-lock {
    display: none
}

.c-teaser-area__wrapper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    border: 1px solid hsla(0, 0%, 100%, .8);
    display: block;
    -webkit-flex: none;
    flex: none
}

.c-teaser-area__wrapper .swiper-pagination-bullet-active {
    background-color: #5be6fe;
    border-color: #5be6fe
}

.c-teaser-area__carousel {
    height: 100%
}

.c-teaser-area__paging {
    z-index: 1;
    position: absolute;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex: none;
    flex: none;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 1368px;
    margin: 0 auto;
    width: 100%;
    height: 0
}

@media (min-width: 64em) {
    .c-teaser-area__paging {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        top: 48px
    }
}

.c-teaser-area__img {
    width: auto;
    min-height: 100%;
    background-position: top;
    background-size: cover
}

@media (min-width: 90em) {
    .c-teaser-area__img {
        background-size: auto;
        background-repeat: no-repeat
    }
}

.c-teaser-area__img-link {
    z-index: 50;
    position: absolute;
    height: 100%;
    width: 100%
}

.c-teaser-area__container {
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: relative
}

@media (min-width: 64em) {
    .c-teaser-area__container {
        max-width: 500px;
        text-align: left;
        padding-bottom: 48px
    }
}

@media (min-width: 64em) {
    .c-teaser-area__container:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 130%;
        height: 100%;
        margin-right: -10%;
        margin-left: -20%;
        z-index: -1;
        background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .6) 20%, rgba(0, 0, 0, .7) 50%, rgba(0, 0, 0, .6) 80%, transparent)
    }
}

.c-teaser-area__subline {
    color: #fff;
    font-size: 18px
}

.c-teaser-area__cta-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center
}

@media (min-width: 64em) {
    .c-teaser-area__cta-wrapper {
        -webkit-justify-content: left;
        justify-content: left
    }
}

.c-teaser-area__link {
    font-size: 14px;
    font-weight: 600;
    color: #5be6fe;
    text-transform: uppercase;
    z-index: 51
}

@media (min-width: 85.375em) {
    .c-teaser-area__link {
        font-size: 16px
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none),(min--moz-device-pixel-ratio: 0),(pointer: fine) {
    .c-teaser-area__link:hover {
        color: #fff
    }
}

.c-teaser-registration {
    height: 200px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: auto 100%;
    background-color: #090619
}

@media (min-width: 48em) {
    .c-teaser-registration {
        height: 290px
    }
}

@media (min-width: 90em) {
    .c-teaser-registration {
        height: 500px;
        background-size: auto 100%
    }
}

.c-teaser-registration__shadow {
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    background-size: 100% 100%;
    background-image: linear-gradient(180deg, transparent 0, transparent 18%, rgba(0, 0, 0, .95) 80%)
}

@media (min-width: 48em) {
    .c-teaser-registration__shadow {
        background-image: linear-gradient(180deg, transparent 0, transparent 30%, rgba(0, 0, 0, .7) 80%)
    }
}

@media (min-width: 90em) {
    .c-teaser-registration__shadow {
        background-image: none
    }
}

.c-teaser-registration__container {
    display: grid;
    grid-gap: 8px;
    max-width: 1012px;
    text-align: center;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 90em) {
    .c-teaser-registration__container {
        padding-bottom: 0;
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .35) 30%, hsla(0, 0%, 100%, .35) 70%, hsla(0, 0%, 100%, 0)), linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .15) 30%, hsla(0, 0%, 100%, .15) 70%, hsla(0, 0%, 100%, 0)), linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, .8) 70%, transparent), linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .5) 25%, rgba(0, 0, 0, .5) 75%, transparent);
        background-size: 100% 1px, 100% 1px, 100% 100%, 100% 44px;
        background-repeat: no-repeat;
        background-position: 0 0, left 0 bottom 44px, 0 0, 0 100%
    }

    .c-teaser-registration__container--game-detail {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .35) 30%, hsla(0, 0%, 100%, .35) 70%, hsla(0, 0%, 100%, 0)), linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .15) 30%, hsla(0, 0%, 100%, .15) 70%, hsla(0, 0%, 100%, 0)), linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, .8) 70%, transparent);
        background-size: 100% 1px, 100% 0, 100% 100%, 100% 44px
    }
}

.c-teaser-registration__title {
    font-weight: 700;
    font-size: 34px;
    line-height: 38px;
    text-transform: uppercase;
    text-shadow: 0 0 10px #5be6fe
}

@media (max-width: 63.99em) {
    .c-teaser-registration__title_mobile_game_h1 {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: .4px;
        text-align: center;
        color: #fff;
        text-shadow: 0 0 9.4px #3bc1ff
    }
}

.c-teaser-registration__subline {
    text-shadow: #ff2a00 -1px 0 12px, #ff2a00 0 -1px 12px, #ff2a00 1px 0 12px, #ff2a00 0 1px 12px, #ff2a00 -1px -1px 12px, #ff2a00 1px 1px 12px;
    font-family: georgia, times new roman, times, serif;
    color: #fdf4c1;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .2px
}

@media (min-width: 90em) {
    .c-teaser-registration__subline {
        font-size: 23px;
        line-height: 40px
    }
}

@media (max-width: 63.99em) {
    .c-teaser-registration__subline_mobile_game_h1 {
        font-size: 15px;
        letter-spacing: .3px;
        text-align: center;
        color: #fff
    }
}

.c-teaser-registration__form {
    width: 100%;
    max-width: 464px;
    margin: 0 auto
}

.c-teaser-registration__input {
    box-shadow: 0 0 11.7px 1.3px rgba(180, 245, 255, .77), inset 0 0 14px 0 #2962cf
}

.c-teaser-registration__input::-webkit-input-placeholder {
    color: #4c76c5
}

.c-teaser-registration__input:-ms-input-placeholder {
    color: #4c76c5
}

.c-teaser-registration__input::placeholder {
    color: #4c76c5
}

.c-teaser-registration__icon {
    position: relative;
    border: 2px solid #ffffff1a;
    border-radius: 8px 0 0 8px;
    background-image: linear-gradient(180deg, #55d6fb 4%, #50a0e9 7%, #356ecf 49%, #2f62c8 51%, #1f73c3 88%, #47b4f0 98%);
    box-shadow: 0 0 11.7px 1.3px rgba(180, 245, 255, .77), inset 0 0 14px 0 #2962cf;
    width: 60px;
    -webkit-align-self: center;
    align-self: center;
    margin-right: -14px;
    -webkit-clip-path: polygon(calc(100% - 10px) -10%, calc(100% - 10px) calc(50% - 5px), 100% 50%, calc(100% - 10px) calc(50% + 5px), calc(100% - 10px) 110%, -10% 110%, -10% -10%);
    clip-path: polygon(calc(100% - 10px) -10%, calc(100% - 10px) calc(50% - 5px), 100% 50%, calc(100% - 10px) calc(50% + 5px), calc(100% - 10px) 110%, -10% 110%, -10% -10%);
    -webkit-clip-path: polygon(50px -10px, 50px 17px, 58px 24px, 50px 31px, 50px 58px, -10px 58px, -10px -10px);
    clip-path: polygon(50px -10px, 50px 17px, 58px 24px, 50px 31px, 50px 58px, -10px 58px, -10px -10px);
    padding-right: 10px;
    z-index: 2
}

.c-teaser-registration__icon i {
    color: #5be6fe
}

.c-teaser-registration__hint {
    line-height: 44px
}

.c-usp {
    background-image: url(../../../Content/images/build/assets/usp/bg.50b78eb.png);
    background-repeat: no-repeat;
    background-position: 50% 100%
}

.c-usp__media {
    width: 100%;
    min-height: 100%;
    transition: opacity .2s cubic-bezier(.55, 0, .1, 1);
    opacity: 1
}

.c-usp__media.is-lazy {
    opacity: 0
}

.c-usp__title {
    padding: 8px 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .3px;
    font-weight: 700;
    text-shadow: 0 0 9.4px #3bc1ff;
    background-size: 16px 2px;
    background-position: bottom;
    background-image: linear-gradient(hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .3));
    background-repeat: no-repeat;
    margin: 0
}

@media (min-width: 90em) {
    .c-usp__title {
        font-size: 20px;
        padding: 16px 0;
        background-size: 28px 2px
    }
}

.c-usp__summary {
    padding: 8px 0;
    color: #fff;
    text-align: center
}

@media (max-width: 89.99em) {
    .c-usp__summary {
        font-size: 12px
    }
}

.c-usp__link {
    display: block
}

.c-usp__media {
    min-height: 122px
}

@media (min-width: 48em) {
    .c-usp__media {
        min-height: 257px
    }
}

@media (min-width: 64em) {
    .c-usp__media {
        min-height: 170px
    }
}

@media (min-width: 85.375em) {
    .c-usp__media {
        min-height: 238px
    }
}

.c-vip {
    width: 650px;
    max-width: 100%;
    background: url(../../../Content/images/build/assets/dialog/bg.059f4ad.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: relative
}

@media (min-width: 64em) {
    .c-vip {
        min-width: 650px
    }
}

.c-vip__wrapper {
    padding: 72px 8px
}

@media (max-width: 63.99em) {
    .c-vip__wrapper {
        max-width: 100vmin
    }
}

.c-vip__content {
    height: 100%;
    padding: 7% 9% 4%
}

.c-vip__content--login-help {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

.c-vip__content--center {
    text-align: center
}

.c-vip__content--badge {
    padding-top: 5%
}

@media (min-width: 64em) {
    .c-vip__content--badge {
        padding-top: 10%
    }
}

.c-vip__content button {
    min-width: 350px
}

.c-vip__close {
    top: -3.5vmin;
    right: 4.5vmin;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    width: 9.538vmin;
    height: 9.538vmin;
    max-width: 62px;
    max-height: 62px;
    position: absolute;
    background-image: url(../../../Content/images/build/assets/bonus/close.0d077d6.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1
}

@media (min-width: 40.625em) {
    .c-vip__close {
        top: 10px;
        right: -10px;
        -webkit-transform: none;
        transform: none
    }
}

.c-vip__badge {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 18.462vmin;
    max-height: 120px
}

.c-vip__badge i {
    color: #000
}

@media (min-width: 64em) {
    .c-vip__badge {
        -webkit-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%)
    }
}

.c-vip__title {
    text-align: center;
    font-weight: 900;
    font-size: 30px;
    max-width: 100%
}

.c-vip__title--spaced {
    padding-top: 24px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-vip__title {
        font-size: 52px
    }
}

.c-vip__title--login-help {
    font-size: 40px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-vip__title--login-help {
        font-size: 40px
    }
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-vip__title {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: 1px #fefe6c
    }
}

.c-vip__arrow {
    font-size: 30px
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-vip__arrow {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: 1px #fefe6c
    }
}

.c-vip__copy {
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    font-weight: 400
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-vip__copy {
        font-size: 22px;
        line-height: 28px
    }
}

.c-vip__copy--spaced {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 24px
}

.c-vip__progress {
    text-align: center
}

.c-vip__cta {
    position: absolute;
    bottom: 1.5vmin;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    font-size: 12px
}

@media (min-width: 768px) and (orientation: portrait),(min-width: 1024px) {
    .c-vip__cta {
        font-size: 16px
    }
}

@media (min-width: 40.625em) {
    .c-vip__cta {
        bottom: 8px
    }
}

.c-vip__separator {
    position: relative;
    margin-bottom: 16px;
    padding: 0 10px;
    font-weight: 700
}

.c-vip__separator:before {
    right: 100%;
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0))
}

.c-vip__separator:after, .c-vip__separator:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 170px;
    height: 1px
}

.c-vip__separator:after {
    left: 100%;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0))
}

.c-wheel {
    position: relative;
    margin: auto;
    padding: 8px;
    width: 100%
}

@media (min-width: 48em) {
    .c-wheel {
        padding: 50px
    }
}

@media (max-width: 85.365em) and (orientation: landscape) {
    .c-wheel {
        margin-left: 0;
        width: 40vw
    }
}

@media (max-width: 85.365em) and (orientation: landscape) {
    .c-wheel--active .c-wheel__btn-close {
        right: auto;
        left: 91vw
    }
}

.c-wheel__wrapper {
    position: relative;
    max-width: 742px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

@media (max-width: 85.365em) and (orientation: landscape) {
    .c-wheel__wrapper {
        margin-left: 0;
        max-width: none
    }
}

@media (min-width: 48em) and (max-width: 85.365em) and (orientation: portrait) {
    .c-wheel__wrapper {
        padding-bottom: 10%
    }
}

.c-wheel__title {
    text-align: center;
    font-weight: 900;
    font-size: 32px;
    color: #fefe6c
}

@supports (background-clip:text) or (-webkit-background-clip:text) {
    .c-wheel__title {
        background-image: linear-gradient(180deg, #fefe6c, #e28800), linear-gradient(#fef79b, #fef79b);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-stroke: 1px #fefe6c
    }
}

@media (min-width: 64em) {
    .c-wheel__title {
        font-size: 42px
    }
}

.c-wheel__subline {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px 6px #251c6d;
    margin-bottom: 16px
}

@media (min-width: 64em) {
    .c-wheel__subline {
        font-size: 16px
    }
}

.c-wheel__bg {
    position: absolute;
    left: 50%;
    top: calc(50% - 6px);
    width: calc(100% + 16px);
    height: 150%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(../../../Content/images/build/assets/bonus/wheel-outer.f2b4916.png);
    background-position: center 27%;
    background-repeat: no-repeat;
    background-size: 140%
}

@media (min-width: 46.375em) {
    .c-wheel__bg {
        left: -142px;
        top: -152px;
        width: 742px;
        height: 730px;
        background-size: 100%;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 85.365em) and (orientation: landscape) {
    .c-wheel__bg {
        left: 50%;
        top: calc(50% - 6px);
        width: calc(100% + 16px);
        height: 150%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-size: 140%
    }
}

.c-wheel__item-label {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-left: 50%;
    font-weight: 900;
    font-size: 18px
}

@media (min-width: 48em) {
    .c-wheel__item-label {
        font-size: 28px
    }
}

@media (max-width: 85.365em) and (orientation: landscape) {
    .c-wheel__item-label {
        font-size: 18px
    }
}

.c-wheel__btn-close {
    position: absolute;
    top: 0;
    width: 36px;
    height: 36px;
    right: 8px;
    background-image: url(../../../Content/images/build/assets/bonus/close.0d077d6.png);
    z-index: 1;
    background-size: 100%
}

@media (min-width: 48em) {
    .c-wheel__btn-close {
        right: 0;
        width: 62px;
        height: 62px
    }
}

@media (max-width: 85.365em) and (orientation: landscape) {
    .c-wheel__btn-close {
        right: 0
    }
}

.c-wheel__inner {
    position: relative;
    max-width: 460px;
    margin: 0 auto 25%
}

@media (max-width: 85.365em) and (orientation: landscape) {
    .c-wheel__inner {
        margin-bottom: 0
    }
}

@media (max-width: 85.365em) and (orientation: portrait) {
    .c-wheel__inner {
        margin-bottom: 10%
    }
}

.c-wheel__spinner {
    width: 100%;
    height: 100%;
    background-image: url(../../../Content/images/build/assets/bonus/spin-mid.89170ef.png);
    background-size: 100%;
    color: #fff;
    font-weight: 500;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center
}

.c-wheel__cta {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 158px;
    height: 158px;
    background-image: url(../../../Content/images/build/assets/bonus/spin.371ec1a.png);
    background-size: 100%;
    cursor: pointer
}

@media (max-width: 85.365em) and (orientation: landscape) {
    .c-wheel__cta {
        width: 40%;
        height: 40%
    }
}

.c-wheel__segment-list {
    width: 94%;
    height: 94%;
    position: relative;
    margin: auto
}

.c-wheel__segment {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 50%;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.c-wheel__segment:first-child {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.c-wheel__segment:nth-child(2) {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg)
}

.c-wheel__segment:nth-child(3) {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg)
}

.c-wheel__segment:nth-child(4) {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg)
}

.c-wheel__segment:nth-child(5) {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg)
}

.c-wheel__segment:nth-child(6) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-wheel__segment:nth-child(7) {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg)
}

.c-wheel__segment:nth-child(8) {
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg)
}

.c-wheel__segment:nth-child(9) {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg)
}

.c-wheel__segment:nth-child(10) {
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg)
}

.c-winstreak-bar {
    display: -webkit-flex;
    display: flex;
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 8px;
    box-sizing: content-box
}

.c-winstreak-bar__item {
    -webkit-flex: 1;
    flex: 1;
    padding: 2px;
    height: 6px
}

.c-winstreak-bar__item:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.c-winstreak-bar__item:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.c-winstreak-bar__item:not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 100%, .2)
}

.c-winstreak-bar__item--filled {
    background-color: #3cd490;
    background-clip: content-box
}

.c-winstreak-bar__header {
    line-height: 1;
    padding-bottom: 2px;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.u-center {
    text-align: center
}

.u-t-left {
    text-align: left
}

.u-flex-center {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center
}

.u-flex-v-center, .u-flex-v-h-center {
    -webkit-align-items: center;
    align-items: center
}

.u-flex-v-h-center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.u-blur {
    -webkit-filter: blur(3px) opacity(.5);
    filter: blur(3px) opacity(.5)
}

.u-hide {
    display: none !important
}

@media (max-width: 19.9375em) {
    .u-hide\@xs- {
        display: none !important
    }
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .u-hide\@xs {
        display: none !important
    }
}

@media (min-width: 48em) {
    .u-hide\@sm\+ {
        display: none !important
    }
}

@media (max-width: 47.9375em) {
    .u-hide\@sm- {
        display: none !important
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .u-hide\@sm {
        display: none !important
    }
}

@media (min-width: 64em) {
    .u-hide\@md\+ {
        display: none !important
    }
}

@media (max-width: 63.9375em) {
    .u-hide\@md- {
        display: none !important
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .u-hide\@md {
        display: none !important
    }
}

@media (min-width: 85.375em) {
    .u-hide\@lg\+ {
        display: none !important
    }
}

@media (max-width: 85.3125em) {
    .u-hide\@lg- {
        display: none !important
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .u-hide\@lg {
        display: none !important
    }
}

@media (min-width: 90em) {
    .u-hide\@xl\+ {
        display: none !important
    }
}

@media (max-width: 89.9375em) {
    .u-hide\@xl- {
        display: none !important
    }
}

.u-flex {
    display: -webkit-flex;
    display: flex
}

@media (max-width: 19.9375em) {
    .u-flex\@xs- {
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .u-flex\@xs {
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 48em) {
    .u-flex\@sm\+ {
        display: -webkit-flex;
        display: flex
    }
}

@media (max-width: 47.9375em) {
    .u-flex\@sm- {
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .u-flex\@sm {
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 64em) {
    .u-flex\@md\+ {
        display: -webkit-flex;
        display: flex
    }
}

@media (max-width: 63.9375em) {
    .u-flex\@md- {
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .u-flex\@md {
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 85.375em) {
    .u-flex\@lg\+ {
        display: -webkit-flex;
        display: flex
    }
}

@media (max-width: 85.3125em) {
    .u-flex\@lg- {
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .u-flex\@lg {
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width: 90em) {
    .u-flex\@xl\+ {
        display: -webkit-flex;
        display: flex
    }
}

@media (max-width: 89.9375em) {
    .u-flex\@xl- {
        display: -webkit-flex;
        display: flex
    }
}

.u-hide-visually {
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

@media (max-width: 63.99em) {
    .u-hide-visually\@md- {
        visibility: hidden;
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

.u-element--list ol, .u-element--list ul {
    padding-left: 20px
}

.u-bold {
    font-weight: 600
}

.u-normal {
    font-weight: 400
}

.u-italic {
    font-style: italic
}

.u-uppercase {
    text-transform: uppercase
}

.u-t-14 {
    font-size: 14px
}

.u-t-24 {
    font-size: 24px
}

html:lang(el) * {
    text-transform: none !important
}

.u-no-padding {
    padding: 0
}

.u-m-top {
    margin-top: 8px
}

.u-m-top-none {
    margin-top: 0 !important
}

.u-m-top-atomic {
    margin-top: 1px !important
}

.u-m-top-reduced {
    margin-top: 4px !important
}

.u-m-top-regular {
    margin-top: 8px !important
}

.u-m-top-increased {
    margin-top: 12px !important
}

.u-m-top-large {
    margin-top: 16px !important
}

.u-m-top-huge {
    margin-top: 20px !important
}

.u-m-top-giant {
    margin-top: 24px !important
}

.u-m-top-mega {
    margin-top: 32px !important
}

.u-m-top-super {
    margin-top: 40px !important
}

.u-m-top-giga {
    margin-top: 64px !important
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .u-m-top-none\@xs {
        margin-top: 0 !important
    }

    .u-m-top-atomic\@xs {
        margin-top: 1px !important
    }

    .u-m-top-reduced\@xs {
        margin-top: 4px !important
    }

    .u-m-top-regular\@xs {
        margin-top: 8px !important
    }

    .u-m-top-increased\@xs {
        margin-top: 12px !important
    }

    .u-m-top-large\@xs {
        margin-top: 16px !important
    }

    .u-m-top-huge\@xs {
        margin-top: 20px !important
    }

    .u-m-top-giant\@xs {
        margin-top: 24px !important
    }

    .u-m-top-mega\@xs {
        margin-top: 32px !important
    }

    .u-m-top-super\@xs {
        margin-top: 40px !important
    }

    .u-m-top-giga\@xs {
        margin-top: 64px !important
    }
}

@media (min-width: 48em) {
    .u-m-top-none\@sm\+ {
        margin-top: 0 !important
    }

    .u-m-top-atomic\@sm\+ {
        margin-top: 1px !important
    }

    .u-m-top-reduced\@sm\+ {
        margin-top: 4px !important
    }

    .u-m-top-regular\@sm\+ {
        margin-top: 8px !important
    }

    .u-m-top-increased\@sm\+ {
        margin-top: 12px !important
    }

    .u-m-top-large\@sm\+ {
        margin-top: 16px !important
    }

    .u-m-top-huge\@sm\+ {
        margin-top: 20px !important
    }

    .u-m-top-giant\@sm\+ {
        margin-top: 24px !important
    }

    .u-m-top-mega\@sm\+ {
        margin-top: 32px !important
    }

    .u-m-top-super\@sm\+ {
        margin-top: 40px !important
    }

    .u-m-top-giga\@sm\+ {
        margin-top: 64px !important
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .u-m-top-none\@sm {
        margin-top: 0 !important
    }

    .u-m-top-atomic\@sm {
        margin-top: 1px !important
    }

    .u-m-top-reduced\@sm {
        margin-top: 4px !important
    }

    .u-m-top-regular\@sm {
        margin-top: 8px !important
    }

    .u-m-top-increased\@sm {
        margin-top: 12px !important
    }

    .u-m-top-large\@sm {
        margin-top: 16px !important
    }

    .u-m-top-huge\@sm {
        margin-top: 20px !important
    }

    .u-m-top-giant\@sm {
        margin-top: 24px !important
    }

    .u-m-top-mega\@sm {
        margin-top: 32px !important
    }

    .u-m-top-super\@sm {
        margin-top: 40px !important
    }

    .u-m-top-giga\@sm {
        margin-top: 64px !important
    }
}

@media (min-width: 64em) {
    .u-m-top-none\@md\+ {
        margin-top: 0 !important
    }

    .u-m-top-atomic\@md\+ {
        margin-top: 1px !important
    }

    .u-m-top-reduced\@md\+ {
        margin-top: 4px !important
    }

    .u-m-top-regular\@md\+ {
        margin-top: 8px !important
    }

    .u-m-top-increased\@md\+ {
        margin-top: 12px !important
    }

    .u-m-top-large\@md\+ {
        margin-top: 16px !important
    }

    .u-m-top-huge\@md\+ {
        margin-top: 20px !important
    }

    .u-m-top-giant\@md\+ {
        margin-top: 24px !important
    }

    .u-m-top-mega\@md\+ {
        margin-top: 32px !important
    }

    .u-m-top-super\@md\+ {
        margin-top: 40px !important
    }

    .u-m-top-giga\@md\+ {
        margin-top: 64px !important
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .u-m-top-none\@md {
        margin-top: 0 !important
    }

    .u-m-top-atomic\@md {
        margin-top: 1px !important
    }

    .u-m-top-reduced\@md {
        margin-top: 4px !important
    }

    .u-m-top-regular\@md {
        margin-top: 8px !important
    }

    .u-m-top-increased\@md {
        margin-top: 12px !important
    }

    .u-m-top-large\@md {
        margin-top: 16px !important
    }

    .u-m-top-huge\@md {
        margin-top: 20px !important
    }

    .u-m-top-giant\@md {
        margin-top: 24px !important
    }

    .u-m-top-mega\@md {
        margin-top: 32px !important
    }

    .u-m-top-super\@md {
        margin-top: 40px !important
    }

    .u-m-top-giga\@md {
        margin-top: 64px !important
    }
}

@media (min-width: 85.375em) {
    .u-m-top-none\@lg\+ {
        margin-top: 0 !important
    }

    .u-m-top-atomic\@lg\+ {
        margin-top: 1px !important
    }

    .u-m-top-reduced\@lg\+ {
        margin-top: 4px !important
    }

    .u-m-top-regular\@lg\+ {
        margin-top: 8px !important
    }

    .u-m-top-increased\@lg\+ {
        margin-top: 12px !important
    }

    .u-m-top-large\@lg\+ {
        margin-top: 16px !important
    }

    .u-m-top-huge\@lg\+ {
        margin-top: 20px !important
    }

    .u-m-top-giant\@lg\+ {
        margin-top: 24px !important
    }

    .u-m-top-mega\@lg\+ {
        margin-top: 32px !important
    }

    .u-m-top-super\@lg\+ {
        margin-top: 40px !important
    }

    .u-m-top-giga\@lg\+ {
        margin-top: 64px !important
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .u-m-top-none\@lg {
        margin-top: 0 !important
    }

    .u-m-top-atomic\@lg {
        margin-top: 1px !important
    }

    .u-m-top-reduced\@lg {
        margin-top: 4px !important
    }

    .u-m-top-regular\@lg {
        margin-top: 8px !important
    }

    .u-m-top-increased\@lg {
        margin-top: 12px !important
    }

    .u-m-top-large\@lg {
        margin-top: 16px !important
    }

    .u-m-top-huge\@lg {
        margin-top: 20px !important
    }

    .u-m-top-giant\@lg {
        margin-top: 24px !important
    }

    .u-m-top-mega\@lg {
        margin-top: 32px !important
    }

    .u-m-top-super\@lg {
        margin-top: 40px !important
    }

    .u-m-top-giga\@lg {
        margin-top: 64px !important
    }
}

@media (min-width: 90em) {
    .u-m-top-none\@xl\+ {
        margin-top: 0 !important
    }

    .u-m-top-atomic\@xl\+ {
        margin-top: 1px !important
    }

    .u-m-top-reduced\@xl\+ {
        margin-top: 4px !important
    }

    .u-m-top-regular\@xl\+ {
        margin-top: 8px !important
    }

    .u-m-top-increased\@xl\+ {
        margin-top: 12px !important
    }

    .u-m-top-large\@xl\+ {
        margin-top: 16px !important
    }

    .u-m-top-huge\@xl\+ {
        margin-top: 20px !important
    }

    .u-m-top-giant\@xl\+ {
        margin-top: 24px !important
    }

    .u-m-top-mega\@xl\+ {
        margin-top: 32px !important
    }

    .u-m-top-super\@xl\+ {
        margin-top: 40px !important
    }

    .u-m-top-giga\@xl\+ {
        margin-top: 64px !important
    }
}

.u-m-right {
    margin-right: 8px
}

.u-m-right-none {
    margin-right: 0 !important
}

.u-m-right-atomic {
    margin-right: 1px !important
}

.u-m-right-reduced {
    margin-right: 4px !important
}

.u-m-right-regular {
    margin-right: 8px !important
}

.u-m-right-increased {
    margin-right: 12px !important
}

.u-m-right-large {
    margin-right: 16px !important
}

.u-m-right-huge {
    margin-right: 20px !important
}

.u-m-right-giant {
    margin-right: 24px !important
}

.u-m-right-mega {
    margin-right: 32px !important
}

.u-m-right-super {
    margin-right: 40px !important
}

.u-m-right-giga {
    margin-right: 64px !important
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .u-m-right-none\@xs {
        margin-right: 0 !important
    }

    .u-m-right-atomic\@xs {
        margin-right: 1px !important
    }

    .u-m-right-reduced\@xs {
        margin-right: 4px !important
    }

    .u-m-right-regular\@xs {
        margin-right: 8px !important
    }

    .u-m-right-increased\@xs {
        margin-right: 12px !important
    }

    .u-m-right-large\@xs {
        margin-right: 16px !important
    }

    .u-m-right-huge\@xs {
        margin-right: 20px !important
    }

    .u-m-right-giant\@xs {
        margin-right: 24px !important
    }

    .u-m-right-mega\@xs {
        margin-right: 32px !important
    }

    .u-m-right-super\@xs {
        margin-right: 40px !important
    }

    .u-m-right-giga\@xs {
        margin-right: 64px !important
    }
}

@media (min-width: 48em) {
    .u-m-right-none\@sm\+ {
        margin-right: 0 !important
    }

    .u-m-right-atomic\@sm\+ {
        margin-right: 1px !important
    }

    .u-m-right-reduced\@sm\+ {
        margin-right: 4px !important
    }

    .u-m-right-regular\@sm\+ {
        margin-right: 8px !important
    }

    .u-m-right-increased\@sm\+ {
        margin-right: 12px !important
    }

    .u-m-right-large\@sm\+ {
        margin-right: 16px !important
    }

    .u-m-right-huge\@sm\+ {
        margin-right: 20px !important
    }

    .u-m-right-giant\@sm\+ {
        margin-right: 24px !important
    }

    .u-m-right-mega\@sm\+ {
        margin-right: 32px !important
    }

    .u-m-right-super\@sm\+ {
        margin-right: 40px !important
    }

    .u-m-right-giga\@sm\+ {
        margin-right: 64px !important
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .u-m-right-none\@sm {
        margin-right: 0 !important
    }

    .u-m-right-atomic\@sm {
        margin-right: 1px !important
    }

    .u-m-right-reduced\@sm {
        margin-right: 4px !important
    }

    .u-m-right-regular\@sm {
        margin-right: 8px !important
    }

    .u-m-right-increased\@sm {
        margin-right: 12px !important
    }

    .u-m-right-large\@sm {
        margin-right: 16px !important
    }

    .u-m-right-huge\@sm {
        margin-right: 20px !important
    }

    .u-m-right-giant\@sm {
        margin-right: 24px !important
    }

    .u-m-right-mega\@sm {
        margin-right: 32px !important
    }

    .u-m-right-super\@sm {
        margin-right: 40px !important
    }

    .u-m-right-giga\@sm {
        margin-right: 64px !important
    }
}

@media (min-width: 64em) {
    .u-m-right-none\@md\+ {
        margin-right: 0 !important
    }

    .u-m-right-atomic\@md\+ {
        margin-right: 1px !important
    }

    .u-m-right-reduced\@md\+ {
        margin-right: 4px !important
    }

    .u-m-right-regular\@md\+ {
        margin-right: 8px !important
    }

    .u-m-right-increased\@md\+ {
        margin-right: 12px !important
    }

    .u-m-right-large\@md\+ {
        margin-right: 16px !important
    }

    .u-m-right-huge\@md\+ {
        margin-right: 20px !important
    }

    .u-m-right-giant\@md\+ {
        margin-right: 24px !important
    }

    .u-m-right-mega\@md\+ {
        margin-right: 32px !important
    }

    .u-m-right-super\@md\+ {
        margin-right: 40px !important
    }

    .u-m-right-giga\@md\+ {
        margin-right: 64px !important
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .u-m-right-none\@md {
        margin-right: 0 !important
    }

    .u-m-right-atomic\@md {
        margin-right: 1px !important
    }

    .u-m-right-reduced\@md {
        margin-right: 4px !important
    }

    .u-m-right-regular\@md {
        margin-right: 8px !important
    }

    .u-m-right-increased\@md {
        margin-right: 12px !important
    }

    .u-m-right-large\@md {
        margin-right: 16px !important
    }

    .u-m-right-huge\@md {
        margin-right: 20px !important
    }

    .u-m-right-giant\@md {
        margin-right: 24px !important
    }

    .u-m-right-mega\@md {
        margin-right: 32px !important
    }

    .u-m-right-super\@md {
        margin-right: 40px !important
    }

    .u-m-right-giga\@md {
        margin-right: 64px !important
    }
}

@media (min-width: 85.375em) {
    .u-m-right-none\@lg\+ {
        margin-right: 0 !important
    }

    .u-m-right-atomic\@lg\+ {
        margin-right: 1px !important
    }

    .u-m-right-reduced\@lg\+ {
        margin-right: 4px !important
    }

    .u-m-right-regular\@lg\+ {
        margin-right: 8px !important
    }

    .u-m-right-increased\@lg\+ {
        margin-right: 12px !important
    }

    .u-m-right-large\@lg\+ {
        margin-right: 16px !important
    }

    .u-m-right-huge\@lg\+ {
        margin-right: 20px !important
    }

    .u-m-right-giant\@lg\+ {
        margin-right: 24px !important
    }

    .u-m-right-mega\@lg\+ {
        margin-right: 32px !important
    }

    .u-m-right-super\@lg\+ {
        margin-right: 40px !important
    }

    .u-m-right-giga\@lg\+ {
        margin-right: 64px !important
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .u-m-right-none\@lg {
        margin-right: 0 !important
    }

    .u-m-right-atomic\@lg {
        margin-right: 1px !important
    }

    .u-m-right-reduced\@lg {
        margin-right: 4px !important
    }

    .u-m-right-regular\@lg {
        margin-right: 8px !important
    }

    .u-m-right-increased\@lg {
        margin-right: 12px !important
    }

    .u-m-right-large\@lg {
        margin-right: 16px !important
    }

    .u-m-right-huge\@lg {
        margin-right: 20px !important
    }

    .u-m-right-giant\@lg {
        margin-right: 24px !important
    }

    .u-m-right-mega\@lg {
        margin-right: 32px !important
    }

    .u-m-right-super\@lg {
        margin-right: 40px !important
    }

    .u-m-right-giga\@lg {
        margin-right: 64px !important
    }
}

@media (min-width: 90em) {
    .u-m-right-none\@xl\+ {
        margin-right: 0 !important
    }

    .u-m-right-atomic\@xl\+ {
        margin-right: 1px !important
    }

    .u-m-right-reduced\@xl\+ {
        margin-right: 4px !important
    }

    .u-m-right-regular\@xl\+ {
        margin-right: 8px !important
    }

    .u-m-right-increased\@xl\+ {
        margin-right: 12px !important
    }

    .u-m-right-large\@xl\+ {
        margin-right: 16px !important
    }

    .u-m-right-huge\@xl\+ {
        margin-right: 20px !important
    }

    .u-m-right-giant\@xl\+ {
        margin-right: 24px !important
    }

    .u-m-right-mega\@xl\+ {
        margin-right: 32px !important
    }

    .u-m-right-super\@xl\+ {
        margin-right: 40px !important
    }

    .u-m-right-giga\@xl\+ {
        margin-right: 64px !important
    }
}

.u-m-bottom {
    margin-bottom: 8px
}

.u-m-bottom-none {
    margin-bottom: 0 !important
}

.u-m-bottom-atomic {
    margin-bottom: 1px !important
}

.u-m-bottom-reduced {
    margin-bottom: 4px !important
}

.u-m-bottom-regular {
    margin-bottom: 8px !important
}

.u-m-bottom-increased {
    margin-bottom: 12px !important
}

.u-m-bottom-large {
    margin-bottom: 16px !important
}

.u-m-bottom-huge {
    margin-bottom: 20px !important
}

.u-m-bottom-giant {
    margin-bottom: 24px !important
}

.u-m-bottom-mega {
    margin-bottom: 32px !important
}

.u-m-bottom-super {
    margin-bottom: 40px !important
}

.u-m-bottom-giga {
    margin-bottom: 64px !important
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .u-m-bottom-none\@xs {
        margin-bottom: 0 !important
    }

    .u-m-bottom-atomic\@xs {
        margin-bottom: 1px !important
    }

    .u-m-bottom-reduced\@xs {
        margin-bottom: 4px !important
    }

    .u-m-bottom-regular\@xs {
        margin-bottom: 8px !important
    }

    .u-m-bottom-increased\@xs {
        margin-bottom: 12px !important
    }

    .u-m-bottom-large\@xs {
        margin-bottom: 16px !important
    }

    .u-m-bottom-huge\@xs {
        margin-bottom: 20px !important
    }

    .u-m-bottom-giant\@xs {
        margin-bottom: 24px !important
    }

    .u-m-bottom-mega\@xs {
        margin-bottom: 32px !important
    }

    .u-m-bottom-super\@xs {
        margin-bottom: 40px !important
    }

    .u-m-bottom-giga\@xs {
        margin-bottom: 64px !important
    }
}

@media (min-width: 48em) {
    .u-m-bottom-none\@sm\+ {
        margin-bottom: 0 !important
    }

    .u-m-bottom-atomic\@sm\+ {
        margin-bottom: 1px !important
    }

    .u-m-bottom-reduced\@sm\+ {
        margin-bottom: 4px !important
    }

    .u-m-bottom-regular\@sm\+ {
        margin-bottom: 8px !important
    }

    .u-m-bottom-increased\@sm\+ {
        margin-bottom: 12px !important
    }

    .u-m-bottom-large\@sm\+ {
        margin-bottom: 16px !important
    }

    .u-m-bottom-huge\@sm\+ {
        margin-bottom: 20px !important
    }

    .u-m-bottom-giant\@sm\+ {
        margin-bottom: 24px !important
    }

    .u-m-bottom-mega\@sm\+ {
        margin-bottom: 32px !important
    }

    .u-m-bottom-super\@sm\+ {
        margin-bottom: 40px !important
    }

    .u-m-bottom-giga\@sm\+ {
        margin-bottom: 64px !important
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .u-m-bottom-none\@sm {
        margin-bottom: 0 !important
    }

    .u-m-bottom-atomic\@sm {
        margin-bottom: 1px !important
    }

    .u-m-bottom-reduced\@sm {
        margin-bottom: 4px !important
    }

    .u-m-bottom-regular\@sm {
        margin-bottom: 8px !important
    }

    .u-m-bottom-increased\@sm {
        margin-bottom: 12px !important
    }

    .u-m-bottom-large\@sm {
        margin-bottom: 16px !important
    }

    .u-m-bottom-huge\@sm {
        margin-bottom: 20px !important
    }

    .u-m-bottom-giant\@sm {
        margin-bottom: 24px !important
    }

    .u-m-bottom-mega\@sm {
        margin-bottom: 32px !important
    }

    .u-m-bottom-super\@sm {
        margin-bottom: 40px !important
    }

    .u-m-bottom-giga\@sm {
        margin-bottom: 64px !important
    }
}

@media (min-width: 64em) {
    .u-m-bottom-none\@md\+ {
        margin-bottom: 0 !important
    }

    .u-m-bottom-atomic\@md\+ {
        margin-bottom: 1px !important
    }

    .u-m-bottom-reduced\@md\+ {
        margin-bottom: 4px !important
    }

    .u-m-bottom-regular\@md\+ {
        margin-bottom: 8px !important
    }

    .u-m-bottom-increased\@md\+ {
        margin-bottom: 12px !important
    }

    .u-m-bottom-large\@md\+ {
        margin-bottom: 16px !important
    }

    .u-m-bottom-huge\@md\+ {
        margin-bottom: 20px !important
    }

    .u-m-bottom-giant\@md\+ {
        margin-bottom: 24px !important
    }

    .u-m-bottom-mega\@md\+ {
        margin-bottom: 32px !important
    }

    .u-m-bottom-super\@md\+ {
        margin-bottom: 40px !important
    }

    .u-m-bottom-giga\@md\+ {
        margin-bottom: 64px !important
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .u-m-bottom-none\@md {
        margin-bottom: 0 !important
    }

    .u-m-bottom-atomic\@md {
        margin-bottom: 1px !important
    }

    .u-m-bottom-reduced\@md {
        margin-bottom: 4px !important
    }

    .u-m-bottom-regular\@md {
        margin-bottom: 8px !important
    }

    .u-m-bottom-increased\@md {
        margin-bottom: 12px !important
    }

    .u-m-bottom-large\@md {
        margin-bottom: 16px !important
    }

    .u-m-bottom-huge\@md {
        margin-bottom: 20px !important
    }

    .u-m-bottom-giant\@md {
        margin-bottom: 24px !important
    }

    .u-m-bottom-mega\@md {
        margin-bottom: 32px !important
    }

    .u-m-bottom-super\@md {
        margin-bottom: 40px !important
    }

    .u-m-bottom-giga\@md {
        margin-bottom: 64px !important
    }
}

@media (min-width: 85.375em) {
    .u-m-bottom-none\@lg\+ {
        margin-bottom: 0 !important
    }

    .u-m-bottom-atomic\@lg\+ {
        margin-bottom: 1px !important
    }

    .u-m-bottom-reduced\@lg\+ {
        margin-bottom: 4px !important
    }

    .u-m-bottom-regular\@lg\+ {
        margin-bottom: 8px !important
    }

    .u-m-bottom-increased\@lg\+ {
        margin-bottom: 12px !important
    }

    .u-m-bottom-large\@lg\+ {
        margin-bottom: 16px !important
    }

    .u-m-bottom-huge\@lg\+ {
        margin-bottom: 20px !important
    }

    .u-m-bottom-giant\@lg\+ {
        margin-bottom: 24px !important
    }

    .u-m-bottom-mega\@lg\+ {
        margin-bottom: 32px !important
    }

    .u-m-bottom-super\@lg\+ {
        margin-bottom: 40px !important
    }

    .u-m-bottom-giga\@lg\+ {
        margin-bottom: 64px !important
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .u-m-bottom-none\@lg {
        margin-bottom: 0 !important
    }

    .u-m-bottom-atomic\@lg {
        margin-bottom: 1px !important
    }

    .u-m-bottom-reduced\@lg {
        margin-bottom: 4px !important
    }

    .u-m-bottom-regular\@lg {
        margin-bottom: 8px !important
    }

    .u-m-bottom-increased\@lg {
        margin-bottom: 12px !important
    }

    .u-m-bottom-large\@lg {
        margin-bottom: 16px !important
    }

    .u-m-bottom-huge\@lg {
        margin-bottom: 20px !important
    }

    .u-m-bottom-giant\@lg {
        margin-bottom: 24px !important
    }

    .u-m-bottom-mega\@lg {
        margin-bottom: 32px !important
    }

    .u-m-bottom-super\@lg {
        margin-bottom: 40px !important
    }

    .u-m-bottom-giga\@lg {
        margin-bottom: 64px !important
    }
}

@media (min-width: 90em) {
    .u-m-bottom-none\@xl\+ {
        margin-bottom: 0 !important
    }

    .u-m-bottom-atomic\@xl\+ {
        margin-bottom: 1px !important
    }

    .u-m-bottom-reduced\@xl\+ {
        margin-bottom: 4px !important
    }

    .u-m-bottom-regular\@xl\+ {
        margin-bottom: 8px !important
    }

    .u-m-bottom-increased\@xl\+ {
        margin-bottom: 12px !important
    }

    .u-m-bottom-large\@xl\+ {
        margin-bottom: 16px !important
    }

    .u-m-bottom-huge\@xl\+ {
        margin-bottom: 20px !important
    }

    .u-m-bottom-giant\@xl\+ {
        margin-bottom: 24px !important
    }

    .u-m-bottom-mega\@xl\+ {
        margin-bottom: 32px !important
    }

    .u-m-bottom-super\@xl\+ {
        margin-bottom: 40px !important
    }

    .u-m-bottom-giga\@xl\+ {
        margin-bottom: 64px !important
    }
}

.u-m-left {
    margin-left: 8px
}

.u-m-left-none {
    margin-left: 0 !important
}

.u-m-left-atomic {
    margin-left: 1px !important
}

.u-m-left-reduced {
    margin-left: 4px !important
}

.u-m-left-regular {
    margin-left: 8px !important
}

.u-m-left-increased {
    margin-left: 12px !important
}

.u-m-left-large {
    margin-left: 16px !important
}

.u-m-left-huge {
    margin-left: 20px !important
}

.u-m-left-giant {
    margin-left: 24px !important
}

.u-m-left-mega {
    margin-left: 32px !important
}

.u-m-left-super {
    margin-left: 40px !important
}

.u-m-left-giga {
    margin-left: 64px !important
}

@media (min-width: 20em) and (max-width: 47.9375em) {
    .u-m-left-none\@xs {
        margin-left: 0 !important
    }

    .u-m-left-atomic\@xs {
        margin-left: 1px !important
    }

    .u-m-left-reduced\@xs {
        margin-left: 4px !important
    }

    .u-m-left-regular\@xs {
        margin-left: 8px !important
    }

    .u-m-left-increased\@xs {
        margin-left: 12px !important
    }

    .u-m-left-large\@xs {
        margin-left: 16px !important
    }

    .u-m-left-huge\@xs {
        margin-left: 20px !important
    }

    .u-m-left-giant\@xs {
        margin-left: 24px !important
    }

    .u-m-left-mega\@xs {
        margin-left: 32px !important
    }

    .u-m-left-super\@xs {
        margin-left: 40px !important
    }

    .u-m-left-giga\@xs {
        margin-left: 64px !important
    }
}

@media (min-width: 48em) {
    .u-m-left-none\@sm\+ {
        margin-left: 0 !important
    }

    .u-m-left-atomic\@sm\+ {
        margin-left: 1px !important
    }

    .u-m-left-reduced\@sm\+ {
        margin-left: 4px !important
    }

    .u-m-left-regular\@sm\+ {
        margin-left: 8px !important
    }

    .u-m-left-increased\@sm\+ {
        margin-left: 12px !important
    }

    .u-m-left-large\@sm\+ {
        margin-left: 16px !important
    }

    .u-m-left-huge\@sm\+ {
        margin-left: 20px !important
    }

    .u-m-left-giant\@sm\+ {
        margin-left: 24px !important
    }

    .u-m-left-mega\@sm\+ {
        margin-left: 32px !important
    }

    .u-m-left-super\@sm\+ {
        margin-left: 40px !important
    }

    .u-m-left-giga\@sm\+ {
        margin-left: 64px !important
    }
}

@media (min-width: 48em) and (max-width: 63.9375em) {
    .u-m-left-none\@sm {
        margin-left: 0 !important
    }

    .u-m-left-atomic\@sm {
        margin-left: 1px !important
    }

    .u-m-left-reduced\@sm {
        margin-left: 4px !important
    }

    .u-m-left-regular\@sm {
        margin-left: 8px !important
    }

    .u-m-left-increased\@sm {
        margin-left: 12px !important
    }

    .u-m-left-large\@sm {
        margin-left: 16px !important
    }

    .u-m-left-huge\@sm {
        margin-left: 20px !important
    }

    .u-m-left-giant\@sm {
        margin-left: 24px !important
    }

    .u-m-left-mega\@sm {
        margin-left: 32px !important
    }

    .u-m-left-super\@sm {
        margin-left: 40px !important
    }

    .u-m-left-giga\@sm {
        margin-left: 64px !important
    }
}

@media (min-width: 64em) {
    .u-m-left-none\@md\+ {
        margin-left: 0 !important
    }

    .u-m-left-atomic\@md\+ {
        margin-left: 1px !important
    }

    .u-m-left-reduced\@md\+ {
        margin-left: 4px !important
    }

    .u-m-left-regular\@md\+ {
        margin-left: 8px !important
    }

    .u-m-left-increased\@md\+ {
        margin-left: 12px !important
    }

    .u-m-left-large\@md\+ {
        margin-left: 16px !important
    }

    .u-m-left-huge\@md\+ {
        margin-left: 20px !important
    }

    .u-m-left-giant\@md\+ {
        margin-left: 24px !important
    }

    .u-m-left-mega\@md\+ {
        margin-left: 32px !important
    }

    .u-m-left-super\@md\+ {
        margin-left: 40px !important
    }

    .u-m-left-giga\@md\+ {
        margin-left: 64px !important
    }
}

@media (min-width: 64em) and (max-width: 85.3125em) {
    .u-m-left-none\@md {
        margin-left: 0 !important
    }

    .u-m-left-atomic\@md {
        margin-left: 1px !important
    }

    .u-m-left-reduced\@md {
        margin-left: 4px !important
    }

    .u-m-left-regular\@md {
        margin-left: 8px !important
    }

    .u-m-left-increased\@md {
        margin-left: 12px !important
    }

    .u-m-left-large\@md {
        margin-left: 16px !important
    }

    .u-m-left-huge\@md {
        margin-left: 20px !important
    }

    .u-m-left-giant\@md {
        margin-left: 24px !important
    }

    .u-m-left-mega\@md {
        margin-left: 32px !important
    }

    .u-m-left-super\@md {
        margin-left: 40px !important
    }

    .u-m-left-giga\@md {
        margin-left: 64px !important
    }
}

@media (min-width: 85.375em) {
    .u-m-left-none\@lg\+ {
        margin-left: 0 !important
    }

    .u-m-left-atomic\@lg\+ {
        margin-left: 1px !important
    }

    .u-m-left-reduced\@lg\+ {
        margin-left: 4px !important
    }

    .u-m-left-regular\@lg\+ {
        margin-left: 8px !important
    }

    .u-m-left-increased\@lg\+ {
        margin-left: 12px !important
    }

    .u-m-left-large\@lg\+ {
        margin-left: 16px !important
    }

    .u-m-left-huge\@lg\+ {
        margin-left: 20px !important
    }

    .u-m-left-giant\@lg\+ {
        margin-left: 24px !important
    }

    .u-m-left-mega\@lg\+ {
        margin-left: 32px !important
    }

    .u-m-left-super\@lg\+ {
        margin-left: 40px !important
    }

    .u-m-left-giga\@lg\+ {
        margin-left: 64px !important
    }
}

@media (min-width: 85.375em) and (max-width: 89.9375em) {
    .u-m-left-none\@lg {
        margin-left: 0 !important
    }

    .u-m-left-atomic\@lg {
        margin-left: 1px !important
    }

    .u-m-left-reduced\@lg {
        margin-left: 4px !important
    }

    .u-m-left-regular\@lg {
        margin-left: 8px !important
    }

    .u-m-left-increased\@lg {
        margin-left: 12px !important
    }

    .u-m-left-large\@lg {
        margin-left: 16px !important
    }

    .u-m-left-huge\@lg {
        margin-left: 20px !important
    }

    .u-m-left-giant\@lg {
        margin-left: 24px !important
    }

    .u-m-left-mega\@lg {
        margin-left: 32px !important
    }

    .u-m-left-super\@lg {
        margin-left: 40px !important
    }

    .u-m-left-giga\@lg {
        margin-left: 64px !important
    }
}

@media (min-width: 90em) {
    .u-m-left-none\@xl\+ {
        margin-left: 0 !important
    }

    .u-m-left-atomic\@xl\+ {
        margin-left: 1px !important
    }

    .u-m-left-reduced\@xl\+ {
        margin-left: 4px !important
    }

    .u-m-left-regular\@xl\+ {
        margin-left: 8px !important
    }

    .u-m-left-increased\@xl\+ {
        margin-left: 12px !important
    }

    .u-m-left-large\@xl\+ {
        margin-left: 16px !important
    }

    .u-m-left-huge\@xl\+ {
        margin-left: 20px !important
    }

    .u-m-left-giant\@xl\+ {
        margin-left: 24px !important
    }

    .u-m-left-mega\@xl\+ {
        margin-left: 32px !important
    }

    .u-m-left-super\@xl\+ {
        margin-left: 40px !important
    }

    .u-m-left-giga\@xl\+ {
        margin-left: 64px !important
    }
}

.u-no-margin {
    margin: 0
}

.u-relative {
    position: relative
}

[data-bind="text:testModeDescription"] {
    white-space: normal !important
}