html {
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
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
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@font-face {
    font-display: optional;
    font-family: Vaud;
    font-weight: 300;
    src: url(//d0.tubitv.com/web-k8s/dist/8e1cfdbe0243.woff2) format("woff2"), url(//d0.tubitv.com/web-k8s/dist/0e24d016fb20.woff) format("woff"), url(//d0.tubitv.com/web-k8s/dist/028c4c922fa3.ttf) format("truetype")
}

@font-face {
    font-display: optional;
    font-family: Vaud;
    font-weight: 400;
    src: url(//d0.tubitv.com/web-k8s/dist/0de022cbffd7.woff2) format("woff2"), url(//d0.tubitv.com/web-k8s/dist/bea072da20c3.woff) format("woff"), url(//d0.tubitv.com/web-k8s/dist/6fd2a0177e13.ttf) format("truetype")
}

@font-face {
    font-display: optional;
    font-family: Vaud;
    font-weight: 600;
    src: url(//d0.tubitv.com/web-k8s/dist/efbd48a03dd9.woff2) format("woff2"), url(//d0.tubitv.com/web-k8s/dist/e71d7dcb671e.woff) format("woff"), url(//d0.tubitv.com/web-k8s/dist/042548d5f4c3.ttf) format("truetype")
}

@font-face {
    font-display: optional;
    font-family: Vaud;
    font-weight: 700;
    src: url(//d0.tubitv.com/web-k8s/dist/6da9222739d6.woff2) format("woff2"), url(//d0.tubitv.com/web-k8s/dist/ce9ccb47ec07.woff) format("woff"), url(//d0.tubitv.com/web-k8s/dist/1f0da380a011.ttf) format("truetype")
}

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

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@-ms-viewport {
    width: device-width
}

a {
    text-decoration: none
}

ol,
ul {
    margin: 0;
    padding: 0
}

.H1,
.H2,
.H3,
.H4,
.H5,
.H6 {
    font-weight: 700;
    letter-spacing: .5px
}

.H1 {
    font-size: 67px;
    line-height: 64px
}

.H1,
.H2 {
    letter-spacing: -1px
}

.H2 {
    font-size: 43px;
    line-height: 48px
}

.H3 {
    font-size: 27px;
    line-height: 32px
}

.H4 {
    font-size: 18px
}

.H4,
.H5 {
    line-height: 24px
}

.H5 {
    font-size: 14px
}

.H6 {
    font-size: 11px;
    line-height: 16px
}

html {
    font-family: sans-serif
}

body {
    font-family: Vaud, Helvetica Neue, sans-serif;
    font-size: 12px
}

.ATag,
body {
    font-weight: 400
}

.ATag {
    display: inline-block;
    position: relative;
    transition: opacity .3s;
    color: var(--themeActiveColor);
    line-height: 1.5;
    cursor: pointer
}

.ATag:not(.active) {
    opacity: 1
}

.ATag:active,
.ATag:hover {
    opacity: .75
}

.ATag>* {
    vertical-align: middle
}

.ATag.active {
    color: hsla(0, 0%, 100%, .5);
    pointer-events: none
}

.ATag.active.activeOnWhite {
    color: hsla(0, 0%, 44.7%, .5)
}

.Button {
    display: inline-block;
    position: relative;
    width: 150px;
    height: 40px;
    padding: 0;
    border: 0;
    opacity: 1;
    background: none;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.25;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Button:active,
.Button:focus {
    outline: none
}

.Button:disabled {
    opacity: .65;
    pointer-events: none
}

.Button__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s cubic-bezier(.75, 0, .28, 1);
    border-radius: 2px;
    background: var(--themeActiveColor);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
}

.Button__bg:not(:root:root) {
    -webkit-transform: translateZ(0)
}

.Button:hover .Button__bg {
    transform: scale(1.0666666667, 1.05);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .08);
    cursor: pointer
}

.Button__content {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center
}

.Button--large {
    width: 210px;
    height: 56px;
    font-size: 14px
}

.Button--large:hover .Button__bg {
    transform: scale(1.0476190476, 1.0357142857)
}

.Button--small {
    height: 32px
}

.Button--small:hover .Button__bg {
    transform: scaleX(1.0533333333)
}

.Button--inverse .Button__bg {
    background: #707c86
}

.Button--secondary {
    color: #26262d;
    text-shadow: none
}

.Button--secondary .Button__bg {
    background: #fff
}

.Button--secondary.Button--inverse {
    color: #fff
}

.Button--secondary.Button--inverse .Button__bg {
    background: #26262d
}

.Button--transparent {
    text-shadow: none
}

.Button--transparent .Button__bg {
    background: none;
    box-shadow: none
}

.Button--transparent:hover .Button__bg {
    box-shadow: none
}

.Button--transparent.Button--inverse {
    color: #26262d
}

.Button--round .Button__bg {
    border-radius: 999px
}

.Button--block {
    display: block;
    width: 100%
}

.Button--block+.Button--block {
    margin-top: .5rem
}

.Button__icon {
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    color: #fff;
    line-height: 0
}

.Button_only_icon .Button__icon {
    position: static;
    transform: none
}

.Button--only-icon:hover .Button__bg {
    transform: scale(1.1)
}

.Carousel {
    position: relative
}

.Carousel__next,
.Carousel__prev {
    position: absolute;
    z-index: 2;
    top: 35%;
    bottom: 0;
    left: -12px;
    width: 24px;
    height: 24px;
    transition: opacity .2s ease;
    opacity: 0;
    pointer-events: none
}

.Carousel__next svg,
.Carousel__prev svg {
    width: 10px;
    height: auto
}

.Carousel__next .Button__bg,
.Carousel__prev .Button__bg {
    border: 0
}

.Carousel__prev {
    transform: rotate(90deg)
}

.Carousel__next {
    right: -12px;
    left: auto;
    transform: rotate(-90deg)
}

.Carousel:hover .Carousel__arrow-active {
    opacity: 1;
    pointer-events: auto
}

.Carousel__next-mask,
.Carousel__prev-mask {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 100%;
    bottom: 0;
    left: -65px;
    background: linear-gradient(-270deg, #26262d 50%, rgba(38, 38, 45, .9) 60%, rgba(38, 38, 45, 0))
}

.Carousel__next-mask.Carousel_light-theme,
.Carousel__prev-mask.Carousel_light-theme {
    background: linear-gradient(-270deg, #3b3c42 50%, rgba(59, 60, 66, .9) 60%, rgba(59, 60, 66, 0))
}

.Carousel__next-mask {
    right: -65px;
    left: 100%;
    background: linear-gradient(-90deg, #26262d 50%, rgba(38, 38, 45, .9) 60%, rgba(38, 38, 45, 0))
}

.Carousel__next-mask.Carousel_light-theme {
    background: linear-gradient(-90deg, #3b3c42 50%, rgba(59, 60, 66, .9) 60%, rgba(59, 60, 66, 0))
}

.Carousel--no-mask .Carousel__content {
    overflow: hidden
}

.Carousel .Carousel__row {
    flex-wrap: nowrap;
    transition: transform .5s ease
}

.Col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px
}

@media(max-width: 767px) {
    .Col {
        padding-right: 2px;
        padding-left: 2px
    }
}

.Col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.Col--auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.Col--1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.Col--2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.Col--3 {
    flex: 0 0 25%;
    max-width: 25%
}

.Col--4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.Col--5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.Col--6 {
    flex: 0 0 50%;
    max-width: 50%
}

.Col--7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.Col--8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.Col--9 {
    flex: 0 0 75%;
    max-width: 75%
}

.Col--10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.Col--11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.Col--12 {
    flex: 0 0 100%;
    max-width: 100%
}

.Col--1-5 {
    flex: 0 0 20%;
    max-width: 20%
}

.Col--2-5 {
    flex: 0 0 40%;
    max-width: 40%
}

.Col--3-5 {
    flex: 0 0 60%;
    max-width: 60%
}

.Col--4-5 {
    flex: 0 0 80%;
    max-width: 80%
}

.Col--5-5 {
    flex: 0 0 100%;
    max-width: 100%
}

.Col--pull-0 {
    right: auto
}

.Col--pull-1 {
    right: 8.3333333333%
}

.Col--pull-2 {
    right: 16.6666666667%
}

.Col--pull-3 {
    right: 25%
}

.Col--pull-4 {
    right: 33.3333333333%
}

.Col--pull-5 {
    right: 41.6666666667%
}

.Col--pull-6 {
    right: 50%
}

.Col--pull-7 {
    right: 58.3333333333%
}

.Col--pull-8 {
    right: 66.6666666667%
}

.Col--pull-9 {
    right: 75%
}

.Col--pull-10 {
    right: 83.3333333333%
}

.Col--pull-11 {
    right: 91.6666666667%
}

.Col--pull-12 {
    right: 100%
}

.Col--push-0 {
    left: auto
}

.Col--push-1 {
    left: 8.3333333333%
}

.Col--push-2 {
    left: 16.6666666667%
}

.Col--push-3 {
    left: 25%
}

.Col--push-4 {
    left: 33.3333333333%
}

.Col--push-5 {
    left: 41.6666666667%
}

.Col--push-6 {
    left: 50%
}

.Col--push-7 {
    left: 58.3333333333%
}

.Col--push-8 {
    left: 66.6666666667%
}

.Col--push-9 {
    left: 75%
}

.Col--push-10 {
    left: 83.3333333333%
}

.Col--push-11 {
    left: 91.6666666667%
}

.Col--push-12 {
    left: 100%
}

.Col--offset-1 {
    margin-left: 8.3333333333%
}

.Col--offset-2 {
    margin-left: 16.6666666667%
}

.Col--offset-3 {
    margin-left: 25%
}

.Col--offset-4 {
    margin-left: 33.3333333333%
}

.Col--offset-5 {
    margin-left: 41.6666666667%
}

.Col--offset-6 {
    margin-left: 50%
}

.Col--offset-7 {
    margin-left: 58.3333333333%
}

.Col--offset-8 {
    margin-left: 66.6666666667%
}

.Col--offset-9 {
    margin-left: 75%
}

.Col--offset-10 {
    margin-left: 83.3333333333%
}

.Col--offset-11 {
    margin-left: 91.6666666667%
}

@media(min-width: 375px) {
    .Col--sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .Col--sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .Col--sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .Col--sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .Col--sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .Col--sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .Col--sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .Col--sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .Col--sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .Col--sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .Col--sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .Col--sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .Col--sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .Col--sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--sm-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .Col--sm-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .Col--sm-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .Col--sm-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .Col--sm-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--sm-pull-0 {
        right: auto
    }

    .Col--sm-pull-1 {
        right: 8.3333333333%
    }

    .Col--sm-pull-2 {
        right: 16.6666666667%
    }

    .Col--sm-pull-3 {
        right: 25%
    }

    .Col--sm-pull-4 {
        right: 33.3333333333%
    }

    .Col--sm-pull-5 {
        right: 41.6666666667%
    }

    .Col--sm-pull-6 {
        right: 50%
    }

    .Col--sm-pull-7 {
        right: 58.3333333333%
    }

    .Col--sm-pull-8 {
        right: 66.6666666667%
    }

    .Col--sm-pull-9 {
        right: 75%
    }

    .Col--sm-pull-10 {
        right: 83.3333333333%
    }

    .Col--sm-pull-11 {
        right: 91.6666666667%
    }

    .Col--sm-pull-12 {
        right: 100%
    }

    .Col--sm-push-0 {
        left: auto
    }

    .Col--sm-push-1 {
        left: 8.3333333333%
    }

    .Col--sm-push-2 {
        left: 16.6666666667%
    }

    .Col--sm-push-3 {
        left: 25%
    }

    .Col--sm-push-4 {
        left: 33.3333333333%
    }

    .Col--sm-push-5 {
        left: 41.6666666667%
    }

    .Col--sm-push-6 {
        left: 50%
    }

    .Col--sm-push-7 {
        left: 58.3333333333%
    }

    .Col--sm-push-8 {
        left: 66.6666666667%
    }

    .Col--sm-push-9 {
        left: 75%
    }

    .Col--sm-push-10 {
        left: 83.3333333333%
    }

    .Col--sm-push-11 {
        left: 91.6666666667%
    }

    .Col--sm-push-12 {
        left: 100%
    }

    .Col--sm-offset-0 {
        margin-left: 0
    }

    .Col--sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .Col--sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .Col--sm-offset-3 {
        margin-left: 25%
    }

    .Col--sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .Col--sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .Col--sm-offset-6 {
        margin-left: 50%
    }

    .Col--sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .Col--sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .Col--sm-offset-9 {
        margin-left: 75%
    }

    .Col--sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .Col--sm-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 540px) {
    .Col--sMd {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .Col--sMd-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .Col--sMd-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .Col--sMd-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .Col--sMd-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .Col--sMd-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .Col--sMd-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .Col--sMd-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .Col--sMd-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .Col--sMd-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .Col--sMd-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .Col--sMd-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .Col--sMd-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .Col--sMd-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--sMd-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .Col--sMd-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .Col--sMd-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .Col--sMd-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .Col--sMd-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--sMd-pull-0 {
        right: auto
    }

    .Col--sMd-pull-1 {
        right: 8.3333333333%
    }

    .Col--sMd-pull-2 {
        right: 16.6666666667%
    }

    .Col--sMd-pull-3 {
        right: 25%
    }

    .Col--sMd-pull-4 {
        right: 33.3333333333%
    }

    .Col--sMd-pull-5 {
        right: 41.6666666667%
    }

    .Col--sMd-pull-6 {
        right: 50%
    }

    .Col--sMd-pull-7 {
        right: 58.3333333333%
    }

    .Col--sMd-pull-8 {
        right: 66.6666666667%
    }

    .Col--sMd-pull-9 {
        right: 75%
    }

    .Col--sMd-pull-10 {
        right: 83.3333333333%
    }

    .Col--sMd-pull-11 {
        right: 91.6666666667%
    }

    .Col--sMd-pull-12 {
        right: 100%
    }

    .Col--sMd-push-0 {
        left: auto
    }

    .Col--sMd-push-1 {
        left: 8.3333333333%
    }

    .Col--sMd-push-2 {
        left: 16.6666666667%
    }

    .Col--sMd-push-3 {
        left: 25%
    }

    .Col--sMd-push-4 {
        left: 33.3333333333%
    }

    .Col--sMd-push-5 {
        left: 41.6666666667%
    }

    .Col--sMd-push-6 {
        left: 50%
    }

    .Col--sMd-push-7 {
        left: 58.3333333333%
    }

    .Col--sMd-push-8 {
        left: 66.6666666667%
    }

    .Col--sMd-push-9 {
        left: 75%
    }

    .Col--sMd-push-10 {
        left: 83.3333333333%
    }

    .Col--sMd-push-11 {
        left: 91.6666666667%
    }

    .Col--sMd-push-12 {
        left: 100%
    }

    .Col--sMd-offset-0 {
        margin-left: 0
    }

    .Col--sMd-offset-1 {
        margin-left: 8.3333333333%
    }

    .Col--sMd-offset-2 {
        margin-left: 16.6666666667%
    }

    .Col--sMd-offset-3 {
        margin-left: 25%
    }

    .Col--sMd-offset-4 {
        margin-left: 33.3333333333%
    }

    .Col--sMd-offset-5 {
        margin-left: 41.6666666667%
    }

    .Col--sMd-offset-6 {
        margin-left: 50%
    }

    .Col--sMd-offset-7 {
        margin-left: 58.3333333333%
    }

    .Col--sMd-offset-8 {
        margin-left: 66.6666666667%
    }

    .Col--sMd-offset-9 {
        margin-left: 75%
    }

    .Col--sMd-offset-10 {
        margin-left: 83.3333333333%
    }

    .Col--sMd-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 768px) {
    .Col--md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .Col--md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .Col--md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .Col--md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .Col--md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .Col--md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .Col--md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .Col--md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .Col--md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .Col--md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .Col--md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .Col--md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .Col--md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .Col--md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--md-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .Col--md-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .Col--md-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .Col--md-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .Col--md-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--md-pull-0 {
        right: auto
    }

    .Col--md-pull-1 {
        right: 8.3333333333%
    }

    .Col--md-pull-2 {
        right: 16.6666666667%
    }

    .Col--md-pull-3 {
        right: 25%
    }

    .Col--md-pull-4 {
        right: 33.3333333333%
    }

    .Col--md-pull-5 {
        right: 41.6666666667%
    }

    .Col--md-pull-6 {
        right: 50%
    }

    .Col--md-pull-7 {
        right: 58.3333333333%
    }

    .Col--md-pull-8 {
        right: 66.6666666667%
    }

    .Col--md-pull-9 {
        right: 75%
    }

    .Col--md-pull-10 {
        right: 83.3333333333%
    }

    .Col--md-pull-11 {
        right: 91.6666666667%
    }

    .Col--md-pull-12 {
        right: 100%
    }

    .Col--md-push-0 {
        left: auto
    }

    .Col--md-push-1 {
        left: 8.3333333333%
    }

    .Col--md-push-2 {
        left: 16.6666666667%
    }

    .Col--md-push-3 {
        left: 25%
    }

    .Col--md-push-4 {
        left: 33.3333333333%
    }

    .Col--md-push-5 {
        left: 41.6666666667%
    }

    .Col--md-push-6 {
        left: 50%
    }

    .Col--md-push-7 {
        left: 58.3333333333%
    }

    .Col--md-push-8 {
        left: 66.6666666667%
    }

    .Col--md-push-9 {
        left: 75%
    }

    .Col--md-push-10 {
        left: 83.3333333333%
    }

    .Col--md-push-11 {
        left: 91.6666666667%
    }

    .Col--md-push-12 {
        left: 100%
    }

    .Col--md-offset-0 {
        margin-left: 0
    }

    .Col--md-offset-1 {
        margin-left: 8.3333333333%
    }

    .Col--md-offset-2 {
        margin-left: 16.6666666667%
    }

    .Col--md-offset-3 {
        margin-left: 25%
    }

    .Col--md-offset-4 {
        margin-left: 33.3333333333%
    }

    .Col--md-offset-5 {
        margin-left: 41.6666666667%
    }

    .Col--md-offset-6 {
        margin-left: 50%
    }

    .Col--md-offset-7 {
        margin-left: 58.3333333333%
    }

    .Col--md-offset-8 {
        margin-left: 66.6666666667%
    }

    .Col--md-offset-9 {
        margin-left: 75%
    }

    .Col--md-offset-10 {
        margin-left: 83.3333333333%
    }

    .Col--md-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 960px) {
    .Col--lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .Col--lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .Col--lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .Col--lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .Col--lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .Col--lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .Col--lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .Col--lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .Col--lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .Col--lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .Col--lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .Col--lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .Col--lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .Col--lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--lg-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .Col--lg-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .Col--lg-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .Col--lg-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .Col--lg-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--lg-pull-0 {
        right: auto
    }

    .Col--lg-pull-1 {
        right: 8.3333333333%
    }

    .Col--lg-pull-2 {
        right: 16.6666666667%
    }

    .Col--lg-pull-3 {
        right: 25%
    }

    .Col--lg-pull-4 {
        right: 33.3333333333%
    }

    .Col--lg-pull-5 {
        right: 41.6666666667%
    }

    .Col--lg-pull-6 {
        right: 50%
    }

    .Col--lg-pull-7 {
        right: 58.3333333333%
    }

    .Col--lg-pull-8 {
        right: 66.6666666667%
    }

    .Col--lg-pull-9 {
        right: 75%
    }

    .Col--lg-pull-10 {
        right: 83.3333333333%
    }

    .Col--lg-pull-11 {
        right: 91.6666666667%
    }

    .Col--lg-pull-12 {
        right: 100%
    }

    .Col--lg-push-0 {
        left: auto
    }

    .Col--lg-push-1 {
        left: 8.3333333333%
    }

    .Col--lg-push-2 {
        left: 16.6666666667%
    }

    .Col--lg-push-3 {
        left: 25%
    }

    .Col--lg-push-4 {
        left: 33.3333333333%
    }

    .Col--lg-push-5 {
        left: 41.6666666667%
    }

    .Col--lg-push-6 {
        left: 50%
    }

    .Col--lg-push-7 {
        left: 58.3333333333%
    }

    .Col--lg-push-8 {
        left: 66.6666666667%
    }

    .Col--lg-push-9 {
        left: 75%
    }

    .Col--lg-push-10 {
        left: 83.3333333333%
    }

    .Col--lg-push-11 {
        left: 91.6666666667%
    }

    .Col--lg-push-12 {
        left: 100%
    }

    .Col--lg-offset-0 {
        margin-left: 0
    }

    .Col--lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .Col--lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .Col--lg-offset-3 {
        margin-left: 25%
    }

    .Col--lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .Col--lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .Col--lg-offset-6 {
        margin-left: 50%
    }

    .Col--lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .Col--lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .Col--lg-offset-9 {
        margin-left: 75%
    }

    .Col--lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .Col--lg-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 1170px) {
    .Col--xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .Col--xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .Col--xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .Col--xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .Col--xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .Col--xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .Col--xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .Col--xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .Col--xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .Col--xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .Col--xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .Col--xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .Col--xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .Col--xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--xl-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .Col--xl-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .Col--xl-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .Col--xl-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .Col--xl-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--xl-pull-0 {
        right: auto
    }

    .Col--xl-pull-1 {
        right: 8.3333333333%
    }

    .Col--xl-pull-2 {
        right: 16.6666666667%
    }

    .Col--xl-pull-3 {
        right: 25%
    }

    .Col--xl-pull-4 {
        right: 33.3333333333%
    }

    .Col--xl-pull-5 {
        right: 41.6666666667%
    }

    .Col--xl-pull-6 {
        right: 50%
    }

    .Col--xl-pull-7 {
        right: 58.3333333333%
    }

    .Col--xl-pull-8 {
        right: 66.6666666667%
    }

    .Col--xl-pull-9 {
        right: 75%
    }

    .Col--xl-pull-10 {
        right: 83.3333333333%
    }

    .Col--xl-pull-11 {
        right: 91.6666666667%
    }

    .Col--xl-pull-12 {
        right: 100%
    }

    .Col--xl-push-0 {
        left: auto
    }

    .Col--xl-push-1 {
        left: 8.3333333333%
    }

    .Col--xl-push-2 {
        left: 16.6666666667%
    }

    .Col--xl-push-3 {
        left: 25%
    }

    .Col--xl-push-4 {
        left: 33.3333333333%
    }

    .Col--xl-push-5 {
        left: 41.6666666667%
    }

    .Col--xl-push-6 {
        left: 50%
    }

    .Col--xl-push-7 {
        left: 58.3333333333%
    }

    .Col--xl-push-8 {
        left: 66.6666666667%
    }

    .Col--xl-push-9 {
        left: 75%
    }

    .Col--xl-push-10 {
        left: 83.3333333333%
    }

    .Col--xl-push-11 {
        left: 91.6666666667%
    }

    .Col--xl-push-12 {
        left: 100%
    }

    .Col--xl-offset-0 {
        margin-left: 0
    }

    .Col--xl-offset-1 {
        margin-left: 8.3333333333%
    }

    .Col--xl-offset-2 {
        margin-left: 16.6666666667%
    }

    .Col--xl-offset-3 {
        margin-left: 25%
    }

    .Col--xl-offset-4 {
        margin-left: 33.3333333333%
    }

    .Col--xl-offset-5 {
        margin-left: 41.6666666667%
    }

    .Col--xl-offset-6 {
        margin-left: 50%
    }

    .Col--xl-offset-7 {
        margin-left: 58.3333333333%
    }

    .Col--xl-offset-8 {
        margin-left: 66.6666666667%
    }

    .Col--xl-offset-9 {
        margin-left: 75%
    }

    .Col--xl-offset-10 {
        margin-left: 83.3333333333%
    }

    .Col--xl-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 1440px) {
    .Col--xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .Col--xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .Col--xxl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .Col--xxl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .Col--xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .Col--xxl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .Col--xxl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .Col--xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .Col--xxl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .Col--xxl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .Col--xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .Col--xxl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .Col--xxl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .Col--xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--xxl-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .Col--xxl-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .Col--xxl-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .Col--xxl-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .Col--xxl-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .Col--xxl-pull-0 {
        right: auto
    }

    .Col--xxl-pull-1 {
        right: 8.3333333333%
    }

    .Col--xxl-pull-2 {
        right: 16.6666666667%
    }

    .Col--xxl-pull-3 {
        right: 25%
    }

    .Col--xxl-pull-4 {
        right: 33.3333333333%
    }

    .Col--xxl-pull-5 {
        right: 41.6666666667%
    }

    .Col--xxl-pull-6 {
        right: 50%
    }

    .Col--xxl-pull-7 {
        right: 58.3333333333%
    }

    .Col--xxl-pull-8 {
        right: 66.6666666667%
    }

    .Col--xxl-pull-9 {
        right: 75%
    }

    .Col--xxl-pull-10 {
        right: 83.3333333333%
    }

    .Col--xxl-pull-11 {
        right: 91.6666666667%
    }

    .Col--xxl-pull-12 {
        right: 100%
    }

    .Col--xxl-push-0 {
        left: auto
    }

    .Col--xxl-push-1 {
        left: 8.3333333333%
    }

    .Col--xxl-push-2 {
        left: 16.6666666667%
    }

    .Col--xxl-push-3 {
        left: 25%
    }

    .Col--xxl-push-4 {
        left: 33.3333333333%
    }

    .Col--xxl-push-5 {
        left: 41.6666666667%
    }

    .Col--xxl-push-6 {
        left: 50%
    }

    .Col--xxl-push-7 {
        left: 58.3333333333%
    }

    .Col--xxl-push-8 {
        left: 66.6666666667%
    }

    .Col--xxl-push-9 {
        left: 75%
    }

    .Col--xxl-push-10 {
        left: 83.3333333333%
    }

    .Col--xxl-push-11 {
        left: 91.6666666667%
    }

    .Col--xxl-push-12 {
        left: 100%
    }

    .Col--xxl-offset-0 {
        margin-left: 0
    }

    .Col--xxl-offset-1 {
        margin-left: 8.3333333333%
    }

    .Col--xxl-offset-2 {
        margin-left: 16.6666666667%
    }

    .Col--xxl-offset-3 {
        margin-left: 25%
    }

    .Col--xxl-offset-4 {
        margin-left: 33.3333333333%
    }

    .Col--xxl-offset-5 {
        margin-left: 41.6666666667%
    }

    .Col--xxl-offset-6 {
        margin-left: 50%
    }

    .Col--xxl-offset-7 {
        margin-left: 58.3333333333%
    }

    .Col--xxl-offset-8 {
        margin-left: 66.6666666667%
    }

    .Col--xxl-offset-9 {
        margin-left: 75%
    }

    .Col--xxl-offset-10 {
        margin-left: 83.3333333333%
    }

    .Col--xxl-offset-11 {
        margin-left: 91.6666666667%
    }
}

.Container {
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 65px;
    padding-left: 65px
}

@media(max-width: 767px) {
    .Container {
        padding-right: 20px;
        padding-left: 20px
    }
}

.Row {
    display: flex;
    flex-wrap: wrap;
    /* margin-right: 5px; */
    margin-left: 20px;
}

/* @media(max-width: 767px) {
    .Row {
        margin-right: -2px;
        margin-left: -2px
    }
} */

.Row--no-gutters {
    margin-right: 0;
    margin-left: 0
}

.Row--no-gutters>.Col,
.Row--no-gutters>[class*=Col-] {
    padding-right: 0;
    padding-left: 0
}

.Input {
    position: relative;
    height: 56px;
    padding: 18px 16px 0;
    transition: border .2s;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 2px;
    background: #fff;
    color: #202026;
    font-size: 14px;
    letter-spacing: .5px
}

.Input:hover {
    border: 1px solid rgba(0, 0, 0, .2)
}

.Input+.Input {
    margin-top: 32px
}

.Input+.Input:not(.Input--fixed) {
    margin-top: 16px
}

.Input__input {
    display: block;
    width: 100%;
    height: 36px;
    padding: 5px 0;
    border: 0;
    outline: none;
    background: transparent;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.Input__input:-webkit-autofill,
.Input__input:-webkit-autofill:active,
.Input__input:-webkit-autofill:focus,
.Input__input:-webkit-autofill:hover {
    -webkit-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
    transition-delay: 2s;
    box-shadow: inset 0 0 0 1000px #fff;
    -webkit-text-fill-color: #202026
}

.Input__label {
    position: absolute;
    top: 19px;
    left: 16px;
    transition: top .2s, font-size .2s;
    opacity: .5;
    line-height: 18px;
    pointer-events: none
}

.Input--filled:not(.Input--fixed) .Input__label,
.Input:not(.Input--fixed) .Input__input:focus~.Input__label,
.Input__counter {
    top: 10px;
    font-size: 11px
}

.Input__counter {
    position: absolute;
    right: 16px;
    opacity: .5;
    line-height: 18px
}

.Input__hint {
    position: absolute;
    top: 18px;
    left: 16px;
    transition: opacity .2s;
    opacity: 0;
    line-height: 36px;
    pointer-events: none
}

.Input--actived:not(.Input--filled) .Input__hint {
    opacity: .5
}

.Input__password-icon {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 24px;
    transform: translateY(-50%);
    opacity: .5;
    color: #707c86;
    cursor: pointer
}

.Input--disabled {
    opacity: .5
}

.Input--disabled:hover {
    border: 1px solid rgba(0, 0, 0, .1)
}

.Input--actived {
    box-shadow: inset 0 0 0 1px rgba(255, 80, 26, .1)
}

.Input--actived,
.Input--actived:hover {
    border: 1px solid var(--themeActiveColor)
}

.Input--errored {
    box-shadow: none
}

.Input--errored,
.Input--errored:hover {
    border: 1px solid #ae16ff
}

.Input--errored .Input__label {
    opacity: 1;
    color: #ae16ff
}

.Input--fixed {
    margin-top: 16px
}

.Input--fixed .Input__input {
    margin-top: -9px
}

.Input--fixed .Input__label {
    top: -16px;
    left: 0;
    font-size: 11px;
    line-height: 1
}

.Input--fixed .Input__hint {
    top: 9px
}

.Input--textarea {
    height: auto;
    min-height: 56px
}

.Input--textarea .Input__input {
    height: auto;
    padding: 9px 0;
    line-height: 18px
}

.Input.Select:focus {
    outline: 0
}

.Input.Select .Input__input {
    margin: 0;
    font-size: 100%;
    line-height: 1.15
}

.Input.Select.Input--fixed .Input__input {
    margin-top: -2px
}

.Input.Select:not(.Input--fixed) .Input__input {
    padding: 8px 0 0
}

.Select__hidden {
    display: none;
    visibility: hidden
}

.Select__down-icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 16px;
    transition: transform .5s ease;
    border-top: 4px solid #707c86;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    opacity: .5
}

.Select__down-icon.Select__down-icon--active {
    transform: rotate(180deg)
}

.Select__list {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 297px;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    border: 1px solid var(--themeActiveColor);
    border-radius: 2px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 80, 26, .1);
    cursor: pointer
}

.Select__listItem {
    width: 100%;
    height: 54px;
    padding: 18px 16px 0;
    border-bottom: 1px solid rgba(38, 38, 45, .1);
    color: rgba(38, 38, 45, .5);
    list-style: none;
    cursor: pointer
}

.Select__listItem.Select__listItem--highlighted,
.Select__listItem:hover {
    background-color: rgba(255, 80, 26, .2);
    color: #26262d
}

.Select__listItem:last-of-type {
    border-bottom: 0
}

.Select__listItem.Select__listItem--selected {
    background-color: rgba(255, 80, 26, .05);
    color: #26262d
}

.Select__listItem.Select__listItem--selected.Select__listItem--highlighted,
.Select__listItem.Select__listItem--selected:hover {
    background-color: rgba(255, 80, 26, .2)
}

.Select__native {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-appearance: none
}

.Tabs__tab-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: #f0f3f5
}

.Tabs__tab-list--mode-button {
    justify-content: flex-start
}

.Tabs__tab-list--mode-link {
    justify-content: center;
    padding: 12px 0;
    background-color: #fff
}

.Tabs__tab-nav {
    box-sizing: border-box;
    cursor: pointer
}

.Tabs__tab-nav:focus {
    outline: none !important
}

.Tabs__tab-nav[aria-disabled=true] {
    cursor: not-allowed
}

.Tabs__tab-nav--mode-button {
    flex: 1 1 100%
}

.Tabs__tab-nav--mode-link {
    flex: 0 0 auto
}

.Tabs__tab-title--mode-button {
    padding: 12px 16px;
    border: 1px solid rgba(64, 71, 76, .1);
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    color: #707c86;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

[aria-selected=true] .Tabs__tab-title--mode-button {
    border-radius: 2px;
    border-color: transparent;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1), 1px 0 0 0 rgba(0, 0, 0, .05)
}

.Tabs__tab-title--mode-link {
    padding: 12px 16px;
    color: #707c86;
    font-size: 11px;
    font-weight: 700
}

[aria-selected=true] .Tabs__tab-title--mode-link {
    color: var(--themeActiveColor)
}

.Tabs__tab-panel[aria-hidden=true] {
    display: none
}

.web-iconButton {
    color: #fff;
    transition: color .3s ease;
    cursor: pointer;
    display: flex;
    font-size: 48px
}

.web-iconButton:hover {
    color: var(--themeActiveColor)
}

.web-iconButton:active {
    color: rgba(255, 80, 26, .8)
}

.web-tooltip {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.web-tooltip:hover .web-tooltip__container {
    opacity: 1;
    pointer-events: auto
}

.web-tooltip__container {
    font-weight: 900;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    z-index: 10;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
    padding: 8px 12px;
    border-radius: 8px;
    white-space: nowrap
}

.web-tooltip__container:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

.web-tooltip__container.top,
.web-tooltip__container.topLeft,
.web-tooltip__container.topRight {
    top: -8px
}

.web-tooltip__container.top:after,
.web-tooltip__container.topLeft:after,
.web-tooltip__container.topRight:after {
    bottom: -8px;
    border-width: 8px 8px 0
}

.web-tooltip__container.top {
    left: 50%;
    transform: translate(-50%, -100%)
}

.web-tooltip__container.top:after {
    left: 50%;
    transform: translateX(-50%)
}

.web-tooltip__container.topLeft {
    right: -10px;
    transform: translateY(-100%)
}

.web-tooltip__container.topLeft:after {
    right: 12px
}

.web-tooltip__container.topRight {
    left: -10px;
    transform: translateY(-100%)
}

.web-tooltip__container.topRight:after {
    left: 12px
}

.web-tooltip__container.bottom,
.web-tooltip__container.bottomLeft,
.web-tooltip__container.bottomRight {
    bottom: -12px
}

.web-tooltip__container.bottom:after,
.web-tooltip__container.bottomLeft:after,
.web-tooltip__container.bottomRight:after {
    top: -8px;
    border-width: 0 8px 8px
}

.web-tooltip__container.bottom {
    left: 50%;
    transform: translate(-50%, 100%)
}

.web-tooltip__container.bottom:after {
    left: 50%;
    transform: translate(-50%)
}

.web-tooltip__container.bottomLeft {
    right: -10px;
    transform: translateY(100%)
}

.web-tooltip__container.bottomLeft:after {
    right: 12px
}

.web-tooltip__container.bottomRight {
    left: -10px;
    transform: translateY(100%)
}

.web-tooltip__container.bottomRight:after {
    left: 12px
}

.web-tooltip__container.dark {
    color: #9699a3;
    background: #1c1f29
}

.web-tooltip__container.dark.top:after,
.web-tooltip__container.dark.topLeft:after,
.web-tooltip__container.dark.topRight:after {
    border-color: #1c1f29 transparent transparent
}

.web-tooltip__container.light {
    color: #fff;
    background: #585b66
}

.web-tooltip__container.light.top:after,
.web-tooltip__container.light.topLeft:after,
.web-tooltip__container.light.topRight:after {
    border-color: #585b66 transparent transparent
}

.web-carousel {
    flex-wrap: nowrap !important;
    white-space: nowrap
}

.web-carousel--enable-transition {
    transition: transform .6s ease
}

.web-carousel__container {
    width: 100%;
    overflow: hidden
}

.web-carousel__item {
    opacity: 1
}

.web-carousel__item--masked {
    opacity: .24;
    pointer-events: none
}

.web-carousel__item--enable-transition {
    transition: opacity .3s ease
}

.web-carousel-shell {
    position: relative;
    width: 100%;
    padding: 12px 0
}

.web-carousel-shell__next,
.web-carousel-shell__previous {
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    display: inline-flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    top: 0;
    height: 100%;
    width: 60px
}

@media(max-width: 767px) {

    .web-carousel-shell__next,
    .web-carousel-shell__previous {
        width: 18px
    }
}

.web-carousel-shell__next--for-no-overflowing-item,
.web-carousel-shell__previous--for-no-overflowing-item {
    width: 48px
}

.web-carousel-shell__next {
    right: 0
}

.web-carousel-shell__next--for-no-overflowing-item {
    right: -24px
}

.web-carousel-shell__previous {
    left: 0
}

.web-carousel-shell__previous--for-no-overflowing-item {
    left: -24px
}

.web-carousel-shell__previous-next-icon {
    width: 28px;
    height: 28px;
    transition: opacity .3s ease;
    opacity: 0
}

.web-carousel-shell__previous-next-icon--for-no-overflowing-item {
    opacity: 1
}

.web-carousel-shell__previous-next-icon--for-content-tile {
    margin-bottom: 70px
}

@media(max-width: 767px) {
    .web-carousel-shell__previous-next-icon--for-content-tile {
        margin-bottom: 28px;
        width: 18px;
        height: 18px
    }
}

.web-carousel-shell:hover .web-carousel-shell__previous-next-icon {
    opacity: 1
}

.web-cc {
    color: #fff;
    font-size: 24px;
    flex-shrink: 0
}

.web-content-tile {
    display: flex;
    cursor: pointer;
    padding: 2px 0;
    position: relative;
    color: #9699a3
}

.kids-mode .web-content-tile {
    color: #fff
}

.web-content-tile__container {
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: column
}

.web-content-tile__poster {
    position: relative;
    display: flex;
    flex-grow: 1
}

.web-content-tile__label {
    z-index: 1;
    position: absolute;
    top: 8px;
    left: 8px
}

.web-content-tile__poster-overlay {
    z-index: 2;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity .3s ease;
    border-radius: 4px;
    background-color: rgba(16, 20, 31, .64);
    overflow: hidden
}

.kids-mode .web-content-tile__poster-overlay {
    background-color: rgba(40, 101, 183, .64)
}

.web-content-tile__poster-overlay__lock-icon {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 20px;
    color: #fff
}

.web-content-tile:hover .web-content-tile__poster-overlay {
    opacity: 1
}

.web-content-tile__preview {
    width: 205%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.web-content-tile__preview-left {
    left: 0;
    transform: translateY(-50%)
}

.web-content-tile__preview-right {
    left: auto;
    right: 0;
    transform: translateY(-50%)
}

.web-content-tile__preview-landscape {
    width: 134%;
    transform: translate(-50%, -40%)
}

.web-content-tile__preview-landscape.web-content-tile__preview-left,
.web-content-tile__preview-landscape.web-content-tile__preview-right {
    transform: translateY(-40%)
}

.web-content-tile__extra-actions-backdrop {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: -5px;
    filter: blur(5px);
    transform: scale(1.08)
}

.web-content-tile__extra-actions-backdrop img {
    position: absolute;
    width: 100%;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.web-content-tile__extra-actions-backdrop:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(38, 38, 45, .75), rgba(38, 38, 45, .75))
}

.web-content-tile__extra-actions {
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: 4px;
    align-items: center;
    color: #fff;
    overflow: hidden;
    border-radius: 4px;
    padding: 8px;
    list-style-type: none;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

@media(max-width: 767px) {
    .web-content-tile__extra-actions {
        display: none
    }
}

.web-content-tile__extra-actions-item {
    position: relative;
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .0784313725490196);
    transition: color .3s ease;
    list-style: none;
    display: block;
    text-align: center
}

.web-content-tile__extra-actions-item:hover {
    color: var(--themeActiveColor)
}

.web-content-tile__extra-actions-item+.web-content-tile__extra-actions-item {
    margin-top: 4px
}

.web-content-tile__add-to-list-icon {
    width: 24px;
    height: 24px
}

.web-content-tile__content-info {
    overflow: hidden;
    display: flex;
    flex-flow: column
}

.web-content-tile__coming-soon {
    display: flex;
    flex-flow: column;
    margin: 9.5px 0 -4px;
    color: var(--themeActiveColor)
}

.web-content-tile__content-digest {
    display: flex;
    flex-flow: column;
    margin-top: 8px
}

.web-content-tile__content-digest:hover .web-content-tile__title {
    color: var(--themeActiveColor)
}

.web-content-tile__title {
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .0784313725490196);
    transition: color .3s ease;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none
}

.web-content-tile__title:hover {
    color: var(--themeActiveColor)
}

.web-content-tile__year-duration-rating {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .0784313725490196);
    margin-top: 8px;
    color: #9699a3;
    display: flex;
    width: 100%
}

@media(max-width: 767px) {
    .web-content-tile__year-duration-rating {
        display: none
    }
}

.web-content-tile__year+.web-content-tile__duration:before {
    content: " · "
}

.web-content-tile__rating {
    margin-left: auto;
    display: flex
}

.web-content-tile__tags-row {
    margin-top: 4px;
    display: flex;
    align-items: center
}

.web-content-tile__tags-row>*+* {
    margin-left: 8px
}

@media(max-width: 767px) {
    .web-content-tile__tags-row {
        display: none
    }
}

.web-content-tile__4K {
    width: 74px;
    height: 24px;
    color: #fff
}

.web-content-tile__tags {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .0784313725490196);
    color: #9699a3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.kids-mode .web-content-tile__tags {
    color: #fff
}

.web-content-tile__descriptor {
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 16px;
    margin-left: 4px
}

.web-content-tile__description {
    margin-top: 4px;
    color: #9699a3;
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    max-height: 32px;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.kids-mode .web-content-tile__description {
    color: #fff
}

.web-tile-preview {
    position: relative;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #1c1f29;
    box-shadow: 0 0 8px rgba(0, 0, 0, .201623);
    filter: drop-shadow(0 0 40px #10141F)
}

.web-tile-preview__player {
    padding-top: 56.2790697674%;
    position: relative;
    overflow: hidden;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat
}

.web-tile-preview__label {
    z-index: 1;
    position: absolute;
    top: 8px;
    left: 8px
}

.web-tile-preview__details {
    height: 88.27px;
    display: flex;
    align-items: center
}

.web-tile-preview__poster {
    width: 44px;
    height: 64px;
    margin: 0 12px;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat
}

.web-tile-preview__content-info {
    flex: 1;
    min-width: 0;
    height: 64px;
    margin: 0
}

.web-tile-preview__title {
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .0784313725490196);
    display: block;
    width: 100%;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    transition: color .3s ease
}

.web-tile-preview__title:hover {
    color: var(--themeActiveColor)
}

.web-tile-preview .web-attributes {
    font-size: 11px;
    line-height: 16px;
    margin-top: 8px
}

.web-tile-preview .web-attributes__meta {
    margin-bottom: 4px
}

.web-tile-preview__landscape {
    filter: none
}

.web-tile-preview__landscape .web-tile-preview__details {
    height: 72px
}

.web-tile-preview__landscape .web-tile-preview__content-info {
    height: auto;
    margin-left: 12px
}

.web-tile-preview__landscape .web-attributes {
    display: flex;
    align-items: center
}

.web-tile-preview__landscape .web-attributes__meta {
    margin-bottom: 0
}

.web-tile-preview__buttons {
    display: flex;
    justify-content: end;
    align-items: center
}

.web-tile-preview__button {
    margin: 0 8px
}

.web-tile-preview__button-icon {
    font-size: 24px
}

.web-featured-carousel {
    display: flex;
    pointer-events: none;
    height: 142px
}

.web-featured-carousel__left-posters,
.web-featured-carousel__right-posters {
    pointer-events: auto;
    position: relative;
    width: 100px;
    height: 100%
}

@media(max-width: 767px) {

    .web-featured-carousel__left-posters,
    .web-featured-carousel__right-posters {
        display: none
    }
}

.web-featured-carousel__left-posters {
    margin-left: 70px
}

.web-featured-carousel__right-posters {
    margin-right: 70px
}

.web-featured-carousel__content {
    position: relative;
    margin: 0 24px;
    pointer-events: all;
    flex-grow: 1
}

.web-featured-carousel__poster {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    transition: opacity .3s ease, transform .3s ease;
    cursor: pointer
}

.web-featured-carousel__poster--is-nonactive {
    opacity: .4
}

.web-featured-carousel__poster--preview {
    transform: translateX(100%) translateX(10px)
}

.web-featured-carousel__poster--previous {
    transform: translateX(-100%) translateX(-10px)
}

.web-featured-carousel__poster--add-manual-stagger {
    transition-delay: .15s
}

.web-featured-carousel__poster-interaction-overlay {
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.web-grid-container {
    display: flex;
    flex-wrap: wrap;
    margin-right: 65px;
    margin-left: 65px
}

@media(max-width: 767px) {
    .web-grid-container {
        margin-right: 20px;
        margin-left: 20px
    }
}

.web-grid-container--no-margin {
    margin-right: -5px;
    margin-left: -5px
}

@media(max-width: 767px) {
    .web-grid-container--no-margin {
        margin-right: -2px;
        margin-left: -2px
    }
}

.web-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px
}

@media(max-width: 767px) {
    .web-col {
        padding-right: 2px;
        padding-left: 2px
    }
}

.web-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.web-col--auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.web-col--1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.web-col--2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.web-col--3 {
    flex: 0 0 25%;
    max-width: 25%
}

.web-col--4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.web-col--5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.web-col--6 {
    flex: 0 0 50%;
    max-width: 50%
}

.web-col--7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.web-col--8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.web-col--9 {
    flex: 0 0 75%;
    max-width: 75%
}

.web-col--10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.web-col--11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.web-col--12 {
    flex: 0 0 100%;
    max-width: 100%
}

.web-col--1-5 {
    flex: 0 0 20%;
    max-width: 20%
}

.web-col--2-5 {
    flex: 0 0 40%;
    max-width: 40%
}

.web-col--3-5 {
    flex: 0 0 60%;
    max-width: 60%
}

.web-col--4-5 {
    flex: 0 0 80%;
    max-width: 80%
}

.web-col--5-5 {
    flex: 0 0 100%;
    max-width: 100%
}

.web-col--pull-0 {
    right: auto
}

.web-col--pull-1 {
    right: 8.3333333333%
}

.web-col--pull-2 {
    right: 16.6666666667%
}

.web-col--pull-3 {
    right: 25%
}

.web-col--pull-4 {
    right: 33.3333333333%
}

.web-col--pull-5 {
    right: 41.6666666667%
}

.web-col--pull-6 {
    right: 50%
}

.web-col--pull-7 {
    right: 58.3333333333%
}

.web-col--pull-8 {
    right: 66.6666666667%
}

.web-col--pull-9 {
    right: 75%
}

.web-col--pull-10 {
    right: 83.3333333333%
}

.web-col--pull-11 {
    right: 91.6666666667%
}

.web-col--pull-12 {
    right: 100%
}

.web-col--push-0 {
    left: auto
}

.web-col--push-1 {
    left: 8.3333333333%
}

.web-col--push-2 {
    left: 16.6666666667%
}

.web-col--push-3 {
    left: 25%
}

.web-col--push-4 {
    left: 33.3333333333%
}

.web-col--push-5 {
    left: 41.6666666667%
}

.web-col--push-6 {
    left: 50%
}

.web-col--push-7 {
    left: 58.3333333333%
}

.web-col--push-8 {
    left: 66.6666666667%
}

.web-col--push-9 {
    left: 75%
}

.web-col--push-10 {
    left: 83.3333333333%
}

.web-col--push-11 {
    left: 91.6666666667%
}

.web-col--push-12 {
    left: 100%
}

.web-col--offset-1 {
    margin-left: 8.3333333333%
}

.web-col--offset-2 {
    margin-left: 16.6666666667%
}

.web-col--offset-3 {
    margin-left: 25%
}

.web-col--offset-4 {
    margin-left: 33.3333333333%
}

.web-col--offset-5 {
    margin-left: 41.6666666667%
}

.web-col--offset-6 {
    margin-left: 50%
}

.web-col--offset-7 {
    margin-left: 58.3333333333%
}

.web-col--offset-8 {
    margin-left: 66.6666666667%
}

.web-col--offset-9 {
    margin-left: 75%
}

.web-col--offset-10 {
    margin-left: 83.3333333333%
}

.web-col--offset-11 {
    margin-left: 91.6666666667%
}

@media(min-width: 375px) {
    .web-col--sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .web-col--sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .web-col--sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .web-col--sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .web-col--sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .web-col--sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .web-col--sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .web-col--sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .web-col--sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .web-col--sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .web-col--sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .web-col--sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .web-col--sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .web-col--sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--sm-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .web-col--sm-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .web-col--sm-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .web-col--sm-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .web-col--sm-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--sm-pull-0 {
        right: auto
    }

    .web-col--sm-pull-1 {
        right: 8.3333333333%
    }

    .web-col--sm-pull-2 {
        right: 16.6666666667%
    }

    .web-col--sm-pull-3 {
        right: 25%
    }

    .web-col--sm-pull-4 {
        right: 33.3333333333%
    }

    .web-col--sm-pull-5 {
        right: 41.6666666667%
    }

    .web-col--sm-pull-6 {
        right: 50%
    }

    .web-col--sm-pull-7 {
        right: 58.3333333333%
    }

    .web-col--sm-pull-8 {
        right: 66.6666666667%
    }

    .web-col--sm-pull-9 {
        right: 75%
    }

    .web-col--sm-pull-10 {
        right: 83.3333333333%
    }

    .web-col--sm-pull-11 {
        right: 91.6666666667%
    }

    .web-col--sm-pull-12 {
        right: 100%
    }

    .web-col--sm-push-0 {
        left: auto
    }

    .web-col--sm-push-1 {
        left: 8.3333333333%
    }

    .web-col--sm-push-2 {
        left: 16.6666666667%
    }

    .web-col--sm-push-3 {
        left: 25%
    }

    .web-col--sm-push-4 {
        left: 33.3333333333%
    }

    .web-col--sm-push-5 {
        left: 41.6666666667%
    }

    .web-col--sm-push-6 {
        left: 50%
    }

    .web-col--sm-push-7 {
        left: 58.3333333333%
    }

    .web-col--sm-push-8 {
        left: 66.6666666667%
    }

    .web-col--sm-push-9 {
        left: 75%
    }

    .web-col--sm-push-10 {
        left: 83.3333333333%
    }

    .web-col--sm-push-11 {
        left: 91.6666666667%
    }

    .web-col--sm-push-12 {
        left: 100%
    }

    .web-col--sm-offset-0 {
        margin-left: 0
    }

    .web-col--sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .web-col--sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .web-col--sm-offset-3 {
        margin-left: 25%
    }

    .web-col--sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .web-col--sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .web-col--sm-offset-6 {
        margin-left: 50%
    }

    .web-col--sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .web-col--sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .web-col--sm-offset-9 {
        margin-left: 75%
    }

    .web-col--sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .web-col--sm-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 540px) {
    .web-col--sMd {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .web-col--sMd-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .web-col--sMd-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .web-col--sMd-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .web-col--sMd-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .web-col--sMd-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .web-col--sMd-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .web-col--sMd-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .web-col--sMd-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .web-col--sMd-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .web-col--sMd-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .web-col--sMd-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .web-col--sMd-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .web-col--sMd-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--sMd-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .web-col--sMd-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .web-col--sMd-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .web-col--sMd-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .web-col--sMd-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--sMd-pull-0 {
        right: auto
    }

    .web-col--sMd-pull-1 {
        right: 8.3333333333%
    }

    .web-col--sMd-pull-2 {
        right: 16.6666666667%
    }

    .web-col--sMd-pull-3 {
        right: 25%
    }

    .web-col--sMd-pull-4 {
        right: 33.3333333333%
    }

    .web-col--sMd-pull-5 {
        right: 41.6666666667%
    }

    .web-col--sMd-pull-6 {
        right: 50%
    }

    .web-col--sMd-pull-7 {
        right: 58.3333333333%
    }

    .web-col--sMd-pull-8 {
        right: 66.6666666667%
    }

    .web-col--sMd-pull-9 {
        right: 75%
    }

    .web-col--sMd-pull-10 {
        right: 83.3333333333%
    }

    .web-col--sMd-pull-11 {
        right: 91.6666666667%
    }

    .web-col--sMd-pull-12 {
        right: 100%
    }

    .web-col--sMd-push-0 {
        left: auto
    }

    .web-col--sMd-push-1 {
        left: 8.3333333333%
    }

    .web-col--sMd-push-2 {
        left: 16.6666666667%
    }

    .web-col--sMd-push-3 {
        left: 25%
    }

    .web-col--sMd-push-4 {
        left: 33.3333333333%
    }

    .web-col--sMd-push-5 {
        left: 41.6666666667%
    }

    .web-col--sMd-push-6 {
        left: 50%
    }

    .web-col--sMd-push-7 {
        left: 58.3333333333%
    }

    .web-col--sMd-push-8 {
        left: 66.6666666667%
    }

    .web-col--sMd-push-9 {
        left: 75%
    }

    .web-col--sMd-push-10 {
        left: 83.3333333333%
    }

    .web-col--sMd-push-11 {
        left: 91.6666666667%
    }

    .web-col--sMd-push-12 {
        left: 100%
    }

    .web-col--sMd-offset-0 {
        margin-left: 0
    }

    .web-col--sMd-offset-1 {
        margin-left: 8.3333333333%
    }

    .web-col--sMd-offset-2 {
        margin-left: 16.6666666667%
    }

    .web-col--sMd-offset-3 {
        margin-left: 25%
    }

    .web-col--sMd-offset-4 {
        margin-left: 33.3333333333%
    }

    .web-col--sMd-offset-5 {
        margin-left: 41.6666666667%
    }

    .web-col--sMd-offset-6 {
        margin-left: 50%
    }

    .web-col--sMd-offset-7 {
        margin-left: 58.3333333333%
    }

    .web-col--sMd-offset-8 {
        margin-left: 66.6666666667%
    }

    .web-col--sMd-offset-9 {
        margin-left: 75%
    }

    .web-col--sMd-offset-10 {
        margin-left: 83.3333333333%
    }

    .web-col--sMd-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 768px) {
    .web-col--md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .web-col--md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .web-col--md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .web-col--md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .web-col--md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .web-col--md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .web-col--md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .web-col--md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .web-col--md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .web-col--md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .web-col--md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .web-col--md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .web-col--md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .web-col--md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--md-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .web-col--md-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .web-col--md-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .web-col--md-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .web-col--md-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--md-pull-0 {
        right: auto
    }

    .web-col--md-pull-1 {
        right: 8.3333333333%
    }

    .web-col--md-pull-2 {
        right: 16.6666666667%
    }

    .web-col--md-pull-3 {
        right: 25%
    }

    .web-col--md-pull-4 {
        right: 33.3333333333%
    }

    .web-col--md-pull-5 {
        right: 41.6666666667%
    }

    .web-col--md-pull-6 {
        right: 50%
    }

    .web-col--md-pull-7 {
        right: 58.3333333333%
    }

    .web-col--md-pull-8 {
        right: 66.6666666667%
    }

    .web-col--md-pull-9 {
        right: 75%
    }

    .web-col--md-pull-10 {
        right: 83.3333333333%
    }

    .web-col--md-pull-11 {
        right: 91.6666666667%
    }

    .web-col--md-pull-12 {
        right: 100%
    }

    .web-col--md-push-0 {
        left: auto
    }

    .web-col--md-push-1 {
        left: 8.3333333333%
    }

    .web-col--md-push-2 {
        left: 16.6666666667%
    }

    .web-col--md-push-3 {
        left: 25%
    }

    .web-col--md-push-4 {
        left: 33.3333333333%
    }

    .web-col--md-push-5 {
        left: 41.6666666667%
    }

    .web-col--md-push-6 {
        left: 50%
    }

    .web-col--md-push-7 {
        left: 58.3333333333%
    }

    .web-col--md-push-8 {
        left: 66.6666666667%
    }

    .web-col--md-push-9 {
        left: 75%
    }

    .web-col--md-push-10 {
        left: 83.3333333333%
    }

    .web-col--md-push-11 {
        left: 91.6666666667%
    }

    .web-col--md-push-12 {
        left: 100%
    }

    .web-col--md-offset-0 {
        margin-left: 0
    }

    .web-col--md-offset-1 {
        margin-left: 8.3333333333%
    }

    .web-col--md-offset-2 {
        margin-left: 16.6666666667%
    }

    .web-col--md-offset-3 {
        margin-left: 25%
    }

    .web-col--md-offset-4 {
        margin-left: 33.3333333333%
    }

    .web-col--md-offset-5 {
        margin-left: 41.6666666667%
    }

    .web-col--md-offset-6 {
        margin-left: 50%
    }

    .web-col--md-offset-7 {
        margin-left: 58.3333333333%
    }

    .web-col--md-offset-8 {
        margin-left: 66.6666666667%
    }

    .web-col--md-offset-9 {
        margin-left: 75%
    }

    .web-col--md-offset-10 {
        margin-left: 83.3333333333%
    }

    .web-col--md-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 960px) {
    .web-col--lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .web-col--lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .web-col--lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .web-col--lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .web-col--lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .web-col--lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .web-col--lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .web-col--lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .web-col--lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .web-col--lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .web-col--lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .web-col--lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .web-col--lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .web-col--lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--lg-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .web-col--lg-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .web-col--lg-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .web-col--lg-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .web-col--lg-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--lg-pull-0 {
        right: auto
    }

    .web-col--lg-pull-1 {
        right: 8.3333333333%
    }

    .web-col--lg-pull-2 {
        right: 16.6666666667%
    }

    .web-col--lg-pull-3 {
        right: 25%
    }

    .web-col--lg-pull-4 {
        right: 33.3333333333%
    }

    .web-col--lg-pull-5 {
        right: 41.6666666667%
    }

    .web-col--lg-pull-6 {
        right: 50%
    }

    .web-col--lg-pull-7 {
        right: 58.3333333333%
    }

    .web-col--lg-pull-8 {
        right: 66.6666666667%
    }

    .web-col--lg-pull-9 {
        right: 75%
    }

    .web-col--lg-pull-10 {
        right: 83.3333333333%
    }

    .web-col--lg-pull-11 {
        right: 91.6666666667%
    }

    .web-col--lg-pull-12 {
        right: 100%
    }

    .web-col--lg-push-0 {
        left: auto
    }

    .web-col--lg-push-1 {
        left: 8.3333333333%
    }

    .web-col--lg-push-2 {
        left: 16.6666666667%
    }

    .web-col--lg-push-3 {
        left: 25%
    }

    .web-col--lg-push-4 {
        left: 33.3333333333%
    }

    .web-col--lg-push-5 {
        left: 41.6666666667%
    }

    .web-col--lg-push-6 {
        left: 50%
    }

    .web-col--lg-push-7 {
        left: 58.3333333333%
    }

    .web-col--lg-push-8 {
        left: 66.6666666667%
    }

    .web-col--lg-push-9 {
        left: 75%
    }

    .web-col--lg-push-10 {
        left: 83.3333333333%
    }

    .web-col--lg-push-11 {
        left: 91.6666666667%
    }

    .web-col--lg-push-12 {
        left: 100%
    }

    .web-col--lg-offset-0 {
        margin-left: 0
    }

    .web-col--lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .web-col--lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .web-col--lg-offset-3 {
        margin-left: 25%
    }

    .web-col--lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .web-col--lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .web-col--lg-offset-6 {
        margin-left: 50%
    }

    .web-col--lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .web-col--lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .web-col--lg-offset-9 {
        margin-left: 75%
    }

    .web-col--lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .web-col--lg-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 1170px) {
    .web-col--xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .web-col--xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .web-col--xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .web-col--xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .web-col--xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .web-col--xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .web-col--xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .web-col--xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .web-col--xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .web-col--xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .web-col--xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .web-col--xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .web-col--xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .web-col--xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--xl-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .web-col--xl-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .web-col--xl-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .web-col--xl-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .web-col--xl-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--xl-pull-0 {
        right: auto
    }

    .web-col--xl-pull-1 {
        right: 8.3333333333%
    }

    .web-col--xl-pull-2 {
        right: 16.6666666667%
    }

    .web-col--xl-pull-3 {
        right: 25%
    }

    .web-col--xl-pull-4 {
        right: 33.3333333333%
    }

    .web-col--xl-pull-5 {
        right: 41.6666666667%
    }

    .web-col--xl-pull-6 {
        right: 50%
    }

    .web-col--xl-pull-7 {
        right: 58.3333333333%
    }

    .web-col--xl-pull-8 {
        right: 66.6666666667%
    }

    .web-col--xl-pull-9 {
        right: 75%
    }

    .web-col--xl-pull-10 {
        right: 83.3333333333%
    }

    .web-col--xl-pull-11 {
        right: 91.6666666667%
    }

    .web-col--xl-pull-12 {
        right: 100%
    }

    .web-col--xl-push-0 {
        left: auto
    }

    .web-col--xl-push-1 {
        left: 8.3333333333%
    }

    .web-col--xl-push-2 {
        left: 16.6666666667%
    }

    .web-col--xl-push-3 {
        left: 25%
    }

    .web-col--xl-push-4 {
        left: 33.3333333333%
    }

    .web-col--xl-push-5 {
        left: 41.6666666667%
    }

    .web-col--xl-push-6 {
        left: 50%
    }

    .web-col--xl-push-7 {
        left: 58.3333333333%
    }

    .web-col--xl-push-8 {
        left: 66.6666666667%
    }

    .web-col--xl-push-9 {
        left: 75%
    }

    .web-col--xl-push-10 {
        left: 83.3333333333%
    }

    .web-col--xl-push-11 {
        left: 91.6666666667%
    }

    .web-col--xl-push-12 {
        left: 100%
    }

    .web-col--xl-offset-0 {
        margin-left: 0
    }

    .web-col--xl-offset-1 {
        margin-left: 8.3333333333%
    }

    .web-col--xl-offset-2 {
        margin-left: 16.6666666667%
    }

    .web-col--xl-offset-3 {
        margin-left: 25%
    }

    .web-col--xl-offset-4 {
        margin-left: 33.3333333333%
    }

    .web-col--xl-offset-5 {
        margin-left: 41.6666666667%
    }

    .web-col--xl-offset-6 {
        margin-left: 50%
    }

    .web-col--xl-offset-7 {
        margin-left: 58.3333333333%
    }

    .web-col--xl-offset-8 {
        margin-left: 66.6666666667%
    }

    .web-col--xl-offset-9 {
        margin-left: 75%
    }

    .web-col--xl-offset-10 {
        margin-left: 83.3333333333%
    }

    .web-col--xl-offset-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width: 1440px) {
    .web-col--xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .web-col--xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .web-col--xxl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .web-col--xxl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .web-col--xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .web-col--xxl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .web-col--xxl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .web-col--xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .web-col--xxl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .web-col--xxl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .web-col--xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .web-col--xxl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .web-col--xxl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .web-col--xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--xxl-1-5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .web-col--xxl-2-5 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .web-col--xxl-3-5 {
        flex: 0 0 60%;
        max-width: 60%
    }

    .web-col--xxl-4-5 {
        flex: 0 0 80%;
        max-width: 80%
    }

    .web-col--xxl-5-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-col--xxl-pull-0 {
        right: auto
    }

    .web-col--xxl-pull-1 {
        right: 8.3333333333%
    }

    .web-col--xxl-pull-2 {
        right: 16.6666666667%
    }

    .web-col--xxl-pull-3 {
        right: 25%
    }

    .web-col--xxl-pull-4 {
        right: 33.3333333333%
    }

    .web-col--xxl-pull-5 {
        right: 41.6666666667%
    }

    .web-col--xxl-pull-6 {
        right: 50%
    }

    .web-col--xxl-pull-7 {
        right: 58.3333333333%
    }

    .web-col--xxl-pull-8 {
        right: 66.6666666667%
    }

    .web-col--xxl-pull-9 {
        right: 75%
    }

    .web-col--xxl-pull-10 {
        right: 83.3333333333%
    }

    .web-col--xxl-pull-11 {
        right: 91.6666666667%
    }

    .web-col--xxl-pull-12 {
        right: 100%
    }

    .web-col--xxl-push-0 {
        left: auto
    }

    .web-col--xxl-push-1 {
        left: 8.3333333333%
    }

    .web-col--xxl-push-2 {
        left: 16.6666666667%
    }

    .web-col--xxl-push-3 {
        left: 25%
    }

    .web-col--xxl-push-4 {
        left: 33.3333333333%
    }

    .web-col--xxl-push-5 {
        left: 41.6666666667%
    }

    .web-col--xxl-push-6 {
        left: 50%
    }

    .web-col--xxl-push-7 {
        left: 58.3333333333%
    }

    .web-col--xxl-push-8 {
        left: 66.6666666667%
    }

    .web-col--xxl-push-9 {
        left: 75%
    }

    .web-col--xxl-push-10 {
        left: 83.3333333333%
    }

    .web-col--xxl-push-11 {
        left: 91.6666666667%
    }

    .web-col--xxl-push-12 {
        left: 100%
    }

    .web-col--xxl-offset-0 {
        margin-left: 0
    }

    .web-col--xxl-offset-1 {
        margin-left: 8.3333333333%
    }

    .web-col--xxl-offset-2 {
        margin-left: 16.6666666667%
    }

    .web-col--xxl-offset-3 {
        margin-left: 25%
    }

    .web-col--xxl-offset-4 {
        margin-left: 33.3333333333%
    }

    .web-col--xxl-offset-5 {
        margin-left: 41.6666666667%
    }

    .web-col--xxl-offset-6 {
        margin-left: 50%
    }

    .web-col--xxl-offset-7 {
        margin-left: 58.3333333333%
    }

    .web-col--xxl-offset-8 {
        margin-left: 66.6666666667%
    }

    .web-col--xxl-offset-9 {
        margin-left: 75%
    }

    .web-col--xxl-offset-10 {
        margin-left: 83.3333333333%
    }

    .web-col--xxl-offset-11 {
        margin-left: 91.6666666667%
    }
}

.web-hero-background {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

.web-icon-4k {
    font-size: 20px;
    flex-shrink: 0
}

.web-label {
    display: inline-flex;
    flex-flow: row;
    border-radius: 4px;
    padding: 4px 8px;
    text-transform: uppercase;
    color: #fff;
    align-items: center;
    box-sizing: border-box;
    height: 24px
}

.web-label--size-large {
    height: 32px;
    padding: 6px 10px
}

.web-label__content {
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 16px;
    display: block;
    letter-spacing: .2px;
    margin: .055em 0 -.055em
}

.web-label__content--size-large {
    font-weight: 800;
    font-size: 16px;
    line-height: 20px
}

.web-label--rounded {
    border-radius: 34px
}

.web-label--color-orange {
    background: var(--themeActiveColor)
}

.web-label--outline-orange {
    border: 2px solid var(--themeActiveColor)
}

.web-label--color-red {
    background: #cc090b
}

.web-label--color-white {
    background: #fff;
    color: #1c1f29
}

.web-label--color-gray,
.web-label--color-grey {
    background: #585b66
}

.web-label__icon {
    margin-right: 4px;
    display: flex;
    font-size: 16px
}

.web-label__icon--size-large {
    font-size: 20px
}

.web-rating {
    height: 16px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(150, 153, 163, .32);
    border-radius: 3px
}

.web-rating__content {
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 16px;
    color: hsla(0, 0%, 100%, .8)
}

.web-row-header {
    color: #fff;
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
    height: 48px
}

@media(max-width: 767px) {
    .web-row-header {
        height: 32px;
        margin-top: 8px;
        width: 100%
    }
}

.web-row-header--link {
    color: #fff;
    transition: color .3s ease;
    cursor: pointer
}

.web-row-header--link:hover {
    color: var(--themeActiveColor)
}

.web-row-header--link:active {
    color: rgba(255, 80, 26, .8)
}

.web-row-header__title {
    font-weight: 800;
    font-size: 24px;
    line-height: 32px
}

@media(max-width: 767px) {
    .web-row-header__title {
        font-weight: 800;
        font-size: 16px;
        line-height: 20px
    }
}

.web-row-header__chevron {
    width: 21px;
    height: 26px;
    margin-left: 12px;
    overflow: visible
}

@media(max-width: 767px) {
    .web-row-header__chevron {
        margin-left: auto
    }
}

.web-row-header__logo {
    width: 48px;
    height: 48px;
    margin-right: 16px;
    border-radius: 50%;
    background-size: contain
}

.web-button {
    font-weight: 900;
    font-style: normal;
    font-size: 15px;
    line-height: 24px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .0784313725490196);
    font-family: Vaud, Helvetica Neue, sans-serif;
    background-color: var(--themeActiveColor);
    padding: 12px 24px;
    border: 0;
    opacity: 1;
    border-radius: 8px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    transition: background-color .3s ease
}

.web-button:hover {
    background-color: #ff5f33
}

.web-button:active {
    background-color: #ec4b1a
}

.web-button:disabled {
    opacity: .65;
    pointer-events: none
}

.web-button--loading:disabled {
    opacity: 1
}

.kids-mode .web-button--primary {
    background-color: #eb9c00
}

.kids-mode .web-button--primary:hover {
    background-color: #eca314
}

.kids-mode .web-button--primary:active {
    background-color: #d99102
}

.web-button--has-icon-no-content {
    justify-content: center
}

.web-button--has-tooltip {
    align-items: stretch;
    padding: 0
}

.web-button__tooltip {
    flex-grow: 1;
    padding: 12px 24px
}

.web-button__tag,
.web-button__tooltip {
    display: flex;
    align-items: center;
    justify-content: center
}

.web-button__tag {
    font-weight: 900;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    justify-self: flex-end;
    margin: 0 7px;
    padding: 1px 7px 0;
    height: 24px;
    border-radius: 24px;
    background: #fff;
    text-transform: uppercase;
    color: #10141f
}

.web-button__content {
    height: 24px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.web-button--secondary {
    background-color: #fff;
    color: #10141f
}

.web-button--secondary:hover {
    background-color: #fff
}

.web-button--secondary:active {
    background-color: #f0f0f0
}

.web-button--tertiary {
    background-color: rgba(150, 153, 163, .16);
    color: #fff
}

.web-button--tertiary:hover {
    background-color: rgba(150, 153, 163, .24)
}

.web-button--tertiary:active {
    background-color: rgba(150, 153, 163, .14)
}

.web-button__icon {
    margin: -2px 11px 0 0;
    display: flex;
    align-items: center;
    width: 18px;
    height: 18px
}

.web-button__icon--no-content {
    margin-right: 0
}

.web-button__icon--size-large {
    margin-top: 0;
    width: 24px;
    height: 24px
}

.web-play-button {
    color: #fff;
    transition: color .3s ease;
    cursor: pointer;
    width: 60px;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.web-play-button:hover {
    color: var(--themeActiveColor)
}

.web-play-button:active {
    color: rgba(255, 80, 26, .8)
}

@media(max-width: 1169px) {
    .web-play-button {
        width: 48px
    }
}

.web-play-button__play-icon {
    width: 25px;
    height: 23px
}

.web-play-button__play-icon-container {
    width: 60px;
    height: 60px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 1169px) {
    .web-play-button__play-icon-container {
        width: 48px;
        height: 48px
    }
}

.web-play-button__circle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.web-play-button__label {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    margin-top: 8px;
    text-align: center
}

.web-poster {
    display: flex;
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
    position: relative
}

.web-poster__image-container {
    height: 0;
    width: 100%;
    padding: 71.75% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    flex: 1;
    transition: transform .3s ease;
    position: relative
}

.web-poster__image-container--zoom {
    transform: scale(1.08)
}

.web-poster__image-container--landscape {
    padding: 27.5%;
    background-size: cover
}

.web-poster__image-element {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.web-poster__progress {
    position: absolute;
    height: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 2px;
    background: hsla(0, 0%, 100%, .2);
    transition: opacity .3s ease
}

.web-poster__progress--zoom {
    opacity: 0
}

.web-poster__progress-elapsed {
    position: absolute;
    height: 4px;
    left: 0;
    bottom: 0;
    border-radius: 2px;
    background: var(--themeActiveColor)
}

.web-attributes {
    font-size: 18px;
    line-height: 28px;
    color: #9699a3
}

.kids-mode .web-attributes {
    color: #fff
}

.web-attributes__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 4px
}

.web-attributes__meta>* {
    margin-right: 10px
}

.web-attributes__meta--with-label {
    margin-bottom: 4px
}

.web-attributes__4K {
    width: 74px;
    height: 24px;
    color: #fff
}

.web-attributes__rating-descriptor {
    display: inline-flex
}

.web-attributes__rating {
    margin-top: -1px;
    display: flex;
    align-items: center
}

.web-attributes__badge {
    color: hsla(0, 0%, 100%, .8);
    background: rgba(150, 153, 163, .32);
    padding: 0 6px;
    border-radius: 3px
}

.web-attributes__badge,
.web-attributes__descriptor {
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 16px
}

.web-attributes__descriptor {
    margin-left: 8px
}

.web-attributes__channel-link {
    display: flex
}

.web-attributes__channel-logo {
    height: 24px
}

@media(max-width: 767px) {
    .web-attributes {
        font-size: 14px;
        line-height: 20px
    }
}

@keyframes web-text-input-label-scale-in {
    0% {
        transform: scaleY(0)
    }

    to {
        transform: scaleY(1)
    }
}

.web-text-input {
    position: relative;
    height: 56px;
    max-height: 56px;
    border: 1px solid rgba(240, 241, 245, .16);
    border-radius: 8px;
    transition: border .2s ease, max-height .3s ease
}

.web-text-input:hover {
    border: 1px solid hsla(0, 0%, 100%, .4)
}

.web-text-input:hover .web-text-input__label {
    color: #fff
}

.web-text-input:focus-within {
    background: rgba(150, 153, 163, .16)
}

.web-text-input--error {
    height: auto;
    max-height: 100px;
    overflow: hidden
}

.web-text-input--error,
.web-text-input--error:hover {
    border: 1px solid #cc090b
}

.web-text-input__input {
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    position: absolute;
    top: 24px;
    width: calc(100% - 32px);
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    padding: 0 16px;
    background-clip: inherit;
    -webkit-background-clip: text !important
}

.web-text-input__input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important
}

.web-text-input__input:-webkit-autofill+.web-text-input__label,
.web-text-input__input:focus+.web-text-input__label {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    color: #9699a3;
    top: 8px
}

.web-text-input__input:-webkit-autofill+.web-text-input__placeholder--show {
    opacity: 0
}

.web-text-input__input--with-icon {
    width: calc(100% - 64px)
}

.web-text-input__label {
    font-size: 16px;
    line-height: 24px;
    color: #9699a3;
    position: absolute;
    top: 16px;
    left: 16px;
    transition: all .2s ease;
    pointer-events: none
}

.web-text-input__label--small {
    top: 8px
}

.web-text-input__error,
.web-text-input__label--small {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px
}

.web-text-input__error {
    padding: 8px 16px;
    margin-top: 56px;
    background: #cc090b;
    color: #fff;
    display: flex;
    align-items: center;
    pointer-events: none;
    animation: web-text-input-label-scale-in .2s;
    transform-origin: top
}

.web-text-input__error svg {
    font-size: 12px;
    position: absolute;
    top: 4px;
    right: 4px;
    color: #cc090b
}

.web-text-input__icon {
    font-size: 24px;
    position: absolute;
    top: 16px;
    right: 16px;
    color: #9699a3
}

.web-text-input__validated-icon {
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #0da335
}

.web-text-input__toggle-password-button {
    position: absolute;
    background: none;
    border: none;
    top: 2px;
    right: 6px;
    padding: 12px;
    cursor: pointer;
    line-height: 1
}

.web-text-input__password-icon {
    opacity: .4;
    color: #fff;
    width: 24px;
    height: 24px
}

.web-text-input__placeholder {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    top: 24px;
    left: 16px;
    opacity: 0;
    pointer-events: none
}

.web-text-input__placeholder--show {
    opacity: .5
}

.option-list li {
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    color: #9699a3;
    padding-left: 36px;
    margin-bottom: 12px;
    display: flex;
    align-items: center
}

.option-list .checkmark {
    position: absolute;
    left: 0
}

.option-list .checkmark path {
    fill: var(--themeActiveColor)
}

.web-dropdown {
    box-sizing: border-box;
    border: 1px solid rgba(240, 241, 245, .16);
    border-radius: 8px;
    transition: border .2s ease, max-height .3s ease;
    color: #9699a3;
    max-height: 100px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    overflow: hidden
}

.web-dropdown,
.web-dropdown--container {
    position: relative
}

.web-dropdown:hover {
    border: 1px solid hsla(0, 0%, 100%, .4)
}

.web-dropdown:hover .web-dropdown--label {
    color: #fff
}

.web-dropdown__error,
.web-dropdown__error:hover {
    border: 1px solid #cc090b
}

.web-dropdown--placeholder {
    height: 58px
}

.web-dropdown__open {
    height: auto;
    background: #1c1f29;
    border: 1px solid hsla(0, 0%, 100%, .4);
    max-height: 268px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9
}

.kids-mode .web-dropdown__open {
    background: #2865b7
}

.web-dropdown__open--input {
    border-bottom: 1px solid rgba(150, 153, 163, .16)
}

.web-dropdown__open .web-dropdown--input:focus-within {
    background: #1c1f29
}

.web-dropdown--error {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    height: 44px;
    background: #cc090b;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 16px
}

.web-dropdown--error svg {
    font-size: 12px;
    position: absolute;
    top: 4px;
    right: 4px;
    color: #cc090b
}

.web-dropdown--label {
    position: absolute;
    font-size: 16px;
    line-height: 24px;
    top: 16px;
    color: #9699a3
}

.web-dropdown--label--small {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    top: 8px
}

.web-dropdown--input {
    position: relative;
    height: 56px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    padding: 0 16px
}

.web-dropdown--input:focus-within {
    background: rgba(150, 153, 163, .16);
    outline: 0
}

.web-dropdown--input:focus-within .web-dropdown--label {
    color: #fff
}

.web-dropdown--input-text {
    display: inline-block;
    height: 24px;
    margin-right: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.web-dropdown--input-text--with-label {
    position: absolute;
    top: 24px
}

.web-dropdown--arrow-icon {
    position: absolute;
    font-size: 24px;
    right: 16px;
    top: 16px;
    transition: transform .3s
}

.web-dropdown--arrow-icon__open {
    transform: rotate(180deg)
}

.web-dropdown--options {
    margin: 0;
    padding: 0;
    max-height: 207.2px;
    overflow-y: scroll
}

.web-dropdown--option {
    margin: 0;
    height: auto;
    line-height: 24px;
    border-top: 1px solid rgba(150, 153, 163, .16);
    list-style: none;
    padding: 16px;
    transition: color .3s, background .3s
}

.web-dropdown--option:hover,
.web-dropdown--option__selected {
    color: #fff;
    background: rgba(150, 153, 163, .16)
}

.web-enter-exit-transition--slide-in-up-enter {
    opacity: 0;
    transform: translateY(20px)
}

.web-enter-exit-transition--slide-in-up-enter-active {
    opacity: 1;
    transition: opacity .3s ease, transform .3s ease;
    transform: none
}

.web-enter-exit-transition--fade-in-enter {
    opacity: 0
}

.web-enter-exit-transition--fade-in-enter-active {
    opacity: 1;
    transition: opacity .3s ease
}

.web-enter-exit-transition--slide-in-down-enter {
    opacity: 0;
    transform: translateY(-20px)
}

.web-enter-exit-transition--slide-in-down-enter-active {
    opacity: 1;
    transition: opacity .3s ease, transform .3s ease;
    transform: none
}

.web-enter-exit-transition--slide-in-right-enter {
    opacity: 0;
    transform: translateX(-20px)
}

.web-enter-exit-transition--slide-in-right-enter-active {
    opacity: 1;
    transition: opacity .3s ease, transform .3s ease;
    transform: none
}

.web-enter-exit-transition--slide-in-left-enter {
    opacity: 0;
    transform: translateX(20px)
}

.web-enter-exit-transition--slide-in-left-enter-active {
    opacity: 1;
    transition: opacity .3s ease, transform .3s ease;
    transform: none
}

.web-enter-exit-transition--slide-out-down-exit {
    opacity: 1;
    transform: none
}

.web-enter-exit-transition--slide-out-down-exit-active {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .3s ease, transform .3s ease
}

.web-enter-exit-transition--slide-out-left-exit {
    opacity: 1;
    transform: none
}

.web-enter-exit-transition--slide-out-left-exit-active {
    opacity: 0;
    transform: translateX(-20px);
    transition: opacity .3s ease, transform .3s ease
}

.web-enter-exit-transition--slide-out-right-exit {
    opacity: 1;
    transform: none
}

.web-enter-exit-transition--slide-out-right-exit-active {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity .3s ease, transform .3s ease
}

.web-enter-exit-transition--fade-out-exit {
    opacity: 1
}

.web-enter-exit-transition--fade-out-exit-active {
    opacity: 0;
    transition: opacity .3s ease
}

.web-enter-exit-transition--scale-in-down-enter {
    opacity: 0;
    transform: scale(1.1)
}

.web-enter-exit-transition--scale-in-down-enter-active {
    opacity: 1;
    transition: opacity .3s ease, transform .3s ease;
    transform: none
}

.web-enter-exit-transition--scale-out-up-exit {
    opacity: 1;
    transform: none
}

.web-enter-exit-transition--scale-out-up-exit-active {
    transition: opacity .3s ease, transform .3s ease;
    opacity: 0;
    transform: scale(1.1)
}

.web-enter-exit-transition--scale-in-up-enter {
    opacity: 0;
    transform: scale(.8)
}

.web-enter-exit-transition--scale-in-up-enter-active {
    opacity: 1;
    transition: opacity .3s ease, transform .3s ease;
    transform: none
}

.web-enter-exit-transition--scale-in-up-right-enter {
    opacity: 0;
    transform: scale(.9) translateX(-20px);
    transform-origin: right
}

.web-enter-exit-transition--scale-in-up-right-enter-active {
    opacity: 1;
    transition: opacity .3s ease, transform .3s ease;
    transform: none;
    transform-origin: right
}

.web-enter-exit-transition--scale-out-down-exit {
    opacity: 1;
    transform: none
}

.web-enter-exit-transition--scale-out-down-exit-active {
    opacity: 0;
    transform: scale(.8);
    transition: opacity .3s ease, transform .3s ease
}

.web-enter-exit-transition--scale-out-down-left-exit {
    opacity: 1;
    transform: none;
    transform-origin: left
}

.web-enter-exit-transition--scale-out-down-left-exit-active {
    opacity: 0;
    transform-origin: left;
    transform: scale(.9) translateX(-20px);
    transition: opacity .3s ease, transform .3s ease
}

.web-enter-exit-transition--featured-carousel-preview-enter-left-enter {
    opacity: 0 !important;
    transform: translateX(200%) translateX(20px) !important
}

.web-enter-exit-transition--featured-carousel-poster-exit-left-exit-active {
    opacity: 0 !important;
    transform: translateX(-100%) translateX(-10px) !important
}

.web-enter-exit-transition--featured-carousel-poster-exit-right-exit-active {
    opacity: 0 !important;
    transform: translateX(20px) !important;
    transition-delay: 0ms !important
}

.web-enter-exit-transition--featured-carousel-preview-exit-left-exit-active {
    opacity: 0 !important;
    transform: translateX(-20px) translateX(100%) translateX(10px) !important
}

.web-enter-exit-transition--featured-carousel-next-enter-left-enter {
    opacity: 0 !important;
    transform: translateX(100%) translateX(10px) !important
}

.web-enter-exit-transition--featured-carousel-next-enter-left-enter-active {
    opacity: .4 !important;
    transform: none !important
}

.web-enter-exit-transition--featured-carousel-next-enter-right-enter {
    opacity: 0 !important;
    transform: translateX(-20px) !important;
    transform-origin: right
}

.web-enter-exit-transition--featured-carousel-next-enter-right-enter-active {
    opacity: .4 !important;
    transform: none !important;
    transform-origin: right
}

.web-enter-exit-transition--featured-carousel-previous-enter-left-enter {
    opacity: 0 !important;
    transform: none !important
}

.web-enter-exit-transition--featured-carousel-previous-enter-left-enter-active {
    opacity: .4 !important;
    transform: translateX(-100%) translateX(-10px) !important
}

.web-enter-exit-transition--featured-carousel-preview-enter-left-enter-active,
.web-enter-exit-transition--featured-carousel-preview-exit-right-exit {
    opacity: .4 !important;
    transform: translateX(100%) translateX(10px) !important
}

.web-enter-exit-transition--featured-carousel-preview-exit-right-exit-active {
    opacity: 0 !important;
    transform: translateX(200%) translateX(20px) !important
}

.web-enter-exit-transition--featured-carousel-previous-enter-right-enter {
    opacity: 0 !important;
    transform: translateX(-200%) translateX(-20px) !important
}

.web-enter-exit-transition--featured-carousel-previous-enter-right-enter-active {
    opacity: .4 !important;
    transform: translateX(-100%) translateX(-10px) !important
}

.web-enter-exit-transition--featured-carousel-fade-in-enter {
    opacity: 0
}

.web-enter-exit-transition--featured-carousel-previous-exit-left-exit {
    opacity: .4 !important;
    transform: translateX(-100%) translateX(-10px) !important
}

.web-enter-exit-transition--featured-carousel-previous-exit-left-exit-active {
    opacity: 0 !important;
    transform: translateX(-200%) translateX(-20px) !important
}

.web-enter-exit-transition--browse-menu-mobile-enter,
.web-enter-exit-transition--browse-menu-tablet-enter {
    transform: translateX(-100%)
}

.web-enter-exit-transition--browse-menu-mobile-enter-active,
.web-enter-exit-transition--browse-menu-tablet-enter-active {
    transition: transform .6s ease;
    transform: none
}

.web-enter-exit-transition--browse-menu-mobile-exit,
.web-enter-exit-transition--browse-menu-tablet-exit {
    transform: none
}

.web-enter-exit-transition--browse-menu-mobile-exit-active,
.web-enter-exit-transition--browse-menu-tablet-exit-active {
    transition: transform .6s ease;
    transform: translateX(-100%)
}

.web-enter-exit-transition--browse-menu-desktop-enter {
    opacity: 0
}

.web-enter-exit-transition--browse-menu-desktop-enter-active {
    transition: opacity .6s ease;
    opacity: 1
}

.web-enter-exit-transition--browse-menu-desktop-exit {
    opacity: 1;
    pointer-events: none
}

.web-enter-exit-transition--browse-menu-desktop-exit-active {
    transition: opacity .6s ease;
    opacity: 0;
    pointer-events: none
}

.web-enter-exit-transition--stagger-1 {
    transition-delay: .15s
}

.web-enter-exit-transition--stagger-2 {
    transition-delay: .2s
}

.web-filter {
    white-space: nowrap;
    overflow-x: auto
}

.web-filter__item {
    font-weight: 900;
    font-size: 13px;
    line-height: 16px;
    display: inline-block;
    margin-right: 24px;
    color: #fff;
    cursor: pointer
}

.web-filter__item--selected {
    padding: 6px 12px;
    border-radius: 21px;
    background: #fff;
    color: #10141f
}

.web-epg__header {
    position: sticky;
    top: 0;
    box-sizing: border-box;
    padding-top: 96px;
    z-index: 1;
    overflow: hidden
}

.web-epg__filter {
    box-sizing: border-box;
    height: 56px;
    padding-top: 8px
}

.web-epg__timeline-container {
    padding-left: 124px
}

.web-epg__channels {
    position: relative
}

.web-epg__right-gradient {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 100%;
    background: linear-gradient(270deg, #10141f, rgba(16, 20, 31, 0));
    pointer-events: none
}

.web-epg__bottom-gradient {
    position: sticky;
    bottom: 0;
    float: left;
    width: 100%;
    height: 120px;
    background: linear-gradient(1turn, #10141f, rgba(16, 20, 31, 0));
    pointer-events: none
}

.web-epg-row {
    display: flex;
    height: 84px;
    margin-bottom: 4px
}

.web-epg-row__logo {
    flex: 0 0 120px;
    height: 100%;
    margin-right: 4px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #1c1f29;
    cursor: pointer
}

.web-epg-row__logo__image {
    width: 100%;
    height: 100%;
    background-position: 50%
}

.web-epg-row__logo__thumbnail {
    background-size: 40px auto;
    background-repeat: no-repeat
}

.web-epg-row__logo__landscape {
    background-size: cover
}

.web-epg-row__progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(270deg, rgba(150, 153, 163, .12), rgba(150, 153, 163, 0));
    pointer-events: none
}

.web-epg-row__programs {
    position: relative;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden
}

.web-epg-program {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    border-radius: 4px;
    vertical-align: top;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    background: #1c1f29;
    cursor: pointer
}

.web-epg-program:hover {
    background: rgba(150, 153, 163, .16)
}

.web-epg-program--active {
    border: 2px solid var(--themeActiveColor)
}

.web-epg-program__title {
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    max-height: 40px;
    margin-left: 16px;
    color: #fff
}

.web-epg-program__title--with-lock-icon {
    margin-right: 40px
}

.web-epg-program__title__text {
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.web-epg-program__title__lock-icon {
    margin-left: 12px;
    vertical-align: top
}

.web-epg-program__description {
    display: none;
    font-size: 14px;
    line-height: 20px;
    margin: 0 26px 0 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9699a3
}

.web-epg-program:hover .web-epg-program__description {
    display: block
}

.web-epg-program__info-icon {
    opacity: 0;
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 24px;
    height: 24px;
    color: #fff
}

.web-epg-program__info-icon svg {
    font-size: 24px
}

.web-epg-program:hover .web-epg-program__info-icon {
    opacity: 1
}

.web-epg-timeline {
    position: relative;
    height: 24px
}

.web-epg-timeline__time-marker {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    font-style: normal;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .1px;
    color: #9699a3
}

.web-epg-timeline__time-marker__divider {
    position: relative;
    top: 4px;
    width: 1px;
    height: 24px;
    margin-right: 11px;
    background: linear-gradient(180deg, rgba(150, 153, 163, .16), rgba(150, 153, 163, 0))
}

.web-epg-timeline__current-line {
    position: absolute;
    top: 24px;
    width: 1px;
    height: 656px;
    background: linear-gradient(180deg, rgba(240, 241, 245, .24), rgba(240, 241, 245, 0))
}

.web-spinner {
    color: #fff;
    animation: spinner 1.2s cubic-bezier(.25, .46, .45, .94) infinite;
    width: 16px;
    height: 16px;
    max-height: 100%
}

.web-spinner--light {
    color: #585b66
}

.web-spinner--md {
    width: 24px;
    height: 24px
}

.web-spinner--lg {
    width: 60px;
    height: 60px
}

.web-spinner--xl {
    width: 80px;
    height: 80px
}

.web-spinner__path {
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 10%;
    fill: none
}

.web-error-message {
    position: relative;
    width: 100%;
    border-radius: 6px;
    background: #cc090b;
    color: #fff;
    padding: 10px 12px;
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.web-error-message__icon-container {
    width: 12px;
    height: 12px
}

.web-error-message__icon {
    width: 100%;
    height: 100%
}

.web-error-message__text {
    flex: 1;
    font-size: 11px;
    line-height: 16px;
    margin: 0 0 0 9px;
    padding: 0
}

.web-checkbox {
    position: relative
}

.web-checkbox__label {
    font-size: 16px;
    line-height: 24px;
    color: #9699a3;
    height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.web-checkbox__label:hover {
    color: #fff
}

.web-checkbox__label--checked,
.web-checkbox__label--checked:hover {
    color: var(--themeActiveColor)
}

.web-checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0
}

.web-checkbox__input:hover {
    cursor: pointer
}

.web-checkbox__icon {
    width: 20px;
    height: 20px
}

.web-checkbox__icon--with-label-text {
    margin-right: 17px
}

.web-checkbox__input:focus-visible+.web-checkbox__icon {
    outline: 1px auto #fff;
    outline-offset: 2px;
    outline-style: solid
}

@font-face {
    font-family: Casual;
    src: url(//d0.tubitv.com/web-k8s/dist/508a39d68a1d.ttf) format("truetype")
}

@font-face {
    font-family: Courgette;
    src: url(//d0.tubitv.com/web-k8s/dist/b3106d9f7cc3.ttf) format("truetype")
}

@font-face {
    font-family: Courier;
    src: url(//d0.tubitv.com/web-k8s/dist/1bce9ba53766.ttf) format("truetype")
}

@font-face {
    font-family: Lora;
    src: url(//d0.tubitv.com/web-k8s/dist/cfdb0b56669d.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    src: url(//d0.tubitv.com/web-k8s/dist/cf27fb904103.ttf) format("truetype")
}

@font-face {
    font-family: Ubuntu Mono;
    src: url(//d0.tubitv.com/web-k8s/dist/68b8b7f30f58.ttf) format("truetype")
}

html {
    font-size: 12px
}

html.is-ps5 {
    line-height: normal
}

@media(min-width: 960px) {
    html.is-ott {
        font-size: 7.5px
    }
}

@media(min-width: 1170px) {
    html {
        font-size: 1vw
    }

    html.is-ott {
        font-size: 10px
    }
}

@media(min-width: 1440px) {

    html,
    html.is-ott {
        font-size: 15px
    }
}

.ab-in-app-message {
    color: #000;
    font-weight: 400
}

.ab-in-app-message .ab-image-area {
    border-radius: 3px 3px 0 0 !important
}

.ab-in-app-message .ab-mask {
    border-radius: 3px !important
}

.ab-in-app-message span.ab-message-header {
    font-size: 1.5rem
}

.ab-in-app-message button.ab-message-button {
    background-color: var(--themeActiveColor);
    border-radius: 2px;
    border: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .5px;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity .3s
}

.kids-mode .ab-in-app-message button.ab-message-button {
    background-color: #fea534
}

.ab-in-app-message button.ab-message-button:hover {
    opacity: .9
}

.primaryFill {
    fill: var(--themeActiveColor)
}

.kids-mode .primaryFill {
    fill: #fea534
}

.primaryStroke {
    stroke: var(--themeActiveColor)
}

.kids-mode .primaryStroke {
    stroke: #fea534
}

.is-ott .primaryFill {
    fill: var(--themeActiveColor)
}

.kids-mode .is-ott .primaryFill {
    fill: #fea534
}

.is-ott .primaryStroke {
    stroke: var(--themeActiveColor)
}

.kids-mode .is-ott .primaryStroke {
    stroke: #fea534
}

.is-ott svg:active,
.is-ott svg:focus {
    outline: 0;
    border: 0
}

.is-ps4.bg-image-loaded body {
    background: initial !important
}

html.is-firetv-hyb {
    line-height: 1
}

#content {
    display: initial !important
}

.FCmbE {
    display: flex;
    flex-flow: row wrap
}

.tnutt {
    width: 100%;
    min-height: 100vh
}

.Ermo_ {
    overflow: hidden
}

.BFUke {
    opacity: 0
}

.jWci4 {
    opacity: 1;
    transition: opacity .3s
}

.lHeYD {
    opacity: 0
}

.Z9W7p {
    transition: opacity .3s
}

.lFVan,
.Z9W7p {
    opacity: 1
}

.nsc84 {
    transition: opacity .3s
}

.KPFy3,
.nsc84 {
    opacity: 0
}

.XzUbg {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 96px;
    background: #1c1f29;
    transition: background, .3s, transform .3s;
    transform: translateY(0);
    background-blend-mode: multiply
}

.XzUbg.mtTH6 {
    background: linear-gradient(180deg, rgba(16, 20, 31, .8) .98%, rgba(16, 20, 31, .4) 59.23%, rgba(16, 20, 31, .2) 78.16%, rgba(16, 20, 31, .0001) 96.12%)
}

.XzUbg.DzjRj,
.XzUbg.DzjRj .ItzA1 {
    background: #fff
}

.XzUbg.DzjRj ._SoAG,
.XzUbg.DzjRj .cnRDR {
    color: #10141f
}

.XzUbg .cnRDR {
    font-weight: 900;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-right: 12px
}

.XzUbg.XzB0c {
    transform: translateY(-100%)
}

.XzUbg .EcToA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    height: 100%;
    padding: 0 65px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1920px
}

@media(max-width: 767px) {
    .XzUbg .EcToA {
        padding: 0 24px
    }
}

@media(min-width: 767px)and (max-width:1169px) {
    .XzUbg.oRiUq .ItzA1 {
        position: absolute;
        top: 96px;
        left: 0;
        bottom: 0;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        overflow-x: hidden;
        overflow-y: scroll;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        padding-bottom: 48px;
        opacity: 0
    }

    .ycn0t .XzUbg.oRiUq .ItzA1 {
        opacity: 1
    }

    .XzUbg.oRiUq .S1MTF {
        margin: 0;
        width: 100%;
        justify-content: flex-start;
        padding: 24px 24px 24px 65px
    }

    .XzUbg.oRiUq .S1MTF:after {
        content: "";
        position: absolute;
        left: 24px;
        bottom: 0;
        background: rgba(150, 153, 163, .16);
        height: 1px;
        width: calc(100% - 48px)
    }

    .XzUbg.oRiUq ._SoAG {
        display: inline-flex
    }

    .XzUbg.oRiUq ._SoAG.xYxV1 {
        background: transparent;
        width: auto
    }

    .XzUbg.oRiUq .vxDaw {
        display: flex
    }
}

.z4V0M {
    font-size: 54px;
    flex-shrink: 0
}

.fUFaL,
.z4V0M {
    margin-right: 24px
}

.fUFaL {
    font-size: 108px
}

.ISYJb {
    font-size: 172px;
    margin-right: 33px;
    height: auto
}

.nzV4p,
.SyNTg {
    height: 48px;
    cursor: pointer;
    background: #eb9c00;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    color: #fff;
    padding: 0 12px;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    border: none;
    font-weight: 900;
    font-style: normal;
    font-size: 14px;
    line-height: 24px
}

.nzV4p svg,
.SyNTg svg {
    font-size: 24px;
    margin-right: 8px
}

@media(max-width: 767px) {

    .nzV4p,
    .SyNTg {
        background: transparent;
        padding-left: 24px
    }
}

.SyNTg {
    background: none
}

.ItzA1 {
    display: inline-flex;
    align-items: center
}

@media(max-width: 767px) {
    .ItzA1 {
        position: absolute;
        top: 96px;
        left: 0;
        bottom: 0;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        overflow-x: hidden;
        overflow-y: scroll;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        padding-bottom: 48px;
        opacity: 0
    }

    .ycn0t .ItzA1 {
        opacity: 1
    }
}

.ycn0t {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #1c1f29;
    min-height: 100vh
}

.ycn0t.DzjRj {
    background: #fff
}

.S1MTF {
    font-weight: 900;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin: 0 16px;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    transition: hover .3s
}

.S1MTF.DzjRj {
    color: #10141f
}

.S1MTF.A8qW_ {
    display: none
}

.S1MTF svg {
    font-size: 24px;
    transition: transform .3s
}

.S1MTF.OCFXL,
.S1MTF:hover {
    color: var(--themeActiveColor)
}

.S1MTF .vJHdB {
    margin-right: 5px
}

.S1MTF .vJHdB.DzjRj {
    color: #10141f
}

@media(max-width: 767px) {
    .S1MTF {
        padding: 24px;
        margin: 0;
        width: 100%;
        justify-content: flex-start
    }

    .S1MTF:after {
        content: "";
        position: absolute;
        left: 24px;
        bottom: 0;
        background: rgba(150, 153, 163, .16);
        height: 1px;
        width: calc(100% - 48px)
    }
}

.SVozw {
    display: inline-flex;
    align-items: center
}

.Z21oI {
    flex: 1;
    flex-direction: row-reverse
}

._SoAG {
    display: none;
    width: 51px;
    height: 40px;
    border-radius: 6px;
    background: rgba(150, 153, 163, .16);
    color: #fff;
    font-size: 24px;
    margin-right: 12px;
    align-items: center;
    justify-content: center
}

@media(max-width: 767px) {
    ._SoAG {
        display: inline-flex
    }
}

@media(max-width: 767px) {
    ._SoAG.xYxV1 {
        background: transparent;
        width: auto
    }
}

.vxDaw {
    display: none;
    align-items: center;
    z-index: 3;
    cursor: pointer
}

@media(max-width: 767px) {
    .vxDaw {
        display: flex
    }
}

.gSljo {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(28, 31, 41, .8);
    z-index: 9999
}

.gSljo.qybMA {
    z-index: 10000
}

.A8qW_ {
    display: none
}

.W5KqS.Ccra6 {
    color: var(--themeActiveColor)
}

@media(max-width: 767px) {
    .W5KqS.Ccra6 {
        top: 96px;
        position: fixed;
        z-index: 10002;
        background: #1c1f29
    }
}

.W5KqS.Ccra6 svg {
    transform: rotate(-180deg)
}

@media(max-width: 767px) {
    .W5KqS.Ccra6+.ST9qp {
        margin-top: 72px
    }
}

.JZfww {
    z-index: 10001;
    position: fixed;
    left: 0;
    top: 96px;
    width: 100%;
    min-height: 553px;
    display: flex;
    background: #1c1f29
}

@media(min-width: 1920px) {
    .JZfww {
        left: calc((100% - 1920px)/2 + 60px) !important
    }
}

@media(min-width: 1170px) {
    .JZfww {
        left: 60px;
        background: #fff;
        width: 1090px;
        border-radius: 4px
    }
}

@media(min-width: 1170px) {
    .JZfww:after {
        content: "";
        position: absolute;
        top: -8px;
        left: 122px;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 8px 8px
    }
}

@media(max-width: 1169px) {
    .JZfww {
        flex-direction: column;
        padding: 24px
    }
}

@media(max-width: 767px) {
    .JZfww {
        order: 3
    }
}

.JZfww.Qb5jT {
    background: #fff
}

.JZfww.Qb5jT .PHbWo {
    color: #10141f
}

.JZfww.Qb5jT .LE6fA {
    background: #fff
}

.JZfww.Qb5jT .LE6fA svg {
    color: #1c1f29
}

@media(max-width: 767px) {
    .JZfww {
        position: relative;
        height: auto;
        min-height: auto;
        top: 0
    }

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

@media(min-width: 767px)and (max-width:1169px) {
    .JZfww {
        top: 0;
        width: 344px;
        height: 100%;
        padding-top: 92px;
        overflow-y: scroll
    }
}

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

@media(min-width: 767px)and (max-width:1169px) {
    .JZfww.rXfti {
        order: 3;
        position: relative;
        padding-top: 0;
        padding-left: 65px;
        height: auto;
        min-height: auto;
        overflow-y: initial
    }

    .JZfww.rXfti .LE6fA {
        display: none
    }

    .JZfww.rXfti .BWTJb {
        padding: 32px 0
    }
}

@media(min-width: 1170px) {
    .JZfww.O5sec {
        min-height: 353px;
        width: 890px
    }

    .JZfww.O5sec:after {
        left: 176px
    }

    .JZfww.O5sec .BWTJb {
        min-height: 353px
    }
}

@media(min-width: 1170px) {
    .JZfww.wOsbJ {
        min-height: 285px;
        width: auto
    }

    .JZfww.wOsbJ:after {
        left: 249px
    }

    .JZfww.wOsbJ .BWTJb {
        min-height: 285px
    }
}

.LE6fA {
    display: none
}

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

@media(min-width: 767px)and (max-width:1169px) {
    .LE6fA {
        font-weight: 900;
        font-style: normal;
        font-size: 14px;
        line-height: 24px;
        color: var(--themeActiveColor);
        position: fixed;
        background: #1c1f29;
        width: 344px;
        z-index: 3;
        top: 0;
        left: 0;
        padding: 36px 24px 32px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .LE6fA svg {
        color: #fff;
        font-size: 24px
    }
}

.BWTJb {
    position: relative;
    padding: 24px
}

@media(min-width: 1170px) {
    .BWTJb {
        min-height: 553px
    }
}

@media(min-width: 1170px) {
    .BWTJb:nth-child(2n-1) {
        background: #f0f3f5
    }
}

@media(min-width: 1170px) {
    .BWTJb:first-child {
        border-radius: 4px 0 0 4px
    }
}

@media(min-width: 1170px) {
    .BWTJb:last-child {
        border-radius: 0 4px 4px 0
    }
}

@media(min-width: 767px)and (max-width:1169px) {
    .BWTJb {
        padding: 32px 16px
    }
}

@media(max-width: 767px) {
    .BWTJb {
        padding: 32px 0
    }
}

@media(max-width: 1169px) {
    .BWTJb {
        height: auto;
        width: 100% !important
    }

    .BWTJb:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(150, 153, 163, .16);
        height: 1px;
        width: 100%
    }

    .BWTJb:last-child:after {
        display: none
    }
}

.p4Ovi {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%
}

@media(max-width: 767px) {
    .p4Ovi {
        flex-wrap: nowrap;
        max-height: none
    }
}

@media(min-width: 767px)and (max-width:1169px) {
    .p4Ovi {
        flex-wrap: nowrap;
        max-height: none;
        width: 280px;
        overflow: hidden
    }
}

.p4Ovi .XFS8A {
    margin-top: 24px
}

.XFS8A {
    font-weight: 900;
    font-style: normal;
    line-height: 24px;
    color: #9699a3;
    margin-bottom: 16px
}

.PHbWo,
.XFS8A {
    font-size: 14px
}

.PHbWo {
    line-height: 20px;
    color: #fff;
    margin: 4px 4px 4px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%
}

@media(min-width: 1170px) {
    .PHbWo {
        color: #10141f
    }
}

.PHbWo:hover {
    color: var(--themeActiveColor)
}

.XWAvF {
    cursor: pointer;
    color: #fff;
    letter-spacing: .5px;
    white-space: nowrap;
    z-index: auto;
    font-weight: 900;
    margin: 0 16px
}

@media(min-width: 768px) {
    .XWAvF {
        margin-left: 17px
    }
}

@media(max-width: 767px) {
    .XWAvF {
        margin: 0
    }
}

.XWAvF.pAycn {
    color: #10141f
}

.Qwf7I {
    position: fixed;
    top: 96px;
    height: 544px;
    width: 100%;
    left: 0;
    background: #1c1f29;
    z-index: 10000;
    justify-content: center;
    display: flex
}

.Qwf7I.pAycn {
    background: #fff
}

.Qwf7I.pAycn .QCKDT {
    background: linear-gradient(1turn, #fff 26.28%, hsla(0, 0%, 100%, 0))
}

.Qwf7I .pfefO {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    color: #9699a3;
    margin: 6px 0
}

.Qwf7I .dcQIF {
    width: 1px;
    background: rgba(150, 153, 163, .16);
    height: 100%;
    margin: 0 24px
}

@media(max-width: 1439px) {
    .Qwf7I .dcQIF {
        margin: 0 14px
    }
}

.Qwf7I ._d6M3 {
    display: flex;
    flex-direction: column
}

.Qwf7I .h16xn {
    overflow: scroll;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    width: 212px;
    padding-bottom: 80px
}

@media(max-width: 1439px) {
    .Qwf7I .h16xn {
        width: 190px
    }
}

.Qwf7I .h16xn::-webkit-scrollbar {
    display: none
}

.Qwf7I .HrX8u {
    display: inline-block;
    position: relative;
    width: 212px;
    height: 72px;
    margin: 6px 0;
    cursor: pointer;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 4px
}

@media(max-width: 1439px) {
    .Qwf7I .HrX8u {
        width: 190px
    }
}

.Qwf7I .HrX8u:hover {
    height: 120px
}

.Qwf7I .HrX8u img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
    width: 100%;
    height: auto
}

.Qwf7I .QCKDT {
    position: absolute;
    bottom: 0;
    height: 88px;
    width: 100%;
    background: linear-gradient(1turn, #1c1f29 26.28%, rgba(28, 31, 41, 0))
}

.EviMn.b4txs {
    background-color: #fff;
    border-radius: 15%;
    color: #3d6ac3
}

.XLiXu {
    color: #fff
}

.XLiXu.lyUcP {
    color: var(--themeActiveColor)
}

.kids-mode .XLiXu.lyUcP {
    color: #fea534
}

.XLiXu.c5D_b {
    color: #000
}

.Z0g3x {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: fill;
    transition-duration: .3s
}

.qbowr {
    width: 3rem;
    height: 3rem
}

.nsU2J {
    position: relative;
    font-weight: 900;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
    height: 96px
}

.nsU2J.T7WlQ {
    color: #10141f
}

.nsU2J:hover .EzWtJ {
    opacity: 1;
    pointer-events: auto
}

@media(min-width: 1170px) {
    .nsU2J:hover .ZG0cm {
        transform: rotate(-180deg)
    }
}

.nsU2J.EVxgQ .ZG0cm {
    transform: rotate(-180deg)
}

.Ii6WJ,
.knq9q {
    font-weight: 900;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

@media(max-width: 767px) {

    .Ii6WJ,
    .knq9q {
        font-weight: 900;
        font-size: 13px;
        line-height: 16px
    }
}

.Ii6WJ,
.Ii6WJ.T7WlQ,
.knq9q.T7WlQ {
    color: #10141f
}

.Ii6WJ {
    background: var(--themeActiveColor);
    border-radius: 8px;
    padding: 12px 24px
}

.Ii6WJ.T7WlQ {
    background: none;
    padding: none
}

.knq9q {
    color: #fff;
    margin-left: 20px;
    padding: 12px
}

@media(max-width: 767px) {
    .knq9q {
        padding: 0;
        margin-left: 12px
    }
}

.ZG0cm {
    font-size: 24px;
    margin-left: 8px;
    transition: transform .3s ease
}

.tNgqk {
    margin-left: 4px
}

.Es2Vc {
    background: rgba(28, 31, 41, .88);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 8px;
    width: 321px;
    position: absolute;
    right: 0;
    top: calc(100% - 16px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

@media(max-width: 767px) {
    .Es2Vc {
        position: fixed;
        left: 0;
        top: 96px;
        width: 100vw
    }
}

.Es2Vc.Lm2Nd {
    opacity: 1;
    pointer-events: auto
}

.Es2Vc .Rbcqf {
    padding: 0 20px
}

.Es2Vc .Rbcqf .pxstr {
    font-weight: 900;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 16px 0;
    border-bottom: 1px solid rgba(150, 153, 163, .16);
    display: block
}

.Es2Vc .Rbcqf .pxstr:hover {
    color: var(--themeActiveColor)
}

.Es2Vc .Rbcqf .pxstr:last-child {
    border-bottom: 0 solid transparent
}

.Es2Vc .LMJcR {
    padding: 16px;
    background: linear-gradient(180deg, #10141f, rgba(16, 20, 31, 0));
    color: #fff
}

.Es2Vc .LMJcR .w_2bX {
    padding: 12px;
    background: rgba(150, 153, 163, .16);
    border-radius: 6px;
    display: flex;
    align-items: center
}

.Es2Vc .LMJcR .w_2bX svg {
    font-size: 24px;
    margin-right: 8px
}

.QlsWG {
    border-radius: 8px;
    width: 336px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(240, 241, 245, .16);
    transition: border .2s ease, width .2s ease;
    margin-right: 32px;
    position: relative;
    flex-shrink: 2;
    overflow: hidden
}

.QlsWG.AkUTN,
.QlsWG.AkUTN.PJD5f,
.QlsWG.AkUTN:focus-within,
.QlsWG.AkUTN:hover {
    color: #10141f;
    border: 1px solid rgba(215, 218, 224, .4)
}

@media(min-width: 767px)and (max-width:1169px) {
    .QlsWG.QaxOz {
        max-width: 56px;
        width: 100%;
        transition: max-width .3s ease;
        margin-right: 0;
        display: none
    }

    .QlsWG.QaxOz.PJD5f,
    .QlsWG.QaxOz:focus-within {
        max-width: 999px;
        width: 100%
    }

    .QlsWG.QaxOz.RCkiN {
        display: flex
    }

    .QlsWG.QaxOz .ZLiF0 {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media(min-width: 1169px)and (max-width:1439px) {
    .QlsWG.QaxOz {
        width: 56px
    }

    .QlsWG.QaxOz.PJD5f,
    .QlsWG.QaxOz:focus-within {
        max-width: 500px;
        width: 100%
    }
}

.QlsWG svg {
    font-size: 24px;
    color: #fff
}

.QlsWG.AkUTN svg {
    color: #10141f
}

.QlsWG .qnV1a {
    width: 100%
}

.QlsWG .phovn {
    position: absolute;
    left: 15px;
    pointer-events: none
}

.QlsWG.PJD5f,
.QlsWG:focus-within,
.QlsWG:hover {
    border: 1px solid hsla(0, 0%, 100%, .4)
}

.QlsWG.AkUTN:hover .ZLiF0::-moz-placeholder {
    color: #10141f
}

.QlsWG.AkUTN:hover .ZLiF0:-ms-input-placeholder {
    color: #10141f
}

.QlsWG.AkUTN:hover .ZLiF0::placeholder {
    color: #10141f
}

.QlsWG:hover .ZLiF0::-moz-placeholder {
    color: #fff
}

.QlsWG:hover .ZLiF0:-ms-input-placeholder {
    color: #fff
}

.QlsWG:hover .ZLiF0::placeholder {
    color: #fff
}

.QlsWG:hover:focus-within .ZLiF0::-moz-placeholder {
    color: transparent
}

.QlsWG:hover:focus-within .ZLiF0:-ms-input-placeholder {
    color: transparent
}

.QlsWG:hover:focus-within .ZLiF0::placeholder {
    color: transparent
}

.QlsWG.PJD5f,
.QlsWG:focus-within {
    width: 418px
}

.QlsWG.PJD5f .c8JyS,
.QlsWG:focus-within .c8JyS {
    display: block
}

@media(min-width: 767px)and (max-width:1169px) {
    .QlsWG {
        width: 56px
    }

    .QlsWG.PJD5f,
    .QlsWG:focus-within {
        max-width: 500px;
        width: 100%
    }
}

@media(max-width: 767px) {
    .QlsWG {
        max-width: 56px;
        width: 100%;
        transition: max-width .3s ease;
        margin-right: 0;
        display: none
    }

    .QlsWG.PJD5f,
    .QlsWG:focus-within {
        max-width: 999px;
        width: 100%
    }

    .QlsWG.RCkiN {
        display: flex
    }

    .QlsWG .ZLiF0 {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

.QlsWG .c8JyS {
    display: none;
    flex: 0 0 auto;
    margin-right: 16px;
    font-size: 24px;
    cursor: pointer
}

.ZLiF0 {
    border: none;
    outline: none;
    box-shadow: none;
    color: #fff;
    width: 100%;
    background: transparent;
    padding: 11px 11px 11px 50px;
    font-size: 16px;
    line-height: 24px
}

.ZLiF0.AkUTN {
    color: #10141f
}

.ZLiF0::-moz-placeholder {
    padding: 0 8px;
    color: #9699a3;
    -moz-transition: color .2s ease;
    transition: color .2s ease
}

.ZLiF0:-ms-input-placeholder {
    padding: 0 8px;
    color: #9699a3;
    -ms-transition: color .2s ease;
    transition: color .2s ease
}

.ZLiF0::placeholder {
    padding: 0 8px;
    color: #9699a3;
    transition: color .2s ease
}

.ZLiF0.AkUTN::-moz-placeholder {
    color: #10141f
}

.ZLiF0.AkUTN:-ms-input-placeholder {
    color: #10141f
}

.ZLiF0.AkUTN::placeholder {
    color: #10141f
}

.ZLiF0.PJD5f::-moz-placeholder,
.ZLiF0:focus::-moz-placeholder {
    color: transparent
}

.ZLiF0.PJD5f:-ms-input-placeholder,
.ZLiF0:focus:-ms-input-placeholder {
    color: transparent
}

.ZLiF0.PJD5f::placeholder,
.ZLiF0:focus::placeholder {
    color: transparent
}

.ZLiF0::-webkit-search-cancel-button,
.ZLiF0::-webkit-search-decoration,
.ZLiF0::-webkit-search-results-button,
.ZLiF0::-webkit-search-results-decoration {
    display: none
}

.g5L2R {
    position: fixed;
    top: 80px;
    right: 10px;
    z-index: 10000;
    font-size: 12px
}

.g5L2R .b8oWJ {
    width: 480px;
    height: 100px;
    margin-bottom: 10px;
    display: flex;
    align-content: stretch;
    align-items: stretch;
    background-color: #fff;
    border: solid #a2a2a2;
    border-width: 0 0 0 5px;
    box-shadow: 0 0 6px #969696
}

.g5L2R .b8oWJ.NVUCE {
    border-color: #5cb85c
}

.g5L2R .b8oWJ.L8vxP {
    border-color: #5bc0de
}

.g5L2R .b8oWJ.DjVoq {
    border-color: #f0ad4e
}

.g5L2R .b8oWJ.JjEtG {
    border-color: #d9534f
}

.g5L2R .b8oWJ .gEVYS {
    flex: 1 1 360px;
    max-width: 360px;
    min-width: 360px/480;
    padding: 10px 10px 10px 25px;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.g5L2R .b8oWJ .gEVYS .LtG02 {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.g5L2R .b8oWJ .gEVYS .hqpuD {
    margin-top: 10px;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 3;
    -webkit-line-clamp: 3;
    overflow-y: hidden
}

.g5L2R .b8oWJ .FdDwZ {
    flex: 0 0 120px;
    max-width: 120px;
    min-width: 120px/480;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background-color: inherit;
    border-left: 1px solid #e2e0e0
}

.g5L2R .b8oWJ .FdDwZ .UEKoG {
    cursor: pointer;
    padding: 10px;
    flex: 1 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden
}

.g5L2R .b8oWJ .FdDwZ .UEKoG.PXoYc {
    font-weight: 700
}

.g5L2R .b8oWJ .FdDwZ .UEKoG:nth-child(2) {
    border-top: 1px solid #e2e0e0
}

.g5L2R .b8oWJ .FdDwZ .UEKoG:hover {
    background-color: #e2e0e0
}

.g5L2R .b8oWJ.amQ58 .s1aJf {
    flex: 0 0 40px;
    max-width: 40px;
    min-width: .0833333333px;
    padding: 10px
}

.g5L2R .b8oWJ.amQ58 .s1aJf .LgUCQ {
    width: 20px;
    max-width: 20px;
    height: auto
}

.g5L2R .b8oWJ.amQ58 .s1aJf .LgUCQ.NVUCE {
    color: #5cb85c
}

.g5L2R .b8oWJ.amQ58 .s1aJf .LgUCQ.L8vxP {
    color: #5bc0de;
    transform: rotate(180deg)
}

.g5L2R .b8oWJ.amQ58 .s1aJf .LgUCQ.DjVoq {
    color: #f0ad4e
}

.g5L2R .b8oWJ.amQ58 .s1aJf .LgUCQ.JjEtG {
    color: #d9534f
}

.g5L2R .b8oWJ.amQ58 .gEVYS {
    flex: 1 1 320px;
    max-width: 320px;
    min-width: 320px/480;
    padding: 10px
}

.g5L2R .b8oWJ.amQ58 .FdDwZ {
    flex: 0 0 120px;
    max-width: 120px;
    min-width: 120px/480
}

@media(max-width: 374px) {
    .g5L2R {
        right: 5vw;
        width: 90vw
    }

    .g5L2R .b8oWJ,
    .g5L2R .b8oWJ.amQ58 {
        flex-direction: column;
        border-width: 5px 0 0;
        height: 150px;
        margin: 10px auto 0;
        max-width: 100%
    }

    .g5L2R .b8oWJ.amQ58 .s1aJf,
    .g5L2R .b8oWJ .s1aJf {
        display: none
    }

    .g5L2R .b8oWJ.amQ58 .gEVYS,
    .g5L2R .b8oWJ .gEVYS {
        flex: 0 1 65%;
        max-width: 90vw;
        padding: 10px 5vw;
        margin: 0
    }

    .g5L2R .b8oWJ.amQ58 .FdDwZ,
    .g5L2R .b8oWJ .FdDwZ {
        flex-direction: row;
        align-content: stretch;
        flex: 0 1 35%;
        max-width: 100%;
        border-top: 1px solid #e2e0e0;
        border-left: none
    }

    .g5L2R .b8oWJ.amQ58 .FdDwZ .UEKoG,
    .g5L2R .b8oWJ .FdDwZ .UEKoG {
        width: 50%
    }

    .g5L2R .b8oWJ.amQ58 .FdDwZ .UEKoG:nth-child(2),
    .g5L2R .b8oWJ .FdDwZ .UEKoG:nth-child(2) {
        border-top: none;
        border-left: 1px solid #e2e0e0
    }
}

.g5L2R .ZfEk0 {
    transform: translateX(500px);
    opacity: 0
}

.g5L2R .XG_lM {
    transition: opacity .5s ease-out, transform .5s ease-out
}

.g5L2R .B_ksP,
.g5L2R .XG_lM {
    transform: translateX(0);
    opacity: 1
}

.g5L2R .KX0Ox {
    transition: opacity .5s ease-in, transform .5s ease-in;
    transform: translateX(500px);
    opacity: 0
}

.g5L2R.awhFe {
    bottom: 10px;
    top: inherit
}

.g5L2R.awhFe .kRi99 {
    display: flex;
    flex-direction: column-reverse
}

@media(max-width: 959px) {
    .g5L2R.awhFe {
        right: 5vw;
        width: 90vw
    }

    .g5L2R.awhFe .b8oWJ,
    .g5L2R.awhFe .b8oWJ.amQ58 {
        flex-direction: column;
        border-width: 5px 0 0;
        height: 150px;
        margin: 10px auto 0;
        max-width: 100%
    }

    .g5L2R.awhFe .b8oWJ.amQ58 .s1aJf,
    .g5L2R.awhFe .b8oWJ .s1aJf {
        display: none
    }

    .g5L2R.awhFe .b8oWJ.amQ58 .gEVYS,
    .g5L2R.awhFe .b8oWJ .gEVYS {
        flex: 0 1 65%;
        max-width: 90vw;
        padding: 10px 5vw;
        margin: 0
    }

    .g5L2R.awhFe .b8oWJ.amQ58 .FdDwZ,
    .g5L2R.awhFe .b8oWJ .FdDwZ {
        flex-direction: row;
        align-content: stretch;
        flex: 0 1 35%;
        max-width: 100%;
        border-top: 1px solid #e2e0e0;
        border-left: none
    }

    .g5L2R.awhFe .b8oWJ.amQ58 .FdDwZ .UEKoG,
    .g5L2R.awhFe .b8oWJ .FdDwZ .UEKoG {
        width: 50%
    }

    .g5L2R.awhFe .b8oWJ.amQ58 .FdDwZ .UEKoG:nth-child(2),
    .g5L2R.awhFe .b8oWJ .FdDwZ .UEKoG:nth-child(2) {
        border-top: none;
        border-left: 1px solid #e2e0e0
    }
}

.IMk99 {
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/a9d83e2265ac.jpg);
    background-color: #191919;
    box-shadow: 1.33px 8px 8px rgba(0, 0, 0, .15);
    border-radius: 16px;
    width: 952px;
    color: #fff;
    position: absolute;
    display: flex;
    align-items: stretch
}

@media(min-width: 540px) {
    .IMk99 {
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%
    }
}

.IMk99>div {
    width: 50%
}

.IMk99>div:last-child {
    position: relative
}

.IMk99>div:last-child:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(14, 16, 20, .8);
    opacity: .24;
    z-index: -1
}

.IMk99.c0zjv {
    bottom: 0;
    left: 0;
    width: 100%
}

.IMk99.c0zjv>* {
    display: none;
    width: 100%
}

.IMk99.c0zjv .qbX2U {
    display: flex
}

.IMk99.c0zjv .TzdHT {
    display: flex;
    flex-direction: column-reverse;
    text-align: center
}

.IMk99.c0zjv .TzdHT .QsTQq {
    margin-top: 8px
}

.B4mtq {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff
}

.B4mtq>div {
    width: 320px
}

.B4mtq h1 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -.2px;
    margin: 0;
    padding: 0
}

.B4mtq h1 span {
    display: inline-block;
    padding: 3px 8px;
    background: linear-gradient(90.76deg, var(--themeActiveColor) 14.5%, #fb0003 43.8%, #b10777 91.56%);
    border-radius: 153.813px;
    vertical-align: top;
    font-size: 11px;
    line-height: 16px;
    margin-left: -3px
}

.B4mtq li {
    display: block;
    padding: 24px 0;
    position: relative
}

.B4mtq li+li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #f0f1f5, rgba(240, 241, 245, 0) 86.09%)
}

.B4mtq li>div {
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin-right: 16px
}

.B4mtq li>div svg {
    fill: #fff
}

.B4mtq li h2 {
    font-size: 16px;
    margin: 5px 0 0
}

.B4mtq li h2,
.B4mtq li p {
    line-height: 20px;
    padding: 0
}

.B4mtq li p {
    font-size: 14px;
    color: #f0f1f5;
    opacity: .64;
    margin: 0
}

.qbX2U {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 0
}

.qbX2U .RTGN2 {
    width: 75.6px;
    height: 32px;
    color: #fff
}

.qbX2U h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 24px 0 8px
}

.qbX2U p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #d7dae0;
    text-align: center
}

.qbX2U .C09zG {
    display: flex;
    flex-direction: column-reverse;
    width: 312px;
    margin-top: 8px
}

.qbX2U .o5x80 {
    height: 16px;
    width: 20px
}

.qbX2U .Z3w3X {
    width: 312px;
    height: 48px;
    margin: 8px 0 0;
    font-size: 14px
}

.qbX2U .Z3w3X .Button__bg {
    border-radius: 6px
}

.qbX2U .STb46 {
    margin: 24px 0 0;
    font-size: 14px;
    line-height: 24px;
    color: #d7dae0;
    text-align: center
}

.qbX2U .IQ6vm {
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.qbX2U .QsTQq {
    margin: 24px 0 0
}

.qbX2U .QsTQq .Button__bg {
    background-color: rgba(150, 153, 163, .16)
}

.c0zjv .qbX2U h1 {
    width: 312px;
    text-align: center;
    margin-top: 0
}

.qbX2U .Ifwh_ {
    color: hsla(0, 0%, 100%, .5);
    margin-top: 24px;
    max-width: 312px;
    font-size: 11px;
    line-height: 16px
}

.qbX2U .Ifwh_ span {
    color: #fff
}

.jenOX {
    position: relative
}

.sRf80 {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    cursor: pointer;
    transition: transform .2s
}

.sRf80:hover {
    transform: scale3d(1.1, 1.1, 1)
}

.sRf80 svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    stroke: #000
}

.QivxP {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 10000
}

.ZffXH {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(32, 32, 38, .8)
}

.sNArD {
    opacity: 0
}

.EZhqw,
.zbtRO {
    opacity: 1;
    transition: opacity .3s
}

.jUY21 {
    opacity: 0
}

.oySIv,
.rW1vf {
    opacity: 1;
    transition: opacity .3s
}

.erY3A {
    opacity: 1
}

.aoxe9,
.Y3827 {
    opacity: 0;
    transition: opacity .3s
}

.lAwJk .Button__bg {
    background-color: #3d6ac3
}

.scU0H .Button__bg {
    background-color: #fff
}

.scU0H .Button__content {
    color: rgba(0, 0, 0, .54);
    text-shadow: 0 0 .5px rgba(0, 0, 0, .5)
}

.reI3P {
    margin-bottom: 16px
}

.rpyQi svg {
    height: 20px;
    width: 20px
}

.rpyQi .nYRfB,
.rpyQi .nYRfB:hover {
    color: #fff
}

.rpyQi .H4RDG {
    color: #000;
    margin-left: 10px
}

.H7Ok3 .Button__bg {
    background-color: #3d6ac3
}

.H7Ok3 svg {
    height: 20px;
    width: 20px
}

.H7Ok3 .ICZNi,
.H7Ok3 .ICZNi:hover {
    color: #fff
}

.c1AvX {
    position: relative;
    overflow: hidden;
    flex-direction: column;
    align-items: center
}

.c1AvX,
.Llm6h {
    height: 100%;
    display: flex
}

.Llm6h {
    will-change: transform;
    transform: translateX(-100%)
}

.hdPHt {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.hdPHt .WaQ8H {
    margin: 48px 0 24px;
    width: 100%;
    height: 308px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    flex: 1
}

.hdPHt .W94VL {
    margin-bottom: 48px
}

.hdPHt h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 4px
}

.hdPHt .opNW_ {
    display: inline-block;
    vertical-align: top;
    font-size: 9px;
    line-height: 12px;
    padding: 3px 7px 2.5px;
    border: 2px solid transparent;
    border-radius: 17px;
    background-image: linear-gradient(#191528, #191528), linear-gradient(180deg, #eb4d2d, #a7276e);
    background-origin: border-box;
    background-clip: padding-box, border-box
}

.hdPHt p {
    font-size: 14px;
    line-height: 20px;
    color: #f0f1f5;
    margin: 0
}

.hdPHt.SKEGq .WaQ8H {
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/a365cf5da7b6.png)
}

.hdPHt.LLONh .WaQ8H {
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/0842b572a700.png)
}

.hdPHt.XlpIv .WaQ8H {
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/d0b26e83dde0.png)
}

.hdPHt.MU5Sg .WaQ8H {
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/eb3539505d6c.png)
}

.ydZMT {
    display: flex;
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%)
}

.ydZMT>* {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    opacity: .32
}

.ydZMT>*+* {
    margin-left: 6px
}

.ydZMT>.YkRbp {
    opacity: 1
}

.Rl2J1 {
    position: absolute;
    bottom: 86px;
    width: 20px;
    height: 20px;
    color: #3b2347
}

.Rl2J1.VSdIo {
    left: 18px;
    transform: rotate(90deg)
}

.Rl2J1.PEe28 {
    right: 18px;
    transform: rotate(-90deg)
}

.Rl2J1 .Button__bg {
    background-color: #fff
}

.BahYq {
    transform: translate(-100%)
}

.mS0sq {
    transform: translate(-200%);
    transition: transform 1s cubic-bezier(0, 1.1, .2, 1)
}

.sKfB2 {
    transform: translate(-100%)
}

.N9L4L {
    transform: translate(0);
    transition: transform 1s cubic-bezier(0, 1.1, .2, 1)
}

.xuEFd {
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/a9d83e2265ac.jpg);
    background-color: #191919;
    box-shadow: 1.33px 8px 8px rgba(0, 0, 0, .15);
    border-radius: 16px;
    color: #fff;
    position: absolute;
    width: 632px;
    padding: 48px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center
}

.xuEFd.ik6Zr {
    top: auto;
    width: auto;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    background: #1c1f29;
    border-radius: 0
}

.xuEFd.ik6Zr:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    background: hsla(0, 0%, 100%, .16);
    border-radius: 4px
}

.xuEFd>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 312px
}

.xuEFd h1 {
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center
}

.xuEFd p {
    font-size: 16px;
    line-height: 24px;
    color: #9699a3;
    text-align: center;
    margin-bottom: 8px
}

.xuEFd .nrVYU {
    width: 312px;
    height: 48px;
    margin: 8px 0 0;
    font-size: 14px
}

.xuEFd .nrVYU .Button__bg {
    border-radius: 6px
}

.xuEFd .Sp3kO {
    height: 16px;
    width: 20px
}

.Jh40v {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    cursor: pointer;
    transition: transform .2s
}

.Jh40v:hover {
    transform: scale3d(1.1, 1.1, 1)
}

.Jh40v svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    stroke: #000
}

.vgTEi {
    color: #707c86;
    text-transform: uppercase;
    display: flex;
    margin: 24px 0 16px;
    align-items: center;
    width: 100%
}

.vgTEi:after,
.vgTEi:before {
    content: "";
    flex: 1;
    display: block;
    border-top: 1px solid rgba(150, 153, 163, .16)
}

.HR1PD button {
    margin: 8px 0 0
}

.Im2AB {
    font-weight: 700;
    height: 56px
}

.Im2AB,
.KXVmC {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px;
    width: 100%
}

.KXVmC {
    display: flex;
    align-items: center;
    font-weight: 400;
    margin: 2rem 0
}

.KXVmC:after,
.KXVmC:before {
    content: "";
    flex: 1;
    height: 1px;
    border-radius: 1px;
    background: #fff;
    opacity: .4
}

.KXVmC:before {
    margin: 0 1rem 0 0
}

.KXVmC:after {
    margin: 0 0 0 1rem
}

.itN2u {
    width: 330px
}

.itN2u button {
    margin-bottom: 8px
}

.itN2u button:last-of-type {
    margin-bottom: 0
}

.itN2u .Button--large:hover .Button__bg,
.itN2u .Button:hover .Button__bg {
    transform: none
}

.UOshI {
    letter-spacing: .2px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    text-align: center
}

.UOshI div {
    margin-bottom: 32px
}

.UOshI .F7Xek {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    width: 70%;
    color: hsla(0, 0%, 100%, .5)
}

.KlNyW {
    opacity: .8
}

.LR2tM {
    font-weight: 700;
    color: #fff;
    line-height: 16px;
    cursor: pointer
}

.O2TMe .Button__bg {
    border-radius: 8px
}

.dyEjD {
    height: 16px;
    width: 20px
}

@media(min-width: 540px) {
    .gj7zL {
        position: fixed;
        top: 80px;
        right: 1.875rem;
        z-index: 1001
    }

    .gj7zL.XTKM3 {
        top: 1.875rem
    }
}

.OG1sW {
    padding-top: 0
}

.OG1sW .qD_UF {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100vw;
    height: 80px;
    background: #000
}

.bs7oM {
    position: relative;
    width: 100%;
    height: 599px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    padding-bottom: 28px;
    overflow: hidden
}

.bs7oM.vjOFt {
    height: 640px
}

@media(max-width: 1169px) {
    .bs7oM {
        height: 455px
    }

    .bs7oM.vjOFt {
        height: 460px
    }
}

@media(max-width: 767px) {
    .bs7oM {
        padding-bottom: 16px
    }
}

.bs7oM .f1WxI {
    position: relative
}

.bs7oM .f1WxI .iG56i {
    position: absolute;
    bottom: 32px;
    left: 0
}

@media(min-width: 767px)and (max-width:1169px) {
    .bs7oM .f1WxI .iG56i {
        bottom: 24px
    }
}

@media(max-width: 767px) {
    .bs7oM .f1WxI .iG56i {
        bottom: 12px
    }
}

.bs7oM .f1WxI .iG56i .dIPjX {
    font-weight: 800;
    font-size: 56px;
    line-height: 64px;
    color: #fff;
    transition: color .3s ease;
    cursor: pointer
}

.bs7oM .f1WxI .iG56i .dIPjX:hover {
    color: var(--themeActiveColor)
}

.bs7oM .f1WxI .iG56i .dIPjX:active {
    color: rgba(255, 80, 26, .8)
}

@media(min-width: 767px)and (max-width:1169px) {
    .bs7oM .f1WxI .iG56i .dIPjX {
        font-weight: 800;
        font-size: 48px;
        line-height: 56px
    }
}

@media(max-width: 767px) {
    .bs7oM .f1WxI .iG56i .dIPjX {
        font-weight: 800;
        font-size: 32px;
        line-height: 40px
    }
}

.bs7oM .i5cEv {
    margin-bottom: 16px
}

.bs7oM .cLfkN {
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 16px;
    justify-self: flex-end;
    color: #fff;
    white-space: pre;
    position: absolute;
    right: 22px;
    bottom: 12px;
    z-index: 3;
    display: none
}

@media(max-width: 767px) {
    .bs7oM .cLfkN {
        display: flex
    }
}

.bs7oM .cLfkN .EsOwW {
    color: var(--themeActiveColor)
}

.bs7oM .RpjfY {
    z-index: 2;
    display: flex;
    flex-flow: column
}

.bs7oM .RpjfY .FeRWu {
    display: flex;
    flex-flow: column;
    position: relative;
    margin: 0 auto 32px;
    width: 100%;
    max-width: 1919px
}

@media(max-width: 767px) {
    .bs7oM .RpjfY .FeRWu {
        margin-bottom: 0;
        height: 130px
    }
}

.bs7oM .RpjfY .FeRWu .K4Sij {
    height: 100%;
    display: flex;
    flex-flow: column;
    cursor: pointer
}

.bs7oM .RpjfY .FeRWu .K4Sij .pD7lO {
    position: relative;
    height: 55px
}

.bs7oM .RpjfY .FeRWu .K4Sij .pD7lO .i5cEv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.bs7oM .RpjfY .FeRWu .K4Sij .MgHDF {
    margin: auto auto 0 0;
    height: 48px
}

.bs7oM .RpjfY .FeRWu .y5HGe {
    display: flex;
    flex-flow: column;
    margin: 0 0 32px 70px
}

@media(max-width: 767px) {
    .bs7oM .RpjfY .FeRWu .y5HGe {
        margin: 0 0 16px 20px
    }
}

.bs7oM .RpjfY .FeRWu .y5HGe .PVTlx {
    width: 428px;
    border-top: 1px solid rgba(150, 153, 163, .16)
}

@media(max-width: 767px) {
    .bs7oM .RpjfY .FeRWu .y5HGe .PVTlx {
        display: none
    }
}

.bs7oM .Wplsj {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bs7oM .i46VD {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity .6s;
    opacity: 0
}

.bs7oM .i46VD.IwWoc {
    opacity: 1
}

@media(max-width: 767px) {
    .bs7oM .i46VD {
        height: 374px
    }
}

@media(max-width: 539px) {
    .bs7oM .i46VD {
        height: 279px
    }
}

.bs7oM .i46VD .iHw8j {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(78.83deg, #10141f, rgba(16, 20, 31, 0) 61.46%), linear-gradient(1turn, #10141f, rgba(16, 20, 31, 0) 48.44%, rgba(16, 20, 31, .4))
}

@media(max-width: 767px) {
    .bs7oM .i46VD .iHw8j {
        background: linear-gradient(179.42deg, #10141f 17.51%, rgba(16, 20, 31, .0001) 33.89%), linear-gradient(1turn, #10141f, rgba(16, 20, 31, .8) 20.74%, rgba(16, 20, 31, .0001) 36.36%)
    }
}

@media(max-width: 539px) {
    .bs7oM .i46VD .iHw8j {
        background: linear-gradient(180deg, #10141f 23.21%, rgba(16, 20, 31, .0001) 49.83%), linear-gradient(1turn, #10141f, rgba(16, 20, 31, .0001) 20.82%)
    }
}

.bs7oM .JYRkz {
    position: absolute;
    bottom: 26px;
    right: 68px;
    font-size: 20px;
    z-index: 2
}

.f40qz {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

.f40qz .wrg4C {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vFRhZ {
    padding-bottom: 3rem
}

.vFRhZ .kmnOp {
    display: flex;
    justify-content: center;
    margin: 2rem 0 1rem
}

.vFRhZ .utyeO {
    z-index: 1;
    background-color: #006c95;
    margin: 28px auto 16px;
    padding: 12px 46px
}

.vFRhZ .sU_5m {
    background-image: linear-gradient(180deg, #006b95, rgba(0, 108, 149, .7322) 27.84%, rgba(0, 108, 149, 0) 73.44%), url(//cdn.adrise.tv/tubitv-assets/img/world-cup/world-cup-container-background.png);
    border-radius: 12px
}

.H803I {
    max-width: 1920px;
    display: flex;
    flex-flow: column;
    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid rgba(150, 153, 163, .16);
    background-repeat: no-repeat;
    background-size: cover
}

.H803I .hD7eh {
    align-self: flex-start
}

.H803I .hD7eh.j74mr {
    z-index: 1
}

.H803I .ZtYkd.j74mr .web-carousel__container {
    padding-top: 40px;
    margin-top: -40px;
    padding-bottom: 60px;
    margin-bottom: -60px
}

.H803I .ZtYkd.j74mr.FloUg {
    z-index: 2
}

.lcCe6 {
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #fff;
    padding: .4rem .8rem;
    border-radius: .4rem;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase
}

.lcCe6.MFL2U {
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px;
    border-radius: 4px
}

.lcCe6.MFL2U svg {
    font-size: 16px;
    margin-right: 4px
}

.lcCe6 svg {
    font-size: 1.6rem;
    margin-right: .4rem
}

.lcCe6.Wv_Ip {
    background-color: #f0f1f5;
    color: #1c1f29
}

.lcCe6.w9Mt4 {
    background-color: #585b66
}

.lcCe6.Yf4Rp {
    background-color: #cc090b
}

.QyhH0 {
    display: inline-flex;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .03em;
    border-radius: 2px;
    background: linear-gradient(287.15deg, #323775 1.38%, #992279);
    color: #fff
}

.CvAfZ {
    position: absolute;
    top: 0;
    width: 100%;
    transition: opacity .6s;
    opacity: 0
}

.CvAfZ.hU7dt {
    opacity: 1
}

.CvAfZ .i0DuJ {
    position: absolute;
    bottom: 18px;
    right: 19px;
    font-size: 20px;
    z-index: 2
}

.i4PEZ {
    position: fixed;
    bottom: 18px;
    right: 18px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    color: #fff;
    background-color: var(--themeActiveColor);
    border-radius: 50%;
    cursor: pointer
}

.i4PEZ.icJWW {
    display: flex;
    bottom: 98px
}

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

.i4PEZ.icJWW.Ksksm {
    display: none
}

.ka_NW {
    background: #202026;
    width: 100%;
    padding-top: 46px;
    color: #666;
    position: relative;
    min-height: 100%
}

.ka_NW li {
    list-style-type: none
}

.ka_NW li a {
    color: #fff;
    opacity: 1
}

.ka_NW.ltSPd {
    border-top: 1px solid rgba(150, 153, 163, .16);
    background: #10141f
}

.ka_NW.ltSPd .Ay8eh {
    padding: 0 65px;
    max-width: none
}

@media(max-width: 959px) {
    .ka_NW.ltSPd .Ay8eh {
        padding: 0 20px
    }
}

.ka_NW .M6oaW {
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap
}

.ka_NW .M6oaW .B2EMM,
.ka_NW .M6oaW .gcp3k {
    padding: 0
}

.ka_NW .M6oaW .gcp3k {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 1.7rem
}

.ka_NW .M6oaW .gcp3k .ZQtDc:not(active) {
    opacity: 1
}

.ka_NW .M6oaW .gcp3k .rsGIE {
    width: 54.2px;
    height: 22.9px;
    color: #fff;
    margin-right: 12px
}

.ka_NW .M6oaW .gcp3k span {
    font-size: 2rem;
    line-height: .7;
    opacity: .2;
    padding-right: .8rem;
    display: none
}

@media(min-width: 375px) {
    .ka_NW .M6oaW .gcp3k span {
        display: block
    }
}

.ka_NW .M6oaW .B2EMM {
    display: flex;
    color: #fefefe;
    align-items: flex-start
}

.ka_NW .BYCDX {
    display: flex;
    justify-content: space-between
}

.ka_NW .BYCDX .CgXhT {
    height: 1px;
    background-color: hsla(0, 0%, 100%, .1)
}

.ka_NW .XRKgF {
    padding-bottom: 3.3rem
}

.ka_NW .XRKgF div {
    padding: 0
}

.ka_NW .XRKgF .ZIbts {
    color: #fff;
    font-size: 11px;
    letter-spacing: .5px;
    margin-top: 3.1rem;
    display: inline-block;
    flex-grow: 0;
    flex-basis: 33.3%
}

.ka_NW .XRKgF .ZIbts .aBVGi {
    display: inline-block;
    margin-bottom: 1.5rem;
    color: #707c86;
    font-weight: 700;
    letter-spacing: .7px
}

.ka_NW .zbLtJ {
    display: flex;
    flex-direction: column
}

.ka_NW .zbLtJ .EELlk {
    display: flex;
    color: #fff;
    justify-content: center;
    border-top: 1px solid #36363c;
    padding: 3.25rem 0 2.5rem
}

.ka_NW .zbLtJ .EELlk .pgZbK,
.ka_NW .zbLtJ .EELlk .yPGO9 {
    width: 135px;
    height: 40px;
    margin: 0 .75rem
}

.ka_NW .zbLtJ .EELlk .pgZbK>img,
.ka_NW .zbLtJ .EELlk .yPGO9>img {
    width: 100%;
    height: 100%
}

.ka_NW .zbLtJ .ApbYa {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3.25rem
}

.ka_NW .zbLtJ .ApbYa .uo5wS {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-size: 11px;
    flex-grow: 1;
    flex-basis: 50%;
    line-height: 1.45
}

.ka_NW .zbLtJ .ApbYa .uo5wS div {
    color: #707c86;
    opacity: .5;
    font-size: 11px;
    display: block;
    text-align: center
}

.ka_NW .zbLtJ .ApbYa .uo5wS div:first-of-type {
    margin-bottom: 11px
}

.ka_NW .zbLtJ .ApbYa .aUJcG {
    color: #707c86;
    opacity: .5;
    font-size: 11px;
    margin: 1rem 0 0
}

.ka_NW .zbLtJ ._97LI {
    font-size: 9px;
    color: #fff;
    opacity: .2;
    text-align: center;
    padding-bottom: 3rem
}

.xj1tn {
    font-size: 12px;
    line-height: 1.45;
    letter-spacing: .5px;
    text-transform: capitalize;
    display: none;
    color: #707c86;
    overflow: hidden;
    margin-right: auto;
    margin-top: 6px
}

.xj1tn ._jH70 {
    display: flex
}

.xj1tn ._jH70 .f3c5X {
    color: #fff;
    pointer-events: none;
    opacity: .1;
    height: 16px;
    width: 9px;
    margin-right: 9px
}

.xj1tn ._jH70 .a7bJ4 {
    color: #707c86;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width: 768px) {
    .xj1tn {
        display: flex
    }
}

.I06GC {
    display: flex;
    padding-top: 4px
}

.I06GC,
.I06GC a {
    color: #d7d7d7
}

.I06GC .UpphA {
    display: flex;
    align-items: center
}

.I06GC .UpphA .cPn2e,
.I06GC .UpphA .dscSD,
.I06GC .UpphA .sxSdJ,
.I06GC .UpphA .x4TVQ,
.I06GC .UpphA .yFrHA {
    cursor: pointer;
    margin-right: 1rem;
    transition: opacity .3s;
    opacity: 1
}

.I06GC .UpphA .cPn2e:hover,
.I06GC .UpphA .dscSD:hover,
.I06GC .UpphA .sxSdJ:hover,
.I06GC .UpphA .x4TVQ:hover,
.I06GC .UpphA .yFrHA:hover {
    opacity: .75
}

.I06GC .UpphA .cPn2e svg,
.I06GC .UpphA .dscSD svg,
.I06GC .UpphA .x4TVQ svg,
.I06GC .UpphA .yFrHA svg {
    width: 20px;
    height: 20px
}

.I06GC .UpphA .dscSD>svg {
    height: 16px
}

.ott-button {
    position: relative;
    background: transparent;
    border-radius: .8rem;
    border: none;
    font-size: 1.8rem;
    font-weight: 600;
    height: 5.3333333333rem;
    padding: 1rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-bottom: .2rem;
    transition: transform .15s cubic-bezier(1, .01, 0, 1)
}

.defaultDarkLegacyTheme .ott-button,
.defaultDarkTheme .ott-button,
.kidsDarkLegacyTheme .ott-button,
.kidsDarkTheme .ott-button {
    color: #fff
}

.ott-button--compact {
    height: 4rem;
    font-size: 1.6rem
}

.defaultDarkLegacyTheme .ott-button--gray-bg {
    color: #585b66
}

.defaultDarkTheme .ott-button--gray-bg,
.kidsDarkLegacyTheme .ott-button--gray-bg,
.kidsDarkTheme .ott-button--gray-bg {
    color: hsla(0, 0%, 100%, .2)
}

.ott-button--transparent-gray-bg {
    background: hsla(0, 0%, 80%, .2)
}

.defaultDarkLegacyTheme .ott-button--theme-light {
    color: #585b66
}

.defaultDarkTheme .ott-button--theme-light,
.kidsDarkLegacyTheme .ott-button--theme-light,
.kidsDarkTheme .ott-button--theme-light {
    color: hsla(0, 0%, 100%, .2)
}

.defaultDarkLegacyTheme .ott-button--theme-light.ott-button--disabled {
    color: #9699a3
}

.defaultDarkTheme .ott-button--theme-light.ott-button--disabled,
.kidsDarkLegacyTheme .ott-button--theme-light.ott-button--disabled,
.kidsDarkTheme .ott-button--theme-light.ott-button--disabled {
    color: hsla(0, 0%, 100%, .75)
}

.defaultDarkLegacyTheme .ott-button--hover {
    color: #fff;
    background-color: var(--themeActiveColor)
}

.defaultDarkTheme .ott-button--hover {
    color: #fff;
    background-color: #e13100
}

.kidsDarkLegacyTheme .ott-button--hover {
    color: #fff;
    background-color: #fea534
}

.kidsDarkTheme .ott-button--hover {
    color: #fff;
    background-color: #f08600
}

.defaultDarkLegacyTheme .ott-button--selected {
    color: var(--themeActiveColor)
}

.defaultDarkTheme .ott-button--selected {
    color: #e13100
}

.kidsDarkLegacyTheme .ott-button--selected {
    color: #fea534
}

.kidsDarkTheme .ott-button--selected {
    color: #f08600
}

.ott-button--active {
    transition-duration: .1s;
    transform: scale(.9)
}

.defaultDarkLegacyTheme .ott-button--disabled {
    color: #9699a3
}

.defaultDarkTheme .ott-button--disabled,
.kidsDarkLegacyTheme .ott-button--disabled,
.kidsDarkTheme .ott-button--disabled {
    color: hsla(0, 0%, 100%, .75)
}

.ott-button--disabled.hover {
    background-color: #aeb6bc;
    opacity: 1
}

.defaultDarkLegacyTheme .ott-button--disabled.ott-button--selected,
.defaultDarkTheme .ott-button--disabled.ott-button--selected,
.kidsDarkLegacyTheme .ott-button--disabled.ott-button--selected,
.kidsDarkTheme .ott-button--disabled.ott-button--selected {
    color: #fff
}

.defaultDarkLegacyTheme .ott-button--disabled.ott-button--selected.ott-button--theme-light {
    color: #585b66
}

.defaultDarkTheme .ott-button--disabled.ott-button--selected.ott-button--theme-light,
.kidsDarkLegacyTheme .ott-button--disabled.ott-button--selected.ott-button--theme-light,
.kidsDarkTheme .ott-button--disabled.ott-button--selected.ott-button--theme-light {
    color: hsla(0, 0%, 100%, .2)
}

.ott-button--with-icon {
    justify-content: flex-start;
    align-items: center;
    line-height: 5.3333333333rem
}

.ott-button--only-icon {
    justify-content: center
}

.ott-button__icon {
    width: 5.6666666667rem;
    height: 2.6666666667rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: inherit
}

.ott-button__icon--right-icon {
    justify-content: flex-start
}

.ott-button__icon--only-icon {
    justify-content: center
}

.ott-button__icon>svg {
    width: 2.2666666667rem;
    height: 2.2666666667rem
}

.ott-button__progress-bar {
    position: absolute;
    bottom: .2rem;
    left: 2.5%;
    height: .2666666667rem;
    border-radius: .2rem;
    opacity: 0;
    animation: appear .2s linear .2s 1 forwards
}

.defaultDarkLegacyTheme .ott-button__progress-bar,
.defaultDarkTheme .ott-button__progress-bar,
.kidsDarkLegacyTheme .ott-button__progress-bar,
.kidsDarkTheme .ott-button__progress-bar {
    background-color: #fff
}

.ott-button__children {
    width: 100%;
    align-items: center;
    padding: 0 3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ott-button__children.with-icon {
    padding: 0 1.3333333333rem;
    flex: 1 1 80%
}

.ott-button__children.with-icon.right-icon {
    padding-left: 3rem
}

.ott-button__children--horizontal-align-icon.with-icon {
    flex: 1 1
}

@keyframes appear {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.ott-svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ott-spinner {
    color: #fff;
    animation: spinner 1.2s cubic-bezier(.25, .46, .45, .94) infinite
}

.defaultDarkLegacyTheme .ott-spinner--light {
    color: #585b66
}

.defaultDarkTheme .ott-spinner--light,
.kidsDarkLegacyTheme .ott-spinner--light,
.kidsDarkTheme .ott-spinner--light {
    color: hsla(0, 0%, 100%, .2)
}

.ott-spinner--md {
    width: 1.8rem;
    height: 1.8rem
}

.ott-spinner--lg {
    width: 2.2666666667rem;
    height: 2.2666666667rem
}

.ott-spinner--xl {
    width: 5rem;
    height: 5rem
}

.ott-spinner__path {
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 10%;
    fill: none
}

.moRjH {
    color: hsla(0, 0%, 100%, .5)
}

.l4FB_ {
    color: #26262d
}

.a8jOE .BVyG0 {
    display: flex;
    justify-content: center
}

.a8jOE .aBkaJ {
    width: 100%;
    font-size: .8rem;
    color: #707c86;
    margin: 1rem 0
}

.a8jOE .LLBYg {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px;
    max-width: 650px;
    margin: 0 auto
}

@media(min-width: 960px) {
    .a8jOE .LLBYg {
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: .37px
    }
}

.a8jOE .LLBYg .aBkaJ {
    text-align: left
}

.a8jOE sup {
    font-size: 8px;
    top: -7px
}

.a8jOE .Cu6Nx {
    width: 100%;
    position: absolute
}

.a8jOE .Cu6Nx .FWbqn {
    text-align: center
}

.a8jOE .m4M3j {
    position: relative;
    width: 100%;
    /* background-image: url(../images/bg-mobile.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 67%
}

@media(min-width: 768px) {
    .a8jOE .m4M3j {
        height: 56.25vw;
        /* background-image: url(../images/bg.jpg) */
    }
}

.a8jOE .m4M3j .kGgaU {
    width: 100%
}

.a8jOE .m4M3j .f1Far {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.a8jOE .m4M3j .f1Far .MQJzq {
    position: relative;
    height: 70vw;
    width: 100vw;
    background-size: cover;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    z-index: 1
}

@media(min-width: 768px) {
    .a8jOE .m4M3j .f1Far .MQJzq {
        position: absolute;
        height: 105%;
        width: 84%;
        align-self: flex-end
    }
}

.a8jOE .m4M3j .f1Far .Cu6Nx {
    position: relative;
    z-index: 2
}

@media(min-width: 768px) {
    .a8jOE .m4M3j .f1Far .Cu6Nx {
        height: 100%;
        display: flex;
        align-items: flex-end;
        padding-bottom: 10%
    }
}

.a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx {
    padding-bottom: 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx .FWbqn,
.a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx h1 {
    color: #fff;
    text-align: center
}

@media(min-width: 768px) {

    .a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx .FWbqn,
    .a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx h1 {
        text-align: left
    }
}

.a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx h1 {
    width: 100%;
    font-size: 27px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: .3px
}

@media(min-width: 960px) {
    .a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx h1 {
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        letter-spacing: .3px
    }
}

.a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx .FWbqn {
    margin: 0 auto 18px
}

@media(min-width: 768px) {

    .a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx .FWbqn,
    .a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx a {
        align-self: flex-start;
        margin-left: 0
    }
}

@media(max-width: 767px) {
    .a8jOE .m4M3j .f1Far .Cu6Nx .BfEsx {
        align-items: center
    }
}

.a8jOE .CUE4s {
    background-image: url(../images/bg-mobile-refresh.jpg)
}

@media(min-width: 768px) {
    .a8jOE .CUE4s {
        background-image: url(../images/bg-refresh.jpg)
    }
}

.a8jOE .ziHOc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%;
    min-height: auto;
    /* background-image: url(../images/moviesbg-mobile.jpg); */
    background-size: cover;
    background-repeat: no-repeat
}

@media(min-width: 540px) {
    .a8jOE .ziHOc {
        background-image: url(../images/moviesbg.jpg)
    }
}

.a8jOE .ziHOc .Cu6Nx {
    flex-direction: column;
    position: relative;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    margin-bottom: 5rem
}

@media(min-width: 960px) {
    .a8jOE .ziHOc .Cu6Nx {
        margin-bottom: 8rem
    }
}

.a8jOE .ziHOc .Cu6Nx h2 {
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .5px;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: 5rem
}

@media(min-width: 960px) {
    .a8jOE .ziHOc .Cu6Nx h2 {
        font-size: 67px;
        font-weight: 700;
        line-height: 64px;
        letter-spacing: -1px;
        margin-top: 8rem
    }
}

.a8jOE .ziHOc .Cu6Nx .FWbqn {
    color: #fff
}

.a8jOE .ziHOc .Cu6Nx .aBkaJ {
    color: hsla(0, 0%, 100%, .7)
}

.a8jOE .ziHOc .Cu6Nx .fvG95 {
    width: 300px;
    max-width: 500px;
    display: flex;
    flex-wrap: wrap;
    margin: 3rem auto;
    font-size: 1rem
}

@media(min-width: 768px) {
    .a8jOE .ziHOc .Cu6Nx .fvG95 {
        width: 100%;
        font-size: .8rem
    }
}

.a8jOE .ziHOc .vCGy0 {
    position: relative;
    width: 100%;
    justify-content: center;
    overflow-x: hidden;
    margin-top: 4rem
}

.a8jOE .ziHOc .vCGy0 .Kvyjn {
    min-width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0
}

@media(min-width: 768px) {
    .a8jOE .ziHOc .vCGy0 .Kvyjn {
        height: 350px
    }
}

.a8jOE .CSz1m {
    min-height: auto;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff
}

.a8jOE .CSz1m .UKyct {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    height: 80vw;
    position: relative;
    padding-top: 4rem
}

@media(min-width: 768px) {
    .a8jOE .CSz1m .UKyct {
        height: auto;
        padding: 4rem 65px 0
    }
}

.a8jOE .CSz1m .UKyct .aqsDm {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 7%
}

@media(min-width: 768px) {
    .a8jOE .CSz1m .UKyct .aqsDm {
        position: relative;
        padding-bottom: 25%;
        background-size: contain;
        background-position-x: 0
    }
}

.a8jOE .CSz1m .Cu6Nx {
    position: relative;
    margin-bottom: 5rem
}

@media(min-width: 960px) {
    .a8jOE .CSz1m .Cu6Nx {
        margin-bottom: 8rem
    }
}

.a8jOE .CSz1m .Cu6Nx h2 {
    margin-top: 5rem;
    width: 100%;
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    color: #26262d;
    text-align: center;
    letter-spacing: .5px
}

@media(min-width: 960px) {
    .a8jOE .CSz1m .Cu6Nx h2 {
        font-size: 48px;
        font-weight: 700;
        line-height: 64px;
        letter-spacing: .21px;
        margin-top: 8rem
    }
}

.a8jOE .CSz1m .Cu6Nx .c9BsI {
    margin: 3rem auto
}

.a8jOE .cgg2s {
    width: 100%;
    height: 385px;
    position: relative;
    display: flex;
    justify-content: center;
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/964df397c603.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.a8jOE .cgg2s .iUSSQ {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.a8jOE .cgg2s .iUSSQ .WBypk {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%
}

.a8jOE .cgg2s .Cu6Nx {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0
}

.a8jOE .cgg2s .Cu6Nx .kGgaU {
    height: 100%;
    padding: 6rem 0;
    justify-content: center
}

.a8jOE .cgg2s .Cu6Nx .BfEsx {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.a8jOE .cgg2s .Cu6Nx .BfEsx h2 {
    margin: 0;
    width: 100%;
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .5px;
    color: #fff;
    text-align: center
}

.rjiTB {
    top: 0;
    left: 0;
    width: 100%;
    min-height: calc(100vh - 365px);
    color: #fff
}

.rjiTB.wyd30 {
    height: 100vh;
    width: 100vw
}

@keyframes YtJ0K {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes QwvMZ {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes nNiXG {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes MZm3y {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes ldjQs {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes Ffp2G {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.dQhZw {
    position: relative;
    display: block;
    padding-bottom: 3rem
}

.dQhZw.SLgbq {
    padding-bottom: 25px
}

.dQhZw.Le3zO #captionsComponent {
    transform: translate3d(-50%, -2.5rem, 0) !important
}

.dQhZw .Nxx1i {
    position: absolute;
    width: 100%;
    padding-top: 56.25%;
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.dQhZw .VPkoh {
    position: absolute;
    left: 20px;
    top: 80px;
    width: calc(100vw - 40px);
    height: calc(56.25vw - 22.5px);
    margin: 0 auto;
    z-index: 1
}

.dQhZw .VPkoh .CZOGn {
    position: absolute;
    padding: 1.2rem;
    font-size: 1.2rem;
    z-index: 1
}

@media(min-width: 768px) {
    .dQhZw .VPkoh {
        left: 65px;
        width: calc(100vw - 130px);
        height: calc(56.25vw - 73.125px)
    }

    .dQhZw .VPkoh.cCMND {
        height: calc(37.125vw - 45px)
    }
}

.dQhZw .VPkoh.dd9kM {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh
}

.dQhZw .VPkoh._Rpva {
    display: none
}

.dQhZw .zHQGA {
    position: relative;
    padding-top: calc(56.25vw + 87.5px)
}

@media(min-width: 768px) {
    .dQhZw .zHQGA {
        padding-top: calc(56.25vw + 36.875px)
    }
}

.dQhZw .zHQGA._Rpva {
    display: none
}

.dQhZw .zHQGA.dd9kM {
    padding-top: 100vh
}

.dQhZw .zHQGA.FHwR7 {
    padding-top: 110px
}

.w6yu0 {
    position: fixed;
    bottom: 20vh;
    overflow: hidden
}

.w6yu0,
.w6yu0:after {
    top: 0;
    left: 0;
    right: 0
}

.w6yu0:after {
    content: "";
    position: absolute;
    bottom: 0;
    background: linear-gradient(78.83deg, #10141f, rgba(16, 20, 31, 0) 61.46%), linear-gradient(1turn, #10141f, rgba(16, 20, 31, 0) 48.44%, rgba(16, 20, 31, .4))
}

@media(max-width: 767px) {
    .w6yu0 {
        bottom: auto
    }
}

.w6yu0 img {
    transition: transform .3s ease, opacity .3s ease;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.2);
    opacity: 0;
    width: 100%;
    height: 100%
}

.w6yu0 img.Lu9eu {
    transform: scale(1);
    opacity: .24
}

@media(max-width: 767px) {
    .w6yu0 img.Lu9eu {
        opacity: .55
    }
}

.kids-mode .w6yu0:after {
    background: linear-gradient(78.83deg, #2865b7, rgba(40, 101, 183, 0) 61.46%), linear-gradient(1turn, #2865b7, rgba(40, 101, 183, 0) 48.44%, rgba(40, 101, 183, .4))
}

.W9F1c,
.XjCq5 {
    height: 100%
}

.XjCq5 {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center
}

.XjCq5.CcEnu {
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    align-items: center
}

.ywUIB {
    padding-top: 56.25%;
    transition: opacity .3s ease
}

.ywUIB,
.ywUIB .vFuUs {
    position: absolute;
    width: 100%
}

.ywUIB .vFuUs {
    top: 0;
    height: 100%;
    max-height: calc(100vh - 96px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .3s
}

.ywUIB .vFuUs .ramSx {
    width: 100%;
    position: absolute;
    bottom: 0
}

.ywUIB._ldbK .vFuUs {
    opacity: 1
}

.ywUIB .b3cjC {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: #000;
    z-index: 1
}

.ywUIB._ldbK .b3cjC {
    opacity: 0
}

.ywUIB.NRDhw {
    width: 100vw;
    height: 100vh;
    padding-top: 0
}

.ywUIB.NRDhw .vFuUs {
    height: 100vh
}

.ywUIB .jwplayer {
    background: transparent
}

.Fo1A1 {
    width: 5rem;
    height: 5rem
}

.heENJ,
.JHpt9,
.MbKMG {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.JHpt9,
.MbKMG {
    width: 100%;
    align-items: center
}

.JHpt9 .qUsGu,
.MbKMG .qUsGu {
    height: auto;
    width: 10rem
}

.JHpt9 .wf95r,
.MbKMG .wf95r {
    position: relative;
    margin: 2rem auto 1rem;
    width: 16rem;
    height: 4px;
    border-radius: 999px;
    background: hsla(0, 0%, 100%, .2);
    overflow: hidden
}

.JHpt9 .aeV61,
.MbKMG .aeV61 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 999px;
    background-color: var(--themeActiveColor)
}

.kids-mode .JHpt9 .aeV61,
.kids-mode .MbKMG .aeV61 {
    background-color: #fea534
}

.LNexg {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 100%;
    margin: auto
}

.LNexg .FWz4L {
    display: block;
    height: 5rem;
    width: 5rem;
    margin-bottom: 1rem
}

.LNexg .OXG0E {
    text-align: center;
    line-height: 1.33;
    max-width: 475px
}

.LNexg .OXG0E .nivP6 {
    font-size: 1.4rem
}

.LNexg .OXG0E .Uci7N {
    font-size: 1rem
}

@media(min-width: 768px) {
    .LNexg .OXG0E .Uci7N {
        font-size: 1.5rem
    }
}

.LNexg .hWMim {
    text-align: center;
    margin-top: 1rem
}

.LNexg .hWMim .S0FLJ {
    border-top: 1px solid rgba(211, 215, 219, .1);
    max-width: 375px;
    font-size: 1rem;
    display: inline-block;
    letter-spacing: .5px;
    color: #707c86;
    width: 430px;
    padding: 2rem 1rem 0;
    margin-top: 2rem
}

.LNexg .hWMim .S0FLJ a {
    color: #fff
}

.LNexg .ATag {
    color: var(--themeActiveColor)
}

.kids-mode .LNexg .ATag {
    color: #fea534
}

.MEOoO .nivP6 {
    color: var(--themeActiveColor)
}

.kids-mode .MEOoO .nivP6 {
    color: #fea534
}

.mXQKi .Rvbc3 g {
    fill: none;
    fill-rule: evenodd
}

.mXQKi .Rvbc3 .oltTC {
    stroke: #fff;
    stroke-width: 1
}

.mXQKi .Rvbc3 .T_zHn {
    fill: #fff
}

.mXQKi button {
    padding-left: 3rem;
    padding-right: 3rem
}

.mXQKi .S0FLJ {
    margin-top: 1rem
}

.ilAD4 .i_od0 {
    color: var(--themeActiveColor)
}

.kids-mode .ilAD4 .i_od0 {
    color: #fea534
}

.QENkJ {
    background: transparent;
    border: 1px solid #fff;
    margin-bottom: 10px;
    font-size: 1.7em;
    padding: 20px
}

.Mx6Ev {
    background-color: #10141f
}

.Mx6Ev .ogaga {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 810px;
    background-size: cover;
    background-repeat: no-repeat
}

@media(max-width: 768px) {
    .Mx6Ev .ogaga {
        opacity: 0
    }
}

.Mx6Ev .T77eI {
    min-height: calc(100vh - 461px);
    padding-top: 96px;
    display: flow-root
}

.Mx6Ev .T77eI.mNNAq {
    min-height: inherit
}

.Mx6Ev .GZvLZ {
    display: flex;
    width: 100%;
    min-height: 361px;
    border-bottom: 1px solid rgba(150, 153, 163, .16);
    padding-bottom: 24px;
    margin-bottom: 16px;
    z-index: 2
}

.Mx6Ev .GZvLZ .syLWP {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: inherit
}

@media(max-width: 768px) {
    .Mx6Ev .GZvLZ .syLWP {
        width: 100%
    }
}

.Mx6Ev .GZvLZ .syLWP .xuNd4 {
    align-self: flex-start;
    margin-bottom: 12px
}

.Mx6Ev .GZvLZ .syLWP .o5ynM {
    width: 113px;
    height: 48px;
    background: 50% no-repeat;
    background-size: contain;
    margin-bottom: 16px
}

.Mx6Ev .GZvLZ .syLWP .E9MK_ {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .5px;
    color: #fff;
    margin-bottom: 12px
}

@media(max-width: 768px) {
    .Mx6Ev .GZvLZ .syLWP .E9MK_ {
        margin-top: 24px
    }
}

.Mx6Ev .GZvLZ .syLWP .PH0Dy {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin: 16px 0;
    padding-right: 16px
}

@media(max-width: 768px) {
    .Mx6Ev .GZvLZ .syLWP .PH0Dy {
        margin-bottom: 0
    }
}

.Mx6Ev .GZvLZ .syLWP .ofva6 {
    color: #fff;
    display: flex
}

.Mx6Ev .GZvLZ .syLWP .ofva6 .o9P_x {
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    color: #9699a3;
    margin: 2px 14px 0 0
}

.Mx6Ev .GZvLZ .syLWP .ofva6 .zxf8u {
    display: flex;
    align-items: center
}

.Mx6Ev .GZvLZ .syLWP .ofva6 .hFJEQ {
    height: 24px;
    width: 24px;
    margin-right: 10px
}

.Mx6Ev .GZvLZ .syLWP .ofva6 div.EmnCU {
    font-weight: 700
}

.Mx6Ev .GZvLZ .syLWP .ofva6 div.EmnCU,
.Mx6Ev .GZvLZ .syLWP .ofva6 span.QNihu {
    font-size: 12px;
    color: hsla(0, 0%, 100%, .8)
}

.Mx6Ev .GZvLZ .syLWP .r7j0L {
    font-size: 16px;
    color: var(--themeActiveColor)
}

.Mx6Ev .GZvLZ .syLWP .r7j0L .wCxcq {
    margin-right: 8px;
    font-size: 18px;
    vertical-align: top
}

.Mx6Ev .GZvLZ .TQlKP {
    height: 328px;
    width: 583px;
    margin-top: 8px;
    margin-left: auto;
    z-index: inherit
}

@media(max-width: 768px) {
    .Mx6Ev .GZvLZ .TQlKP {
        height: auto;
        width: 100%
    }
}

.Mx6Ev .GZvLZ .BlBhp {
    height: 328px;
    width: 583px;
    margin-top: 8px;
    margin-left: auto;
    z-index: inherit;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-image: url(//cdn.adrise.tv/tubitv-assets/img/world-cup/world-cup-force-registration-overlay.png);
    border-radius: 16px
}

@media(max-width: 768px) {
    .Mx6Ev .GZvLZ .BlBhp {
        height: auto;
        width: 100%
    }
}

.Mx6Ev .GZvLZ .BlBhp .eQn45 {
    margin: 16px;
    width: 210px
}

@media(max-width: 768px) {
    .Mx6Ev .GZvLZ {
        flex-direction: column-reverse
    }
}

.Mx6Ev .hM2ob {
    height: 225px;
    width: 400px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 1
}

.Mx6Ev .qxGYl {
    position: relative;
    top: -96px
}

.Mx6Ev .fTDsE {
    position: relative;
    margin-top: -160px
}

.evi2I {
    margin-top: 171px;
    min-height: calc(100vh - 461px)
}

.evi2I.J4QzX {
    margin-right: auto;
    margin-left: auto;
    max-width: 1920px;
    overflow: hidden
}

.evi2I .e8Bgq {
    margin: 1rem 0 2rem
}

.evi2I .e8Bgq .EwtVs {
    margin: 1rem 0;
    color: #fff;
    font-size: 1.4666666667rem;
    font-weight: 700
}

.evi2I .FBSkL {
    margin-top: 6rem;
    text-align: center;
    font-size: 3.3rem
}

.evi2I .FBSkL .lbf9h {
    width: 3rem;
    height: 3rem
}

.LEAh0 {
    margin: 86px 0 68px;
    color: var(--themeActiveColor);
    font-weight: 700
}

.kids-mode .LEAh0 {
    color: #fea534
}

.LEAh0.J4QzX {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #9699a3;
    margin: 40px 0 96px
}

.LEAh0.J4QzX:after {
    content: "";
    position: absolute;
    bottom: -48px;
    background: rgba(150, 153, 163, .16);
    height: 1px;
    width: 100%
}

.LEAh0 .sekMa {
    margin: 16px 0 0;
    color: #fff;
    font-size: 4.4666666667rem;
    font-weight: 700
}

.LEAh0 .sekMa.J4QzX {
    font-weight: 800;
    font-size: 48px;
    line-height: 56px
}

.BfDHQ {
    width: 100%;
    height: 400px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.BfDHQ .kfFO4 {
    font-weight: 800;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 24px;
    z-index: 1
}

@media(max-width: 767px) {
    .BfDHQ .kfFO4 {
        font-weight: 800;
        font-size: 32px;
        line-height: 40px
    }
}

.BfDHQ .FVF95 {
    font-size: 18px;
    line-height: 28px;
    color: #9699a3;
    margin: 0;
    z-index: 1
}

.BfDHQ .ditYT {
    position: absolute;
    top: -48px;
    bottom: 0;
    left: -84px;
    right: -84px;
    opacity: .64;
    transform: rotate(-180deg);
    background: linear-gradient(1turn, #10141f 24.35%, rgba(28, 31, 41, 0)), radial-gradient(102.48% 102.48% at -3.24% -15.58%, #1814b2 0, rgba(153, 34, 121, .35) 53.65%, rgba(24, 19, 172, 0) 100%), radial-gradient(105.97% 105.97% at 50% 105.97%, #a60079 0, #10141f 100%), radial-gradient(89.84% 191.65% at 108.14% -35.21%, #323775 0, rgba(153, 34, 121, .35) 53.65%, rgba(153, 34, 121, 0) 100%), radial-gradient(57.38% 138.56% at 100% 0, #992279 0, rgba(153, 34, 121, .35) 53.65%, rgba(153, 34, 121, 0) 100%), radial-gradient(67.25% 119.55% at 0 0, #0051be 0, rgba(0, 89, 208, .3) 53.65%, rgba(0, 97, 226, 0) 90.1%), radial-gradient(100% 100% at 50% 100%, #323775 0, rgba(50, 55, 117, 0) 100%)
}

.x3TWu {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/a9d83e2265ac.jpg);
    background-color: #191919
}

.x3TWu,
.x3TWu .nmJ6a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.x3TWu .nmJ6a {
    color: #fff;
    margin: 100px
}

.x3TWu .nmJ6a .YnOtc {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    width: 56px;
    border: 2px solid rgba(240, 241, 245, .16);
    box-sizing: border-box;
    border-radius: 85.5px;
    margin-bottom: 16px
}

.x3TWu .nmJ6a .YnOtc .vZ3fO {
    height: 20px;
    width: 20px
}

.x3TWu.oFTSn {
    background: none
}

.x3TWu.oFTSn .nmJ6a {
    margin: 0;
    padding: 136px 0 80px;
    width: 100vw;
    background: linear-gradient(1turn, #10141f 24%, #2d1c46)
}

.x3TWu.oFTSn .nmJ6a .YnOtc {
    margin-bottom: 24px
}

@keyframes gIWEo {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes cQzmI {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes kNlFO {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes IZcI9 {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes Wa5zx {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes iGvPq {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.wmXWH {
    margin: 0 auto;
    width: 325px
}

.wmXWH,
.wmXWH .T4Nvk {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff
}

.wmXWH .T4Nvk {
    justify-content: space-evenly;
    margin-bottom: 40px
}

.wmXWH .T4Nvk ._4xpv {
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -.2px;
    margin: 0
}

.wmXWH .T4Nvk .EztOO {
    font-size: 18px;
    line-height: 28px;
    color: #9699a3;
    margin-top: 8px
}

.wmXWH .Aq6AK .HLmMs {
    margin-bottom: 8px
}

.wmXWH .Aq6AK .AB_Vr {
    border: 1px solid #d7dae0;
    border-radius: 6px;
    margin-top: 8px
}

.wmXWH .Aq6AK .Qkumt {
    font-weight: 600;
    color: inherit
}

.wmXWH .avY_l {
    display: flex;
    padding: 24px 0
}

.wmXWH .XqWbI {
    color: hsla(0, 0%, 100%, .7);
    font-size: 1.2rem;
    vertical-align: middle;
    float: left
}

.wmXWH .vEyAX {
    color: #f44336;
    text-align: center
}

.wmXWH .vEyAX .vEyAX {
    animation-name: IZcI9;
    animation-duration: .6s;
    animation-fill-mode: both
}

.wmXWH .vEyAX:empty {
    display: none
}

.wmXWH .YULeE {
    font-size: 16px;
    line-height: 24px;
    width: 312px
}

.wmXWH .YULeE .Button__bg {
    border-radius: 8px
}

.wmXWH .YULeE:disabled {
    opacity: 1
}

.wmXWH .aLnRt {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    color: hsla(0, 0%, 100%, .5);
    text-align: center
}

.wmXWH .aLnRt .Qkumt {
    color: #fff
}

.wmXWH .aLnRt p {
    max-width: 200px;
    margin: 0 auto 18px
}

.wmXWH .bVSc5 {
    margin: 8px 0 24px;
    color: rgba(150, 153, 163, .16);
    max-width: 312px
}

.wmXWH .SklsE {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 20px
}

.kXbUS {
    background-color: #f0f3f5;
    max-width: none
}

.ZAopW {
    justify-content: center;
    width: 100%;
    padding-bottom: 50px
}

.IJzxo {
    padding: 0
}

._isuK {
    margin-bottom: 134px
}

.O4eVl {
    height: 100vh
}

.O4eVl .nq0ZB {
    text-align: center;
    font-size: 1.5rem;
    color: #f44336;
    position: relative;
    top: 48%
}

.O4eVl .L2kXI {
    width: 100%;
    padding-top: 80px;
    min-height: calc(100vh - 292px);
    display: flex
}

.O4eVl .L2kXI .MynkA {
    width: 100%;
    background: #fff;
    padding: 4rem 3rem 0
}

@media(min-width: 375px) {
    .O4eVl .L2kXI .MynkA {
        padding-right: 0
    }
}

.WClOB {
    width: 100vw;
    color: #fff;
    background: linear-gradient(1turn, #10141f 24%, #2d1c46)
}

.WClOB,
.WClOB .i7fa5 {
    display: flex;
    justify-content: center
}

.WClOB .i7fa5 {
    z-index: 9998;
    position: fixed;
    top: 96px;
    width: 870px;
    max-width: 100vw;
    align-items: center;
    padding: 25px 24px 23px;
    border-bottom: 1px solid rgba(150, 153, 163, .16);
    transition: background .3s, width .3s
}

.WClOB .i7fa5.U3CEL {
    width: 100vw;
    border-bottom-width: 0;
    background: #1c1f29
}

.WClOB .i7fa5 .ahwYM {
    list-style-type: none;
    margin: 0 12px;
    text-align: center
}

.WClOB .i7fa5 .ahwYM .qsl7w {
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    color: #fff
}

@media(min-width: 540px) {
    .WClOB .i7fa5 .ahwYM .qsl7w {
        font-size: 16px;
        line-height: 24px
    }
}

.WClOB .i7fa5 .ahwYM .qsl7w.YSSI_,
.WClOB .i7fa5 .ahwYM .qsl7w:hover {
    color: var(--themeActiveColor)
}

.WClOB .JYUgV {
    width: 472px;
    max-width: calc(100% - 48px);
    margin: 168px 24px 80px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.WClOB .JYUgV .zMxtJ {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -.5px;
    font-weight: 700;
    margin: 40px 0 0;
    text-align: center
}

.WClOB .JYUgV .ggzmI {
    font-size: 16px;
    line-height: 24px;
    color: #9699a3;
    margin: 8px 0 0;
    text-align: center;
    padding: 0
}

.Xj50K {
    display: flex;
    justify-content: center;
    padding: 150px 0 100px;
    background-color: #f0f3f5;
    min-height: 100vh;
    min-width: 100vw
}

.Xj50K .dBycF {
    max-width: 430px;
    padding: 0 12px
}

.Xj50K .dBycF .rPgN_ .yXGqW {
    display: flex;
    flex-direction: column
}

.Xj50K .dBycF .rPgN_ .yXGqW .DJ6bE {
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .5px;
    align-self: center;
    margin-bottom: 25px
}

@media(min-width: 540px) {
    .Xj50K .dBycF .rPgN_ {
        min-width: 430px
    }
}

.Xj50K .dBycF .rPgN_ .YDy7b {
    flex-direction: column;
    margin-bottom: 32px
}

.Xj50K .dBycF .rPgN_ .YDy7b .fF0R9 {
    display: flex
}

.Xj50K .dBycF .rPgN_ .YDy7b .fF0R9 .PR_lH {
    display: flex;
    flex-direction: column;
    color: #202028;
    opacity: .5;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    letter-spacing: .8px
}

.Xj50K .dBycF .rPgN_ .YDy7b .blbuQ {
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: url(//cdn.adrise.tv/tubitv-assets/img/custom-captions-bg.png);
    background-size: cover;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .5px;
    text-align: center
}

.Xj50K .dBycF .rPgN_ .YDy7b .blbuQ .oR4Rc {
    margin: 5px auto;
    padding: 0 4px
}

.Xj50K .dBycF .rPgN_ .xe8aq {
    width: 100%;
    height: 1px;
    border-color: currentcolor rgba(38, 38, 45, .1) rgba(38, 38, 45, .1);
    border-top: 1px solid rgba(38, 38, 45, .1)
}

.Xj50K .dBycF .rPgN_ .o5RAN ._ehVb {
    position: relative;
    margin-bottom: 16px
}

.Xj50K .dBycF .rPgN_ .o5RAN ._ehVb:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    border-top: 6px solid #707c86;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    transition: transform .3s ease-in-out
}

.Xj50K .dBycF .rPgN_ .o5RAN.VNlww ._ovWM ._ehVb:after {
    transform: rotate(180deg)
}

.Xj50K .dBycF .rPgN_ .o5RAN.VNlww .ZdjXn {
    display: block
}

.Xj50K .dBycF .rPgN_ .o5RAN .ZdjXn {
    display: none
}

.Xj50K .dBycF .rPgN_ .o5RAN .ZdjXn .p62I2 {
    margin-top: 3px;
    margin-bottom: 28px
}

.Xj50K .dBycF .rPgN_ .o5RAN .ZdjXn .p62I2 .fvNSl {
    margin-top: 0
}

.Xj50K .dBycF .rPgN_ .o5RAN .ZdjXn .Wd2O9 {
    margin-bottom: 32px
}

.Xj50K .dBycF .rPgN_ .o5RAN .ZdjXn .Wd2O9 .uQI5M {
    margin-bottom: 4px
}

.Xj50K .dBycF .rPgN_ .QroVB {
    margin-bottom: 32px
}

.Xj50K .dBycF .rPgN_ .QroVB .pPXuo {
    width: 100%
}

.Xj50K .dBycF ._ehVb {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .5px;
    padding: 32px 0 16px
}

.Xj50K .dBycF .XhYHd {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px;
    color: #697d88;
    margin-bottom: 16px
}

.BG042 {
    display: flex;
    margin-bottom: 55px;
    border: 1px solid rgba(64, 71, 76, .1);
    border-radius: 2px;
    cursor: pointer
}

.BG042 .tcbtO {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    text-align: center;
    background: #f0f3f5;
    color: #26262d;
    border-right: 1px solid rgba(64, 71, 76, .1)
}

.BG042 .tcbtO:last-of-type {
    border-right: none
}

.BG042 .tcbtO.F7JuL {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1), 1px 0 0 0 rgba(0, 0, 0, .05)
}

.FCtmG {
    position: relative;
    display: flex;
    height: 56px
}

.FCtmG .yHvFF {
    width: 100%;
    border-radius: 1px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .05)
}

.FCtmG .yHvFF.kdxcx {
    border: 1px solid rgba(112, 124, 134, .5);
    background: linear-gradient(to top left, transparent 0, transparent calc(50% - .8px), rgba(112, 124, 134, .5) 50%, transparent calc(50% + .8px), transparent), linear-gradient(to top right, transparent 0, transparent calc(50% - .8px), rgba(112, 124, 134, .5) 50%, transparent calc(50% + .8px), transparent)
}

.FCtmG .agDzj {
    display: none;
    width: 216px;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 2
}

.FCtmG .agDzj:after,
.FCtmG .agDzj:nth-of-type(3):after {
    border-bottom: 12px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.FCtmG .agDzj:nth-of-type(3):after {
    right: 0;
    left: 20px
}

.FCtmG .agDzj .QoXIP {
    width: 100%;
    border-radius: 2px;
    border: 2px solid rgba(255, 80, 26, .1);
    margin-bottom: 6px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .05)
}

.FCtmG .agDzj .sS66R {
    width: 40px;
    height: 40px;
    border-radius: 2px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .05);
    margin: 4px 0
}

.FCtmG .agDzj .sS66R.eLGiR {
    border: 2px solid var(--themeActiveColor)
}

.FCtmG .agDzj .dGn6a {
    margin-top: 16px
}

.FCtmG.C2VRy .yHvFF {
    border: 2px solid var(--themeActiveColor)
}

.FCtmG.C2VRy .agDzj {
    display: flex
}

.ZiW8i {
    position: absolute;
    padding: .8rem;
    border: 1px solid rgba(32, 32, 38, .1);
    border-radius: .1333333333rem;
    background-color: #fff;
    box-shadow: 0 .1333333333rem .6666666667rem 0 rgba(0, 0, 0, .2)
}

.ZiW8i.S7BOB,
.ZiW8i.SGpRB,
.ZiW8i.Sq14z {
    top: -20px
}

.ZiW8i.S7BOB:after,
.ZiW8i.SGpRB:after,
.ZiW8i.Sq14z:after {
    content: "";
    position: absolute;
    bottom: -.4rem;
    border-top: .4rem solid #fff;
    border-left: .2666666667rem solid transparent;
    border-right: .2666666667rem solid transparent
}

.ZiW8i.S7BOB {
    left: 50%;
    transform: translate(-50%, -100%)
}

.ZiW8i.S7BOB:after {
    left: 50%;
    transform: translate(-50%)
}

.ZiW8i.SGpRB {
    right: 0;
    transform: translateY(-100%)
}

.ZiW8i.SGpRB:after {
    right: 20px
}

.ZiW8i.Sq14z {
    left: 0;
    transform: translateY(-100%)
}

.ZiW8i.Sq14z:after {
    left: 20px
}

.ZiW8i.FxzSL,
.ZiW8i.Kk_kr,
.ZiW8i.oOMXB {
    bottom: -12px
}

.ZiW8i.FxzSL:after,
.ZiW8i.Kk_kr:after,
.ZiW8i.oOMXB:after {
    content: "";
    position: absolute;
    top: -.4rem;
    border-bottom: .5333333333rem solid #fff;
    border-left: .2666666667rem solid transparent;
    border-right: .2666666667rem solid transparent
}

.ZiW8i.FxzSL {
    left: 50%;
    transform: translate(-50%, 100%)
}

.ZiW8i.FxzSL:after {
    left: 50%;
    transform: translate(-50%)
}

.ZiW8i.Kk_kr {
    right: 0;
    transform: translateY(100%)
}

.ZiW8i.Kk_kr:after {
    right: 20px
}

.ZiW8i.oOMXB {
    left: 0;
    transform: translateY(100%)
}

.ZiW8i.oOMXB:after {
    left: 20px
}

.Dpq2G {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/a9d83e2265ac.jpg);
    background-color: #191919
}

.Dpq2G,
.Dpq2G .kzMDa {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.Dpq2G .kzMDa {
    color: #fff;
    margin: 100px
}

.Dpq2G .kzMDa .OcFvu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    width: 56px;
    border: 2px solid rgba(240, 241, 245, .16);
    box-sizing: border-box;
    border-radius: 85.5px;
    margin-bottom: 16px
}

.Dpq2G .kzMDa .OcFvu .Lsal1 {
    height: 20px;
    width: 20px
}

.Dpq2G.H20wi {
    background: none
}

.Dpq2G.H20wi .kzMDa {
    margin: 0;
    padding: 136px 0 80px;
    width: 100vw;
    background: linear-gradient(1turn, #10141f 24%, #2d1c46)
}

@keyframes pcWRb {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes yaSSr {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes LUZ8k {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes iYOi7 {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes KP89f {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes fUvcW {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.zUD9z {
    max-width: 312px
}

.zUD9z .ehdOn {
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin: 0 0 40px
}

.zUD9z .i_QRp .Button__bg {
    border-radius: 8px
}

.zUD9z .fji7N {
    margin: 24px 0;
    color: #f0f3f5
}

.zUD9z .sNQG4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 24px
}

.zUD9z .jYbX2 .J6Da4 {
    margin-top: 8px
}

.zUD9z .jYbX2 .VQNim {
    margin: 24px 0
}

.zUD9z .jYbX2 .VQNim .s0YBm {
    font-size: 16px;
    line-height: 24px;
    width: 312px
}

.zUD9z .jYbX2 .VQNim .s0YBm:disabled {
    opacity: 1
}

.zUD9z .MoNaw {
    color: #f44336
}

@media(min-width: 768px) {
    .zUD9z .MoNaw .gJyZq {
        animation-name: iYOi7;
        animation-duration: .6s;
        animation-fill-mode: both
    }
}

.zUD9z .f5lXn {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    color: hsla(0, 0%, 100%, .5);
    text-align: center;
    opacity: .8;
    margin-bottom: 24px
}

.zUD9z .f5lXn .JzVOc {
    opacity: 1;
    color: #fff;
    font-weight: 900
}

.zUD9z .seQIU {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    color: hsla(0, 0%, 100%, .5);
    text-align: center;
    max-width: 200px;
    margin: 0 auto
}

.zUD9z .seQIU .JzVOc {
    opacity: 1;
    color: #fff
}

.MZ0on {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: rgba(38, 38, 45, .1)
}

.MZ0on .Yrpmo {
    width: 50%;
    height: 1px;
    border-color: currentcolor rgba(38, 38, 45, .1) rgba(38, 38, 45, .1);
    border-top: 1px solid rgba(38, 38, 45, .1)
}

.MZ0on .YFo6N {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 1px solid rgba(38, 38, 45, .1);
    border-radius: 50%;
    width: 34px
}

.MZ0on .YFo6N .mu7Gr {
    font-size: 11px;
    color: #707c86
}

.MZ0on.I6hR5 .Yrpmo {
    border-color: #f0f3f5;
    opacity: .4
}

.MZ0on.I6hR5 .YFo6N .mu7Gr {
    color: #f0f3f5;
    opacity: .8
}

@keyframes a7Dk1 {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes KC5YT {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes hyPmM {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes e6wev {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes gQvHh {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes dfzeN {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.uqwV7 {
    margin: 0 auto;
    width: 325px
}

.uqwV7,
.uqwV7 .m_9GY {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff
}

.uqwV7 .m_9GY {
    justify-content: space-evenly;
    margin-bottom: 16px
}

.uqwV7 .m_9GY .fpDk6 {
    font-weight: 900;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.2px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}

.uqwV7 .m_9GY .P5Lbu {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    opacity: .8;
    margin-top: 4px
}

@media(min-width: 540px) {
    .uqwV7 .m_9GY .fpDk6 {
        font-size: 32px;
        line-height: 40px
    }

    .uqwV7 .m_9GY .P5Lbu {
        font-size: 16px;
        line-height: 24px
    }
}

.uqwV7 .NhjaH input:-webkit-autofill,
.uqwV7 .NhjaH input:-webkit-autofill:focus,
.uqwV7 .NhjaH input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important
}

.uqwV7 .NhjaH .IS4R3 {
    border: 1px solid #d7dae0;
    border-radius: 6px;
    margin-top: 8px
}

.uqwV7 .NhjaH .mGABZ {
    font-weight: 600;
    color: inherit
}

.uqwV7 .G_CO_ {
    display: flex;
    padding: 16px 0
}

.uqwV7 .y3hko {
    color: hsla(0, 0%, 100%, .7);
    font-size: 1.2rem;
    vertical-align: middle;
    float: left
}

.uqwV7 .NMME9 {
    color: #f44336;
    text-align: center
}

.uqwV7 .NMME9 .NMME9 {
    animation-name: NaNwev;
    animation-duration: .6s;
    animation-fill-mode: both
}

.uqwV7 .NMME9:empty {
    display: none
}

.uqwV7 .MFzV6 .Button__bg {
    border-radius: 8px
}

.uqwV7 .LtNum {
    border-top: 1px solid rgba(38, 38, 45, .1);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px;
    color: #f0f3f5;
    text-align: center;
    opacity: .8
}

.uqwV7 .LtNum .mGABZ {
    opacity: 1;
    color: #fff
}

.uqwV7 .M_iaF {
    margin: 8px 0 16px;
    color: #f0f3f5
}

.uqwV7 .oFsja {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 20px
}

.j70v1 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    margin: 29px auto 97px;
    max-width: 312px;
    color: #fff
}

.j70v1._QMly {
    width: 536px
}

.j70v1._QMly .HfwE0 {
    width: 312px
}

.j70v1._QMly .VP9pv {
    width: 312px;
    margin: 16px 0 0;
    text-align: center;
    white-space: pre-line;
    font-size: 11px;
    color: #9699a3
}

.j70v1._QMly .VP9pv a {
    color: #fff;
    text-decoration: underline
}

@media(max-width: 767px) {
    .j70v1._QMly {
        width: 100%;
        align-items: flex-start
    }

    .j70v1._QMly .gYapj .FxT3d,
    .j70v1._QMly .gYapj .xpZsd {
        text-align: left;
        width: 100%
    }

    .j70v1._QMly .e6uSf,
    .j70v1._QMly .VP9pv {
        text-align: left
    }
}

.j70v1 .gYapj {
    display: flex;
    flex-direction: column;
    align-items: center
}

.j70v1 .gYapj .FxT3d {
    font-weight: 900;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.2px;
    margin: 0 0 4px;
    text-align: center
}

.j70v1 .gYapj .xpZsd {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    opacity: .8
}

.j70v1 .HfwE0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin-top: 32px
}

.j70v1 .HfwE0 .D4xu_ {
    position: relative
}

.j70v1 .HfwE0 .D4xu_ .qjlJg {
    border-radius: 6px
}

.j70v1 .HfwE0 .D4xu_ .fdiK5 {
    margin-top: 8px;
    color: hsla(0, 0%, 100%, .5)
}

.j70v1 .HfwE0 .D4xu_ .z2xew {
    position: absolute;
    top: 19px;
    left: 17px;
    width: 100%;
    height: 36px;
    padding: 5px 0;
    color: #fff;
    pointer-events: none;
    font-size: 16px;
    opacity: 0;
    transition: opacity .2s;
    display: flex;
    align-items: center;
    text-indent: .3rem
}

.j70v1 .HfwE0 .D4xu_ .Input--actived+.z2xew,
.j70v1 .HfwE0 .D4xu_ .z2xew.U01Jd {
    opacity: 1
}

.j70v1 .HfwE0 .zHRYH {
    border-radius: 0 6px 6px 0;
    margin-top: 24px
}

.j70v1 .HfwE0 .zHRYH .MoMf8 {
    margin-bottom: 4px
}

.j70v1 .HfwE0 .MoMf8:after {
    content: " *"
}

.j70v1 .HfwE0 .VP9pv {
    margin-top: 8px;
    opacity: .64
}

.j70v1 .HfwE0 .VP9pv a {
    color: #fff
}

.j70v1 .HfwE0 .Button:disabled {
    opacity: 1
}

.j70v1 .HfwE0 .w4Hpv {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
    width: 312px
}

.j70v1 .HfwE0 .w4Hpv .Button__bg {
    border-radius: 8px
}

.j70v1 .HfwE0 .w4Hpv:disabled {
    opacity: 1
}

.j70v1 .Select__native {
    font-size: 16px
}

.MoMf8 {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    letter-spacing: .1px;
    opacity: .56
}

.RsH34 {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 auto;
    width: 325px;
    color: #fff
}

.RsH34.grosx {
    width: 536px
}

.RsH34.grosx .Wuloq {
    width: 312px
}

.RsH34.grosx .QqS1w {
    width: 312px;
    margin: 16px 0 0;
    text-align: center;
    white-space: pre-line;
    font-size: 11px;
    color: #9699a3
}

.RsH34.grosx .QqS1w a {
    color: #fff;
    text-decoration: underline
}

@media(max-width: 767px) {
    .RsH34.grosx {
        width: 100%;
        align-items: flex-start
    }

    .RsH34.grosx .FQG6N .cq9ln,
    .RsH34.grosx .FQG6N .D3LeP {
        text-align: left;
        width: 100%
    }

    .RsH34.grosx .oD6S7,
    .RsH34.grosx .QqS1w {
        text-align: left
    }
}

.RsH34 .FQG6N {
    display: flex;
    flex-direction: column;
    align-items: center
}

.RsH34 .FQG6N .D3LeP {
    font-weight: 900;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.2px;
    margin-bottom: 4px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}

.RsH34 .FQG6N .cq9ln {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    opacity: .8
}

@media(min-width: 540px) {
    .RsH34 .FQG6N .D3LeP {
        font-size: 32px;
        line-height: 40px
    }

    .RsH34 .FQG6N .cq9ln {
        font-size: 16px;
        line-height: 24px
    }
}

.RsH34 .Wuloq {
    width: 100%;
    margin-top: 24px
}

.RsH34 .Wuloq,
.RsH34 .Wuloq .g4XAg {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.RsH34 .Wuloq .g4XAg {
    margin-bottom: 16px
}

.RsH34 .Wuloq .g4XAg .fE9TI {
    margin-bottom: -7px
}

.RsH34 .Wuloq .g4XAg .Zo2mD {
    color: #eb9c00
}

.RsH34 .Wuloq .g4XAg .eyZgL {
    display: flex;
    align-items: flex-end
}

.RsH34 .Wuloq .g4XAg .eyZgL div {
    color: #10141f
}

.RsH34 .Wuloq .g4XAg .eyZgL .So188 {
    flex-basis: 40%;
    border-radius: 6px 0 0 6px
}

.RsH34 .Wuloq .g4XAg .eyZgL .LRPt5 {
    flex-basis: 30%;
    border-left: 0;
    border-right: 0;
    border-radius: 0
}

.RsH34 .Wuloq .g4XAg .eyZgL .b50gb {
    flex-basis: 30%;
    border-radius: 0 6px 6px 0
}

.RsH34 .Wuloq .YnXLu {
    position: relative
}

.RsH34 .Wuloq .YnXLu input::-webkit-inner-spin-button,
.RsH34 .Wuloq .YnXLu input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.RsH34 .Wuloq .YnXLu input[type=number] {
    -moz-appearance: textfield
}

.RsH34 .Wuloq .YnXLu .WqSdK {
    border-radius: 6px
}

.RsH34 .Wuloq .YnXLu .Mls7I {
    position: absolute;
    top: 19px;
    left: 17px;
    height: 36px;
    padding: 5px 0;
    color: rgba(0, 0, 0, .3);
    pointer-events: none;
    font-size: 14px;
    opacity: 0;
    transition: opacity .2s;
    display: flex;
    align-items: center;
    width: 32.6px;
    justify-content: flex-end
}

.RsH34 .Wuloq .YnXLu .Input--actived+.Mls7I {
    opacity: 1
}

.RsH34 .Wuloq .JWMob {
    position: relative
}

.RsH34 .Wuloq .JWMob .e_XxH {
    border-radius: 6px
}

.RsH34 .Wuloq .JWMob ._1HuVv {
    margin: 8px 0;
    color: #d7dae0
}

.RsH34 .Wuloq .JWMob .JQhfI {
    position: absolute;
    top: 19px;
    left: 17px;
    width: 100%;
    height: 36px;
    padding: 5px 0;
    color: rgba(0, 0, 0, .3);
    pointer-events: none;
    font-size: 14px;
    opacity: 0;
    transition: opacity .2s;
    display: flex;
    align-items: center;
    text-indent: .3rem
}

.RsH34 .Wuloq .JWMob .JQhfI.KZPwa {
    opacity: 1;
    color: #202026
}

.RsH34 .Wuloq .JWMob .Input--actived+.JQhfI {
    opacity: 1
}

.RsH34 .Wuloq .bV07a {
    border-radius: 0 6px 6px 0;
    margin-bottom: 16px;
    margin-top: 8px
}

.RsH34 .Wuloq .bV07a .fE9TI {
    margin-bottom: 8px
}

.RsH34 .Wuloq .bV07a .zJsw3 {
    border: 1px solid #d7dae0;
    border-radius: 6px;
    color: #10141f
}

.RsH34 .Wuloq .fE9TI:after {
    content: " *"
}

.RsH34 .Wuloq .QqS1w {
    margin: 8px 0;
    text-align: center;
    opacity: .64
}

.RsH34 .Wuloq .QqS1w a {
    color: #f0f1f5
}

.RsH34 .Wuloq .Button:disabled {
    opacity: 1
}

.RsH34 .Wuloq .hruWz {
    margin-top: 16px
}

.RsH34 .Wuloq .hruWz .Button__bg {
    border-radius: 8px
}

.RsH34 .oD6S7 {
    padding-top: 16px;
    font-size: 11px;
    text-align: center;
    color: #e06e09
}

.RsH34 .Select__native {
    font-size: 16px
}

.fE9TI {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    letter-spacing: .1px;
    opacity: .56
}

@keyframes LoMlp {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes BmHYe {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes wuXG1 {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes RIstg {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes wLGTV {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes L2Tb8 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.WXO3J {
    width: 325px
}

.WXO3J .fvaHG {
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}

@media(min-width: 540px) {
    .WXO3J .fvaHG {
        font-size: 32px;
        line-height: 40px
    }
}

.WXO3J .lDsKg .Button__bg {
    border-radius: 8px
}

.WXO3J .DQqGL {
    margin: 8px 0 16px;
    color: #f0f3f5
}

.WXO3J .vL7cU {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 16px
}

.WXO3J .Y8upz .TLzws {
    border: 1px solid #d7dae0;
    border-radius: 6px;
    margin-top: 8px
}

.WXO3J .Y8upz .UBd2z {
    padding: 16px 0
}

.WXO3J .oonVJ {
    color: #f44336
}

@media(min-width: 768px) {
    .WXO3J .oonVJ .xZ1CO {
        animation-name: RIstg;
        animation-duration: .6s;
        animation-fill-mode: both
    }
}

.WXO3J .PU6bT {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px;
    line-height: 20px;
    border-top: 1px solid rgba(38, 38, 45, .1);
    color: #f0f3f5;
    text-align: center;
    opacity: .8;
    margin-bottom: 24px
}

.WXO3J .PU6bT div:last-of-type {
    margin-top: 6px
}

.WXO3J .PU6bT .jGDWR {
    opacity: 1;
    color: #fff;
    font-weight: 900
}

.WXO3J .vkpIq {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    color: hsla(0, 0%, 100%, .5);
    text-align: center;
    font-weight: 500;
    letter-spacing: .1px;
    max-width: 200px;
    margin: 0 auto;
    line-height: 18px
}

.WXO3J .vkpIq .jGDWR {
    opacity: 1;
    color: #fff
}

.fBQNV,
.fBQNV .SGPXp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.fBQNV .SGPXp {
    color: #fff;
    width: 100vw;
    min-height: 810px;
    background: linear-gradient(1turn, #10141f 24%, #2d1c46)
}

.fBQNV .SGPXp .iYDPQ {
    flex-direction: column;
    max-width: 100%
}

.fBQNV .SGPXp .iYDPQ,
.fBQNV .SGPXp .Lyp0j {
    display: flex;
    justify-content: center;
    align-items: center
}

.fBQNV .SGPXp .Lyp0j {
    height: 56px;
    width: 56px;
    border: 2px solid rgba(240, 241, 245, .16);
    box-sizing: border-box;
    border-radius: 85.5px
}

.fBQNV .SGPXp .Lyp0j .L5RBK {
    height: 20px;
    width: 20px
}

.fBQNV .SGPXp .YHBfa {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: 472px;
    max-width: 100%;
    color: #fff
}

.fBQNV .SGPXp .YHBfa .gP2aT {
    margin: 21px 0 32px;
    text-align: center
}

.fBQNV .SGPXp .YHBfa .gP2aT .MoE_a {
    margin: 0;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -.2px
}

.fBQNV .SGPXp .YHBfa .gP2aT .nZicK {
    font-size: 18px;
    line-height: 28px;
    margin-top: 8px;
    color: #9699a3
}

.fBQNV .SGPXp .YHBfa .Ex24i {
    width: 312px
}

.fBQNV .SGPXp .YHBfa .UfiiB .dKqaA {
    margin-bottom: 8px
}

.fBQNV .SGPXp .YHBfa .UfiiB .h1lC7 {
    letter-spacing: 8px;
    font-weight: 900
}

.fBQNV .SGPXp .YHBfa .UfiiB .DyH4Z {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    width: 312px
}

.fBQNV .SGPXp .YHBfa .UfiiB .DyH4Z:disabled {
    opacity: 1
}

.fBQNV .SGPXp .YHBfa .qEJ1w {
    width: 312px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: var(--themeActiveColor);
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 900
}

.fBQNV .SGPXp .YHBfa .qEJ1w:hover {
    filter: brightness(1.2)
}

.fBQNV .SGPXp .YHBfa .xFqHu {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32px
}

.fBQNV .SGPXp .YHBfa .xFqHu .Rew4E {
    color: #585b66
}

.fBQNV .SGPXp .YHBfa .xFqHu ._TBy0 {
    font-weight: 700;
    color: #fff;
    line-height: 16px
}

.ROius {
    min-height: auto
}

.pxpFU .Button__bg {
    border-radius: 8px
}

.QO6tQ {
    padding: 2rem 0 6rem;
    text-align: center
}

.QO6tQ .Usv0A {
    justify-content: center
}

.QO6tQ .H6zWs {
    font-size: 1.2rem
}

.QO6tQ .H6zWs q {
    font-weight: 700;
    font-style: italic;
    margin: 0 1rem
}

.QO6tQ .Jw76U {
    margin-top: 1.5rem
}

.yLT_O,
.yLT_O ._Qzig {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.yLT_O ._Qzig {
    position: relative;
    color: #fff;
    width: 100vw;
    min-height: 810px;
    background: linear-gradient(1turn, #10141f 24%, #2d1c46)
}

.yLT_O ._Qzig .kldft {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    width: 56px;
    border: 2px solid rgba(240, 241, 245, .16);
    box-sizing: border-box;
    border-radius: 85.5px
}

.yLT_O ._Qzig .kldft .qJ1_a {
    height: 20px;
    width: 20px
}

.yLT_O ._Qzig .SMzK4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: 472px;
    max-width: 100%;
    color: #fff
}

.yLT_O ._Qzig .SMzK4 .gAcOY {
    margin: 21px 0 32px;
    text-align: center
}

.yLT_O ._Qzig .SMzK4 .gAcOY .dhUCZ {
    margin: 0;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -.2px
}

.yLT_O ._Qzig .SMzK4 .gAcOY .VJBX4 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 8px;
    color: #9699a3
}

.yLT_O ._Qzig .SMzK4 .dniee {
    width: 312px
}

.yLT_O ._Qzig .SMzK4 .N5SUs .akjS3 {
    margin-bottom: 8px
}

.yLT_O ._Qzig .SMzK4 .N5SUs .Rg0uC {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
    width: 312px
}

.yLT_O ._Qzig .SMzK4 .N5SUs .Rg0uC:disabled {
    opacity: 1
}

.yLT_O ._Qzig .SMzK4 .FprAc {
    width: 312px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: var(--themeActiveColor);
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 900
}

.yLT_O ._Qzig .SMzK4 .FprAc:hover {
    filter: brightness(1.2)
}

.urwlI {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 96px;
    background: #fff;
    display: flex;
    align-items: center
}

.urwlI.oAYxt {
    background: transparent
}

.LfAsb {
    z-index: 10000;
    position: relative;
    left: 18px
}

@media(min-width: 768px) {
    .LfAsb {
        left: 60px
    }
}

.LfAsb .JVNKz {
    display: block;
    height: 24px;
    width: 54px;
    color: #202026
}

.LfAsb .JVNKz.SQVDC {
    color: #fff
}

.ib43o {
    position: absolute;
    right: 18px;
    font-size: 16px;
    line-height: 24px
}

@media(min-width: 768px) {
    .ib43o {
        right: 60px
    }
}

.ib43o .kycqZ {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    color: #fff
}

.ib43o .kycqZ:first-child:not(:only-child) {
    color: #10141f;
    background: #fff;
    border-radius: 8px;
    padding: 12px 16px;
    margin-right: 36px
}

.GNRF2 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(../images/a9d83e2265ac.jpg);
    background-color: #191919
}

.GNRF2,
.GNRF2 .ieKpQ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.GNRF2 .ieKpQ {
    color: #fff;
    margin: 100px
}

.GNRF2 .ieKpQ .BORJO {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    width: 56px;
    border: 2px solid rgba(240, 241, 245, .16);
    box-sizing: border-box;
    border-radius: 86px;
    margin-bottom: 16px
}

.GNRF2 .ieKpQ .BORJO .edW6t {
    height: 20px;
    width: 20px
}

.GNRF2.NkRQG {
    background: none
}

.GNRF2.NkRQG .ieKpQ {
    margin: 0;
    padding: 136px 0 80px;
    width: 100vw;
    background: linear-gradient(1turn, #10141f 24%, #2d1c46)
}

.cyAXJ {
    justify-content: center;
    width: 100%;
    margin-bottom: 100px
}

@keyframes anwQh {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes dX3Ip {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes No5Xs {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes OdxAu {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes g0qkQ {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes eoMcN {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.VCiic {
    max-width: 312px;
    margin-top: 8px
}

.VCiic .xKmXk {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    color: #fff;
    margin-bottom: 32px
}

.VCiic .xKmXk .DKCcs {
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -.2px;
    margin: 0
}

.VCiic .xKmXk .hWTtv {
    font-size: 18px;
    line-height: 28px;
    margin-top: 8px;
    color: #9699a3
}

.VCiic .Mm9nb .Button__bg {
    border-radius: 8px
}

.VCiic .jGFo9 {
    margin: 24px 0;
    color: #f0f3f5
}

.VCiic .RNWqm {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 24px
}

.VCiic .XgZXj .kZyXn {
    margin-top: 8px
}

.VCiic .XgZXj .L6TQK {
    font-weight: 600;
    color: inherit
}

.VCiic .XgZXj .KFfNB {
    margin-top: 8px;
    position: relative;
    display: flex;
    width: 100%
}

.VCiic .XgZXj .KFfNB .uOFmV {
    position: absolute;
    top: 0;
    left: 5px;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    opacity: .5;
    padding: 1px
}

.VCiic .XgZXj .KFfNB .becrs {
    flex: 1;
    margin-top: 16px;
    border-radius: 0
}

.VCiic .XgZXj .KFfNB .becrs:first-of-type {
    border-radius: 6px 0 0 6px
}

.VCiic .XgZXj .KFfNB .becrs:last-of-type {
    border-radius: 0 6px 6px 0
}

.VCiic .XgZXj .KFfNB .becrs+.becrs {
    margin-left: -1px
}

.VCiic .XgZXj .KFfNB .becrs .Pm2_f {
    width: 100%;
    padding: 0 0 0 16px
}

.VCiic .XgZXj .Zo3F7 {
    margin-top: 8px;
    width: 100%
}

.VCiic .XgZXj .Zo3F7 .vNxuk {
    height: 54px
}

.VCiic .XgZXj .hlZxX {
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .1px;
    color: hsla(0, 0%, 100%, .5);
    text-align: center
}

.VCiic .XgZXj .hlZxX .L6TQK {
    color: #fff
}

.VCiic .XgZXj .hlZxX p {
    max-width: 200px;
    margin: 0 auto 18px
}

.uNEZl {
    display: flex;
    padding: 24px 0
}

.uNEZl .SMYO4 {
    font-size: 16px;
    line-height: 24px;
    width: 312px
}

.uNEZl .SMYO4 .Button__bg {
    border-radius: 8px
}

.uNEZl .SMYO4:disabled {
    opacity: 1
}

.D01oC {
    color: hsla(0, 0%, 100%, .7);
    font-size: 1.2rem;
    vertical-align: middle;
    float: left
}

.PycQn {
    color: #f44336;
    text-align: center
}

.PycQn .PycQn {
    animation-name: OdxAu;
    animation-duration: .6s;
    animation-fill-mode: both
}

.PycQn:empty {
    display: none
}

.jGFo9 {
    height: 32px;
    margin: 16px 0
}

.N9HwM {
    margin: 16px 0 32px
}

@keyframes _GBmr {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes ymOBB {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes h6gBp {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes DFMJY {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes SWTZR {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes a6Cgm {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.JiijZ {
    width: 325px
}

.JiijZ .hK9TE {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    color: #fff;
    margin-bottom: 16px
}

.JiijZ .hK9TE .PoNCx {
    font-weight: 900;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.2px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}

.JiijZ .hK9TE .bhIko {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    opacity: .8;
    margin-top: 4px
}

@media(min-width: 540px) {
    .JiijZ .hK9TE .PoNCx {
        font-size: 32px;
        line-height: 40px
    }

    .JiijZ .hK9TE .bhIko {
        font-size: 16px;
        line-height: 24px
    }
}

.JiijZ .bwlSF .Button__bg {
    border-radius: 8px
}

.JiijZ .m4yuD {
    margin: 8px 0 16px;
    color: #f0f3f5
}

.JiijZ .q8OMY {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 16px
}

.JiijZ .zxoAd input:-webkit-autofill,
.JiijZ .zxoAd input:-webkit-autofill:focus,
.JiijZ .zxoAd input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #000
}

.JiijZ .zxoAd .Vs_Y6 {
    border: 1px solid #d7dae0;
    border-radius: 6px;
    margin-top: 8px
}

.JiijZ .zxoAd .GTCgU {
    font-weight: 600;
    color: inherit
}

.JiijZ .zxoAd .IwzeT {
    margin-top: 8px
}

.JiijZ .zxoAd .IwzeT .Lcfm4 {
    display: flex
}

.JiijZ .zxoAd .IwzeT .Lcfm4 .Pp1tU {
    position: absolute;
    top: 0;
    left: 5px;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    opacity: .5;
    padding: 1px
}

.JiijZ .zxoAd .IwzeT .Lcfm4 .Input {
    margin-top: 16px
}

.JiijZ .zxoAd .IwzeT .Lcfm4 .Input:first-of-type {
    border-radius: 6px 0 0 6px
}

.JiijZ .zxoAd .IwzeT .Lcfm4 .Input:last-of-type {
    border-radius: 0 6px 6px 0
}

.JiijZ .zxoAd .IwzeT .Lcfm4 .Input+.Input {
    margin-left: -1px
}

.JiijZ .zxoAd .IwzeT .Lcfm4 .Input--actived {
    z-index: 1
}

.JiijZ .zxoAd .IwzeT .Lcfm4 .Input--errored .Input__label {
    top: 12px;
    left: 10px;
    font-size: 12px
}

.JiijZ .zxoAd .IwzeT .FEZSe .Input {
    border-radius: 6px
}

.JiijZ .zxoAd .IwzeT .FEZSe .Input__label {
    padding: 1px;
    color: #fff;
    opacity: .5
}

.VjidR {
    display: flex;
    padding: 16px 0
}

.VjidR .E4zkV .Button__bg {
    border-radius: 8px
}

.YKh46 {
    color: hsla(0, 0%, 100%, .7);
    font-size: 1.2rem;
    vertical-align: middle;
    float: left
}

.VNZR0 {
    color: #f44336;
    text-align: center
}

.VNZR0 .VNZR0 {
    animation-name: DFMJY;
    animation-duration: .6s;
    animation-fill-mode: both
}

.VNZR0:empty {
    display: none
}

.BNtVD {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    color: #f0f3f5;
    text-align: center;
    opacity: .8;
    font-weight: 500;
    letter-spacing: .1px;
    max-width: 200px;
    margin: 0 auto;
    line-height: 18px
}

.BNtVD .GTCgU {
    opacity: 1;
    color: #fff
}

.m4yuD {
    height: 32px;
    margin: 16px 0
}

.F1cqw {
    margin: 16px 0 32px
}

.MSRg_ {
    position: fixed;
    z-index: 10000;
    justify-content: center;
    background-color: rgba(14, 16, 20, .8);
    left: 0;
    top: 0
}

.MSRg_,
.MSRg_ .gwLry {
    display: flex;
    align-items: center;
    height: 100vh;
    width: 100vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.MSRg_ .gwLry {
    z-index: 10001;
    flex-direction: column;
    background-image: url(../images/a9d83e2265ac.jpg);
    background-color: #191919;
    padding: 48px
}

@media(min-width: 540px) {
    .MSRg_ .gwLry {
        justify-content: center;
        width: 632px;
        height: auto;
        border-radius: 8px;
        padding: 48px 0
    }
}

.MSRg_ .Oeo0n {
    justify-content: space-evenly;
    margin: 0 auto;
    width: 536px;
    color: #fff
}

.MSRg_ .Oeo0n,
.MSRg_ .Oeo0n .iejZh {
    display: flex;
    flex-direction: column;
    align-items: center
}

.MSRg_ .Oeo0n .iejZh .Rz7Ts {
    font-weight: 900;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.2px;
    margin-bottom: 4px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}

.MSRg_ .Oeo0n .iejZh .Okwbo {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 16px;
    text-align: center;
    opacity: .8
}

@media(min-width: 540px) {
    .MSRg_ .Oeo0n .iejZh .Rz7Ts {
        font-size: 32px;
        line-height: 40px
    }

    .MSRg_ .Oeo0n .iejZh .Okwbo {
        font-size: 16px;
        line-height: 24px
    }
}

.MSRg_ .Oeo0n .jHABt {
    width: 312px;
    margin-bottom: 8px
}

.MSRg_ .Oeo0n .jHABt .Button__bg {
    border-radius: 8px
}

@media(max-width: 767px) {
    .MSRg_ .Oeo0n {
        width: 100%;
        align-items: flex-start
    }

    .MSRg_ .Oeo0n .iejZh .Okwbo,
    .MSRg_ .Oeo0n .iejZh .Rz7Ts {
        text-align: left;
        width: 100%
    }

    .MSRg_ .Oeo0n .jHABt {
        width: 100%
    }
}

.Ah04T {
    opacity: 0
}

.SvZnk {
    opacity: 1;
    transition: opacity .3s
}

.zWGFg {
    opacity: 0
}

.YG9c0 {
    transition: opacity .3s
}

.gbODi,
.YG9c0 {
    opacity: 1
}

.o49p5 {
    transition: opacity .3s
}

.o49p5,
.WQ5oD {
    opacity: 0
}

.q5Wf7 {
    padding: 2rem 0 6rem;
    text-align: center
}

.q5Wf7 .kvpSq {
    justify-content: center
}

.q5Wf7 .kvpSq .JMbk4 {
    color: #f44336
}

.q5Wf7 .kvpSq .UVbp6 {
    margin-bottom: 1rem
}

.q5Wf7 .GXK2i {
    font-size: 1.2rem
}

.q5Wf7 .GXK2i strong {
    color: var(--themeActiveColor);
    display: block;
    line-height: 2;
    font-size: 1.5em
}

.kids-mode .q5Wf7 .GXK2i strong {
    color: #fea534
}

.V8GEx,
.V8GEx .f5Ins {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.V8GEx .f5Ins {
    color: #fff;
    width: 100vw;
    min-height: 810px;
    background: linear-gradient(1turn, #10141f 24%, #2d1c46)
}

.V8GEx .f5Ins ._OyCj {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    width: 56px;
    border: 2px solid rgba(240, 241, 245, .16);
    box-sizing: border-box;
    border-radius: 85.5px;
    margin-bottom: 16px
}

.V8GEx .f5Ins ._OyCj .uJWbW {
    height: 20px;
    width: 20px
}

.V8GEx .f5Ins .jPmj7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: 472px;
    max-width: 100%;
    color: #fff
}

.V8GEx .f5Ins .jPmj7 .LKtq6 {
    margin: 21px 0 32px;
    text-align: center
}

.V8GEx .f5Ins .jPmj7 .LKtq6 .ecEoc {
    margin: 0;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -.2px
}

.V8GEx .f5Ins .jPmj7 .LKtq6 .f9ISr {
    font-size: 18px;
    line-height: 28px;
    margin-top: 8px;
    color: #9699a3
}

.V8GEx .f5Ins .jPmj7 ._3F9HA .uyQxe {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
    width: 312px
}

.V8GEx .f5Ins .jPmj7 ._3F9HA .uyQxe:disabled {
    opacity: 1
}

.V8GEx .f5Ins .jPmj7 .oBlKL {
    width: 312px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: var(--themeActiveColor);
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 900
}

.V8GEx .f5Ins .jPmj7 .oBlKL:hover {
    filter: brightness(1.2)
}

.V8GEx .zTBLB {
    width: 312px
}

.TJB4Z {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100vh;
    color: #fff;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/a9d83e2265ac.jpg);
    background-color: #191919
}

.TJB4Z.XBCB3 {
    padding-top: 0;
    min-height: 625px
}

.OpTmN {
    justify-content: center;
    width: 100%
}

@media(min-width: 540px) {
    .OpTmN {
        min-width: 328px
    }
}

.OpTmN .PlQnG {
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-direction: column
}

.OpTmN .PlQnG.saR_F {
    margin-top: 0
}

.OpTmN .PlQnG .q_K4K,
.OpTmN .PlQnG .uU88h {
    margin: 0;
    width: 100%;
    max-width: 400px
}

.OpTmN .PlQnG .q_K4K.njrvO,
.OpTmN .PlQnG .uU88h.njrvO {
    text-align: center
}

.OpTmN .PlQnG .q_K4K .tYxua,
.OpTmN .PlQnG .uU88h .tYxua {
    font-weight: 700
}

.OpTmN .PlQnG .UymtO {
    margin-top: 8px;
    font-size: 18px
}

.OpTmN .PlQnG .DUZFm,
.OpTmN .PlQnG .UymtO {
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px
}

.OpTmN .PlQnG .DUZFm {
    margin: 16px 0;
    font-size: 14px
}

.OpTmN .PlQnG .uISzA {
    margin: 32px 0 16px
}

.dTyX2 {
    height: 32px;
    margin: 16px 0
}

.leZEj {
    border-radius: 8px;
    padding: 32px;
    position: relative
}

.EPTb6 {
    min-width: 328px;
    width: 100%
}

.qpBmB {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.YHjWS {
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    margin-top: 20px;
    letter-spacing: -.2px
}

.YHjWS.lRjSE {
    width: 340px
}

@media(min-width: 540px) {
    .YHjWS {
        font-size: 32px;
        line-height: 40px
    }
}

.ijdNC {
    height: auto;
    width: 24px;
    position: absolute
}

.MhuqP {
    display: flex;
    justify-content: center;
    align-items: center
}

.GKliy {
    height: 56px;
    width: 56px;
    border: 2px solid #f0f1f5;
    border-radius: 50%;
    opacity: .16
}

.ytEHY {
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    opacity: .8;
    margin-bottom: 24px
}

@media(min-width: 540px) {
    .ytEHY {
        font-size: 16px;
        line-height: 24px
    }
}

.x36ht {
    font-weight: 700;
    color: #fff;
    line-height: 16px;
    cursor: pointer
}

.W6zY8 {
    display: flex;
    justify-content: center
}

.R4VvU {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    background: rgba(150, 153, 163, .16);
    border-radius: 8px;
    width: 172px;
    height: 56px;
    text-align: center;
    line-height: 56px
}

.Yf4LT {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw
}

.Yf4LT .D9qv_ {
    display: block;
    height: 24px;
    width: 54px;
    color: #fff;
    left: 18px;
    top: 28px;
    position: absolute
}

.Yf4LT .pMKr_ {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    color: #fff;
    position: relative;
    float: right;
    top: 28px;
    right: 18px
}

.vuqm1 {
    min-height: auto
}

.NcQF5 {
    width: 100%
}

.kw8y1 {
    display: flex;
    justify-content: center
}

.fbyaN .Button__bg {
    border-radius: 8px
}

.HfJrh,
.n8PYl .phUVa .QlHsO input {
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .5px;
    letter-spacing: 8px;
    line-height: 45px;
    font-size: 24px
}

@media(max-width: 374px) {

    .HfJrh,
    .n8PYl .phUVa .QlHsO input {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .5px;
        line-height: 45px;
        letter-spacing: 8px
    }
}

.n8PYl {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 400px
}

.n8PYl .phUVa {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: inherit
}

.n8PYl .phUVa .QlHsO {
    width: inherit;
    height: 62px;
    border-radius: 4px
}

.n8PYl .phUVa .QlHsO input {
    height: 45px
}

.n8PYl .phUVa .QlHsO span:first-of-type {
    font-size: 18px;
    top: 22px
}

.n8PYl .phUVa .QlHsO.Input--filled span:first-of-type {
    font-size: 11px;
    top: 10px
}

.n8PYl .bcjQ6 {
    margin: 8px 0
}

.n8PYl .bcjQ6 .Button__bg {
    border-radius: 8px
}

.ksiD0 {
    letter-spacing: .2px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px
}

.qyk6M {
    opacity: .8
}

.aOS2c {
    font-weight: 700;
    color: #fff;
    line-height: 16px
}

.PwylY .ey4Ug {
    min-height: 2em;
    margin-bottom: 1rem;
    color: red;
    font-size: 1.2rem;
    line-height: 2;
    word-wrap: break-word
}

.PwylY .Ni5eX {
    margin-top: 16px
}

.GUoQZ {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #26262d;
    font-size: 2rem
}

.GUoQZ .wzp0f {
    margin-top: 3rem
}

.mYic3 {
    padding: 50px 0;
    text-align: center
}

.mYic3 .Eb5pH {
    justify-content: center
}

.mYic3 .adf3m {
    color: #0da335
}

.mYic3 .adf3m svg {
    width: 30px;
    height: 30px
}

.mYic3 .AGT_n,
.mYic3 .an966 {
    color: #eb9c00
}

.mYic3 .AGT_n svg,
.mYic3 .an966 svg {
    width: 30px;
    height: 27px
}

.mYic3 .XLuEi {
    font-size: 20px;
    line-height: 24px
}

.mYic3 .BjNrz {
    font-size: 14px;
    line-height: 20px
}

.iMGWQ {
    min-height: 36vh;
    width: 100%;
    display: none;
    background: url(//d0.tubitv.com/web-k8s/dist/img/53a9c742eca5.jpg) 50% no-repeat;
    background-size: cover
}

.Vc9dA {
    margin-top: 80px;
    background: #f0f3f5;
    min-height: calc(100vh - 445px)
}

@media(min-width: 768px) {
    .iMGWQ {
        display: block
    }

    .Vc9dA {
        margin-top: 0;
        min-height: calc(64vh - 365px)
    }
}

.JW5TA {
    position: relative
}

.JW5TA .xMQkY {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 280px;
    display: flex;
    justify-content: center
}

@media(min-width: 768px) {
    .JW5TA .xMQkY {
        height: 656px
    }
}

.JW5TA .xMQkY .ztiIp {
    position: absolute;
    left: 0;
    height: 100%;
    min-width: 100vw;
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.JW5TA .xMQkY .kSgGl {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.JW5TA .z2u4j {
    position: relative;
    color: #fff;
    min-height: calc(100vh - 461px);
    padding-top: 0;
    margin-bottom: 72px
}

@media(min-width: 768px) {
    .JW5TA .z2u4j {
        padding-top: 280px
    }
}

.JW5TA .z2u4j .LlOcn {
    border-top: 1px solid rgba(211, 215, 219, .1);
    padding: 24px 0 0
}

.JW5TA .HcRqM {
    height: 476px
}

@media(max-width: 1169px) {
    .JW5TA .HcRqM {
        height: 338px
    }
}

.bvyhV {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr;
    grid-template-areas: "logo title" "logo description";
    color: #fff;
    margin-bottom: 96px;
    position: relative
}

.bvyhV:after {
    content: "";
    position: absolute;
    bottom: -48px;
    background: rgba(150, 153, 163, .16);
    height: 1px;
    width: 100%
}

@media(min-width: 767px)and (max-width:1169px) {
    .bvyhV {
        margin-bottom: 64px
    }

    .bvyhV:after {
        bottom: -32px
    }
}

@media(max-width: 767px) {
    .bvyhV {
        grid-template-areas: "logo title" "description description";
        align-items: center;
        margin-bottom: 48px
    }

    .bvyhV:after {
        bottom: -24px
    }
}

.bvyhV .tHURM {
    grid-area: logo;
    width: 112px;
    height: 112px;
    margin-right: 48px
}

@media(max-width: 767px) {
    .bvyhV .tHURM {
        width: 48px;
        height: 48px;
        margin-right: 16px
    }
}

.bvyhV .swWSC {
    grid-area: title;
    font-weight: 800;
    font-size: 48px;
    line-height: 56px
}

@media(max-width: 767px) {
    .bvyhV .swWSC {
        font-weight: 800;
        font-size: 32px;
        line-height: 40px
    }
}

.bvyhV .cdRz_ {
    grid-area: description;
    font-size: 18px;
    line-height: 28px;
    color: #9699a3;
    max-width: 860px;
    margin-top: 8px;
    padding-right: 80px
}

@media(min-width: 767px)and (max-width:1169px) {
    .bvyhV .cdRz_ {
        max-width: 720px
    }
}

@media(max-width: 767px) {
    .bvyhV .cdRz_ {
        font-size: 14px;
        line-height: 20px;
        margin-top: 16px;
        padding-right: 48px
    }
}

.bvyhV .ufNqz {
    position: absolute;
    bottom: 0;
    right: 0
}

.bvyhV .ufNqz .zpMvj svg {
    margin: 0
}

@media(max-width: 767px) {
    .bvyhV .ufNqz .zpMvj {
        height: 40px;
        width: 40px;
        padding: 8px;
        justify-content: center
    }
}

.bvyhV .ufNqz .ktV9N {
    position: absolute;
    border-radius: 6px;
    border: 1px solid rgba(240, 241, 245, .16);
    background: #1c1f29;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 232px;
    top: 72px;
    right: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    font-size: 16px;
    line-height: 24px;
    color: #9699a3
}

.bvyhV .ufNqz .ktV9N.W6MHi {
    opacity: 1;
    pointer-events: auto
}

.bvyhV .ufNqz .ktV9N:after {
    content: "";
    position: absolute;
    top: -8px;
    right: 24px;
    width: 0;
    height: 0;
    border-color: transparent transparent rgba(240, 241, 245, .16);
    border-style: solid;
    border-width: 0 8px 8px
}

.K4ulk {
    font-size: 24px
}

.K4ulk svg {
    margin-left: 8px;
    transition: color .2s;
    color: hsla(0, 0%, 100%, .64)
}

.K4ulk a,
.K4ulk svg:hover {
    color: #fff
}

.lWXaj {
    margin-bottom: 30px
}

.bZeDe {
    margin-top: 141px;
    min-height: calc(100vh - 461px)
}

.BJTjZ.Gqs1S {
    margin-bottom: 96px;
    position: relative
}

.BJTjZ.Gqs1S:after {
    content: "";
    position: absolute;
    bottom: -48px;
    left: 0;
    background: rgba(150, 153, 163, .16);
    height: 1px;
    width: 100%
}

@media(min-width: 767px)and (max-width:1169px) {
    .BJTjZ.Gqs1S {
        margin-bottom: 64px
    }

    .BJTjZ.Gqs1S:after {
        bottom: -32px
    }
}

@media(max-width: 767px) {
    .BJTjZ.Gqs1S {
        margin-bottom: 48px
    }

    .BJTjZ.Gqs1S:after {
        bottom: -24px
    }
}

.XKINe.Gqs1S {
    margin: 0;
    color: #fff;
    font-weight: 800;
    font-size: 48px;
    line-height: 56px
}

@media(max-width: 767px) {
    .XKINe.Gqs1S {
        font-weight: 800;
        font-size: 32px;
        line-height: 40px
    }
}

.RBtCc {
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #d5d5d5;
    margin: 0 0 4.3333333333rem
}

@media(min-width: 768px) {
    .RBtCc {
        width: 50%
    }
}

.RBtCc.Gqs1S {
    font-size: 18px;
    line-height: 28px;
    color: #9699a3;
    width: auto;
    max-width: 790px;
    margin-top: 8px;
    position: relative
}

@media(min-width: 767px)and (max-width:1169px) {
    .RBtCc.Gqs1S {
        max-width: 624px
    }
}

@media(max-width: 767px) {
    .RBtCc.Gqs1S {
        font-size: 14px;
        line-height: 20px;
        margin-top: 16px
    }
}

.oUkhk {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: column;
    min-height: calc(100vh - 445px);
    overflow: hidden
}

.oUkhk.KtTuH {
    background-color: #f0f3f5
}

.oUkhk.b_Yvm {
    overflow-x: scroll
}

.WwZmU {
    width: 100%;
    max-width: 650px;
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
    flex-direction: column;
    padding: 0 20px
}

.WwZmU.Nyi2G {
    max-width: none;
    padding: 0
}

@media(min-width: 768px) {
    .WwZmU {
        padding: 0
    }
}

.KtTuH .QGzLH,
.KtTuH .uKxc2 {
    color: #212121
}

.QGzLH {
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .5px;
    margin: 12rem 0 2rem;
    color: #707c86
}

@media(min-width: 768px) {
    .QGzLH {
        text-align: center
    }
}

.g3p2v {
    flex: 0 1 auto;
    max-width: 650px
}

.g3p2v ul {
    margin-left: 1rem
}

.oW4cN {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px;
    margin: auto;
    color: #707c86
}

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

.oW4cN table td,
.oW4cN table th {
    padding: 10px 5px;
    overflow: hidden;
    border: 1px solid #969696;
    width: 20%
}

.oW4cN table th {
    font-weight: 700
}

.oW4cN table td,
.oW4cN table th {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .5px
}

.oW4cN table td {
    font-weight: 400
}

.oW4cN #your-privacy-rights---additional-choices-for-california-residents {
    padding-top: 100px
}

.Sfjpn,
.Sfjpn .BsEq4 {
    display: flex;
    justify-content: center
}

.Sfjpn .BsEq4 {
    width: 100%;
    max-width: 1189px;
    margin: 116px 24px 32px;
    flex-direction: column
}

@media(max-width: 767px) {
    .Sfjpn .BsEq4 {
        max-width: 327px
    }
}

.Sfjpn .be48E {
    margin: 0 0 8px;
    text-align: center;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: .3px
}

@media(max-width: 767px) {
    .Sfjpn .be48E {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: .5px
    }
}

.Sfjpn .hWINq {
    margin-bottom: 24px;
    text-align: center;
    color: hsla(0, 0%, 100%, .48);
    font-size: 18px;
    line-height: 28px
}

@media(max-width: 767px) {
    .Sfjpn .hWINq {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }
}

.Sfjpn .VIgkN {
    padding-left: 32px;
    padding-bottom: 40px;
    margin: 40px 0;
    border-bottom: 1px solid rgba(150, 153, 163, .16)
}

.Sfjpn .VIgkN .YWIxY {
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .5px
}

@media(max-width: 767px) {
    .Sfjpn .VIgkN .YWIxY {
        font-weight: 900;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -.2px;
        font-weight: 700
    }
}

.Sfjpn .VIgkN .YWIxY .yAdqg {
    position: absolute;
    left: -32px;
    height: 100%;
    display: flex;
    align-items: center
}

.Sfjpn .VIgkN .YWIxY .yAdqg svg {
    font-size: 24px
}

.Sfjpn .VIgkN .ctfaT {
    color: #d7dae0;
    font-size: 18px;
    line-height: 28px
}

@media(max-width: 767px) {
    .Sfjpn .VIgkN .ctfaT {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }
}

.Sfjpn .VIgkN .RjWrT {
    margin-top: 24px;
    text-align: center
}

.Sfjpn .VIgkN .RjWrT .it3fz {
    width: 3rem;
    height: 3rem
}

.Sfjpn .OgELF {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 40px -24px -24px 0;
    color: #d7dae0
}

@media(max-width: 767px) {
    .Sfjpn .OgELF {
        margin-top: 24px
    }
}

.Sfjpn .OgELF .pupNB {
    width: 364px;
    margin: 0 24px 24px 0
}

@media(max-width: 767px) {
    .Sfjpn .OgELF .pupNB {
        width: 295px
    }
}

.Sfjpn .OgELF .pupNB .eWczT {
    font-size: 16px;
    line-height: 28px;
    font-weight: 700
}

@media(max-width: 767px) {
    .Sfjpn .OgELF .pupNB .eWczT {
        line-height: 20px
    }
}

.Sfjpn .OgELF .pupNB .a5zMz a {
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-decoration: underline
}

@media(max-width: 767px) {
    .Sfjpn .OgELF .pupNB .a5zMz a {
        font-size: 14px;
        line-height: 28px
    }
}

.Sfjpn .hshgs {
    color: #fff
}

.Sfjpn .hshgs .hNTAv {
    margin: 0 0 8px;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .5px
}

@media(max-width: 767px) {
    .Sfjpn .hshgs .hNTAv {
        font-weight: 900;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -.2px;
        font-weight: 700
    }
}

.Sfjpn .hshgs .UT9ON {
    font-size: 18px;
    line-height: 28px;
    word-break: break-word
}

@media(max-width: 767px) {
    .Sfjpn .hshgs .UT9ON {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }
}

.Sfjpn .hshgs .UT9ON img {
    max-width: 100%
}

.Sfjpn .hshgs .UT9ON a {
    color: #fff;
    text-decoration: underline
}

.Sfjpn .hshgs .UT9ON li {
    list-style-position: inside
}

.Sfjpn .e5SKM {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    margin: 24px 0;
    color: #fff
}

.Sfjpn .e5SKM a {
    color: #fff
}

.Sfjpn .e5SKM a:hover {
    text-decoration: underline
}

.Sfjpn .e5SKM svg {
    margin: 0 8px
}

.OYwDM {
    width: 100%;
    padding: 24px;
    display: flex;
    justify-content: center;
    background-color: #1c1f29
}

.OYwDM .ayUYW {
    max-width: 1076px;
    color: #fff
}

.OYwDM .ayUYW .WDukq {
    margin-bottom: 8px;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .5px
}

@media(max-width: 767px) {
    .OYwDM .ayUYW .WDukq {
        font-weight: 900;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -.2px;
        font-weight: 700
    }
}

.OYwDM .ayUYW .JkR9S {
    display: flex;
    flex-wrap: wrap
}

.OYwDM .ayUYW .JkR9S .iHCU2 {
    display: flex;
    align-items: center;
    margin-right: 24px;
    max-width: 725px;
    font-size: 18px;
    line-height: 28px
}

@media(max-width: 767px) {
    .OYwDM .ayUYW .JkR9S .iHCU2 {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }
}

.OYwDM .ayUYW .JkR9S .JxxL1 {
    width: 327px;
    margin: 8px 0
}

@media(max-width: 767px) {
    .OYwDM .ayUYW .JkR9S .JxxL1 {
        width: 100%
    }
}

.uAPRO .unNim {
    margin-bottom: 24px
}

.uAPRO .baajl {
    overflow: hidden
}

.uAPRO ._iKjr {
    color: #fff;
    font-size: 14px;
    margin: 48px 0;
    text-align: left
}

.uAPRO .P3M5Z {
    margin: 48px 0;
    text-align: center
}

/*! from @algolia/autocomplete-theme-classic 1.5.6 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
:root {
    --aa-search-input-height: 44px;
    --aa-input-icon-size: 24px;
    --aa-base-unit: 16;
    --aa-spacing-factor: 1;
    --aa-spacing: calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);
    --aa-spacing-half: calc(var(--aa-spacing)*0.5);
    --aa-panel-max-height: 650px;
    --aa-base-z-index: 9999;
    --aa-font-size: calc(var(--aa-base-unit)*1px);
    --aa-font-family: inherit;
    --aa-font-weight-medium: 500;
    --aa-font-weight-semibold: 600;
    --aa-font-weight-bold: 700;
    --aa-line-height: 24px;
    --aa-icon-size: 24px;
    --aa-icon-stroke-width: 1.6;
    --aa-icon-color-rgb: 119, 119, 163;
    --aa-icon-color-alpha: 1;
    --aa-action-icon-size: 24px;
    --aa-text-color-rgb: 255, 255, 255;
    --aa-text-color-alpha: 1;
    --aa-primary-color-rgb: 240, 241, 245;
    --aa-primary-color-alpha: 0.16;
    --aa-muted-color-rgb: 240, 241, 245;
    --aa-muted-color-alpha: 0.6;
    --aa-panel-border-color-rgb: 88, 91, 102;
    --aa-panel-border-color-alpha: 1;
    --aa-input-border-color-rgb: 240, 241, 245;
    --aa-input-border-color-alpha: 0.16;
    --aa-background-color-rgb: transparent;
    --aa-background-color-alpha: 1;
    --aa-input-background-color-rgb: transparent;
    --aa-input-background-color-alpha: 1;
    --aa-panel-background-color-rgb: 28, 31, 41;
    --aa-panel-background-color-alpha: 1;
    --aa-selected-color-rgb: 179, 173, 214;
    --aa-selected-color-alpha: 0.205;
    --aa-active-color-rgb: 150, 153, 163;
    --aa-active-color-alpha: 0.16
}

.aa-Autocomplete *,
.aa-Panel *,
.ais-SearchBox * {
    box-sizing: border-box
}

.aa-Autocomplete,
.aa-Panel,
.ais-SearchBox {
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font-family: var(--aa-font-family);
    font-size: var(--aa-font-size);
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    padding: 0;
    text-align: left
}

.aa-Autocomplete .aa-Form,
.aa-Autocomplete .ais-SearchBox-form,
.ais-SearchBox .aa-Form,
.ais-SearchBox .ais-SearchBox-form {
    align-items: center;
    background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
    border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
    border-radius: 3px;
    display: flex;
    line-height: 1em;
    margin: 0;
    position: relative;
    width: 100%
}

.aa-Autocomplete .aa-Form:focus-within,
.aa-Autocomplete .ais-SearchBox-form:focus-within,
.ais-SearchBox .aa-Form:focus-within,
.ais-SearchBox .ais-SearchBox-form:focus-within {
    border-color: rgba(var(--aa-primary-color-rgb), 1);
    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
    outline: medium none currentColor
}

.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: var(--aa-search-input-height);
    order: 1
}

.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label,
.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-Label,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-Label,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-Label,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator {
    cursor: auto;
    flex-shrink: 0;
    height: 100%;
    padding: 0;
    text-align: left
}

.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-Label svg,
.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator svg,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-Label svg,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator svg,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-Label svg,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator svg,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-Label svg,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator svg {
    color: rgba(var(--aa-primary-color-rgb), 1);
    height: auto;
    max-height: var(--aa-input-icon-size);
    stroke-width: var(--aa-icon-stroke-width);
    width: var(--aa-input-icon-size)
}

.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator,
.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-SubmitButton,
.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .ais-SearchBox-submit,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-SubmitButton,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .ais-SearchBox-submit,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-SubmitButton,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .ais-SearchBox-submit,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-SubmitButton,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .ais-SearchBox-submit {
    height: 100%;
    padding-left: calc(var(--aa-spacing)*0.75 - 1px);
    padding-right: var(--aa-spacing-half);
    width: calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)
}

@media(hover: none)and (pointer:coarse) {

    .aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator,
    .aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-SubmitButton,
    .aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .ais-SearchBox-submit,
    .aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator,
    .aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-SubmitButton,
    .aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .ais-SearchBox-submit,
    .ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator,
    .ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-SubmitButton,
    .ais-SearchBox .aa-Form .aa-InputWrapperPrefix .ais-SearchBox-submit,
    .ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator,
    .ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-SubmitButton,
    .ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .ais-SearchBox-submit {
        padding-left: calc(var(--aa-spacing-half)*0.5 - 1px);
        width: calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)
    }
}

.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-SubmitButton,
.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .ais-SearchBox-submit,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-SubmitButton,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .ais-SearchBox-submit,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-SubmitButton,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .ais-SearchBox-submit,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-SubmitButton,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .ais-SearchBox-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    margin: 0
}

.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator,
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator {
    align-items: center;
    display: flex;
    justify-content: center
}

.aa-Autocomplete .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator[hidden],
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator[hidden],
.ais-SearchBox .aa-Form .aa-InputWrapperPrefix .aa-LoadingIndicator[hidden],
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperPrefix .aa-LoadingIndicator[hidden] {
    display: none
}

.aa-Autocomplete .aa-Form .aa-InputWrapper,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapper,
.ais-SearchBox .aa-Form .aa-InputWrapper,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapper {
    order: 3;
    position: relative;
    width: 100%
}

.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapper .aa-Input,
.ais-SearchBox .aa-Form .aa-InputWrapper .aa-Input,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapper .aa-Input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font: inherit;
    height: var(--aa-search-input-height);
    padding: 0;
    width: 100%
}

.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input::-moz-placeholder,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapper .aa-Input::-moz-placeholder,
.ais-SearchBox .aa-Form .aa-InputWrapper .aa-Input::-moz-placeholder,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapper .aa-Input::-moz-placeholder {
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}

.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input:-ms-input-placeholder,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapper .aa-Input:-ms-input-placeholder,
.ais-SearchBox .aa-Form .aa-InputWrapper .aa-Input:-ms-input-placeholder,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapper .aa-Input:-ms-input-placeholder {
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}

.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input::placeholder,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapper .aa-Input::placeholder,
.ais-SearchBox .aa-Form .aa-InputWrapper .aa-Input::placeholder,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapper .aa-Input::placeholder {
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}

.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input:focus,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapper .aa-Input:focus,
.ais-SearchBox .aa-Form .aa-InputWrapper .aa-Input:focus,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapper .aa-Input:focus {
    border-color: none;
    box-shadow: none;
    outline: none
}

.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input::-webkit-search-cancel-button,
.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input::-webkit-search-decoration,
.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input::-webkit-search-results-button,
.aa-Autocomplete .aa-Form .aa-InputWrapper .aa-Input::-webkit-search-results-decoration,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapper .aa-Input::-webkit-search-cancel-button,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapper .aa-Input::-webkit-search-decoration,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapper .aa-Input::-webkit-search-results-button,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapper .aa-Input::-webkit-search-results-decoration,
.ais-SearchBox .aa-Form .aa-InputWrapper .aa-Input::-webkit-search-cancel-button,
.ais-SearchBox .aa-Form .aa-InputWrapper .aa-Input::-webkit-search-decoration,
.ais-SearchBox .aa-Form .aa-InputWrapper .aa-Input::-webkit-search-results-button,
.ais-SearchBox .aa-Form .aa-InputWrapper .aa-Input::-webkit-search-results-decoration,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapper .aa-Input::-webkit-search-cancel-button,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapper .aa-Input::-webkit-search-decoration,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapper .aa-Input::-webkit-search-results-button,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapper .aa-Input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperSuffix,
.ais-SearchBox .aa-Form .aa-InputWrapperSuffix,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperSuffix {
    align-items: center;
    display: flex;
    height: var(--aa-search-input-height);
    order: 4
}

.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton,
.ais-SearchBox .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton {
    align-items: center;
    background: none;
    border: 0;
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    cursor: pointer;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0 calc(var(--aa-spacing)*0.83333 - .5px)
}

@media(hover: none)and (pointer:coarse) {

    .aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,
    .aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton,
    .ais-SearchBox .aa-Form .aa-InputWrapperSuffix .aa-ClearButton,
    .ais-SearchBox .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton {
        padding: 0 calc(var(--aa-spacing)*0.66667 - .5px)
    }
}

.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,
.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton:focus,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton:hover,
.ais-SearchBox .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:focus,
.ais-SearchBox .aa-Form .aa-InputWrapperSuffix .aa-ClearButton:hover,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton:focus,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton:hover {
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
}

.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton[hidden],
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton[hidden],
.ais-SearchBox .aa-Form .aa-InputWrapperSuffix .aa-ClearButton[hidden],
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton[hidden] {
    display: none
}

.aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton svg,
.aa-Autocomplete .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton svg,
.ais-SearchBox .aa-Form .aa-InputWrapperSuffix .aa-ClearButton svg,
.ais-SearchBox .ais-SearchBox-form .aa-InputWrapperSuffix .aa-ClearButton svg {
    stroke-width: var(--aa-icon-stroke-width);
    width: var(--aa-icon-size)
}

.aa-Panel {
    background-color: rgba(var(--aa-panel-background-color-rgb), var(--aa-panel-background-color-alpha));
    border-radius: calc(var(--aa-spacing)/4);
    box-shadow: var(--aa-panel-shadow);
    margin: 4px 0 0;
    overflow: hidden;
    position: absolute;
    transition: opacity .2s ease-in, filter .2s ease-in
}

@media screen and (prefers-reduced-motion) {
    .aa-Panel {
        transition: none
    }
}

.aa-Panel button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    margin: 0;
    padding: 0
}

.aa-Panel .aa-PanelLayout {
    height: 100%;
    margin: 0;
    max-height: var(--aa-panel-max-height);
    overflow-y: auto;
    padding: 0;
    position: relative;
    text-align: left
}

.aa-Panel .aa-PanelHeaderTitle {
    color: #d7dae0;
    display: inline-block;
    font-size: .8em;
    font-weight: var(--aa-font-weight-semibold);
    margin: 0;
    padding: 0 var(--aa-spacing-half) 0 0;
    position: relative;
    z-index: var(--aa-base-z-index)
}

.aa-Source {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.aa-Source:empty {
    display: none
}

.aa-Source .aa-SourceNoResults {
    font-size: 1em;
    margin: 0;
    padding: var(--aa-spacing)
}

.aa-Source .aa-List {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.aa-Source .aa-SourceHeader {
    position: relative;
    background: rgba(240, 241, 245, .16);
    height: 52px;
    line-height: 52px;
    padding-left: 24px
}

.aa-Source .aa-SourceHeader:empty {
    display: none
}

.aa-Source .aa-SourceHeader .aa-SourceHeaderTitle {
    background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    color: #d7dae0;
    display: inline-block;
    font-size: .8em;
    font-weight: var(--aa-font-weight-semibold);
    margin: 0;
    padding: 0 var(--aa-spacing-half) 0 0;
    position: relative;
    z-index: var(--aa-base-z-index)
}

.aa-Item {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: grid;
    min-height: calc(var(--aa-spacing)*2.5);
    padding: 0 24px
}

.aa-Item[aria-selected=true] {
    background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha))
}

.aa-Item[aria-selected=true] .aa-ActiveOnly,
.aa-Item[aria-selected=true] .aa-ItemActionButton {
    visibility: visible
}

.aa-Item:not(last-child) {
    border-bottom: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha))
}

.aa-Item .aa-ItemLink {
    cursor: pointer;
    line-height: 1.25em;
    overflow: hidden;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    text-decoration: none;
    padding: var(--aa-spacing-half) 0
}

.aa-Item .aa-ItemLink:empty {
    display: none
}

.aa-Item .aa-ItemLink mark {
    background: none;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font-style: normal;
    font-weight: var(--aa-font-weight-bold)
}

.aa-Item .aa-ItemLink .aa-ItemCategory {
    font-size: 12px;
    color: rgba(var(--aa-active-color-rgb), 1)
}

.aa-Item .aa-ItemLink .aa-ItemContentBody {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    line-height: var(--aa-line-height)
}

.aa-Item .aa-ItemLink,
.aa-Item .aa-ItemWrapper {
    color: inherit;
    width: 100%
}

.aa-Item .aa-ActiveOnly {
    visibility: hidden
}

.aa-PanelHeader {
    align-items: center;
    background: rgba(var(--aa-primary-color-rgb), 1);
    color: #fff;
    display: grid;
    height: var(--aa-modal-header-height);
    margin: 0;
    padding: var(--aa-spacing-half) var(--aa-spacing);
    position: relative;
    background: #3e34d3
}

.aa-PanelHeader:after {
    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
    bottom: calc(var(--aa-spacing-half)*-1);
    content: "";
    height: var(--aa-spacing-half);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: var(--aa-base-z-index)
}

@media(hover: none)and (pointer:coarse) {
    .aa-DesktopOnly {
        display: none
    }
}

@media(hover: hover) {
    .aa-TouchOnly {
        display: none
    }
}

.ais-Pagination-item,
.ais-Pagination-link {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.ais-Pagination-item {
    margin-right: 4px
}

.ais-Pagination-item:hover {
    cursor: pointer;
    background-color: var(--themeActiveColor);
    border-radius: 50%
}

.ais-Pagination-item:active {
    background-color: rgba(var(--aa-active-color-rgb), var(--aa-active-color-alpha))
}

.ais-Pagination-item--selected,
.ais-Pagination-item--selected:hover {
    background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha));
    border-radius: 50%
}

.ais-Pagination-item--disabled {
    opacity: .33
}

.ais-Pagination-item--disabled:hover {
    cursor: not-allowed;
    background-color: unset
}

.ais-Pagination-item--firstPage .ais-Pagination-link,
.ais-Pagination-item--lastPage .ais-Pagination-link,
.ais-Pagination-item--nextPage .ais-Pagination-link,
.ais-Pagination-item--previousPage .ais-Pagination-link {
    font-size: 20px
}

.ais-Pagination-link {
    height: 32px;
    width: 32px;
    color: #fff;
    background: none;
    font-size: 16px
}

.ais-Highlight,
.ais-Snippet {
    color: #fff;
    line-height: var(--aa-line-height)
}

.ais-Highlight>em,
.ais-Snippet>em {
    font-weight: var(--aa-font-weight-semibold);
    font-style: normal
}

.ais-Highlight {
    display: inline-block;
    margin-bottom: 4px;
    font-weight: var(--aa-font-weight-semibold);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.ais-Hits-item,
.ais-InfiniteHits-item {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    line-height: var(--aa-line-height);
    padding: 8px;
    word-break: break-word
}

.ais-Hits-item:not(last-of-type),
.ais-InfiniteHits-item:not(last-of-type) {
    border-bottom: 1px solid rgba(240, 241, 245, .16)
}

.BNPVM {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: column;
    min-height: calc(100vh - 445px);
    overflow: hidden
}

.BNPVM.QuQmC {
    background-color: #f0f3f5
}

.BNPVM.f6sYq {
    overflow-x: scroll
}

.ZHVAU {
    width: 100%;
    max-width: 650px;
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
    flex-direction: column;
    padding: 0 20px
}

.ZHVAU.NxgRz {
    max-width: none;
    padding: 0
}

@media(min-width: 768px) {
    .ZHVAU {
        padding: 0
    }
}

.QuQmC .oX6pF,
.QuQmC .xMZMh {
    color: #212121
}

.oX6pF {
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .5px;
    margin: 12rem 0 2rem;
    color: #707c86
}

.ZtEjm {
    display: flex;
    flex-direction: row
}

@media(min-width: 768px) {
    .oX6pF {
        text-align: center
    }
}

@keyframes nCw54 {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes V78W5 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes vka6i {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes nSnGH {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes vCnOi {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes tTg22 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.SVvgr {
    background-color: #f0f3f5
}

.SVvgr>div {
    flex-direction: row
}

.Qp9ni {
    flex: 0 1 auto;
    max-width: 650px
}

.Qp9ni ul {
    margin-left: 1rem
}

.AA9x0 {
    color: #212121;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 1.75rem;
    margin-top: 0
}

.uVMRL {
    color: #ae16ff
}

.M0w3J {
    color: #727272;
    font-size: 1.25rem;
    margin-bottom: 1.75rem;
    margin-top: 0 !important
}

.M0w3J li {
    margin-left: 2rem
}

.M0w3J div,
.M0w3J li {
    margin-bottom: 1rem
}

.M0w3J p {
    margin-top: 0 !important
}

.PQ4L0 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px;
    margin: auto;
    color: #707c86
}

.MtZfk {
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.MtZfk input:-webkit-autofill,
.MtZfk input:-webkit-autofill:focus,
.MtZfk input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #eee inset;
    -webkit-text-fill-color: #000
}

.Tbg44 input {
    color: #000
}

.Tbg44 .MGIfr {
    color: #727272
}

.Tbg44 .lefEB {
    margin: 2rem 0 4rem;
    align-self: flex-end
}

.Tbg44 .KJSGW {
    padding: .6rem 0;
    width: 100%
}

.Tbg44 .Nnf3M {
    color: #727272;
    font-size: 1.2rem;
    vertical-align: middle
}

.Tbg44 .p4HH6 {
    height: 150px
}

.Tbg44 .p4HH6 textarea {
    height: 100%
}

.o2Bm4 {
    width: 100%;
    margin: auto;
    text-align: center
}

.o2Bm4 h1 {
    font-weight: 400
}

.o2Bm4 a {
    margin-top: 2rem;
    width: 10rem
}

.YcJ2W {
    display: flex;
    flex-flow: row wrap;
    padding: 2em
}

.YcJ2W .NqT3q {
    flex: 1 100%;
    order: 1;
    text-align: center;
    color: #212121;
    margin: auto auto 1em
}

.YcJ2W .NqT3q a {
    color: var(--themeActiveColor)
}

.kids-mode .YcJ2W .NqT3q a {
    color: #fea534
}

.YcJ2W .V5OKL {
    order: 3;
    flex: 1 50%;
    font-size: 14px;
    margin-top: 2em
}

.YcJ2W .V5OKL .ESVB_ {
    margin-bottom: 2em
}

.YcJ2W .V5OKL .ESVB_ h4 {
    margin-top: 0;
    margin-bottom: 0
}

.YcJ2W .V5OKL .ESVB_ a {
    color: var(--themeActiveColor)
}

.kids-mode .YcJ2W .V5OKL .ESVB_ a {
    color: #fea534
}

.YcJ2W .TqqUA {
    flex: 1 100%;
    order: 2
}

.YcJ2W .TqqUA .nbi1p {
    width: 100%
}

.YcJ2W .TqqUA .Cz7DL {
    font-size: 14px;
    text-align: left
}

.kh9RJ {
    list-style-type: lower-alpha
}

.kh9RJ li {
    margin-bottom: 12px
}

.FHzIp {
    list-style-type: lower-roman;
    font-weight: 400
}

.FHzIp li {
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .Qp9ni {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .AA9x0 {
        flex: 0 0 25%;
        font-size: 1.25rem;
        text-align: right
    }

    .M0w3J {
        flex: 0 0 73%;
        max-width: 73%;
        font-size: inherit
    }
}

@media(min-width: 375px) {
    .YcJ2W .V5OKL {
        order: 3;
        margin: 2em 0 10em
    }

    .YcJ2W .V5OKL .ESVB_ {
        margin-bottom: 2em
    }

    .YcJ2W .V5OKL .ESVB_ h4 {
        margin-top: 0;
        margin-bottom: 0
    }

    .YcJ2W .V5OKL .ESVB_ a {
        color: var(--themeActiveColor)
    }

    .kids-mode .YcJ2W .V5OKL .ESVB_ a {
        color: #fea534
    }

    .YcJ2W .TqqUA {
        padding-right: 2em;
        flex: 1 50%;
        order: 2
    }

    .YcJ2W .TqqUA .nbi1p {
        width: 100%
    }

    .YcJ2W .TqqUA .Cz7DL {
        font-size: 14px;
        text-align: left
    }

    .YcJ2W .V5OKL {
        flex: 1 50%;
        padding-right: 4%;
        font-size: 14px;
        margin-bottom: 10em
    }
}

.xjB0d {
    letter-spacing: .5px
}

.fqXpn {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.fqXpn .nU1Di {
    display: none
}

.fqXpn .SNfNe {
    font-size: 11px;
    color: #202026;
    opacity: .5
}

.fqXpn .Dv3CN {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 4px 12px;
    border-radius: 12px;
    background-color: var(--themeActiveColor);
    font-size: 11px;
    color: #fff;
    cursor: pointer
}

.QkyfI {
    padding: 16px;
    list-style: none
}

.QkyfI li {
    display: flex;
    justify-content: space-between;
    height: 40px;
    margin-bottom: 7px;
    padding: 12px 16px;
    background: #d3d7db;
    border-radius: 6px;
    font-size: 14px
}

.ol2hZ .SNfNe {
    color: #ae16ff;
    opacity: 1
}

.ol2hZ .QkyfI {
    border: 1px solid #ae16ff
}

.WfarP {
    position: relative;
    top: 80px;
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem
}

.WfarP .VkTFI {
    background: #f0f3f5
}

.WfarP .VkTFI .akyqG,
.WfarP .VkTFI .CuiKb,
.WfarP .VkTFI .lI02U,
.WfarP .VkTFI .PNI9b {
    font-size: 21px
}

.WfarP .VkTFI .PNI9b {
    width: 33px
}

.WfarP .VkTFI .lI02U {
    width: 45px
}

.WfarP .VkTFI .akyqG {
    width: 75px
}

.WfarP .DdPxY {
    position: static;
    top: 0
}

.aeZdT {
    padding-top: 80px;
    background: #f0f3f5;
    max-width: none;
    min-height: 90vh
}

.aeZdT .akyqG,
.aeZdT .CuiKb,
.aeZdT .lI02U,
.aeZdT .PNI9b {
    font-size: 4rem
}

.aeZdT .PNI9b {
    width: 66px
}

.aeZdT .lI02U {
    width: 90px
}

.aeZdT .akyqG {
    width: 120px
}

.aeZdT .X64l8 {
    color: #26262d
}

.aeZdT .OKt30 {
    color: #fff;
    width: 135px;
    height: 40px
}

.U60ch {
    margin: 0 auto
}

.oBwfW {
    opacity: 0;
    transform: translateY(-3%)
}

.oBwfW.W4fj2 {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .4s ease-in-out, transform .4s ease-in-out
}

.cuoVx {
    color: var(--themeActiveColor);
    line-height: 0
}

.kids-mode .cuoVx {
    color: #fea534
}

.bWIoE {
    color: #26262d;
    line-height: 0
}

.CNVPm {
    font-size: 27px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: .5px
}

.JIHmG {
    color: #707c86;
    background: #fff;
    width: 100%;
    padding: 22px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 1;
    left: 0;
    border-bottom: 1px solid rgba(38, 38, 45, .1);
    justify-content: flex-start;
    top: 80px;
    overflow: scroll
}

.JIHmG::-webkit-scrollbar {
    height: 0;
    background: transparent
}

@media(min-width: 540px) {
    .JIHmG {
        flex-wrap: wrap;
        justify-content: center
    }
}

.JIHmG .R13V6 {
    justify-content: center;
    margin: 0 14px;
    color: #707c86;
    font-size: .7rem;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: opacity .2s;
    padding: 5px 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center
}

.JIHmG .R13V6:hover {
    opacity: .75
}

.JIHmG .R13V6.MyPe0 {
    color: var(--themeActiveColor)
}

.kids-mode .JIHmG .R13V6.MyPe0 {
    color: #fea534
}

.yRWnp {
    margin-top: 214px
}

.yRWnp h1 {
    margin: 0 0 25px
}

.EOHoU {
    font-size: 1rem;
    padding-bottom: 1.5rem;
    letter-spacing: .5px;
    line-height: 1.71;
    color: #707c86
}

.lXq6G {
    width: 100%;
    position: relative
}

.QIf82 {
    display: flex;
    justify-content: center;
    padding: 2.2rem 0;
    border-top: 1px solid #d8d8d8;
    align-items: center;
    flex-direction: column;
    margin-top: 2rem
}

.QIf82 button:active,
.QIf82 button:focus {
    outline: none
}

.pSU4e,
.Sxbup {
    min-width: 10rem;
    border-radius: 0;
    text-transform: none;
    font-weight: 300;
    margin-top: 1.5rem;
    height: 4rem
}

.VhRrc {
    margin-top: .5rem;
    color: #f44336;
    text-align: center
}

.LvvUE {
    height: 3rem;
    width: 3rem;
    position: relative;
    top: 45%;
    margin: 0 auto;
    display: inherit
}

.UmH1J .jCIXr {
    display: flex;
    flex-flow: row;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2.2rem;
    padding-bottom: 54px;
    border-bottom: 1px solid rgba(38, 38, 45, .1)
}

.UmH1J .jCIXr .ZubKG {
    flex: 100%;
    text-align: center;
    margin: 0 auto
}

.UmH1J .jCIXr .ZubKG img {
    border-radius: 100%;
    height: 160px;
    width: 160px;
    display: inline-block;
    vertical-align: top
}

.UmH1J .jCIXr .D0gLv {
    margin-top: 24px;
    flex: 100%
}

.UmH1J .jCIXr .D0gLv .QZhj4 {
    display: flex;
    margin-top: 1rem
}

.UmH1J .jCIXr .D0gLv .QZhj4 div svg {
    margin-right: 6px;
    border-radius: 0;
    position: relative;
    top: -2px
}

.UmH1J .jCIXr .jJz1L {
    margin-top: 16px;
    width: 100%;
    text-align: right
}

.UmH1J .fTOVh {
    z-index: -1;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .4s;
    background: #000
}

.UmH1J .fTOVh.Q7RuA {
    z-index: 1;
    opacity: .7
}

.otAmF {
    font-size: .8rem;
    line-height: 1.45;
    letter-spacing: .5px;
    text-align: left;
    color: #707c86
}

.MBgQJ {
    border-bottom: 1px solid rgba(38, 38, 45, .1);
    padding-bottom: 31px;
    margin-top: 30px
}

.MBgQJ h2 {
    vertical-align: middle;
    font-weight: 700;
    letter-spacing: .5px;
    color: #26262d;
    font-size: 1.2rem
}

@keyframes jW_RW {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes ZiaOb {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes ty0MY {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes aFK75 {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes pKoZ8 {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes TgzKB {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.QK1BL {
    color: #fff;
    animation: TgzKB 1s linear infinite
}

.QK1BL .G3CxS .vSZs8 {
    stop-color: currentColor;
    stop-opacity: .5
}

.QK1BL .G3CxS .x_qRw {
    stop-color: currentColor;
    stop-opacity: 1
}

.QK1BL .rfkvG .vSZs8 {
    stop-color: currentColor;
    stop-opacity: .5
}

.QK1BL .rfkvG .x_qRw {
    stop-color: currentColor;
    stop-opacity: 0
}

.QK1BL .Vdx76 {
    stroke-width: 2;
    fill: none
}

.v8kag {
    width: 5rem;
    height: 5rem
}

.lUzkJ {
    margin: 30px 0
}

.lz1HY {
    padding-top: 175px;
    color: #26262d;
    background-color: #f0f3f5
}

.bGAHM {
    justify-content: center;
    width: 100%;
    margin-bottom: 100px
}

.IvcCw .MoJHN,
.IvcCw .ncpaq {
    text-align: center
}

.IvcCw .ncpaq {
    font-size: 11px;
    letter-spacing: .5px;
    color: #707c86
}

.IvcCw .ncpaq:first-of-type {
    margin-top: 40px
}

.IvcCw .ncpaq a {
    color: #26262d
}

.o4760 .JUjP0 {
    text-align: center
}

.o4760 .JUjP0 .OrdVc {
    width: 13rem;
    height: auto
}

.o4760 .GBOzM {
    color: var(--themeActiveColor)
}

.kids-mode .o4760 .GBOzM {
    color: #fea534
}

.o4760 .OCLpD {
    margin: 20px 0
}

.o4760 .OCLpD .KsZC6 {
    justify-content: center;
    margin-top: 16px
}

.o4760 .OCLpD .CR4DW {
    width: 100%;
    margin-bottom: 1rem;
    color: red;
    font-size: 1.2rem;
    line-height: 2;
    word-wrap: break-word
}

.ITnJD {
    font-size: 1rem;
    line-height: 1.6
}

.C6x4y {
    min-height: 2em;
    margin-bottom: 1rem;
    color: #f44336;
    word-wrap: break-word
}

.DOPs5 {
    margin: 16px 0;
    text-align: center
}

.MENxZ {
    text-align: left;
    font-size: 1rem;
    padding-bottom: 1.5rem;
    letter-spacing: .5px;
    line-height: 1.71;
    color: #707c86
}

.tuaTc {
    width: 312px;
    margin: 32px auto 0
}

.z_e5t ._7eaZz {
    border-radius: 2%
}

.z_e5t .nHLKm {
    transform: translateX(-75%)
}

.HOw0d {
    text-align: center;
    padding-top: 1rem
}

.HOw0d .GzH7j {
    font-weight: 700;
    line-height: 2;
    color: #727272;
    font-size: 2rem
}

.HOw0d .vvulg {
    font-size: 1.2rem;
    font-weight: 400
}

.HOw0d .vvulg .EBJye {
    margin-top: 3rem;
    text-transform: none;
    color: #000
}

.HOw0d .vvulg .EBJye div {
    margin-top: 1.5rem
}

.Gk2EA .OFn4H {
    z-index: 2;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90vw;
    background: #fff;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    padding: 2.8rem 1.5rem
}

.Gk2EA .OFn4H .p0uuI {
    background: #fff;
    color: #bcbcbc;
    border: 1px solid #ededed;
    min-width: 10rem;
    border-radius: 0;
    text-transform: none;
    margin-right: .5rem
}

@media(min-width: 768px) {
    .Gk2EA .OFn4H {
        width: 50vw;
        padding: 2.8rem
    }

    .Gk2EA .OFn4H h1 {
        font-size: 2rem
    }

    .Gk2EA .OFn4H ._0CfZ .wKFrX {
        padding-top: 1rem
    }

    .Gk2EA .OFn4H ._jrEu {
        height: 26px;
        width: 26px
    }
}

.Gk2EA .OFn4H ._0CfZ .wKFrX {
    padding: 1rem .8rem
}

.Gk2EA .OFn4H .DTKh1 {
    padding-bottom: 2.77rem
}

.Gk2EA .OFn4H ._jrEu {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 15px;
    width: 15px;
    cursor: pointer
}

.Gk2EA .OFn4H ._jrEu path {
    fill: #000
}

.Gk2EA .OFn4H .hXuzf {
    padding-bottom: 2.8rem
}

.Gk2EA .OFn4H .Nqltd {
    margin: .5rem auto 2.78rem;
    width: 91%;
    max-width: 91%;
    min-height: 5rem;
    border: 1px solid #d8d8d8;
    resize: none;
    display: block
}

.Gk2EA .OFn4H .Nqltd:active,
.Gk2EA .OFn4H .Nqltd:focus {
    outline: none
}

.Gk2EA .OFn4H .Nqltd.eqP3D {
    cursor: not-allowed
}

.Gk2EA .OFn4H .PcJHz {
    flex-direction: row
}

.Gk2EA .OFn4H .PcJHz button div {
    min-width: 7rem
}

.Gk2EA .fefTz {
    margin: 2rem 0;
    vertical-align: middle;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    position: relative;
    font-weight: 700;
    letter-spacing: .5px;
    color: #26262d;
    font-size: 1.2rem
}

.Gk2EA .fefTz:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #000;
    position: relative;
    left: 1rem;
    top: 1px;
    transition: transform .5s
}

.Gk2EA .fefTz.EbC13:after {
    transform: rotate(180deg)
}

.Gk2EA .qP1mD {
    transition: max-height .2s;
    display: none
}

.Gk2EA .qP1mD.EbC13 {
    display: block;
    transition: max-height .8s
}

.Gk2EA .qP1mD ._4CWPM {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    text-align: left;
    color: #707c86
}

.Gk2EA .qP1mD ._4CWPM p {
    margin: 0 0 1rem
}

.Gk2EA .qP1mD .OmISQ {
    text-align: right;
    margin-top: 35px
}

.Gk2EA ._HD2X {
    font-size: 1rem;
    padding-bottom: 1.5rem;
    line-height: 1.6;
    text-align: right
}

.Gk2EA ._HD2X .sxjaw {
    opacity: 1;
    margin-left: 5px
}

.gZtcv {
    display: flex;
    justify-content: center
}

.gZtcv button:first-child {
    margin-right: 1rem
}

.wMNZD {
    opacity: 0
}

.wMNZD.QZqJ_ {
    opacity: 1;
    transition: opacity .4s
}

.XoKbp {
    opacity: 1
}

.XoKbp.B3YTY {
    opacity: 0;
    transition: opacity .4s
}

.xmu_s {
    margin-bottom: 6px
}

.xmu_s label {
    color: #707c86;
    letter-spacing: .5px
}

.xmu_s input {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 1rem;
    width: 1rem;
    margin-right: 6px;
    background-color: #fff;
    outline: none;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .2);
    top: 2px
}

.xmu_s input:checked,
.xmu_s input:focus {
    border-color: var(--themeActiveColor)
}

.kids-mode .xmu_s input:checked,
.kids-mode .xmu_s input:focus {
    border-color: #fea534
}

.xmu_s input:checked:after {
    position: absolute;
    content: "";
    top: calc(50% - 5px);
    left: calc(50% - 2px);
    width: 4px;
    height: 10px;
    border: solid #707c86;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg)
}

.IIxi2 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45.3125%;
    padding: 1.3333333333rem;
    background-color: #2c2c2c;
    border-radius: .5333333333rem;
    transform: translate(-50%, -50%);
    box-shadow: .1333333333rem .1333333333rem .8rem 0 rgba(0, 0, 0, .5);
    color: #fff
}

.OeZjM .cZofl {
    font-size: 1rem;
    padding-bottom: 1.5rem;
    letter-spacing: .5px;
    line-height: 1.71;
    color: #707c86
}

.OeZjM .DDD6H {
    padding-bottom: 1rem
}

.OeZjM .C_IRJ {
    margin-bottom: 2.8rem
}

.OeZjM .C_IRJ .BzyVH {
    padding-top: 24px;
    border-top: 1px solid rgba(38, 38, 45, .1)
}

.OeZjM .iV7dU {
    margin-bottom: 31px
}

.OeZjM .RPwIP {
    text-align: right;
    margin-top: 17px
}

.urTBs {
    width: 312px;
    max-width: 100%;
    margin-top: 32px
}

.urTBs .ZuU5E {
    margin-bottom: 12px
}

.urTBs .kzuG_ {
    font-size: 14px;
    line-height: 20px;
    color: #9699a3;
    margin: 24px 0 12px
}

.urTBs .RNQFc {
    margin-top: 24px;
    width: 100%
}

.nl9Cd {
    width: 312px;
    max-width: 100%;
    margin-top: 52px
}

.nl9Cd .EqHJK {
    margin: -26px 0 24px
}

.nl9Cd ._wVkG {
    width: 100%;
    margin-top: 40px
}

.tavkr {
    color: #707c86;
    line-height: 1.71;
    letter-spacing: .5px;
    margin-bottom: 40px
}

.dgvdT {
    text-align: right;
    margin-top: 50px
}

.fnNKf .BqyVQ {
    font-size: 1rem;
    padding-bottom: 1.5rem;
    line-height: 1.71;
    letter-spacing: .5px;
    color: #707c86
}

.fnNKf .jrU4I {
    margin-top: 56px
}

.rqRjw {
    text-align: right;
    margin-top: 50px
}

.kVGu1 {
    width: auto;
    height: auto;
    padding: 22px 40px
}

.axRzN {
    width: 100%;
    border-radius: 4px
}

.axRzN .oREyU {
    display: flex;
    border: 1px solid rgba(64, 71, 76, .1);
    margin-bottom: 55px;
    border-radius: 2px
}

.axRzN .oREyU .mV4p_ {
    list-style-type: none;
    cursor: pointer;
    flex: 1;
    font-size: 1rem;
    line-height: 3;
    text-align: center;
    background: #f0f3f5;
    color: #707c86
}

.axRzN .oREyU .mV4p_.XgqTC {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1), 1px 0 0 0 rgba(0, 0, 0, .05)
}

.axRzN .La9Bb {
    width: 100%
}

.axRzN .La9Bb .ingL4 {
    display: none;
    width: 100%
}

.axRzN .La9Bb .ingL4.PleF_,
.k6h0e {
    display: flex
}

.k6h0e {
    flex-direction: column;
    width: 100%;
    max-height: 840px;
    overflow-y: auto;
    overflow-x: hidden
}

.k6h0e.W26lF {
    border: 1px solid #9b9b9b
}

.k6h0e .dwin7 {
    background: #f7f7f7;
    color: #000;
    width: 100%;
    border-bottom: 1px solid #9b9b9b;
    height: 3.6rem
}

.kObnJ {
    opacity: 1;
    transform: translateX(0)
}

.kObnJ.FBP1q {
    opacity: 0;
    transform: translateX(5%);
    transition: opacity .4s, transform .4s
}

.U68Mu {
    justify-content: space-between;
    margin: 8px 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start
}

.U68Mu .yO8jW {
    opacity: 1
}

.U68Mu .T4XuU {
    height: 80px;
    width: 55px
}

.U68Mu .oWo_u {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    justify-content: space-between;
    width: 100%;
    letter-spacing: .5px;
    line-height: 1.45;
    font-size: .8rem;
    overflow: hidden
}

.U68Mu .oWo_u .xdjAo {
    margin: 0 0 7px;
    line-height: 1.33
}

.U68Mu .oWo_u .ClAFb {
    color: #707c86
}

.U68Mu .oWo_u .ClAFb .Klf7E {
    font-weight: 700;
    margin: 4.5px 0 4px
}

.U68Mu .oWo_u .hOFrQ {
    text-align: right
}

.U68Mu .oWo_u .G3fyk {
    padding: 4px 8px;
    border-radius: 2px;
    color: #707c86;
    font-weight: 700;
    background: rgba(38, 38, 45, .1);
    white-space: nowrap
}

.U68Mu .Wz3Qz {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: hsla(0, 0%, 100%, .7);
    justify-content: center
}

.qUi2m,
.U68Mu .Wz3Qz {
    display: flex;
    align-items: center
}

.qUi2m {
    flex-direction: column;
    margin: 0 auto
}

.qUi2m .OVRRV {
    align-self: flex-start;
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .5px
}

.qUi2m .wtd7I {
    padding-top: 1rem;
    flex-direction: column;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(38, 38, 45, .1);
    margin: auto auto 3rem
}

@media(min-width: 960px) {
    .qUi2m .wtd7I {
        width: 100%
    }
}

.qUi2m .wtd7I .KK0js {
    max-width: 80vw
}

.qUi2m .wtd7I .nHqwU {
    padding: 2.5rem 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px
}

.qUi2m .wtd7I .Wqc5C {
    background: #26262d;
    margin-bottom: 3.5rem;
    border-radius: 6px
}

.qUi2m .IENP7 {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    color: #707c86;
    padding-top: 0;
    line-height: 2.18;
    width: 100%;
    padding-bottom: 3rem
}

.qUi2m .IENP7 .Y1eJL {
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .5px
}

.brqVa {
    background-color: #121e29;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(//d0.tubitv.com/web-k8s/dist/img/ce7808c69afb.jpg);
    background-image: -webkit-image-set(url(//d0.tubitv.com/web-k8s/dist/img/b715c45fd027.jpg) 2x)
}

.KeM9J {
    display: flex;
    align-items: center;
    padding-top: 5rem;
    padding-bottom: 2rem;
    color: #fff
}

.KeM9J .Row {
    flex: 1 100%
}

@media(min-width: 1170px) {
    .KeM9J {
        height: 56.25vw;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(max-width: 959px) {
    .KeM9J .H1 {
        font-size: 43px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: -1px
    }
}

.ctoiL {
    margin: 0 0 1rem;
    color: hsla(0, 0%, 100%, .7);
    font-size: 18px;
    line-height: 24px
}

.afuBA,
.ctoiL {
    font-weight: 400;
    letter-spacing: .5px
}

.afuBA {
    margin: 0 0 2rem;
    color: #707c86;
    font-size: 11px;
    line-height: 16px
}

.Tlo5G {
    margin: 0 0 1rem
}

.Z_cL6 h3 {
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px
}

.Z_cL6 a {
    margin: 0 1rem 1rem 0
}

.Z_cL6 .Button__bg {
    border-color: #fff
}

.KO01j {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .KO01j {
        padding-left: 16px;
        padding-right: 16px
    }
}

.y_bZi {
    background: #10141f
}

.y_bZi,
.y_bZi ._bAYk {
    font-size: 22px;
    line-height: 1.4
}

.y_bZi .LZs8U {
    height: 38px;
    font-size: 14px;
    font-weight: 400
}

.y_bZi .LZs8U,
.y_bZi .LZs8U .web-button__interaction-overlay {
    border-radius: 6px
}

.y_bZi .aQOOR,
.y_bZi .iuagf,
.y_bZi h1,
.y_bZi h2,
.y_bZi h3,
.y_bZi h4,
.y_bZi h5 {
    margin: 0;
    padding: 0
}

.y_bZi .aQOOR,
.y_bZi .iuagf,
.y_bZi h1,
.y_bZi h2 {
    color: #10141f;
    margin-bottom: .2em
}

.y_bZi .aQOOR.UnYeR,
.y_bZi .iuagf.UnYeR,
.y_bZi h1.UnYeR,
.y_bZi h2.UnYeR {
    color: #fff
}

.y_bZi .iuagf,
.y_bZi h1 {
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -.75px
}

.y_bZi .aQOOR,
.y_bZi h2 {
    font-size: 32px;
    line-height: 1;
    letter-spacing: -1px;
    font-weight: 600
}

.y_bZi p {
    margin: 0
}

.y_bZi .s48yF {
    padding: 50px 0;
    text-align: center;
    background: #fff
}

.y_bZi .s48yF svg {
    height: 2em;
    width: 2em;
    color: #006c95
}

@media(min-width: 767px)and (max-width:1169px) {

    .y_bZi,
    .y_bZi ._bAYk {
        font-size: 18px
    }

    .y_bZi .iuagf,
    .y_bZi h1 {
        font-size: 44px
    }

    .y_bZi .aQOOR,
    .y_bZi h2 {
        font-size: 28px
    }
}

@media(max-width: 767px) {

    .y_bZi,
    .y_bZi ._bAYk {
        font-size: 15px
    }

    .y_bZi .LZs8U {
        height: 28px;
        font-weight: 400;
        padding: 7px 8px
    }

    .y_bZi .iuagf,
    .y_bZi h1 {
        font-size: 32px
    }

    .y_bZi .aQOOR,
    .y_bZi h2 {
        font-size: 22px
    }
}

.HP1u4 {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .HP1u4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

.B4mF6 {
    background: #fff
}

.B4mF6 .KeQHD {
    padding-bottom: 60px
}

.B4mF6 .KeQHD .AQTRY {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.B4mF6 .KeQHD .AQTRY h3 {
    margin-bottom: 0;
    text-align: left;
    margin-right: 16px
}

.B4mF6 .U_bo1 {
    text-align: left;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, 1fr)
}

.B4mF6 .U_bo1 .hfQ0B {
    color: inherit;
    overflow: hidden;
    width: auto
}

.B4mF6 .U_bo1 .hfQ0B p {
    font-size: 16px
}

.B4mF6 .U_bo1 .aG5Em {
    position: relative;
    padding-top: 56.0897435897%;
    background: #10141f;
    margin-bottom: 6px
}

.B4mF6 .U_bo1 .aG5Em img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.B4mF6 .U_bo1.Jl1YB {
    display: flex
}

.B4mF6 .U_bo1.Jl1YB [data-arrow] {
    display: none
}

.B4mF6 .U_bo1.Jl1YB .hfQ0B {
    width: 65vw;
    margin-right: 12px
}

.B4mF6 .U_bo1.Jl1YB .hfQ0B:last-child {
    margin-right: 0
}

.B4mF6 .kd20J {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 10px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    border-radius: 4px;
    padding: 4px 9px
}

.f92Q4 {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .f92Q4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

.RR9mL {
    padding-bottom: 45px;
    background: #fff
}

.RR9mL .f92Q4 .SR_xo {
    margin-bottom: 24px
}

.RR9mL .bgjSf {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 730px;
    margin: 0 auto
}

.RR9mL .bgjSf dd,
.RR9mL .bgjSf dl,
.RR9mL .bgjSf dt {
    margin: 0
}

.RR9mL .bgjSf dd,
.RR9mL .bgjSf dt {
    color: #006c95;
    font-weight: 700;
    line-height: 1
}

.RR9mL .bgjSf dt {
    font-size: 120px
}

.RR9mL .bgjSf dd {
    font-size: 24px;
    text-transform: uppercase
}

.RR9mL .ycNvK {
    flex: 1;
    position: relative
}

.RR9mL .ycNvK:after {
    height: 26px;
    width: 26px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #00cfb7;
    margin-top: -25px;
    margin-left: -13px;
    transform: rotate(45deg)
}

@media(max-width: 767px) {
    .RR9mL {
        padding-bottom: 60px
    }

    .RR9mL .f92Q4 .SR_xo {
        font-size: 21px;
        margin-bottom: 16px
    }

    .RR9mL .bgjSf {
        flex-direction: column;
        height: 430px
    }

    .RR9mL .bgjSf dt {
        font-size: 80px
    }

    .RR9mL .bgjSf dd {
        font-size: 16px
    }

    .RR9mL .bgjSf .ycNvK:after {
        height: 17px;
        width: 17px;
        margin-top: -8.5px;
        margin-left: -8.5px
    }
}

.WyCie {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .WyCie {
        padding-left: 16px;
        padding-right: 16px
    }
}

.ihF9C {
    height: 56.25vw;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    position: relative
}

.ihF9C .k1dZ2 {
    position: relative;
    position: absolute
}

.ihF9C .k1dZ2,
.ihF9C .k1dZ2 img {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.ihF9C .k1dZ2 img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover
}

.ihF9C .Mj_7T {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    position: absolute;
    top: 96px;
    left: 0;
    bottom: 4%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.ihF9C .GJ4HY {
    height: 12%;
    max-height: 75px;
    margin-bottom: 2%
}

.ihF9C ._kMSU {
    height: 40%;
    max-height: 20vw;
    flex: 1
}

.ihF9C .sqo80 {
    opacity: .8;
    margin: 2% 0
}

.ihF9C .UbNOr {
    margin-bottom: 2.5%
}

.ihF9C .UbNOr .web-button {
    background: #006c95
}

.ihF9C .UbNOr .web-button__tag {
    color: #006c95;
    margin: 0 0 0 12px
}

@media(min-width: 767px)and (max-width:1169px) {
    .ihF9C {
        font-size: 18px
    }

    .ihF9C .UbNOr {
        margin-bottom: 1.5%
    }
}

@media(max-width: 767px) {
    .ihF9C {
        font-size: 15px;
        height: 139.5vw
    }

    .ihF9C .Mj_7T {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        margin-top: 12px
    }

    .ihF9C .GJ4HY {
        max-height: 48px;
        margin-bottom: 8%
    }

    .ihF9C ._kMSU {
        height: auto;
        max-height: none;
        flex: initial;
        width: 100%
    }

    .ihF9C .sqo80 {
        margin: 5% 0
    }

    .ihF9C .UbNOr {
        margin-bottom: 24px
    }
}

.Jhlu9 {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .Jhlu9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

.x8yKK {
    padding: 80px 0 60px;
    background: #fff
}

.x8yKK .Jhlu9 .g9yYo {
    font-weight: 400;
    letter-spacing: normal;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .x8yKK {
        padding: 32px 0 50px
    }
}

.pPXCd {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .pPXCd {
        padding-left: 16px;
        padding-right: 16px
    }
}

.z0Axt {
    background-image: url(https://cdn.adrise.tv/tubitv-assets/img/world-cup-landing/desktop-feature-list-bg@2x.jpg), linear-gradient(#fff, #fff, #10141f, #10141f);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    height: 60vw;
    min-height: 600px;
    max-height: 865px;
    padding-top: 75px;
    margin-top: -1px
}

.z0Axt .pPXCd h3 {
    margin-bottom: 1em
}

.z0Axt .ntoLM {
    display: flex;
    list-style: none
}

.z0Axt .UyTVV {
    flex: 1;
    margin-right: 32px
}

.z0Axt .UyTVV:last-child {
    margin-right: 0
}

.z0Axt .W5z6l {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    height: 255px;
    margin-bottom: 16px
}

.z0Axt .W5z6l img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.z0Axt .GU51_ {
    display: flex;
    text-align: left;
    align-items: flex-start;
    color: #fff
}

.z0Axt .GU51_ svg {
    width: 52px;
    margin-right: 28px;
    position: relative;
    top: 7px
}

.z0Axt .GU51_ p {
    flex: 1
}

@media(max-width: 1169px) {
    .z0Axt .W5z6l {
        height: 200px
    }

    .z0Axt .UyTVV {
        margin-right: 24px
    }
}

@media(max-width: 959px) {
    .z0Axt .W5z6l {
        height: 160px
    }
}

@media(max-width: 767px) {
    .z0Axt {
        background-image: url(https://cdn.adrise.tv/tubitv-assets/img/world-cup-landing/mobile-feature-list-bg@2x.jpg), linear-gradient(#fff, #fff, #10141f, #10141f);
        background-position: 0 100%;
        background-size: 100% 100%;
        padding-top: 0;
        height: auto;
        min-height: 0;
        max-height: none
    }

    .z0Axt .pPXCd h3 {
        margin-bottom: 35px
    }

    .z0Axt .ntoLM {
        flex-direction: column
    }

    .z0Axt .UyTVV {
        margin-right: 0;
        margin-bottom: 32px
    }

    .z0Axt .UyTVV:first-child .GU51_ {
        color: #000
    }

    .z0Axt .UyTVV:last-child {
        margin-bottom: 0
    }

    .z0Axt .W5z6l {
        height: 300px;
        margin-bottom: 12px
    }

    .z0Axt .GU51_ svg {
        top: 5px;
        margin-right: 12px;
        width: 48px
    }

    .z0Axt .GU51_ p {
        font-size: 18px
    }
}

@media(max-width: 539px) {
    .z0Axt .W5z6l {
        height: 186px
    }
}

.Jai5h {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .Jai5h {
        padding-left: 16px;
        padding-right: 16px
    }
}

.JXr4T {
    text-align: center;
    color: #fff;
    margin-top: -80px
}

.JXr4T h4 {
    margin-bottom: 36px !important
}

.JXr4T p {
    line-height: 1.5;
    max-width: 592px;
    margin: 0 auto 20px
}

@media(max-width: 767px) {
    .JXr4T h4 {
        margin-bottom: 24px !important
    }

    .JXr4T p {
        font-size: 16px
    }
}

.JXr4T .C7HOi {
    position: relative;
    padding-top: 68.3321087436%
}

.JXr4T .C7HOi img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 767px) {
    .JXr4T {
        margin-top: 0;
        padding-top: 110px
    }

    .JXr4T .C7HOi {
        padding-top: 70.7692307692%
    }
}

.CERTe {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .CERTe {
        padding-left: 16px;
        padding-right: 16px
    }
}

.FzZik {
    color: #fff;
    position: relative;
    margin-top: -90px;
    padding-bottom: 180px
}

.FzZik h5 {
    margin: 0;
    letter-spacing: -.75px
}

.FzZik .Elzdu {
    height: 100%;
    background: linear-gradient(45deg, #55277c .31%, rgba(59, 31, 117, .879791) 18.3%, rgba(23, 18, 106, .702492) 44.34%, rgba(25, 25, 25, .0001));
    opacity: .5
}

.FzZik .Elzdu,
.FzZik .h9ckw {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.FzZik .h9ckw {
    height: 16.5%
}

.FzZik .h9ckw,
.FzZik .JFJib {
    background: linear-gradient(180deg, #10141f, rgba(16, 20, 31, 0))
}

.FzZik .JFJib {
    position: absolute;
    transform: matrix(1, 0, 0, -1, 0, 0);
    top: 65%;
    left: 0;
    bottom: 0;
    width: 100%
}

.FzZik .CERTe {
    position: relative;
    text-align: left
}

.FzZik .gF8cH {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 45px
}

.FzZik .gF8cH h4 {
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    padding-bottom: 0;
    letter-spacing: -1px
}

.FzZik .L_EhN {
    display: flex
}

.FzZik .L_EhN>div {
    flex: 1;
    margin-right: 24px
}

.FzZik .L_EhN>div:last-child {
    margin-right: 0
}

.FzZik .utR6u {
    display: flex;
    flex-direction: column
}

.FzZik .utR6u>div {
    flex: 1;
    margin-bottom: 24px
}

.FzZik .utR6u>div:last-child {
    margin-bottom: 0
}

.FzZik .Yffs0 {
    position: relative;
    background: #323775;
    border-radius: 16px;
    overflow: hidden
}

.FzZik .Yffs0 .X36RO {
    position: relative;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.FzZik .Yffs0 .X36RO img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.FzZik .Yffs0 .rfylS {
    position: absolute;
    top: 32px;
    left: 32px;
    width: 38%;
    min-width: 160px
}

.FzZik .Yffs0 .rfylS h5 {
    font-weight: 800;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 22px
}

.FzZik .Yffs0 .rfylS p {
    font-size: 18px;
    line-height: 1.33
}

.FzZik .Yffs0.aFuPI {
    padding-top: 34.5911949686%;
    margin-bottom: 24px
}

.FzZik .Yffs0.aFuPI .rfylS {
    top: 50%;
    transform: translateY(-50%)
}

.FzZik .Yffs0.Kg9zE .rfylS {
    top: 60%;
    width: 55%
}

.FzZik .Yffs0.EAFxK,
.FzZik .Yffs0.yv64I {
    padding-top: 40.7012195122%
}

.FzZik .Yffs0.EAFxK h5 {
    height: 65px;
    width: 99px;
    text-indent: -9999px;
    background-image: url(https://cdn.adrise.tv/tubitv-assets/img/world-cup-landing/tubi-originals@2x.png);
    background-size: cover
}

.FzZik .LjU5O {
    list-style: none
}

.FzZik .tyUJf {
    margin-bottom: 24px
}

.FzZik .tyUJf:last-child {
    margin-bottom: 0
}

.FzZik .tyUJf h5 {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 40%
}

.FzZik .tyUJf .X36RO {
    position: relative;
    padding-top: 44.6927374302%;
    background: #323775;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 16px
}

.FzZik .tyUJf .X36RO img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.FzZik .tyUJf.EAFxK h5 {
    height: 49px;
    width: 74px;
    text-indent: -9999px;
    background-image: url(https://cdn.adrise.tv/tubitv-assets/img/world-cup-landing/tubi-originals@2x.png);
    background-size: cover
}

@media(min-width: 767px)and (max-width:1169px) {
    .FzZik {
        margin-top: -5vw
    }

    .FzZik .gF8cH {
        margin-bottom: 32px
    }

    .FzZik .gF8cH h4 {
        font-size: 28px
    }

    .FzZik .Yffs0 {
        border-radius: 16px
    }

    .FzZik .Yffs0 .rfylS {
        top: 24px;
        left: 24px
    }

    .FzZik .Yffs0 .rfylS h5 {
        font-weight: 800;
        font-size: 32px;
        line-height: 40px
    }

    .FzZik .Yffs0 .rfylS p {
        font-size: 15px
    }

    .FzZik .Yffs0.Kg9zE .rfylS {
        top: 55%
    }

    .FzZik .Yffs0.EAFxK h5 {
        height: 49px;
        width: 74px
    }
}

@media(max-width: 767px) {
    .FzZik {
        margin-top: 0;
        padding-bottom: 90px
    }

    .FzZik .gF8cH {
        margin-bottom: 28px
    }

    .FzZik .gF8cH h4 {
        font-size: 22px
    }
}

.zIitY {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .zIitY {
        padding-left: 16px;
        padding-right: 16px
    }
}

.Yau51 {
    text-align: center;
    position: relative;
    top: -1px;
    color: #fff
}

.Yau51 h4 {
    margin-bottom: 36px !important
}

.Yau51 p {
    line-height: 1.5;
    max-width: 824px;
    margin: 0 auto 20px
}

@media(max-width: 767px) {
    .Yau51 h4 {
        margin-bottom: 24px !important
    }

    .Yau51 p {
        font-size: 16px
    }
}

.Yau51 .csoJ4 {
    background: url(https://cdn.adrise.tv/tubitv-assets/img/world-cup-landing/desktop-stream-anywhere-bg@2x.jpg) no-repeat top;
    background-size: 100% 100%
}

.Yau51 .csoJ4 p {
    margin-bottom: 70px
}

.Yau51 .eMvaF {
    position: relative;
    padding-top: 44.7916666667%
}

.Yau51 .eMvaF img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.Yau51 .x1tkZ {
    display: flex;
    justify-content: center;
    padding: 55px 0 90px
}

.Yau51 .x1tkZ button {
    height: 38px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400
}

.Yau51 .x1tkZ button,
.Yau51 .x1tkZ button .web-button__interaction-overlay {
    border-radius: 6px
}

.Yau51 .nzHjS {
    padding-bottom: 40px
}

.Yau51 .nzHjS h5 {
    margin: 0 0 30px;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -1px;
    font-weight: 400
}

.Yau51 .rHVcQ {
    justify-content: space-between
}

.Yau51 .rHVcQ li {
    flex: 1;
    width: auto;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.Yau51 .rHVcQ li svg {
    width: 100%
}

@media(min-width: 767px)and (max-width:1169px) {
    .Yau51 .rHVcQ {
        display: grid;
        gap: 15px 10px;
        grid-template-columns: repeat(6, 1fr)
    }
}

@media(max-width: 767px) {
    .Yau51 .csoJ4 {
        background-image: url(https://cdn.adrise.tv/tubitv-assets/img/world-cup-landing/mobile-stream-anywhere-bg@2x.jpg)
    }

    .Yau51 .csoJ4 p {
        margin-bottom: 35px
    }

    .Yau51 .x1tkZ {
        padding: 35px 0 60px
    }

    .Yau51 .nzHjS h5 {
        font-size: 20px;
        margin-bottom: 24px
    }

    .Yau51 .rHVcQ {
        display: grid;
        gap: 15px 10px;
        grid-template-columns: repeat(4, 1fr)
    }
}

.ylxZk {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    font-size: 2rem;
    list-style: none
}

.ylxZk .fww4G {
    width: 8rem;
    margin: 1.5rem .5rem;
    text-align: center
}

.ylxZk .fww4G .shURa {
    width: 100%
}

.ylxZk .fww4G .ygdOH {
    width: 6rem
}

.ylxZk .fww4G .fDvxn {
    width: 5rem
}

.ylxZk .fww4G .KUqUl {
    width: 4rem
}

.tKInI {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: baseline;
    color: #fff
}

.tKInI img,
.tKInI svg {
    height: 5em;
    margin: 1rem
}

.tKInI svg {
    width: 7em
}

.ELlUs {
    height: 5em
}

@media(min-width: 768px) {
    .ELlUs {
        height: 6em
    }
}

.QQCZW ul {
    list-style: none
}

.QQCZW ul li {
    width: 100%;
    margin-bottom: .8rem
}

.QQCZW ul li .ECk_t,
.QQCZW ul li .l1yIj {
    padding: 1rem
}

@media(min-width: 960px) {

    .QQCZW ul li .ECk_t,
    .QQCZW ul li .l1yIj {
        padding: 2.1rem 1.6rem
    }
}

.QQCZW ul li .ECk_t {
    position: relative;
    background-color: #d3d7db;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: .3px
}

@media(min-width: 960px) {
    .QQCZW ul li .ECk_t {
        font-size: 22px;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: .5px
    }
}

.QQCZW ul li .ECk_t .fnEny {
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    text-align: center;
    transition: transform .5s;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: 50% 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px
}

@media(min-width: 960px) {
    .QQCZW ul li .ECk_t .fnEny {
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: .37px;
        right: 1.6rem
    }
}

.QQCZW ul li .l1yIj {
    overflow: hidden;
    display: block;
    background-color: #f0f3f5;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px
}

@media(min-width: 960px) {
    .QQCZW ul li .l1yIj {
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: .37px
    }
}

.QQCZW ul .Zddyt .ECk_t {
    margin-bottom: .8rem
}

@media(min-width: 960px) {
    .QQCZW ul .Zddyt .ECk_t {
        margin-bottom: .4rem
    }
}

.QQCZW ul .Zddyt .ECk_t .fnEny {
    transform: rotate(45deg) translateY(-50%)
}

.QQCZW ul .Zddyt .l1yIj {
    max-height: 500px;
    transition: max-height .5s ease-in, padding .5s
}

.QQCZW ul .AI3Of .l1yIj {
    padding-top: 0;
    padding-bottom: 0;
    transition: max-height .15s ease-out, padding .15s
}

.tJ3pG {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .tJ3pG {
        padding-left: 16px;
        padding-right: 16px
    }
}

.ptiLw {
    position: relative;
    padding: 96px 0 42px
}

.ptiLw .rddHy {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(45deg, #55277c .31%, rgba(59, 31, 117, .879791) 18.3%, rgba(23, 18, 106, .702492) 44.34%, rgba(25, 25, 25, .0001));
    opacity: .5;
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.ptiLw .tJ3pG {
    position: relative;
    max-width: 646px;
    padding: 0;
    color: #fff
}

.ptiLw .tJ3pG ul {
    text-align: left
}

.ptiLw .q1h60 {
    text-align: center;
    margin-bottom: 55px
}

@media(max-width: 767px) {
    .ptiLw {
        padding: 52px 0 22px
    }

    .ptiLw .tJ3pG ul {
        padding: 0 35px 0 13px
    }

    .ptiLw .q1h60 {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 32px;
        line-height: 35px;
        letter-spacing: -.5px
    }
}

.nsF1w {
    list-style: none
}

.nsF1w li {
    border-bottom: 1px solid rgba(150, 153, 163, .16)
}

.nsF1w li:last-child {
    border-bottom: none
}

.nsF1w .Anqem {
    text-align: left;
    background: none;
    border: 0;
    color: #fff;
    width: 100%;
    margin: 40px 0 12px;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -.2px;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.nsF1w .Anqem .dye8n {
    width: 20px;
    height: 20px
}

.nsF1w .ERlmx {
    overflow: hidden;
    font-size: 22px;
    line-height: 33px
}

.nsF1w .mjP2_ .ERlmx {
    max-height: 0;
    margin-bottom: 28px;
    transition: max-height .3s ease-out, margin .6s
}

.nsF1w .DMqEV .Anqem {
    color: var(--themeActiveColor)
}

.nsF1w .DMqEV .ERlmx {
    max-height: 500px;
    margin-bottom: 11px;
    transition: max-height .7s ease-in, margin .3s
}

@media(max-width: 767px) {
    .nsF1w .Anqem {
        margin: 40px 0 24px
    }

    .nsF1w .ERlmx {
        font-size: 16px;
        line-height: 24px
    }

    .nsF1w .mjP2_ .ERlmx {
        margin-bottom: 16px
    }

    .nsF1w .DMqEV .ERlmx {
        margin-bottom: 56px
    }
}

.xM6WJ {
    max-width: 1272px;
    margin: 0 auto;
    text-align: center
}

@media(max-width: 1304px) {
    .xM6WJ {
        padding-left: 16px;
        padding-right: 16px
    }
}

.q5_mb {
    z-index: 10002;
    color: #fff
}

.q5_mb,
.q5_mb .CvsoL {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.q5_mb .CvsoL {
    background: #000;
    opacity: .8
}

.q5_mb .b2z2n,
.q5_mb .GZ0Zz {
    position: absolute;
    bottom: 0;
    left: 0
}

.q5_mb .GZ0Zz {
    height: 144.5vw;
    width: 100vw;
    max-height: 80%;
    position: absolute;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: #021c2b url(https://cdn.adrise.tv/tubitv-assets/img/world-cup-landing/mobile-drawer-bg-v2@2x.jpg) no-repeat top;
    background-size: cover
}

.q5_mb .b2z2n {
    width: 100%;
    padding: 0 24px 24px;
    text-align: center
}

.q5_mb .b2z2n p {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: .1px
}

.q5_mb .b2z2n .j5Qcx {
    background: #006c95;
    margin-bottom: 24px;
    width: 100%
}

.q5_mb .b2z2n .j5Qcx .web-button__content {
    height: auto
}

.q5_mb .b2z2n .oTXqh {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.q5_mb .b2z2n .cjfdr,
.q5_mb .b2z2n .FL4UL {
    display: inline-block;
    margin-right: 16px;
    background: url(https://cdn.adrise.tv/tubitv-assets/img/world-cup-landing/app-store-badge.png) no-repeat 50%;
    background-size: 100%
}

.q5_mb .b2z2n .cjfdr {
    height: 27px;
    width: 83px
}

.q5_mb .b2z2n .FL4UL {
    height: 27px;
    width: 91px;
    background-image: url(https://cdn.adrise.tv/tubitv-assets/img/world-cup-landing/google-play-badge.png)
}

.q5_mb .kz_Ag {
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 12px;
    background: transparent;
    border: none
}

.q5_mb .kz_Ag svg {
    height: 24px;
    width: 24px;
    color: #fff
}

body.wc-landing-drawer-open {
    overflow: hidden
}

.PngVY {
    position: fixed;
    top: 0;
    right: 0;
    opacity: .5;
    padding: .8rem;
    z-index: 1000;
    pointer-events: none
}

.qj3tA {
    width: 60rem;
    background-color: #c4c4c4
}

.qj3tA>strong {
    font-size: 1.2rem
}

.xYANG {
    display: flex;
    width: 100%;
    height: 2.4rem;
    list-style: none;
    font-size: 1rem;
    line-height: 2.4rem
}

.xYANG>span {
    margin-left: .4rem
}

.xYANG>span:first-child {
    margin-left: 0
}

.eSpCN {
    display: inline-block;
    width: 2rem
}

.ZHWSG {
    flex: 1 1 auto;
    text-overflow: ellipsis
}

.UkRbh {
    width: 21.3333333333rem;
    display: flex;
    align-items: center;
    align-content: stretch
}

.UkRbh .veMk3 {
    flex: 0 1 auto;
    outline: 1px solid #fff;
    color: #fff;
    background-color: #00f;
    display: inline-block;
    border-radius: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
    vertical-align: middle;
    padding: 0 .4rem;
    text-overflow: ellipsis;
    overflow: hidden
}

.UkRbh .veMk3.vULUF {
    background-color: #9e9e9e
}

.UkRbh .b1Zg9 {
    display: inline-block;
    width: 2.4rem;
    height: 1.5rem;
    line-height: 1.5rem;
    vertical-align: middle;
    text-align: center;
    margin-left: .4rem;
    border-radius: .4rem;
    background-color: #fff;
    color: #000;
    padding: 0 .4rem
}

.AcAQM {
    min-width: 10.6rem
}

.AcAQM .M0u9u {
    color: #fff
}

.AcAQM .M0u9u>span {
    width: 2rem;
    display: inline-block;
    text-align: center;
    outline: 1px solid #fff;
    border-radius: 0
}

.AcAQM .M0u9u>span:first-child {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    width: 2.2rem;
    padding-left: .2rem
}

.AcAQM .M0u9u>span:last-child {
    width: 2.4rem;
    padding-right: .4rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.AcAQM .M0u9u>span.Mz6Us {
    background-color: #00f
}

.AcAQM .M0u9u>span.McPMy {
    background-color: #0fb300
}

.AcAQM .M0u9u>span.dyKJZ {
    background-color: #919191
}

.nnFU5 {
    font-size: 1rem;
    text-align: center;
    width: 100%;
    margin-top: .6rem;
    color: #454545
}

.DgqLa {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: opacity .6s
}

.defaultDarkLegacyTheme .DgqLa {
    background-color: #10141f
}

.defaultDarkTheme .DgqLa {
    background-color: #000
}

.kidsDarkLegacyTheme .DgqLa {
    background-color: #2865b7
}

.kidsDarkTheme .DgqLa {
    background-color: #002f8a
}

.DgqLa.ij6IR {
    opacity: 1
}

.hDxlI {
    position: fixed;
    width: 107.6rem;
    height: 60.5rem;
    overflow: hidden;
    top: 0;
    right: 0
}

.hDxlI.qYaoM {
    height: 51.0666666667rem
}

.hDxlI .efx3t,
.hDxlI .ubgiM {
    position: absolute;
    right: 0;
    width: 107.6rem;
    height: 60.5rem;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: cover;
    transition: opacity .6s ease-in-out
}

.hDxlI .efx3t.Uy7A6,
.hDxlI .ubgiM.Uy7A6 {
    width: 100%;
    height: 100%;
    background-position: 50%
}

.hDxlI .efx3t.GyOSv,
.hDxlI .ubgiM.GyOSv {
    top: 0;
    right: 0;
    width: 74.6666666667rem;
    height: 42rem;
    background-size: cover;
    background-position: 50%
}

.hDxlI .efx3t.GduZo,
.hDxlI .ubgiM.GduZo {
    opacity: 0
}

.hDxlI .efx3t.hEYun,
.hDxlI .ubgiM.hEYun {
    width: 100%;
    height: 100%
}

.hDxlI .efx3t.hEYun.qwAz4,
.hDxlI .ubgiM.hEYun.qwAz4 {
    background-repeat: repeat-x;
    background-size: contain
}

.hDxlI .nf2AN {
    opacity: 0
}

.hDxlI .nf2AN.AmXEJ {
    opacity: 1;
    transition: opacity .9s
}

.hDxlI .lHF5z {
    opacity: 1
}

.hDxlI .lHF5z.LeGjR {
    opacity: 0;
    transition: opacity .9s
}

.hDxlI.yxfTu {
    top: 0;
    background-size: cover
}

.defaultDarkLegacyTheme .hDxlI.yxfTu {
    background: #10141f
}

.defaultDarkTheme .hDxlI.yxfTu {
    background: #000
}

.kidsDarkLegacyTheme .hDxlI.yxfTu {
    background: #2865b7
}

.kidsDarkTheme .hDxlI.yxfTu {
    background: #002f8a
}

.hDxlI.yxfTu .efx3t {
    background: url(//d0.tubitv.com/web-k8s/dist/img/8c987b824584.png) no-repeat 100% 0;
    top: 0;
    background-size: cover
}

.hDxlI.Uy7A6 {
    width: 100%;
    height: 100%
}

.hDxlI.hEYun {
    position: absolute;
    top: 34.8rem;
    width: 100%;
    height: 37.2rem
}

.hDxlI.hEYun.NFYo8 {
    top: 30.7333333333rem;
    height: 41.2666666667rem
}

.hDxlI.CPNFp {
    position: absolute;
    top: 34.8rem;
    width: 100%;
    height: 37.2rem;
    background: linear-gradient(1turn, #006c95, rgba(0, 108, 149, 0)) !important
}

.P3fBe {
    border-radius: 2px;
    background-color: hsla(0, 0%, 100%, .2);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 5px 10px 2px;
    line-height: 12px;
    font-size: 11px;
    white-space: nowrap
}

.P3fBe.YpN9B {
    border-radius: 20px;
    padding: 5px 15px
}

.FhbYS,
.Iuntf,
.MrIY6 {
    color: hsla(0, 0%, 100%, .5)
}

.y1luJ {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.wnMXW {
    border-radius: 0;
    background: none;
    padding: 0;
    text-transform: capitalize;
    color: hsla(0, 0%, 100%, .5)
}

.LO3KQ {
    width: 50%;
    height: 1px;
    background: rgba(211, 215, 219, .1)
}

.OxFkj {
    width: 100%;
    display: flex;
    align-items: flex-start;
    min-height: 4.6rem;
    padding: 20px 0;
    font-size: 11px
}

.OxFkj .XJyQZ {
    display: flex;
    max-width: 9rem;
    width: 25%
}

@media(min-width: 768px) {
    .OxFkj .XJyQZ {
        max-width: 8rem
    }
}

@media(min-width: 1170px) {
    .OxFkj .XJyQZ {
        max-width: 7rem
    }
}

.OxFkj .XJyQZ ._uEcm {
    color: hsla(0, 0%, 100%, .5);
    flex: 0 0 auto;
    width: 100%
}

.OxFkj .LD2G7 {
    margin-left: 25px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    bottom: 2px
}

.OxFkj .LD2G7 .uI1VT {
    color: #fff;
    display: inline-block
}

.OxFkj .LD2G7 .SIYNz:after {
    content: ",";
    padding-right: 5px;
    color: #fff;
    cursor: default
}

.OxFkj .LD2G7 a:last-of-type .SIYNz:after {
    content: ""
}

.ZFHCG {
    text-transform: capitalize;
    margin: 0 5px 5px 0
}

.Xogbe {
    width: 100%;
    display: flex;
    align-items: stretch;
    font-size: 1.8rem;
    line-height: 1.48
}

.Xogbe .xe0nX {
    flex: 1 0 auto;
    max-width: 10rem;
    color: hsla(0, 0%, 100%, .5)
}

.Xogbe .LO3KQ {
    flex: 0 1 auto;
    position: relative;
    bottom: .5333333333rem;
    align-self: flex-end;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    margin: 0 4px
}

.Xogbe .PJoqa {
    flex: 0 0 44.8666666667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.iO26O {
    display: inline-block;
    margin-left: 8px
}

.d2e4W {
    font-size: 20px;
    line-height: 24px;
    font-weight: 800;
    color: #fff;
    margin-left: 8px
}

.g8013 {
    display: inline-block
}

.xW34t {
    width: 100%
}

.xW34t [data-id=hls] {
    position: absolute
}

.xW34t [data-id=hls],
.xW34t [data-id=hls] video {
    width: 100%;
    height: 100%
}

.xW34t [data-id=hls] [data-id=adComponent] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.xW34t [data-id=hls] [data-id=adComponent] video {
    width: 100%;
    height: 100%
}

.xW34t [data-id=hls] [data-id=captionsComponent] {
    position: absolute;
    padding: .2rem;
    bottom: 10%;
    left: 50%;
    text-align: center;
    transform: translate(-50%);
    transition: transform .3s
}

.xW34t [data-id=hls] [data-id=captionsComponent]>span {
    display: inline-block;
    padding: .2rem .5rem;
    background: rgba(25, 25, 25, .7);
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: .5px
}

.xW34t [data-id=hls] [data-id=warningComponent] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    font-size: 1.5rem
}

.xW34t [data-id=avplayerContainer] {
    position: relative;
    width: 100vw;
    height: 100vh
}

.xW34t [data-id=avplayerContainer] [data-id=av-player] {
    width: 100%;
    height: 100%
}

.xW34t [data-id=avplayerContainer] [data-id=adComponent] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.xW34t [data-id=avplayerContainer] [data-id=adComponent] video {
    width: 100%;
    height: 100%
}

.xW34t [data-id=avplayerContainer] .subtitleArea {
    display: none;
    position: absolute;
    bottom: 4.2666666667rem;
    left: 5.6666666667rem;
    right: 5.6666666667rem;
    text-align: center;
    color: #fff;
    font-size: 2.2666666667rem;
    text-shadow: 1px 1px 4px #000, 0 0 2px #000, 0 0 4px #000;
    transition: transform .3s
}

.xW34t [data-id=avplayerContainer] .subtitleArea span {
    display: inline-block;
    margin-bottom: .2em;
    padding: .1em .5em;
    background: rgba(0, 0, 0, .2)
}

.xW34t [data-id=avplayerContainer] .loading {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10rem;
    height: 10rem;
    margin: -5rem 0 0 -5rem;
    border-radius: 1rem;
    color: #fff;
    font-size: 2.2666666667rem;
    line-height: 10rem;
    text-align: center;
    background: rgba(0, 0, 0, .5)
}

.xW34t [data-id=avplayerContainer] .loading svg {
    width: 2em;
    height: 2em
}

.xW34t [data-id=webmaf] {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.xW34t [data-id=webmaf] [data-id=subtitleArea] {
    display: none;
    position: absolute;
    z-index: 1;
    bottom: 4.2666666667rem;
    left: 5.6666666667rem;
    right: 5.6666666667rem;
    text-align: center;
    color: #fff;
    font-size: 2.2666666667rem;
    text-shadow: 1px 1px 4px #000, 0 0 2px #000, 0 0 4px #000;
    transition: transform .3s
}

.xW34t [data-id=webmaf] [data-id=subtitleArea] [data-id=subtitleWindow] {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2.5333333333rem
}

.xW34t [data-id=webmaf] [data-id=subtitleArea] span {
    display: inline-block;
    line-height: 1;
    margin-bottom: 1.0666666667rem
}

.xW34t [data-id=webmaf] [data-id=subtitleArea] span:first-child {
    margin-top: 1.0666666667rem
}

.xW34t #nativePlayerContainer {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #000
}

.xW34t #nativePlayerContainer .subtitleArea {
    display: none;
    position: absolute;
    z-index: 1;
    bottom: 4.2666666667rem;
    left: 5.6666666667rem;
    right: 5.6666666667rem;
    text-align: center;
    color: #fff;
    font-size: 2.2666666667rem;
    text-shadow: 1px 1px 4px #000, 0 0 2px #000, 0 0 4px #000;
    transition: transform .3s
}

.xW34t #nativePlayerContainer .subtitleArea span {
    display: inline-block;
    margin-bottom: .2em;
    padding: .1em .5em;
    background: rgba(0, 0, 0, .2)
}

.xW34t [data-id=html5] {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: #000
}

.xW34t [data-id=html5] video {
    width: 100%;
    height: 100%
}

.xW34t [data-id=html5] [data-id=adComponent] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.xW34t [data-id=html5] [data-id=adComponent] video {
    width: 100%;
    height: 100%
}

.xW34t [data-id=html5] [data-id=subtitleAreaComponent] {
    display: none;
    position: absolute;
    z-index: 1;
    bottom: 4.2666666667rem;
    left: 5.6666666667rem;
    right: 5.6666666667rem;
    text-align: center;
    color: #fff;
    font-size: 2.2666666667rem;
    text-shadow: 1px 1px 4px #000, 0 0 2px #000, 0 0 4px #000;
    transition: transform .3s
}

.xW34t [data-id=html5] [data-id=subtitleAreaComponent] [data-id=subtitleWindowComponent] {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2.5333333333rem
}

.xW34t [data-id=html5] [data-id=subtitleAreaComponent] span {
    display: inline-block;
    line-height: 1;
    margin-bottom: 1.0666666667rem
}

.xW34t [data-id=html5] [data-id=subtitleAreaComponent] span:first-child {
    margin-top: 1.0666666667rem
}

.xW34t.T8lNJ [data-id=html5] {
    width: 100%;
    height: 100%
}

.Low8m {
    margin: 0 1.3333333333rem
}

.Low8m svg {
    height: auto;
    transition: color .2s;
    color: #fff
}

.Low8m:hover svg {
    color: var(--themeActiveColor)
}

.kids-mode .Low8m:hover svg {
    color: #fea534
}

.Low8m .cZnNV {
    cursor: pointer;
    width: 8rem;
    height: auto
}

.INzaK {
    display: flex;
    flex-direction: column;
    align-items: center
}

.INzaK .Whcta {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px
}

.INzaK .rqtov {
    position: relative;
    margin: 2rem auto 1rem;
    width: 16rem;
    height: 4px;
    border-radius: 999px;
    background: hsla(0, 0%, 100%, .2);
    overflow: hidden
}

.INzaK .jF0Yq {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 999px;
    background-color: var(--themeActiveColor)
}

.kids-mode .INzaK .jF0Yq {
    background-color: #fea534
}

.Iy9PY {
    width: 4rem;
    height: 4rem;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: #fff;
    transition: color .2s
}

.Iy9PY circle {
    transition: r .2s ease-in-out
}

.Iy9PY:hover {
    color: var(--themeActiveColor)
}

.kids-mode .Iy9PY:hover {
    color: #fea534
}

.Iy9PY:hover circle {
    r: 28px
}

@media(min-width: 768px) {
    .Iy9PY {
        width: 5rem;
        height: 5rem
    }
}

.SHcqi {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    letter-spacing: .0333333333rem;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.SHcqi.Bwojx {
    pointer-events: none
}

.SHcqi.vkrvF {
    cursor: none
}

.SHcqi .aHcCR {
    position: absolute;
    top: calc(50% - 2rem);
    left: calc(50% - 2rem);
    width: 4rem;
    height: 4rem;
    color: var(--themeActiveColor)
}

.SHcqi .DB9bK {
    pointer-events: all;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20%;
    background-image: linear-gradient(0deg, rgba(38, 38, 45, 0), rgba(38, 38, 45, .2) 19%, rgba(38, 38, 45, .4) 39%, rgba(38, 38, 45, .8));
    transform: translateY(-100%);
    transition: transform .2s
}

.SHcqi .DB9bK.v_wJk {
    transform: translateY(0)
}

.SHcqi .DB9bK .dIe4i {
    width: 100%;
    padding: 0 1.3333333333rem;
    transform: translateY(2rem)
}

.SHcqi .DB9bK .dIe4i .iOlGT {
    height: 2.1333333333rem;
    width: 2.1333333333rem
}

.SHcqi .DB9bK .dIe4i ._PvvO {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .5px;
    max-width: 65%
}

.SHcqi .DB9bK .dIe4i .QES62 {
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.2px;
    padding-top: .3333333333rem;
    max-width: 65%
}

@media(min-width: 768px) {
    .SHcqi .DB9bK .dIe4i {
        padding: 0 4.3333333333rem;
        transform: translateY(5rem)
    }

    .SHcqi .DB9bK .dIe4i ._PvvO {
        font-size: 27px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: .5px
    }

    .SHcqi .DB9bK .dIe4i .QES62 {
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: .5px
    }
}

.SHcqi .sknV3 {
    pointer-events: auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 32%;
    min-height: 100px;
    max-height: 150px;
    transform: translateY(100%);
    transition: transform .2s;
    background-image: linear-gradient(180deg, rgba(38, 38, 45, 0), rgba(38, 38, 45, .2) 19%, rgba(38, 38, 45, .4) 39%, rgba(38, 38, 45, .8))
}

.SHcqi .sknV3.CgOQ_ {
    transform: translateY(0)
}

.SHcqi .sknV3.Bwojx {
    background-image: linear-gradient(180deg, rgba(38, 38, 45, .1), rgba(38, 38, 45, .2) 19%, rgba(38, 38, 45, .4) 39%, rgba(38, 38, 45, .8))
}

.SHcqi .sknV3.VvWiv {
    background: none
}

.SHcqi .sknV3 .KiBYW {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    transform: translateY(-100%)
}

.SHcqi .sknV3 .KiBYW .LyNU0 {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(38, 38, 45, .1), rgba(38, 38, 45, .1) 80%, rgba(38, 38, 45, 0))
}

.SHcqi .sknV3 .KiBYW .LyNU0 .QuenX {
    justify-content: flex-start;
    padding: 1rem 0 1rem 2.4rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px
}

.SHcqi .sknV3 .KiBYW .LyNU0 .QuenX>div {
    margin-right: 1rem
}

.SHcqi .sknV3 .dr5O7 {
    padding: .5333333333rem 4.2666666667rem 1.7333333333rem;
    position: absolute;
    z-index: 1;
    width: 100%
}

.SHcqi .sknV3 .dr5O7 .EMei3 {
    height: 3.8666666667rem;
    align-items: center;
    margin: .5333333333rem 0 0
}

.SHcqi .sknV3 .dr5O7 .EMei3 .dsIOc {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF {
    display: flex;
    justify-content: center;
    align-items: center
}

.SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9 {
    margin: 0 1.3333333333rem;
    cursor: pointer
}

@media(max-width: 1169px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9 {
        margin: 0 .6666666667rem
    }
}

@media(max-width: 539px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9 {
        margin: 0 .1333333333rem
    }
}

.SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9:hover .DfbDK {
    color: var(--themeActiveColor)
}

.kids-mode .SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9:hover .DfbDK {
    color: #fea534
}

.SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9 .DfbDK {
    width: 3.2rem;
    height: auto;
    transition: color .2s, fill .2s, stroke .2s;
    color: #fff
}

.SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9 .f9_Gl {
    width: 2.6666666667rem;
    height: auto;
    fill: #fff;
    stroke: #fff
}

.SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9:hover .f9_Gl {
    fill: var(--themeActiveColor);
    stroke: var(--themeActiveColor)
}

.kids-mode .SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9:hover .f9_Gl {
    fill: #fea534;
    stroke: #fea534
}

@media(max-width: 959px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9 .DfbDK {
        width: 1.8666666667rem
    }
}

@media(max-width: 539px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .lm0f2 {
        display: none
    }
}

@media(max-width: 374px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .lWlCF .lWsnh {
        display: none
    }
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw>div:first-of-type {
    display: flex
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw {
    position: relative;
    margin-left: 1.4666666667rem;
    cursor: pointer
}

@media(max-width: 1169px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw {
        margin-left: 1.0666666667rem
    }
}

@media(max-width: 959px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw {
        margin-left: .8rem
    }
}

@media(max-width: 539px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw {
        margin-left: .5333333333rem
    }
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw:hover .DfbDK {
    color: var(--themeActiveColor)
}

.kids-mode .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw:hover .DfbDK {
    color: #fea534
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .QkBCA {
    display: none;
    align-items: center;
    justify-content: flex-end
}

@media(min-width: 768px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .QkBCA {
        display: flex
    }
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .QkBCA button {
    cursor: pointer;
    background-color: inherit;
    border: none;
    padding: 0;
    display: flex;
    --connected-color: var(--themeActiveColor);
    --disconnected-color: #fff
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .QkBCA button:hover {
    --disconnected-color: var(--themeActiveColor)
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .DfbDK {
    width: 3.2rem;
    position: relative;
    z-index: 1;
    height: auto;
    display: flex
}

@media(max-width: 959px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .DfbDK {
        width: 1.8666666667rem
    }
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .kYOlI {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 4.2666666667rem;
    top: -1.0666666667rem;
    padding-top: 1.2rem;
    padding-bottom: 4.2666666667rem;
    left: 50%;
    z-index: 0;
    border: 1px solid rgba(32, 32, 38, .1);
    border-radius: 8px;
    transform: translate(-50%, -75%);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    background: #1c1f29
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .MDJ4H .DfbDK {
    color: var(--themeActiveColor)
}

.kids-mode .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .MDJ4H .DfbDK {
    color: #fea534
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c {
    display: flex;
    flex-direction: column;
    position: absolute;
    background: rgba(28, 31, 41, .95);
    z-index: 1;
    border-radius: 8px;
    transform: translateY(-100%);
    top: calc(100% + .6rem);
    right: -.8rem;
    min-width: 19.4666666667rem;
    font-size: .9333333333rem;
    line-height: 1.71;
    letter-spacing: .0333333333rem;
    color: #26262d
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c>* {
    padding: 0 1.6rem
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c>:first-child {
    padding-top: 1.0666666667rem
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c h3 {
    color: #fff;
    margin: .5rem auto
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c section {
    margin-bottom: .8rem
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c svg {
    width: 1.6rem !important;
    height: auto;
    position: absolute;
    left: 0
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c li {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    color: #9699a3;
    padding-left: 2.4rem;
    margin-bottom: .8rem;
    position: relative;
    transition: opacity .2s;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    list-style: none
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c li:not(.CgOQ_):hover {
    opacity: .7
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c .WyO5N {
    background: #272931
}

@media(max-width: 959px) {
    .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c {
        padding: .5333333333rem 1.2rem;
        font-size: 12px
    }

    .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c section {
        margin-bottom: .4rem
    }

    .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c li {
        padding-left: 2rem;
        margin-bottom: .4rem
    }

    .SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c svg {
        width: 1.4666666667rem
    }
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c .CgOQ_ {
    color: #202026;
    font-weight: 700
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c ._lsnA {
    position: absolute;
    top: 46%;
    left: 0;
    width: .7333333333rem;
    height: auto;
    color: #202026 !important;
    transform: translateY(-50%)
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c:after {
    right: 1.0666666667rem
}

.SHcqi .sknV3 .dr5O7 .EMei3 .T8nOy .CPW2c {
    top: 115%;
    right: -.4rem;
    width: 13rem
}

.SHcqi.web-player-icon-resize .sknV3 {
    height: 20%
}

.SHcqi.web-player-icon-resize .sknV3 .dr5O7 .EMei3 .lWlCF {
    justify-content: left
}

.SHcqi.web-player-icon-resize .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9 {
    margin: 0 .5333333333rem
}

.SHcqi.web-player-icon-resize .sknV3 .dr5O7 .EMei3 .lWlCF .ao5W9 .DfbDK {
    width: 2rem
}

.SHcqi.web-player-icon-resize .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw {
    margin-left: .8rem
}

.SHcqi.web-player-icon-resize .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .DfbDK {
    width: 2rem
}

.SHcqi.web-player-icon-resize .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .kYOlI {
    width: 3.4666666667rem;
    top: -1.3333333333rem;
    padding-bottom: 3.2rem
}

@media(max-width: 1169px) {
    .SHcqi.web-player-icon-resize .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .kYOlI {
        width: 3.4666666667rem;
        top: -2.1333333333rem;
        padding-bottom: 4.2666666667rem
    }
}

@media(max-width: 959px) {
    .SHcqi.web-player-icon-resize .sknV3 .dr5O7 .EMei3 .T8nOy .VWEIw .kYOlI {
        width: 3.4666666667rem;
        top: -1.8666666667rem;
        padding-bottom: 3.2rem
    }
}

.SHcqi .pb1km {
    opacity: 0
}

.SHcqi .pb1km.FNhSh {
    opacity: 1;
    transition: opacity .2s
}

.SHcqi .XpdT7 {
    opacity: 1
}

.SHcqi .vg_DA {
    opacity: 0;
    transition: opacity .2s
}

.m2igM {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center
}

.Sde8F {
    width: 120px;
    height: 120px
}

.jGr4F {
    padding-left: 18px;
    position: relative;
    margin-top: 12px
}

.jGr4F .YkuW_ {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    background: linear-gradient(180deg, #fd4c1d, #b60872)
}

.jGr4F .h1xX3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    display: inline-block
}

.jGr4F .h1xX3,
.jGr4F .rCZta {
    letter-spacing: -.2px
}

.jGr4F .yedUO {
    background: rgba(150, 153, 163, .32);
    border-radius: 4px;
    padding: 4px 10px;
    margin-left: 8px
}

.jGr4F .e2l1z {
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px
}

.jGr4F .Zd9uR {
    opacity: 0;
    transform: translateY(-10px)
}

.jGr4F .CS5ew {
    transition: all .5s ease .5s
}

.jGr4F .CS5ew,
.jGr4F .gVCkD {
    opacity: 1;
    transform: translate(0)
}

.jGr4F .JDtqr {
    opacity: 0;
    transform: translateY(-10px);
    transition: all .5s ease
}

.jGr4F .q01_u {
    transform: scaleY(0)
}

.jGr4F .DqfGA {
    transform: scaleY(1);
    transition: transform .5s;
    transform-origin: top center
}

.jGr4F .lL2oR {
    transform: scaleY(1)
}

.jGr4F ._FOmX {
    transform: scaleY(0);
    transition: transform .5s;
    transform-origin: top center
}

.CVa1v {
    color: #fff;
    outline: none
}

.CVa1v a {
    color: inherit
}

.VMH8v {
    display: flex;
    flex-direction: row;
    overflow: hidden
}

.ci6Cz {
    flex: 0 0 auto;
    margin-right: 12px;
    padding-top: 4px
}

.Dw68e {
    height: 24px;
    width: 24px
}

.TqCOd {
    flex: 1 1 100%
}

.wEQKL {
    margin: 0;
    font-size: 22px
}

.QFpHy,
.wEQKL {
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.QFpHy {
    margin: 12px 0 0;
    font-size: 14px;
    line-height: 16px
}

.nFP3x {
    opacity: 0;
    max-height: 0
}

.qvCCy {
    transition: all .8s
}

.CDRow,
.qvCCy {
    opacity: 1;
    max-height: 999px
}

.G7RVN {
    opacity: 0;
    max-height: 0;
    transition: all .8s
}

.C4jzN {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start
}

.C4jzN .i4vzG {
    color: #fff;
    text-shadow: 1px 1px #202026
}

.C4jzN .uN6BM {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    width: 4.4rem;
    background-color: hsla(0, 0%, 84.7%, .2);
    border-radius: 50%;
    color: #fff;
    font-size: 1.8rem;
    line-height: 2.5
}

.b17uZ {
    position: relative;
    width: 6rem;
    height: 6rem
}

.b17uZ .ZSLX6 {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.b17uZ .ZSLX6 ._5jf5 {
    width: 4.4rem;
    height: 4.4rem;
    background-color: hsla(0, 0%, 84.7%, .2);
    border-radius: 50%;
    font-size: 1.8rem;
    line-height: 2.5;
    text-align: center
}

.b17uZ.OPuFO {
    width: 30px;
    height: 30px
}

.b17uZ.OPuFO .ZSLX6 ._5jf5 {
    width: 22px;
    height: 22px;
    font-size: 9px;
    line-height: 2.3;
    letter-spacing: .3px
}

.MDGSz {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    color: var(--themeActiveColor)
}

.kids-mode .MDGSz {
    color: #fea534
}

.FU34B .j3xLp,
.oj5Cl .j3xLp,
.YKeXZ {
    position: absolute;
    width: 200%;
    height: 100%;
    will-change: transform
}

.FU34B {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.FU34B .j3xLp {
    right: 0;
    transform: rotate(185deg)
}

.oj5Cl {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.oj5Cl .j3xLp {
    right: -100%
}

.YB49l {
    position: relative;
    font-size: 1rem;
    line-height: normal;
    transition: height .3s
}

.YB49l .nID5l {
    position: absolute;
    height: 250%;
    width: 100%;
    top: 0;
    background: rgba(38, 38, 45, .8)
}

.YB49l .BeN3C {
    display: flex;
    position: relative;
    z-index: 1;
    flex-direction: column;
    padding: 40px 0;
    justify-content: center;
    width: 100%
}

.YB49l .BeN3C .cWkYh {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

.YB49l .BeN3C .cWkYh .J_4hd {
    font-size: 20px
}

.YB49l .BeN3C .cWkYh .J_4hd.XNhm8 {
    transform: rotate(180deg)
}

.YB49l .BeN3C .cWkYh .UMObM {
    padding: .2rem 0;
    text-align: center;
    cursor: pointer;
    opacity: .75;
    font-weight: 900;
    font-size: 14px;
    transition: opacity .3s;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden
}

.YB49l .BeN3C .cWkYh .UMObM:hover {
    opacity: 1
}

.YB49l .BeN3C .S25A5 {
    position: relative
}

.TGrH4 {
    text-align: center
}

.TGrH4 .Mzvw7 {
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .5px
}

.TGrH4 .Mzvw7 a {
    color: #fff;
    transition: color .2s
}

.TGrH4 .Mzvw7 a:hover {
    color: var(--themeActiveColor)
}

.kids-mode .TGrH4 .Mzvw7 a:hover {
    color: #fea534
}

.TGrH4 .RapWZ {
    color: var(--themeActiveColor);
    opacity: .75
}

.kids-mode .TGrH4 .RapWZ {
    color: #fea534
}

.gd9NH {
    padding: 0 4.3333333333rem;
    width: 100%;
    max-height: 20rem
}

.gd9NH .JcRVq {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.gd9NH .JcRVq .QYxHg {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-right: 5px
}

.gd9NH .JcRVq .QYxHg.K5dQD {
    flex-grow: 1
}

.gd9NH .JcRVq .QYxHg:last-of-type {
    padding-right: 0
}

.gd9NH .JcRVq .QYxHg .McM7k {
    flex: 0 0 4rem;
    width: 4rem;
    display: flex;
    align-items: center
}

@media(min-width: 540px) {
    .gd9NH .JcRVq .QYxHg .McM7k {
        flex: 0 0 6rem;
        width: 6rem
    }
}

@media(min-width: 960px) {
    .gd9NH .JcRVq .QYxHg .McM7k {
        flex: 0 0 10rem;
        width: 10rem
    }
}

.gd9NH .JcRVq .QYxHg .McM7k.KI6mw {
    flex: 0 0 25% !important;
    width: 25% !important
}

.gd9NH .JcRVq .QYxHg .rLwkJ {
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

@media(min-width: 540px) {
    .gd9NH .JcRVq .QYxHg .rLwkJ {
        max-width: 40rem
    }
}

.gd9NH .JcRVq .QYxHg .rLwkJ.KI6mw {
    flex-basis: 65%
}

@media(min-width: 540px) {
    .gd9NH .JcRVq .QYxHg .rLwkJ.KI6mw {
        flex-basis: 75%
    }
}

.gd9NH .JcRVq .QYxHg .rLwkJ .I0tKo {
    padding-left: 48px
}

.lMwu7 {
    position: relative;
    opacity: .9;
    transition: opacity .1s ease-in-out;
    width: 100%;
    cursor: pointer
}

.lMwu7.oLY1Y,
.lMwu7:hover {
    opacity: 1
}

.lMwu7 .w4wP4 {
    width: 100%;
    padding-top: 142.7%;
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

.lMwu7.FdbB1 .w4wP4 {
    padding: 28.125% 0
}

.lMwu7 .PaxoH {
    position: absolute;
    display: block;
    width: 4rem;
    height: 4rem;
    top: calc(50% - 2rem);
    left: calc(50% - 2rem);
    z-index: 2;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.lMwu7:hover .PaxoH {
    opacity: 1
}

.aSBas {
    width: 100%;
    overflow: hidden
}

.aSBas .kLsUH {
    color: var(--themeActiveColor);
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px
}

.kids-mode .aSBas .kLsUH {
    color: #fea534
}

.aSBas ._3Eqv {
    color: #fff;
    transition: color .2s;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: .5px;
    padding: 16px 0
}

.aSBas ._3Eqv:hover {
    color: var(--themeActiveColor)
}

.kids-mode .aSBas ._3Eqv:hover {
    color: #fea534
}

.aSBas .J0QCe {
    padding: 0 !important;
    display: none
}

@media(min-width: 768px) {
    .aSBas .J0QCe {
        display: flex
    }
}

.aSBas .J0QCe .HKN6Y {
    display: none
}

@media(min-width: 768px) {
    .aSBas .J0QCe .HKN6Y {
        display: flex
    }
}

.aSBas .YcR_x {
    display: none
}

@media(min-width: 960px) {
    .aSBas .YcR_x {
        line-height: 1.5;
        overflow: hidden;
        max-height: 4.2em;
        display: block;
        display: -webkit-box;
        -moz-box-orient: vertical;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 3;
        -webkit-line-clamp: 3
    }
}

.s1VNK {
    margin-bottom: 12px
}

.s1VNK .on5vy {
    display: flex;
    align-items: center;
    color: #9699a3;
    margin-bottom: 2px
}

.s1VNK .nLypd {
    font-size: 24px;
    margin-left: 8px
}

.s1VNK .BP32r {
    border-radius: 3px;
    background-color: rgba(150, 153, 163, .32);
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    font-weight: 800;
    margin-left: 8px;
    padding: 0 10px;
    display: inline-block
}

.s1VNK .fRkjo {
    font-size: inherit
}

.web-player-icon-resize .nmb7c .Ud9YL .UoV2V {
    font-size: 1.3333333333rem
}

.web-player-icon-resize .nmb7c .SIG6O .yDQuj {
    height: 8px;
    border-radius: 4px
}

.web-player-icon-resize .nmb7c .SIG6O .YyvkS {
    border-radius: 4px
}

.web-player-icon-resize .nmb7c .SIG6O .fMfuT {
    top: -.5px
}

.nmb7c {
    margin-top: .5333333333rem;
    padding: 0 .5333333333rem
}

.nmb7c .Ud9YL {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 100%
}

.nmb7c .Ud9YL .UoV2V {
    font-size: 1.3333333333rem;
    letter-spacing: .5px;
    text-shadow: 0 0 2px #000, 0 0 1px #000;
    font-weight: 600;
    letter-spacing: 0
}

@media(max-width: 959px) {
    .nmb7c .Ud9YL .UoV2V {
        font-size: 1.0666666667rem
    }
}

.nmb7c .Ud9YL .kOpji {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.nmb7c .Ud9YL .FGRwh {
    transform: translate(-50%, 10%);
    opacity: 0
}

.nmb7c .Ud9YL .VgCn6 {
    transition: opacity .3s ease-in-out, transform .3s ease-in-out
}

.nmb7c .Ud9YL .nX8hJ,
.nmb7c .Ud9YL .VgCn6 {
    transform: translate(-50%);
    opacity: 1
}

.nmb7c .Ud9YL .nyVJ9 {
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    transform: translate(-50%, 10%);
    opacity: 0
}

.nmb7c .SIG6O {
    position: relative;
    padding: 4px 0;
    cursor: pointer
}

.nmb7c .SIG6O .yDQuj {
    position: relative;
    width: 100%;
    height: 12px;
    overflow: hidden;
    border-radius: 6px;
    background-color: hsla(0, 0%, 100%, .2)
}

.nmb7c .SIG6O .QW6WE,
.nmb7c .SIG6O .RDBql,
.nmb7c .SIG6O .YyvkS {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: width .1s;
    border-radius: 6px;
    will-change: width
}

.nmb7c .SIG6O .RDBql {
    background-color: hsla(0, 0%, 100%, .2)
}

.nmb7c .SIG6O .QW6WE {
    background-color: #fff
}

.nmb7c .SIG6O .YyvkS {
    background-color: var(--themeActiveColor)
}

.kids-mode .nmb7c .SIG6O .YyvkS {
    background-color: #fea534
}

.nmb7c .SIG6O .QOwEx {
    position: absolute;
    width: .3333333333rem;
    height: 100%;
    top: 0;
    background-color: #aeb6bc
}

.nmb7c .SIG6O .fMfuT {
    position: absolute;
    top: 3.5px;
    width: 13px;
    height: 13px;
    transform: translateX(-50%);
    transition: opacity .2s, left .1s;
    border-radius: 999px;
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .25);
    will-change: left, opacity
}

.nmb7c .fMfuT.SnXT0,
.nmb7c :hover .fMfuT {
    opacity: 1
}

.nmb7c.qAZ1z .SIG6O {
    cursor: auto
}

.dOUbG {
    position: absolute;
    bottom: -1px;
    border: 2px solid var(--themeActiveColor);
    border-radius: 4px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .2);
    background: hsla(0, 0%, 100%, .2);
    transform: translate(-50%);
    cursor: pointer
}

.dOUbG.EA4QM {
    transition: left .1s
}

.vCxAh {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    border-radius: 4px
}

.vCxAh.EA4QM {
    transition: background-image .5s
}

.vCxAh.EA4QM:before {
    transition: opacity .5s
}

.vCxAh:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .3));
    opacity: 1
}

.vCxAh:hover:before {
    opacity: 0
}

.UXsyO {
    font-size: .9333333333rem;
    letter-spacing: .5px;
    text-shadow: 0 0 2px #000, 0 0 1px #000;
    font-weight: 600;
    letter-spacing: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    pointer-events: none
}

.PLy56 {
    position: relative;
    height: 152px;
    margin: 8px 0;
    padding: 0 8px
}

.PLy56 .x9vKZ {
    position: relative;
    width: 8px;
    height: 100%;
    border-radius: 4px;
    background: rgba(150, 153, 163, .16)
}

.PLy56 .vky9f {
    width: 100%;
    border-radius: 2px;
    background: var(--themeActiveColor)
}

.PLy56 .CioQd,
.PLy56 .vky9f {
    position: absolute;
    bottom: 0;
    left: 0
}

.PLy56 .CioQd {
    width: 24px;
    height: 24px;
    transform: translateY(12px);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05)
}

.PLy56.DOSY3 {
    height: 120px
}

.PLy56.DOSY3 .x9vKZ {
    width: 5px
}

.PLy56.DOSY3 .vky9f,
.PLy56.DOSY3 .x9vKZ {
    background: rgba(112, 124, 134, .2);
    border-radius: 2.5px
}

.PLy56.DOSY3 .CioQd {
    left: -1.5px;
    background: #707c86;
    left: 4px;
    width: 13px;
    height: 13px;
    transform: translateY(6.5px)
}

.tAAh2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 0;
    height: auto
}

.tAAh2 .cJVQ5 {
    width: auto
}

.tAAh2.epXcE .web-iconButton {
    color: var(--themeActiveColor)
}

.kids-mode .tAAh2.epXcE .web-iconButton {
    color: #fea534
}

.psZVX {
    display: flex;
    flex-direction: column;
    position: absolute;
    background: rgba(28, 31, 41, .95);
    z-index: 1;
    border-radius: 8px;
    transform: translateY(-100%);
    top: calc(100% + .6rem);
    right: -.8rem;
    min-width: 19.4666666667rem;
    font-size: .9333333333rem;
    line-height: 1.71;
    letter-spacing: .0333333333rem;
    color: #26262d;
    width: 20.6666666667rem
}

.psZVX>* {
    padding: 0 1.6rem
}

.psZVX>:first-child {
    padding-top: 1.0666666667rem
}

.psZVX h3 {
    color: #fff;
    margin: .5rem auto
}

.psZVX section {
    margin-bottom: .8rem
}

.psZVX svg {
    width: 1.6rem !important;
    height: auto;
    position: absolute;
    left: 0
}

.psZVX li {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    color: #9699a3;
    padding-left: 2.4rem;
    margin-bottom: .8rem;
    position: relative;
    transition: opacity .2s;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    list-style: none
}

.psZVX li:not(.epXcE):hover {
    opacity: .7
}

.psZVX .wKlV3 {
    background: #272931
}

@media(max-width: 959px) {
    .psZVX {
        padding: .5333333333rem 1.2rem;
        font-size: 12px
    }

    .psZVX li,
    .psZVX section {
        margin-bottom: .4rem
    }

    .psZVX li {
        padding-left: 2rem
    }

    .psZVX svg {
        width: 1.4666666667rem
    }
}

.psZVX .epXcE {
    color: #202026;
    font-weight: 700
}

.psZVX .CMTHc {
    position: absolute;
    top: 46%;
    left: 0;
    width: .7333333333rem;
    height: auto;
    color: #202026 !important;
    transform: translateY(-50%)
}

.psZVX:after {
    right: 1.0666666667rem
}

.psZVX .z1q7p {
    border-color: currentcolor #26262d #26262d;
    border-top: 1px solid #26262d;
    height: 56px;
    display: flex;
    align-items: center
}

.psZVX .z1q7p .z4frJ {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    color: #9699a3;
    padding-left: 2.4rem;
    position: relative;
    transition: opacity .2s;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-bottom: 0
}

.psZVX .z1q7p .z4frJ:not(.epXcE):hover {
    opacity: .7
}

.psZVX.mCX95 {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    transform: inherit
}

.psZVX.mCX95 .hsCMg {
    overflow-y: auto;
    flex: 1 1 auto
}

.psZVX.mCX95 .z1q7p {
    height: 72px;
    box-shadow: 0 0 56px #10141f;
    -webkit-clip-path: inset(-56px 0 0 0);
    clip-path: inset(-56px 0 0 0)
}

.psZVX .O1e0M {
    display: flex;
    flex-direction: column
}

.psZVX .O1e0M .D0OdL {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px
}

.psZVX .O1e0M .duVai {
    margin: .5333333333rem
}

.psZVX .wKlV3 {
    width: 100%;
    height: 1px;
    border-color: currentcolor #26262d #26262d;
    border-top: 1px solid #26262d
}

.psZVX li:hover {
    cursor: pointer
}

@media screen and (max-width: 767px)and (orientation:portrait) {

    .psZVX,
    .psZVX.mCX95 {
        position: fixed;
        bottom: 0;
        top: unset;
        height: 385px;
        width: 100%
    }
}

.bo7Ze {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: color .2s linear;
    cursor: pointer
}

.bo7Ze .g9gIH {
    flex: 0 0 auto;
    margin: 4px 0 0 5px
}

.bo7Ze .RBsxT {
    margin-top: .5em;
    opacity: 1 !important;
    color: currentColor;
    font-size: .8em;
    white-space: nowrap
}

.bo7Ze .RBsxT:hover {
    color: var(--themeActiveColor)
}

.kids-mode .bo7Ze .RBsxT:hover {
    color: #fea534
}

.bo7Ze:hover {
    color: var(--themeActiveColor)
}

.kids-mode .bo7Ze:hover {
    color: #fea534
}

.OpEE9 {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 1920px;
    width: 100%
}

.OpEE9 .c1jX9 {
    font-weight: 800;
    font-size: 48px;
    line-height: 56px;
    margin: 8px 0
}

@media(max-width: 767px) {
    .OpEE9 .c1jX9 {
        font-weight: 800;
        font-size: 32px;
        line-height: 40px
    }
}

.OpEE9 .WMff3 {
    font-weight: 800;
    font-size: 20px;
    line-height: 24px
}

.OpEE9 .Xx95I {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 16px;
    max-width: 632px
}

@media(max-width: 767px) {
    .OpEE9 .Xx95I {
        font-size: 14px;
        line-height: 20px
    }
}

.OpEE9 .RxLJt {
    margin-bottom: 16px
}

.OpEE9 .NOixg {
    height: 64px;
    position: absolute;
    top: -104px;
    width: 100%;
    left: 0;
    font-size: 16px;
    line-height: 24px;
    color: #585b66;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.OpEE9 .NOixg svg {
    font-size: 24px;
    margin-top: 8px
}

.OpEE9 .BPUNy {
    margin-bottom: 24px
}

.OpEE9 .sK_qy {
    color: #9699a3;
    font-size: 18px;
    line-height: 28px;
    max-width: 632px;
    margin-bottom: 16px
}

.OpEE9 .eLWb6 {
    margin-right: 0
}

.OpEE9 .eLWb6.TwJeL {
    margin-right: 10px
}

.OpEE9 .Bwfkj {
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px
}

.OpEE9 .LyX2A {
    margin-left: 16px;
    color: #fff
}

.u5T0l .h32aa {
    display: inline-block;
    background: rgba(204, 9, 11, .48);
    border-radius: 2px;
    padding: 4px 8px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px
}

.Foi1U {
    position: sticky;
    z-index: 9;
    top: 108px;
    width: calc(100% - 24px);
    margin-bottom: 32px
}

.PyF_c {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1
}

.d3O8W {
    margin-top: 8px;
    flex-wrap: wrap
}

.d3O8W,
.d3O8W .ar4AE {
    display: flex;
    width: 100%
}

.d3O8W .ar4AE {
    flex-wrap: nowrap
}

.d3O8W .etFQQ,
.d3O8W .mCeMU {
    margin-bottom: 8px;
    width: 100%
}

.kids-mode .d3O8W .mCeMU {
    background: rgba(150, 153, 163, .16)
}

.D_Mn4 {
    vertical-align: sub;
    font-size: 1.2em;
    margin-right: 10px
}

.WmxLf {
    position: relative;
    width: 100%;
    height: 56px;
    margin-bottom: 8px;
    display: flex
}

.WmxLf .PxzBi {
    flex: 1 1 50%
}

.WmxLf .PxzBi+.PxzBi {
    margin-left: 8px
}

.XByGK {
    position: relative;
    margin-right: 8px;
    flex: 1
}

.XByGK .H5RWw {
    width: 100%
}

.XByGK .CZOzW {
    position: absolute;
    width: 100%
}

.XByGK .CZOzW:after {
    content: "";
    top: 8px;
    width: 0;
    height: 0;
    border-color: transparent transparent rgba(240, 241, 245, .16);
    border-style: solid;
    border-width: 0 8px 8px
}

.XByGK .CZOzW .eK7QY,
.XByGK .CZOzW:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.XByGK .CZOzW .eK7QY {
    top: 16px;
    width: 232px;
    border-radius: 6px;
    border: 1px solid rgba(240, 241, 245, .16);
    background: #1c1f29;
    z-index: 1;
    font-size: 16px;
    line-height: 24px
}

.kids-mode .XByGK .CZOzW .eK7QY {
    background: rgba(150, 153, 163, .16)
}

.XByGK .CZOzW .eK7QY .iQIyk {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 100%;
    padding: 16px;
    border-bottom: 1px solid rgba(240, 241, 245, .16);
    color: #f0f1f5;
    text-transform: capitalize
}

.XByGK .CZOzW .eK7QY .iQIyk:last-child {
    border-bottom: none
}

.XByGK .CZOzW .eK7QY .z2MiI {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px
}

.XByGK .CZOzW .eK7QY .z2MiI svg {
    margin-left: 8px;
    transition: color .2s;
    color: hsla(0, 0%, 100%, .64)
}

.XByGK .CZOzW .eK7QY .z2MiI svg:hover {
    color: #fff
}

.XByGK .CZOzW .eK7QY .z2MiI a {
    color: #f0f1f5
}

.un53Z {
    position: relative
}

.un53Z.L7XtB {
    width: 100%
}

.un53Z .mTKCf {
    font-size: 24px
}

.kids-mode .un53Z .XykWo {
    background: rgba(150, 153, 163, .16)
}

.un53Z .FsywM {
    position: absolute;
    width: 100%
}

.un53Z .FsywM:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-color: transparent transparent rgba(240, 241, 245, .16);
    border-style: solid;
    border-width: 0 8px 8px
}

.un53Z .FsywM.L7XtB {
    position: relative
}

.un53Z .FsywM.L7XtB:after {
    display: none
}

.un53Z .FsywM .eAd4E {
    position: absolute;
    top: 16px;
    width: 232px;
    right: 0;
    border-radius: 6px;
    border: 1px solid rgba(240, 241, 245, .16);
    background: #1c1f29;
    z-index: 1;
    font-size: 16px;
    line-height: 24px
}

.kids-mode .un53Z .FsywM .eAd4E {
    background: rgba(150, 153, 163, .16)
}

.un53Z .FsywM .eAd4E.L7XtB,
.un53Z .FsywM .eAd4E .NBXOS {
    position: relative;
    width: 100%
}

.un53Z .FsywM .eAd4E .NBXOS {
    cursor: pointer;
    padding: 16px;
    border-bottom: 1px solid rgba(240, 241, 245, .16);
    color: #f0f1f5
}

.un53Z .FsywM .eAd4E .NBXOS:last-child {
    border-bottom: none
}

.un53Z .FsywM .eAd4E .u4Hnw {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px
}

.un53Z .FsywM .eAd4E .u4Hnw svg {
    margin-left: 8px;
    transition: color .2s;
    color: hsla(0, 0%, 100%, .64)
}

.un53Z .FsywM .eAd4E .u4Hnw svg:hover {
    color: #fff
}

.un53Z .FsywM .eAd4E .u4Hnw a {
    color: #f0f1f5
}

.tNvyU {
    width: 100%;
    margin-top: 12px
}

.Td7wJ {
    margin-bottom: 8px;
    width: 100%
}

.Td7wJ .web-button__icon {
    width: 22px;
    height: 22px
}

.Td7wJ.SYAPr svg {
    color: #0da335
}

.Td7wJ.SYAPr span {
    color: #fff
}

.My5bG {
    color: #9699a3;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.kICS3 {
    font-size: 16px;
    color: var(--themeActiveColor)
}

.kICS3 .cde8Y {
    margin-right: 8px;
    font-size: 1.1em;
    vertical-align: sub
}

.LXnxs {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 80px;
    position: relative;
    width: 100%
}

@media(max-width: 767px) {
    .LXnxs {
        font-size: 14px;
        line-height: 20px
    }
}

.LXnxs:after {
    content: "";
    background: rgba(150, 153, 163, .16);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -40px
}

.LXnxs:last-child:after {
    background: transparent
}

.LXnxs .Em3_m {
    display: flex
}

.LXnxs .Cg14t {
    display: inline-block;
    color: #9699a3;
    width: 160px;
    flex-grow: 0;
    flex-shrink: 0
}

.kids-mode .LXnxs .Cg14t {
    color: hsla(0, 0%, 100%, .5)
}

@media(max-width: 767px) {
    .LXnxs .Cg14t {
        width: 110px
    }
}

.LXnxs .KJR4e {
    color: #fff;
    padding-right: 5px
}

.LXnxs .KJR4e:after {
    content: ","
}

.LXnxs a:last-of-type .KJR4e:after {
    content: ""
}

.WSPEJ {
    margin-bottom: 80px;
    position: relative;
    width: 100%
}

.WSPEJ:last-child:after {
    background: transparent
}

.WSPEJ:last-child {
    margin-bottom: 0
}

.WSPEJ:after {
    content: "";
    background: rgba(150, 153, 163, .16);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -40px
}

.WSPEJ .GDHqp {
    width: 312px
}

.VOtL6 .rrNfJ {
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px
}

@media(max-width: 767px) {
    .VOtL6 .rrNfJ {
        font-weight: 800;
        font-size: 16px;
        line-height: 20px
    }
}

.lZJWr,
.VOtL6 .t3vzq {
    width: 100%
}

.lZJWr .tZ5p7 .w42zC {
    width: 100%;
    padding: 12px 0
}

@media(min-width: 960px) {
    .lZJWr .tZ5p7 .w42zC {
        padding: 0
    }
}

.lZJWr .tZ5p7 .odsSU {
    width: 91%
}

.lZJWr .tZ5p7 .odsSU .LOoUq {
    width: 100%;
    padding-top: 142.7%;
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

.lZJWr .tZ5p7 .odsSU .LOoUq .I96Qz {
    position: absolute;
    left: 4px;
    bottom: 8px;
    height: 4px;
    z-index: 1
}

.lZJWr .tZ5p7 .odsSU .fNQHC {
    margin-top: 16px
}

.lZJWr .tZ5p7 .Yz6Th {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media(min-width: 960px) {
    .lZJWr .tZ5p7 .bqYKS {
        padding: 16px 0 30px;
        border-bottom: 1px solid rgba(211, 215, 219, .1)
    }
}

.lZJWr .tZ5p7 .VRfHD {
    color: #fff;
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: .5px
}

@media(min-width: 768px) {
    .lZJWr .tZ5p7 .VRfHD {
        font-size: 43px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: -1px
    }
}

@media(min-width: 960px) {
    .lZJWr .tZ5p7 .VRfHD {
        margin: 0;
        font-size: 67px;
        font-weight: 700;
        line-height: 64px;
        letter-spacing: -1px
    }
}

.lZJWr .tZ5p7 .cJBKK {
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .5px
}

@media(min-width: 768px) {
    .lZJWr .tZ5p7 .cJBKK {
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: .5px
    }
}

@media(min-width: 960px) {
    .lZJWr .tZ5p7 .cJBKK {
        margin-top: 30px;
        margin-bottom: -35px
    }
}

.lZJWr .tZ5p7 .AbRBx {
    padding-left: 0 !important;
    padding-bottom: 20px !important
}

@media(min-width: 960px) {
    .lZJWr .tZ5p7 .AbRBx {
        padding-bottom: 35px !important;
        padding-top: 35px !important
    }
}

.lZJWr .tZ5p7 .BfWGt {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .5px
}

@media(min-width: 960px) {
    .lZJWr .tZ5p7 .BfWGt {
        padding-bottom: 30px
    }
}

.lZJWr .tZ5p7 .TpJa8 {
    color: #fff;
    border-top: 1px solid rgba(211, 215, 219, .1);
    border-bottom: 1px solid rgba(211, 215, 219, .1)
}

@keyframes RPFi2 {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes rfIWD {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes wdktg {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes XaDoc {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes jyhjU {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes gNQ7g {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.QpoFe .mj2k9 {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.QpoFe .o_szq {
    position: absolute;
    bottom: 64px;
    text-align: center;
    left: 10%;
    right: 10%
}

.QpoFe .o_szq span {
    padding: .2rem
}

@media screen and (orientation: landscape) {
    .QpoFe .o_szq {
        left: 20%;
        right: 20%
    }
}

@media screen and (max-width: 640px) {
    .QpoFe .o_szq {
        bottom: 40px
    }
}

.LcbQW:not(:-webkit-full-screen) {
    height: 100%;
    width: 100%
}

.LcbQW:not(:-ms-fullscreen) {
    height: 100%;
    width: 100%
}

.LcbQW:not(:fullscreen) {
    height: 100%;
    width: 100%
}

.LcbQW:not(:-webkit-full-screen) .mj2k9 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    background-color: #000
}

.LcbQW:not(:-ms-fullscreen) .mj2k9 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    background-color: #000
}

.LcbQW:not(:fullscreen) .mj2k9 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    background-color: #000
}

.LcbQW:not(:-webkit-full-screen) .o_szq {
    position: absolute;
    bottom: 64px;
    text-align: center;
    left: 10%;
    right: 10%
}

.LcbQW:not(:-ms-fullscreen) .o_szq {
    position: absolute;
    bottom: 64px;
    text-align: center;
    left: 10%;
    right: 10%
}

.LcbQW:not(:fullscreen) .o_szq {
    position: absolute;
    bottom: 64px;
    text-align: center;
    left: 10%;
    right: 10%
}

.LcbQW:not(:-webkit-full-screen) .o_szq.dynamicSubtitles {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.LcbQW:not(:-ms-fullscreen) .o_szq.dynamicSubtitles {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.LcbQW:not(:fullscreen) .o_szq.dynamicSubtitles {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.LcbQW:not(:-webkit-full-screen) .o_szq .subtitleWindow {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .3333333333rem
}

.LcbQW:not(:-ms-fullscreen) .o_szq .subtitleWindow {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .3333333333rem
}

.LcbQW:not(:fullscreen) .o_szq .subtitleWindow {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .3333333333rem
}

.LcbQW:not(:-webkit-full-screen) .o_szq span {
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 400;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.LcbQW:not(:-ms-fullscreen) .o_szq span {
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 400;
    box-decoration-break: clone
}

.LcbQW:not(:fullscreen) .o_szq span {
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 400;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

@media screen and (orientation: landscape) {
    .LcbQW:not(:-webkit-full-screen) .o_szq {
        left: 20%;
        right: 20%
    }

    .LcbQW:not(:-ms-fullscreen) .o_szq {
        left: 20%;
        right: 20%
    }

    .LcbQW:not(:fullscreen) .o_szq {
        left: 20%;
        right: 20%
    }
}

@media screen and (max-width: 640px) {
    .LcbQW:not(:-webkit-full-screen) .o_szq {
        bottom: 24px
    }

    .LcbQW:not(:-ms-fullscreen) .o_szq {
        bottom: 24px
    }

    .LcbQW:not(:fullscreen) .o_szq {
        bottom: 24px
    }
}

.LcbQW:not(:-webkit-full-screen) .o_szq.ezjOc {
    bottom: 20px;
    left: 15%;
    right: 15%
}

.LcbQW:not(:-ms-fullscreen) .o_szq.ezjOc {
    bottom: 20px;
    left: 15%;
    right: 15%
}

.LcbQW:not(:fullscreen) .o_szq.ezjOc {
    bottom: 20px;
    left: 15%;
    right: 15%
}

.LcbQW:not(:-webkit-full-screen) .o_szq.YjJIx {
    bottom: 10px;
    left: 10%;
    right: 10%
}

.LcbQW:not(:-ms-fullscreen) .o_szq.YjJIx {
    bottom: 10px;
    left: 10%;
    right: 10%
}

.LcbQW:not(:fullscreen) .o_szq.YjJIx {
    bottom: 10px;
    left: 10%;
    right: 10%
}

.QpoFe:not(:-webkit-full-screen) {
    position: absolute;
    left: 20px;
    top: 80px;
    width: calc(100vw - 40px);
    height: calc(56.25vw - 22.5px);
    margin: 0 auto
}

.QpoFe:not(:-ms-fullscreen) {
    position: absolute;
    left: 20px;
    top: 80px;
    width: calc(100vw - 40px);
    height: calc(56.25vw - 22.5px);
    margin: 0 auto
}

.QpoFe:not(:fullscreen) {
    position: absolute;
    left: 20px;
    top: 80px;
    width: calc(100vw - 40px);
    height: calc(56.25vw - 22.5px);
    margin: 0 auto
}

@media(min-width: 768px) {
    .QpoFe:not(:-webkit-full-screen) {
        left: 65px;
        width: calc(100vw - 130px);
        height: calc(56.25vw - 73.125px)
    }

    .QpoFe:not(:-ms-fullscreen) {
        left: 65px;
        width: calc(100vw - 130px);
        height: calc(56.25vw - 73.125px)
    }

    .QpoFe:not(:fullscreen) {
        left: 65px;
        width: calc(100vw - 130px);
        height: calc(56.25vw - 73.125px)
    }
}

.QpoFe:not(:-webkit-full-screen) .mj2k9 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000
}

.QpoFe:not(:-ms-fullscreen) .mj2k9 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000
}

.QpoFe:not(:fullscreen) .mj2k9 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000
}

.QpoFe:not(:-webkit-full-screen) .o_szq {
    position: absolute;
    bottom: 64px;
    text-align: center;
    left: 10%;
    right: 10%
}

.QpoFe:not(:-ms-fullscreen) .o_szq {
    position: absolute;
    bottom: 64px;
    text-align: center;
    left: 10%;
    right: 10%
}

.QpoFe:not(:fullscreen) .o_szq {
    position: absolute;
    bottom: 64px;
    text-align: center;
    left: 10%;
    right: 10%
}

.QpoFe:not(:-webkit-full-screen) .o_szq.dynamicSubtitles {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.QpoFe:not(:-ms-fullscreen) .o_szq.dynamicSubtitles {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.QpoFe:not(:fullscreen) .o_szq.dynamicSubtitles {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.QpoFe:not(:-webkit-full-screen) .o_szq .subtitleWindow {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .3333333333rem
}

.QpoFe:not(:-ms-fullscreen) .o_szq .subtitleWindow {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .3333333333rem
}

.QpoFe:not(:fullscreen) .o_szq .subtitleWindow {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .3333333333rem
}

.QpoFe:not(:-webkit-full-screen) .o_szq span {
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 400;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.QpoFe:not(:-ms-fullscreen) .o_szq span {
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 400;
    box-decoration-break: clone
}

.QpoFe:not(:fullscreen) .o_szq span {
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 400;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

@media screen and (orientation: landscape) {
    .QpoFe:not(:-webkit-full-screen) .o_szq {
        left: 20%;
        right: 20%
    }

    .QpoFe:not(:-ms-fullscreen) .o_szq {
        left: 20%;
        right: 20%
    }

    .QpoFe:not(:fullscreen) .o_szq {
        left: 20%;
        right: 20%
    }
}

@media screen and (max-width: 640px) {
    .QpoFe:not(:-webkit-full-screen) .o_szq {
        bottom: 24px
    }

    .QpoFe:not(:-ms-fullscreen) .o_szq {
        bottom: 24px
    }

    .QpoFe:not(:fullscreen) .o_szq {
        bottom: 24px
    }
}

.QpoFe:not(:-webkit-full-screen) .o_szq.ezjOc {
    bottom: 20px;
    left: 15%;
    right: 15%
}

.QpoFe:not(:-ms-fullscreen) .o_szq.ezjOc {
    bottom: 20px;
    left: 15%;
    right: 15%
}

.QpoFe:not(:fullscreen) .o_szq.ezjOc {
    bottom: 20px;
    left: 15%;
    right: 15%
}

.QpoFe:not(:-webkit-full-screen) .o_szq.YjJIx {
    bottom: 10px;
    left: 10%;
    right: 10%
}

.QpoFe:not(:-ms-fullscreen) .o_szq.YjJIx {
    bottom: 10px;
    left: 10%;
    right: 10%
}

.QpoFe:not(:fullscreen) .o_szq.YjJIx {
    bottom: 10px;
    left: 10%;
    right: 10%
}

.QpoFe:-webkit-full-screen {
    background-color: #000
}

.QpoFe:-ms-fullscreen {
    background-color: #000
}

.QpoFe:fullscreen {
    background-color: #000
}

.VJ3zZ {
    position: relative;
    height: 100%
}

.VJ3zZ .l80S9,
.VJ3zZ .lrsf5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.VJ3zZ .lrsf5 {
    background-size: cover;
    opacity: .2
}

.VJ3zZ .l80S9 {
    background: linear-gradient(0deg, #000, #000 10%, transparent 48.44%, rgba(0, 0, 0, .4))
}

.eViaR {
    position: fixed;
    left: 50%;
    bottom: 50%;
    margin-left: -30px;
    margin-bottom: -30px;
    width: 60px;
    height: 60px;
    color: var(--themeActiveColor)
}

.kids-mode .eViaR {
    color: #fea534
}

.eViaR.AFBjs {
    position: absolute
}

._2EAgM {
    position: relative
}

._2EAgM,
.jQaiU {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.jQaiU {
    width: 100%;
    align-items: center;
    color: #fff
}

.Ics_Y {
    color: #fff;
    display: flex;
    position: absolute;
    bottom: 16px;
    left: 16px
}

.Ics_Y .cGCuF {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.Ics_Y .gZaOb {
    font-weight: 900;
    font-size: 16px;
    line-height: 20px
}

.Ics_Y .FlRQL {
    font-weight: 800;
    font-size: 12px;
    line-height: 16px;
    color: #9699a3
}

.Ics_Y .mJV6K {
    margin-right: 16px;
    background-color: rgba(150, 153, 163, .16);
    border-radius: 6px;
    height: 56px;
    width: 56px
}

.Ics_Y .tWu_O {
    width: 100%;
    height: 100%;
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-position: 50%
}

._4LoF2 {
    color: #fff
}

._4LoF2 .dbdbD {
    font-weight: 900;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.2px
}

._4LoF2 .K3DAN {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #9699a3;
    width: 100%;
    margin-bottom: 24px
}

.UMN55 {
    position: relative
}

.UMN55,
.WFpp0 {
    width: 100%;
    height: 100%
}

.WFpp0 {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    overflow: hidden
}

.WFpp0.iWQg0 {
    border-radius: 16px;
    cursor: pointer
}

.WFpp0 ._4LoF2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    transform: translateY(-100%);
    opacity: 0;
    padding: 48px 80px;
    background: linear-gradient(0deg, rgba(38, 38, 45, 0), rgba(38, 38, 45, .2) 19%, rgba(38, 38, 45, .4) 39%, rgba(38, 38, 45, .8));
    transition: transform .2s ease, opacity .2s ease
}

.WFpp0 .dbdbD {
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: .3px
}

.WFpp0 .K3DAN {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    width: 50%
}

.WFpp0 .go6mT {
    transform: translateY(0) !important;
    opacity: 1 !important
}

.WFpp0 .cslOe {
    transform: translateY(0)
}

@media screen and (orientation: landscape) {

    .WFpp0 .GsXJS ._7lzZC,
    .WFpp0 .GsXJS .IXchJ {
        display: none !important
    }
}

.WFpp0 .Erxt_ {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease;
    opacity: 0;
    background-image: linear-gradient(1turn, rgba(16, 20, 31, .8), rgba(16, 20, 31, 0) 36.7%, rgba(16, 20, 31, .8) 75.77%)
}

.WFpp0 .Erxt_.Q6lxT {
    background-image: none;
    background-color: rgba(16, 20, 31, .8)
}

.WFpp0.go6mT .Erxt_ {
    opacity: 1
}

.WFpp0 .PTz8f {
    bottom: -68px !important;
    min-width: 0;
    white-space: nowrap
}

.WFpp0 .R2i82 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 40px 80px;
    transform: translateY(210px);
    transition: transform .2s ease, opacity .2s ease;
    opacity: 0
}

.WFpp0 .R2i82 ._7lzZC {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%)
}

.WFpp0 .R2i82 .p5saL {
    height: 40px;
    display: flex;
    align-items: center
}

.WFpp0 .R2i82 .FJR31 {
    color: var(--themeActiveColor)
}

.WFpp0 .R2i82 .IXchJ {
    bottom: 16px;
    right: 80px
}

.WFpp0 .R2i82 .IXchJ,
.WFpp0 .R2i82 .tL08C {
    position: absolute;
    display: flex;
    align-items: center
}

.WFpp0 .R2i82 .tL08C {
    top: 16px;
    right: 8px
}

.WFpp0 .R2i82 .TcdRg {
    position: absolute;
    bottom: 16px;
    right: 16px;
    cursor: pointer
}

.WFpp0 .R2i82 .DAxVz {
    height: 20px;
    width: 20px
}

.WFpp0 .R2i82 .dGgDt {
    position: absolute;
    bottom: 32px;
    left: 80px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.WFpp0 .R2i82 .Aak9C {
    height: 32px;
    width: 40px
}

.WFpp0 .R2i82 .MbB6t {
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.2px;
    color: #fff;
    margin: 2px 0 0 4px
}

.WFpp0 .R2i82 .WjcbV {
    display: none;
    position: absolute;
    bottom: 24px;
    left: 26px
}

.WFpp0 .R2i82 .WjcbV>span {
    font-size: 12px;
    vertical-align: middle
}

@media screen and (orientation: landscape) {
    .WFpp0 .R2i82 .WjcbV {
        display: block
    }
}

.WFpp0 .R2i82 .gidKB {
    width: 3.2rem;
    max-width: 48px;
    height: auto;
    margin: 0 8px;
    vertical-align: middle
}

.WFpp0 .R2i82 .gidKB.QcuUU {
    width: 1.8rem
}

.WFpp0 .R2i82 .Fx3sR {
    height: 18px;
    width: 18px
}

.WFpp0 .R2i82 .gidKB {
    cursor: pointer
}

.WFpp0 .R2i82 .f0fjJ {
    position: relative
}

.WFpp0 .R2i82 .Mzssk {
    z-index: 1
}

.WFpp0 .R2i82 .Siyfl {
    display: none;
    align-items: center;
    justify-content: flex-end
}

@media(min-width: 768px) {
    .WFpp0 .R2i82 .Siyfl {
        display: flex
    }
}

.WFpp0 .R2i82 .Siyfl button {
    cursor: pointer;
    background-color: inherit;
    border: none;
    padding: 0;
    display: flex;
    --connected-color: var(--themeActiveColor);
    --disconnected-color: #fff
}

.WFpp0 .R2i82 .Siyfl button:hover {
    --disconnected-color: var(--themeActiveColor)
}

.WFpp0 .R2i82 .wkJTw {
    display: inline-block;
    position: relative;
    padding: 8px 0
}

.WFpp0 .R2i82 .wkJTw.uvpQf .c5cPQ,
.WFpp0 .R2i82 .wkJTw:hover .c5cPQ {
    opacity: 1;
    pointer-events: all;
    cursor: pointer
}

.WFpp0 .R2i82 .c5cPQ {
    top: -136px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none;
    position: absolute;
    border: 1px solid rgba(32, 32, 38, .1);
    border-radius: 2px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    background: #fff
}

.WFpp0 .R2i82 .c5cPQ.OljgL {
    top: 40px
}

.WFpp0 .R2i82 .yTRuk {
    opacity: 0 !important;
    pointer-events: none !important
}

.WFpp0 .R2i82 .gZQQ1 {
    display: none
}

@media (orientation: landscape)and (max-width:960px),
screen and (max-width:640px) {
    .WFpp0 .R2i82 {
        transform: translateY(-100%)
    }

    .WFpp0 .R2i82 .gidKB {
        width: 24px;
        padding: 0
    }

    .WFpp0 .R2i82 ._7lzZC {
        left: 18px;
        top: 15px;
        bottom: inherit;
        transform: translateX(0)
    }

    .WFpp0 .R2i82 .p5saL {
        align-items: flex-start
    }

    .WFpp0 .R2i82 .IXchJ {
        top: 7px;
        bottom: inherit;
        right: 20px
    }

    .WFpp0 .R2i82 .c5cPQ {
        top: 34px
    }

    .WFpp0 .R2i82 .gZQQ1 {
        display: inline-block
    }
}

.vTeXo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 9999
}

.vTeXo.fZOia {
    position: absolute;
    border-radius: 16px;
    background: none
}

.fPZV0 {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.RbjbG {
    width: 120px;
    height: 120px
}

.RbjbG.ecyWi {
    width: 90px;
    height: 90px
}

.iUmQl {
    display: none
}

.MJOD9 {
    position: absolute;
    height: 440px;
    color: #fff;
    width: 312px;
    transform: translateY(210px);
    bottom: 0;
    left: 88px;
    transition: transform .2s ease
}

@media(max-width: 959px) {
    .MJOD9 {
        width: 100%;
        height: auto;
        transform: translateY(0);
        padding-top: 24px
    }
}

.MJOD9.Oe7eN {
    transform: translateY(0)
}

.MJOD9.rF5L8 {
    position: static
}

.MJOD9.rF5L8.LPl7j {
    display: none
}

@media screen and (orientation: landscape) {
    .MJOD9.rF5L8.JzqGm {
        position: absolute;
        width: 312px;
        max-width: 90%;
        height: 100%;
        left: 68px;
        transform: translateY(0) !important;
        display: block
    }
}

.MJOD9 .X9Y9j {
    font-size: 24px
}

@media(max-width: 959px) {
    .MJOD9 .X9Y9j {
        display: none
    }
}

.MJOD9 .X9Y9j.Oe7eN {
    transform: rotate(180deg)
}

.MJOD9 .Nkqd5 {
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.MJOD9 .Nkqd5 span {
    font-weight: 800;
    font-size: 12px;
    line-height: 16px;
    float: right;
    opacity: .4
}

.MJOD9 .kOvFy {
    height: 100%;
    overflow: scroll;
    padding-bottom: 240px
}

.MJOD9 .ZpzLb {
    width: 312px;
    height: 68px;
    background: rgba(150, 153, 163, .16);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 4px 16px 4px 4px;
    margin-bottom: 8px;
    cursor: pointer
}

@media(max-width: 959px) {
    .MJOD9 .ZpzLb {
        width: 100%
    }
}

.MJOD9 .ZpzLb.Nala2 {
    top: 0;
    background: #fff;
    color: #10141f;
    border: 2px solid var(--themeActiveColor);
    margin-bottom: 20px;
    margin-top: 8px
}

.MJOD9 .ZpzLb.Nala2:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .16), hsla(0, 0%, 100%, 0) .01%, hsla(0, 0%, 100%, .16) 51.28%, hsla(0, 0%, 100%, 0));
    bottom: -12px
}

.MJOD9 .ZpzLb.Nala2 .CfA_K {
    background: var(--themeActiveColor)
}

.MJOD9 .ZpzLb .CfA_K {
    position: relative;
    width: 78px;
    height: 60px;
    background: rgba(240, 241, 245, .16);
    border-radius: 4px;
    margin-right: 16px;
    flex-shrink: 0
}

.MJOD9 .ZpzLb .CfA_K img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 48px;
    max-height: 48px
}

.s8OtL {
    position: relative;
    display: inline-block;
    will-change: opacity
}

.s8OtL .Rergs {
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-50%) translateY(-100%);
    transition: opacity .3s ease-in-out;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    background-color: #26262d;
    text-align: center;
    color: #fff;
    padding: 7px 9px;
    border-radius: 2px;
    z-index: 99;
    opacity: 0;
    min-width: 100px;
    pointer-events: none
}

.s8OtL .Rergs.RfZMh,
.s8OtL .Rergs.xTBZl {
    left: -50%
}

.s8OtL .Rergs.IF4Va,
.s8OtL .Rergs.WcGOF {
    left: 150%
}

.s8OtL .Rergs.uU4rI,
.s8OtL .Rergs.WcGOF,
.s8OtL .Rergs.xTBZl {
    top: inherit;
    bottom: -100%
}

.s8OtL.blQl4 .Rergs {
    opacity: 1
}

._i6eS {
    min-width: 2%;
    background-color: var(--themeActiveColor);
    border-radius: 25px
}

.kids-mode ._i6eS {
    background-color: #fea534
}

.QBlcb {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 20px 5px;
    letter-spacing: .5px
}

.QBlcb .Eg4MX {
    color: #fff;
    max-width: 80%
}

.QBlcb .Eg4MX,
.QBlcb .wrvJO {
    text-overflow: ellipsis;
    white-space: nowrap
}

.QBlcb .wrvJO {
    font-weight: 700;
    display: inline;
    overflow: hidden;
    max-width: 100%;
    font-size: 27px
}

@media(min-width: 960px) {
    .QBlcb .wrvJO {
        margin-top: 0
    }
}

.QBlcb .wrvJO.aznWG {
    height: 100%;
    cursor: pointer;
    color: #fff;
    transition: color .2s
}

.QBlcb .wrvJO.aznWG:hover {
    color: var(--themeActiveColor)
}

.kids-mode .QBlcb .wrvJO.aznWG:hover {
    color: #fea534
}

.QBlcb .JUijr {
    font-weight: 700;
    margin-bottom: 1rem
}

@media(min-width: 768px) {
    .QBlcb {
        padding-left: 0
    }

    .QBlcb .wrvJO {
        font-size: 48px
    }
}

@media(min-width: 960px) {
    .QBlcb {
        padding-bottom: 35px
    }

    .QBlcb .wrvJO {
        font-size: 67px;
        border-bottom: 1px solid rgba(211, 215, 219, .1)
    }
}

.UBdQP {
    align-items: center;
    color: hsla(0, 0%, 100%, .5);
    margin: auto 0 0
}

.UBdQP,
.UBdQP .HiENu,
.UBdQP .iJ7i2 {
    display: flex;
    justify-content: space-between
}

.UBdQP .HiENu .pY4kn,
.UBdQP .iJ7i2 .pY4kn {
    margin: 0 3px
}

.UBdQP .Jjv6U {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff
}

.UBdQP .Jjv6U .K2GbJ {
    height: 18px;
    width: 28px;
    margin-right: 10px
}

.vCgaq {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem
}

.vCgaq .z4vrR,
.vCgaq .ZtyNu {
    margin-bottom: .5rem
}

.vCgaq .ZtyNu {
    margin-left: auto;
    font-size: 11px
}

.vCgaq .ZtyNu .o_jmr {
    margin-top: -2px;
    margin-left: .5rem;
    width: 43px;
    height: 14px
}

.NaYaK {
    margin: .5rem 0 0;
    display: flex
}

.NaYaK .mPE99 {
    height: 21px
}

.fUFKN {
    color: #fff;
    margin-left: 8px
}

.v8bih .tWaM5 {
    margin-bottom: 8px
}

.v8bih .tWaM5 .Q0eLR {
    position: relative;
    bottom: 1px;
    margin-left: 7.5px;
    padding: 5px 7px 4px;
    border-radius: 40px;
    background: #fff;
    color: var(--themeActiveColor);
    font-size: 10px;
    text-shadow: none;
    box-shadow: 0 2px 4px 0 rgba(255, 80, 26, .1)
}

.kids-mode .v8bih .tWaM5 .Q0eLR {
    color: #fea534
}

.v8bih .tWaM5 .Y43t1 {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px
}

.v8bih .m_Yza {
    display: flex;
    margin-top: 8px;
    position: relative
}

@media(min-width: 960px) {
    .v8bih .m_Yza {
        flex-wrap: wrap
    }
}

.v8bih .m_Yza .W8Agk {
    margin-right: 8px;
    flex-grow: 1;
    width: 150px
}

@media(min-width: 960px) {
    .v8bih .m_Yza .W8Agk {
        margin-right: 0;
        margin-bottom: 8px
    }
}

.v8bih .m_Yza .j2wWZ {
    display: flex;
    flex-grow: 1;
    min-width: 50%
}

@media(min-width: 960px) {
    .v8bih .m_Yza .j2wWZ {
        position: relative
    }

    .v8bih .m_Yza .j2wWZ .MZsJo {
        width: auto
    }
}

.v8bih .m_Yza .j2wWZ .fnf7j,
.v8bih .m_Yza .j2wWZ .MZsJo {
    transition: opacity .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.v8bih .m_Yza .j2wWZ .fnf7j.YcK38,
.v8bih .m_Yza .j2wWZ .fnf7j:hover,
.v8bih .m_Yza .j2wWZ .MZsJo.YcK38,
.v8bih .m_Yza .j2wWZ .MZsJo:hover {
    opacity: .8
}

.v8bih .m_Yza .j2wWZ .MZsJo {
    border: 1px solid #fff;
    margin-right: 8px;
    flex-grow: 1
}

.v8bih .m_Yza .j2wWZ .MZsJo span {
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .5px
}

.v8bih .m_Yza .j2wWZ .fnf7j {
    position: relative;
    width: 50px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #fff;
    transition: opacity .2s;
    cursor: pointer
}

.v8bih .m_Yza .j2wWZ .fnf7j .UsSgs {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 2.5px)
}

.v8bih .m_Yza .j2wWZ .fnf7j .UsSgs:after,
.v8bih .m_Yza .j2wWZ .fnf7j .UsSgs:before {
    content: " ";
    display: inline-block;
    position: absolute;
    height: 5px;
    width: 5px;
    top: 0;
    border-radius: 50%;
    background: #fff
}

.v8bih .m_Yza .j2wWZ .fnf7j .UsSgs:before {
    right: 7px
}

.v8bih .m_Yza .j2wWZ .fnf7j .UsSgs:after {
    left: 7px
}

.v8bih .m_Yza .j2wWZ .hxS_F,
.v8bih .m_Yza .j2wWZ .nY1kF {
    position: absolute;
    top: 4rem;
    z-index: 1
}

.v8bih .m_Yza .j2wWZ .hxS_F:after,
.v8bih .m_Yza .j2wWZ .nY1kF:after {
    content: "";
    position: absolute;
    top: -6px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #fff
}

.v8bih .m_Yza .j2wWZ .hxS_F {
    left: 0
}

.v8bih .m_Yza .j2wWZ .hxS_F:after {
    left: calc(75% - 43.5px)
}

@media(min-width: 960px) {
    .v8bih .m_Yza .j2wWZ .hxS_F {
        flex-direction: column
    }

    .v8bih .m_Yza .j2wWZ .hxS_F:after {
        left: 35%
    }
}

.v8bih .m_Yza .j2wWZ .nY1kF {
    right: 0
}

.v8bih .m_Yza .j2wWZ .nY1kF:after {
    right: 19px
}

.d2Uun {
    opacity: 0
}

.d2Uun.q9zS7 {
    transition: opacity .2s;
    opacity: 1
}

.EOGbc {
    opacity: 1
}

.EOGbc.dj370 {
    transition: opacity .2s;
    opacity: 0
}

.kxJum {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    display: flex;
    justify-content: center;
    border-radius: 2px;
    margin-bottom: 6px;
    padding: 1rem;
    width: 100%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    background: #fff;
    border: 1px solid rgba(32, 32, 38, .1);
    color: #26262d
}

.kxJum .JXaGh,
.kxJum .P46ho {
    height: 1.5rem;
    width: 1.5rem
}

.kxJum .t6LaS {
    display: flex;
    justify-content: flex-start;
    color: #26262d
}

.kxJum .t6LaS path {
    transition: fill .2s linear
}

.kxJum .t6LaS span {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    text-transform: none;
    margin-top: 2px
}

.kxJum .t6LaS:first-of-type {
    padding-bottom: 4px;
    margin-right: 16px
}

.kxJum .t6LaS:first-of-type:hover {
    color: #3d6ac3
}

.kxJum .t6LaS:first-of-type:hover path {
    fill: #3d6ac3
}

.kxJum .t6LaS:last-of-type:hover {
    color: #55acee
}

.kxJum .t6LaS:last-of-type:hover path {
    fill: #55acee
}

.wjIUi {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    width: 100%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    background: #fff;
    border: 1px solid rgba(32, 32, 38, .1);
    color: #26262d
}

.wjIUi .PdN6m {
    color: #26262d;
    cursor: pointer;
    transition: opacity .2s
}

.wjIUi .PdN6m:hover {
    opacity: .75
}

.BuAlx {
    font-size: 18px
}

.DxsKj {
    width: 200px;
    margin-bottom: 16px;
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    font-weight: 700
}

.DxsKj:hover {
    border-color: hsla(0, 0%, 100%, .8)
}

.DxsKj:hover .Input__input {
    color: hsla(0, 0%, 100%, .8) !important
}

.s4jV4 button {
    top: 0;
    margin-top: calc(0.5625*(100% - 3px)/2/2 - 12px)
}

@media(min-width: 768px) {
    .s4jV4 button {
        margin-top: calc(0.5625*(100% - 10px)/2/2 - 12px)
    }
}

@media(min-width: 960px) {
    .s4jV4 button {
        margin-top: calc(0.5625*(100% - 20px)/3/2 - 12px)
    }
}

.UZOpR {
    margin-bottom: 30px
}

@keyframes uE8bq {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes lD58k {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes yXB4b {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes WobS6 {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes QVr2t {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes W2tWX {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.EtXv4 {
    font-size: 1rem;
    display: flex;
    flex-direction: column
}

.EtXv4,
.EtXv4 .x1VDK {
    position: relative;
    overflow: hidden
}

.EtXv4 .x1VDK {
    cursor: pointer
}

.EtXv4 .x1VDK .hZVcs {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff
}

.EtXv4 .x1VDK .hZVcs:hover {
    color: var(--themeActiveColor)
}

.kids-mode .EtXv4 .x1VDK .hZVcs:hover {
    color: #fea534
}

.EtXv4 .x1VDK .HPhYS {
    height: 80px;
    width: 55px;
    background-size: cover;
    position: absolute;
    left: 8px;
    bottom: 1rem;
    z-index: 2;
    outline: 1px solid hsla(0, 0%, 100%, .1);
    display: none
}

@media(min-width: 768px) {
    .EtXv4 .x1VDK .HPhYS {
        display: block
    }
}

.EtXv4 .x1VDK .j5RAO {
    width: 100%;
    padding: 71.75% 0;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .3s, box-shadow .3s;
    border: 1px solid hsla(0, 0%, 100%, .1);
    position: relative
}

.EtXv4 .x1VDK .j5RAO .i8Vib {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 20px 30px 0 rgba(0, 0, 0, .2);
    background-color: rgba(38, 38, 45, .5);
    transition: opacity .3s, border .3s
}

.EtXv4 .x1VDK .j5RAO .i8Vib.fIp8L {
    opacity: 1
}

.EtXv4 .x1VDK .j5RAO img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.EtXv4 .x1VDK .U7Q_p {
    left: 8px;
    bottom: 4px;
    height: 4px;
    position: absolute;
    z-index: 1
}

.EtXv4 .x1VDK.K_mYh .j5RAO {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 20px 30px 0 rgba(0, 0, 0, .2)
}

.EtXv4 .x1VDK.K_mYh .j5RAO .i8Vib {
    opacity: 1
}

.EtXv4 .x1VDK.K_mYh .hZVcs {
    z-index: 1
}

.EtXv4 .x1VDK .E1Q3U {
    position: absolute;
    top: 10px;
    right: 14px;
    font-size: 26px;
    color: #fff;
    z-index: 1
}

.EtXv4 .vj6W0 {
    position: absolute;
    bottom: .6666666667rem;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center
}

.EtXv4 .nTf2I {
    color: #fff;
    z-index: 1;
    padding: 8px 0 6px
}

.EtXv4 .nTf2I h3 {
    font-size: 11px;
    margin: initial
}

@media(min-width: 768px) {
    .EtXv4 .nTf2I h3 {
        font-size: 14px
    }
}

@media(min-width: 960px) {
    .EtXv4 .nTf2I h3 {
        border-bottom: none;
        padding-bottom: 0
    }
}

.EtXv4.ifm0I .x1VDK .j5RAO {
    padding: 27.5%;
    background-size: cover
}

@media(min-width: 768px) {
    .EtXv4.ifm0I .hZVcs {
        top: calc(25% - 2.5rem)
    }

    .EtXv4.ifm0I .hZVcs .c6quo circle {
        r: 22px
    }

    .EtXv4.ifm0I .hZVcs .c6quo:hover circle {
        r: 20px
    }
}

@media(min-width: 960px) {
    .EtXv4.ifm0I .hZVcs {
        top: calc(45% - 2.5rem)
    }

    .EtXv4.ifm0I .hZVcs .c6quo circle {
        r: 30px
    }

    .EtXv4.ifm0I .hZVcs .c6quo:hover circle {
        r: 28px
    }
}

.pOkzT,
.rEyJb,
.sgwH6,
.uE8bq {
    opacity: 0;
    transform: scale(.8)
}

.G0eRF,
.KQv4f,
.Pa0Lw {
    opacity: 1;
    transform: scale(1)
}

.Pa0Lw,
.sgwH6 {
    transition: opacity .2s ease-in, transform .2s ease-in
}

.RjUZd {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.6rem;
    letter-spacing: .01rem;
    font-weight: 700
}

.RjUZd svg {
    margin-right: .4rem;
    font-size: 2.4rem
}

.dDge5 {
    position: absolute;
    bottom: 0;
    z-index: 50;
    display: none;
    width: 100%;
    padding: 0 4px 4px;
    flex-direction: column;
    justify-content: space-around;
    opacity: 1;
    overflow: hidden;
    color: #fff;
    font-size: 1em
}

.dDge5.Iz2vU {
    padding: 5px;
    width: 100%
}

.dDge5.Iz2vU .AkZWT .SDPi2 {
    bottom: -7px;
    left: -110px;
    height: 150%;
    width: calc(100% + 220px)
}

@media(min-width: 768px) {
    .dDge5 {
        display: flex
    }
}

.AkZWT {
    position: relative;
    overflow: hidden
}

.AkZWT .SDPi2 {
    filter: blur(5px);
    position: absolute;
    bottom: -11px;
    left: -4px;
    height: 150%;
    width: calc(100% + 8px);
    background: #333
}

.AkZWT .SDPi2 img {
    position: absolute;
    width: 100%;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.AkZWT .SDPi2:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(38, 38, 45, .5), rgba(38, 38, 45, .5))
}

.AkZWT .CuqDS {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 6px 0
}

.AkZWT .CuqDS .cQOb8 {
    font-size: 11px;
    line-height: 1.25;
    margin: 6px 0;
    cursor: pointer;
    color: #fff;
    transition: color .2s;
    letter-spacing: .5px
}

.AkZWT .CuqDS .cQOb8:hover {
    color: var(--themeActiveColor)
}

.kids-mode .AkZWT .CuqDS .cQOb8:hover {
    color: #fea534
}

.ETS8v,
.rKcZj {
    transform: translateY(100%)
}

.AzX2U,
.qrk7H {
    transform: translate(0)
}

.qrk7H {
    transition: transform .2s ease-in-out
}

.mnPhd {
    transform: translate(0)
}

.BcFbT,
.iIE78 {
    transform: translateY(100%)
}

.iIE78 {
    transition: transform .2s ease-in-out
}

.gV4BH,
.JDIsT,
.pEI_X {
    transform: translateY(-100%)
}

.ISu1Y,
.TWw0m,
.WSdXC {
    transform: translate(0)
}

.ISu1Y,
.WSdXC {
    transition: transform .2s ease-in-out
}

._4knI {
    transform: translate(0)
}

.dTYoC,
.K77e9 {
    transform: translateY(-100%)
}

.dTYoC {
    transition: transform .2s ease-in-out
}

.GdH0Y {
    position: relative;
    letter-spacing: .5px;
    color: #fff;
    font-size: 11px
}

.GdH0Y .CXBXz {
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 28.125% 0
}

.GdH0Y .CXBXz .pVg9m {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 20px 30px 0 rgba(0, 0, 0, .2);
    background-color: rgba(38, 38, 45, .5);
    transition: opacity .3s
}

.GdH0Y .CXBXz .QeXaX {
    color: #fff;
    transition: color .2s ease-in, opacity .2s ease-in, transform .2s ease-in;
    opacity: 0;
    position: absolute;
    left: calc(50% - 2rem);
    top: calc(50% - 2rem);
    transform: scale(.8)
}

.GdH0Y .CXBXz .QeXaX:hover {
    color: var(--themeActiveColor)
}

.kids-mode .GdH0Y .CXBXz .QeXaX:hover {
    color: #fea534
}

.GdH0Y .CXBXz .QeXaX.xnQES {
    opacity: 1
}

.GdH0Y .CXBXz .QeXaX .FRPy1 {
    width: 4rem;
    height: 4rem;
    font-size: 0;
    line-height: 0;
    cursor: pointer
}

.GdH0Y .CXBXz .QeXaX .FRPy1 circle {
    transition: r .2s ease-in-out
}

.GdH0Y .CXBXz .QeXaX .FRPy1:hover circle {
    r: 28px
}

@media(min-width: 768px) {
    .GdH0Y .CXBXz .QeXaX {
        left: calc(50% - 2.5rem);
        top: calc(50% - 2.5rem)
    }

    .GdH0Y .CXBXz .QeXaX .FRPy1 {
        width: 5rem;
        height: 5rem
    }
}

.GdH0Y .CXBXz:hover .pVg9m {
    opacity: 1
}

.GdH0Y .CXBXz:hover .QeXaX {
    z-index: 1;
    opacity: 1;
    transform: scale(1)
}

.GdH0Y .Vjj8V {
    margin: 18px 0 13px;
    font-size: 1rem;
    color: #fff;
    cursor: pointer
}

.GdH0Y:hover .CXBXz .FRPy1 {
    display: block;
    opacity: 1
}

.GdH0Y .kahcL {
    color: #d7d7d7;
    line-height: 1.71;
    overflow: hidden;
    max-height: 6.84;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 4;
    -webkit-line-clamp: 4
}

.GdH0Y .fK1UD {
    position: absolute;
    left: 5%;
    bottom: 4px;
    height: 4px;
    max-width: 90%
}

@media(min-width: 768px) {
    .GdH0Y {
        font-size: 14px
    }
}

.R6Jf4 {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.R6Jf4 .QFSrT {
    flex: 0 0 15%;
    margin-right: 12px;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.R6Jf4 .QFSrT a img {
    display: block
}

.R6Jf4 .ePKs2 {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 6px
}

.R6Jf4 .ePKs2 h3 {
    margin: 0 0 1rem;
    font-weight: 700
}

.R6Jf4 .ePKs2 h3 .EGsnr {
    display: block;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .5px;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    transition: color .3s
}

@media(max-width: 767px) {
    .R6Jf4 .ePKs2 h3 .EGsnr {
        font-size: 1.1666666667rem;
        font-weight: 400
    }
}

.R6Jf4 .ePKs2 h3 .EGsnr:hover {
    color: var(--themeActiveColor)
}

.kids-mode .R6Jf4 .ePKs2 h3 .EGsnr:hover {
    color: #fea534
}

.R6Jf4 .ePKs2 .MeABv {
    width: 100%;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .5px;
    color: hsla(0, 0%, 100%, .5);
    margin-top: 8px;
    display: none;
    justify-content: space-between
}

.R6Jf4 .ePKs2 .MeABv .aRyV9 {
    display: flex;
    margin-bottom: 2px
}

.R6Jf4 .ePKs2 .MeABv .aRyV9 .T8GNN {
    margin: 0 4px
}

.R6Jf4 .ePKs2 .MeABv .aRyV9 .AqvKn {
    margin-top: 4px
}

.R6Jf4 .ePKs2 .MeABv .NDe_O {
    position: relative;
    bottom: 4px
}

@media(min-width: 768px) {
    .R6Jf4 .ePKs2 .MeABv {
        display: flex
    }
}

.S28wP {
    color: #fff;
    margin-left: 8px;
    position: relative;
    bottom: 4px
}

.Lk1v5 {
    margin-bottom: 1.2rem
}

.Lk1v5 .RufKd {
    position: relative;
    width: 100%;
    padding-bottom: 57.9%
}

.Lk1v5 .RufKd .OV6rF {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.Lk1v5 .RufKd .OV6rF .cq0B2 {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #1e1e1e;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.Lk1v5 .RufKd .OV6rF .B4a3c {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(38, 38, 45, .5);
    opacity: 0;
    transition: opacity .3s
}

.Lk1v5 .RufKd .OV6rF .B4a3c.h2E24 {
    opacity: 1
}

.Lk1v5 .Iwh5H {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: .8rem;
    font-weight: 400;
    letter-spacing: .5px
}

.Lk1v5 .Iwh5H .KIK0W {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    opacity: 1;
    transition: color .2s;
    margin-bottom: .9rem
}

.Lk1v5 .Iwh5H .KIK0W:hover {
    color: var(--themeActiveColor)
}

.kids-mode .Lk1v5 .Iwh5H .KIK0W:hover {
    color: #fea534
}

@media(min-width: 1170px) {
    .Lk1v5 .Iwh5H .KIK0W {
        font-size: 1.3rem
    }
}

.Lk1v5 .Iwh5H .IoRpt {
    text-align: center;
    font-size: .8rem;
    color: hsla(0, 0%, 100%, .5)
}

@media(min-width: 1170px) {
    .Lk1v5 .Iwh5H .IoRpt {
        font-size: 1rem
    }
}

.GDbp4 {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100
}

.hOZrP {
    background-color: rgba(32, 32, 38, .8)
}

.hOZrP,
.JwzuL {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.JwzuL {
    display: flex;
    padding: 5vw 0;
    overflow: auto
}

.RJbzT {
    width: 90vw;
    max-width: 780px;
    margin: auto;
    border: 1px solid rgba(32, 32, 38, .2);
    border-radius: 2px
}

.p3K7I,
.RJbzT {
    position: relative
}

.p3K7I {
    padding: 32px 96px;
    background-color: #fff;
    color: #202026;
    font-size: 27px;
    font-weight: 700;
    line-height: 40px;
    text-align: center
}

@media(max-width: 767px) {
    .p3K7I {
        padding: 16px 32px;
        font-size: 16px;
        line-height: 24px
    }
}

.ZLCnO {
    position: absolute;
    top: 32px;
    right: 32px;
    height: 40px;
    width: 40px;
    fill: #d3d7db;
    display: block;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0
}

.ZLCnO:hover {
    fill: #26262d
}

.ZLCnO svg {
    height: 40px;
    width: 40px
}

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

.p3K7I+.OmMkj {
    border-top: 1px solid rgba(38, 38, 45, .1)
}

.OmMkj {
    padding: 32px 96px;
    background-color: #f0f3f5;
    color: #707c86
}

@media(max-width: 767px) {
    .OmMkj {
        padding: 16px 32px
    }
}

.h_X2B {
    font-size: 18px;
    line-height: 27px
}

.h_X2B a {
    color: var(--themeActiveColor);
    text-decoration: underline
}

.kids-mode .h_X2B a {
    color: #fea534
}

.h_X2B p {
    margin: 0
}

.h_X2B *+p {
    margin-top: 24px
}

.h_X2B ul {
    margin: 0;
    list-style: disc inside
}

.h_X2B *+ul {
    margin-top: 12px
}

@media(max-width: 767px) {
    .h_X2B {
        font-size: 12px;
        line-height: 18px
    }

    .h_X2B *+p {
        margin-top: 12px
    }

    .h_X2B *+ul {
        margin-top: 6px
    }
}

.h_X2B+.WxA1Q {
    margin-top: 40px
}

@media(max-width: 767px) {
    .h_X2B+.WxA1Q {
        margin-top: 20px
    }
}

.WxA1Q {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center
}

.WxA1Q *+* {
    margin-left: 8px
}

@media(max-width: 767px) {
    .WxA1Q *+* {
        margin-left: 4px
    }
}

.J93eB {
    opacity: 0
}

.fx3TD,
.w4zkl {
    opacity: 1;
    transition: opacity .3s
}

.SsPhy {
    opacity: 0
}

.nmGrr,
.Pe6UV {
    opacity: 1;
    transition: opacity .3s
}

.mRLLT {
    opacity: 1
}

.gIkOL,
.XuZke {
    opacity: 0;
    transition: opacity .3s
}

.Jozho {
    opacity: 0;
    transform: translateY(30px)
}

._2BPf,
.gRwub {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .3s, transform .3s
}

.vfQ3w {
    opacity: 0;
    transform: translateY(30px)
}

._ghBL,
.jbsq1 {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .3s, transform .3s
}

.WHhJO {
    opacity: 1
}

.ikbrg,
.t6tjH {
    opacity: 0;
    transition: opacity .3s
}

.BqZZm {
    position: absolute;
    width: 524px;
    border-radius: 16px;
    background: #1c1f29;
    overflow: hidden
}

@media(max-width: 539px) {
    .BqZZm {
        width: 100%;
        bottom: 0
    }
}

@media(min-width: 540px) {
    .BqZZm {
        bottom: 24px;
        right: 24px
    }
}

@media(min-width: 768px) {
    .BqZZm {
        right: 40px;
        bottom: 40px
    }
}

.BqZZm .CYYYa {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #fff;
    cursor: pointer
}

.BqZZm .CYYYa svg {
    font-size: 24px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .5))
}

.BqZZm .eXHaQ {
    width: 100%;
    height: 326px;
    background-size: contain;
    background-position: top
}

@media(max-width: 539px) {
    .BqZZm .eXHaQ {
        width: 100vw;
        height: 62vw
    }
}

.BqZZm .HDLcB {
    width: 100%;
    padding: 48px 32px 32px
}

@media(max-width: 539px) {
    .BqZZm .HDLcB {
        padding: 0 24px 24px
    }
}

.BqZZm .HDLcB .i3rbQ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background-color: rgba(150, 153, 163, .16);
    border-radius: 6px
}

.BqZZm .HDLcB .i3rbQ img {
    width: 40px
}

.BqZZm .HDLcB .gXpfU {
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    margin: 12px 0
}

@media(max-width: 539px) {
    .BqZZm .HDLcB .gXpfU {
        font-weight: 800;
        font-size: 24px;
        line-height: 32px
    }
}

.BqZZm .HDLcB .nty8k {
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    color: #9699a3;
    margin-bottom: 16px
}

@media(max-width: 539px) {
    .BqZZm .HDLcB .nty8k {
        font-style: normal;
        font-weight: 800;
        font-size: 12px;
        line-height: 16px
    }
}

.BqZZm .HDLcB ._CAAv {
    display: flex;
    align-items: center;
    max-height: 24px
}

.BqZZm .HDLcB ._CAAv .aGJuR {
    font-size: 24px;
    color: #fff
}

.BqZZm .HDLcB .zOl88 {
    font-size: 16px;
    line-height: 24px;
    color: #f0f1f5;
    margin-top: 16px
}

.dTnps .X1wM7 {
    padding-bottom: 48px;
    margin-bottom: 36px;
    border-bottom: 1px solid rgba(150, 153, 163, .16)
}

.dTnps .vAGWz {
    font-weight: 900;
    font-size: 48px;
    line-height: 56px;
    color: #fff;
    margin-bottom: 0
}

.dTnps .KZpFL {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    opacity: .48
}

@media(min-width: 768px) {
    .dTnps .KZpFL {
        width: 50%
    }
}

.dTnps .AAPU5 {
    margin-top: 125px;
    min-height: calc(100vh - 445px)
}

.dTnps .WnKsV {
    display: flex;
    margin-bottom: 60px;
    flex-wrap: nowrap;
    align-items: center
}

@media(max-width: 539px) {
    .dTnps .WnKsV {
        display: block
    }
}

.dTnps .WnKsV .NNsq_ {
    font-weight: 900;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    margin-right: 40px;
    flex-shrink: 0;
    white-space: nowrap
}

@media(max-width: 539px) {
    .dTnps .WnKsV .NNsq_ {
        margin-bottom: 12px
    }
}

@media(max-width: 539px) {
    .dTnps .WnKsV .gWfWv {
        margin-left: -4px;
        margin-right: -20px;
        overflow-x: scroll
    }
}

.dTnps .kQ0xZ {
    color: #fff;
    margin-bottom: 24px;
    margin-top: 60px;
    font-weight: 900;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.2px
}

.lsdJj {
    white-space: nowrap
}

.lsdJj .CxAwx {
    display: inline-block;
    padding: 12px 16px;
    background: rgba(150, 153, 163, .16);
    border-radius: 6px;
    margin: 0 4px;
    font-weight: 900;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    cursor: pointer
}

.lsdJj .CxAwx.yjdRD {
    background: #fff;
    color: #10141f
}

.Mca7f {
    position: relative;
    font-size: 1rem;
    overflow: hidden;
    cursor: pointer
}

.Mca7f .RwUXt {
    position: relative;
    width: 100%;
    padding-top: 72.7%;
    background-color: #1e1e1e;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media(min-width: 768px) {
    .Mca7f .RwUXt {
        padding-top: 56.1%
    }
}

@media(min-width: 960px) {
    .Mca7f .RwUXt {
        padding-top: 42.9%
    }
}

.Mca7f .ukg9s {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #fff;
    transition: color .2s, background-color .2s;
    background-color: rgba(38, 38, 45, 0)
}

@media(min-width: 768px) {
    .Mca7f .ukg9s {
        font-size: 22px;
        line-height: 32px;
        font-weight: 700
    }
}

.Mca7f:hover .ukg9s {
    background-color: rgba(38, 38, 45, .5);
    color: var(--themeActiveColor)
}

.kids-mode .Mca7f:hover .ukg9s {
    color: #fea534
}

.tEX4k {
    position: relative;
    font-size: 1rem;
    overflow: hidden;
    cursor: pointer
}

.tEX4k .mjYJh {
    position: relative;
    width: 100%;
    background-color: #1e1e1e;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 28.125% 0
}

.tEX4k .PvREb {
    width: 100%;
    color: #fff;
    transition: color .2s;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -webkit-line-clamp: 2;
    line-height: 1.5rem;
    height: 3rem
}

.tEX4k .qa0j9 {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(38, 38, 45, .5);
    opacity: 0;
    transition: opacity .2s
}

.tEX4k .qa0j9:hover {
    opacity: 1
}

.tEX4k:hover .PvREb {
    color: var(--themeActiveColor)
}

.kids-mode .tEX4k:hover .PvREb {
    color: #fea534
}

.xfap_ {
    position: relative;
    letter-spacing: .5px;
    color: #fff;
    font-size: 11px
}

.xfap_ .YREBl {
    position: relative;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 28.125% 0
}

.xfap_ .YREBl .kDmAZ {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 20px 30px 0 rgba(0, 0, 0, .2);
    background-color: rgba(38, 38, 45, .5);
    transition: opacity .3s
}

.xfap_ .YREBl .B18HS {
    color: #fff;
    transition: color .2s ease-in, opacity .2s ease-in, transform .2s ease-in;
    opacity: 0;
    position: absolute;
    left: calc(50% - 2rem);
    top: calc(50% - 2rem);
    transform: scale(.8)
}

.xfap_ .YREBl .B18HS:hover {
    color: var(--themeActiveColor)
}

.kids-mode .xfap_ .YREBl .B18HS:hover {
    color: #fea534
}

.xfap_ .YREBl .B18HS .DoN_B {
    width: 4rem;
    height: 4rem;
    font-size: 0;
    line-height: 0;
    cursor: pointer
}

.xfap_ .YREBl .B18HS .DoN_B circle {
    transition: r .2s ease-in-out
}

.xfap_ .YREBl .B18HS .DoN_B:hover circle {
    r: 28px
}

@media(min-width: 768px) {
    .xfap_ .YREBl .B18HS {
        left: calc(50% - 2.5rem);
        top: calc(50% - 2.5rem)
    }

    .xfap_ .YREBl .B18HS .DoN_B {
        width: 5rem;
        height: 5rem
    }
}

.xfap_ .YREBl:hover .kDmAZ {
    opacity: 1
}

.xfap_ .YREBl:hover .B18HS {
    z-index: 1;
    opacity: 1;
    transform: scale(1)
}

.xfap_ .hKt6R {
    margin: 18px 0 13px;
    font-size: 1rem;
    color: #fff
}

.xfap_:hover .YREBl .DoN_B {
    display: block;
    opacity: 1
}

.xfap_ .TkaFY {
    color: #d7d7d7;
    line-height: 1.71;
    overflow: hidden;
    max-height: 6.84;
    display: -webkit-box;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 4;
    -webkit-line-clamp: 4
}

.xfap_ .cko2v {
    position: absolute;
    left: 5%;
    bottom: 4px;
    height: 4px;
    max-width: 90%
}

@media(min-width: 768px) {
    .xfap_ {
        font-size: 14px
    }
}

@keyframes dqJOy {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes WCUi5 {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes r4TUJ {
    0% {
        opacity: 0;
        transform: translateY(-70%)
    }

    75% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes Fx0mL {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-.6666666667rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(.6666666667rem, 0, 0)
    }
}

@keyframes iTkB2 {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }
}

@keyframes UHmfq {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.zBQ0e {
    min-height: calc(100vh - 365px);
    color: #fff;
    overflow: hidden;
    margin-bottom: 5rem
}

.zBQ0e.u65r2 {
    overflow: initial
}

.zBQ0e .FGoe8 {
    position: absolute;
    width: 100%;
    padding-top: 56.25%;
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.zBQ0e .DYw_D {
    position: relative;
    padding-top: 212px
}

@media(min-width: 768px) {
    .zBQ0e .DYw_D {
        padding-top: 220px
    }
}

.TiEgM {
    bottom: 90px;
    left: 0;
    right: 0;
    color: #fff
}

.TiEgM,
.XBWOp {
    position: fixed;
    z-index: 2
}

.XBWOp {
    width: 100%;
    height: 90px;
    bottom: 0;
    background-color: #202026;
    justify-content: center
}

.XBWOp .Kltz5 {
    position: relative;
    width: 100%;
    height: 100%
}

.XBWOp .vGjQW {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.XBWOp .vGjQW .c2PqU {
    height: 40px;
    width: 40px;
    background-color: inherit;
    border: none;
    --connected-color: var(--themeActiveColor);
    --disconnected-color: #fff
}

.XBWOp .MhpVh {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-self: center;
    justify-content: center;
    pointer-events: none
}

.XBWOp .iKnri {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.XBWOp .f0M8L,
.XBWOp .iKnri {
    letter-spacing: .5px;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: row
}

.XBWOp .f0M8L {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px
}

.XBWOp .HeIt3 {
    position: relative
}

.qXcpK,
.XBWOp .HeIt3 {
    width: 100%;
    height: 100%
}

.qXcpK {
    display: flex;
    flex-direction: column;
    background-color: #202026;
    z-index: 2;
    justify-content: flex-end;
    padding-bottom: 20px
}

.qXcpK.RcxMf {
    padding-bottom: 30px
}

.NY2SP {
    display: flex;
    flex-direction: row;
    width: 100%
}

.NY2SP .zuCpx {
    color: #fff;
    flex-basis: 4%;
    flex-grow: 0
}

.NY2SP .KPWeR {
    color: #fff;
    flex-grow: 1;
    margin: 0 10px
}

.NY2SP .yrv6J {
    display: none
}

.NY2SP .yrv6J.wj9ir {
    margin-top: -30px
}

@media(min-width: 768px) {
    .NY2SP .yrv6J {
        display: block;
        margin-left: 15px;
        color: #fff;
        width: 11rem;
        position: relative;
        flex-grow: 0
    }
}

.NY2SP .jIJln:hover {
    color: var(--themeActiveColor)
}

.kids-mode .NY2SP .jIJln:hover {
    color: #fea534
}

.NY2SP .CDwHq {
    width: 40px;
    height: 40px;
    transition: color .2s;
    color: inherit;
    cursor: pointer
}

.AYR5r {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    height: 100%;
    width: 100%
}

.AYR5r .Wnfzc {
    position: relative
}

.AYR5r .Wnfzc .Daj_L {
    position: absolute;
    top: -.5333333333rem;
    left: 50%;
    border: 1px solid rgba(32, 32, 38, .1);
    border-radius: 2px;
    transform: translate(-50%, -100%);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    background: #fff
}

.AYR5r .tNPC4 {
    position: relative
}

.AYR5r .tNPC4.mlMKr {
    color: var(--themeActiveColor)
}

.kids-mode .AYR5r .tNPC4.mlMKr {
    color: #fea534
}

.dcAYL {
    position: relative;
    top: 2px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.dcAYL button {
    cursor: pointer;
    height: 40px;
    width: 40px;
    background-color: inherit;
    border: none;
    --disconnected-color: #fff;
    --connected-color: var(--themeActiveColor)
}

.hZDGp {
    height: 24px
}

.nqLB8,
.UPvJL {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.nqLB8>div,
.UPvJL>div {
    padding: 0 3px
}

.nqLB8 {
    color: #fff
}

.iKnri {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.f0M8L,
.iKnri {
    letter-spacing: .5px;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: row
}

.f0M8L {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px
}