._mediaStaticPage_v6zr1_1 {
    max-width: 960px;
    margin: 24px auto;
    padding: 16px;
    font-size: 16px;
    background-color: #ffffff1a
}

._markdown_xtbld_1 h1,
._markdown_xtbld_1 h2,
._markdown_xtbld_1 h3,
._markdown_xtbld_1 h4,
._markdown_xtbld_1 h5,
._markdown_xtbld_1 h6 {
    margin: 0 0 1em;
    font-weight: 700;
    line-height: 1.33
}

._markdown_xtbld_1 h1 {
    padding-bottom: .3em;
    font-size: 2em;
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

._markdown_xtbld_1 h2 {
    padding-bottom: .3em;
    font-size: 1.5em;
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

._markdown_xtbld_1 h3 {
    font-size: 1.25em
}

._markdown_xtbld_1 h4 {
    font-size: 1em
}

._markdown_xtbld_1 h5 {
    font-size: .875em
}

._markdown_xtbld_1 h6 {
    font-size: .85em
}

._markdown_xtbld_1 hr {
    box-sizing: content-box;
    height: .25em;
    margin: 24px 0;
    padding: 0;
    overflow: hidden;
    background: transparent;
    background-color: #ffffff1f;
    border: 0
}

._markdown_xtbld_1 img {
    box-sizing: content-box;
    max-width: 100%;
    background-color: #2b3b57
}

._markdown_xtbld_1 a,
._markdown_xtbld_1 a:visited {
    color: #3990ff;
    text-decoration: none
}

._markdown_xtbld_1 a:hover,
._markdown_xtbld_1 a:visited:hover {
    text-decoration: underline
}

._markdown_xtbld_1 ul,
._markdown_xtbld_1 ol,
._markdown_xtbld_1 p {
    margin: 1.2em 0
}

._card_1wg2e_1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    cursor: pointer;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

@media (hover: hover) and (pointer: fine) {

    ._card_1wg2e_1:focus,
    ._card_1wg2e_1:hover {
        position: relative;
        z-index: 1;
        outline: none;
        transform: scale(1.05)
    }

    ._card_1wg2e_1:focus ._poster_1wg2e_15,
    ._card_1wg2e_1:hover ._poster_1wg2e_15 {
        box-shadow: 0 0 0 3px var(--highlight-color, #fff), 0 8px 10px #00000024, 0 3px 14px #0000001f, 0 4px 5px #0003
    }
}

._card_1wg2e_1._featured_1wg2e_19 ._title_1wg2e_19 {
    height: 1.1em;
    padding-right: 8px;
    font-family: var(--body-font-family);
    font-size: 34px;
    line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .12), 0 1px 10px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 479px) {
    ._card_1wg2e_1._featured_1wg2e_19 ._title_1wg2e_19 {
        font-size: 24px;
        line-height: 26px
    }
}

._card_1wg2e_1._featured_1wg2e_19 ._tag_1wg2e_35 {
    padding: 9px 16px;
    font-size: 16px
}

@media screen and (max-width: 479px) {
    ._card_1wg2e_1._featured_1wg2e_19 ._tag_1wg2e_35 {
        padding: 4px 8px
    }
}

._card_1wg2e_1._featured_1wg2e_19 ._meta_1wg2e_44 {
    justify-content: space-between;
    padding: 16px;
    background: linear-gradient(to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0))
}

._card_1wg2e_1._featured_1wg2e_19:hover {
    transform: scale(1.02)
}

._card_1wg2e_1._disabled_1wg2e_52:hover {
    transform: scale(1);
    cursor: default
}

._card_1wg2e_1._disabled_1wg2e_52:hover ._poster_1wg2e_15 {
    box-shadow: none
}

._poster_1wg2e_15 {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #2b3b57;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    box-shadow: 0 8px 10px #00000024, 0 3px 14px #0000001f, 0 4px 5px #0003;
    transition: box-shadow .1s ease
}

._poster_1wg2e_15._current_1wg2e_72:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000008a;
    content: ""
}

._poster_1wg2e_15 ._posterImage_1wg2e_81 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s ease-out
}

._poster_1wg2e_15 ._posterImage_1wg2e_81._visible_1wg2e_90 {
    opacity: 1
}

._currentLabel_1wg2e_94 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 18px;
    line-height: 20px
}

._aspect11_1wg2e_110 {
    padding-top: 100%
}

._aspect21_1wg2e_114 {
    padding-top: 50%
}

._aspect23_1wg2e_118 {
    padding-top: 150%
}

._aspect43_1wg2e_122 {
    padding-top: 75%
}

._aspect53_1wg2e_126 {
    padding-top: 60%
}

._aspect169_1wg2e_130 {
    padding-top: 56.25%
}

._aspect916_1wg2e_134 {
    padding-top: 177.7777777778%
}

._aspect913_1wg2e_138 {
    padding-top: 144.4444444444%
}

._titleContainer_1wg2e_142 {
    width: 100%;
    min-height: 19px;
    margin-top: 8px;
    margin-bottom: 0;
    overflow: hidden
}

._title_1wg2e_19 {
    height: 2.4em;
    overflow: hidden;
    color: var(--card-color);
    font-family: var(--body-alt-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 1em;
    line-height: 1.2em;
    text-align: left;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

._title_1wg2e_19._loading_1wg2e_161 {
    width: 30%;
    height: 16px;
    background-color: #2b3b57;
    border-radius: 5px
}

@media screen and (max-width: 479px) {
    ._title_1wg2e_19 {
        font-size: 14px
    }
}

._meta_1wg2e_44 {
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding: 8px;
    color: var(--card-color)
}

._tags_1wg2e_185 {
    display: flex
}

._tag_1wg2e_35 {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    color: var(--card-color);
    font-family: var(--body-font-family);
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
    background-color: #0009;
    border-radius: 4px
}

@media screen and (max-width: 479px) {
    ._tag_1wg2e_35 {
        font-size: 14px
    }
}

._lock_1wg2e_207 {
    margin-right: 8px;
    padding: 2px 6px
}

._lock_1wg2e_207>svg {
    width: 14px;
    height: 21px
}

._live_1wg2e_216 {
    background-color: #ce153f
}

._progressContainer_1wg2e_220 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 5px;
    background-color: #00000061
}

._progressBar_1wg2e_230 {
    height: 5px;
    background-color: var(--primary-color)
}

._icon_23h0x_1 {
    width: 24px;
    height: 24px;
    fill: #fff
}

._image_f8aiq_1 {
    object-fit: cover
}

._loading_8gk2b_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

._buffer_56s5k_1 {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px
}

._buffer_56s5k_1 div {
    position: absolute;
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 4px solid #fff;
    border-color: #fff transparent transparent transparent;
    border-radius: 50%;
    animation: _buffer_56s5k_1 1.2s cubic-bezier(.5, 0, .5, 1) infinite
}

._small_56s5k_20 {
    width: 20px;
    height: 20px
}

._small_56s5k_20 div {
    width: 16px;
    height: 16px
}

._buffer_56s5k_1 div:nth-child(1) {
    animation-delay: -.45s
}

._buffer_56s5k_1 div:nth-child(2) {
    animation-delay: -.3s
}

._buffer_56s5k_1 div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes _buffer_56s5k_1 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

._errorPage_ncb7j_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh
}

._errorPage_ncb7j_1 a,
._errorPage_ncb7j_1 a:visited,
._errorPage_ncb7j_1 a:hover,
._errorPage_ncb7j_1 a:active {
    color: inherit;
    font-weight: var(--body-font-weight-bold);
    text-decoration: underline;
    cursor: pointer
}

._box_ncb7j_14 {
    max-width: 600px;
    padding: 12px
}

._title_ncb7j_19 {
    margin-bottom: 24px;
    color: #fff;
    font-weight: var(--body-font-weight-bold);
    font-size: 34px
}

._main_ncb7j_26 {
    color: #fff
}

._main_ncb7j_26>h6 {
    margin-bottom: 16px;
    font-weight: var(--body-font-weight-bold);
    font-size: 20px
}

@media screen and (max-width: 479px) {
    ._title_ncb7j_19 {
        font-size: 24px
    }
}

._logo_ncb7j_40 {
    margin-bottom: 24px
}

._links_ncb7j_44 {
    position: relative
}

._stack_ncb7j_48 a {
    position: absolute;
    right: 0
}

._image_ncb7j_53 {
    max-width: 200px;
    max-height: 80px;
    margin-bottom: 24px
}

._stack_1u21d_1 {
    display: inline-block;
    padding-bottom: 6px;
    padding-left: 1.5em;
    text-indent: -1.5em
}

._videoInlineLayout_1j37c_1 {
    position: relative;
    display: grid;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 56px;
    grid-template-areas: "player related" "details related";
    grid-template-columns: 1fr 360px;
    grid-template-rows: auto 1fr
}

@media screen and (max-width: 1023px) {
    ._videoInlineLayout_1j37c_1 {
        grid-template-areas: "player" "details" "related";
        grid-template-columns: 1fr
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    ._videoInlineLayout_1j37c_1 {
        padding: 24px
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._videoInlineLayout_1j37c_1 {
        padding: 24px
    }
}

@media screen and (max-width: 479px) {
    ._videoInlineLayout_1j37c_1 {
        padding: 16px
    }
}

._player_1j37c_34 {
    position: relative;
    grid-area: player;
    aspect-ratio: 16/9;
    box-shadow: 0 8px 10px #00000024, 0 3px 14px #0000001f, 0 4px 5px #0003
}

@supports not (aspect-ratio: 16/9) {
    ._player_1j37c_34:after {
        display: block;
        content: "";
        clear: both
    }

    ._player_1j37c_34:before {
        float: left;
        padding-top: 56.25%;
        content: ""
    }
}

@media screen and (max-width: 479px) {
    ._player_1j37c_34 {
        margin: -16px -16px 0
    }
}

._videoDetailsInline_1j37c_58 {
    grid-area: details;
    height: 100%
}

._relatedVideosList_1j37c_63 {
    grid-area: related;
    position: relative
}

@media screen and (min-width: 1024px) {
    ._relatedVideosList_1j37c_63 {
        padding-left: 24px
    }
}

._relatedVideos_1j37c_63 {
    padding: 37px 56px 16px
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    ._relatedVideos_1j37c_63 {
        padding: 34px
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._relatedVideos_1j37c_63 {
        padding: 34px 24px
    }
}

@media screen and (max-width: 479px) {
    ._relatedVideos_1j37c_63 {
        padding: 16px
    }
}

._relatedVideosGrid_1j37c_93 {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding-bottom: 16px
}

._relatedVideosGrid_1j37c_93._inlineLayout_1j37c_100 {
    flex-direction: column;
    align-items: initial;
    width: 100%;
    grid-area: related;
    padding-bottom: 0
}

._relatedVideosGrid_1j37c_93._inlineLayout_1j37c_100>h3 {
    font-size: 20px
}

@media screen and (max-width: 1023px) {
    ._relatedVideosGrid_1j37c_93 {
        justify-content: space-between
    }
}

._relatedVideosGridTitle_1j37c_116 {
    margin-right: 16px;
    font-family: var(--body-alt-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 24px;
    line-height: 26px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

._relatedVideosListTitle_1j37c_125 {
    padding-bottom: 16px;
    font-family: var(--body-alt-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 20px;
    line-height: 22px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

._filters_1j37c_134 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._filtersInline_1j37c_140 {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

._filterMetadata_1j37c_146 {
    font-size: 16px;
    text-transform: capitalize;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

._cell_1k7g3_1 {
    display: inline-block;
    padding: 4px
}

._container_1k7g3_6 {
    margin: 0 -4px;
    text-align: left
}

._container_1k7g3_6._cols-1_1k7g3_10>._cell_1k7g3_1 {
    width: 100%
}

._container_1k7g3_6._cols-2_1k7g3_13>._cell_1k7g3_1 {
    width: 50%
}

._container_1k7g3_6._cols-3_1k7g3_16>._cell_1k7g3_1 {
    width: 33.3333333333%
}

._container_1k7g3_6._cols-4_1k7g3_19>._cell_1k7g3_1 {
    width: 25%
}

._container_1k7g3_6._cols-5_1k7g3_22>._cell_1k7g3_1 {
    width: 20%
}

._container_1k7g3_6._cols-6_1k7g3_25>._cell_1k7g3_1 {
    width: 16.6666666667%
}

._container_1k7g3_6._cols-7_1k7g3_28>._cell_1k7g3_1 {
    width: 14.2857142857%
}

._container_1k7g3_6._cols-8_1k7g3_31>._cell_1k7g3_1 {
    width: 12.5%
}

._container_1k7g3_6._cols-9_1k7g3_34>._cell_1k7g3_1 {
    width: 11.1111111111%
}

._container_1k7g3_6._cols-10_1k7g3_37>._cell_1k7g3_1 {
    width: 10%
}

._infiniteScrollLoader_6rn4e_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px
}

._filterRow_1t37d_1 {
    display: flex;
    align-items: center;
    margin-left: 16px
}

._filterRow_1t37d_1>button {
    margin: 0 4px
}

._dropDown_1t37d_10 {
    margin-bottom: 0
}

._filterDropDown_1t37d_14 {
    display: flex;
    align-items: flex-end
}

._container_1rgzd_1 {
    width: 100%;
    margin-bottom: 8px
}

._container_1rgzd_1._error_1rgzd_5 ._dropdown_1rgzd_5 {
    border-color: #ff0c3e
}

._container_1rgzd_1._medium_1rgzd_8 ._dropdown_1rgzd_5 {
    height: 48px
}

._container_1rgzd_1._medium_1rgzd_8 ._select_1rgzd_11 {
    height: 46px;
    padding: 14px 16px
}

._label_1rgzd_16 {
    display: block;
    margin-bottom: 4px;
    font-weight: var(--body-font-weight-bold);
    text-align: left
}

._label_1rgzd_16>span {
    float: right;
    color: #ffffffb3;
    font-weight: 400
}

._dropdown_1rgzd_5 {
    position: relative;
    display: grid;
    align-items: center;
    width: 140px;
    height: 36px;
    font-size: 1.25rem;
    background-color: #0000008a;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: .25em;
    cursor: pointer;
    grid-template-areas: "select"
}

._dropdown_1rgzd_5:after {
    z-index: 1;
    width: 10px;
    height: 5px;
    margin-right: 9px;
    background-color: #fff;
    clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
    content: "";
    justify-self: end
}

._dropdown_1rgzd_5._fullWidth_1rgzd_53 {
    width: 100%;
    margin-left: initial
}

._dropdown_1rgzd_5 ._select_1rgzd_11 {
    z-index: 1;
    width: 100%;
    height: 36px;
    margin: 0;
    padding: 2px 8px;
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1em;
    text-overflow: ellipsis;
    background: none;
    border: none;
    outline: none;
    cursor: inherit;
    -webkit-appearance: none;
    appearance: none
}

._dropdown_1rgzd_5 ._select_1rgzd_11::-ms-expand {
    display: none
}

._dropdown_1rgzd_5 ._select_1rgzd_11,
._dropdown_1rgzd_5:after {
    grid-area: select
}

._dropdown_1rgzd_5 ._disabled_1rgzd_83 {
    background-color: #eee;
    background-image: linear-gradient(to top, #ddd, #eee 33%);
    cursor: not-allowed
}

._dropdown_1rgzd_5:hover,
._dropdown_1rgzd_5:focus-within {
    border-color: #fff;
    outline: none
}

._option_1rgzd_93 {
    white-space: normal;
    background-color: #000000d6;
    outline-color: #fff
}

._helperText_r0crl_1 {
    margin-top: 4px;
    font-size: 12px;
    text-align: left
}

._helperText_r0crl_1._error_r0crl_6 {
    color: #ff0c3e
}

._button_1h2k4_1 {
    position: relative;
    display: inline-flex;
    justify-content: inherit;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    overflow: hidden;
    font-family: var(--body-alt-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    transition: background-color .1s ease, transform .1s ease
}

@media (hover: hover) and (pointer: fine) {

    ._button_1h2k4_1:not(._disabled_1h2k4_21):hover,
    ._button_1h2k4_1:not(._disabled_1h2k4_21):focus {
        z-index: 1;
        transform: scale(1.1)
    }

    ._button_1h2k4_1:not(._disabled_1h2k4_21):focus:not(:focus-visible):not(:hover) {
        transform: scale(1)
    }

    ._button_1h2k4_1:not(._disabled_1h2k4_21):focus-visible {
        transform: scale(1.1)
    }
}

._button_1h2k4_1._disabled_1h2k4_21 {
    cursor: default;
    opacity: .5
}

._button_1h2k4_1._small_1h2k4_36 {
    height: 28px
}

._button_1h2k4_1._large_1h2k4_39 {
    height: 40px
}

._button_1h2k4_1._default_1h2k4_42 {
    color: currentColor;
    background-color: #0009
}

._button_1h2k4_1._primary_1h2k4_46 {
    color: var(--highlight-contrast-color, #000);
    background-color: var(--highlight-color, #fff)
}

._button_1h2k4_1._outlined_1h2k4_50 {
    border: 1px solid rgba(255, 255, 255, .3)
}

._button_1h2k4_1._outlined_1h2k4_50:not(._disabled_1h2k4_21)._active_1h2k4_53,
._button_1h2k4_1._outlined_1h2k4_50:not(._disabled_1h2k4_21):focus {
    color: var(--highlight-contrast-color, #000);
    background-color: var(--highlight-color, #fff);
    border-color: var(--highlight-color, #fff)
}

._button_1h2k4_1._text_1h2k4_58 {
    background: none;
    opacity: .7
}

._button_1h2k4_1._text_1h2k4_58:not(._disabled_1h2k4_21)._active_1h2k4_53,
._button_1h2k4_1._text_1h2k4_58:not(._disabled_1h2k4_21):focus {
    opacity: 1
}

._button_1h2k4_1._text_1h2k4_58:not(._disabled_1h2k4_21):hover {
    z-index: 1;
    background: rgba(0, 0, 0, .6);
    opacity: 1
}

._button_1h2k4_1._fullWidth_1h2k4_70 {
    justify-content: center;
    width: 100%
}

@media (hover: hover) and (pointer: fine) {
    ._button_1h2k4_1._fullWidth_1h2k4_70:hover:not(._disabled_1h2k4_21) {
        transform: scale(1.04)
    }
}

._button_1h2k4_1>svg {
    width: 18px;
    height: 18px
}

._startIcon_1h2k4_84 {
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 11px
}

._startIcon_1h2k4_84>svg {
    width: 20px;
    height: 20px;
    fill: currentColor
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._startIcon_1h2k4_84>svg {
        width: 18px;
        height: 18px
    }
}

._hidden_1h2k4_102 {
    visibility: hidden
}

._centerAbsolute_1h2k4_106 {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    transform: translate(-5px, -5px)
}

._video_j9gdc_1 {
    color: var(--primary-color);
    font-family: var(--body-font-family);
    font-weight: 400;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

._mainPadding_j9gdc_8 {
    padding: 37px 56px 0
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    ._mainPadding_j9gdc_8 {
        padding: 34px 36px 36px
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._mainPadding_j9gdc_8 {
        padding: 34px 24px 24px
    }
}

@media screen and (max-width: 479px) {
    ._mainPadding_j9gdc_8 {
        padding: 16px
    }
}

._main_j9gdc_8 {
    display: flex;
    max-width: 100vw
}

._main_j9gdc_8._hidden_j9gdc_31 {
    display: none
}

._info_j9gdc_35 {
    position: relative;
    width: 70%;
    max-width: 650px;
    min-height: 440px
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    ._info_j9gdc_35 {
        min-height: 335px
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._info_j9gdc_35 {
        width: 350px;
        min-height: 335px
    }
}

@media screen and (max-width: 479px) {
    ._info_j9gdc_35 {
        width: 100%;
        min-height: 380px;
        padding-top: 225px
    }
}

._title_j9gdc_60 {
    color: var(--primary-color);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 34px;
    line-height: 1em;
    letter-spacing: .25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    margin-bottom: 8px
}

@media screen and (max-width: 479px) {
    ._title_j9gdc_60 {
        font-size: 27.2px;
        line-height: 27.2px;
        letter-spacing: .15px
    }
}

._metaContainer_j9gdc_78 {
    display: flex;
    flex-direction: column
}

._primaryMetadata_j9gdc_83 {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .15px
}

@media screen and (max-width: 479px) {
    ._primaryMetadata_j9gdc_83 {
        order: 2;
        font-size: 14px
    }
}

._secondaryMetadata_j9gdc_96 {
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: .5px
}

@media screen and (max-width: 479px) {
    ._secondaryMetadata_j9gdc_96 {
        order: 1;
        margin: 4px 0;
        font-size: 18px
    }
}

._description_j9gdc_111 {
    min-height: 21px;
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .5px
}

._buttonBar_j9gdc_119 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 0 -6px
}

._buttonBar_j9gdc_119>button {
    justify-content: center;
    margin: 6px
}

@media screen and (max-width: 1023px) {
    ._buttonBar_j9gdc_119 {
        flex-wrap: wrap
    }

    ._buttonBar_j9gdc_119>button {
        flex: 1;
        padding: 0 12px
    }

    ._buttonBar_j9gdc_119>button:first-child {
        flex-basis: 100%
    }
}

@media screen and (max-width: 479px) {
    ._buttonBar_j9gdc_119 {
        flex-wrap: wrap
    }

    ._buttonBar_j9gdc_119>button:first-child {
        margin-bottom: 8px
    }
}

._poster_j9gdc_151 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 80vw;
    height: 47.8125vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transform: translateZ(0);
    mask-image: radial-gradient(farthest-corner at 80% 20%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 60%);
    -webkit-mask-image: radial-gradient(farthest-corner at 80% 20%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 60%)
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._poster_j9gdc_151 {
        width: 80vw;
        height: 78.75vw
    }
}

@media screen and (max-width: 479px) {
    ._poster_j9gdc_151 {
        width: 110vw;
        height: 101.25vw
    }
}

._playIcon_j9gdc_179 {
    position: absolute;
    top: calc(50% - 60px);
    left: calc(50% - 35px);
    padding: 25px 30px;
    font-size: xx-large;
    border: 3px solid white;
    border-radius: 100%
}

._collapsibleText_8481k_1 {
    position: relative;
    padding-bottom: 20px
}

._dummyDiv_8481k_6 {
    position: absolute;
    visibility: hidden
}

._textContainer_8481k_11 {
    overflow: hidden;
    transition: max-height .1s ease-out
}

._textContainer_8481k_11._collapsed_8481k_15 {
    mask-image: linear-gradient(-180deg, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(-180deg, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 100%)
}

._chevron_8481k_21 {
    position: absolute;
    bottom: 20px;
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
    outline: none;
    cursor: pointer;
    opacity: 1
}

._chevron_8481k_21>svg {
    transform: rotate(90deg)
}

._chevron_8481k_21._expanded_8481k_34>svg {
    transform: rotate(270deg)
}

._iconButton_ynwnq_1 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    outline: var(--highlight-color, white) none;
    cursor: pointer;
    opacity: .7;
    transition: transform .1s ease
}

._iconButton_ynwnq_1:hover,
._iconButton_ynwnq_1:focus {
    transform: scale(1.1);
    opacity: 1
}

._details_k39cg_1 {
    padding: 24px 0;
    color: var(--primary-color);
    font-family: var(--body-font-family);
    font-weight: 400;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    ._details_k39cg_1 {
        padding: 24px 0
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._details_k39cg_1 {
        padding: 24px 0 0
    }
}

@media screen and (max-width: 479px) {
    ._details_k39cg_1 {
        padding: 16px 0 0
    }
}

._inlinePlayerMetadata_k39cg_24 {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

._inlinePlayerMetadata_k39cg_24>button {
    min-width: fit-content;
    margin-left: 8px
}

@media screen and (max-width: 767px) {
    ._inlinePlayerMetadata_k39cg_24 {
        flex-wrap: wrap;
        border-bottom: 0
    }

    ._inlinePlayerMetadata_k39cg_24>button:nth-last-child(3) {
        flex: 1 1 100%;
        margin: 0 0 8px
    }

    ._inlinePlayerMetadata_k39cg_24>button:nth-last-child(2) {
        flex: 0 0 calc(50% - 4px);
        margin: 0 4px 0 0
    }

    ._inlinePlayerMetadata_k39cg_24>button:nth-last-child(1) {
        flex: 0 0 calc(50% - 4px);
        margin: 0 0 0 4px
    }
}

._title_k39cg_54 {
    color: var(--primary-color);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 34px;
    line-height: 1em;
    letter-spacing: .25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    margin-bottom: 16px
}

@media screen and (max-width: 479px) {
    ._title_k39cg_54 {
        font-size: 27.2px;
        line-height: 27.2px;
        letter-spacing: .15px
    }
}

@media screen and (max-width: 479px) {
    ._title_k39cg_54 {
        margin-bottom: 0
    }
}

div._title_k39cg_54 {
    font-weight: initial
}

._primaryMetadata_k39cg_81 {
    flex: 1;
    flex-basis: 100%;
    margin-right: auto;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .15px
}

._primaryMetadata_k39cg_81>div._live_k39cg_90 {
    display: inline-block;
    margin-right: 8px
}

@media screen and (max-width: 479px) {
    ._primaryMetadata_k39cg_81>div._live_k39cg_90 {
        margin: 2px 4px 0 0;
        padding: 2px 4px
    }
}

@media screen and (max-width: 767px) {
    ._primaryMetadata_k39cg_81 {
        margin-bottom: 16px;
        font-size: 14px
    }
}

._secondaryMetadata_k39cg_107 {
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: .5px
}

@media screen and (max-width: 479px) {
    ._secondaryMetadata_k39cg_107 {
        margin: 4px 0;
        font-size: 18px
    }
}

._description_k39cg_121 {
    min-height: 21px;
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .5px
}

._tag_gc1jh_1 {
    display: inline-flex;
    align-items: center;
    color: var(--card-color);
    font-family: var(--body-font-family);
    font-weight: 600;
    white-space: nowrap;
    background-color: #0009;
    border-radius: 4px
}

._tag_gc1jh_1._normal_gc1jh_11 {
    padding: 4px 8px;
    font-size: 16px
}

@media screen and (max-width: 479px) {
    ._tag_gc1jh_1._normal_gc1jh_11 {
        font-size: 14px
    }
}

._tag_gc1jh_1._large_gc1jh_20 {
    padding: 9px 16px;
    font-size: 18px
}

@media screen and (max-width: 479px) {
    ._tag_gc1jh_1._large_gc1jh_20 {
        padding: 4px 8px;
        font-size: 16px
    }
}

._live_gc1jh_31 {
    background-color: #ce153f
}

._container_lwejo_1 {
    height: 100%
}

._listItem_1a375_1 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 16px;
    cursor: pointer;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

@media (hover: hover) and (pointer: fine) {

    ._listItem_1a375_1:focus,
    ._listItem_1a375_1:hover {
        position: relative;
        z-index: 1;
        outline: none;
        transform: scale(1.05)
    }
}

._poster_1a375_18 {
    position: relative;
    width: 168px;
    height: 94px;
    margin-right: 8px;
    overflow: hidden;
    background-color: #2b3b57;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    box-shadow: 0 8px 10px #00000024, 0 3px 14px #0000001f, 0 4px 5px #0003;
    transition: box-shadow .1s ease
}

._poster_1a375_18 ._posterImage_1a375_32 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s ease-out
}

._poster_1a375_18 ._posterImage_1a375_32._visible_1a375_41 {
    opacity: 1
}

@media screen and (max-width: 479px) {
    ._poster_1a375_18 {
        width: 140px;
        height: 78px
    }
}

._activeLabel_1a375_51 {
    color: var(--primary-color);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 34px;
    line-height: 1em;
    letter-spacing: .25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 18px;
    background-color: #0000008a
}

@media screen and (max-width: 479px) {
    ._activeLabel_1a375_51 {
        font-size: 27.2px;
        line-height: 27.2px;
        letter-spacing: .15px
    }
}

@media screen and (max-width: 479px) {
    ._activeLabel_1a375_51 {
        font-size: 16px
    }
}

._title_1a375_84 {
    flex: 1;
    max-height: 4.8em;
    overflow: hidden;
    color: var(--primary-color);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 16px;
    line-height: 1em;
    letter-spacing: .25px;
    text-align: left;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

._tags_1a375_98 {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: flex
}

svg._lock_1a375_105 {
    width: 24px;
    height: 24px;
    padding: 5px;
    color: var(--card-color);
    background-color: #0009;
    border-radius: 4px
}

._tag_1a375_98 {
    margin-left: 4px;
    padding: 2px 6px;
    font-size: 14px
}

._live_1a375_120 {
    background-color: #ce153f
}

._progressContainer_1a375_124 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 5px;
    background-color: #00000061
}

._progressBar_1a375_134 {
    height: 5px;
    background-color: var(--primary-color)
}

._progressRail_14udi_1 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background-color: #0000004d
}

._progress_14udi_1 {
    position: absolute;
    left: 0;
    height: 4px;
    background-color: var(--highlight-contrast-color, rgba(0, 0, 0, .4))
}

._fade_1e4ie_1 {
    position: relative;
    z-index: 35
}

._cinema_1e4ie_6 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - (100vh - 100%));
    overflow: hidden;
    background-color: #000
}

._playerOverlay_1e4ie_16 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100px;
    padding: 24px 56px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .25) 100%);
    pointer-events: none
}

@media screen and (max-width: 479px) {
    ._playerOverlay_1e4ie_16 {
        padding-left: 16px
    }
}

._playerContent_1e4ie_32 {
    display: flex;
    width: 80%
}

@media screen and (max-width: 479px) {
    ._playerContent_1e4ie_32 {
        width: 100%
    }
}

._backButton_1e4ie_42 {
    margin-right: 24px;
    opacity: 1;
    pointer-events: auto
}

._backButton_1e4ie_42>svg {
    width: 36px;
    height: 36px;
    -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, .4));
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, .4))
}

._title_1e4ie_55 {
    color: var(--primary-color);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 34px;
    line-height: 1em;
    letter-spacing: .25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 479px) {
    ._title_1e4ie_55 {
        font-size: 27.2px;
        line-height: 27.2px;
        letter-spacing: .15px
    }
}

._metaContainer_1e4ie_72 {
    display: flex;
    flex-direction: column
}

._primaryMetadata_1e4ie_77 {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .15px
}

@media screen and (max-width: 479px) {
    ._primaryMetadata_1e4ie_77 {
        order: 2;
        font-size: 14px
    }
}

._secondaryMetadata_1e4ie_90 {
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: .5px
}

@media screen and (max-width: 479px) {
    ._secondaryMetadata_1e4ie_90 {
        order: 1;
        margin: 4px 0;
        font-size: 18px
    }
}

._container_79xjy_1 {
    width: 100%;
    height: 100%
}

._loadingOverlay_96qzh_1 {
    display: flex;
    justify-content: center;
    align-items: center
}

._fixed_96qzh_7 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100vw;
    height: calc(100vh - (100vh - 100%));
    background-color: var(--body-background-color)
}

._transparent_96qzh_17 {
    opacity: .5
}

._inline_96qzh_21 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000004d
}

._container_1tbgz_1 {
    position: relative;
    width: 80vw;
    height: 45vw
}

@media screen and (max-width: 479px) {
    ._container_1tbgz_1 {
        width: 100vw;
        height: 56.25vw
    }
}

._playerOverlay_1tbgz_13 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100px;
    padding: 24px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .25) 100%);
    pointer-events: none
}

._title_1tbgz_24 {
    color: var(--primary-color);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 22px;
    line-height: 1em;
    letter-spacing: .25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 479px) {
    ._title_1tbgz_24 {
        font-size: 17.6px;
        line-height: 17.6px;
        letter-spacing: .15px
    }
}

._modal_xhw0f_1 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    width: 100vw;
    height: calc(100vh - (100vh - 100%))
}

._backdrop_xhw0f_10 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000c
}

._container_xhw0f_19 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

._modalCloseButton_15hlk_1 {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 48px;
    height: 48px;
    opacity: 1
}

._modalCloseButton_15hlk_1>svg {
    width: 28px;
    height: 28px;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .4));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .4))
}

._modalCloseButton_15hlk_1._hidden_15hlk_16 {
    opacity: 0;
    transition: opacity .6s ease
}

@media screen and (max-width: 479px) {
    ._modalCloseButton_15hlk_1 {
        width: 24px;
        height: 24px
    }

    ._modalCloseButton_15hlk_1>svg {
        width: 14px;
        height: 14px
    }
}

._dialog_18t28_1 {
    width: 100vw;
    max-width: 450px;
    max-height: 90vh;
    padding: 24px;
    overflow-y: auto;
    color: #fff;
    background-color: #202020;
    border-radius: 6px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

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

._inlinePlayer_1lwx2_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

._paywall_1lwx2_9 {
    position: absolute;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #2b3b57;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

._paywall_1lwx2_9 ._poster_1lwx2_25 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4
}

._paywall_1lwx2_9>button {
    height: 40px
}

._paywall_1lwx2_9>button:first-of-type {
    margin-right: 8px
}

@media screen and (max-width: 767px) {
    ._paywall_1lwx2_9>button {
        max-width: 65%;
        max-height: 35px
    }
}

._lock_1lwx2_46 {
    position: relative;
    flex: 1 1 100%;
    width: 50px;
    height: 50px;
    margin-bottom: 16px
}

@media screen and (max-width: 479px) {
    ._lock_1lwx2_46 {
        width: 35px;
        height: 35px;
        margin-bottom: 8px
    }
}

._title_1lwx2_61 {
    color: var(--primary-color);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 34px;
    line-height: 1em;
    letter-spacing: .25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    position: relative;
    flex: 1 1 100%;
    margin-bottom: 4px;
    text-align: center
}

@media screen and (max-width: 479px) {
    ._title_1lwx2_61 {
        font-size: 27.2px;
        line-height: 27.2px;
        letter-spacing: .15px
    }
}

@media screen and (max-width: 479px) {
    ._title_1lwx2_61 {
        font-size: 16px;
        line-height: 1em
    }
}

._text_1lwx2_88 {
    position: relative;
    flex: 1 1 100%;
    margin-bottom: 16px;
    font-family: var(--body-alt-font-family);
    font-size: 16px;
    line-height: 1.2em;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 479px) {
    ._text_1lwx2_88 {
        font-size: 14px;
        line-height: 1em
    }
}

._hero_hb036_1 {
    height: 40vh
}

._content_hb036_5 {
    max-width: 60vw;
    padding: 37px 56px 0
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._content_hb036_5 {
        padding: 32px
    }
}

@media screen and (max-width: 479px) {
    ._content_hb036_5 {
        max-width: none;
        padding: 16px
    }
}

._title_hb036_21 {
    color: var(--primary-color);
    font-family: var(--body-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 34px;
    line-height: 1em;
    letter-spacing: .25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 479px) {
    ._title_hb036_21 {
        font-size: 27.2px;
        line-height: 27.2px;
        letter-spacing: .15px
    }
}

._image_hb036_38 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 80vw;
    height: 47.8125vw;
    mask-image: radial-gradient(farthest-corner at 80% 20%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 60%);
    -webkit-mask-image: radial-gradient(farthest-corner at 80% 20%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 60%)
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._image_hb036_38 {
        width: 80vw;
        height: 78.75vw
    }
}

@media screen and (max-width: 479px) {
    ._image_hb036_38 {
        width: 110vw;
        height: 101.25vw
    }
}

._shelfList_1jxip_1 {
    max-width: 100vw;
    overflow-x: hidden
}

._list_1jxip_6 {
    overflow: visible !important
}

._list_1jxip_6>div {
    overflow: visible !important
}

._shelfContainer_1jxip_13 {
    position: relative;
    padding: 12px 56px
}

._shelfContainer_1jxip_13._featured_1jxip_17 {
    padding: 12px 20%
}

@media screen and (max-width: 479px) {
    ._shelfContainer_1jxip_13 {
        padding: 8px 60px 8px 16px
    }

    ._shelfContainer_1jxip_13._featured_1jxip_17 {
        padding: 24px 16px
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._shelfContainer_1jxip_13 {
        padding: 0 32px
    }

    ._shelfContainer_1jxip_13._featured_1jxip_17 {
        padding: 24px 10%
    }
}

._shelf_iejgn_1 {
    margin: 0;
    color: var(--primary-color);
    font-family: var(--body-alt-font-family)
}

._shelf_iejgn_1:hover ._chevron_iejgn_6 {
    opacity: 1
}

._shelf_iejgn_1:hover ._chevron_iejgn_6._disabled_iejgn_9 {
    opacity: .3
}

._title_iejgn_13 {
    width: 100%;
    min-height: 28px;
    margin-bottom: 12px;
    overflow: hidden;
    color: var(--card-color);
    font-family: var(--body-alt-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 24px;
    white-space: nowrap;
    text-overflow: ellipsis
}

._chevron_iejgn_6 {
    padding: 12px 0;
    outline-color: var(--highlight-color, white);
    cursor: pointer;
    opacity: 0;
    transition: transform .3s ease-out, opacity .3s ease-out
}

._chevron_iejgn_6>svg {
    width: 30px;
    height: 30px
}

._chevron_iejgn_6._disabled_iejgn_9 {
    cursor: default
}

._chevron_iejgn_6._disabled_iejgn_9:hover {
    transform: none
}

._chevron_iejgn_6:hover {
    transform: scale(1.2)
}

._dot_iejgn_47 {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #fefefe33;
    border-radius: 50%;
    transition: all .2s ease
}

._dot_iejgn_47._active_iejgn_56 {
    background-color: var(--primary-color);
    transform: scale(1.1)
}

._error_iejgn_61 {
    color: var(--card-color);
    font-family: var(--body-alt-font-family)
}

._tileDock_vgwso_1 ul {
    display: block;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

._tileDock_vgwso_1 li {
    display: inline-block;
    white-space: normal;
    list-style-type: none
}

._notInView_vgwso_14 {
    opacity: .5
}

@media (hover: hover) and (pointer: fine) {
    ._notInView_vgwso_14 {
        opacity: .3
    }
}

._tileDock_vgwso_1 ._leftControl_vgwso_23 {
    position: absolute;
    top: calc(50% + 25px);
    left: 0;
    z-index: 1;
    transform: translateY(-100%)
}

._tileDock_vgwso_1 ._rightControl_vgwso_31 {
    position: absolute;
    top: calc(50% + 25px);
    right: 0;
    z-index: 1;
    transform: translateY(-100%)
}

._emptyTile_vgwso_39:before {
    content: "";
    display: block;
    padding-top: 56.25%;
    background: rgba(255, 255, 255, .12);
    border-radius: 4px
}

._dots_vgwso_47 {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 12px
}

:root {
    --primary-color: #fff;
    --body-background-color: #141523;
    --body-font-family: Helvetica, Arial, sans-serif;
    --body-alt-font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    --body-font-weight-regular: 500;
    --body-font-weight-bold: 700;
    --body-color: #fff;
    --card-color: #fff;
    --card-border-hover-color: #fff;
    --card-tag-bg: #2b2c39
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--body-color);
    font-family: var(--body-font-family);
    font-size: 16px;
    background-color: var(--body-background-color);
    -webkit-font-smoothing: antialiased
}

body #root {
    display: flex;
    flex-direction: column;
    height: 100vh
}

button {
    width: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    color: inherit;
    font: inherit;
    line-height: normal;
    background: transparent;
    border: none;
    border: 0;
    outline: none;
    appearance: none;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font: inherit
}

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

@media screen and (max-width: 1023px) {
    body {
        font-size: 18px
    }
}

._banner_1xec5_1 {
    text-align: center
}

._banner_1xec5_1>img {
    max-width: 50%
}

._title_1hl3t_1 {
    margin-bottom: 24px;
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._link_1hl3t_7 {
    margin-bottom: 24px
}

._bottom_1hl3t_11 {
    margin-top: 24px;
    text-align: center
}

._textField_1nu0e_1 {
    width: 100%;
    margin-bottom: 8px
}

._textField_1nu0e_1._error_1nu0e_5 ._container_1nu0e_5 {
    border-color: #ff0c3e
}

._textField_1nu0e_1._disabled_1nu0e_8 ._container_1nu0e_5 {
    opacity: .7
}

._textField_1nu0e_1._leftControl_1nu0e_11 ._input_1nu0e_11 {
    padding-left: 0
}

._textField_1nu0e_1._rightControl_1nu0e_14 ._input_1nu0e_11 {
    padding-right: 0
}

._textField_1nu0e_1:hover:not(._disabled_1nu0e_8) ._container_1nu0e_5 {
    background-color: #ffffff14;
    border-color: #ffffffb3
}

._label_1nu0e_22 {
    display: block;
    margin-bottom: 4px;
    font-weight: var(--body-font-weight-bold);
    text-align: left
}

._label_1nu0e_22>span {
    float: right;
    color: #ffffffb3;
    font-weight: 400
}

._control_1nu0e_34>div {
    width: 48px;
    height: 48px
}

._container_1nu0e_5 {
    display: flex;
    width: 100%;
    color: #ffffffb3;
    background-color: #0000008a;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 4px;
    transition: border .2s ease
}

._container_1nu0e_5:focus-within {
    color: #fff;
    border-color: #fff
}

._input_1nu0e_11 {
    width: 100%;
    min-height: 48px;
    padding: 14px 16px;
    color: inherit;
    font-size: 16px;
    line-height: 18px;
    background: transparent;
    border: none;
    outline: none;
    appearance: none
}

._input_1nu0e_11[type=password]::-ms-reveal {
    display: none
}

._link_1uj3n_1 {
    display: inline-block;
    color: var(--primary-color);
    font-weight: var(--body-font-weight-bold);
    text-decoration: none
}

._link_1uj3n_1:hover,
._link_1uj3n_1:focus {
    text-decoration: underline
}

._formFeedback_1hgsg_1 {
    margin-bottom: 24px;
    padding: 16px;
    color: #fff;
    font-weight: var(--body-font-weight-bold);
    font-size: 18px;
    text-align: left;
    border-radius: 4px
}

._error_1hgsg_11 {
    color: #fff;
    background-color: #ff0c3e
}

._warning_1hgsg_16 {
    color: #fff;
    background-color: #e9a95b
}

._success_1hgsg_21 {
    color: #000;
    background-color: #5aae4a
}

._title_pxcok_1 {
    margin-bottom: 24px;
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._continue_pxcok_7 {
    margin: 16px 0
}

._bottom_pxcok_11 {
    padding: 16px 0;
    text-align: center
}

._alreadyAccount_pxcok_16 {
    font-size: 16px
}

._login_pxcok_20 {
    margin-left: 6px;
    font-weight: var(--body-font-weight-bold);
    cursor: pointer
}

._login_pxcok_20:hover,
._login_pxcok_20:focus {
    text-decoration: underline
}

._passwordStrength_1od1i_1 {
    position: relative;
    display: flex;
    align-items: center;
    height: 16px;
    margin: 8px 0;
    font-size: 14px
}

._passwordStrength_1od1i_1[data-strength="1"] ._passwordStrengthFill_1od1i_9 {
    width: 25%;
    background: orangered
}

._passwordStrength_1od1i_1[data-strength="1"] ._label_1od1i_13 {
    color: #ff4500
}

._passwordStrength_1od1i_1[data-strength="2"] ._passwordStrengthFill_1od1i_9 {
    width: 50%;
    background: orange
}

._passwordStrength_1od1i_1[data-strength="2"] ._label_1od1i_13 {
    color: orange
}

._passwordStrength_1od1i_1[data-strength="3"] ._passwordStrengthFill_1od1i_9 {
    width: 75%;
    background: yellowgreen
}

._passwordStrength_1od1i_1[data-strength="3"] ._label_1od1i_13 {
    color: #9acd32
}

._passwordStrength_1od1i_1[data-strength="4"] ._passwordStrengthFill_1od1i_9 {
    width: 100%;
    background: green
}

._passwordStrength_1od1i_1[data-strength="4"] ._label_1od1i_13 {
    color: green
}

._passwordStrengthBar_1od1i_38 {
    position: relative;
    width: 170px;
    height: 6px;
    margin-right: 8px;
    background: #ddd;
    border-radius: 5px
}

._passwordStrengthFill_1od1i_9 {
    position: absolute;
    width: 0;
    height: 100%;
    background: transparent;
    border-radius: inherit;
    transition: width .5s ease-in-out, background .25s
}

._label_1od1i_13 {
    font-weight: 700;
    font-size: 14px
}

._checkbox_llmnq_1 {
    display: inline-block
}

._checkbox_llmnq_1 label {
    margin-left: 8px;
    font-size: 14px;
    cursor: pointer
}

._checkbox_llmnq_1 label a {
    color: #fff;
    font-weight: var(--body-font-weight-bold);
    text-decoration: none
}

._checkbox_llmnq_1 label a:hover {
    text-decoration: underline
}

._checkbox_llmnq_1._error_llmnq_17 input:not(:checked) {
    border: 2px solid #ff0c3e
}

._checkbox_llmnq_1 ._header_llmnq_20 {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    font-weight: var(--body-font-weight-bold);
    text-align: left
}

._checkbox_llmnq_1 ._header_llmnq_20>span {
    float: right;
    color: #ffffffb3;
    font-weight: 400
}

._checkbox_llmnq_1 input {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin: 8px 0;
    vertical-align: middle;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s;
    -webkit-appearance: none;
    appearance: none
}

._checkbox_llmnq_1 input:before {
    display: inline-block;
    color: var(--highlight-contrast-color, #000);
    font-family: arial, sans-serif;
    font-weight: 600;
    font-size: 0;
    content: "L"
}

._checkbox_llmnq_1 input:disabled {
    opacity: .6;
    pointer-events: none
}

._checkbox_llmnq_1 input:disabled+label {
    cursor: default;
    opacity: .6
}

._checkbox_llmnq_1 input:hover:not(:disabled) {
    transform: scale(1.1)
}

._checkbox_llmnq_1 input:not(:checked) {
    border: 2px solid rgba(255, 255, 255, .34)
}

._checkbox_llmnq_1 input:not(:checked):hover {
    border-color: #ffffffb3
}

._checkbox_llmnq_1 input:checked {
    background-color: var(--highlight-color, #fff)
}

._checkbox_llmnq_1 input:checked:before {
    font-size: 20px;
    transform: translateY(-3px) translate(1px) scaleX(-.95) rotate(-45deg)
}

._row_llmnq_80 {
    display: flex;
    align-items: center
}

._helperTextError_llmnq_85 {
    margin-top: -5px;
    margin-left: 35px;
    color: #ff0c3e;
    font-size: 10px
}

._title_a6ei2_1 {
    margin-bottom: 24px;
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._continue_a6ei2_7 {
    margin: 16px 0
}

._header_1kbib_1 {
    margin-bottom: 8px;
    font-weight: var(--body-font-weight-bold);
    text-align: left
}

._header_1kbib_1>span {
    float: right;
    color: #ffffffb3;
    font-weight: 400
}

._radio_1kbib_12 {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

._radio_1kbib_12>label {
    margin-left: 8px;
    font-size: 14px;
    cursor: pointer
}

._radio_1kbib_12>input {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0;
    border-radius: 15px;
    transition: all .1s;
    appearance: none
}

._radio_1kbib_12>input:not(:checked) {
    border: 2px solid rgba(255, 255, 255, .34)
}

._radio_1kbib_12>input:not(:checked):hover {
    border-color: #ffffffb3
}

._radio_1kbib_12>input:checked {
    width: 20px;
    height: 20px;
    border: 2px solid var(--primary-color)
}

._radio_1kbib_12>input:checked:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
    border: 2px solid transparent;
    border-radius: 15px;
    transform: translate(-50%) translateY(-50%);
    content: ""
}

._dateField_12xfz_1 {
    width: 100%;
    margin-bottom: 8px
}

._dateField_12xfz_1._error_12xfz_5 ._container_12xfz_5 {
    border-color: #ff0c3e
}

._dateField_12xfz_1._disabled_12xfz_8 ._container_12xfz_5 {
    opacity: .7
}

._dateField_12xfz_1:hover:not(._disabled_12xfz_8) ._container_12xfz_5 {
    background-color: #ffffff14;
    border-color: #ffffffb3
}

._label_12xfz_16 {
    display: block;
    margin-bottom: 4px;
    font-weight: var(--body-font-weight-bold);
    text-align: left
}

._label_12xfz_16>span {
    float: right;
    color: #ffffffb3;
    font-weight: 400
}

._control_12xfz_28>div {
    width: 48px;
    height: 48px
}

._container_12xfz_5 {
    display: flex;
    align-items: center;
    width: 100%;
    color: #ffffffb3;
    font-weight: var(--body-font-weight-bold);
    font-size: 16px;
    background-color: #0000008a;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 4px;
    transition: border .2s ease
}

._container_12xfz_5:focus-within {
    color: #fff;
    border-color: #fff
}

._input_12xfz_50 {
    width: 100%;
    min-height: 48px;
    padding: 14px 16px;
    color: inherit;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    background: transparent;
    border: none;
    outline: none;
    appearance: none
}

._input_12xfz_50::-webkit-inner-spin-button {
    display: none
}

._input_12xfz_50[name=date] {
    width: 43px;
    padding-right: 4px
}

._input_12xfz_50[name=month] {
    width: 35px;
    padding-right: 4px;
    padding-left: 4px
}

._input_12xfz_50[name=year] {
    width: 60px;
    padding-left: 4px
}

._title_gmbpa_1 {
    margin-bottom: 8px;
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._subtitle_gmbpa_7 {
    margin-bottom: 24px;
    font-weight: var(--body-font-weight-bold);
    font-size: 18px
}

._offerGroupSwitch_gmbpa_13 {
    display: flex;
    flex: 1;
    justify-content: center;
    margin-bottom: 24px
}

._offerGroupSwitch_gmbpa_13>input:checked+._label_gmbpa_19 {
    border-radius: 4px;
    transform: scale(1.02)
}

._offers_gmbpa_24 {
    display: flex;
    margin: 0 -4px 24px
}

._offer_gmbpa_13 {
    flex: 1;
    margin: 0 4px
}

._radio_gmbpa_34 {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    clip-path: inset(50%)
}

._radio_gmbpa_34 :focus+._label_gmbpa_19,
._radio_gmbpa_34 :active+._label_gmbpa_19 {
    border-color: #fff
}

._radio_gmbpa_34:checked+._label_gmbpa_19 {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

._label_gmbpa_19 {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px;
    background-color: #00000057;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 4px;
    cursor: pointer;
    transition: border .2s ease, background .2s ease, transform .3s ease-out
}

._offerGroupLabel_gmbpa_65 {
    padding: 8px 16px;
    font-weight: var(--body-font-weight-bold);
    font-size: 20px
}

._offerGroupLabel_gmbpa_65:nth-child(2) {
    border-radius: 4px 0 0 4px
}

._offerGroupLabel_gmbpa_65:nth-child(4) {
    border-radius: 0 4px 4px 0
}

._offerTitle_gmbpa_77 {
    font-weight: var(--body-font-weight-bold);
    font-size: 20px;
    text-align: center
}

._offerDivider_gmbpa_83 {
    width: 100%;
    border: none;
    border-bottom: 1px solid currentColor;
    opacity: .54
}

._offerBenefits_gmbpa_90 {
    margin-bottom: 16px;
    padding: 0
}

._offerBenefits_gmbpa_90>li {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    padding: 4px 0
}

._offerBenefits_gmbpa_90>li>svg {
    flex-shrink: 0;
    margin-right: 4px;
    fill: #5aae4a
}

@media screen and (max-width: 479px) {
    ._offerBenefits_gmbpa_90>li {
        font-size: 14px
    }
}

._fill_gmbpa_111 {
    flex: 1
}

._offerPrice_gmbpa_115 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    font-size: 32px
}

._offerPrice_gmbpa_115>small {
    margin-left: 4px;
    font-size: 12px
}

._dialogBackButton_1pa6f_1 {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 48px;
    height: 48px
}

._backButton_1ku91_1 {
    position: absolute;
    right: 0;
    left: 0
}

._title_1ku91_7 {
    margin-bottom: 24px;
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._order_1ku91_13 {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 16px;
    background-color: #ffffff14;
    border-radius: 4px
}

._orderTitle_1ku91_22 {
    margin: 0;
    font-weight: var(--body-font-weight-bold);
    font-size: 14px
}

._orderTitleMargin_1ku91_28 {
    margin-bottom: 4px
}

._orderBillingDate_1ku91_32 {
    margin: 0;
    font-size: 14px
}

._orderInfo_1ku91_37 {
    flex: 1
}

._orderPrice_1ku91_41 {
    display: flex;
    align-items: baseline
}

._orderPrice_1ku91_41>span {
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._orderPrice_1ku91_41>small {
    margin-left: 4px;
    font-size: 14px
}

._couponForm_1ku91_54 {
    margin-bottom: 24px;
    text-align: right
}

._redeemCoupon_1ku91_59 {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 8px
}

._couponInput_1ku91_66 {
    flex: 1;
    width: 100%;
    height: 36px;
    margin-right: 4px;
    padding: 14px;
    color: #ffffffb3;
    font-size: 16px;
    background-color: #0000008a;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 4px;
    transition: border .2s ease
}

._couponInput_1ku91_66:focus-within {
    color: #fff;
    border-color: #fff
}

._orderTotals_1ku91_84 {
    width: 100%;
    margin-bottom: 24px;
    font-size: 18px
}

._orderTotals_1ku91_84 td:first-child {
    text-align: right
}

._orderTotals_1ku91_84 td:last-child {
    width: 100px;
    text-align: right
}

._orderTotals_1ku91_84 ._couponCell_1ku91_96 {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1em
}

._orderTotals_1ku91_84 ._couponCell_1ku91_96>small {
    font-size: 14px
}

._orderTotals_1ku91_84 tfoot tr:first-child td {
    padding-top: 8px;
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._orderTotals_1ku91_84 tfoot tr:last-child td {
    font-size: 14px
}

._divider_1ku91_113 {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, .34)
}

._paymentMethods_1ku91_118 {
    display: flex;
    margin: 0 -4px 24px
}

._paymentMethod_1ku91_118 {
    flex: 1;
    margin: 0 4px
}

._radio_1ku91_128 {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    clip-path: inset(50%)
}

._radio_1ku91_128 :focus+._paymentMethodLabel_1ku91_137,
._radio_1ku91_128 :active+._paymentMethodLabel_1ku91_137 {
    border-color: #fff
}

._radio_1ku91_128:checked+._paymentMethodLabel_1ku91_137 {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

._radio_1ku91_128:checked+._paymentMethodLabel_1ku91_137 svg {
    fill: #000
}

._paymentMethodLabel_1ku91_137 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    font-weight: var(--body-font-weight-bold);
    font-size: 20px;
    background-color: #00000057;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 4px;
    cursor: pointer;
    transition: border .2s ease, background .2s ease
}

._paymentMethodLabel_1ku91_137>svg {
    margin-right: 4px
}

._noPaymentNeeded_1ku91_167 {
    padding: 24px 0;
    font-weight: var(--body-font-weight-bold);
    font-size: 20px;
    text-align: center
}

._adyen_1wab6_1,
._container_1wab6_5 {
    margin-bottom: 24px
}

.adyen-checkout__card-input .adyen-checkout__card__form .adyen-checkout__label__text {
    color: #fff;
    font-family: var(--body-font-family);
    font-size: 16px;
    line-height: 18px
}

.adyen-checkout__card-input .adyen-checkout__card__form .adyen-checkout__error-text {
    font-family: var(--body-font-family);
    font-size: 14px
}

._payPal_17v1t_1 p,
._noPaymentRequired_170kq_1 p {
    font-weight: var(--body-font-weight-bold);
    font-size: 20px;
    text-align: center
}

._cardTypeWrapper_lfmk2_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px
}

._paymentForm_g66uf_1 {
    display: grid;
    gap: 5px
}

._columns_g66uf_6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 15px
}

._title_173ks_1 {
    margin: 24px 0;
    font-weight: var(--body-font-weight-bold);
    font-size: 26px
}

._text_173ks_7 {
    margin-bottom: 24px;
    font-size: 16px
}

._button_173ks_12 {
    margin-bottom: 8px
}

._title_17xro_1 {
    margin: 24px 0;
    font-weight: var(--body-font-weight-bold);
    font-size: 26px
}

._text_17xro_7 {
    margin-bottom: 24px;
    font-size: 16px
}

._button_17xro_12 {
    margin: 16px 0
}

._title_bmbtt_1 {
    margin: 24px 0;
    font-weight: var(--body-font-weight-bold);
    font-size: 26px
}

._text_bmbtt_7 {
    margin-bottom: 24px;
    font-size: 16px
}

._button_bmbtt_12 {
    margin: 16px 0
}

._notSure_bmbtt_16 {
    font-size: 16px
}

._link_bmbtt_20 {
    margin-bottom: 24px;
    margin-left: 6px;
    color: var(--primary-color);
    font-weight: var(--body-font-weight-bold);
    cursor: pointer
}

._link_bmbtt_20:hover {
    text-decoration: underline
}

._title_feuiy_1 {
    margin-bottom: 8px;
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._confirmButton_feuiy_7 {
    margin-bottom: 8px
}

._title_od1i3_1 {
    margin-bottom: 8px;
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._title_tx74u_1 {
    margin-bottom: 16px;
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._infoBox_tx74u_7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    background: rgba(255, 255, 255, .08);
    border-radius: 4px
}

._infoBox_tx74u_7>strong {
    line-height: 16px;
    letter-spacing: .25px
}

._price_tx74u_24 {
    font-size: 14px;
    line-height: 18px
}

._price_tx74u_24>strong {
    font-weight: var(--body-font-weight-bold);
    font-size: 24px;
    line-height: 26px
}

._confirmButton_tx74u_34 {
    margin-bottom: 8px
}

._title_1o843_1 {
    margin-bottom: 16px;
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._title_1t04b_1 {
    margin: 24px 0;
    font-weight: var(--body-font-weight-bold);
    font-size: 26px
}

._text_1t04b_7 {
    margin-bottom: 24px;
    font-size: 16px
}

._button_1t04b_12 {
    margin-bottom: 8px
}

._link_1t04b_16,
._textField_1t04b_17 {
    margin-bottom: 24px
}

._welcome_v7d1f_1 h2,
._title_82pz9_1 {
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

._message_82pz9_6 {
    font-size: 16px
}

._center_153q1_1 {
    text-align: center
}

._controls_dt37o_1 {
    margin-top: 16px
}

._controls_dt37o_1>button {
    margin-right: 8px
}

._maxWidth_dt37o_8 {
    max-width: 500px
}

._configModal_dt37o_12 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--body-background-color)
}

._configModal_dt37o_12 p {
    max-width: 500px;
    margin-bottom: 0;
    color: #ffffffb3;
    font-size: 14px;
    line-height: 18px
}

._configModal_dt37o_12 a,
._configModal_dt37o_12 a:visited,
._configModal_dt37o_12 a:hover,
._configModal_dt37o_12 a:active {
    color: inherit;
    font-weight: var(--body-font-weight-bold);
    text-decoration: underline;
    cursor: pointer
}

._note_dt37o_33 {
    padding: 16px;
    text-align: center
}

._note_dt37o_33 a {
    text-decoration: underline;
    cursor: pointer
}

._note_dt37o_33 * {
    margin-top: 8px;
    color: #ffffffb3;
    font-weight: var(--body-font-weight-bold)
}

._title_gkrmh_1 {
    margin-bottom: 24px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px
}

._body_gkrmh_8 {
    font-family: Helvetica, Arial, sans-serif
}

._confirmButton_gkrmh_12 {
    margin-bottom: 8px
}

._dropdown_qeo7b_1 {
    position: fixed;
    right: 0;
    bottom: 0;
    width: auto;
    margin-right: 8px;
    margin-left: auto;
    font-family: monospace
}

._dropdown_qeo7b_1>div {
    width: 100%;
    min-width: 150px;
    margin-right: 20px
}

div._about_c4gxs_1 {
    max-width: 960px;
    margin: 24px auto;
    padding: 16px;
    font-size: 16px;
    background-color: #ffffff1a
}

._search_1t8zm_1 {
    margin: 0 64px;
    color: var(--primary-color);
    font-family: var(--body-alt-font-family);
    text-align: center
}

._search_1t8zm_1>main {
    margin-top: 6px
}

@media screen and (max-width: 479px) {
    ._search_1t8zm_1 {
        margin: 0 16px
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._search_1t8zm_1 {
        margin: 0 32px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    ._search_1t8zm_1 {
        margin: 0 48px
    }
}

._main_1t8zm_26 {
    margin: -8px
}

._header_1t8zm_30 {
    display: flex;
    align-items: center;
    margin: 24px 0
}

._header_1t8zm_30>h2 {
    font-family: var(--body-alt-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

@media screen and (max-width: 1023px) {
    ._header_1t8zm_30 {
        justify-content: space-between
    }
}

._error_1t8zm_46 {
    margin: 20px;
    color: var(--primary-color)
}

._user_1k1su_1 {
    display: flex;
    justify-content: center;
    margin: 56px 64px;
    color: var(--primary-color);
    font-family: var(--body-alt-font-family)
}

@media screen and (max-width: 479px) {
    ._user_1k1su_1 {
        margin: 0 16px
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._user_1k1su_1 {
        margin: 0 24px
    }
}

._leftColumn_1k1su_19 {
    width: 250px;
    margin-right: 24px;
    padding-left: 19px;
    font-weight: var(--body-font-weight-bold);
    font-size: 18px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: .5px
}

._button_1k1su_30 {
    margin-bottom: 16px
}

._logoutLi_1k1su_34 {
    margin-bottom: 0;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, .32)
}

._logoutLi_1k1su_34>a {
    margin-bottom: 0
}

._mainColumn_1k1su_43 {
    width: 100%;
    max-width: 750px
}

._panel_1k1su_48 {
    margin-bottom: 24px;
    padding: 16px;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 18px;
    letter-spacing: .15px;
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 6px 10px #00000024, 0 1px 18px #0000001f, 0 3px 5px #0003
}

._panel_1k1su_48>ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

._panelHeader_1k1su_65 {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .32)
}

._panelHeader_1k1su_65>h3 {
    font-weight: var(--body-font-weight-bold);
    font-size: 24px;
    line-height: 26px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

._checkbox_1k1su_77 {
    display: flex;
    align-items: center
}

._checkbox_1k1su_77>input {
    margin-right: 10px
}

._infoBox_h1qu4_1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    background: rgba(255, 255, 255, .08);
    border-radius: 4px
}

._infoBox_h1qu4_1>strong {
    line-height: 16px;
    letter-spacing: .25px
}

._price_h1qu4_17 {
    font-size: 14px;
    line-height: 18px
}

._price_h1qu4_17>strong {
    font-weight: var(--body-font-weight-bold);
    font-size: 24px;
    line-height: 26px
}

._cardDetails_h1qu4_27 {
    display: flex;
    margin-top: 32px
}

button {
    margin-right: 16px
}

._flexBox_1sko4_5 {
    display: flex;
    flex-direction: column
}

._flexBox_1sko4_5>* {
    margin-bottom: 8px
}

._controls_1sko4_13 {
    margin-top: 16px
}

._controls_1sko4_13>button {
    margin-right: 8px
}

._submitConsents_1sko4_20 {
    margin-top: 16px
}

._header_17fi9_1 {
    display: flex;
    margin-bottom: 24px
}

._header_17fi9_1>h3 {
    margin-right: 24px;
    font-weight: var(--body-font-weight-bold);
    font-size: 34px;
    font-style: normal;
    line-height: 36px;
    letter-spacing: .25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

._playlist_17big_1 {
    margin: 0 64px;
    color: var(--primary-color);
    font-family: var(--body-alt-font-family);
    text-align: center
}

._playlist_17big_1>main {
    margin-top: 6px
}

@media screen and (max-width: 479px) {
    ._playlist_17big_1 {
        margin: 0 16px
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._playlist_17big_1 {
        margin: 0 32px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    ._playlist_17big_1 {
        margin: 0 48px
    }
}

._main_17big_26 {
    margin: -8px
}

._header_17big_30 {
    display: flex;
    align-items: center;
    height: 36px;
    margin: 24px 0
}

._header_17big_30>h2 {
    font-family: var(--body-alt-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 24px
}

@media screen and (max-width: 1023px) {
    ._header_17big_30 {
        justify-content: space-between
    }
}

._cell_17big_47 {
    padding: 8px
}

._error_17big_51 {
    margin: 20px;
    color: var(--primary-color)
}

._epgContainer_1b7k0_1 {
    padding: 37px 56px 0
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    ._epgContainer_1b7k0_1 {
        padding: 34px 36px 36px
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._epgContainer_1b7k0_1 {
        padding: 34px 24px 24px
    }
}

@media screen and (max-width: 479px) {
    ._epgContainer_1b7k0_1 {
        padding: 0
    }
}

@media screen and (max-width: 1023px) {
    ._catchupButton_1b7k0_21 {
        flex: 2 !important;
        white-space: nowrap
    }
}

._tag_1b7k0_27 {
    margin-right: 8px
}

._epg_1ykrh_1 {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 16px;
    background-color: var(--body-background-color);
    border-radius: 4px
}

._epg_1ykrh_1>div:nth-child(2) {
    padding: 0 !important
}

._epg_1ykrh_1>div:nth-child(2)>div>div:first-child {
    z-index: 2
}

._epg_1ykrh_1>div:nth-child(2)>div>div:nth-child(2) {
    overflow-y: hidden !important;
    scrollbar-width: none !important
}

._epg_1ykrh_1>div:nth-child(2)>div>div:nth-child(2)::-webkit-scrollbar {
    display: none !important
}

._epg_1ykrh_1>div:nth-child(2)>div>div:nth-child(2)>div:first-child {
    z-index: 3;
    box-shadow: 0 8px 10px #00000024, 0 3px 14px #0000001f, 0 4px 5px #0003
}

._epg_1ykrh_1>div:nth-child(2)>div>div:nth-child(2)>div[data-testid=sidebar] {
    z-index: 3
}

@media screen and (max-width: 479px) {
    ._epg_1ykrh_1 {
        border-radius: 0
    }
}

._epgSpinner_1ykrh_35 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%)
}

._timelineControl_1ykrh_43 {
    display: flex;
    align-items: center;
    width: 100%
}

@media screen and (max-width: 479px) {
    ._timelineControl_1ykrh_43 {
        position: absolute;
        z-index: 4;
        width: 60px;
        height: 60px
    }
}

._timelineNowButton_1ykrh_57 {
    justify-content: center;
    width: 160px;
    margin-right: auto
}

@media screen and (max-width: 479px) {
    ._timelineNowButton_1ykrh_57 {
        width: 60px
    }
}

._leftControl_1ykrh_68,
._rightControl_1ykrh_69 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    cursor: pointer;
    transition: transform .3s ease-out
}

._leftControl_1ykrh_68>svg,
._rightControl_1ykrh_69>svg {
    width: 35px;
    height: 35px
}

._leftControl_1ykrh_68:hover,
._rightControl_1ykrh_69:hover {
    transform: scale(1.2)
}

@media screen and (max-width: 479px) {

    ._leftControl_1ykrh_68,
    ._rightControl_1ykrh_69 {
        display: none
    }
}

._leftControl_1ykrh_68 {
    margin-right: 16px
}

._epgChannelBox_hazxl_1 {
    position: absolute;
    padding: 8px 0;
    background-color: var(--body-background-color)
}

._epgChannel_hazxl_1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #ffffff14;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .4s ease-in-out, border .1s ease
}

._epgChannel_hazxl_1:hover {
    border: 2px solid var(--primary-color)
}

@media screen and (max-width: 479px) {
    ._epgChannel_hazxl_1 {
        background-color: transparent
    }
}

._epgChannelLogo_hazxl_27 {
    max-width: 75px;
    max-height: 75px;
    border-radius: 4px
}

@media screen and (max-width: 479px) {
    ._epgChannelLogo_hazxl_27 {
        max-width: 50px
    }
}

._epgProgramBox_4ln9p_1 {
    position: absolute;
    padding: 8px 4px;
    overflow: hidden
}

._epgProgram_4ln9p_1 {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 16px;
    overflow: hidden;
    text-shadow: none;
    background-color: #ffffff14;
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .4s ease-in-out, transform .1s ease, border .1s ease;
    will-change: transform
}

._epgProgram_4ln9p_1._disabled_4ln9p_24 {
    cursor: default;
    opacity: .4
}

._epgProgram_4ln9p_1._live_4ln9p_28 {
    border: 2px solid #fff
}

._epgProgram_4ln9p_1._selected_4ln9p_31 {
    background-color: var(--highlight-color, #fff)
}

._epgProgram_4ln9p_1._selected_4ln9p_31 ._epgProgramTitle_4ln9p_34 {
    color: #000
}

._epgProgram_4ln9p_1._selected_4ln9p_31 ._epgProgramText_4ln9p_37 {
    color: #000000b3
}

._epgProgram_4ln9p_1:not(._disabled_4ln9p_24):hover {
    border: 2px solid #fff;
    transform: scale(1.01)
}

@media screen and (max-width: 479px) {
    ._epgProgram_4ln9p_1 {
        padding: 8px
    }
}

._epgLiveTag_4ln9p_50 {
    position: absolute;
    bottom: 20px;
    left: 68px;
    display: flex;
    align-items: center;
    padding: 2px 6px;
    color: var(--card-color);
    font-family: var(--body-font-family);
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    background-color: #ce153f;
    border-radius: 4px
}

@media screen and (max-width: 479px) {
    ._epgLiveTag_4ln9p_50 {
        position: relative;
        bottom: initial;
        left: initial;
        justify-content: center;
        width: 35px;
        padding: initial;
        font-size: 10px
    }
}

._epgProgramContent_4ln9p_77 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._epgProgramTitle_4ln9p_34 {
    overflow: hidden;
    color: #fff;
    font-family: var(--body-font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (max-width: 479px) {
    ._epgProgramTitle_4ln9p_34 {
        margin: auto 0;
        font-size: 14px;
        line-height: 16px
    }
}

._epgProgramText_4ln9p_37 {
    overflow: hidden;
    color: #ffffffb3;
    font-family: var(--body-font-family);
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (max-width: 479px) {
    ._epgProgramText_4ln9p_37 {
        margin-top: auto;
        font-size: 12px;
        line-height: 14px
    }
}

._epgProgramImage_4ln9p_121 {
    width: 100px;
    margin-right: 16px;
    border-radius: 4px
}

._timelineBox_10xo1_1 {
    position: relative;
    font-size: 14px
}

._timelineBox_10xo1_1:first-child>._timelineTime_10xo1_5 {
    left: -2px
}

._timelineTime_10xo1_5 {
    position: absolute;
    top: 12px;
    left: -18px;
    color: #fff
}

._timelineContainer_10xo1_16 {
    position: sticky;
    top: 0;
    display: flex;
    height: 60px
}

._timelineDividers_10xo1_23 {
    display: grid;
    align-items: end;
    width: 100%;
    height: 100%;
    padding-bottom: 8px;
    grid-template-columns: repeat(4, 1fr)
}

._timelineDivider_10xo1_23 {
    width: 1px;
    height: 6px;
    margin-right: 10px;
    background: #fff
}

._timelineDivider_10xo1_23:first-child {
    width: 2px;
    height: 12px;
    margin-top: 50%
}

._layout_1qoum_1 {
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

._main_1qoum_7 {
    flex: 1
}

div._footer_1qoum_11 {
    padding: 20px 40px;
    line-height: 18px;
    letter-spacing: .15px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

div._footer_1qoum_11>div>a,
div._footer_1qoum_11 a:visited,
div._footer_1qoum_11 a:active,
div._footer_1qoum_11 a:hover {
    color: #fff;
    text-decoration: none
}

._divider_1qoum_26 {
    width: 100%;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, .12)
}

._buttonContainer_1qoum_32 {
    display: flex;
    flex-direction: column;
    padding: 0 16px
}

._buttonContainer_1qoum_32>button:first-child {
    margin-bottom: 8px
}

._header_6kx9z_1 {
    height: 56px;
    padding: 10px 64px;
    color: var(--header-contrast-color, #fff);
    background: var(--header-background, transparent)
}

._header_6kx9z_1._fixed_6kx9z_7 {
    position: fixed;
    z-index: 15;
    width: 100%
}

._header_6kx9z_1._static_6kx9z_12 {
    position: static;
    width: 100%
}

._container_6kx9z_17 {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100%
}

._menu_6kx9z_24 {
    display: none
}

._iconButton_6kx9z_28 {
    width: 36px;
    height: 36px
}

._iconButton_6kx9z_28>svg {
    fill: currentColor
}

._brand_6kx9z_36 {
    align-self: center;
    margin-right: 16px
}

._nav_6kx9z_41 {
    display: inline-block;
    flex: 1;
    align-items: center
}

._nav_6kx9z_41>a {
    height: 36px;
    min-height: 36px;
    margin: 0 6px;
    font-weight: var(--body-font-weight-bold);
    font-size: 18px
}

._search_6kx9z_54 {
    max-width: 180px
}

._mobileSearch_6kx9z_58 {
    position: absolute;
    right: 0;
    left: 0;
    display: flex
}

._mobileSearch_6kx9z_58>div:first-child {
    flex: 1
}

._mobileSearchActive_6kx9z_68 ._menu_6kx9z_24,
._mobileSearchActive_6kx9z_68 ._brand_6kx9z_36 {
    display: none
}

._buttonContainer_6kx9z_73>button:first-child {
    margin-right: 8px;
    margin-left: 16px
}

._userMenuButton_6kx9z_78 {
    margin-left: 8px
}

._brandCentered_6kx9z_82 ._brand_6kx9z_36 {
    text-align: center
}

@media screen and (max-width: 1023px) {
    ._header_6kx9z_1 {
        height: 56px;
        padding: 10px 32px
    }

    ._menu_6kx9z_24 {
        display: block
    }

    ._brand_6kx9z_36 {
        flex: 1;
        margin: 0 0 0 8px;
        text-align: left
    }

    ._nav_6kx9z_41 {
        display: none
    }

    ._search_6kx9z_54 {
        text-align: right
    }
}

@media screen and (max-width: 479px) {
    ._header_6kx9z_1 {
        padding: 10px 16px
    }

    ._menu_6kx9z_24,
    ._search_6kx9z_54 {
        width: 40px
    }
}

._searchBar_bqz0j_1 {
    position: relative;
    height: 36px
}

._icon_bqz0j_6 {
    position: absolute;
    margin: 6px 8px;
    pointer-events: none
}

._input_bqz0j_12 {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 36px;
    color: currentColor;
    font-weight: var(--body-font-weight-bold);
    font-size: 16px;
    background: rgba(0, 0, 0, .54);
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 4px;
    transition: border .1s ease, background .1s ease
}

._input_bqz0j_12::-webkit-input-placeholder {
    color: currentColor;
    opacity: .5
}

._input_bqz0j_12:focus,
._input_bqz0j_12:active {
    border-color: #fff;
    outline: none
}

._clearButton_bqz0j_34 {
    position: absolute;
    top: -2px;
    right: 0
}

._clearButton_bqz0j_34>svg {
    width: 18px;
    height: 18px
}

._logo_179rk_1 {
    width: auto;
    max-height: 46px;
    vertical-align: middle;
    cursor: pointer
}

@media screen and (max-width: 1023px) {
    ._logo_179rk_1 {
        max-height: 36px
    }
}

._popover_1qhjo_1 {
    position: absolute;
    top: 55px;
    right: 5px;
    z-index: 15;
    width: 250px;
    overflow: hidden;
    border-radius: 5px
}

._popover_1qhjo_1>div {
    z-index: 15
}

._panel_1wo5t_1 {
    width: 100%;
    height: 100%;
    padding: 16px 0;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 18px;
    letter-spacing: .15px;
    background: #202020;
    box-shadow: 0 6px 10px #00000024, 0 1px 18px #0000001f, 0 3px 5px #0003
}

._menuItems_1wo5t_14 {
    margin: 0;
    padding: 0;
    list-style-type: none
}

._menuItems_1wo5t_14>li>a {
    padding: 0 18px;
    font-size: 16px
}

._button_1wo5t_24 {
    margin-bottom: 16px
}

._divider_1wo5t_28 {
    vertical-align: baseline;
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .12)
}

._divider_1wo5t_28._inPopover_1wo5t_34 {
    margin: 16px;
    border-top: 1px solid rgba(255, 255, 255, .32)
}

._menuButton_z2u65_1 {
    position: relative;
    display: inline-flex;
    justify-content: inherit;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: 0 16px;
    color: #fff;
    font-family: var(--body-alt-font-family);
    font-weight: var(--body-font-weight-bold);
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    background: transparent;
    outline: none;
    cursor: pointer;
    opacity: .7;
    transition: background .1s ease
}

._menuButton_z2u65_1._small_z2u65_21 {
    padding: 0 24px;
    font-size: 16px
}

._menuButton_z2u65_1._small_z2u65_21>._startIcon_z2u65_25 {
    margin-right: 24px
}

@media (hover: hover) and (pointer: fine) {

    ._menuButton_z2u65_1:hover,
    ._menuButton_z2u65_1:active {
        background: rgba(255, 255, 255, .08);
        opacity: 1
    }
}

._active_z2u65_35 {
    background: rgba(255, 255, 255, .08);
    opacity: 1
}

._startIcon_z2u65_25 {
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 12px
}

._startIcon_z2u65_25>svg {
    width: 25px;
    height: 25px;
    fill: currentColor
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ._startIcon_z2u65_25>svg {
        width: 20px;
        height: 20px
    }
}

._backdrop_etahg_1 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    transition: all .3s ease
}

._sidebar_etahg_13 {
    position: fixed;
    top: 0;
    z-index: 20;
    display: none;
    width: 270px;
    max-width: 90vw;
    height: 100vh;
    background-color: var(--body-background-color);
    transform: translate(-100%);
    transition: transform .3s cubic-bezier(.52, .51, .2, 1)
}

._heading_etahg_26 {
    display: flex;
    padding: 16px 0 0
}

._group_etahg_31 {
    display: flex;
    flex-direction: column;
    padding: 16px 0
}

@media screen and (max-width: 1023px) {
    ._sidebar_etahg_13 {
        display: inline-block
    }

    ._sidebar_etahg_13._open_etahg_41 {
        transform: translate(0)
    }

    ._backdrop_etahg_1 {
        display: inline-block;
        visibility: hidden
    }

    ._backdrop_etahg_1._visible_etahg_49 {
        visibility: visible
    }
}