﻿@import url(https://fonts.googleapis.com/css2?family=Medula+One&display=swap);

.fade-enter-active {
    animation: fade-in .5s
}

.fade-leave-active {
    animation: fade-out .5s
}

.bounce-enter-active {
    animation: bounce-in .8s
}

.bounce-leave-active {
    animation: bounce-out .5s
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes bounce-in {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes bounce-out {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    to {
        transform: scale(0)
    }
}

@font-face {
    font-family: Medula One;
    src: local("Medula One") url(/fonts/medula-one/MedulaOne-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    src: url(/assets/fonts/Roboto-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: Roboto;
    src: url(/assets/fonts/Roboto-Lightitalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: Roboto;
    src: url(/assets/fonts/Roboto-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: Roboto;
    src: url(/assets/fonts/Roboto-Bolditalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 700
}

@media screen and (min-width:760px) {
    .small-only {
        display: none
    }
}

.small-exclude {
    display: none
}

@media screen and (min-width:760px) {
    .small-exclude {
        display: block
    }
}

html {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-size: var(--body_text_size--small,16px);
    letter-spacing: 0;
    line-height: 1.4;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    background-color: #fafafa
}

@media screen and (min-width:760px) {
    html {
        font-size: 17px;
        font-size: var(--body_text_size--medium,17px)
    }
}

@media screen and (min-width:1440px) {
    html {
        font-size: 20px;
        font-size: var(--body_text_size--large,20px)
    }
}

*, :after, :before {
    box-sizing: border-box;
    margin: 0
}

body.is-locked {
    overflow: hidden
}

.container {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left
}

.max-width-container {
    padding: 0 16px;
    margin: 0 auto;
    max-width: 1568px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .max-width-container {
        padding: 0 64px
    }
}

.debug-helper {
    margin: 8px 0;
    padding: 8px;
    color: #fff;
    font-family: monospace;
    font-size: 12px;
    background-color: #fe0000;
    border: 1px solid #000
}

.widget {
    margin: 32px auto;
    margin: var(--content_spacing--small,32px) auto
}

@media screen and (min-width:1024px) {
    .widget {
        margin: 48px auto;
        margin: var(--content_spacing--large,48px) auto
    }
}

.invisible-scrollbar ::-webkit-scrollbar {
    opacity: 0;
    width: 0
}

.h1, .h2, .h3, .h4, .h5, .h6, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
    margin-top: 1.5em;
    margin-bottom: .5em;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    line-height: 1;
    text-align: left;
    text-transform: none;
    text-transform: var(--heading_text_transform,none)
}

    .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child, .wysiwyg h1:first-child, .wysiwyg h2:first-child, .wysiwyg h3:first-child, .wysiwyg h4:first-child, .wysiwyg h5:first-child, .wysiwyg h6:first-child {
        margin-top: 0
    }

.is-dark .h1, .is-dark .h2, .is-dark .h3, .is-dark .h4, .is-dark .h5, .is-dark .h6, .is-dark .wysiwyg h1, .is-dark .wysiwyg h2, .is-dark .wysiwyg h3, .is-dark .wysiwyg h4, .is-dark .wysiwyg h5, .is-dark .wysiwyg h6 {
    color: #fff
}

.h1, .wysiwyg h1 {
    font-size: 1.802em
}

@media screen and (min-width:760px) {
    .h1, .wysiwyg h1 {
        font-size: 3.052em
    }
}

.h2, .wysiwyg h2 {
    font-size: 1.602em
}

@media screen and (min-width:760px) {
    .h2, .wysiwyg h2 {
        font-size: 2.441em
    }
}

.h3, .wysiwyg h3 {
    font-size: 1.424em
}

@media screen and (min-width:760px) {
    .h3, .wysiwyg h3 {
        font-size: 1.953em
    }
}

.h4, .wysiwyg h4 {
    font-size: 1.266em
}

@media screen and (min-width:760px) {
    .h4, .wysiwyg h4 {
        font-size: 1.563em
    }
}

.h5, .wysiwyg h5 {
    font-size: 1.125em
}

@media screen and (min-width:760px) {
    .h5, .wysiwyg h5 {
        font-size: 1.25em
    }
}

.h6, .wysiwyg h6 {
    font-size: 1em
}

.icon-button {
    display: block;
    padding: 0;
    color: inherit;
    font-size: 0;
    background: transparent 50% 50% no-repeat;
    border: 0
}

    .button, .icon-button:hover {
        cursor: pointer
    }

.button {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    height: 40px;
    height: var(--button_height--small,40px);
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    line-height: 1;
    border-radius: 24px;
    border-radius: var(--button_radius,24px);
    text-decoration: none;
    white-space: nowrap;
    background: transparent;
    border: 0;
    outline: none;
    transition-property: color,background-color,box-shadow;
    transition-duration: .2s;
    transition-timing-function: ease-out
}

@media screen and (min-width:1024px) {
    .button {
        padding: 0 16px;
        height: 48px;
        height: var(--button_height--large,48px);
        font-size: 16px
    }

    .button--small {
        padding: 0 16px;
        height: 40px;
        font-size: 14px
    }
}

.button__icon {
    position: relative;
    top: 1px;
    height: 1em !important;
    width: 1em !important
}

.button__icon--left {
    margin-right: .5em
}

.button__icon--right {
    margin-left: .5em
}

.button--primary-light {
    color: #fff;
    background-color: #480024;
    box-shadow: 0 0 0 0 #480024
}

    .button--primary-light:hover {
        box-shadow: 0 0 0 4px #480024
    }

.button--primary-dark {
    color: #480024;
    background-color: #fff;
    box-shadow: 0 0 0 0 #fff
}

    .button--primary-dark:hover {
        box-shadow: 0 0 0 4px #fff
    }

.button--ghost-light {
    color: #480024;
    background-color: transparent;
    border: 2px solid #480024
}

    .button--ghost-light:hover {
        color: #fff;
        background-color: #480024
    }

.button--ghost-dark {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff
}

    .button--ghost-dark:hover {
        color: #480024;
        background-color: #fff
    }

.button--label-light {
    padding: 0;
    color: #480024;
    text-decoration: none;
    background-color: transparent;
    border: 0
}

    .button--label-light:hover {
        text-decoration: underline
    }

.button--label-dark {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border: 0
}

    .button--label-dark:hover {
        text-decoration: underline
    }

.button--inline {
    padding-left: 0
}

.primary-base-font {
    font-weight: 700;
    text-transform: uppercase
}

.heading-1, .primary-base-font, .secondary-base-font {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.heading-1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    text-transform: uppercase
}

@media screen and (min-width:760px) {
    .heading-1 {
        font-size: 38px
    }
}

@media screen and (min-width:1024px) {
    .heading-1 {
        font-size: 52px
    }
}

@media screen and (min-width:1440px) {
    .heading-1 {
        font-size: 60px
    }
}

.heading-2 {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase
}

@media screen and (min-width:760px) {
    .heading-2 {
        font-size: 24px
    }
}

@media screen and (min-width:1024px) {
    .heading-2 {
        font-size: 28px
    }
}

@media screen and (min-width:1440px) {
    .heading-2 {
        font-size: 40px
    }
}

.heading-3 {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase
}

@media screen and (min-width:450px) {
    .heading-3 {
        font-size: 20px
    }
}

.heading-4 {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase
}

@media screen and (min-width:450px) {
    .heading-4 {
        font-size: 18px
    }
}

.heading--light {
    color: #fff
}

.team-name {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase
}

@media screen and (min-width:450px) {
    .team-name {
        font-size: 16px
    }
}

@media screen and (min-width:760px) {
    .team-name {
        font-size: 24px
    }
}

@media screen and (min-width:1024px) {
    .team-name {
        font-size: 28px
    }
}

@media screen and (min-width:1440px) {
    .team-name {
        font-size: 40px
    }
}

.sub-heading {
    font-weight: 700;
    font-size: 20px
}

.header-link, .sub-heading {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.header-link {
    display: inline-block;
    margin: 0 .8em;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 1.1;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 4px solid transparent;
    white-space: nowrap;
    transition: border .3s ease-out
}

@media screen and (min-width:1024px) {
    .header-link {
        font-size: 14px
    }
}

@media screen and (min-width:1440px) {
    .header-link {
        margin: 0 1em;
        font-size: 16px
    }
}

.header-link:hover {
    border-bottom: 4px solid
}

.grid-item {
    margin: 0 0 20px
}

@media screen and (min-width:760px) {
    .grid--3-col {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0 -8px;
        min-width: calc(100% + 16px);
        max-width: calc(100% + 16px)
    }

        .grid--3-col > .grid-item {
            flex: 1;
            margin: 0 8px;
            min-width: calc(100% - 16px);
            max-width: calc(100% - 16px)
        }

    .grid--4-col {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 8px 0
    }

        .grid--4-col > .grid-item {
            flex: 1;
            margin: 0 8px 16px;
            min-width: calc(50% - 16px);
            max-width: calc(50% - 16px)
        }

    .grid--5-col {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 8px 0
    }

        .grid--5-col > .grid-item {
            flex: 1;
            margin: 0 8px 16px;
            min-width: calc(50% - 16px);
            max-width: calc(50% - 16px)
        }
}

@media screen and (min-width:1024px) {
    .grid--3-col > .grid-item {
        margin: 0 8px;
        min-width: calc(50% - 16px);
        max-width: calc(50% - 16px)
    }
}

@media screen and (min-width:1440px) {
    .grid--3-col > .grid-item {
        margin: 0 8px;
        min-width: calc(33.33% - 16px);
        max-width: calc(33.33% - 16px)
    }

    .grid--4-col > .grid-item {
        min-width: calc(25% - 16px);
        max-width: calc(25% - 16px)
    }

    .grid--5-col > .grid-item {
        min-width: calc(20% - 16px);
        max-width: calc(20% - 16px)
    }
}

.wysiwyg {
    margin-bottom: 1.5em;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-size: var(--body_text_size--small,16px);
    color: #212121
}

.is-dark .wysiwyg {
    color: #fff
}

@media screen and (min-width:760px) {
    .wysiwyg {
        font-size: 17px;
        font-size: var(--body_text_size--medium,17px)
    }
}

@media screen and (min-width:1024px) {
    .wysiwyg {
        font-size: 20px;
        font-size: var(--body_text_size--large,20px)
    }
}

.wysiwyg.rtl {
    direction: rtl;
    text-align: right;
    unicode-bidi: bidi-override
}

.wysiwyg .button--label-dark, .wysiwyg .button--label-light {
    padding: 0
}

.wysiwyg .button {
    margin-bottom: 1em
}

.wysiwyg p {
    margin-bottom: 1.5em;
    font-size: inherit
}

    .wysiwyg p.small {
        font-size: .8em
    }

.wysiwyg a:not(.button) {
    color: #480024;
    text-decoration: underline
}

    .wysiwyg a:not(.button):hover {
        text-decoration: none
    }

.is-dark .wysiwyg a:not(.button) {
    color: inherit
}

.wysiwyg .ql-size-large {
    font-size: 1.5rem;
    font-weight: 700
}

.wysiwyg hr {
    margin: 40px 0
}

.wysiwyg blockquote, .wysiwyg blockquote p {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 1.2em;
    text-transform: none;
    text-align: center;
    font-weight: 700;
    line-height: 1.3;
    margin: 1em .5em
}

.is-light .wysiwyg blockquote, .is-light .wysiwyg blockquote p {
    color: #480024
}

.is-dark .wysiwyg blockquote, .is-dark .wysiwyg blockquote p {
    color: inherit
}

.wysiwyg ol {
    margin: 1em 0;
    padding: 0 0 0 1em;
    list-style: none;
    counter-reset: li
}

    .wysiwyg ol li {
        font-size: 1em;
        margin-bottom: 1em;
        position: relative;
        counter-increment: li
    }

        .wysiwyg ol li:before {
            content: counter(li) ".";
            display: inline-block;
            width: 1em;
            margin-left: -1.5em;
            margin-right: .5em;
            color: #212121;
            font-weight: inherit;
            font-family: Roboto,sans-serif;
            font-family: var(--primary_font,"Roboto",sans-serif);
            text-align: right
        }

.is-dark .wysiwyg ol li:before {
    color: #fff
}

.wysiwyg ul {
    margin: 1em 0;
    padding: 0 0 0 1em;
    list-style: none;
    counter-reset: li
}

    .wysiwyg ul li {
        margin: 0 0 1em;
        font-size: 1em;
        position: relative
    }

        .wysiwyg ul li:before {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            background-color: #212121;
            border-radius: 50%;
            top: .5em;
            left: -1em
        }

.is-dark .wysiwyg ul li:before {
    background-color: #fff
}

.wysiwyg .table-wrapper {
    overflow-x: auto
}

.wysiwyg table {
    margin-bottom: 1em;
    width: 100%;
    text-align: left;
    border-collapse: collapse
}

.wysiwyg thead tr {
    color: #fff;
    background-color: #480024
}

.is-dark .wysiwyg thead tr {
    color: #480024;
    background-color: #fff
}

.wysiwyg th {
    padding: .5em;
    color: #fff;
    font-weight: 700;
    background-color: #480024;
    border: 1px solid #fff
}

.is-dark .wysiwyg th {
    color: #480024;
    border: 1px solid #212121
}

.is-dark .wysiwyg th, .wysiwyg tr:nth-child(odd) td {
    background-color: #fff
}

.is-dark .wysiwyg tr:nth-child(odd) td {
    background-color: rgba(242,245,250,.2)
}

.wysiwyg tr:nth-child(2n) td {
    background-color: #fff
}

.is-dark .wysiwyg tr:nth-child(2n) td {
    background-color: rgba(250,251,253,.1)
}

.wysiwyg td {
    padding: .5em;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: .8em;
    font-weight: 400;
    border: 1px solid #aaa
}

.is-dark .wysiwyg td {
    color: #fff;
    border: 1px solid #212121
}

.wysiwyg td > b, .wysiwyg td > strong {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 1em;
    text-transform: uppercase
}

.wysiwyg img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 640px;
    margin: 1em auto
}

.wysiwyg > :last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.radial-overlay {
    position: relative
}

    .radial-overlay:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg,transparent 25%,rgba(0,0,0,.45) 50%,#000);
        z-index: 3;
        transition: height .4s ease-out;
        opacity: 1
    }

@media screen and (min-width:1024px) {
    .radial-overlay:before {
        background: radial-gradient(ellipse at top,transparent,rgba(0,0,0,.3) 40%,#000)
    }
}

.radial-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient(180deg,rgba(0,0,0,.7),transparent);
    height: 96px;
    z-index: 2
}

@media screen and (min-width:760px) {
    .radial-overlay:after {
        height: 128px
    }
}

.linear-overlay {
    position: relative
}

    .linear-overlay:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(180deg,transparent 25%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9));
        z-index: 2
    }

.highlight-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 8px 0 0;
    background: #fff;
    border-top: 1px solid hsla(0,0%,100%,.2)
}

@media screen and (min-width:1024px) {
    .highlight-block {
        padding: 8px 32px 0;
        border-top: 0;
        border-left: 1px solid hsla(0,0%,100%,.2)
    }
}

.highlight-block:first-child {
    border: 0
}

.highlight-block__loader {
    margin: auto;
    color: #480024
}

.highlight-block__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    margin-bottom: 8px
}

.highlight-block__label {
    color: #565656;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none
}

.highlight-block__footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: auto 0 0;
    padding: 16px 0
}

.highlight-block__button {
    margin: 0 16px
}

.streaming-passes__pass-body--with-padding p {
    color: #fff !important;
    text-align: left !important
}

    .streaming-passes__pass-body--with-padding p:first-child {
        padding-top: 8px !important
    }

.aggregated-content__advert .banner-advert__link {
    padding: 0 !important
}

.article-card.is-category--\/arabic {
    text-align: right;
    direction: rtl
}

    .article-card.is-category--\/arabic .article-card__title {
        width: 100%;
        text-align: right;
        direction: rtl
    }

    .article-card.is-category--\/arabic .article-card__date, .article-card.is-category--\/arabic .article-card__meta {
        text-align: left;
        direction: ltr
    }

.button-slice .button {
    overflow-anchor: none
}

a:not(.button) {
    color: #620031;
    text-decoration: none !important
}

    a:not(.button):hover {
        text-decoration: underline
    }

.is-dark a:not(.button) {
    color: #94bee5
}

.article-card /deep/ a:hover, .category-menu__link:hover, .grid-card /deep/ a:hover, .header-link:hover, .news-stacker-item /deep/ a:hover, .page-card /deep/ a:hover, .tab-headers__link:hover {
    text-decoration: none !important
}

.is-light blockquote, .is-light blockquote p {
    color: #2f0017
}

.is-dark blockquote, .is-dark blockquote p {
    color: #fff
}

.hero-carousel {
    margin-bottom: -80px
}

@media screen and (min-width:760px) {
    .hero-carousel {
        margin-bottom: -70px
    }
}

.highlight-bar {
    z-index: 1 !important
}

.mini-table__table thead {
    display: none !important
}

.mini-table__table tr:nth-child(odd) td {
    background-color: transparent
}

.mini-table__view-table {
    text-transform: none !important
}

.highlight-carousel .glide__track, .highlight-carousel .glide__track .glide__slides {
    height: 196px !important
}

    .highlight-carousel .glide__track .glide__slides .glide__slide {
        padding: 0 16px 8px !important
    }

.highlight-stack__inner {
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.16);
    background-color: #fff
}

.featured-article__inner {
    padding: 0 16px 64px 0 !important
}

.glide__bullets {
    bottom: 96px !important
}

.glide__bullet {
    width: 6px !important;
    height: 6px !important;
    position: relative;
    margin: 0 .5em !important
}

.glide__bullet--active:before {
    position: absolute;
    content: "";
    border: 2px solid #94bee5;
    border-radius: 50%;
    top: -9px;
    bottom: -9px;
    left: -9px;
    right: -9px
}

.carousel-bullet.glide__bullet {
    background-color: #480024 !important;
    opacity: 1 !important
}

    .carousel-bullet.glide__bullet:before {
        position: absolute;
        content: "";
        border: 2px solid transparent;
        border-radius: 50%;
        top: -9px;
        bottom: -9px;
        left: -9px;
        right: -9px
    }

.carousel-bullet.glide__bullet--active:before {
    border: 2px solid #480024 !important
}

.carousel-bullets {
    bottom: -24px !important
}

.aggregated-content {
    padding: 0 !important
}

.aggregated-content__item {
    border: 3px solid #efefef;
    border-radius: 16px;
    transform: translateZ(0);
    overflow: hidden
}

.aggregated-content__item--double .article-card__meta:after, .aggregated-content__item--double .video-card__meta:after {
    background: none !important
}

.aggregated-content__item--double .article-card__date, .aggregated-content__item--double .article-card__icon, .aggregated-content__item--double .article-card__title, .aggregated-content__item--double .video-card__date, .aggregated-content__item--double .video-card__icon, .aggregated-content__item--double .video-card__title {
    color: #fff !important
}

.aggregated-content__item--double .article-card__category, .aggregated-content__item--double .video-card__category {
    color: #94bee5 !important
}

.aggregated-content .video-card__meta:after {
    background: none !important
}

.aggregated-content .video-card__date, .aggregated-content .video-card__icon, .aggregated-content .video-card__title {
    color: #fff !important
}

.aggregated-content .video-card__category {
    color: #94bee5 !important
}

.aggregated-content__item-inner {
    position: absolute !important
}

.featured-article__meta:after, .grid-card__meta:after {
    background: none !important
}

.featured-article__date, .featured-article__icon, .featured-article__title, .grid-card__date, .grid-card__icon, .grid-card__title {
    color: #fff !important
}

.featured-article__category, .grid-card__category {
    color: #94bee5 !important
}

.news-stacker-item__meta:after {
    background: #fff !important
}

.news-stacker-item__title--dark {
    text-transform: none !important
}

.news-grid__first-item .article-card__meta:after, .news-stacker-item .article-card__meta:after {
    background: none !important
}

.news-grid__first-item .article-card__date, .news-grid__first-item .article-card__icon, .news-grid__first-item .article-card__title, .news-stacker-item .article-card__date, .news-stacker-item .article-card__icon, .news-stacker-item .article-card__title {
    color: #fff !important
}

.news-grid__first-item .article-card__category, .news-stacker-item .article-card__category {
    color: #94bee5 !important
}

.article-card__meta:after {
    background: none !important
}

.menu-header__row {
    flex-direction: row-reverse !important;
    justify-content: flex-start !important
}

.menu-header__search {
    margin-right: 24px !important
}

.profile-button.menu-header__account {
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%)
}

.button {
    font-weight: 700
}

.header-container {
    padding: 0 16px !important
}

@media screen and (min-width:1024px) {
    .header-container {
        padding: 0 64px !important
    }
}

.header-container__link {
    font-weight: 400;
    font-weight: var(--body_text_weight,400)
}

@media screen and (min-width:760px) {
    .header-container__link {
        margin-left: 40px !important
    }
}

@media screen and (min-width:1024px) {
    .header-container__link {
        font-size: 16px !important
    }
}

.header--solid .wrapper .header__inner, .header--sticky .wrapper .header__inner {
    background-color: #2f0017 !important
}

.header__inner {
    z-index: unset !important
}

.header__left {
    z-index: 17 !important
}

@media screen and (min-width:760px) {
    .header__left {
        left: 0 !important
    }
}

@media screen and (min-width:1024px) {
    .header__left {
        left: 48px !important
    }
}

.reveal--hidden {
    top: -64px !important
}

.header-sponsors {
    margin-left: 0 !important
}

    .header-sponsors:before {
        display: none
    }

@media screen and (min-width:760px) {
    .villatv-download-desktop {
        margin-top: 32px !important
    }
}

.mini-score.is-sticky {
    top: 0 !important
}

.article-hero__content.overlap {
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.8) 80px,#000) !important
}

.cta-widget__detail--desc {
    font-size: 16px !important
}

@media screen and (min-width:760px) {
    .news-category-listing /deep/ .article-card__title {
        font-size: 1.125em
    }
}

.stats .overview .overview__row {
    justify-content: space-around !important
}

@media screen and (min-width:450px) {
    .stats .overview .overview__row .overview__item {
        flex-basis: 33.33% !important
    }
}

@media screen and (min-width:760px) {
    .stats .overview .overview__row .overview__item {
        flex-basis: 20% !important
    }
}

.player-details__firstname, .player-details__lastname {
    line-height: 1.2 !important
}

.page-count__page--active {
    color: #620031 !important
}

@media screen and (min-width:1024px) {
    .footer-sponsors {
        padding: 0 32px 32px !important
    }
}

.footer-sponsors__sponsor--large {
    width: 200px !important;
    height: 160px !important
}

.footer-menu {
    padding: 0 !important
}

.loaned-card__loan-club {
    color: #fff
}

.loaned-card__date, .loaned-card__date-tag {
    font-size: 12px !important
}

.match-card, .match-card__body {
    border-radius: 8px !important
}

@media screen and (min-width:1024px) {
    .match-card, .match-card__body {
        border-radius: 16px !important
    }
}

.news-stacker-item__image {
    border-radius: 8px !important
}

.grid-card, .highlight-carousel__block, .highlight-stack__block, .highlight-stack__inner, .news-grid .article-card, .overview, .related-news .article-card, .stat-group {
    border-radius: 16px !important
}

.overview__heading, .stat-group__title {
    border-radius: 16px 16px 0 0 !important
}

.video-player__header {
    height: 64px;
    background: transparent url(/villatv--logo.png) 50% no-repeat;
    background-size: 200px;
    width: 100%
}

    .video-player__header svg.video-player__logo {
        display: none
    }

.footer-gamechanger-notice--dark {
    display: none !important
}

.squad-hero__heading {
    text-transform: capitalize
}

@media screen and (max-width:449px) {
    .global-nav__link {
        margin: 0 6px !important
    }
}

@media screen and (max-width:639px) {
    .popup-wrapper .popup__button {
        margin: auto !important
    }

    .popup-wrapper .popup__button--decline {
        order: -1 !important;
        margin: 16px auto !important
    }
}

.big-screen {
    overflow: hidden
}

.header-sponsors .header-sponsors__link:first-child {
    margin-left: 4px !important
}

.divider-logo-wrapper {
    width: 98px !important;
    top: calc(50% - 28px) !important
}

    .divider-logo-wrapper .divider-logo {
        height: 56px !important
    }

.related-news .article-card.transparent-card.featured-grid4__card {
    border-radius: 0 !important
}

.hero-carousel .featured-article__title, .news-grid__heading--dark, .squad-hero .squad-hero__heading {
    font-family: Medula One,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif !important;
    text-transform: uppercase !important;
    font-size: 3.6em !important;
    font-weight: 400
}

.aggregated-content .aggregated-content__heading, .product-carousel .product-carousel__heading {
    font-size: 3em !important
}

.aggregated-content .aggregated-content__heading, .article-hero__content .article-hero__title, .product-carousel .product-carousel__heading {
    font-family: Medula One,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 400
}

.article-hero__content .article-hero__title {
    font-size: 3.6em !important
}

.main-menu .main-nav-link {
    font-size: 40px !important
}

.main-menu .header-link, .main-menu .main-nav-link {
    font-family: Medula One,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 400
}

.main-menu .header-link {
    font-size: 30px !important
}

.primary-nav__link-left .primary-nav__link:first-child {
    margin-left: 0 !important
}

.header-container--reveal-sticky.reveal--visible .primary-nav__logo img, .reveal--hidden .primary-nav__logo img {
    height: 56px !important
}

.player-card__name-container .player-card__name {
    font-weight: 700 !important
}

.header-container.reveal--visible:not(.header-container--reveal-sticky) {
    height: 50px !important
}

@media screen and (min-width:1024px) {
    .header-container.reveal--visible:not(.header-container--reveal-sticky) {
        height: 100px !important
    }
}

.player-hero .squad-link {
    color: #fff !important;
    top: 46px !important
}

@media screen and (min-width:760px) {
    .player-hero .squad-link {
        top: 72px !important
    }
}

@media screen and (min-width:1024px) {
    .player-hero .squad-link {
        top: 120px !important
    }
}

@media screen and (min-width:760px) {
    .category-hero {
        margin-top: 48px !important
    }
}

@media screen and (min-width:1024px) {
    .category-hero {
        margin-top: 100px !important
    }
}

.match-centre-hero__inner .match-scores__crest, .match-centre-hero__inner .team__crest {
    background-repeat: no-repeat !important
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
        content: "\f101"
    }

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-play-circle:before {
        content: "\f102"
    }

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
        content: "\f103"
    }

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
        content: "\f104"
    }

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before {
        content: "\f105"
    }

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before {
        content: "\f106"
    }

.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
        content: "\f107"
    }

.video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
        content: "\f108"
    }

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
        content: "\f109"
    }

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-square:before {
        content: "\f10a"
    }

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-spinner:before {
        content: "\f10b"
    }

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before {
        content: "\f10c"
    }

.video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before {
        content: "\f10d"
    }

.video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before {
        content: "\f10e"
    }

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-share:before {
        content: "\f10f"
    }

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-cog:before {
        content: "\f110"
    }

.video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
        content: "\f111"
    }

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-circle-outline:before {
        content: "\f112"
    }

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-circle-inner-circle:before {
        content: "\f113"
    }

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-hd:before {
        content: "\f114"
    }

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before {
        content: "\f115"
    }

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before {
        content: "\f116"
    }

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-facebook:before {
        content: "\f117"
    }

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-gplus:before {
        content: "\f118"
    }

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-linkedin:before {
        content: "\f119"
    }

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-twitter:before {
        content: "\f11a"
    }

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-tumblr:before {
        content: "\f11b"
    }

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-pinterest:before {
        content: "\f11c"
    }

.video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before {
        content: "\f11d"
    }

.video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before {
        content: "\f11e"
    }

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-next-item:before {
        content: "\f11f"
    }

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .vjs-icon-previous-item:before {
        content: "\f120"
    }

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
        content: "\f121"
    }

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

    .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-exit:before {
        content: "\f122"
    }

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    word-break: normal
}

    .video-js:-moz-full-screen {
        position: absolute
    }

    .video-js:-webkit-full-screen {
        width: 100% !important;
        height: 100% !important
    }

    .video-js[tabindex="-1"] {
        outline: none
    }

    .video-js *, .video-js :after, .video-js :before {
        box-sizing: inherit
    }

    .video-js ul {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        list-style-position: outside;
        margin: 0
    }

    .video-js.vjs-1-1, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-16-9, .video-js.vjs-fluid {
        width: 100%;
        max-width: 100%;
        height: 0
    }

    .video-js.vjs-16-9 {
        padding-top: 56.25%
    }

    .video-js.vjs-4-3 {
        padding-top: 75%
    }

    .video-js.vjs-9-16 {
        padding-top: 177.7777777778%
    }

    .video-js.vjs-1-1 {
        padding-top: 100%
    }

    .video-js.vjs-fill, .video-js .vjs-tech {
        width: 100%;
        height: 100%
    }

    .video-js .vjs-tech {
        position: absolute;
        top: 0;
        left: 0
    }

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

    .vjs-no-js a, .vjs-no-js a:visited {
        color: #66a8cc
    }

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,.8);
    background: linear-gradient(180deg,rgba(0,0,0,.8),hsla(0,0%,100%,0));
    overflow: auto
}

    .video-js .vjs-modal-dialog > * {
        box-sizing: border-box
    }

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

    .vjs-menu-button.vjs-disabled {
        cursor: default
    }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    overflow: auto
}

    .vjs-menu .vjs-menu-content > * {
        box-sizing: border-box
    }

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

    .js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
        background-color: #73859f;
        background-color: rgba(115,133,159,.5)
    }

    .js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
        background-color: #fff;
        color: #2b333f
    }

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible), .video-js .vjs-menu :not(.vjs-selected):focus:not(.focus-visible), .video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
    background: none
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43,51,63,.7)
}

    .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        background-color: #2b333f;
        background-color: rgba(43,51,63,.7);
        position: absolute;
        width: 100%;
        bottom: 1.5em;
        max-height: 15em
    }

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

    .video-js .vjs-menu-button-inline:before {
        width: 2.222222222em
    }

    .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
        width: 12em
    }

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button > .vjs-icon-placeholder {
    display: block
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

    .video-js .vjs-progress-control.disabled {
        cursor: default
    }

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

    .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
        font-size: 1em
    }

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

    .video-js .vjs-play-progress:before {
        font-size: .9em;
        position: absolute;
        right: -.5em;
        top: -.3333333333em;
        z-index: 1
    }

.video-js .vjs-load-progress {
    background: rgba(115,133,159,.5)
}

    .video-js .vjs-load-progress div {
        background: rgba(115,133,159,.75)
    }

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5)
}

    .video-js .vjs-slider.disabled {
        cursor: default
    }

    .video-js .vjs-slider:focus {
        text-shadow: 0 0 1em #fff;
        box-shadow: 0 0 1em #fff
    }

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

    .video-js .vjs-volume-control.vjs-volume-horizontal {
        width: 5em
    }

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

    .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control {
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
    }

        .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
            width: 5em;
            height: 3em;
            margin-right: 0
        }

        .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
            left: -3.5em;
            transition: left 0s
        }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
        width: 10em;
        transition: width .1s
    }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
        width: 4em
    }

    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
        height: 8em;
        width: 3em;
        left: -3000em;
        transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
    }

    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
        transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
    }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

    .video-js .vjs-volume-level:before {
        position: absolute;
        font-size: .9em;
        z-index: 1
    }

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

    .vjs-slider-vertical .vjs-volume-level:before {
        top: -.5em;
        left: -.3em;
        z-index: 1
    }

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

    .vjs-slider-horizontal .vjs-volume-level:before {
        top: -.3em;
        right: -.5em
    }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0,0,0,.8)
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

    .video-js .vjs-play-control .vjs-icon-placeholder {
        flex: none
    }

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control, .video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial,Helvetica,sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43,51,63,.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff transparent transparent
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

    .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
        font-family: VideoJS;
        content: "";
        font-size: 1.5em;
        line-height: inherit
    }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em
}

    .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
        font-family: VideoJS;
        content: " ";
        font-size: 1.5em;
        line-height: inherit
    }

.video-js.vjs-layout-small .vjs-audio-button, .video-js.vjs-layout-small .vjs-captions-button, .video-js.vjs-layout-small .vjs-chapters-button, .video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-descriptions-button, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-subtitles-button, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-audio-button, .video-js.vjs-layout-tiny .vjs-captions-button, .video-js.vjs-layout-tiny .vjs-chapters-button, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-descriptions-button, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-subtitles-button, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-audio-button, .video-js.vjs-layout-x-small .vjs-captions-button, .video-js.vjs-layout-x-small .vjs-chapters-button, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-descriptions-button, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-subtitles-button, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: auto
}

.video-js.vjs-layout-tiny .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
    display: none
}

.video-js.vjs-layout-tiny .vjs-custom-control-spacer, .video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-tiny .vjs-progress-control, .video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43,51,63,.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports(display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

    .vjs-text-track-settings fieldset span {
        display: inline-block
    }

        .vjs-text-track-settings fieldset span > select {
            max-width: 7.3em
        }

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    display: block;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg,#fff 88%,#73859f)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43,51,63,.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg,#fff 88%,#73859f);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js > :not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible), .video-js :focus:not(.focus-visible), .video-js :focus:not(:focus-visible) {
    outline: none
}

.video-js.vjs-vtt-thumbnails {
    display: block
}

.video-js .vjs-vtt-thumbnail-display {
    width: 100px;
    height: 0;
    position: absolute;
    transition: transform .1s,opacity .2s;
    bottom: 85%;
    pointer-events: none;
    box-shadow: 0 0 7px rgba(0,0,0,.6)
}

.vjs-texttrack-settings {
    display: none
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s,opacity .4s;
    background-color: #fff;
    z-index: 999999
}

    .nuxt-progress.nuxt-progress-notransition {
        transition: none
    }

.nuxt-progress-failed {
    background-color: red
}

.reveal--visible {
    opacity: 1;
    transition: .2s ease-out
}

    .reveal--visible.global-nav__inner {
        transition: 0s ease-out .1s
    }

    .reveal--visible.global-nav__inner--transparent-dark, .reveal--visible.global-nav__inner--transparent-light {
        transition: 0s ease-out .1s;
        opacity: 1
    }

    .reveal--visible.header-container {
        transform: translateY(0);
        opacity: 1
    }

.reveal--hidden {
    opacity: 0;
    transition: .2s ease-out
}

    .reveal--hidden.global-nav__inner {
        transition: 0s ease-out .1s
    }

    .reveal--hidden.global-nav__inner--transparent-dark, .reveal--hidden.global-nav__inner--transparent-light {
        transition: .1s ease-out
    }

    .reveal--hidden.header-container {
        transform: translateY(-100%);
        opacity: 1
    }

    .reveal--hidden.header-container--use-global-nav {
        transform: translateY(calc(-100% - 32px))
    }

.site-wrap__inner {
    position: relative
}

.is-header-animated {
    opacity: 0
}

.header-slide-enter-active, .header-slide-leave-active {
    opacity: 1;
    transform: translateY(0);
    transition: all .2s ease-out
}

.header-slide-enter, .header-slide-leave-to {
    opacity: 0;
    transform: translateY(-100%)
}


.packages-enter-active, .packages-leave-active {
    transition: transform .6s cubic-bezier(.86,0,.07,1),opacity .4s cubic-bezier(.86,0,.07,1)
}

.packages-enter, .packages-leave-to {
    opacity: 0;
    transform: translateY(100%)
}

.account-notification-enter {
    opacity: 0
}

.account-notification-enter-active {
    opacity: 1
}

.account-notification-leave-active {
    transition: transform .6s cubic-bezier(.86,0,.07,1),opacity .4s cubic-bezier(.86,0,.07,1)
}

.account-notification-leave-to {
    opacity: 0;
    transform: translateY(300px)
}

.account-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 4px 8px 4px rgba(0,0,0,.03);
    z-index: 1000
}

.account-container-enter-active, .account-container-leave-active {
    transition: transform .4s cubic-bezier(.86,0,.07,1),opacity .4s cubic-bezier(.86,0,.07,1)
}

.account-container-enter, .account-container-leave-to {
    opacity: 0;
    transform: translateX(100%)
}

.error-notification-enter-active, .error-notification-leave-active {
    transition: transform .3s cubic-bezier(.86,0,.07,1),opacity .5s cubic-bezier(.86,0,.07,1)
}

.error-notification-enter, .error-notification-leave-to {
    opacity: 0;
    transform: translateY(100%)
}

@media screen and (min-width:1024px) {
    .error-notification-enter, .error-notification-leave-to {
        transform: translateY(-100%)
    }
}

.is-dev-label {
    background-color: #f7f2aa;
    color: #212121;
    font-size: 8px;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    padding: 2px 4px;
    border-radius: 0 0 4px 4px;
    z-index: 9999;
    pointer-events: none
}

.global-nav[data-v-36923792] {
    height: 32px
}

.global-nav__inner[data-v-36923792] {
    width: 100%;
    height: 32px;
    padding-right: 16px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #480024;
    z-index: 14
}

@media screen and (min-width:1024px) {
    .global-nav__inner[data-v-36923792] {
        padding: 0 64px 0 32px
    }
}

.global-nav__inner--fixed[data-v-36923792], .global-nav__inner--reveal[data-v-36923792] {
    width: 100%;
    position: fixed;
    top: 0
}

.global-nav__link-wrapper[data-v-36923792] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width:760px) {
    .global-nav__link-wrapper[data-v-36923792] {
        width: unset;
        margin-left: auto
    }
}

.global-nav__link[data-v-36923792] {
    height: 32px;
    padding: 0 4px;
    margin: 0 8px;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 400;
    text-transform: none
}

@media screen and (min-width:760px) {
    .global-nav__link[data-v-36923792] {
        padding: 0 8px;
        font-size: 16px
    }
}

.global-nav__profile-button[data-v-36923792] {
    height: 100%;
    margin-left: 16px
}

    .global-nav__profile-button[data-v-36923792] svg {
        width: 16px !important;
        height: 16px !important
    }

.profile-button[data-v-a7fcfd1a] {
    position: relative;
    display: block
}

.profile-button__button[data-v-a7fcfd1a] {
    height: 100%;
    color: #fff;
    font-size: 16px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 400;
    text-transform: none
}

.profile-button__button--icon-only[data-v-a7fcfd1a] svg {
    margin-right: 0
}

svg[data-v-3ecf1f6a] {
    height: 24px;
    width: 24px
}

.header-container[data-v-48e0f6a2] {
    height: 48px;
    width: 100%;
    padding: 0 16px;
    position: absolute;
    z-index: 14
}

@media screen and (min-width:760px) {
    .header-container[data-v-48e0f6a2] {
        height: 64px;
        padding: 0 24px
    }
}

@media screen and (min-width:1024px) {
    .header-container[data-v-48e0f6a2] {
        height: 64px;
        padding: 0 80px
    }
}

.header-container--solid[data-v-48e0f6a2] {
    color: #fff;
    color: var(--header_text_color,#fff);
    background: #480024
}

.header-container--transparent-light[data-v-48e0f6a2] {
    color: #212121;
    background: transparent
}

.header-container--transparent-dark[data-v-48e0f6a2] {
    color: #fff;
    background: transparent
}

.header-container--fixed[data-v-48e0f6a2] {
    position: fixed;
    top: 0;
    transition: color .2s ease-out;
    transition: background .2s ease-out;
    color: #fff;
    color: var(--header_text_color,#fff);
    background: #480024
}

.header-container--fixed.header-container--use-global-nav[data-v-48e0f6a2] {
    top: 32px
}

.header-container--reveal[data-v-48e0f6a2] {
    position: fixed;
    top: 0
}

.header-container--reveal.header-container--use-global-nav[data-v-48e0f6a2] {
    top: 32px
}

.header-container--reveal-sticky[data-v-48e0f6a2] {
    color: #fff;
    color: var(--header_text_color,#fff);
    background: #480024
}

.primary-nav[data-v-58232f63] {
    height: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.primary-nav__title[data-v-58232f63] {
    align-content: center;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px
}

.primary-nav__profile[data-v-58232f63] {
    padding-left: 10px
}

.primary-nav__button[data-v-58232f63] {
    font-size: 13px;
    font-weight: 700;
    height: 40px
}

@media screen and (max-width:1024px) {
    .primary-nav__button[data-v-58232f63] {
        display: none
    }
}

.primary-nav__wrapper[data-v-58232f63] {
    width: 100%;
    height: auto
}

.primary-nav__container[data-v-58232f63] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    align-content: center
}

@media screen and (max-width:1024px) {
    .primary-nav__container[data-v-58232f63] {
        display: none
    }
}

.primary-nav__logo-wrapper[data-v-58232f63] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 100%;
    flex-basis: 120px
}

.primary-nav__logo[data-v-58232f63] {
    display: block;
    width: auto;
    height: calc(100% - 8px);
    margin-top: 4px
}

@media screen and (max-width:1024px) {
    .primary-nav__logo[data-v-58232f63] {
        display: none
    }
}

.primary-nav__logo-mobile[data-v-58232f63] {
    position: relative;
    top: 4px;
    height: 56px !important;
    width: 56px !important
}

@media screen and (min-width:1024px) {
    .primary-nav__logo-mobile[data-v-58232f63] {
        display: none
    }
}

.primary-nav__link-wrapper[data-v-58232f63] {
    align-items: center;
    width: 100%;
    display: flex;
    height: 50px;
    justify-content: space-between;
    position: relative;
    padding-right: 20px
}

@media screen and (max-width:1024px) {
    .primary-nav__link-wrapper[data-v-58232f63] {
        justify-content: space-between
    }
}

@media screen and (min-width:1024px) {
    .primary-nav__link-wrapper[data-v-58232f63] {
        padding-right: 0
    }
}

.primary-nav__link-wrapper[data-v-58232f63]:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #fff;
    width: 100%;
    right: 0;
    bottom: 52px;
    left: 0
}

@media screen and (max-width:1023px) {
    .primary-nav__link-wrapper[data-v-58232f63]:before {
        display: none
    }
}

.primary-nav__link-wrapper[data-v-58232f63]:after {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #fff;
    width: 100%;
    right: 0;
    bottom: 48px;
    left: 0
}

@media screen and (max-width:1023px) {
    .primary-nav__link-wrapper[data-v-58232f63]:after {
        display: none
    }
}

.primary-nav__link[data-v-58232f63] {
    margin: 0 12px;
    padding-bottom: 4px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    text-transform: none;
    border-bottom: 4px solid transparent;
    white-space: nowrap;
    transition: border .3s ease-out;
    color: inherit;
    flex-wrap: wrap
}

@media screen and (min-width:760px) {
    .primary-nav__link[data-v-58232f63] {
        margin: 8px 16px 0;
        font-size: 16px;
        font-size: 14px
    }
}

@media screen and (max-width:1200px) {
    .primary-nav__link[data-v-58232f63] {
        display: none
    }
}

.primary-nav__link[data-v-58232f63]:hover {
    border-bottom: 4px solid
}

.primary-nav__button-wrapper[data-v-58232f63], .primary-nav__link-left[data-v-58232f63] {
    display: flex;
    align-items: center
}

.primary-nav__button-wrapper[data-v-58232f63] {
    position: relative;
    z-index: 1
}

.primary-nav__search[data-v-58232f63] {
    display: none
}

@media screen and (min-width:760px) {
    .primary-nav__search[data-v-58232f63] {
        display: block
    }
}

.primary-nav__search[data-v-58232f63] svg {
    width: 20px;
    height: 20px
}

@media screen and (min-width:1024px) {
    .primary-nav__search[data-v-58232f63] svg {
        width: 24px;
        height: 24px
    }
}

@media screen and (min-width:1024px) {
    .primary-nav__search-mobile[data-v-58232f63] {
        display: none
    }
}

.primary-nav__burger-desktop[data-v-58232f63] {
    margin-right: 16px !important;
    display: none
}

@media screen and (min-width:1200px) {
    .primary-nav__burger-desktop[data-v-58232f63] {
        display: block
    }
}

.primary-nav__burger-desktop[data-v-58232f63] svg {
    width: 20px;
    height: 20px
}

@media screen and (min-width:1024px) {
    .primary-nav__burger-desktop[data-v-58232f63] svg {
        width: 24px;
        height: 24px
    }
}

.primary-nav__burger-mobile[data-v-58232f63] {
    display: block
}

@media screen and (min-width:1200px) {
    .primary-nav__burger-mobile[data-v-58232f63] {
        display: none
    }
}

.primary-nav__sponsors[data-v-58232f63] {
    padding-right: 24px;
    position: relative
}

    .primary-nav__sponsors[data-v-58232f63]:after {
        position: absolute;
        content: "";
        background: #fff;
        height: 100%;
        width: 1px;
        top: 0;
        right: 0
    }

@media screen and (max-width:450px) {
    .primary-nav__sponsors[data-v-58232f63] {
        padding-right: 0
    }

        .primary-nav__sponsors[data-v-58232f63]:after {
            display: none
        }
}

.primary-nav__link-right[data-v-58232f63] {
    display: flex;
    grid-gap: 24px;
    gap: 24px
}

.header-container--reveal-sticky.reveal--visible .primary-nav__container[data-v-58232f63], .header-container--reveal-sticky.reveal--visible .primary-nav__link-wrapper[data-v-58232f63]:after, .header-container--reveal-sticky.reveal--visible .primary-nav__link-wrapper[data-v-58232f63]:before {
    display: none
}

@media screen and (max-width:759px) {
    .header-container--reveal-sticky.reveal--visible .primary-nav__logo-mobile[data-v-58232f63] {
        top: -4px !important
    }
}

@media screen and (max-width:759px) {
    .header-container.reveal--visible.header-container--solid:not(.header-container--reveal-sticky) .primary-nav__logo-mobile[data-v-58232f63] {
        top: -8px !important
    }
}

img[data-v-96aa094e] {
    height: 56px;
    width: 100%;
    margin-right: 20px
}

@media screen and (min-width:1024px) {
    img[data-v-96aa094e] {
        height: 110px
    }
}

.st0[data-v-96aa094e] {
    fill: none
}

.st1[data-v-96aa094e] {
    fill: #94bee5
}

.st2[data-v-96aa094e] {
    fill: #f0f0f0
}

.st3[data-v-96aa094e] {
    fill: #480024
}

.st4[data-v-96aa094e] {
    fill: #fff
}

.st5[data-v-96aa094e] {
    fill: #7da3c9
}

.st6[data-v-96aa094e] {
    fill: #7496bd
}

.st7[data-v-96aa094e] {
    fill: #ffe505
}

.language-selector[data-v-03e34a18] {
    display: flex;
    align-items: center;
    margin: 0 16px;
    color: #fff
}

    .language-selector[data-v-03e34a18]:hover {
        cursor: pointer
    }

.language-selector__choice[data-v-03e34a18] {
    position: relative;
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700;
    margin: 0 8px
}

.language-selector__toggle[data-v-03e34a18] {
    height: 16px;
    width: auto;
    transform: rotate(90deg);
    transition: transform .2s cubic-bezier(.23,1.25,.46,1)
}

.language-selector__toggle--open[data-v-03e34a18] {
    transform: rotate(-90deg)
}

.language-selector-transition-enter-active[data-v-03e34a18] {
    transition: transform .4s cubic-bezier(.075,.82,.165,1),opacity .4s cubic-bezier(.075,.82,.165,1)
}

.language-selector-transition-enter[data-v-03e34a18], .language-selector-transition-leave-to[data-v-03e34a18] {
    opacity: 0
}

@media screen and (min-width:760px) {
    .header-sponsors[data-v-4b968ab8] {
        margin-left: 16px;
        position: relative;
        display: flex;
        align-items: center
    }
}

@media screen and (min-width:1024px) {
    .header-sponsors[data-v-4b968ab8] {
        padding-left: 4px;
        margin-left: 24px
    }
}

@media screen and (min-width:760px) {
    .header-sponsors[data-v-4b968ab8]:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 32px;
        background-color: #fff;
        background-color: var(--header_text_color,#fff);
        left: 0
    }
}

@media screen and (min-width:1024px) {
    .header-sponsors[data-v-4b968ab8]:before {
        height: 48px
    }
}

.header-sponsors__link[data-v-4b968ab8] {
    display: block;
    margin: 0 0 0 16px
}

@media screen and (min-width:1024px) {
    .header-sponsors__link[data-v-4b968ab8] {
        margin: 0 0 0 20px
    }
}

.header-sponsors__logo[data-v-4b968ab8] {
    display: block;
    max-height: 24px;
    width: auto
}

.header-search-button[data-v-06306bc0] {
    margin: 0;
    outline: none
}

.header-search-button__svg[data-v-06306bc0] {
    color: inherit
}

.header-menu-button[data-v-8b5a3164] {
    margin: -1px 0 0;
    height: 24px;
    width: 24px;
    outline: none
}

.header-menu-button__svg[data-v-8b5a3164] {
    color: inherit
}

.overlay-promo[data-v-07ce7e91] {
    height: 100vh;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.overlay-promo__image-wrapper[data-v-07ce7e91] {
    position: relative;
    z-index: 1
}

@media screen and (min-width:760px) {
    .overlay-promo__image-wrapper--Mini[data-v-07ce7e91] {
        position: absolute;
        bottom: 24px;
        right: 24px
    }
}

.overlay-promo__image[data-v-07ce7e91] {
    display: block;
    max-height: calc(100vh - 32px);
    max-width: calc(100vw - 32px)
}

@media screen and (min-width:760px) {
    .overlay-promo__image[data-v-07ce7e91] {
        max-height: calc(100vh - 48px);
        max-width: calc(100vw - 48px)
    }
}

@media screen and (min-width:760px) {
    .overlay-promo__image--Default[data-v-07ce7e91] {
        max-width: 50vw;
        max-height: 75vh
    }
}

@media screen and (min-width:760px) {
    .overlay-promo__image--Mini[data-v-07ce7e91] {
        max-width: 350px
    }
}

.overlay-promo__close-button[data-v-07ce7e91] {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    cursor: pointer;
    color: #fff;
    background: #480024;
    border-radius: 50%;
    padding: 4px
}

.overlay-promo__underlay[data-v-07ce7e91] {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.6)
}

.desktop-only[data-v-78033f36] {
    display: none
}

@media screen and (min-width:760px) {
    .desktop-only[data-v-78033f36] {
        display: flex
    }
}

@media screen and (min-width:760px) {
    .mobile-only[data-v-78033f36] {
        display: none
    }
}

ul[data-v-78033f36] {
    list-style-type: none;
    padding: 0;
    margin: 24px 0
}

li[data-v-78033f36] {
    margin: 0
}

a[data-v-78033f36] {
    text-decoration: none;
    margin-left: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

.main-menu[data-v-78033f36] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 15;
    color: #fff;
    background-color: #480024;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: overlay;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overflow: scroll
}

.main-menu__footer[data-v-78033f36] {
    width: 100%
}

@media screen and (min-width:760px) {
    .main-menu__footer[data-v-78033f36] {
        width: auto
    }
}

.main-menu__inner[data-v-78033f36] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 64px 16px
}

@media screen and (min-width:1024px) {
    .main-menu__inner[data-v-78033f36] {
        padding: 64px
    }
}

.main-menu__inner--icons[data-v-78033f36] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 32px
}

.main-menu__inner--main-nav-container[data-v-78033f36] {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:760px) {
    .main-menu__inner--main-nav-container[data-v-78033f36] {
        flex-direction: row
    }
}

.main-menu__inner--nav-box[data-v-78033f36] {
    display: block;
    width: 100%;
    padding: 0 0 88px
}

@media screen and (min-width:760px) {
    .main-menu__inner--nav-box[data-v-78033f36] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: auto;
        padding: 0
    }
}

.main-menu__inner--nav-level-1[data-v-78033f36] {
    flex-basis: 33%;
    font-weight: 700;
    font-size: 24px
}

.main-menu__link[data-v-78033f36] {
    margin-left: 0;
    color: #fff
}

.main-menu__link-2[data-v-78033f36] {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: .89;
    letter-spacing: normal
}

    .main-menu__link-2[data-v-78033f36]:hover {
        text-decoration: underline
    }

.main-menu__list[data-v-78033f36] {
    position: relative;
    list-style: none;
    padding: 0 15px 30px;
    width: 100%
}

.main-menu__list-item[data-v-78033f36] {
    padding: 0
}

.main-menu__list-link[data-v-78033f36] {
    display: block;
    padding: 0;
    margin: 0 0 .5em;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.1;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase
}

    .main-menu__list-link[data-v-78033f36]:hover {
        text-decoration: underline
    }

.animation-step-1[data-v-78033f36] {
    opacity: 0
}

.is-open .animation-step-1[data-v-78033f36] {
    animation-name: menuPartSlideDown-78033f36;
    animation-delay: .4s;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.075,.82,.165,1)
}

.animation-step-2[data-v-78033f36] {
    opacity: 0
}

.is-open .animation-step-2[data-v-78033f36] {
    animation-name: menuPartFadeIn-78033f36;
    animation-delay: .9s;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.075,.82,.165,1)
}

@keyframes menuPartSlideDown-78033f36 {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes menuPartFadeIn-78033f36 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.menu-header[data-v-14cd40c8] {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    background: #480024;
    margin-bottom: 32px;
    border: none;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.16)
}

.menu-header__row[data-v-14cd40c8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    width: 100%;
    padding: 8px 16px
}

@media screen and (min-width:760px) {
    .menu-header__row[data-v-14cd40c8] {
        height: auto
    }
}

@media screen and (min-width:1024px) {
    .menu-header__row[data-v-14cd40c8] {
        padding: 8px 64px
    }
}

.menu-header__close[data-v-14cd40c8], .menu-header__search[data-v-14cd40c8] {
    cursor: pointer
}

.menu-header__account svg[data-v-14cd40c8] {
    height: 24px;
    width: 24px
}

ul[data-v-a0b0e96c] {
    list-style-type: none;
    padding: 0;
    margin: 24px 0
}

li[data-v-a0b0e96c] {
    margin: 0
}

a[data-v-a0b0e96c] {
    text-decoration: none;
    margin-left: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

.main-nav[data-v-a0b0e96c] {
    display: block;
    list-style-type: none;
    padding: 0;
    margin-bottom: 24px;
    width: 100%
}

@media screen and (min-width:760px) {
    .main-nav[data-v-a0b0e96c] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-width: 25%;
        max-width: 25%;
        width: auto;
        margin-right: 32px
    }
}

.main-nav-link[data-v-a0b0e96c] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 16px
}

@media screen and (min-width:1024px) {
    .main-nav-link[data-v-a0b0e96c] {
        font-size: 28px
    }
}

@media screen and (min-width:1440px) {
    .main-nav-link[data-v-a0b0e96c] {
        font-size: 36px
    }
}

.main-nav-link--villatv[data-v-a0b0e96c] {
    margin-bottom: 12px;
    position: relative
}

    .main-nav-link--villatv[data-v-a0b0e96c] img {
        position: absolute
    }

.desktop-only[data-v-a0b0e96c] {
    display: none
}

@media screen and (min-width:760px) {
    .desktop-only[data-v-a0b0e96c] {
        display: flex
    }
}

@media screen and (min-width:760px) {
    .mobile-only[data-v-a0b0e96c] {
        display: none
    }
}

.villatv-link__icon[data-v-a0b0e96c] {
    height: 24px;
    width: auto
}

@media screen and (min-width:1024px) {
    .villatv-link__icon[data-v-a0b0e96c] {
        height: 32px
    }
}

.villatv-download-desktop[data-v-a0b0e96c] {
    display: none
}

@media screen and (min-width:760px) {
    .villatv-download-desktop[data-v-a0b0e96c] {
        margin-top: 64px;
        display: flex;
        flex-direction: column;
        text-transform: uppercase;
        justify-content: flex-start
    }
}

.menu-language-selector__inner[data-v-4294eed4] {
    display: flex;
    align-items: center
}

.menu-language-selector[data-v-4294eed4]:hover {
    cursor: pointer
}

.menu-language-selector__choice[data-v-4294eed4] {
    font-size: 13px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700;
    margin: 0 8px
}

.menu-language-selector__toggle[data-v-4294eed4] {
    height: 16px;
    width: auto;
    transition: transform .2s cubic-bezier(.23,1.25,.46,1)
}

.menu-language-selector__toggle--closed[data-v-4294eed4] {
    transform: rotate(90deg)
}

.menu-language-selector__toggle--open[data-v-4294eed4] {
    transform: rotate(-90deg)
}

@media screen and (min-width:760px) {
    .menu-language-selector[data-v-4294eed4] {
        display: none
    }
}

.footer[data-v-9f23e046] {
    display: flex;
    flex-direction: column
}

.footer__row[data-v-9f23e046] {
    margin: 0 0 8px
}

.footer__row[data-v-9f23e046], .lockup[data-v-9f23e046] {
    display: flex;
    flex-direction: row
}

.lockup[data-v-9f23e046] {
    height: 16px;
    margin: 0 0 16px;
    justify-content: flex-start;
    text-decoration: none
}

@media screen and (min-width:760px) {
    .lockup[data-v-9f23e046] {
        height: 48px;
        flex-direction: column;
        align-items: flex-start
    }
}

@media screen and (min-width:1024px) {
    .lockup[data-v-9f23e046] {
        height: 16px;
        flex-direction: row
    }
}

.lockup--logo[data-v-9f23e046] {
    height: 24px;
    width: auto;
    margin-right: 24px
}

.lockup--link[data-v-9f23e046] {
    color: #fff
}

.icons[data-v-9f23e046] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

@media screen and (min-width:760px) {
    .icons[data-v-9f23e046] {
        flex-direction: column
    }
}

@media screen and (min-width:1024px) {
    .icons[data-v-9f23e046] {
        flex-direction: row
    }
}

.icons--icon[data-v-9f23e046] {
    height: 40px;
    width: auto;
    margin: 0 8px
}

@media screen and (min-width:760px) {
    .icons--icon[data-v-9f23e046] {
        margin: 0 16px
    }
}

@media screen and (min-width:1024px) {
    .icons--icon[data-v-9f23e046] {
        height: 32px
    }
}

@media screen and (min-width:1440px) {
    .icons--icon[data-v-9f23e046] {
        height: 40px
    }
}

.nav[data-v-305f5141] {
    display: block
}

@media screen and (min-width:760px) {
    .nav[data-v-305f5141] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

@media screen and (min-width:760px) {
    .nav--auto-only[data-v-305f5141] {
        max-width: 640px
    }
}

@media screen and (min-width:1024px) {
    .nav--auto-only[data-v-305f5141] {
        max-width: 960px
    }
}

@media screen and (min-width:1440px) {
    .nav--auto-only[data-v-305f5141] {
        max-width: 1280px
    }
}

@media screen and (min-width:760px) {
    .nav--auto-only .nav-level-1[data-v-305f5141] {
        max-width: 240px;
        min-width: 240px;
        margin: 0 40px 48px;
        padding-right: 0
    }
}

@media screen and (min-width:1440px) {
    .nav--auto-only .nav-level-1[data-v-305f5141] {
        margin-bottom: 120px
    }
}

.nav-level-1[data-v-305f5141] {
    margin-bottom: 16px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    position: relative
}

@media screen and (min-width:760px) {
    .nav-level-1[data-v-305f5141] {
        flex: 1;
        max-width: 50%;
        min-width: 50%;
        font-size: 24px;
        padding-right: 16px
    }
}

@media screen and (min-width:1024px) {
    .nav-level-1[data-v-305f5141] {
        max-width: 33.33%;
        min-width: 33.33%;
        font-size: 24px;
        padding-right: 16px
    }
}

.menu-toggle__open[data-v-017d3d4a] {
    transform: rotate(-90deg)
}

.menu-toggle__closed[data-v-017d3d4a] {
    transform: rotate(90deg)
}

.menu-toggle-wrap[data-v-017d3d4a] {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:760px) {
    .menu-toggle-wrap[data-v-017d3d4a] {
        display: none
    }
}

.menu-toggle-wrap[data-v-017d3d4a]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    width: 1px;
    background: #fff;
    opacity: .5
}

.menu-toggle-wrap--auto-only[data-v-017d3d4a] {
    top: 4px
}

    .menu-toggle-wrap--auto-only[data-v-017d3d4a]:before {
        content: none
    }

.menu-toggle-wrap--auto-only .menu-toggle[data-v-017d3d4a] {
    width: 16px;
    height: 16px
}

ul[data-v-017d3d4a] {
    list-style-type: none;
    padding: 0;
    margin: 24px 0
}

li[data-v-017d3d4a] {
    margin: 0
}

a[data-v-017d3d4a] {
    text-decoration: none;
    margin-left: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

nav[data-v-017d3d4a] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media screen and (min-width:760px) {
    nav[data-v-017d3d4a] {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.main-menu__link[data-v-017d3d4a] {
    display: block;
    margin-left: 0;
    white-space: normal
}

.main-menu__link--auto-only[data-v-017d3d4a] {
    padding-right: 1.6em;
    margin: 0;
    border-bottom: 1px solid #fff
}

@media screen and (min-width:760px) {
    .main-menu__link--auto-only[data-v-017d3d4a] {
        padding-right: 0
    }
}

.main-menu__link--external-icon[data-v-017d3d4a] {
    height: 12px;
    width: 12px;
    margin-left: 4px;
    opacity: 1%
}

@media screen and (min-width:760px) {
    .main-menu__link--external-icon[data-v-017d3d4a] {
        height: 16px;
        width: 16px
    }
}

.main-menu__link-2[data-v-017d3d4a] {
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    color: #fff;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    font-size: 14px;
    text-transform: none;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal
}

    .main-menu__link-2[data-v-017d3d4a]:hover {
        text-decoration: underline
    }

@media screen and (min-width:760px) {
    .main-menu__link-2[data-v-017d3d4a] {
        font-size: 18px
    }
}

.main-menu__subpages[data-v-017d3d4a] {
    margin: 0 0 16px
}

.main-menu__subpages--auto-only[data-v-017d3d4a] {
    margin: 0;
    padding: 8px 0 4px
}

.main-menu__subpages--auto-only li[data-v-017d3d4a] {
    padding-bottom: 4px
}

.external-icon[data-v-017d3d4a] {
    height: 10px;
    width: 10px;
    margin-left: 4px;
    opacity: .8
}

@media screen and (min-width:760px) {
    .external-icon[data-v-017d3d4a] {
        height: 12px;
        width: 12px
    }
}

.search[data-v-72404672] {
    bottom: 0
}

.search[data-v-72404672], .search__inner[data-v-72404672] {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20
}

.search__inner[data-v-72404672] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #fafafa;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.4)
}

@media screen and (min-width:760px) {
    .search__inner[data-v-72404672] {
        width: 400px;
        left: auto
    }
}

.search__underlay[data-v-72404672] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 19
}

.search__results-wrapper[data-v-72404672] {
    width: 100%;
    padding: 16px 16px 0;
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch
}

.search__no-results[data-v-72404672] {
    margin-top: 30%;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 32px;
    font-weight: 700;
    color: #aaa;
    text-transform: capitalize
}

@media screen and (min-width:760px) {
    .search__no-results[data-v-72404672] {
        margin-top: 50%
    }
}

.search__header[data-v-72404672] {
    width: 100%
}

.search__tab-header[data-v-72404672] {
    width: 100%;
    padding: 16px 16px 24px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.search__tab-button[data-v-72404672] {
    margin-right: 24px;
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #aaa;
    text-transform: capitalize;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

.search__tab-button.is-active[data-v-72404672] {
    font-weight: 700;
    color: #480024;
    position: relative
}

    .search__tab-button.is-active[data-v-72404672]:after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 0;
        right: 0;
        height: 4px;
        background-color: #480024
    }

.search-input[data-v-a9f9411a] {
    padding: 16px;
    background-color: #480024
}

.search-input__label-wrapper[data-v-a9f9411a] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.search-input__label[data-v-a9f9411a] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 24px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #fff;
    text-transform: none
}

.search-input__close[data-v-a9f9411a] {
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    color: #fff
}

.search-input__field-wrapper[data-v-a9f9411a] {
    position: relative
}

.search-input__field[data-v-a9f9411a] {
    height: 48px;
    width: 100%;
    padding: 0 16px 0 56px;
    margin-top: 16px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-transform: none;
    background-color: hsla(0,0%,100%,.1);
    border-radius: 24px;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);
    border: 0;
    outline: none
}

.search-input__field:-webkit-autofill + .search-input__button[data-v-a9f9411a] {
    color: #000
}

.search-input__button[data-v-a9f9411a] {
    padding: 0;
    position: absolute;
    top: 28px;
    left: 16px;
    font-size: 0;
    border: 0;
    background-color: transparent;
    color: #fff;
    cursor: pointer
}

.search-parameters[data-v-390b8f08] {
    padding: 0 16px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #480024
}

.search-parameters__button-wrapper[data-v-390b8f08] {
    position: relative;
    flex-basis: 50%
}

.search-parameters__button[data-v-390b8f08] {
    padding: 0;
    margin: 0 auto 0 24px;
    display: flex;
    align-items: center;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

.search-parameters__button--left[data-v-390b8f08] {
    margin: 0 24px 0 auto
}

.search-parameters__dropdown-icon[data-v-390b8f08] {
    width: 12px;
    height: 12px;
    margin-left: 6px;
    transform: rotate(90deg)
}

.search-parameters__dropdown[data-v-390b8f08] {
    width: 140px;
    position: absolute;
    top: 24px;
    left: -8%;
    z-index: 1;
    background-color: #fafafa;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 14px;
    font-weight: 700;
    color: #480024;
    text-transform: none;
    border-radius: 8px;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.12)
}

    .search-parameters__dropdown[data-v-390b8f08]:after {
        content: "";
        position: absolute;
        top: -12px;
        left: 50%;
        margin-left: -6px;
        border: 6px solid transparent;
        border-bottom-color: #fafafa
    }

@media screen and (min-width:760px) {
    .search-parameters__dropdown[data-v-390b8f08] {
        left: -5%
    }
}

.search-parameters__dropdown--left[data-v-390b8f08] {
    left: 2%
}

@media screen and (min-width:760px) {
    .search-parameters__dropdown--left[data-v-390b8f08] {
        left: 20%
    }
}

.search-parameters__dropdown-option[data-v-390b8f08] {
    font-weight: 700;
    cursor: pointer
}

.search-parameters__dropdown-option--top[data-v-390b8f08] {
    padding: 14px 20px 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

@media screen and (min-width:760px) {
    .search-parameters__dropdown-option--top[data-v-390b8f08] {
        padding: 18px 24px 12px
    }
}

.search-parameters__dropdown-option--bottom[data-v-390b8f08] {
    padding: 10px 20px 14px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

@media screen and (min-width:760px) {
    .search-parameters__dropdown-option--bottom[data-v-390b8f08] {
        padding: 12px 24px 18px
    }
}

.search-parameters__dropdown-option[data-v-390b8f08]:hover {
    background-color: #fafafa
}

.search-parameters__dropdown-text[data-v-390b8f08] {
    opacity: .75
}

.search-parameters__dropdown-text--active[data-v-390b8f08] {
    opacity: 1
}

.search-parameters__divider[data-v-390b8f08] {
    height: 16px;
    width: 1px;
    background-color: #fff
}

.article-body[data-v-80fd0cdc] {
    padding: 0 16px;
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
    text-align: left;
    background-color: #fafafa
}

@media (min-width:1024px) {
    .article-body[data-v-80fd0cdc] {
        padding: 0 64px
    }
}

.hub-body[data-v-80fd0cdc] {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    text-align: left
}

.child-pages[data-v-80fd0cdc] {
    margin-top: 32px
}

.child-pages__intro-wrap[data-v-80fd0cdc] {
    padding: 0;
    text-align: left
}

.child-pages__intro[data-v-80fd0cdc] {
    display: inline-block;
    max-width: 960px;
    color: #212121
}

.child-pages__listing[data-v-80fd0cdc] {
    padding-bottom: 24px
}

.child-pages__item[data-v-80fd0cdc] {
    margin-bottom: 16px
}

.article-hero[data-v-7318a409] {
    position: relative;
    width: 100%
}

.article-hero.lang-rtl[data-v-7318a409] {
    direction: rtl;
    text-align: right;
    unicode-bidi: bidi-override
}

.article-hero.lang-rtl .article-hero__title[data-v-7318a409] {
    text-align: left;
    text-align: initial
}

.article-hero__image[data-v-7318a409] {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    z-index: 1
}

@media screen and (min-width:760px) {
    .article-hero__image--small[data-v-7318a409] {
        display: none
    }
}

.article-hero__image--large[data-v-7318a409] {
    display: none
}

@media screen and (min-width:760px) {
    .article-hero__image--large[data-v-7318a409] {
        display: block
    }
}

.article-hero__image--style-Deep[data-v-7318a409] {
    min-height: 200px;
    height: 75vh;
    max-height: calc(100vh - 300px)
}

.main.header-is--solid .article-hero__image--style-Deep[data-v-7318a409], .main.header-type--fixed .article-hero__image--style-Deep[data-v-7318a409] {
    height: calc(75vh - 48px);
    margin-top: 48px
}

@media screen and (min-width:760px) {
    .article-hero__image--style-Deep[data-v-7318a409] {
        min-height: 480px;
        height: 80vh;
        max-height: 1200px
    }

    .main.header-is--solid .article-hero__image--style-Deep[data-v-7318a409], .main.header-type--fixed .article-hero__image--style-Deep[data-v-7318a409] {
        height: calc(75vh - 64px);
        margin-top: 64px
    }
}

@media screen and (min-width:1024px) {
    .main.header-is--solid .article-hero__image--style-Deep[data-v-7318a409], .main.header-type--fixed .article-hero__image--style-Deep[data-v-7318a409] {
        height: calc(80vh - 64px);
        margin-top: 64px
    }
}

.article-hero__image--style-Shallow[data-v-7318a409] {
    min-height: 150px;
    height: 25vh;
    max-height: calc(100vh - 300px)
}

.main.header-is--solid .article-hero__image--style-Shallow[data-v-7318a409], .main.header-type--fixed .article-hero__image--style-Shallow[data-v-7318a409] {
    height: calc(25vh - 48px);
    margin-top: 48px
}

@media screen and (min-width:760px) {
    .article-hero__image--style-Shallow[data-v-7318a409] {
        min-height: 320px;
        height: 40vh;
        max-height: 1200px
    }

    .main.header-is--solid .article-hero__image--style-Shallow[data-v-7318a409], .main.header-type--fixed .article-hero__image--style-Shallow[data-v-7318a409] {
        height: calc(75vh - 64px);
        margin-top: 64px
    }
}

@media screen and (min-width:1024px) {
    .main.header-is--solid .article-hero__image--style-Shallow[data-v-7318a409], .main.header-type--fixed .article-hero__image--style-Shallow[data-v-7318a409] {
        height: calc(40vh - 64px);
        margin-top: 64px
    }
}

.article-hero__content[data-v-7318a409] {
    position: relative;
    z-index: 3;
    text-align: left;
    margin-top: 0;
    min-height: 0;
    padding-top: 72px;
    padding-bottom: 24px;
    background: #480024
}

@media screen and (min-width:760px) {
    .article-hero__content[data-v-7318a409] {
        padding-top: 88px
    }
}

@media screen and (min-width:1024px) {
    .article-hero__content[data-v-7318a409] {
        padding-top: 112px;
        padding-bottom: 48px
    }
}

.article-hero__content.overlap[data-v-7318a409] {
    margin-top: -80px;
    min-height: 80px;
    padding-top: 64px;
    padding-bottom: 16px;
    background: transparent;
    background-image: linear-gradient(180deg,transparent,#480024 80px,#480024)
}

@media screen and (min-width:760px) {
    .article-hero__content.overlap[data-v-7318a409] {
        margin-top: -140px;
        min-height: 140px;
        padding-top: 64px;
        padding-bottom: 32px;
        background: transparent;
        background-image: linear-gradient(180deg,transparent,#480024 140px,#480024)
    }
}

.article-hero__inner[data-v-7318a409] {
    text-align: left
}

.article-hero__meta[data-v-7318a409] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 1em
}

.article-hero__back-button[data-v-7318a409], .no-image .article-hero__back-button[data-v-7318a409] {
    color: #fff
}

.article-hero__title[data-v-7318a409] {
    position: relative;
    margin: 0;
    z-index: 3;
    color: #fff
}

.no-image .article-hero__title[data-v-7318a409] {
    color: #fff
}

.article-hero__date[data-v-7318a409] {
    position: relative;
    z-index: 3;
    margin: 0 8px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    direction: ltr;
    text-transform: none
}

@media screen and (min-width:760px) {
    .article-hero__date[data-v-7318a409] {
        font-size: 12px
    }
}

.article-hero__category[data-v-7318a409] {
    position: relative;
    z-index: 3;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #94bee5;
    text-transform: none
}

@media screen and (min-width:760px) {
    .article-hero__category[data-v-7318a409] {
        font-size: 12px
    }
}

.article-hero__icon[data-v-7318a409] {
    position: relative;
    z-index: 3;
    color: #fff;
    height: 16px;
    width: auto
}

.quick-menu[data-v-18a7d5f3] {
    width: 100%;
    padding: 16px 0 2px;
    position: relative;
    z-index: 10;
    margin-bottom: 32px/2;
    margin-bottom: var(--content_spacing--small,32px)/2;
    background-color: #480024;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.16)
}

@media screen and (min-width:1024px) {
    .quick-menu[data-v-18a7d5f3] {
        margin-bottom: 48px/2;
        margin-bottom: var(--content_spacing--large,48px)/2
    }
}

.quick-menu__inner[data-v-18a7d5f3] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch
}

.quick-menu__link[data-v-18a7d5f3] {
    padding: 0 0 6px;
    margin: 0 24px 8px 0;
    display: block;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    outline: none
}

@media screen and (min-width:1024px) {
    .quick-menu__link[data-v-18a7d5f3] {
        margin: 0 32px 4px 0
    }
}

.quick-menu__link[data-v-18a7d5f3]:hover {
    color: #fff
}

.quick-menu__link[data-v-18a7d5f3]:last-child:after {
    content: "";
    display: inline-block;
    width: 64px
}

.quick-menu__link.nuxt-link-active[data-v-18a7d5f3] {
    color: #fff;
    font-weight: 700;
    border-bottom: 3px solid #94bee5
}

.is-light[data-v-3fb86f74] {
    background: #fafafa
}

.is-light[data-v-3fb86f74], .is-light .row__description[data-v-3fb86f74], .is-light .row__title[data-v-3fb86f74] {
    color: #212121
}

.is-dark[data-v-3fb86f74] {
    background: #480024
}

    .is-dark[data-v-3fb86f74], .is-dark .row__description[data-v-3fb86f74], .is-dark .row__title[data-v-3fb86f74], .is-dark[data-v-3fb86f74] .wysiwyg {
        color: #fff
    }

.repeater-stacker__row[data-v-3fb86f74] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 -16px
}

@media screen and (min-width:760px) {
    .repeater-stacker__row[data-v-3fb86f74] {
        flex-direction: row;
        justify-content: flex-start
    }
}

.row[data-v-3fb86f74] {
    padding: 32px 0;
    padding: var(--content_spacing--small,32px) 0;
    margin: 0 auto;
    width: 100%;
    background-size: cover;
    background-position: 50%
}

@media screen and (min-width:760px) {
    .row[data-v-3fb86f74] {
        padding: 48px 0;
        padding: var(--content_spacing--large,48px) 0
    }
}

.row.is-dark.no-background-image + .is-dark.no-background-image[data-v-3fb86f74], .row.is-light.no-background-image + .is-light.no-background-image[data-v-3fb86f74] {
    padding-top: 0
}

.row.no-background-image[data-v-3fb86f74] {
    padding: 32px 0;
    padding: var(--content_spacing--small,32px) 0
}

@media screen and (min-width:760px) {
    .row.no-background-image[data-v-3fb86f74] {
        padding: 48px 0;
        padding: var(--content_spacing--large,48px) 0
    }
}

.row.is-grid-row[data-v-3fb86f74] {
    padding-bottom: 0
}

.row.is-widget-row[data-v-3fb86f74] {
    max-width: 1088px
}

    .row.is-widget-row[data-v-3fb86f74]:first-child {
        padding-top: 32px;
        padding-top: var(--content_spacing--small,32px)
    }

@media screen and (min-width:760px) {
    .row.is-widget-row[data-v-3fb86f74]:first-child {
        padding-top: 48px;
        padding-top: var(--content_spacing--large,48px)
    }
}

.row.is-widget-row:first-child .row__title[data-v-3fb86f74] {
    padding-top: 0 !important
}

.row.is-widget-row[data-v-3fb86f74] .widget {
    margin: 0 auto
}

.row.is-widget-row .row__title[data-v-3fb86f74] {
    padding-top: 32px;
    padding-top: var(--content_spacing--small,32px)
}

@media screen and (min-width:760px) {
    .row.is-widget-row .row__title[data-v-3fb86f74] {
        padding-top: 48px;
        padding-top: var(--content_spacing--large,48px)
    }
}

.row.no-background-image.is-dark + .row.is-widget-row.is-dark .row__title[data-v-3fb86f74], .row.no-background-image.is-light + .row.is-widget-row.is-light .row__title[data-v-3fb86f74] {
    padding-top: 32px/4;
    padding-top: var(--content_spacing--small,32px)/4
}

@media screen and (min-width:760px) {
    .row.no-background-image.is-dark + .row.is-widget-row.is-dark .row__title[data-v-3fb86f74], .row.no-background-image.is-light + .row.is-widget-row.is-light .row__title[data-v-3fb86f74] {
        padding-top: 48px/4;
        padding-top: var(--content_spacing--large,48px)/4
    }
}

.row[data-v-3fb86f74] .text-block-widget {
    padding: 0;
    margin: 0;
    max-width: none !important
}

.row__title[data-v-3fb86f74] {
    margin: 0 0 16px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 28px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: none
}

@media screen and (min-width:760px) {
    .row__title[data-v-3fb86f74] {
        font-size: 40px
    }
}

.row__description[data-v-3fb86f74] {
    padding: 0 16px 0 0;
    max-width: 760px
}

.grid[data-v-3fb86f74] {
    display: flex;
    flex-direction: column;
    margin: 0 -16px
}

@media screen and (min-width:760px) {
    .grid[data-v-3fb86f74] {
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

@media screen and (min-width:1024px) {
    .grid[data-v-3fb86f74] {
        flex-direction: row;
        justify-content: flex-start
    }
}

@media screen and (min-width:760px) {
    .grid--50-25-25[data-v-3fb86f74] {
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.grid__item[data-v-3fb86f74] {
    position: relative;
    flex: 1;
    margin: 0 16px 32px;
    margin: 0 16px var(--content_spacing--small,32px)
}

@media screen and (min-width:760px) {
    .grid__item[data-v-3fb86f74] {
        margin: 0 16px 48px;
        margin: 0 16px var(--content_spacing--large,48px)
    }
}

.grid__item--GridImageWidget[data-v-3fb86f74] {
    height: 280px
}

@media screen and (min-width:760px) {
    .grid__item--GridImageWidget[data-v-3fb86f74] {
        height: 380px
    }
}

.grid__item--25[data-v-3fb86f74] {
    min-width: calc(100% - 32px);
    max-width: calc(100% - 32px)
}

@media screen and (min-width:760px) {
    .grid__item--25[data-v-3fb86f74] {
        min-width: calc(50% - 32px);
        max-width: calc(50% - 32px)
    }
}

@media screen and (min-width:1440px) {
    .grid__item--25[data-v-3fb86f74] {
        min-width: calc(25% - 32px);
        max-width: calc(25% - 32px)
    }
}

@media screen and (min-width:760px) {
    .grid--50-25-25 .grid__item--25[data-v-3fb86f74] {
        order: 2
    }
}

@media screen and (min-width:1440px) {
    .grid--50-25-25 .grid__item--25[data-v-3fb86f74] {
        order: 0
    }
}

.grid__item--33[data-v-3fb86f74] {
    min-width: calc(100% - 32px);
    max-width: calc(100% - 32px)
}

@media screen and (min-width:1024px) {
    .grid__item--33[data-v-3fb86f74] {
        min-width: calc(33.33% - 32px);
        max-width: calc(33.33% - 32px)
    }
}

.grid__item--50[data-v-3fb86f74] {
    min-width: calc(100% - 32px);
    max-width: calc(100% - 32px)
}

@media screen and (min-width:760px) {
    .grid__item--50[data-v-3fb86f74] {
        min-width: calc(50% - 32px);
        max-width: calc(50% - 32px)
    }
}

.grid--50-25-25 .grid__item--50[data-v-3fb86f74] {
    order: 1
}

@media screen and (min-width:760px) {
    .grid--50-25-25 .grid__item--50[data-v-3fb86f74] {
        min-width: calc(100% - 32px);
        max-width: calc(100% - 32px)
    }
}

@media screen and (min-width:1440px) {
    .grid--50-25-25 .grid__item--50[data-v-3fb86f74] {
        order: 0;
        min-width: calc(50% - 32px);
        max-width: calc(50% - 32px)
    }
}

.grid__item--66[data-v-3fb86f74] {
    min-width: calc(100% - 32px);
    max-width: calc(100% - 32px)
}

@media screen and (min-width:1024px) {
    .grid__item--66[data-v-3fb86f74] {
        min-width: calc(66.66% - 32px);
        max-width: calc(66.66% - 32px)
    }
}

.child-pages[data-v-3fb86f74] {
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.child-pages__listing[data-v-3fb86f74] {
    max-width: 1920px
}

.child-pages__item[data-v-3fb86f74] {
    margin-bottom: 16px
}

.footer-advertising__mpu-section[data-v-3492dbc4] {
    display: flex;
    grid-gap: 64px;
    gap: 64px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 32px 32px 0;
    padding: var(--content_spacing--small,32px) var(--content_spacing--small,32px) 0;
    background-color: #e8e8e8
}

.footer-advertising__mpu[data-v-3492dbc4] {
    width: 300px;
    flex: 1 1 300px
}

.footer[data-v-4784c86d] {
    margin: 0;
    padding: 0;
    background-color: #2a0013;
    position: relative;
    z-index: 2
}

@media screen and (min-width:760px) {
    .footer__menu-wrapper[data-v-4784c86d] {
        padding: 0 64px
    }
}

.footer-content[data-v-a71ea91a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 0 16px;
    background: linear-gradient(#480024,#2a0013) 50% 100%/cover no-repeat
}

@media screen and (min-width:760px) {
    .footer-content[data-v-a71ea91a] {
        padding: 96px 64px 40px
    }
}

.footer-content__inner[data-v-a71ea91a] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer-content__hashtag[data-v-a71ea91a] {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    position: relative
}

@media screen and (min-width:760px) {
    .footer-content__hashtag[data-v-a71ea91a] {
        font-size: 28px
    }
}

.footer-content__hashtag[data-v-a71ea91a]:after, .footer-content__hashtag[data-v-a71ea91a]:before {
    content: "";
    height: 1px;
    width: calc(50% - 86.5px);
    position: absolute;
    top: 50%;
    background-color: hsla(0,0%,100%,.5)
}

@media screen and (min-width:760px) {
    .footer-content__hashtag[data-v-a71ea91a]:after, .footer-content__hashtag[data-v-a71ea91a]:before {
        width: calc(50% - 135.5px)
    }
}

.footer-content__hashtag[data-v-a71ea91a]:before {
    left: 0
}

.footer-content__hashtag[data-v-a71ea91a]:after {
    right: 0
}

.footer-content__socials[data-v-a71ea91a] {
    margin: 40px 0 24px !important
}

@media screen and (min-width:760px) {
    .footer-content__socials[data-v-a71ea91a] {
        margin: 56px 0 40px !important
    }
}

.footer-content__cta[data-v-a71ea91a] {
    max-width: 400px;
    margin: 0 16px 40px;
    background-color: #fff;
    border-radius: 8px
}

@media screen and (min-width:760px) {
    .footer-content__cta[data-v-a71ea91a] {
        max-width: none;
        margin: 0 auto 40px;
        display: flex;
        align-items: center
    }
}

@media screen and (min-width:1024px) {
    .footer-content__cta[data-v-a71ea91a] {
        width: 60%
    }
}

@media screen and (min-width:1440px) {
    .footer-content__cta[data-v-a71ea91a] {
        width: 50%
    }
}

.footer-content__image[data-v-a71ea91a] {
    height: 180px;
    background: url(/assets/css/client/8edad11f-493d-4d7d-b2bc-52b858431a54/villa-files-2/digital-membership-24.jpg) 50%/contain no-repeat;
    border-radius: 8px
}

@media screen and (min-width:760px) {
    .footer-content__image[data-v-a71ea91a] {
        width: 40%
    }
}

.footer-content__button-wrapper[data-v-a71ea91a] {
    padding: 16px;
    text-align: center;
    font-size: 16px
}

@media screen and (min-width:760px) {
    .footer-content__button-wrapper[data-v-a71ea91a] {
        width: 60%;
        padding: 16px 16px 16px 0
    }
}

.footer-content__button[data-v-a71ea91a] {
    margin-top: 24px
}

.footer-content__hr[data-v-a71ea91a] {
    height: 1px;
    width: 100%;
    background-color: hsla(0,0%,100%,.5)
}

.app-download[data-v-a71ea91a] {
    align-items: center;
    margin: 0 auto 48px
}

@media screen and (min-width:760px) {
    .app-download[data-v-a71ea91a] {
        margin: 0 auto 64px
    }
}

.app-download[data-v-a71ea91a] .icons {
    flex-direction: row !important
}

@media screen and (min-width:760px) {
    .app-download[data-v-a71ea91a] .icons {
        flex-direction: row !important
    }
}

.footer-social[data-v-aa071368] {
    margin: 32px 0 16px
}

.footer-social__heading[data-v-aa071368] {
    padding: 0 64px;
    margin-bottom: 12px;
    color: #2a0013
}

.social__channels[data-v-026b9362] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
    list-style: none
}

.social__channel[data-v-026b9362] {
    margin: 0 8px 16px;
    font-size: 0
}

.social__channel a[data-v-026b9362] {
    cursor: pointer;
    display: block
}

.social__channel a svg[data-v-026b9362] {
    fill: #fff;
    color: #fff
}

.footer-sponsors--background[data-v-df6d28a4] {
    background-color: #2a0013
}

.footer-sponsors--transparent[data-v-df6d28a4] {
    background: transparent
}

.footer-sponsors__inner[data-v-df6d28a4] {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 26px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width:760px) {
    .footer-sponsors__inner[data-v-df6d28a4] {
        padding-bottom: 8px
    }
}

.footer-sponsors__row[data-v-df6d28a4] {
    width: 100%
}

.footer-sponsors__row-title[data-v-df6d28a4] {
    color: #fff;
    text-align: center
}

.footer-sponsors__sponsor-wrapper[data-v-df6d28a4] {
    margin: 0 auto;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0
}

.footer-sponsors__sponsor-wrapper--small[data-v-df6d28a4] {
    justify-content: center
}

@media screen and (min-width:760px) {
    .footer-sponsors__sponsor-wrapper--small[data-v-df6d28a4] {
        max-width: 720px
    }
}

@media screen and (min-width:1024px) {
    .footer-sponsors__sponsor-wrapper--small[data-v-df6d28a4] {
        max-width: 1032px
    }
}

.footer-sponsors__sponsor-wrapper--large[data-v-df6d28a4] {
    padding-bottom: 16px;
    justify-content: center
}

@media screen and (min-width:760px) {
    .footer-sponsors__sponsor-wrapper--large[data-v-df6d28a4] {
        padding-bottom: 12px
    }
}

@media screen and (min-width:1024px) {
    .footer-sponsors__sponsor-wrapper--large[data-v-df6d28a4] {
        max-width: 1032px;
        padding-bottom: 0
    }
}

.footer-sponsors__sponsor[data-v-df6d28a4] {
    display: flex;
    align-items: center
}

.footer-sponsors__sponsor--small[data-v-df6d28a4] {
    width: 80px;
    height: 80px;
    margin: 0 12px 24px
}

@media screen and (min-width:760px) {
    .footer-sponsors__sponsor--small[data-v-df6d28a4] {
        width: 96px;
        height: 96px
    }
}

@media screen and (min-width:1024px) {
    .footer-sponsors__sponsor--small[data-v-df6d28a4] {
        margin: 0 26px 24px
    }
}

.footer-sponsors__sponsor--large[data-v-df6d28a4] {
    width: 132px;
    height: 132px;
    margin: 0 12px 24px
}

@media screen and (min-width:375px) {
    .footer-sponsors__sponsor--large[data-v-df6d28a4] {
        width: 160px;
        height: 160px
    }
}

@media screen and (min-width:760px) {
    .footer-sponsors__sponsor--large[data-v-df6d28a4] {
        margin: 0 20px 32px
    }
}

@media screen and (min-width:1024px) {
    .footer-sponsors__sponsor--large[data-v-df6d28a4] {
        margin: 0 22px 28px
    }
}

.footer-sponsors__logo[data-v-df6d28a4] {
    display: block;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.footer-menu[data-v-5f5fb842] {
    padding: 0;
    width: 100%;
    margin: 32px auto 0
}

@media screen and (min-width:1440px) {
    .footer-menu[data-v-5f5fb842] {
        padding: 0 64px
    }
}

.footer-menu__list-heading[data-v-5f5fb842] {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-stretch: condensed;
    text-transform: uppercase;
    margin: 0 0 8px;
    border-bottom: 1px solid hsla(0,0%,100%,.5);
    height: 28px
}

.footer-menu__list[data-v-5f5fb842] {
    margin: 0 0 48px;
    padding: 0;
    list-style: none;
    -moz-column-count: 1;
    column-count: 1
}

@media screen and (min-width:450px) {
    .footer-menu__list[data-v-5f5fb842] {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media screen and (min-width:760px) {
    .footer-menu__list[data-v-5f5fb842] {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media screen and (min-width:1024px) {
    .footer-menu__list[data-v-5f5fb842] {
        -moz-column-count: 4;
        column-count: 4
    }
}

.footer-menu__link[data-v-5f5fb842], .footer-menu a[data-v-5f5fb842] {
    color: #fff;
    text-decoration: none;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 14px;
    margin-top: 4px;
    padding: 0
}

.footer-copyright[data-v-2593ce2c] {
    background-color: #000
}

.footer-copyright__notice[data-v-2593ce2c] {
    color: #fff;
    font-size: 12px
}

@media screen and (min-width:760px) {
    .footer-copyright__notice[data-v-2593ce2c] {
        position: absolute;
        right: 16px
    }
}

.copyright-container[data-v-2593ce2c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px
}

@media screen and (min-width:760px) {
    .copyright-container[data-v-2593ce2c] {
        flex-direction: row;
        position: relative
    }
}

.footer-sub-menu[data-v-2593ce2c] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    padding: 0;
    list-style-type: none
}

@media screen and (min-width:760px) {
    .footer-sub-menu[data-v-2593ce2c] {
        margin: 0
    }
}

.footer-sub-menu__list-item[data-v-2593ce2c] {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-sub-menu__link[data-v-2593ce2c] {
    color: #fff;
    text-decoration: none;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    margin: 0 8px
}

.footer-gamechanger-notice[data-v-00799a8c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px
}

.footer-gamechanger-notice__text[data-v-00799a8c] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px
}

@media screen and (min-width:1024px) {
    .footer-gamechanger-notice__text[data-v-00799a8c] {
        margin-right: 16px
    }
}

.footer-gamechanger-notice__image[data-v-00799a8c] {
    height: 24px
}

.footer-gamechanger-notice__image-container[data-v-00799a8c] {
    margin-top: 16px
}

@media screen and (min-width:1024px) {
    .footer-gamechanger-notice__image-container[data-v-00799a8c] {
        margin-top: 8px
    }
}

@media screen and (min-width:1024px) {
    .footer-gamechanger-notice[data-v-00799a8c] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        padding-right: 64px
    }
}

.footer-gamechanger-notice--light[data-v-00799a8c] {
    background-color: #fafafa
}

.footer-gamechanger-notice--light .footer-gamechanger-notice__text[data-v-00799a8c] {
    color: #212121
}

.footer-gamechanger-notice--dark[data-v-00799a8c] {
    background-color: #480024
}

.footer-gamechanger-notice--dark .footer-gamechanger-notice__text[data-v-00799a8c] {
    color: #fff
}

.popup-wrapper[data-v-9f6ae642] {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    width: 100%;
    background-color: #480024
}

.popup[data-v-9f6ae642] {
    margin: 0 auto;
    max-width: 1440px;
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

@media screen and (min-width:1024px) {
    .popup[data-v-9f6ae642] {
        padding: 32px;
        flex-direction: row;
        align-items: center
    }
}

.popup__heading[data-v-9f6ae642] {
    color: #fff
}

.popup__body[data-v-9f6ae642] {
    max-width: 800px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #fff
}

@media screen and (min-width:1024px) {
    .popup__body[data-v-9f6ae642] {
        padding: 0 32px 0 0
    }
}

.popup__button-wrapper[data-v-9f6ae642] {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media screen and (min-width:640px) {
    .popup__button-wrapper[data-v-9f6ae642] {
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.popup__button--accept[data-v-9f6ae642] {
    margin: 16px 0
}

@media screen and (min-width:640px) {
    .popup__button--accept[data-v-9f6ae642] {
        margin: 0 16px 0 0
    }
}

</style >
<style type="text/css" >
.error-page[data-v-4cce6374] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0;
    min-height: 100vh;
    background: #fff top no-repeat;
    background-size: cover
}

.main.header-is--solid .error-page[data-v-4cce6374], .main.header-type--fixed .error-page[data-v-4cce6374] {
    min-height: calc(100vh - 48px);
    margin-top: 48px
}

.main.header-is--solid .error-page--global-nav[data-v-4cce6374], .main.header-type--fixed .error-page--global-nav[data-v-4cce6374] {
    min-height: calc(100vh - 80px)
}

.error-page--global-nav[data-v-4cce6374] {
    min-height: calc(100vh - 32px)
}

.error-page__content[data-v-4cce6374] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 20px 20px;
    width: 100%;
    background-color: rgba(0,0,0,.7)
}

.error-page__content-inner[data-v-4cce6374] {
    max-width: 240px
}

.error-page__heading[data-v-4cce6374] {
    margin: 0 0 .5em;
    text-align: center;
    color: #fff
}

.error-page__body[data-v-4cce6374] {
    padding: 0 0 1em;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #fff
}

.error-page__list-title[data-v-4cce6374] {
    padding: 24px 0 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    color: #fff;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    font-size: 12px;
    text-align: left;
    text-transform: none
}

.error-page__links[data-v-4cce6374] {
    max-width: 240px;
    padding: 12px 0 24px;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #fff;
    list-style: none
}

.error-page__item[data-v-4cce6374], .error-page__link[data-v-4cce6374] {
    margin: 0;
    padding: 0
}

.error-page__link[data-v-4cce6374] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

    .error-page__link[data-v-4cce6374]:hover {
        color: #fff;
        text-decoration: underline
    }

@media screen and (min-width:760px) {
    .main.header-is--solid .error-page[data-v-4cce6374], .main.header-type--fixed .error-page[data-v-4cce6374] {
        min-height: calc(100vh - 64px);
        margin-top: 64px
    }

    .main.header-is--solid .error-page--global-nav[data-v-4cce6374], .main.header-type--fixed .error-page--global-nav[data-v-4cce6374] {
        min-height: calc(100vh - 96px)
    }

    .error-page__content[data-v-4cce6374] {
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .main.header-is--solid .error-page[data-v-4cce6374], .main.header-type--fixed .error-page[data-v-4cce6374] {
        min-height: calc(100vh - 64px);
        margin-top: 64px
    }

    .main.header-is--solid .error-page--global-nav[data-v-4cce6374], .main.header-type--fixed .error-page--global-nav[data-v-4cce6374] {
        min-height: calc(100vh - 96px)
    }

    .error-page__content[data-v-4cce6374] {
        width: 33.33%
    }
}

</style >
<style type="text/css" >
.app-view .article-body__top, .app-view .article-hero, .app-view .legacy-article-wrapper, .app-view .related-news .news-grid {
    display: none !important
}

</style >
<style type="text/css" >
.language-selector__menu[data-v-600c2791] {
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #e8e8e8;
    width: 180px;
    transform: translate(calc(-50% + 6px));
    border-radius: 6px
}

.language-selector__menu[data-v-600c2791]:before {
    display: block;
    content: "";
    position: absolute;
    top: -6px;
    left: 80px;
    width: 20px;
    height: 20px;
    background-color: #e8e8e8;
    transform: rotate(45deg);
    opacity: 1
}

.language-selector__option[data-v-600c2791] {
    margin: 8px;
    color: #480024;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px
}

.language-selector__inner[data-v-600c2791] {
    padding: 8px 8px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

</style >
<style type="text/css" >
.header-search-button[data-v-70a18efb] {
    margin: 0;
    outline: none
}

.header-search-button__svg[data-v-70a18efb] {
    color: inherit
}

</style >
<style type="text/css" >
.header-menu-button[data-v-062fc956] {
    margin: -1px 0 0;
    outline: none
}

.header-menu-button__svg[data-v-062fc956] {
    color: inherit
}

</style >
<style type="text/css" >
.header-sponsors[data-v-f6c1730a] {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 16px;
    padding-right: 16px
}

@media screen and (min-width:1024px) {
    .header-sponsors[data-v-f6c1730a] {
        padding-right: 24px;
        margin-right: 24px
    }
}

.header-sponsors[data-v-f6c1730a]:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 24px;
    background-color: #fff;
    background-color: var(--header_text_color,#fff);
    right: 0
}

@media screen and (min-width:1024px) {
    .header-sponsors[data-v-f6c1730a]:after {
        height: 24px
    }
}

.header-sponsors__link[data-v-f6c1730a] {
    display: block;
    margin: 0 0 0 16px
}

@media screen and (min-width:1024px) {
    .header-sponsors__link[data-v-f6c1730a] {
        margin: 0 0 0 20px
    }
}

.header-sponsors__logo[data-v-f6c1730a] {
    display: block;
    max-height: 24px;
    width: auto
}

</style >
<style type="text/css" >
.primary-nav[data-v-3b6167ee] {
    justify-content: flex-start
}

.primary-nav[data-v-3b6167ee], .primary-nav__logo-wrapper[data-v-3b6167ee] {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center
}

.primary-nav__logo-wrapper[data-v-3b6167ee] {
    z-index: 1
}

.primary-nav__logo[data-v-3b6167ee] {
    display: block;
    width: auto;
    height: calc(100% - 8px);
    margin-top: 1px
}

.primary-nav__link-wrapper[data-v-3b6167ee] {
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    margin-top: 3px
}

.primary-nav__link[data-v-3b6167ee] {
    display: none;
    margin: 0 12px;
    padding-bottom: 4px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    line-height: 1.1;
    text-decoration: none;
    border-bottom: 4px solid transparent;
    white-space: nowrap;
    transition: border .3s ease-out;
    color: inherit
}

@media screen and (min-width:760px) {
    .primary-nav__link[data-v-3b6167ee] {
        display: block;
        font-size: 16px;
        margin: 0 16px
    }
}

@media screen and (min-width:1024px) {
    .primary-nav__link[data-v-3b6167ee] {
        display: block;
        font-size: 20px;
        margin: 0 24px
    }
}

.primary-nav__link[data-v-3b6167ee]:hover {
    border-bottom: 4px solid
}

.primary-nav__button-wrapper[data-v-3b6167ee] {
    display: flex;
    position: relative;
    z-index: 1;
    height: 24px
}

.primary-nav__search[data-v-3b6167ee] {
    display: block
}

    .primary-nav__search[data-v-3b6167ee] svg {
        width: 20px;
        height: 20px
    }

@media screen and (min-width:1024px) {
    .primary-nav__search[data-v-3b6167ee] svg {
        width: 24px;
        height: 24px
    }
}

.primary-nav__burger[data-v-3b6167ee] {
    margin-left: 12px !important
}

@media screen and (min-width:1024px) {
    .primary-nav__burger[data-v-3b6167ee] {
        margin-left: 24px !important
    }
}

.primary-nav__burger[data-v-3b6167ee] svg {
    width: 20px;
    height: 20px
}

@media screen and (min-width:1024px) {
    .primary-nav__burger[data-v-3b6167ee] svg {
        width: 24px;
        height: 24px
    }
}

</style >
<style type="text/css" >
.header-container[data-v-b0fe7840] {
    height: 48px;
    width: 100%;
    padding: 0 16px;
    position: absolute;
    z-index: 14
}

@media screen and (min-width:760px) {
    .header-container[data-v-b0fe7840] {
        height: 64px;
        padding: 0 24px
    }
}

@media screen and (min-width:1024px) {
    .header-container[data-v-b0fe7840] {
        height: 64px;
        padding: 0 80px
    }
}

.header-container--solid[data-v-b0fe7840] {
    color: #fff;
    color: var(--header_text_color,#fff);
    background: #480024
}

.header-container--transparent-light[data-v-b0fe7840] {
    color: #212121;
    background: transparent
}

.header-container--transparent-dark[data-v-b0fe7840] {
    color: #fff;
    background: transparent
}

.header-container--fixed[data-v-b0fe7840] {
    position: fixed;
    top: 0;
    transition: color .2s ease-out;
    transition: background .2s ease-out;
    color: #fff;
    color: var(--header_text_color,#fff);
    background: #480024
}

.header-container--fixed.header-container--use-global-nav[data-v-b0fe7840] {
    top: 32px
}

@media screen and (min-width:760px) {
    .header-container--fixed.header-container--use-global-nav[data-v-b0fe7840] {
        top: 32px
    }
}

.header-container--reveal[data-v-b0fe7840] {
    position: fixed;
    top: 0
}

.header-container--reveal.header-container--use-global-nav[data-v-b0fe7840] {
    top: 32px
}

@media screen and (min-width:760px) {
    .header-container--reveal.header-container--use-global-nav[data-v-b0fe7840] {
        top: 32px
    }
}

.header-container--reveal-sticky[data-v-b0fe7840] {
    color: #fff;
    color: var(--header_text_color,#fff);
    background: #480024
}

.reveal--hidden.header-container--use-global-nav[data-v-b0fe7840] {
    transform: translateY(calc(-100% - 32px))
}

</style >
<style type="text/css" >
.profile-button[data-v-35c6022c] {
    position: relative;
    display: block
}

.profile-button__button[data-v-35c6022c] {
    height: 100%;
    color: #fff;
    font-size: 16px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 400;
    text-transform: none
}

.profile-button__button--icon-only[data-v-35c6022c] svg {
    margin-right: 0
}

</style >
<style type="text/css" >
.global-nav[data-v-d5257f48] {
    height: 32px;
    display: block
}

@media screen and (min-width:760px) {
    .global-nav[data-v-d5257f48] {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .global-nav[data-v-d5257f48] {
        display: 44px
    }
}

.global-nav__inner[data-v-d5257f48] {
    width: 100%;
    height: 32px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #480024;
    z-index: 14
}

.global-nav__inner--fixed[data-v-d5257f48], .global-nav__inner--reveal[data-v-d5257f48] {
    width: 100%;
    position: fixed;
    top: 0
}

.global-nav__link-wrapper[data-v-d5257f48] {
    margin-right: auto;
    display: flex
}

.global-nav__link[data-v-d5257f48] {
    position: relative;
    height: 32px;
    padding: 18px 8px 16px;
    border-radius: 0;
    color: #fff;
    font-size: heaverV3Setting(global_nav-font_size);
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700;
    text-transform: uppercase
}

    .global-nav__link[data-v-d5257f48]:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        bottom: 8px;
        width: 1px;
        background: #000;
        opacity: .15
    }

    .global-nav__link[data-v-d5257f48]:hover {
        text-decoration: none
    }

    .global-nav__link[data-v-d5257f48]:first-child, .global-nav__link[data-v-d5257f48]:first-child:hover, .global-nav__link[data-v-d5257f48]:hover {
        background-color: #fafafa;
        color: #212121
    }

        .global-nav__link[data-v-d5257f48]:first-child:hover {
            text-decoration: none
        }

        .global-nav__link[data-v-d5257f48]:first-child:before, .global-nav__link[data-v-d5257f48]:nth-child(2):before {
            display: none
        }

@media screen and (min-width:760px) {
    .global-nav__link[data-v-d5257f48] {
        padding: 0 30px;
        font-size: 13px
    }
}

.global-nav__profile-button[data-v-d5257f48] {
    height: 100%;
    margin-right: 10px
}

@media screen and (min-width:760px) {
    .global-nav__profile-button[data-v-d5257f48] {
        margin-right: 33px
    }
}

.global-nav__profile-button[data-v-d5257f48] svg {
    width: 16px !important;
    height: 16px !important
}

</style >
<style type="text/css" >
.sticky-nav[data-v-62fbffa1] {
    height: 48px;
    width: 100%;
    padding: 0 16px;
    position: fixed;
    top: 0;
    z-index: 14;
    color: #fff;
    color: var(--header_text_color,#fff);
    background: linear-gradient(180deg,#005226,#00833d);
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (min-width:760px) {
    .sticky-nav[data-v-62fbffa1] {
        height: 64px;
        padding: 0 24px
    }
}

@media screen and (min-width:1024px) {
    .sticky-nav[data-v-62fbffa1] {
        height: 64px;
        padding: 0 80px
    }
}

.sticky-nav__logo[data-v-62fbffa1] {
    height: 35px
}

@media screen and (min-width:1024px) {
    .sticky-nav__logo[data-v-62fbffa1] {
        height: 50px
    }
}

.sticky-nav__container[data-v-62fbffa1] {
    display: flex;
    align-content: center
}

.sticky-nav__link[data-v-62fbffa1] {
    margin: 18px 12px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-transform: none;
    border-bottom: 4px solid transparent;
    white-space: nowrap;
    transition: border .3s ease-out;
    color: inherit;
    display: none
}

@media screen and (min-width:760px) {
    .sticky-nav__link[data-v-62fbffa1] {
        margin: 18px 16px;
        font-size: 16px
    }
}

@media screen and (min-width:1024px) {
    .sticky-nav__link[data-v-62fbffa1] {
        margin: 18px 10px;
        font-size: 14px;
        display: inline
    }
}

.sticky-nav__link[data-v-62fbffa1]:hover {
    border-bottom: 4px solid
}

.sticky-nav__right[data-v-62fbffa1] {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    gap: 20px
}

</style >
<style type="text/css" >
.sticky-nav[data-v-6a721ff2] {
    height: 48px;
    width: 100%;
    padding: 0 16px;
    position: fixed;
    top: 0;
    z-index: 14;
    color: #fff;
    color: var(--header_text_color,#fff);
    background: #480024
}

@media screen and (min-width:760px) {
    .sticky-nav[data-v-6a721ff2] {
        height: 64px;
        padding: 0 24px
    }
}

@media screen and (min-width:1024px) {
    .sticky-nav[data-v-6a721ff2] {
        height: 64px;
        padding: 0 80px
    }
}

</style >
<style type="text/css" >
.video-item[data-v-b2713af8] {
    position: relative;
    margin: 0 0 16px
}

.video-item__locked[data-v-b2713af8] {
    position: absolute;
    top: 55%;
    left: 37px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 24px;
    width: 24px;
    color: #fff;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .video-item__locked[data-v-b2713af8] {
        top: 50%;
        left: 64px
    }
}

.video-item__link[data-v-b2713af8] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding: 0;
    width: 100%;
    background-color: #fafafa;
    border: 0;
    cursor: pointer;
    outline: none
}

.video-item__link.is-locked[data-v-b2713af8] {
    opacity: .7
}

.video-item__image[data-v-b2713af8] {
    position: relative;
    display: block;
    width: 100px;
    background-color: #fafafa;
    background-position: 50%;
    background-size: cover
}

    .video-item__image[data-v-b2713af8]:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-40%);
        height: 30px;
        width: 30px;
        background-size: 30px 30px;
        opacity: .8
    }

.video-item__content[data-v-b2713af8] {
    padding: 10px 16px;
    min-height: 95px;
    width: calc(100% - 160px);
    text-align: left
}

.video-item__item-heading[data-v-b2713af8] {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase
}

.video-item__date[data-v-b2713af8], .video-item__item-heading[data-v-b2713af8] {
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.video-item__date[data-v-b2713af8] {
    display: block;
    padding: 0 0 6px;
    font-size: 13px;
    opacity: .6
}

.video-item__duration[data-v-b2713af8] {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 6px 8px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    background-color: rgba(0,0,0,.8);
    border-radius: 5px
}

.current-video .video-item__link[data-v-b2713af8] {
    background-color: #480024
}

.current-video .video-item__date[data-v-b2713af8], .current-video .video-item__item-heading[data-v-b2713af8] {
    color: #fff
}

@media screen and (min-width:1024px) {
    .video-item__image[data-v-b2713af8] {
        width: 160px
    }

    .video-item__item-heading[data-v-b2713af8] {
        font-size: 18px
    }
}

</style >
<style type="text/css" >
.sidebar__heading[data-v-b4d9e6e0] {
    color: #fff
}

.sidebar__list[data-v-b4d9e6e0] {
    padding: 0;
    margin: 16px 0 0;
    list-style: none
}

@media screen and (min-width:1024px) {
    .sidebar__list[data-v-b4d9e6e0] {
        height: 100%;
        height: calc(100vh - 200px);
        overflow-y: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch
    }
}

</style >
<style type="text/css" >
.video-body__heading[data-v-e76b12d2] {
    margin-top: 16px
}

.player-embed-wrapper[data-v-e76b12d2] {
    position: relative;
    height: 0;
    padding-top: 59.25%;
    width: 100%;
    overflow: hidden;
    background: #09101f url(/video-placeholder.png) 50% 50% no-repeat;
    background-size: cover
}

</style >
<style type="text/css" >
.player-embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

</style >
<style type="text/css" >
.video-body[data-v-7954fe5a] {
    max-width: 800px;
    margin: 0 auto
}

.video-body__heading[data-v-7954fe5a] {
    margin-top: 16px
}

.video-body__error[data-v-7954fe5a] {
    padding: 16px;
    color: #212121;
    background-color: #fff;
    border: 1px solid #000
}

.video-body__error p[data-v-7954fe5a] {
    margin: 0 0 4px
}

.video-body__error a[data-v-7954fe5a] {
    color: #212121
}

.player-embed-wrapper[data-v-7954fe5a] {
    position: relative;
    height: 0;
    padding-top: 59.25%;
    width: 100%;
    overflow: hidden;
    background-color: #09101f
}

</style >
<style type="text/css" >
.player-embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

</style >
<style type="text/css" >
.video-player[data-v-554c38c5] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    background-color: #09101f;
    overflow-y: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    z-index: 100
}

.video-player__inner[data-v-554c38c5] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto
}

.video-player__body[data-v-554c38c5] {
    width: 100%
}

.video-player__title[data-v-554c38c5] {
    color: #fff
}

.video-player__header[data-v-554c38c5] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 0 24px;
    width: 100%
}

.video-player__logo[data-v-554c38c5] {
    max-height: 60px
}

.video-player__content-col[data-v-554c38c5] {
    width: 100%;
    padding: 0 0 40px;
    margin: 0 auto 30px;
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.video-player__close[data-v-554c38c5] {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #fff;
    cursor: pointer;
    font-size: 0;
    background-color: transparent;
    border: 0;
    z-index: 10
}

@media screen and (min-width:1024px) {
    .video-player__logo[data-v-554c38c5] {
        max-height: 80px
    }

    .video-player__body[data-v-554c38c5] {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        width: 100%
    }

    .video-player__content-col[data-v-554c38c5] {
        margin: 0;
        padding: 0;
        width: calc(100% - 500px);
        border: 0
    }

    .video-player__sidebar[data-v-554c38c5] {
        padding: 0 0 0 60px;
        width: 500px
    }
}

</style >
<style type="text/css" >
.link-wrapper[data-v-8d07b132] {
    text-decoration: none
}

.search-result[data-v-8d07b132] {
    padding: 8px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    color: #212121;
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.search-result__image[data-v-8d07b132] {
    min-width: 80px;
    height: auto;
    background-position: 50%;
    background-size: cover;
    background-repeat: none
}

.search-result__content[data-v-8d07b132] {
    max-width: calc(100% - 80px);
    flex: 1;
    padding-left: 8px
}

.search-result__meta[data-v-8d07b132] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    line-height: 1
}

.search-result__icon[data-v-8d07b132] {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    color: #aaa
}

.search-result__date[data-v-8d07b132] {
    margin: 0 8px 0 0;
    padding: 0
}

.search-result__category[data-v-8d07b132], .search-result__date[data-v-8d07b132] {
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #aaa
}

.search-result__category[data-v-8d07b132], .search-result__date[data-v-8d07b132], .search-result__title[data-v-8d07b132] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.search-result__title[data-v-8d07b132] {
    padding: 6px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 700;
    color: #480024
}

</style >
<style type="text/css" >
.pagination[data-v-204bcac6] {
    margin: 40px 0 64px
}

.pagination__results[data-v-204bcac6] {
    text-align: center;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #212121;
    text-transform: none
}

.pagination__result-number[data-v-204bcac6] {
    font-weight: 700;
    color: #212121
}

.pagination__wrapper[data-v-204bcac6] {
    padding: 16px 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none
}

.pagination__page-button[data-v-204bcac6] {
    width: 32px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #aaa;
    text-align: center;
    cursor: pointer
}

.pagination__page-button--active[data-v-204bcac6] {
    font-weight: 700;
    color: #480024
}

.pagination__arrow-button[data-v-204bcac6] {
    width: 16px;
    height: 16px;
    margin: 0 8px;
    color: #480024;
    cursor: pointer
}

</style >
<style type="text/css" >
.search-results[data-v-4ec5a536] {
    padding: 0;
    list-style: none
}

.search-results__container[data-v-4ec5a536] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.search-item-enter-active[data-v-4ec5a536], .search-item-leave-active[data-v-4ec5a536] {
    transition: opacity .5s .3s,transform .5s .3s
}

.search-item-enter[data-v-4ec5a536], .search-item-leave-to[data-v-4ec5a536] {
    opacity: 0;
    transform: translateY(60px)
}

</style >
<style type="text/css" >
.search-result[data-v-ab7e11ca] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 8px 24px;
    color: #212121;
    background-color: #fff;
    box-shadow: 0 4px 8px 4px rgba(0,0,0,.03)
}

@media screen and (min-width:1024px) {
    .search-result[data-v-ab7e11ca] {
        margin: 0 0 24px;
        min-height: 120px
    }
}

.search-result__image[data-v-ab7e11ca] {
    display: none;
    height: 120px;
    width: 200px;
    background-position: 50%;
    background-size: cover
}

@media screen and (min-width:1024px) {
    .search-result__image[data-v-ab7e11ca] {
        display: block
    }
}

.search-result__content[data-v-ab7e11ca] {
    padding: 16px;
    flex: 1
}

@media screen and (min-width:1024px) {
    .search-result__content[data-v-ab7e11ca] {
        padding: 16px 32px
    }
}

.search-result__meta[data-v-ab7e11ca] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    color: #aaa;
    font-size: 12px;
    line-height: 1;
    padding: 0 0 8px
}

    .search-result__meta[data-v-ab7e11ca]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 144px;
        height: 1px;
        background: #212121
    }

.search-result__date[data-v-ab7e11ca] {
    margin: 0 16px 0 0;
    padding: 0;
    color: #aaa;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none;
    white-space: nowrap
}

.search-result__title[data-v-ab7e11ca] {
    color: #480024
}

.search-result__cta[data-v-ab7e11ca] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 16px 0 16px auto;
    padding: 0 16px;
    border-left: 1px solid hsla(0,0%,84.7%,.5)
}

@media screen and (min-width:1024px) {
    .search-result__cta[data-v-ab7e11ca] {
        padding: 0;
        width: 180px
    }
}

.search-result__locked[data-v-ab7e11ca] {
    color: #aaa;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

</style >
<style type="text/css" >
.search-count[data-v-6ec385da] {
    padding: 32px 16px 0;
    text-align: center
}

</style >
<style type="text/css" >
.search-results[data-v-543cef0e] {
    margin: 32px auto;
    padding: 0;
    max-width: 1120px;
    list-style: none
}

</style >
<style type="text/css" >
.inline-loader[data-v-92c7e338], .inline-loader[data-v-92c7e338]:after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}

.inline-loader[data-v-92c7e338] {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border: 1.1em solid hsla(0,0%,100%,.2);
    border-left-color: currentcolor;
    transform: translateZ(0);
    animation: load8-92c7e338 1.1s linear infinite
}

@keyframes load8-92c7e338 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

</style >
<style type="text/css" >
.audio-player[data-v-69353b8a] {
    position: fixed;
    bottom: 16px;
    right: 16px;
    left: 16px;
    padding: 8px 16px;
    height: 60px;
    z-index: 10;
    background-color: rgba(0,0,0,.74);
    border-radius: 8px;
    box-shadow: 0 4px 8px 4px rgba(0,0,0,.03)
}

@media screen and (min-width:1024px) {
    .audio-player[data-v-69353b8a] {
        bottom: 16px;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        padding: 8px 32px;
        height: 120px;
        max-width: 960px;
        width: 100%
    }
}

.audio-player__inner[data-v-69353b8a] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 0 48px;
    max-width: 1900px;
    height: 100%;
    margin: 0 auto;
    z-index: 3
}

.audio-player__error[data-v-69353b8a] {
    padding: 16px;
    color: #212121;
    background-color: #fff;
    border: 1px solid #000
}

.audio-player__error p[data-v-69353b8a] {
    margin: 0 0 4px
}

.audio-player__error a[data-v-69353b8a] {
    color: #212121
}

.audio-player__heading[data-v-69353b8a] {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.audio-player__button[data-v-69353b8a] {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    margin: 0;
    height: 28px;
    width: 28px;
    font-size: 0;
    border: 0;
    outline: none
}

.audio-player__button--play[data-v-69353b8a] {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAABj0lEQVRoQ93a0W3DMAwEUHG0jpJN2kmaTpJ2k26igkBUCEFak7JE3snf/nngkbIkS631vZTyJSLXsuEjtdZ6d72JyOtuxh7YbFtBnwEVqnHdIrZ/AVs1FaoV/WaN7hGQPrZWoEI/SykfbNPWA+xjS9OfI0Cq2J4BUkBnAKGXlVlA2P6cDYSL7Spgg16yl5XVwPT+jAD+9qeIXKI/+SKBKf2ZAQyNbRYwbFnJBi6PLQpwGRQNOL0/EYF9f+r+U/ehww8ycEpsGYAK1TMhPRtyn92yAIeXFTagO7asQDOUHXi4rOwA1AGk+86nywkz0DRZGYEmWGtSNqD75osFOHwJhA4chqFHVPvsZca1HVoFXQPEssVAAU6HIUV06eFwZgXdI98Sycd3MoCnJ6MHGgkMhUX24LSR76lcBHDZZPRAV0QUAraqgiGTMaOC14yrMQv0bERTJqMFdjaiejygXyDw/7B5K5g68j2V81YQajJ6oEcVpIVZKgg38j2V+w8IPxk90D6iW8H6Ct5YRr6ncu3dHz+dOkizrHTkAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: contain
}

.audio-player__button--pause[data-v-69353b8a] {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA4CAYAAAC7UXvqAAAAk0lEQVRoQ+3WQQrAMAwDwfj/j3bvCRSMfJw+ICXK2trq7j6LX1XV33Hr/1s/0AVmOJQXuAIzAzOCDoTuwCAEoWECEEoDU2SKLGNIkdlCGUFc6MmPCw2RsoVsoSEyT2BciAtlDNlCtlBGEBfiQiFBEIIQhMgcmcumgMyRuYwgTayJQ4IgBCEIkTkyl00BmSNzGUHnA9v9v2hAp/VDAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: contain
}

.audio-player__player[data-v-69353b8a] {
    display: none
}

.audio-player__close[data-v-69353b8a] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    color: #fff;
    font-size: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    z-index: 2
}

.is-playing[data-v-69353b8a] {
    overflow: hidden
}

    .is-playing[data-v-69353b8a]:after, .is-playing[data-v-69353b8a]:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        animation-duration: 60s;
        animation-iteration-count: infinite;
        animation-timing-function: linear
    }

    .is-playing[data-v-69353b8a]:before {
        bottom: 0;
        background: transparent url(/audio-player/audio-bg-1.png) 0 -35px repeat-x;
        background-size: 1920px 120px;
        animation-name: move-right-69353b8a;
        z-index: 1
    }

@media screen and (min-width:1024px) {
    .is-playing[data-v-69353b8a]:before {
        background: transparent url(/audio-player/audio-bg-1.png) 0 30px repeat-x;
        background-size: 1920px 120px
    }
}

.is-playing[data-v-69353b8a]:after {
    bottom: 0;
    background: transparent url(/audio-player/audio-bg-2.png) 100% -35px repeat-x;
    background-size: 1920px 120px;
    animation-name: move-left-69353b8a;
    z-index: 2
}

@media screen and (min-width:1024px) {
    .is-playing[data-v-69353b8a]:after {
        background: transparent url(/audio-player/audio-bg-1.png) 100% 30px repeat-x;
        background-size: 1920px 120px
    }
}

@keyframes move-right-69353b8a {
    0% {
        background-position-x: 0
    }

    to {
        background-position-x: 3840px
    }
}

@keyframes move-left-69353b8a {
    0% {
        background-position-x: 3840px
    }

    to {
        background-position-x: 0
    }
}

</style >
<style type="text/css" >
.audio-player[data-v-8b492300] {
    position: fixed;
    bottom: 16px;
    right: 16px;
    left: 16px;
    padding: 8px 16px;
    height: 60px;
    z-index: 10;
    background-color: rgba(0,0,0,.74);
    border-radius: 8px;
    box-shadow: 0 4px 8px 4px rgba(0,0,0,.03)
}

@media screen and (min-width:1024px) {
    .audio-player[data-v-8b492300] {
        bottom: 16px;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        padding: 8px 32px;
        height: 120px;
        max-width: 960px;
        width: 100%
    }
}

.audio-player__inner[data-v-8b492300] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 48px;
    max-width: 1900px;
    height: 100%;
    margin: 0 auto;
    z-index: 3
}

.audio-player__error[data-v-8b492300] {
    padding: 16px;
    color: #212121;
    background-color: #fff;
    border: 1px solid #000;
    align-self: flex-end
}

.audio-player__error p[data-v-8b492300] {
    margin: 0 0 4px
}

.audio-player__error a[data-v-8b492300] {
    color: #212121
}

.audio-player__heading[data-v-8b492300] {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.audio-player__button[data-v-8b492300] {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    margin: 0;
    height: 28px;
    width: 28px;
    font-size: 0;
    border: 0;
    outline: none
}

.audio-player__button--play[data-v-8b492300] {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAABj0lEQVRoQ93a0W3DMAwEUHG0jpJN2kmaTpJ2k26igkBUCEFak7JE3snf/nngkbIkS631vZTyJSLXsuEjtdZ6d72JyOtuxh7YbFtBnwEVqnHdIrZ/AVs1FaoV/WaN7hGQPrZWoEI/SykfbNPWA+xjS9OfI0Cq2J4BUkBnAKGXlVlA2P6cDYSL7Spgg16yl5XVwPT+jAD+9qeIXKI/+SKBKf2ZAQyNbRYwbFnJBi6PLQpwGRQNOL0/EYF9f+r+U/ehww8ycEpsGYAK1TMhPRtyn92yAIeXFTagO7asQDOUHXi4rOwA1AGk+86nywkz0DRZGYEmWGtSNqD75osFOHwJhA4chqFHVPvsZca1HVoFXQPEssVAAU6HIUV06eFwZgXdI98Sycd3MoCnJ6MHGgkMhUX24LSR76lcBHDZZPRAV0QUAraqgiGTMaOC14yrMQv0bERTJqMFdjaiejygXyDw/7B5K5g68j2V81YQajJ6oEcVpIVZKgg38j2V+w8IPxk90D6iW8H6Ct5YRr6ncu3dHz+dOkizrHTkAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: contain
}

.audio-player__button--pause[data-v-8b492300] {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA4CAYAAAC7UXvqAAAAk0lEQVRoQ+3WQQrAMAwDwfj/j3bvCRSMfJw+ICXK2trq7j6LX1XV33Hr/1s/0AVmOJQXuAIzAzOCDoTuwCAEoWECEEoDU2SKLGNIkdlCGUFc6MmPCw2RsoVsoSEyT2BciAtlDNlCtlBGEBfiQiFBEIIQhMgcmcumgMyRuYwgTayJQ4IgBCEIkTkyl00BmSNzGUHnA9v9v2hAp/VDAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: contain
}

.audio-player__player[data-v-8b492300] {
    display: none
}

.audio-player__close[data-v-8b492300] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    color: #fff;
    font-size: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    z-index: 2
}

.is-playing[data-v-8b492300] {
    overflow: hidden
}

    .is-playing[data-v-8b492300]:after, .is-playing[data-v-8b492300]:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        animation-duration: 60s;
        animation-iteration-count: infinite;
        animation-timing-function: linear
    }

    .is-playing[data-v-8b492300]:before {
        bottom: 0;
        background: transparent url(/audio-player/audio-bg-1.png) 0 -35px repeat-x;
        background-size: 1920px 120px;
        animation-name: move-right-8b492300;
        z-index: 1
    }

@media screen and (min-width:1024px) {
    .is-playing[data-v-8b492300]:before {
        background: transparent url(/audio-player/audio-bg-1.png) 0 30px repeat-x;
        background-size: 1920px 120px
    }
}

.is-playing[data-v-8b492300]:after {
    bottom: 0;
    background: transparent url(/audio-player/audio-bg-2.png) 100% -35px repeat-x;
    background-size: 1920px 120px;
    animation-name: move-left-8b492300;
    z-index: 2
}

@media screen and (min-width:1024px) {
    .is-playing[data-v-8b492300]:after {
        background: transparent url(/audio-player/audio-bg-1.png) 100% 30px repeat-x;
        background-size: 1920px 120px
    }
}

@keyframes move-right-8b492300 {
    0% {
        background-position-x: 0
    }

    to {
        background-position-x: 3840px
    }
}

@keyframes move-left-8b492300 {
    0% {
        background-position-x: 3840px
    }

    to {
        background-position-x: 0
    }
}

</style >
<style type="text/css" >
.package-list[data-v-f1b07778] {
    padding: 20px 0 0;
    margin: 0 -16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none
}

.package[data-v-f1b07778] {
    margin: 0 16px 32px;
    background-color: #fafafa;
    border-radius: 20px;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.16);
    overflow: hidden
}

@media screen and (min-width:760px) {
    .package[data-v-f1b07778] {
        width: calc(50% - 32px)
    }
}

@media screen and (min-width:1024px) {
    .package[data-v-f1b07778] {
        width: calc(33.33% - 32px)
    }
}

.package__image[data-v-f1b07778] {
    height: 160px;
    padding: 20px;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #3c3c3c
}

.package__image--yearly-audio[data-v-f1b07778] {
    background-image: url(/subscriptions/yearly-audio.jpg)
}

.package__image--monthly-audio[data-v-f1b07778] {
    background-image: url(/subscriptions/monthly-audio.jpg)
}

.package__image--video[data-v-f1b07778] {
    background-image: url(/subscriptions/video.jpg)
}

.package__icon[data-v-f1b07778] {
    height: 64px;
    width: auto
}

.package__details[data-v-f1b07778] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.package__title[data-v-f1b07778] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 20px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #212121;
    text-transform: none;
    text-transform: var(--heading_text_transform,none)
}

@media screen and (min-width:760px) {
    .package__title[data-v-f1b07778] {
        font-size: 20px
    }
}

.package__title[data-v-f1b07778]:after {
    content: "";
    width: 50%;
    padding: 12px 0;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid #e8e8e8
}

.package__body[data-v-f1b07778] {
    padding: 20px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #212121;
    text-transform: none
}

@media screen and (min-width:760px) {
    .package__body[data-v-f1b07778] {
        font-size: 16px
    }
}

</style >
<style type="text/css" >
.package-card[data-v-bc5ce2d6] {
    list-style-type: none;
    border-radius: 8px;
    width: 288px;
    text-align: left;
    position: relative;
    white-space: normal
}

@media screen and (min-width:760px) {
    .package-card[data-v-bc5ce2d6] {
        width: 320px
    }
}

.package-card--shadow .package-card__side[data-v-bc5ce2d6] {
    box-shadow: 0 24px 24px -12px rgba(33,33,33,.5)
}

.package-card--border .package-card__side[data-v-bc5ce2d6] {
    border: 1px solid #efefef
}

.package-card--divider[data-v-bc5ce2d6]:after {
    content: "";
    position: absolute;
    background-color: #e8e8e8;
    width: 100%;
    height: 2px;
    top: unset;
    right: unset;
    bottom: -32px;
    left: 0
}

@media screen and (min-width:700px) {
    .package-card--divider[data-v-bc5ce2d6]:after {
        display: none
    }

    .package-card--divider[data-v-bc5ce2d6]:not(.even-divider):after {
        display: block;
        height: 100%;
        width: 2px;
        top: 0;
        right: -32px;
        bottom: unset;
        left: unset
    }
}

@media screen and (min-width:1200px) {
    .package-card--divider[data-v-bc5ce2d6]:after {
        display: block;
        height: 100%;
        width: 2px;
        top: 0;
        right: -32px;
        bottom: unset;
        left: unset
    }
}

.package-card__wrapper[data-v-bc5ce2d6] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    position: relative
}

.package-card__side[data-v-bc5ce2d6] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    transition: .5s
}

@supports (backface-visibility:hidden) {
    .package-card__side[data-v-bc5ce2d6] {
        backface-visibility: hidden
    }
}

.package-card__side--front[data-v-bc5ce2d6] {
    opacity: 1;
    display: flex;
    flex-direction: column
}

.package-card__side--back[data-v-bc5ce2d6], .package-card__side--front-flipped[data-v-bc5ce2d6] {
    opacity: 0;
    pointer-events: none
}

.package-card__side--back[data-v-bc5ce2d6] {
    position: absolute;
    top: 0
}

.package-card__side--back-flipped[data-v-bc5ce2d6] {
    pointer-events: unset;
    opacity: 1
}

.package-card__icon[data-v-bc5ce2d6] {
    margin: 29px 16px 0;
    width: 48px;
    height: 48px
}

@media screen and (min-width:760px) {
    .package-card__icon[data-v-bc5ce2d6] {
        margin: 29px 24px 0
    }
}

.package-card__image[data-v-bc5ce2d6] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 8px 8px 0 0;
    height: 0;
    width: 100%;
    padding-top: 56.25%
}

.package-card__text[data-v-bc5ce2d6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 16px
}

@media screen and (min-width:760px) {
    .package-card__text[data-v-bc5ce2d6] {
        padding: 16px 24px 24px
    }
}

.package-card__type[data-v-bc5ce2d6] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: regular;
    text-transform: uppercase
}

.package-card__title[data-v-bc5ce2d6] {
    margin-top: 8px;
    margin-bottom: 0
}

.package-card__description[data-v-bc5ce2d6] {
    font-size: 16px;
    text-transform: none;
    margin-top: 4px;
    margin-bottom: 16px;
    flex: 1
}

.package-card__description[data-v-bc5ce2d6], .package-card__label[data-v-bc5ce2d6] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: regular
}

.package-card__label[data-v-bc5ce2d6] {
    border-radius: 4px;
    background-color: #7b003e;
    font-size: 10px;
    padding: 4px 5.5px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99
}

.package-card__logged-out[data-v-bc5ce2d6] {
    all: unset;
    margin: 0;
    padding: 0;
    opacity: .7;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: regular;
    background: transparent;
    border: 0
}

.package-card__owned[data-v-bc5ce2d6] {
    background-color: #7b003e;
    border-radius: 8px;
    position: absolute;
    bottom: 24px;
    left: 16px;
    padding: 10px;
    width: calc(100% - 32px)
}

@media screen and (min-width:760px) {
    .package-card__owned[data-v-bc5ce2d6] {
        left: 24px;
        width: calc(100% - 48px)
    }
}

.package-card__owned-title[data-v-bc5ce2d6] {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.package-card__owned-text[data-v-bc5ce2d6], .package-card__owned-title[data-v-bc5ce2d6] {
    text-align: center;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.package-card__owned-text[data-v-bc5ce2d6] {
    font-size: 14px;
    font-weight: regular;
    text-transform: none;
    color: #212121;
    margin-bottom: 0
}

    .package-card__owned-text[data-v-bc5ce2d6] a {
        color: #212121
    }

        .package-card__owned-text[data-v-bc5ce2d6] a:visited {
            color: #212121;
            text-decoration: none
        }

.package-card__options[data-v-bc5ce2d6] {
    width: calc(100% - 32px)
}

@media screen and (min-width:760px) {
    .package-card__options[data-v-bc5ce2d6] {
        width: calc(100% - 48px)
    }
}

.package-card__option[data-v-bc5ce2d6] {
    display: flex;
    align-items: center
}

    .package-card__option[data-v-bc5ce2d6]:not(:last-child) {
        margin-bottom: 8px
    }

.package-card__button-area[data-v-bc5ce2d6] {
    flex: 1 1 85%;
    cursor: pointer
}

.package-card__offer-text[data-v-bc5ce2d6] {
    background-color: #ffe505;
    border-radius: 8px 8px 0 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    font-weight: regular;
    text-transform: uppercase;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
    margin-bottom: -10px
}

.package-card__button[data-v-bc5ce2d6] {
    border: 0;
    border-radius: 8px;
    height: 48px;
    padding: 6px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: .3s;
    cursor: pointer
}

.package-card__button-offer[data-v-bc5ce2d6], .package-card__button-price[data-v-bc5ce2d6] {
    display: block;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: regular;
    text-transform: none
}

.package-card__button-price--with-offer[data-v-bc5ce2d6] {
    text-decoration: line-through
}

.package-card__button-price--with-offer[data-v-bc5ce2d6], .package-card__button-text[data-v-bc5ce2d6] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    font-weight: regular;
    text-transform: none
}

.package-card__options-icon[data-v-bc5ce2d6] {
    margin-left: 8px;
    flex: 1 0 24px;
    cursor: pointer
}

.package-card__backside-wrapper[data-v-bc5ce2d6] {
    overflow: auto;
    height: 100%;
    position: relative
}

.package-card__backside-container[data-v-bc5ce2d6] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px
}

@media screen and (min-width:760px) {
    .package-card__backside-container[data-v-bc5ce2d6] {
        padding: 24px
    }
}

.package-card__backside-text[data-v-bc5ce2d6] {
    font-size: 16px;
    margin-top: 24px
}

.package-card__close-icon[data-v-bc5ce2d6] {
    cursor: pointer;
    position: absolute;
    right: 24px;
    bottom: 40px;
    width: 18px;
    height: 18px
}

a[data-v-bc5ce2d6], a[data-v-bc5ce2d6]:visited {
    color: unset
}

    a[data-v-bc5ce2d6], a[data-v-bc5ce2d6]:visited, a:visited > *[data-v-bc5ce2d6], a > *[data-v-bc5ce2d6] {
        text-decoration: none !important
    }

.package-card__side[data-v-bc5ce2d6] {
    background-color: #fafafa
}

.package-card__backside-text[data-v-bc5ce2d6], .package-card__description[data-v-bc5ce2d6], .package-card__icon[data-v-bc5ce2d6], .package-card__logged-out[data-v-bc5ce2d6], .package-card__title[data-v-bc5ce2d6], .package-card__type[data-v-bc5ce2d6] {
    color: #212121
}

.package-card__button[data-v-bc5ce2d6] {
    background-color: #480024;
    color: #fff
}

.package-card__button-area:hover .package-card__button[data-v-bc5ce2d6] {
    background-color: #2f0017
}

.package-card__options-icon[data-v-bc5ce2d6] {
    color: #480024
}

.package-card__close-icon[data-v-bc5ce2d6] {
    color: #212121
}

.package-card--light .package-card__side[data-v-bc5ce2d6] {
    background-color: #fafafa
}

.package-card--light .package-card__backside-text[data-v-bc5ce2d6], .package-card--light .package-card__description[data-v-bc5ce2d6], .package-card--light .package-card__icon[data-v-bc5ce2d6], .package-card--light .package-card__logged-out[data-v-bc5ce2d6], .package-card--light .package-card__title[data-v-bc5ce2d6], .package-card--light .package-card__type[data-v-bc5ce2d6] {
    color: #212121
}

.package-card--light .package-card__button[data-v-bc5ce2d6] {
    background-color: #480024;
    color: #fff
}

.package-card--light .package-card__button-area:hover .package-card__button[data-v-bc5ce2d6] {
    background-color: #2f0017
}

.package-card--light .package-card__options-icon[data-v-bc5ce2d6] {
    color: #480024
}

.package-card--light .package-card__close-icon[data-v-bc5ce2d6] {
    color: #212121
}

.package-card--dark .package-card__side[data-v-bc5ce2d6] {
    background-color: #15000b
}

.package-card--dark .package-card__icon[data-v-bc5ce2d6] {
    color: #fff
}

.package-card--dark .package-card__type[data-v-bc5ce2d6] {
    color: #7b003e
}

.package-card--dark .package-card__backside-text[data-v-bc5ce2d6], .package-card--dark .package-card__description[data-v-bc5ce2d6], .package-card--dark .package-card__logged-out[data-v-bc5ce2d6], .package-card--dark .package-card__title[data-v-bc5ce2d6] {
    color: #fff
}

.package-card--dark .package-card__button[data-v-bc5ce2d6] {
    background-color: #7b003e;
    color: #212121
}

.package-card--dark .package-card__disabled[data-v-bc5ce2d6] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.package-card--dark .package-card__button-area:hover .package-card__button[data-v-bc5ce2d6] {
    background-color: #fff
}

.package-card--dark .package-card__options-icon[data-v-bc5ce2d6] {
    color: #7b003e
}

.package-card--dark .package-card__close-icon[data-v-bc5ce2d6] {
    color: #fff
}

</style >
<style type="text/css" >
.voucher[data-v-3ce76b56] {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: #fafafa;
    z-index: 999
}

.voucher__title[data-v-3ce76b56] {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 150px
}

@media screen and (min-width:760px) {
    .voucher__title[data-v-3ce76b56] {
        margin-bottom: 200px
    }
}

@media screen and (min-width:1024px) {
    .voucher__title[data-v-3ce76b56] {
        margin-bottom: 250px
    }
}

.voucher__text[data-v-3ce76b56] {
    font-size: 21px;
    margin-bottom: 25px
}

.voucher__input[data-v-3ce76b56], .voucher__text[data-v-3ce76b56] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: medium;
    text-transform: none
}

.voucher__input[data-v-3ce76b56] {
    font-size: 20px;
    border-radius: 8px;
    box-shadow: 0 24px 24px -12px rgba(44,44,44,.48);
    border: 1px solid #fafafa;
    -webkit-appearance: none;
    padding: 18px 16px;
    margin: auto auto 40px;
    width: 300px;
    height: 64px;
    outline: none;
    display: block
}

@media screen and (min-width:760px) {
    .voucher__input[data-v-3ce76b56] {
        width: 343px
    }
}

.voucher__button[data-v-3ce76b56] {
    display: block;
    margin: auto auto 32px
}

.voucher--light[data-v-3ce76b56] {
    background-color: #fafafa
}

.voucher--light .voucher__text[data-v-3ce76b56], .voucher--light .voucher__title[data-v-3ce76b56] {
    color: #212121
}

.voucher--dark[data-v-3ce76b56] {
    background-color: #480024
}

.voucher--dark .voucher__text[data-v-3ce76b56], .voucher--dark .voucher__title[data-v-3ce76b56] {
    color: #fff
}

</style >
<style type="text/css" >
.end-card[data-v-0a6a51b8] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    background: #480024;
    border: 0;
    border-radius: 6px;
    transition: background-color .3s cubic-bezier(.23,1.25,.46,1),border .3s cubic-bezier(.23,1.25,.46,1);
    will-change: background-color,border
}

.end-card[data-v-0a6a51b8]:hover {
    background: #6d0439;
    border: 0
}

.end-card:hover .end-card__link[data-v-0a6a51b8] {
    color: #fff;
    transform: scale(1.1)
}

.end-card__link[data-v-0a6a51b8] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: "Roboto",sans-serif;
    font-size: var(--primary_font,"Roboto",sans-serif);
    font-size: 21px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-align: center;
    text-decoration: none;
    text-transform: none;
    text-transform: var(--heading_text_transform,none);
    transition: color .3s cubic-bezier(.23,1.25,.46,1),transform .3s cubic-bezier(.23,1.25,.46,1);
    will-change: color,transform
}

</style >
<style type="text/css" >
.category-card[data-v-790a8492] {
    background-color: #ebebeb;
    overflow: hidden
}

.category-card__inner[data-v-790a8492] {
    position: relative;
    height: 0;
    padding-bottom: 150%
}

.category-card__link[data-v-790a8492] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 16px;
    text-decoration: none
}

.category-card__link:hover .category-card__image[data-v-790a8492] {
    transform: scale(1.1)
}

.category-card__image[data-v-790a8492] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    transition: transform .3s cubic-bezier(.075,.82,.165,1)
}

.category-card__title[data-v-790a8492] {
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0;
    color: #fff;
    text-decoration: none;
    white-space: normal
}

</style >
<style type="text/css" >
.glide[data-v-6b60675c] {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide *[data-v-6b60675c] {
    box-sizing: inherit
}

.glide__slides[data-v-6b60675c], .glide__track[data-v-6b60675c] {
    overflow: hidden
}

.glide__slides[data-v-6b60675c] {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slide[data-v-6b60675c], .glide__slides--dragging[data-v-6b60675c] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide__slide[data-v-6b60675c] {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a[data-v-6b60675c] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows[data-v-6b60675c], .glide__bullets[data-v-6b60675c] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide--rtl[data-v-6b60675c] {
    direction: rtl
}

.glide__arrow[data-v-6b60675c] {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid hsla(0,0%,100%,.5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
    text-shadow: 0 .25em .5em rgba(0,0,0,.1);
    opacity: 1;
    cursor: pointer;
    transition: opacity .15s ease,border .3s ease-in-out;
    transform: translateY(-50%);
    line-height: 1
}

    .glide__arrow[data-v-6b60675c]:focus {
        outline: none
    }

    .glide__arrow[data-v-6b60675c]:hover {
        border-color: #fff
    }

.glide__arrow--left[data-v-6b60675c] {
    left: 2em
}

.glide__arrow--right[data-v-6b60675c] {
    right: 2em
}

.glide__arrow--disabled[data-v-6b60675c] {
    opacity: .33
}

.glide__bullets[data-v-6b60675c] {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%)
}

.glide__bullet[data-v-6b60675c] {
    background-color: hsla(0,0%,100%,.5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
    margin: 0 .25em
}

    .glide__bullet[data-v-6b60675c]:focus {
        outline: none
    }

    .glide__bullet[data-v-6b60675c]:focus, .glide__bullet[data-v-6b60675c]:hover {
        border: 2px solid #fff;
        background-color: hsla(0,0%,100%,.5)
    }

.glide__bullet--active[data-v-6b60675c] {
    background-color: #fff
}

.glide--swipeable[data-v-6b60675c] {
    cursor: grab;
    cursor: -webkit-grab
}

.glide--dragging[data-v-6b60675c] {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.global-carousel[data-v-6b60675c] {
    position: relative;
    width: 100%;
    background: inherit;
    overflow: hidden;
    cursor: default
}

.global-carousel:hover .global-carousel__buttons[data-v-6b60675c] {
    opacity: 1
}

.global-carousel[data-v-6b60675c] .glide__track {
    overflow: visible
}

.global-carousel__inner[data-v-6b60675c] {
    margin: 32px auto;
    margin: var(--content_spacing--small,32px) auto
}

@media screen and (min-width:1024px) {
    .global-carousel__inner[data-v-6b60675c] {
        margin: 48px auto;
        margin: var(--content_spacing--large,48px) auto
    }
}

.global-carousel__heading[data-v-6b60675c] {
    color: inherit
}

.global-carousel__desc[data-v-6b60675c] {
    margin: -8px 0 16px
}

@media screen and (min-width:1024px) {
    .global-carousel__desc[data-v-6b60675c] {
        margin: -16px 0 16px
    }
}

.global-carousel__glide[data-v-6b60675c] {
    opacity: 0;
    transform: opacity .3s ease-out
}

.global-carousel__glide--visible[data-v-6b60675c] {
    opacity: 1
}

.global-carousel__list[data-v-6b60675c] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 0 32px
}

.global-carousel__link-wrap[data-v-6b60675c] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding: 0 8px;
    text-decoration: none
}

.global-carousel li[data-v-6b60675c] {
    padding: 0 16px 0 0
}

.global-carousel__item-name[data-v-6b60675c] {
    margin: auto 0 0;
    color: inherit;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    text-decoration: none;
    text-transform: none
}

@media screen and (min-width:1024px) {
    .global-carousel__item-name[data-v-6b60675c] {
        font-size: 18px
    }
}

.global-carousel__item-button[data-v-6b60675c] {
    margin: auto 0 0
}

.global-carousel__image[data-v-6b60675c] {
    width: 100%;
    text-decoration: none
}

.global-carousel__buttons[data-v-6b60675c] {
    position: absolute;
    top: 50%;
    width: 100%;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.075,.82,.165,1)
}

.global-carousel__button-left[data-v-6b60675c], .global-carousel__button-right[data-v-6b60675c] {
    position: absolute;
    top: 50%;
    z-index: 2;
    padding: 0;
    color: #fff;
    background: rgba(0,0,0,.6);
    border: 0;
    cursor: pointer;
    opacity: 1;
    transition-property: opacity,background,color,transform;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.075,.82,.165,1);
    will-change: opacity,background,color,transform
}

    .global-carousel__button-left[data-v-6b60675c]:hover, .global-carousel__button-right[data-v-6b60675c]:hover {
        color: #fff;
        background: #000
    }

    .global-carousel__button-left[data-v-6b60675c]:disabled, .global-carousel__button-right[data-v-6b60675c]:disabled {
        opacity: 0;
        cursor: auto
    }

.global-carousel__button-left[data-v-6b60675c] {
    left: 0;
    transform: translateY(-50%) translateX(-8px);
    border-radius: 0 4px 4px 0
}

    .global-carousel__button-left[data-v-6b60675c]:hover {
        transform: translateY(-50%) translateX(0)
    }

.global-carousel__button-right[data-v-6b60675c] {
    right: 0;
    transform: translateY(-50%) translateX(8px);
    border-radius: 4px 0 0 4px
}

    .global-carousel__button-right[data-v-6b60675c]:hover {
        transform: translateY(-50%) translateX(0)
    }

.global-carousel__arrow[data-v-6b60675c] {
    height: 60px;
    width: 60px;
    color: inherit
}

.global-carousel__header[data-v-6b60675c] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 8px
}

@media screen and (min-width:760px) {
    .global-carousel__header[data-v-6b60675c] {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }
}

.global-carousel__position-indicator-wrap[data-v-6b60675c] {
    position: relative;
    width: 100%;
    margin-top: -10px
}

.global-carousel__position-indicator[data-v-6b60675c] {
    display: block;
    height: 1px;
    opacity: .5;
    transition: width .6s cubic-bezier(.075,.82,.165,1)
}

.global-carousel__more-link[data-v-6b60675c] {
    z-index: 3;
    margin: 0 0 12px;
    display: none
}

@media screen and (min-width:760px) {
    .global-carousel__more-link[data-v-6b60675c] {
        margin: 0 0 0 auto;
        display: flex
    }
}

.global-carousel--dark[data-v-6b60675c] {
    background: #480024
}

.global-carousel--dark .global-carousel__heading[data-v-6b60675c], .global-carousel--dark .global-carousel__new-arrow[data-v-6b60675c] {
    color: #fff
}

.global-carousel--dark .global-carousel__position-indicator[data-v-6b60675c] {
    background-color: #fff
}

.global-carousel--light[data-v-6b60675c] {
    background: #fafafa
}

.global-carousel--light .global-carousel__heading[data-v-6b60675c], .global-carousel--light .global-carousel__new-arrow[data-v-6b60675c] {
    color: #212121
}

.global-carousel--light .global-carousel__position-indicator[data-v-6b60675c] {
    background-color: #212121
}

.global-carousel.is-embedded[data-v-6b60675c] {
    background: transparent
}

.full-width[data-v-6b60675c] {
    width: 100%;
    height: 10px;
    background-color: #f08080
}

.alternative-link[data-v-6b60675c] {
    text-decoration: none
}

</style >
<style type="text/css" >
.packages[data-v-c976dcb4] {
    width: 100%;
    text-align: center
}

.packages__title[data-v-c976dcb4] {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 40px
}

.packages__switcher[data-v-c976dcb4] {
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    margin: auto auto 36px
}

.packages__switcher[data-v-c976dcb4], .packages__switcher-button[data-v-c976dcb4] {
    background-color: #fafafa;
    padding: 4px;
    position: relative
}

.packages__switcher-button[data-v-c976dcb4] {
    border-radius: 4px;
    width: 115px;
    height: 36px;
    color: #212121;
    border: 0;
    outline: none;
    transition: .3s;
    cursor: pointer;
    z-index: 9;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

    .packages__switcher-button[data-v-c976dcb4]:not(.packages__switcher-button--active):hover {
        color: #fff;
        background-color: #15000b
    }

.packages__switcher-button--active[data-v-c976dcb4] {
    color: #fff;
    background-color: #480024
}

@media screen and (min-width:450px) {
    .packages__switcher-button[data-v-c976dcb4] {
        font-size: 13px;
        width: 125px;
        height: 40px
    }
}

@media screen and (min-width:760px) {
    .packages__switcher-button[data-v-c976dcb4] {
        font-size: 16px;
        width: 168px;
        height: 56px
    }
}

.packages__section[data-v-c976dcb4] {
    overflow: hidden
}

.packages__list[data-v-c976dcb4] {
    padding: 0;
    margin-bottom: 24px
}

    .packages__list[data-v-c976dcb4] .global-carousel__inner {
        margin: 0 !important
    }

    .packages__list[data-v-c976dcb4] .global-carousel__list {
        overflow: visible
    }

.packages__list--flex[data-v-c976dcb4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.packages__list--flex li[data-v-c976dcb4] {
    flex-basis: 288px;
    margin-bottom: 32px !important;
    margin: 0 16px
}

    .packages__list--flex li[data-v-c976dcb4]:not(:last-child) {
        margin-bottom: 16px
    }

.packages__list .has-divider[data-v-c976dcb4] {
    margin-bottom: 64px !important
}

@media screen and (min-width:700px) {
    .packages__list .has-divider[data-v-c976dcb4] {
        margin-bottom: 32px !important
    }
}

@media screen and (min-width:450px) {
    .packages__list[data-v-c976dcb4] {
        margin-bottom: 56px
    }

    .packages__list--flex li[data-v-c976dcb4] {
        flex-basis: 320px
    }
}

@media screen and (min-width:760px) {
    .packages__list .has-divider[data-v-c976dcb4]:not(.even-divider) {
        margin-right: 48px !important
    }
}

@media screen and (min-width:1200px) {
    .packages__list .has-divider.even-divider[data-v-c976dcb4] {
        margin-right: 48px !important
    }
}

.packages__footer[data-v-c976dcb4] {
    position: relative;
    border-top: 2px solid #e8e8e8
}

.packages__footer-container[data-v-c976dcb4] {
    position: relative;
    padding: 26px 10px 6px;
    display: flex;
    flex-direction: column
}

@media screen and (min-width:760px) {
    .packages__footer-container[data-v-c976dcb4] {
        padding: 10px;
        height: 153px;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center
    }
}

.packages__footer-item[data-v-c976dcb4] {
    text-align: center
}

.packages__footer-title[data-v-c976dcb4] {
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase
}

.packages__footer-button[data-v-c976dcb4], .packages__footer-title[data-v-c976dcb4] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.packages__footer-button[data-v-c976dcb4] {
    width: 256px;
    height: 48px;
    margin-bottom: 48px;
    font-size: 16px;
    text-transform: 700;
    font-weight: uppercase
}

@media screen and (min-width:760px) {
    .packages__footer-button[data-v-c976dcb4] {
        margin-bottom: 0
    }
}

.packages__no-packages[data-v-c976dcb4] {
    margin-bottom: 32px
}

.has-padding[data-v-c976dcb4] {
    padding-right: 12px
}

.switcher-button[data-v-c976dcb4] {
    position: absolute;
    top: 4px;
    border-radius: 4px;
    transition: .3s;
    background-color: #fafafa;
    z-index: 0;
    left: 4px;
    height: 36px;
    width: 115px
}

@media screen and (min-width:450px) {
    .switcher-button[data-v-c976dcb4] {
        width: 125px;
        height: 40px
    }
}

@media screen and (min-width:760px) {
    .switcher-button[data-v-c976dcb4] {
        width: 168px;
        height: 56px
    }
}

.switcher-button--1[data-v-c976dcb4] {
    transform: translateX(0)
}

.switcher-button--2[data-v-c976dcb4] {
    transform: translateX(118px)
}

@media screen and (min-width:450px) {
    .switcher-button--2[data-v-c976dcb4] {
        transform: translateX(128px)
    }
}

@media screen and (min-width:760px) {
    .switcher-button--2[data-v-c976dcb4] {
        transform: translateX(172px)
    }
}

.switcher-button--3[data-v-c976dcb4] {
    transform: translateX(200px)
}

@media screen and (min-width:450px) {
    .switcher-button--3[data-v-c976dcb4] {
        transform: translateX(244px)
    }
}

@media screen and (min-width:760px) {
    .switcher-button--3[data-v-c976dcb4] {
        transform: translateX(344px)
    }
}

.packages--light[data-v-c976dcb4] {
    background-color: #fafafa
}

.packages--light .packages__title[data-v-c976dcb4] {
    color: #15000b
}

.packages--light .packages__no-packages[data-v-c976dcb4] {
    color: #212121
}

.packages--dark[data-v-c976dcb4] {
    background-color: #480024
}

.packages--dark .packages__no-packages[data-v-c976dcb4], .packages--dark .packages__title[data-v-c976dcb4] {
    color: #fff
}

.packages__footer--light[data-v-c976dcb4] {
    background-color: #fff;
    border-top: 2px solid #e8e8e8
}

.packages__footer--light .packages__footer-title[data-v-c976dcb4] {
    color: #212121
}

.packages__footer--dark[data-v-c976dcb4] {
    background-color: #480024;
    border-top: 2px solid #3c3c3c
}

.packages__footer--dark .packages__footer-title[data-v-c976dcb4] {
    color: #fff
}

.v-enter-active[data-v-c976dcb4], .v-leave-active[data-v-c976dcb4] {
    transition: opacity .6s
}

.v-enter[data-v-c976dcb4], .v-leave-to[data-v-c976dcb4] {
    opacity: 0
}

</style >
<style type="text/css" >
.subscribe-packages[data-v-6dc4dc1c] {
    position: fixed;
    top: 0;
    left: 0;
    padding: 40px 20px;
    height: 100vh;
    width: 100%;
    z-index: 1000;
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    background: #fafafa
}

@media screen and (min-width:1024px) {
    .subscribe-packages[data-v-6dc4dc1c] {
        padding: 64px
    }
}

.subscribe-packages--streamline[data-v-6dc4dc1c] {
    background-color: #480024
}

.subscribe-packages--streamline .subscribe-packages__close-icon[data-v-6dc4dc1c] {
    color: #fff
}

.subscribe-packages__close-icon[data-v-6dc4dc1c] {
    position: fixed;
    top: 24px;
    right: 16px;
    color: #212121;
    cursor: pointer
}

@media screen and (min-width:1024px) {
    .subscribe-packages__close-icon[data-v-6dc4dc1c] {
        right: 64px
    }
}

.subscribe-packages__heading[data-v-6dc4dc1c] {
    margin-bottom: 10px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 24px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    color: #212121;
    text-transform: none;
    text-transform: var(--heading_text_transform,none)
}

@media screen and (min-width:760px) {
    .subscribe-packages__heading[data-v-6dc4dc1c] {
        font-size: 40px
    }
}

.subscribe-packages__list[data-v-6dc4dc1c] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    padding: 20px 0 0;
    margin: 0;
    list-style: none
}

</style >
<style type="text/css" >
.mpu[data-v-8138fa58] {
    margin: 0 32px 32px;
    margin: 0 var(--content_spacing--small,32px) var(--content_spacing--small,32px)
}

@media screen and (min-width:1024px) {
    .mpu[data-v-8138fa58] {
        margin: 0 48px 48px;
        margin: 0 var(--content_spacing--large,48px) var(--content_spacing--large,48px)
    }
}

.mpu .ad-image[data-v-8138fa58], .mpu .ad-link[data-v-8138fa58] {
    max-width: 100%
}

</style >
<style type="text/css" >
.footer-advertising[data-v-43138bfe] {
    position: relative;
    z-index: 1
}

.footer-advertising__mpu-section[data-v-43138bfe] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 32px 32px 0;
    padding: var(--content_spacing--small,32px) var(--content_spacing--small,32px) 0;
    background-color: #e8e8e8
}

@media screen and (min-width:1024px) {
    .footer-advertising__mpu-section[data-v-43138bfe] {
        padding: 48px 48px 0;
        padding: var(--content_spacing--large,48px) var(--content_spacing--large,48px) 0
    }
}

.footer-advertising__org-sponsor[data-v-43138bfe] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 110px;
    background-color: #000
}

</style >
<style type="text/css" >
.footer-advert[data-v-57fecf56] {
    display: block;
    margin: 0 32px 32px;
    margin: 0 var(--content_spacing--small,32px) var(--content_spacing--small,32px);
    max-width: 250px;
    font-size: 0
}

@media screen and (min-width:1024px) {
    .footer-advert[data-v-57fecf56] {
        margin: 0 48px 48px;
        margin: 0 var(--content_spacing--large,48px) var(--content_spacing--large,48px)
    }
}

.footer-advert__image[data-v-57fecf56] {
    width: 100%
}

</style >
<style type="text/css" >
.footer-advertising[data-v-31bd8593] {
    position: relative;
    z-index: 1
}

.footer-advertising__mpu-section[data-v-31bd8593] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 32px 32px 0;
    padding: var(--content_spacing--small,32px) var(--content_spacing--small,32px) 0;
    background-color: #e8e8e8
}

@media screen and (min-width:1024px) {
    .footer-advertising__mpu-section[data-v-31bd8593] {
        flex-wrap: nowrap;
        padding: 48px 48px 0;
        padding: var(--content_spacing--large,48px) var(--content_spacing--large,48px) 0
    }
}

</style >
<style type="text/css" >
.advertising-slot[data-v-6f38e755] {
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px
}

@media screen and (min-width:760px) {
    .advertising-slot[data-v-6f38e755] {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

.advertising-slot__container[data-v-6f38e755] {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.advertising-slot__ad[data-v-6f38e755] {
    max-width: 100%;
    width: 300px;
    margin: auto
}

.advertising-slot__ad--mpu[data-v-6f38e755] {
    width: 300px
}

.advertising-slot__ad--banner[data-v-6f38e755] {
    width: 728px
}

.advertising-slot__ad--banner-large[data-v-6f38e755] {
    width: 1000px
}

.advertising-slot__ad--content-feed[data-v-6f38e755] {
    width: 100%
}

.advertising-slot__footer .max-width-container[data-v-6f38e755] {
    padding: 0
}

.advertising-slot__footer .advertising-slot__ad[data-v-6f38e755] {
    width: 300px !important
}

.mobile[data-v-6f38e755] {
    display: block
}

@media screen and (min-width:760px) {
    .mobile[data-v-6f38e755] {
        display: none !important
    }
}

@media screen and (max-width:759px) {
    .desktop[data-v-6f38e755] {
        display: none !important
    }
}

@media screen and (min-width:760px) {
    .desktop[data-v-6f38e755] {
        display: block
    }
}

@media screen and (max-width:759px) {
    .advertising-slot.sm\:pt-0[data-v-6f38e755] {
        padding-top: 0
    }

    .advertising-slot.sm\:pb-0[data-v-6f38e755] {
        padding-bottom: 0
    }
}

@media screen and (min-width:760px) {
    .advertising-slot.md\:pt-sm[data-v-6f38e755] {
        padding-top: 20px
    }

    .advertising-slot.md\:pt-0[data-v-6f38e755] {
        padding-top: 0
    }

    .advertising-slot.md\:pb-sm[data-v-6f38e755] {
        padding-bottom: 20px
    }

    .advertising-slot.md\:pb-0[data-v-6f38e755] {
        padding-bottom: 0
    }
}

</style >
<style type="text/css" >
svg[data-v-06ccbcf2] {
    height: auto;
    width: 100%
}

</style >
<style type="text/css" >
.loader-container[data-v-460f059f] {
    display: flex;
    justify-content: center
}

.lds-ring[data-v-460f059f] {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px
}

.lds-ring div[data-v-460f059f] {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border-radius: 50%;
    animation: lds-ring-460f059f 1.2s cubic-bezier(.5,0,.5,1) infinite;
    border: 6px solid transparent;
    border-top-color: currentcolor
}

    .lds-ring div[data-v-460f059f]:first-child {
        animation-delay: -.45s
    }

    .lds-ring div[data-v-460f059f]:nth-child(2) {
        animation-delay: -.3s
    }

    .lds-ring div[data-v-460f059f]:nth-child(3) {
        animation-delay: -.15s
    }

@keyframes lds-ring-460f059f {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

</style >
<style type="text/css" >
.form-widget[data-v-61a32343] {
    max-width: 640px
}

.form-widget__heading[data-v-61a32343] {
    margin-bottom: 32px;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 18px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: uppercase
}

@media screen and (min-width:1024px) {
    .form-widget__heading[data-v-61a32343] {
        font-size: 24px
    }
}

.form-widget__description[data-v-61a32343] {
    margin-bottom: 32px
}

.form-widget__sending[data-v-61a32343] {
    height: 64px;
    width: 64px
}

.form-widget__terms[data-v-61a32343] {
    padding: 8px;
    margin: 16px 0 8px;
    color: #212121;
    font-size: 12px;
    background-color: #ccc
}

.form-widget__success[data-v-61a32343] {
    padding: 8px;
    color: #212121;
    font-size: 14px;
    background-color: #77a64b
}

.form-widget__error[data-v-61a32343] {
    padding: 8px;
    color: #212121;
    font-size: 14px;
    background-color: #ed1e2f
}

.field-wrap[data-v-61a32343] {
    margin: 0 0 32px
}

.checkbox-wrap[data-v-61a32343] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start
}

.checkbox-wrap input[data-v-61a32343] {
    width: 16px !important;
    height: 16px !important
}

.checkbox-content[data-v-61a32343] {
    margin: 0 0 0 16px;
    width: 100%
}

.label[data-v-61a32343] {
    display: block;
    margin: 0 0 8px;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 700;
    text-transform: none
}

.label.required[data-v-61a32343]:before {
    content: "* "
}

.input[data-v-61a32343], .textarea[data-v-61a32343] {
    padding: 8px;
    width: 100%;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    background: 16px;
    border: 1px solid rgba(33,33,33,.5);
    border-radius: 8px
}

    .input[data-v-61a32343]:active, .input[data-v-61a32343]:focus, .textarea[data-v-61a32343]:active, .textarea[data-v-61a32343]:focus {
        outline: none;
        border: 1px solid #212121
    }

select[data-v-61a32343] {
    max-width: 100%;
    height: 40px;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    background: 16px;
    border: 1px solid rgba(33,33,33,.5);
    border-radius: 8px;
    padding: 4px 8px 0
}

    select[data-v-61a32343]:active, select[data-v-61a32343]:focus {
        outline: none;
        border: 1px solid #212121
    }

.button[data-v-61a32343] {
    display: block;
    margin: 0 auto
}

.helper-text[data-v-61a32343] {
    color: #aaa;
    font-size: 12px
}

.body-text[data-v-61a32343], .checkbox-description[data-v-61a32343], .helper-text[data-v-61a32343] {
    display: block;
    margin: 0 0 8px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none
}

.body-text[data-v-61a32343], .checkbox-description[data-v-61a32343] {
    color: #212121;
    font-size: 16px;
    font-size: var(--body_text_size--small,16px)
}

    .body-text[data-v-61a32343] a, .checkbox-description[data-v-61a32343] a {
        color: #480024;
        text-decoration: underline
    }

        .body-text[data-v-61a32343] a:hover, .checkbox-description[data-v-61a32343] a:hover {
            color: #480024;
            text-decoration: none
        }

</style >
<style type="text/css" >
.footer-menu[data-v-5ce136b3] {
    padding: 0;
    width: 100%;
    margin: 32px auto 0
}

@media screen and (min-width:1440px) {
    .footer-menu[data-v-5ce136b3] {
        padding: 0 64px
    }
}

.footer-menu__list-heading[data-v-5ce136b3] {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-stretch: condensed;
    text-transform: uppercase;
    margin: 0 0 8px;
    border-bottom: 1px solid hsla(0,0%,100%,.5);
    height: 28px
}

.footer-menu__list[data-v-5ce136b3] {
    margin: 0 0 48px;
    padding: 0;
    list-style: none;
    -moz-column-count: 1;
    column-count: 1
}

@media screen and (min-width:450px) {
    .footer-menu__list[data-v-5ce136b3] {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media screen and (min-width:760px) {
    .footer-menu__list[data-v-5ce136b3] {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media screen and (min-width:1024px) {
    .footer-menu__list[data-v-5ce136b3] {
        -moz-column-count: 4;
        column-count: 4
    }
}

.footer-menu__link[data-v-5ce136b3], .footer-menu a[data-v-5ce136b3] {
    color: #fff;
    text-decoration: none;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 14px;
    margin-top: 4px;
    padding: 0
}

</style >
<style type="text/css" >
.footer-content[data-v-58f252a7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 64px
}

.footer-content__column[data-v-58f252a7] {
    padding: 0 0 40px
}

@media screen and (min-width:1024px) {
    .footer-content__column[data-v-58f252a7] {
        padding: 0 0 0 80px;
        width: 25%
    }
}

</style >
<style type="text/css" >
.footer-copyright__notice[data-v-0a53d7c1] {
    margin: 16px 8px;
    color: #fff;
    font-size: 12px;
    text-align: right
}

</style >
<style type="text/css" >
.footer-gamechanger-notice[data-v-ecdca6f0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px
}

.footer-gamechanger-notice__text[data-v-ecdca6f0] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px
}

@media screen and (min-width:1024px) {
    .footer-gamechanger-notice__text[data-v-ecdca6f0] {
        margin-right: 16px
    }
}

.footer-gamechanger-notice__image[data-v-ecdca6f0] {
    height: 24px
}

.footer-gamechanger-notice__image-container[data-v-ecdca6f0] {
    margin-top: 16px
}

@media screen and (min-width:1024px) {
    .footer-gamechanger-notice__image-container[data-v-ecdca6f0] {
        margin-top: 8px
    }
}

@media screen and (min-width:1024px) {
    .footer-gamechanger-notice[data-v-ecdca6f0] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-end
    }
}

.footer-gamechanger-notice--light .footer-gamechanger-notice__text[data-v-ecdca6f0] {
    color: #212121
}

.footer-gamechanger-notice--dark .footer-gamechanger-notice__text[data-v-ecdca6f0] {
    color: #fff
}

</style >
<style type="text/css" >
.footer-sub-menu[data-v-2953226e] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 16px 0;
    padding: 0;
    list-style-type: none
}

@media screen and (min-width:1024px) {
    .footer-sub-menu[data-v-2953226e] {
        margin: 0;
        flex-direction: row
    }
}

.footer-sub-menu__list-item[data-v-2953226e] {
    padding: 0;
    list-style: none;
    margin: 0 0 24px
}

@media screen and (min-width:1024px) {
    .footer-sub-menu__list-item[data-v-2953226e] {
        margin-bottom: 0
    }
}

.footer-sub-menu__link[data-v-2953226e] {
    font-size: 14px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none;
    letter-spacing: 0;
    color: #fff;
    -webkit-text-decoration: #fff;
    text-decoration: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    margin: 0 8px
}

    .footer-sub-menu__link[data-v-2953226e]:hover {
        text-decoration: none
    }

</style >
<style type="text/css" >
.footer-bottom[data-v-5e2d0d17] {
    background-color: #94bee5;
    padding-top: 20px
}

.footer-bottom__social[data-v-5e2d0d17] {
    margin-bottom: 1rem
}

@media screen and (min-width:1024px) {
    .footer-bottom__social[data-v-5e2d0d17] {
        margin-bottom: 0;
        flex-shrink: 1
    }
}

.footer-bottom__social[data-v-5e2d0d17] .social__channels {
    margin: 0
}

    .footer-bottom__social[data-v-5e2d0d17] .social :deep(.social__channel), .footer-bottom__social[data-v-5e2d0d17] .social__channels .social__channel {
        margin: 8px
    }

@media screen and (min-width:1024px) {
    .footer-bottom[data-v-5e2d0d17] {
        padding-top: 0
    }

    .footer-bottom__right[data-v-5e2d0d17], .footer-bottom__social[data-v-5e2d0d17] {
        flex: 1
    }

    .footer-bottom__submenu[data-v-5e2d0d17] {
        flex-grow: 1
    }

    .footer-bottom__social[data-v-5e2d0d17] {
        display: flex;
        justify-content: flex-start
    }

    .footer-bottom__right[data-v-5e2d0d17] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        grid-gap: 1rem;
        gap: 1rem
    }
}

.footer-widget-wrapper[data-v-5e2d0d17] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column
}

@media screen and (min-width:1024px) {
    .footer-widget-wrapper[data-v-5e2d0d17] {
        flex-direction: row;
        position: relative;
        justify-content: space-between;
        padding: 16px
    }
}

.align-right[data-v-5e2d0d17] {
    justify-content: flex-end !important
}

</style >
<style type="text/css" >
.footer-sponsors--background[data-v-15417468] {
    background-color: #2a0013
}

.footer-sponsors--transparent[data-v-15417468] {
    background: transparent
}

.footer-sponsors__inner[data-v-15417468] {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 26px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width:760px) {
    .footer-sponsors__inner[data-v-15417468] {
        padding-bottom: 8px
    }
}

.footer-sponsors__row[data-v-15417468] {
    width: 100%
}

.footer-sponsors__row-title[data-v-15417468] {
    color: #fff;
    text-align: center
}

.footer-sponsors__sponsor-wrapper[data-v-15417468] {
    margin: 0 auto;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0
}

.footer-sponsors__sponsor-wrapper--small[data-v-15417468] {
    justify-content: center
}

@media screen and (min-width:760px) {
    .footer-sponsors__sponsor-wrapper--small[data-v-15417468] {
        max-width: 720px
    }
}

@media screen and (min-width:1024px) {
    .footer-sponsors__sponsor-wrapper--small[data-v-15417468] {
        max-width: 1032px
    }
}

.footer-sponsors__sponsor-wrapper--large[data-v-15417468] {
    padding-bottom: 16px;
    justify-content: center
}

@media screen and (min-width:760px) {
    .footer-sponsors__sponsor-wrapper--large[data-v-15417468] {
        padding-bottom: 12px
    }
}

@media screen and (min-width:1024px) {
    .footer-sponsors__sponsor-wrapper--large[data-v-15417468] {
        max-width: 1032px;
        padding-bottom: 0
    }
}

.footer-sponsors__sponsor[data-v-15417468] {
    display: flex;
    align-items: center
}

.footer-sponsors__sponsor--small[data-v-15417468] {
    width: 80px;
    height: 80px;
    margin: 0 12px 24px
}

@media screen and (min-width:760px) {
    .footer-sponsors__sponsor--small[data-v-15417468] {
        width: 96px;
        height: 96px
    }
}

@media screen and (min-width:1024px) {
    .footer-sponsors__sponsor--small[data-v-15417468] {
        margin: 0 26px 24px
    }
}

.footer-sponsors__sponsor--large[data-v-15417468] {
    width: 132px;
    height: 132px;
    margin: 0 12px 24px
}

@media screen and (min-width:375px) {
    .footer-sponsors__sponsor--large[data-v-15417468] {
        width: 160px;
        height: 160px
    }
}

@media screen and (min-width:760px) {
    .footer-sponsors__sponsor--large[data-v-15417468] {
        margin: 0 20px 32px
    }
}

@media screen and (min-width:1024px) {
    .footer-sponsors__sponsor--large[data-v-15417468] {
        margin: 0 22px 28px
    }
}

.footer-sponsors__logo[data-v-15417468] {
    display: block;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

</style >
<style type="text/css" >
.footer[data-v-d3384974] {
    margin: 0;
    padding: 0;
    background-color: #2a0013;
    position: relative;
    z-index: 2
}

.footer__inner[data-v-d3384974] {
    margin: 0 auto
}

</style >
<style type="text/css" >
.login-form[data-v-21b0e258] {
    flex-direction: column;
    align-items: center;
    max-width: 100;
    text-align: center;
    background: #fff
}

.login-form[data-v-21b0e258], .login-form__form[data-v-21b0e258] {
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%
}

.login-form__form[data-v-21b0e258] {
    flex-direction: column;
    align-items: stretch;
    flex: 1;
    padding: 16px 40px 0
}

.login-form__heading[data-v-21b0e258] {
    margin: 0 0 16px;
    color: #212121;
    text-align: center
}

.login-form__body[data-v-21b0e258] {
    margin: 24px 0 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 14px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #212121;
    line-height: 1.2;
    text-align: center;
    text-transform: none
}

.login-form__social-heading[data-v-21b0e258] {
    margin: 0 0 16px;
    color: #212121;
    text-align: center
}

.login-form__social-divider[data-v-21b0e258] {
    position: relative;
    display: block;
    margin: 0 auto 16px;
    color: #aaa;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

    .login-form__social-divider[data-v-21b0e258]:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        border-bottom: 1px solid #e8e8e8;
        z-index: 1
    }

.login-form__social-divider-inner[data-v-21b0e258] {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    background-color: #fff;
    z-index: 2
}

.login-form__input[data-v-21b0e258] {
    margin: 8px 0;
    padding: 10px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #e8e8e8
}

    .login-form__input[data-v-21b0e258]:focus {
        color: colorPalette(primary-club)
    }

.login-form__button[data-v-21b0e258] {
    margin: 16px 0
}

.login-form__forgot-password[data-v-21b0e258] {
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-decoration: none;
    text-transform: none
}

.login-form__forgot-password--direct[data-v-21b0e258] {
    margin: 8px 0 16px
}

.login-form__forgot-password[data-v-21b0e258]:hover {
    text-decoration: underline
}

.login-form__register-box[data-v-21b0e258] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 224px;
    margin: 30px 0 0;
    width: 100%;
    padding: 20px;
    background: #480024;
    text-align: center;
    opacity: 0;
    animation-name: registerAppear-21b0e258;
    animation-delay: 1s;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.075,.82,.165,1)
}

.login-form__register-heading[data-v-21b0e258] {
    margin: 0 0 16px;
    color: #fff;
    text-align: center
}

.login-form__show-pass[data-v-21b0e258] {
    margin-top: 6px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px
}

.login-form__show-pass input[data-v-21b0e258] {
    margin-right: 10px
}

.login-form__register-body[data-v-21b0e258] {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 14px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    line-height: 1.2;
    text-align: center
}

    .login-form__register-body[data-v-21b0e258] * {
        margin-bottom: 1em
    }

.login-form__link[data-v-21b0e258] {
    margin: 10px 0
}

.error-message[data-v-21b0e258] {
    margin: 0 0 20px;
    color: #fe0000;
    font-size: 14px;
    font-weight: 700
}

.social-SSO[data-v-21b0e258] {
    width: 100%;
    padding: 16px 0
}

.social-button-container[data-v-21b0e258] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 16px
}

.social-button[data-v-21b0e258] {
    display: block;
    margin: 0 15px;
    height: 48px;
    min-width: 48px;
    max-width: 48px;
    color: #878787;
    text-align: center;
    text-decoration: none;
    background-color: #e8e8e8;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50%
}

    .social-button[data-v-21b0e258]:hover {
        background-color: #ccc
    }

.social-button--facebook[data-v-21b0e258] {
    font-size: 0;
    background-image: url(/icons/facebook-login.png);
    background-size: 20px
}

.social-button--google[data-v-21b0e258] {
    font-size: 0;
    background-image: url(/icons/google-login.png);
    background-size: 20px
}

.social-button--apple[data-v-21b0e258] {
    font-size: 0;
    background-image: url(/icons/apple-login.png);
    background-size: 30px;
    background-position: 50% 45%
}

@keyframes registerAppear-21b0e258 {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

</style >
<style type="text/css" >
.button-slice[data-v-8050d460] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 32px 0;
    margin: var(--content_spacing--small,32px) 0;
    text-align: center;
    position: relative
}

@media screen and (min-width:760px) {
    .button-slice[data-v-8050d460] {
        margin: 48px 0;
        margin: var(--content_spacing--large,48px) 0
    }
}

.button-slice__inner[data-v-8050d460] {
    transition: .2s
}

.button-slice__inner--loading[data-v-8050d460] {
    opacity: 0;
    transform: scale(.5)
}

.button-slice__dot-wrapper[data-v-8050d460] {
    display: flex;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: .25s .1s
}

.button-slice__dot-wrapper--loading[data-v-8050d460] {
    bottom: calc(50% - 4px);
    opacity: 1
}

.button-slice__dot-wrapper--loading .button-slice__dot[data-v-8050d460] {
    animation: bounce-8050d460 .7s ease-in .4s infinite
}

.button-slice__dot[data-v-8050d460] {
    height: 6px;
    width: 6px;
    margin: 0 3px;
    border-radius: 50%;
    position: relative
}

    .button-slice__dot[data-v-8050d460]:nth-child(2) {
        animation-delay: .5s
    }

    .button-slice__dot[data-v-8050d460]:nth-child(3) {
        animation-delay: .6s
    }

.button--ghost-dark .button-slice__dot[data-v-8050d460], .button--label-dark .button-slice__dot[data-v-8050d460], .button--primary-light .button-slice__dot[data-v-8050d460] {
    background-color: #fff
}

.button--ghost-light .button-slice__dot[data-v-8050d460], .button--label-light .button-slice__dot[data-v-8050d460], .button--primary-dark .button-slice__dot[data-v-8050d460] {
    background-color: #480024
}

@keyframes bounce-8050d460 {
    0% {
        top: 0
    }

    20% {
        top: -6px
    }

    40% {
        top: 0
    }

    to {
        top: 0
    }
}

</style >
<style type="text/css" >
.account-summary[data-v-966348d8] {
    padding: 32px 16px;
    width: 100%;
    background: #fff
}

.account-summary[data-v-966348d8], .account-summary__main[data-v-966348d8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.account-summary__club-logo[data-v-966348d8] {
    max-height: 88px
}

@media screen and (min-width:1024px) {
    .account-summary__club-logo[data-v-966348d8] {
        max-height: 158px
    }
}

.account-summary__heading[data-v-966348d8] {
    margin: 0 0 32px;
    color: #212121;
    line-height: 1.2;
    text-align: center;
    text-transform: none;
    text-transform: var(--heading_text_transform,none)
}

@media screen and (max-height:600px) {
    .account-summary__heading[data-v-966348d8] {
        margin: 0 0 24px
    }
}

.account-summary__profile-image[data-v-966348d8] {
    display: block;
    height: 80px;
    width: 80px;
    margin: 0 auto 10px;
    background-color: #ebebeb;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%
}

.account-summary__welcome[data-v-966348d8] {
    margin: 8px 0 4px;
    color: #212121;
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400)
}

.account-summary__display-name[data-v-966348d8], .account-summary__welcome[data-v-966348d8] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    line-height: 1.2;
    text-align: center;
    text-transform: none
}

.account-summary__display-name[data-v-966348d8] {
    display: block;
    margin: 0;
    color: #480024;
    font-size: 32px;
    font-weight: 700
}

.account-summary__account[data-v-966348d8] {
    margin: 0;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    text-transform: none
}

.account-summary__account-id[data-v-966348d8] {
    margin: 0 0 48px;
    background-color: #f1f1f1;
    padding: 2px 3px;
    border-radius: 2px;
    border: 1px solid #dadada;
    color: #212121;
    font-weight: 400;
    font-family: monospace;
    font-size: 11px;
    text-transform: none;
    opacity: .7
}

@media screen and (max-height:600px) {
    .account-summary__account-id[data-v-966348d8] {
        margin: 0 0 24px
    }
}

.account-summary__button[data-v-966348d8] {
    margin: 0 0 24px;
    flex: 0 0 auto
}

@media screen and (max-height:600px) {
    .account-summary__button[data-v-966348d8] {
        margin: 0 0 16px
    }
}

.account-summary__logout[data-v-966348d8] {
    margin: auto 0 0;
    flex: 0 0 auto
}

.account-summary__manage[data-v-966348d8] {
    color: #fff;
    margin: 10px 0
}

</style >
<style type="text/css" >
.account-header[data-v-29652318] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    width: 320px;
    background: #fff;
    box-shadow: -4px 4px 4px 4px rgba(0,0,0,.08)
}

.account-header__close[data-v-29652318] {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
    color: #aaa;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.account-header__underlay[data-v-29652318] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0,0,0,.6);
    z-index: -1
}

</style >
<style type="text/css" >
.account-notification[data-v-303bc31d] {
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    padding: 16px 32px;
    background: #fff;
    box-shadow: -4px 4px 4px 4px rgba(0,0,0,.08)
}

.account-notification__icon[data-v-303bc31d] {
    display: block;
    height: 40px;
    width: 40px;
    padding: 8px;
    margin-right: 16px;
    color: #fff;
    background-color: #77a64b;
    border-radius: 50%
}

.account-notification__message[data-v-303bc31d] {
    color: #480024;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 18px;
    font-weight: 700;
    text-transform: none
}

</style >
<style type="text/css" >
.error-notification[data-v-1438271a] {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: flex-start;
    z-index: 1000
}

@media screen and (min-width:1024px) {
    .error-notification[data-v-1438271a] {
        top: 0;
        bottom: auto
    }
}

.error-notification__inner[data-v-1438271a] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    padding: 16px;
    width: 100%;
    background-color: #fafafa;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.16)
}

@media screen and (min-width:1024px) {
    .error-notification__inner[data-v-1438271a] {
        flex-direction: row
    }
}

.error-notification__heading[data-v-1438271a] {
    margin-top: 0;
    padding-left: 22px;
    color: #212121
}

.error-notification__message[data-v-1438271a] {
    margin: 0;
    padding: 0;
    color: #212121;
    font-size: 16px
}

.error-notification__messaging[data-v-1438271a] {
    position: relative
}

.error-notification__icon[data-v-1438271a] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 16px
}

.error-notification__close-message[data-v-1438271a] {
    position: absolute;
    bottom: -32px;
    right: 16px;
    transform: translateY(-50%);
    color: #aaa;
    font-size: 12px;
    font-weight: 700
}

.error-notification__button[data-v-1438271a] {
    margin-top: 16px
}

@media screen and (min-width:1024px) {
    .error-notification__button[data-v-1438271a] {
        margin-top: 0
    }
}

</style >
<style type="text/css" >
.upgrade-promo-container[data-v-15298dba] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 100
}

.upgrade-promo-container__underlay[data-v-15298dba] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0,0,0,.3);
    z-index: -1
}

.upgrade-promo[data-v-15298dba] {
    position: relative;
    margin: 0 16px 32px;
    max-width: 960px;
    font-size: 0;
    cursor: pointer;
    z-index: 2
}

.upgrade-promo__close[data-v-15298dba] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    height: 24px;
    width: 24px;
    padding: 0;
    color: #212121;
    line-height: 32px;
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    opacity: .5;
    cursor: pointer
}

    .upgrade-promo__close[data-v-15298dba] svg {
        height: 16px;
        width: 16px
    }

.upgrade-promo__image[data-v-15298dba] {
    width: 100%
}

.upgrade-promo__strip[data-v-15298dba] {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #480024
}

@media screen and (min-width:1024px) {
    .upgrade-promo__strip[data-v-15298dba] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
}

.upgrade-promo__ctas[data-v-15298dba] {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:1024px) {
    .upgrade-promo__ctas[data-v-15298dba] {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }
}

.upgrade-promo__text[data-v-15298dba] {
    margin: 0 0 16px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .upgrade-promo__text[data-v-15298dba] {
        margin: 0;
        text-align: left
    }
}

.upgrade-promo__title[data-v-15298dba] {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700
}

.upgrade-promo__description[data-v-15298dba], .upgrade-promo__title[data-v-15298dba] {
    padding: 0;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.upgrade-promo__description[data-v-15298dba] {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400)
}

.upgrade-promo__packages[data-v-15298dba] {
    margin: 8px 0
}

@media screen and (min-width:1024px) {
    .upgrade-promo__packages[data-v-15298dba] {
        margin: 0 0 0 8px
    }
}

</style >
<style type="text/css" >
.site-lock[data-v-5fc6da7c] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 32px auto
}

.site-lock__lockdown[data-v-5fc6da7c] {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
    padding: 16px;
    text-align: center;
    border: 1px solid #480024;
    border-radius: 6px
}

.site-lock__desc[data-v-5fc6da7c] {
    margin: 16px 0
}

.site-lock__logo[data-v-5fc6da7c] {
    max-width: 120px;
    margin: 0 auto 8px
}

.site-lock__button[data-v-5fc6da7c] {
    margin: 16px auto 0
}

</style >
<script recaptcha-v3-script="" src="./menu-template-aston-villa2_files/api.js.download" > </script >
<style type="text/css" >
.header[data-v-2a882665] {
    width: 100%;
    height: 56px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    color: #fff;
    position: absolute;
    z-index: 4
}

@media screen and (min-width:760px) {
    .header[data-v-2a882665] {
        height: 100px
    }
}

@media screen and (min-width:1024px) {
    .header[data-v-2a882665] {
        padding: 0 64px
    }
}

.header--solid[data-v-2a882665] {
    color: #fff;
    color: var(--header_text_color,#fff);
    background: #480024
}

.header--sticky[data-v-2a882665] {
    position: fixed;
    top: 0;
    background: #480024
}

@media screen and (min-width:760px) {
    .header--sticky[data-v-2a882665] {
        height: 64px
    }
}

.header__logo[data-v-2a882665] {
    width: 32px;
    display: flex
}

@media screen and (min-width:760px) {
    .header__logo[data-v-2a882665] {
        width: 60px
    }
}

@media screen and (min-width:760px) {
    .header__logo--sticky[data-v-2a882665] {
        width: 48px
    }
}

.header__link-wrapper[data-v-2a882665] {
    display: none
}

@media screen and (min-width:760px) {
    .header__link-wrapper[data-v-2a882665] {
        display: flex;
        justify-content: center
    }
}

.header__link[data-v-2a882665] {
    margin: 0 8px;
    padding: 2px 6px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: inherit;
    color: streamerSetting(header_link-color);
    font-family: streamerSetting(header_link-font_family);
    font-size: streamerSetting(header_link-font_size);
    font-weight: streamerSetting(header_link-font_weight);
    text-transform: streamerSetting(header_link-text_transform)
}

    .header__link[data-v-2a882665]:focus {
        outline: none
    }

.header__link--active[data-v-2a882665] {
    background-color: streamerSetting(header_link_active-background_color);
    color: streamerSetting(header_link_active-color)
}

</style >
<style type="text/css" >
.footer[data-v-6b2999d6] {
    width: 100%
}

.footer__logo-wrapper[data-v-6b2999d6] {
    width: 100%;
    background-color: #2a0013;
    text-align: center
}

.footer__logo[data-v-6b2999d6] {
    width: 64px;
    margin: 24px
}

@media screen and (min-width:760px) {
    .footer__logo[data-v-6b2999d6] {
        width: 96px
    }
}

.footer__bottom[data-v-6b2999d6] {
    background-color: streamerSetting(streamer_footer_links-background_color)
}

.footer__bottom-inner[data-v-6b2999d6] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff
}

@media screen and (min-width:760px) {
    .footer__bottom-inner[data-v-6b2999d6] {
        justify-content: space-between;
        flex-direction: row
    }
}

@media screen and (min-width:1024px) {
    .footer__bottom-inner[data-v-6b2999d6] {
        padding: 16px 64px
    }
}

.footer__social-icon[data-v-6b2999d6] {
    color: inherit;
    margin: 0 12px
}

@media screen and (min-width:760px) {
    .footer__social-icon[data-v-6b2999d6] {
        margin: 0 24px 0 0
    }
}

.footer__link-wrapper[data-v-6b2999d6] {
    width: 100%;
    margin: 24px 0 8px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    list-style: none
}

@media screen and (min-width:760px) {
    .footer__link-wrapper[data-v-6b2999d6] {
        width: auto;
        margin: 0;
        justify-content: flex-start;
        flex-direction: row
    }
}

.footer__link[data-v-6b2999d6] {
    padding: 6px 0;
    color: inherit;
    text-decoration: none;
    font-family: streamerSetting(streamer_footer_links-font_family);
    font-size: streamerSetting(streamer_footer_links-font_size--small);
    font-weight: streamerSetting(streamer_footer_links-font_weight);
    text-transform: streamerSetting(streamer_footer_links-text_transform)
}

@media screen and (min-width:760px) {
    .footer__link[data-v-6b2999d6] {
        margin-left: 32px;
        padding: 0
    }
}

@media screen and (min-width:1440px) {
    .footer__link[data-v-6b2999d6] {
        font-size: streamerSetting(streamer_footer_links-font_size--large)
    }
}

</style >
<style type="text/css" >
.club-tagline {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: streamerSetting(club_tagline-background_color);
    color: streamerSetting(club_tagline-color);
    font-family: streamerSetting(club_tagline-font_family);
    font-size: streamerSetting(club_tagline-font_size--small);
    font-weight: streamerSetting(club_tagline-font_weight);
    text-transform: streamerSetting(club_tagline-text_transform)
}

@media screen and (min-width:760px) {
    .club-tagline {
        font-size: streamerSetting(club_tagline-font_size--large)
    }
}

.club-tagline__club-name {
    color: streamerSetting(club_tagline-link_color);
    font-weight: 700;
    cursor: pointer;
    text-decoration: none
}

.is-header-animated {
    opacity: 0
}

.header-slide-enter-active, .header-slide-leave-active {
    opacity: 1;
    transform: translateY(0);
    transition: all .2s ease-out
}

.header-slide-enter, .header-slide-leave-to {
    opacity: 0;
    transform: translateY(-100%)
}



.packages-enter-active, .packages-leave-active {
    transition: transform .6s cubic-bezier(.86,0,.07,1),opacity .4s cubic-bezier(.86,0,.07,1)
}

.packages-enter, .packages-leave-to {
    opacity: 0;
    transform: translateY(100%)
}

.account-notification-enter {
    opacity: 0
}

.account-notification-enter-active {
    opacity: 1
}

.account-notification-leave-active {
    transition: transform .6s cubic-bezier(.86,0,.07,1),opacity .4s cubic-bezier(.86,0,.07,1)
}

.account-notification-leave-to {
    opacity: 0;
    transform: translateY(300px)
}

.account-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 4px 8px 4px rgba(0,0,0,.03);
    z-index: 1000
}

.account-container-enter-active, .account-container-leave-active {
    transition: transform .4s cubic-bezier(.86,0,.07,1),opacity .4s cubic-bezier(.86,0,.07,1)
}

.account-container-enter, .account-container-leave-to {
    opacity: 0;
    transform: translateX(100%)
}

.error-notification-enter-active, .error-notification-leave-active {
    transition: transform .3s cubic-bezier(.86,0,.07,1),opacity .5s cubic-bezier(.86,0,.07,1)
}

.error-notification-enter, .error-notification-leave-to {
    opacity: 0;
    transform: translateY(100%)
}

@media screen and (min-width:1024px) {
    .error-notification-enter, .error-notification-leave-to {
        transform: translateY(-100%)
    }
}

</style >
<style type="text/css" >
.vue-map-container {
    position: relative
}

.vue-map-container .vue-map {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.vue-map-hidden {
    display: none
}

</style >
<style type="text/css" >
.vue-street-view-pano-container {
    position: relative
}

.vue-street-view-pano-container .vue-street-view-pano {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

</style >
<style type="text/css" >
.page-card[data-v-3f265abb] {
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.page-card[data-v-3f265abb], .page-card__wrap[data-v-3f265abb] {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.page-card__wrap[data-v-3f265abb] {
    justify-content: center;
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 70%
}

.page-card__inner[data-v-3f265abb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 0 24px 24px;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.page-card__title[data-v-3f265abb] {
    padding: 0;
    margin: 0;
    width: 100%;
    color: #fff;
    text-align: inherit
}

.page-card__summary[data-v-3f265abb] {
    display: none;
    width: 100%;
    margin: 8px 0 0;
    font-size: 12px
}

@media screen and (min-width:760px) {
    .article-card.not-fixed-aspect .article-card__wrap[data-v-3f265abb] {
        height: auto;
        padding-bottom: 0
    }

    .article-card.not-fixed-aspect .article-card__inner[data-v-3f265abb] {
        position: relative
    }
}

@media screen and (min-width:760px) {
    .page-card__summary[data-v-3f265abb] {
        display: block;
        color: #fff;
        font-family: Roboto,sans-serif;
        font-family: var(--primary_font,"Roboto",sans-serif);
        font-size: 16px;
        font-weight: 400;
        font-weight: var(--body_text_weight,400);
        text-transform: none
    }
}

</style >
<style type="text/css" >
.page-card[data-v-74975244] {
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.page-card[data-v-74975244], .page-card__wrap[data-v-74975244] {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.page-card__wrap[data-v-74975244] {
    justify-content: center;
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 70%
}

.page-card__inner[data-v-74975244] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 0 24px 24px;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.page-card__title[data-v-74975244] {
    padding: 0;
    margin: 0;
    width: 100%;
    color: #fff;
    text-align: inherit
}

.page-card__summary[data-v-74975244] {
    display: none;
    width: 100%;
    margin: 8px 0 0;
    font-size: 12px
}

@media screen and (min-width:760px) {
    .article-card.not-fixed-aspect .article-card__wrap[data-v-74975244] {
        height: auto;
        padding-bottom: 0
    }

    .article-card.not-fixed-aspect .article-card__inner[data-v-74975244] {
        position: relative
    }
}

@media screen and (min-width:760px) {
    .page-card__summary[data-v-74975244] {
        display: block;
        color: #fff;
        font-family: Roboto,sans-serif;
        font-family: var(--primary_font,"Roboto",sans-serif);
        font-size: 16px;
        font-weight: 400;
        font-weight: var(--body_text_weight,400);
        text-transform: none
    }
}

</style >
<style type="text/css" >
.page-card[data-v-3601438d] {
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.page-card[data-v-3601438d], .page-card__wrap[data-v-3601438d] {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.page-card__wrap[data-v-3601438d] {
    justify-content: center;
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 70%
}

.page-card__inner[data-v-3601438d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 0 24px 24px;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.page-card__title[data-v-3601438d] {
    padding: 0;
    margin: 0;
    width: 100%;
    color: #fff;
    text-align: inherit
}

.page-card__summary[data-v-3601438d] {
    display: none;
    width: 100%;
    margin: 8px 0 0;
    font-size: 12px
}

@media screen and (min-width:760px) {
    .article-card.not-fixed-aspect .article-card__wrap[data-v-3601438d] {
        height: auto;
        padding-bottom: 0
    }

    .article-card.not-fixed-aspect .article-card__inner[data-v-3601438d] {
        position: relative
    }
}

@media screen and (min-width:760px) {
    .page-card__summary[data-v-3601438d] {
        display: block;
        color: #fff;
        font-family: Roboto,sans-serif;
        font-family: var(--primary_font,"Roboto",sans-serif);
        font-size: 16px;
        font-weight: 400;
        font-weight: var(--body_text_weight,400);
        text-transform: none
    }
}

</style >
<style >
.grecaptcha-badge {
    visibility: hidden !important;
}

</style >
<script charset="utf-8" src="./menu-template-aston-villa2_files/e7bb2fdd5ba9111a0e72.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/60f4de7990d8c7df312e.js.download" > </script >
<style type="text/css" >
.language-selector__inner[data-v-95dc374c] {
    padding: 8px 8px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.language-selector__option[data-v-95dc374c] {
    margin: 8px;
    color: #fff;
    font-size: 16px
}

</style >
<script charset="utf-8" src="./menu-template-aston-villa2_files/35b79aab329be871f3ed.js.download" > </script >
<style type="text/css" >
.text-block-widget[data-v-4ecdd0e0] {
    max-width: 960px;
    width: 100%
}

</style >
<style type="text/css" >
.image-only[data-v-ca642dd2] {
    width: 100%;
    height: inherit;
    background-position: 50%;
    background-size: cover
}

.link-wrapper[data-v-ca642dd2] {
    width: 100%;
    height: 100%;
    min-height: 280px;
    text-decoration: none
}

@media screen and (min-width:760px) {
    .link-wrapper[data-v-ca642dd2] {
        height: 380px
    }
}

.image-block[data-v-ca642dd2] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    padding: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-position: 50%;
    background-size: cover
}

.image-block__content-wrapper[data-v-ca642dd2] {
    z-index: 5
}

.image-block__title[data-v-ca642dd2] {
    color: #fff
}

.image-block__text[data-v-ca642dd2] {
    padding: 0;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none
}

.image-block__button[data-v-ca642dd2] {
    padding-left: 0;
    z-index: 2
}

</style >
<style type="text/css" >
.missing-widget[data-v-ddf5904a] {
    display: none
}

</style >
<script charset="utf-8" src="./menu-template-aston-villa2_files/b31cafb36e91ed96f9f3.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/635be7ba2ea496f7b925.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/5f1010eeb0cabf95c199.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/917c8672401b5bdb38f3.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/e0e8090c6a0ea68c6641.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/2260366695d3b73742d1.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/eeded419acdb3dbd83ee.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/199013c3f802231ee0bf.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/16c56419fc85c4e53616.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/d8fbe51eaea9775db8cf.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/ae828c9669f3ec3fdc7f.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/e842935a057ec939dde8.js.download" > </script >
<script charset="utf-8" src="./menu-template-aston-villa2_files/daa6bc5990699785e5eb.js.download" > </script >
<style type="text/css" >
.hero-carousel-slot[data-v-177feaa5] {
    display: none
}

@media screen and (min-width:760px) {
    .hero-carousel-slot[data-v-177feaa5] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 32px;
        right: 16px;
        color: #480024;
        font-family: monospace;
        font-size: 14px;
        text-align: center;
        background-color: #fff;
        opacity: .75;
        height: 400px;
        width: 300px
    }
}

@media screen and (min-width:1024px) {
    .hero-carousel-slot[data-v-177feaa5] {
        right: 64px
    }
}

</style >
<style type="text/css" >
.featured-article[data-v-05b3be1e] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 48px 16px 64px;
    height: 75vh;
    min-height: 575px;
    max-height: 1200px;
    width: 100%;
    background-color: #480024;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.main.header-is--solid .featured-article[data-v-05b3be1e], .main.header-type--fixed .featured-article[data-v-05b3be1e] {
    height: calc(75vh - 48px);
    margin-top: 48px
}

.featured-article__inner[data-v-05b3be1e] {
    position: relative;
    padding: 0;
    max-width: 860px;
    width: 100%;
    color: #fff;
    text-align: left;
    z-index: 4
}

.featured-article__image[data-v-05b3be1e] {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    z-index: 1
}

@media screen and (min-width:760px) {
    .featured-article__image--small[data-v-05b3be1e] {
        display: none
    }
}

.featured-article__image--large[data-v-05b3be1e] {
    display: none
}

@media screen and (min-width:760px) {
    .featured-article__image--large[data-v-05b3be1e] {
        display: block
    }
}

.featured-article__meta[data-v-05b3be1e] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0 0 1em;
    color: #94bee5;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    text-transform: none;
    line-height: 1;
    padding: 0 0 8px
}

    .featured-article__meta[data-v-05b3be1e]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 144px;
        height: 1px;
        background: #212121
    }

.featured-article__date[data-v-05b3be1e] {
    margin: 0 16px 0 0;
    color: #212121;
    white-space: nowrap
}

.featured-article__category[data-v-05b3be1e], .featured-article__date[data-v-05b3be1e] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.featured-article__category[data-v-05b3be1e] {
    margin: 0;
    color: #94bee5
}

.featured-article__title[data-v-05b3be1e] {
    margin: 0 0 .25em;
    padding: 0;
    color: #fff
}

.featured-article__title a[data-v-05b3be1e] {
    color: inherit;
    text-decoration: none
}

.featured-article__summary[data-v-05b3be1e] {
    margin: 0 0 1em;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    line-height: 1.4
}

.featured-article__icon[data-v-05b3be1e] {
    height: 16px;
    width: 16px;
    margin: 0 8px 0 0;
    color: #480024
}

.featured-article__cta[data-v-05b3be1e] {
    display: inline-block
}

@media screen and (min-width:760px) {
    .featured-article[data-v-05b3be1e] {
        padding: 64px 16px;
        height: 90vh
    }

    .main.header-is--solid .featured-article[data-v-05b3be1e], .main.header-type--fixed .featured-article[data-v-05b3be1e] {
        height: calc(90vh - 64px);
        margin-top: 64px
    }

    .featured-article__inner[data-v-05b3be1e] {
        padding: 0 16px 0 0
    }
}

@media screen and (min-width:1024px) {
    .featured-article[data-v-05b3be1e] {
        padding: 64px
    }

    .main.header-is--solid .featured-article[data-v-05b3be1e], .main.header-type--fixed .featured-article[data-v-05b3be1e] {
        height: calc(75vh - 64px);
        margin-top: 64px
    }
}

</style >
<style type="text/css" >
.glide[data-v-29bbc588] {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide *[data-v-29bbc588] {
    box-sizing: inherit
}

.glide__slides[data-v-29bbc588], .glide__track[data-v-29bbc588] {
    overflow: hidden
}

.glide__slides[data-v-29bbc588] {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slide[data-v-29bbc588], .glide__slides--dragging[data-v-29bbc588] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide__slide[data-v-29bbc588] {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a[data-v-29bbc588] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows[data-v-29bbc588], .glide__bullets[data-v-29bbc588] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide--rtl[data-v-29bbc588] {
    direction: rtl
}

.glide__arrow[data-v-29bbc588] {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid hsla(0,0%,100%,.5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
    text-shadow: 0 .25em .5em rgba(0,0,0,.1);
    opacity: 1;
    cursor: pointer;
    transition: opacity .15s ease,border .3s ease-in-out;
    transform: translateY(-50%);
    line-height: 1
}

    .glide__arrow[data-v-29bbc588]:focus {
        outline: none
    }

    .glide__arrow[data-v-29bbc588]:hover {
        border-color: #fff
    }

.glide__arrow--left[data-v-29bbc588] {
    left: 2em
}

.glide__arrow--right[data-v-29bbc588] {
    right: 2em
}

.glide__arrow--disabled[data-v-29bbc588] {
    opacity: .33
}

.glide__bullets[data-v-29bbc588] {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%)
}

.glide__bullet[data-v-29bbc588] {
    background-color: hsla(0,0%,100%,.5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
    margin: 0 .25em
}

    .glide__bullet[data-v-29bbc588]:focus {
        outline: none
    }

    .glide__bullet[data-v-29bbc588]:focus, .glide__bullet[data-v-29bbc588]:hover {
        background-color: hsla(0,0%,100%,.5)
    }

.glide__bullet--active[data-v-29bbc588] {
    background-color: #fff
}

.glide--swipeable[data-v-29bbc588] {
    cursor: grab;
    cursor: -webkit-grab
}

.glide--dragging[data-v-29bbc588] {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.hero-carousel[data-v-29bbc588] {
    position: relative;
    width: 100%;
    height: 75vh;
    min-height: 575px;
    overflow: hidden
}

.glide__slide[data-v-29bbc588] {
    display: block
}

.glide__slides[data-v-29bbc588], .glide__track[data-v-29bbc588] {
    height: 100%
}

.glide__bullets[data-v-29bbc588] {
    bottom: 32px
}

.glide__bullet[data-v-29bbc588] {
    opacity: .3;
    background-color: #fff
}

.glide__bullet--active[data-v-29bbc588] {
    opacity: 1
}

.glide__bullet[data-v-29bbc588]:focus, .glide__bullet[data-v-29bbc588]:hover {
    border: 2px solid #fff;
    background-color: #480024
}

@media screen and (min-width:760px) {
    .hero-carousel[data-v-29bbc588] {
        height: 90vh
    }
}

@media screen and (min-width:1024px) {
    .glide__bullets[data-v-29bbc588] {
        left: 64px;
        transform: none
    }
}

</style >
<style type="text/css" > </style >
<style type="text/css" >
.timer[data-v-1634eb12] {
    display: flex
}

.timer__unit-wrapper[data-v-1634eb12] {
    width: 60px;
    text-align: center
}

.timer__unit-value[data-v-1634eb12] {
    font-size: 32px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    line-height: 1
}

.timer__unit-name[data-v-1634eb12] {
    font-size: 12px
}

</style >
<style type="text/css" >
.matchday-hero[data-v-067975b6] {
    height: 85vh;
    max-height: 1200px;
    width: 100%;
    color: #fafafa;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (min-width:760px) {
    .matchday-hero[data-v-067975b6] {
        height: calc(100vh - 40px)
    }
}

@media screen and (min-width:1024px) {
    .matchday-hero[data-v-067975b6] {
        height: 100vh
    }
}

.matchday-hero__inner[data-v-067975b6] {
    height: 100%;
    width: 100%;
    padding: 112px 16px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative
}

    .matchday-hero__inner[data-v-067975b6]:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.7)
    }

@media screen and (min-width:760px) {
    .matchday-hero__inner[data-v-067975b6] {
        padding: 152px 32px 30%
    }
}

@media screen and (min-width:1024px) {
    .matchday-hero__inner[data-v-067975b6] {
        padding: 152px 32px 13%
    }
}

@media screen and (min-width:1440px) {
    .matchday-hero__inner[data-v-067975b6] {
        padding: 192px 32px 216px
    }
}

.matchday-hero__match-details[data-v-067975b6] {
    font-size: 10px;
    text-align: center;
    z-index: 1
}

@media screen and (min-width:760px) {
    .matchday-hero__match-details[data-v-067975b6] {
        font-size: 16px
    }
}

.matchday-hero__comp-icon[data-v-067975b6] {
    height: 32px;
    width: auto;
    margin-bottom: 16px
}

.matchday-hero__ko-time[data-v-067975b6] {
    font-weight: 700;
    margin-bottom: 2px
}

.matchday-hero__match-status[data-v-067975b6] {
    margin: 12px 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

@media screen and (min-width:760px) {
    .matchday-hero__match-status[data-v-067975b6] {
        height: 120px;
        min-width: 128px;
        margin: 0;
        flex-direction: column
    }
}

@media screen and (min-width:1024px) {
    .matchday-hero__match-status[data-v-067975b6] {
        min-width: 160px
    }
}

@media screen and (min-width:760px) {
    .matchday-hero__icon[data-v-067975b6] {
        width: 32px;
        height: 32px;
        margin: 0 0 10px
    }
}

.matchday-hero__match-time[data-v-067975b6] {
    font-size: 13px;
    font-weight: 700
}

@media screen and (min-width:760px) {
    .matchday-hero__match-time[data-v-067975b6] {
        font-size: 16px
    }
}

.matchday-hero__half-score[data-v-067975b6] {
    font-size: 12px;
    z-index: 1
}

@media screen and (min-width:760px) {
    .matchday-hero__half-score[data-v-067975b6] {
        margin-top: 6px;
        font-size: 16px
    }
}

.matchday-hero__content[data-v-067975b6] {
    width: 100%;
    margin: auto;
    z-index: 1
}

@media screen and (min-width:760px) {
    .matchday-hero__content[data-v-067975b6] {
        margin-top: 24px;
        display: flex;
        justify-content: center
    }
}

.matchday-hero__team-wrapper[data-v-067975b6] {
    display: flex;
    align-items: center;
    padding: 12px 0
}

@media screen and (min-width:760px) {
    .matchday-hero__team-wrapper[data-v-067975b6] {
        width: 50%;
        padding: 0;
        flex-direction: column;
        align-items: flex-start
    }
}

@media screen and (min-width:760px) {
    .matchday-hero__team-wrapper--home[data-v-067975b6] {
        align-items: flex-end
    }

    .matchday-hero__team-wrapper--home .matchday-hero__team-info[data-v-067975b6] {
        flex-direction: row-reverse
    }

    .matchday-hero__team-wrapper--home .matchday-hero__score[data-v-067975b6] {
        text-align: right
    }
}

.matchday-hero__team-crest[data-v-067975b6] {
    height: 40px;
    width: 40px;
    margin-right: 8px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width:760px) {
    .matchday-hero__team-crest[data-v-067975b6] {
        height: 120px;
        width: 120px;
        margin: 0
    }
}

.matchday-hero__team-name[data-v-067975b6] {
    font-size: 24px;
    text-transform: none
}

.matchday-hero__score[data-v-067975b6], .matchday-hero__team-name[data-v-067975b6] {
    font-weight: 700;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.matchday-hero__score[data-v-067975b6] {
    margin-left: auto;
    font-size: 80px
}

@media screen and (min-width:760px) {
    .matchday-hero__score[data-v-067975b6] {
        width: 128px;
        margin: 0;
        font-size: 120px;
        line-height: 1
    }
}

@media screen and (min-width:1024px) {
    .matchday-hero__score[data-v-067975b6] {
        width: 160px
    }
}

.matchday-hero__team-info[data-v-067975b6] {
    display: flex
}

@media screen and (min-width:760px) {
    .matchday-hero__team-info[data-v-067975b6] {
        margin-bottom: 16px
    }
}

.matchday-hero__countdown-timer[data-v-067975b6] {
    margin-top: 32px;
    justify-content: center;
    margin-bottom: 24px;
    z-index: 1;
    font-weight: 700
}

    .matchday-hero__countdown-timer[data-v-067975b6] .timer__unit-wrapper--secs {
        display: block
    }

.matchday-hero__match-center-link[data-v-067975b6] {
    z-index: 1;
    min-height: 40px
}

.matchday-hero__strap[data-v-067975b6] {
    position: relative;
    z-index: 2;
    margin: 0 0 8px;
    color: #fff;
    font-size: 14px;
    text-align: center
}

</style >
<style type="text/css" >
.glide[data-v-16f9e721] {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide *[data-v-16f9e721] {
    box-sizing: inherit
}

.glide__slides[data-v-16f9e721], .glide__track[data-v-16f9e721] {
    overflow: hidden
}

.glide__slides[data-v-16f9e721] {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slide[data-v-16f9e721], .glide__slides--dragging[data-v-16f9e721] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide__slide[data-v-16f9e721] {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a[data-v-16f9e721] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows[data-v-16f9e721], .glide__bullets[data-v-16f9e721] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide--rtl[data-v-16f9e721] {
    direction: rtl
}

.glide__arrow[data-v-16f9e721] {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid hsla(0,0%,100%,.5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
    text-shadow: 0 .25em .5em rgba(0,0,0,.1);
    opacity: 1;
    cursor: pointer;
    transition: opacity .15s ease,border .3s ease-in-out;
    transform: translateY(-50%);
    line-height: 1
}

    .glide__arrow[data-v-16f9e721]:focus {
        outline: none
    }

    .glide__arrow[data-v-16f9e721]:hover {
        border-color: #fff
    }

.glide__arrow--left[data-v-16f9e721] {
    left: 2em
}

.glide__arrow--right[data-v-16f9e721] {
    right: 2em
}

.glide__arrow--disabled[data-v-16f9e721] {
    opacity: .33
}

.glide__bullets[data-v-16f9e721] {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%)
}

.glide__bullet[data-v-16f9e721] {
    background-color: hsla(0,0%,100%,.5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
    margin: 0 .25em
}

    .glide__bullet[data-v-16f9e721]:focus {
        outline: none
    }

    .glide__bullet[data-v-16f9e721]:focus, .glide__bullet[data-v-16f9e721]:hover {
        border: 2px solid #fff;
        background-color: hsla(0,0%,100%,.5)
    }

.glide__bullet--active[data-v-16f9e721] {
    background-color: #fff
}

.glide--swipeable[data-v-16f9e721] {
    cursor: grab;
    cursor: -webkit-grab
}

.glide--dragging[data-v-16f9e721] {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.highlight-stack[data-v-16f9e721] {
    padding: 0 16px;
    width: 100%;
    background: transparent
}

@media screen and (min-width:1024px) {
    .highlight-stack[data-v-16f9e721] {
        padding: 0;
        background: transparent
    }
}

.highlight-stack__inner[data-v-16f9e721] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

@media screen and (min-width:1024px) {
    .highlight-stack__inner[data-v-16f9e721] {
        flex-direction: row;
        justify-content: space-evenly;
        align-items: stretch
    }
}

@media screen and (min-width:1024px) {
    .highlight-stack__block[data-v-16f9e721] {
        width: 33.33333%
    }

        .highlight-stack__block[data-v-16f9e721]:first-child {
            padding: 8px 32px 0 16px !important
        }

        .highlight-stack__block[data-v-16f9e721]:last-child {
            padding: 8px 16px 0 32px !important
        }
}

.highlight-carousel[data-v-16f9e721] {
    width: 100%;
    margin-bottom: 24px;
    background: transparent
}

.highlight-carousel__block[data-v-16f9e721]:first-child {
    padding-left: 16px !important
}

.highlight-carousel__block[data-v-16f9e721]:last-child {
    padding-right: 16px !important
}

.glide__track[data-v-16f9e721] {
    height: 196px
}

.glide__slides[data-v-16f9e721] {
    height: 196px;
    overflow: visible
}

.glide[data-v-16f9e721] .highlight-carousel__block {
    padding: 8px 16px;
    height: 180px;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.16)
}

.glide[data-v-16f9e721] .glide__slide {
    padding: 0 10px 10px
}

.carousel-bullets[data-v-16f9e721] {
    bottom: -16px
}

.carousel-bullet[data-v-16f9e721] {
    opacity: .5;
    background-color: #480024
}

.carousel-bullet--active[data-v-16f9e721] {
    opacity: 1
}

.carousel-bullet[data-v-16f9e721]:focus, .carousel-bullet[data-v-16f9e721]:hover {
    border: 2px solid #000;
    background-color: #2f0017
}

.glide__bullet[data-v-16f9e721] {
    width: 6px !important;
    height: 6px !important;
    position: relative;
    margin: 0 .5em !important
}

.glide__bullet--active[data-v-16f9e721] {
    opacity: 1
}

    .glide__bullet--active[data-v-16f9e721]:before {
        position: absolute;
        content: "";
        border: 2px solid #480024;
        border-radius: 50%;
        top: -9px;
        bottom: -9px;
        left: -9px;
        right: -9px
    }

</style >
<style type="text/css" >
.agg-match[data-v-79a4ec54] {
    padding: 24px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background: linear-gradient(105deg,#480024 50%,#2f0017 0);
    color: #fff
}

@media screen and (min-width:1440px) {
    .agg-match[data-v-79a4ec54] {
        padding: 24px
    }
}

.agg-match__competition[data-v-79a4ec54] {
    width: 64px;
    height: auto
}

@media screen and (min-width:760px) {
    .agg-match__competition[data-v-79a4ec54] {
        width: 80px
    }
}

.agg-match__mobile-info[data-v-79a4ec54] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.agg-match__mobile-team-wrapper[data-v-79a4ec54] {
    display: flex;
    align-items: center;
    font-weight: 700
}

.agg-match__mobile-team-wrapper--home[data-v-79a4ec54] {
    margin-bottom: 16px
}

@media screen and (min-width:760px) {
    .agg-match__mobile-team-wrapper--home[data-v-79a4ec54] {
        margin-bottom: 32px
    }
}

@media screen and (min-width:1024px) {
    .agg-match__mobile-team-wrapper--home[data-v-79a4ec54] {
        margin-bottom: 16px
    }
}

@media screen and (min-width:1440px) {
    .agg-match__mobile-team-wrapper--home[data-v-79a4ec54] {
        margin-bottom: 32px
    }
}

.agg-match__mobile-team-crest[data-v-79a4ec54] {
    height: 64px;
    width: 64px;
    margin-right: 16px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (min-width:760px) {
    .agg-match__mobile-team-crest[data-v-79a4ec54] {
        height: 104px;
        width: 104px;
        margin-right: 32px
    }
}

@media screen and (min-width:1024px) {
    .agg-match__mobile-team-crest[data-v-79a4ec54] {
        height: 64px;
        width: 64px;
        margin-right: 16px
    }
}

@media screen and (min-width:1440px) {
    .agg-match__mobile-team-crest[data-v-79a4ec54] {
        height: 104px;
        width: 104px;
        margin-right: 32px
    }
}

.agg-match__mobile-score[data-v-79a4ec54] {
    width: 40px;
    font-size: 40px;
    font-weight: 900;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

@media screen and (min-width:760px) {
    .agg-match__mobile-score[data-v-79a4ec54] {
        width: 56px;
        font-size: 56px
    }
}

@media screen and (min-width:1024px) {
    .agg-match__mobile-score[data-v-79a4ec54] {
        width: 40px;
        font-size: 40px
    }
}

@media screen and (min-width:1440px) {
    .agg-match__mobile-score[data-v-79a4ec54] {
        width: 56px;
        font-size: 64px
    }
}

.agg-match__mobile-team-name[data-v-79a4ec54] {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

@media screen and (min-width:760px) {
    .agg-match__mobile-team-name[data-v-79a4ec54] {
        font-size: 20px
    }
}

@media screen and (min-width:1024px) {
    .agg-match__mobile-team-name[data-v-79a4ec54] {
        font-size: 18px
    }
}

@media screen and (min-width:1440px) {
    .agg-match__mobile-team-name[data-v-79a4ec54] {
        font-size: 24px
    }
}

.agg-match__mobile-vs[data-v-79a4ec54] {
    position: absolute;
    margin-left: 80px;
    font-size: 24px;
    font-weight: 900;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

@media screen and (min-width:760px) {
    .agg-match__mobile-vs[data-v-79a4ec54] {
        margin-left: 136px;
        font-size: 28px
    }
}

@media screen and (min-width:1024px) {
    .agg-match__mobile-vs[data-v-79a4ec54] {
        margin-left: 80px;
        font-size: 24px
    }
}

@media screen and (min-width:1440px) {
    .agg-match__mobile-vs[data-v-79a4ec54] {
        margin-left: 136px;
        font-size: 32px
    }
}

.agg-match__info[data-v-79a4ec54] {
    width: 100%;
    display: flex
}

.agg-match__team-wrapper[data-v-79a4ec54] {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    font-weight: 700;
    text-align: center
}

.agg-match__team-crest[data-v-79a4ec54] {
    height: 160px;
    width: 160px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (min-width:1024px) {
    .agg-match__team-crest[data-v-79a4ec54] {
        height: 96px;
        width: 96px
    }
}

@media screen and (min-width:1440px) {
    .agg-match__team-crest[data-v-79a4ec54] {
        height: 208px;
        width: 208px
    }
}

.agg-match__team-name[data-v-79a4ec54] {
    margin-top: 8px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

@media screen and (min-width:1440px) {
    .agg-match__team-name[data-v-79a4ec54] {
        margin-top: 16px;
        font-size: 32px
    }
}

.agg-match__score-wrapper[data-v-79a4ec54] {
    min-width: 160px;
    display: flex;
    align-self: center;
    justify-content: space-evenly
}

@media screen and (min-width:1440px) {
    .agg-match__score-wrapper[data-v-79a4ec54] {
        min-width: 208px
    }
}

.agg-match__score[data-v-79a4ec54] {
    font-size: 64px;
    text-align: center;
    font-weight: 900;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

</style >
<style type="text/css" >
.video-card[data-v-61d234d6] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.video-card .is-locked[data-v-61d234d6]:after {
    content: "Login to watch";
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 8px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    line-height: 1;
    background-color: rgba(0,0,0,.8);
    border-radius: 5px
}

.video-card__wrap[data-v-61d234d6] {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 80%
}

.video-card__inner[data-v-61d234d6] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 24px 24px;
    font-size: 16px;
    font-size: var(--body_text_size--small,16px);
    text-align: left;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    z-index: 3;
    cursor: pointer
}

@media screen and (min-width:760px) {
    .video-card__inner[data-v-61d234d6] {
        font-size: 17px;
        font-size: var(--body_text_size--medium,17px)
    }
}

@media screen and (min-width:1024px) {
    .video-card__inner[data-v-61d234d6] {
        font-size: 20px;
        font-size: var(--body_text_size--large,20px)
    }
}

.video-card__icon[data-v-61d234d6] {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    height: 48px;
    width: 48px;
    color: #fff;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1
}

.video-card__duration[data-v-61d234d6] {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 6px 8px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    line-height: 1;
    background-color: rgba(0,0,0,.8);
    border-radius: 5px
}

.video-card__meta[data-v-61d234d6] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    color: #212121;
    font-size: 12px;
    line-height: 1;
    z-index: 2;
    padding: 0 0 8px
}

    .video-card__meta[data-v-61d234d6]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 144px;
        height: 1px;
        background: #212121
    }

.video-card__meta-icon[data-v-61d234d6] {
    height: 16px;
    width: 16px;
    margin: -3px 8px 0 0;
    color: #fff
}

.video-card__date[data-v-61d234d6] {
    margin: 0 24px 0 0;
    color: #212121
}

.video-card__category[data-v-61d234d6], .video-card__date[data-v-61d234d6] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.video-card__category[data-v-61d234d6] {
    margin: 0;
    color: #480024
}

.video-card__title[data-v-61d234d6] {
    position: relative;
    padding: 0;
    margin: 0;
    color: #212121;
    white-space: pre-wrap;
    z-index: 2
}

</style >
<style type="text/css" >
.inline-loader[data-v-706bc35e] {
    margin: auto
}

.vid-loader__error-wrapper[data-v-706bc35e] {
    display: flex;
    justify-content: center
}

.vid-loader__error-text[data-v-706bc35e] {
    padding: 16px;
    align-self: center;
    font-weight: 700;
    text-align: center
}

</style >
<style type="text/css" >
.video-card[data-v-97176a94] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.video-card .is-locked[data-v-97176a94]:after {
    content: "Login to watch";
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 8px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    line-height: 1;
    background-color: rgba(0,0,0,.8);
    border-radius: 5px
}

.video-card__wrap[data-v-97176a94] {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 80%
}

.video-card__inner[data-v-97176a94] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 24px 24px;
    font-size: 16px;
    font-size: var(--body_text_size--small,16px);
    text-align: left;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    z-index: 3;
    cursor: pointer
}

@media screen and (min-width:760px) {
    .video-card__inner[data-v-97176a94] {
        font-size: 17px;
        font-size: var(--body_text_size--medium,17px)
    }
}

@media screen and (min-width:1024px) {
    .video-card__inner[data-v-97176a94] {
        font-size: 20px;
        font-size: var(--body_text_size--large,20px)
    }
}

.video-card__icon[data-v-97176a94] {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    height: 48px;
    width: 48px;
    color: #fff;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1
}

.video-card__duration[data-v-97176a94] {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 6px 8px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    line-height: 1;
    background-color: rgba(0,0,0,.8);
    border-radius: 5px
}

.video-card__meta[data-v-97176a94] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    color: #212121;
    font-size: 12px;
    line-height: 1;
    z-index: 2;
    padding: 0 0 8px
}

    .video-card__meta[data-v-97176a94]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 144px;
        height: 1px;
        background: #212121
    }

.video-card__meta-icon[data-v-97176a94] {
    height: 16px;
    width: 16px;
    margin: -3px 8px 0 0;
    color: #fff
}

.video-card__date[data-v-97176a94] {
    margin: 0 24px 0 0;
    color: #212121
}

.video-card__category[data-v-97176a94], .video-card__date[data-v-97176a94] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.video-card__category[data-v-97176a94] {
    margin: 0;
    color: #480024
}

.video-card__title[data-v-97176a94] {
    position: relative;
    padding: 0;
    margin: 0;
    color: #212121;
    white-space: pre-wrap;
    z-index: 2
}

</style >
<style type="text/css" >
.inline-loader[data-v-fe4006aa] {
    margin: auto
}

.vid-loader__error-wrapper[data-v-fe4006aa] {
    display: flex;
    justify-content: center
}

.vid-loader__error-text[data-v-fe4006aa] {
    padding: 16px;
    align-self: center;
    font-weight: 700;
    text-align: center
}

</style >
<style type="text/css" >
.article-card[data-v-66dc2adc] {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    max-width: 100%;
    min-width: 100%;
    margin: 0
}

.article-card[data-v-66dc2adc], .article-card__wrap[data-v-66dc2adc] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start
}

.article-card__wrap[data-v-66dc2adc] {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 80%;
    max-height: 400px
}

.article-card__inner[data-v-66dc2adc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    padding: 0 24px 24px;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.article-card__meta[data-v-66dc2adc] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    color: #212121;
    font-size: 12px;
    line-height: 1;
    padding: 0 0 8px
}

    .article-card__meta[data-v-66dc2adc]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 144px;
        height: 1px;
        background: #212121
    }

.article-card__date[data-v-66dc2adc] {
    margin: 0 16px 0 0;
    color: #212121;
    white-space: nowrap
}

.article-card__category[data-v-66dc2adc], .article-card__date[data-v-66dc2adc] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.article-card__category[data-v-66dc2adc] {
    margin: 0;
    color: #480024
}

.article-card__title[data-v-66dc2adc] {
    padding: 0;
    margin: 0;
    color: #212121
}

.article-card__icon[data-v-66dc2adc] {
    height: 16px;
    width: 16px;
    margin: -3px 8px 0 0;
    color: #480024
}

@media screen and (min-width:760px) {
    .article-card[data-v-66dc2adc] {
        max-width: calc(50% - 16px);
        min-width: calc(50% - 16px)
    }
}

@media screen and (min-width:1440px) {
    .article-card[data-v-66dc2adc] {
        max-width: calc(33.33% - 16px);
        min-width: calc(33.33% - 16px)
    }
}

</style >
<style type="text/css" >
.banner-advert[data-v-098e15f4] {
    display: block;
    margin: 0 auto;
    text-align: center
}

.banner-advert__link[data-v-098e15f4] {
    display: block;
    padding: 16px;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    font-size: 0;
    background: #ccc
}

.banner-advert__image[data-v-098e15f4] {
    width: 100%
}

</style >
<style type="text/css" >
.feed-promo[data-v-518d773b] {
    display: block;
    margin: 0 auto
}

.feed-promo[data-v-518d773b], .feed-promo__image[data-v-518d773b] {
    width: 100%;
    height: 100%
}

</style >
<style type="text/css" >
.aggregated-content[data-v-88403ca0] {
    width: 100%;
    padding: 16px 0 24px;
    margin: 32px 0;
    margin: var(--content_spacing--small,32px) 0;
    background-color: #fafafa
}

@media screen and (min-width:760px) {
    .aggregated-content[data-v-88403ca0] {
        padding: 24px 0 16px
    }
}

@media screen and (min-width:1024px) {
    .aggregated-content[data-v-88403ca0] {
        padding: 48px 0 40px;
        margin: 48px 0;
        margin: var(--content_spacing--large,48px) 0
    }
}

.aggregated-content--dark-mode[data-v-88403ca0] {
    background-color: #480024
}

.aggregated-content--dark-mode__content-end[data-v-88403ca0], .aggregated-content--dark-mode__heading[data-v-88403ca0] {
    color: #fff
}

.aggregated-content--club-mode[data-v-88403ca0] {
    background-color: #480024
}

.aggregated-content--club-mode__content-end[data-v-88403ca0], .aggregated-content--club-mode__heading[data-v-88403ca0] {
    color: #fff
}

.aggregated-content__heading[data-v-88403ca0] {
    padding-bottom: 24px;
    color: #212121
}

.aggregated-content .aggregated-content__column-spacer[data-v-88403ca0], .aggregated-content__item[data-v-88403ca0] {
    width: 100%;
    padding-top: 100%;
    margin-bottom: 16px;
    background-color: #fafafa;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);
    animation: loadIn-88403ca0 .4s
}

@keyframes loadIn-88403ca0 {
    0% {
        transform: translateY(30px)
    }

    to {
        transform: translate(0)
    }
}

@media screen and (min-width:760px) {
    .aggregated-content .aggregated-content__column-spacer[data-v-88403ca0], .aggregated-content__item[data-v-88403ca0] {
        width: calc(50% - 8px);
        padding-top: calc(50% - 8px)
    }
}

@media screen and (min-width:1024px) {
    .aggregated-content .aggregated-content__column-spacer[data-v-88403ca0], .aggregated-content__item[data-v-88403ca0] {
        width: calc(33.33% - 10.66667px);
        padding-top: calc(33.33% - 10.66667px)
    }
}

@media screen and (min-width:1440px) {
    .aggregated-content .aggregated-content__column-spacer[data-v-88403ca0], .aggregated-content__item[data-v-88403ca0] {
        width: calc(33.33% - 16px);
        padding-top: calc(33.33% - 16px);
        margin-bottom: 24px
    }
}

@media screen and (min-width:1024px) {
    .aggregated-content .aggregated-content__column-spacer--double[data-v-88403ca0], .aggregated-content__item--double[data-v-88403ca0] {
        width: calc(66.66% - 5.33333px)
    }
}

@media screen and (min-width:1440px) {
    .aggregated-content .aggregated-content__column-spacer--double[data-v-88403ca0], .aggregated-content__item--double[data-v-88403ca0] {
        width: calc(66.66% - 8px)
    }
}

.aggregated-content__gutter[data-v-88403ca0] {
    width: 16px
}

@media screen and (min-width:1440px) {
    .aggregated-content__gutter[data-v-88403ca0] {
        width: 24px
    }
}

.aggregated-content__item-inner[data-v-88403ca0] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform .3s
}

    .aggregated-content__item-inner[data-v-88403ca0]:hover {
        transform: scale(1.02)
    }

.aggregated-content__image-promo[data-v-88403ca0] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width:760px) {
    .aggregated-content__button[data-v-88403ca0] {
        margin: 40px 0
    }
}

.aggregated-content__content-end[data-v-88403ca0] {
    text-align: center;
    margin: 32px 0;
    color: #212121
}

.aggregated-content__advert[data-v-88403ca0] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.aggregated-content__advert-slot[data-v-88403ca0] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center
}

    .aggregated-content__advert-slot[data-v-88403ca0] .advertising-slot__container {
        padding: 0;
        width: 100%;
        height: 100%
    }

    .aggregated-content__advert-slot[data-v-88403ca0] .advertising-slot__ad-link {
        width: 100%;
        height: 100%
    }

    .aggregated-content__advert-slot[data-v-88403ca0] .advertising-slot__ad--content-feed {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.article-card[data-v-88403ca0] {
    max-width: 100% !important;
    min-width: 100% !important
}

[data-v-88403ca0] .article-card__wrap {
    max-height: none !important
}

[data-v-88403ca0] .article-card__wrap, [data-v-88403ca0] .video-card__wrap {
    height: auto !important;
    padding-bottom: 0 !important
}

.loader-wrapper[data-v-88403ca0] {
    display: flex;
    margin: 32px auto;
    margin: var(--content_spacing--small,32px) auto
}

@media screen and (min-width:1024px) {
    .loader-wrapper[data-v-88403ca0] {
        margin: 48px auto;
        margin: var(--content_spacing--large,48px) auto
    }
}

</style >
<style type="text/css" >
.glide[data-v-9e2f4db4] {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide *[data-v-9e2f4db4] {
    box-sizing: inherit
}

.glide__slides[data-v-9e2f4db4], .glide__track[data-v-9e2f4db4] {
    overflow: hidden
}

.glide__slides[data-v-9e2f4db4] {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slide[data-v-9e2f4db4], .glide__slides--dragging[data-v-9e2f4db4] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide__slide[data-v-9e2f4db4] {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a[data-v-9e2f4db4] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows[data-v-9e2f4db4], .glide__bullets[data-v-9e2f4db4] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide--rtl[data-v-9e2f4db4] {
    direction: rtl
}

.glide__arrow[data-v-9e2f4db4] {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid hsla(0,0%,100%,.5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
    text-shadow: 0 .25em .5em rgba(0,0,0,.1);
    opacity: 1;
    cursor: pointer;
    transition: opacity .15s ease,border .3s ease-in-out;
    transform: translateY(-50%);
    line-height: 1
}

    .glide__arrow[data-v-9e2f4db4]:focus {
        outline: none
    }

    .glide__arrow[data-v-9e2f4db4]:hover {
        border-color: #fff
    }

.glide__arrow--left[data-v-9e2f4db4] {
    left: 2em
}

.glide__arrow--right[data-v-9e2f4db4] {
    right: 2em
}

.glide__arrow--disabled[data-v-9e2f4db4] {
    opacity: .33
}

.glide__bullets[data-v-9e2f4db4] {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%)
}

.glide__bullet[data-v-9e2f4db4] {
    background-color: hsla(0,0%,100%,.5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
    margin: 0 .25em
}

    .glide__bullet[data-v-9e2f4db4]:focus {
        outline: none
    }

    .glide__bullet[data-v-9e2f4db4]:focus, .glide__bullet[data-v-9e2f4db4]:hover {
        border: 2px solid #fff;
        background-color: hsla(0,0%,100%,.5)
    }

.glide__bullet--active[data-v-9e2f4db4] {
    background-color: #fff
}

.glide--swipeable[data-v-9e2f4db4] {
    cursor: grab;
    cursor: -webkit-grab
}

.glide--dragging[data-v-9e2f4db4] {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.product-carousel[data-v-9e2f4db4] {
    padding: 32px 0;
    padding: var(--content_spacing--small,32px) 0;
    width: 100%;
    background: inherit
}

@media screen and (min-width:1024px) {
    .product-carousel[data-v-9e2f4db4] {
        padding: 48px 0;
        padding: var(--content_spacing--large,48px) 0
    }
}

.product-carousel__inner[data-v-9e2f4db4] {
    padding: 0 !important
}

@media screen and (min-width:1024px) {
    .product-carousel__inner[data-v-9e2f4db4] {
        padding: 0 64px !important
    }
}

.product-carousel__heading[data-v-9e2f4db4] {
    margin-left: 16px;
    color: inherit
}

@media screen and (min-width:1024px) {
    .product-carousel__heading[data-v-9e2f4db4] {
        margin-left: 0
    }
}

.product-carousel__list[data-v-9e2f4db4] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 0 32px
}

.product-carousel__link-wrap[data-v-9e2f4db4] {
    display: block;
    height: 100%;
    padding: 0 8px;
    text-decoration: none
}

@supports (display:flex) {
    .product-carousel__link-wrap[data-v-9e2f4db4] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        flex: 1
    }
}

.product-carousel__item[data-v-9e2f4db4] {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center
}

.product-carousel__item-name[data-v-9e2f4db4] {
    margin: auto 0 0;
    color: inherit;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
    text-align: center
}

@media screen and (min-width:1024px) {
    .product-carousel__item-name[data-v-9e2f4db4] {
        font-size: 18px
    }
}

.product-carousel__item-button[data-v-9e2f4db4] {
    margin: auto 0 0
}

.product-carousel__image[data-v-9e2f4db4] {
    width: 100%;
    text-decoration: none
}

.product-carousel__button-row[data-v-9e2f4db4] {
    text-align: center
}

.product-carousel__arrows[data-v-9e2f4db4] {
    position: absolute;
    top: -39px;
    right: 16px;
    color: #212121
}

@media screen and (min-width:760px) {
    .product-carousel__arrows[data-v-9e2f4db4] {
        top: -51px
    }
}

@media screen and (min-width:1024px) {
    .product-carousel__arrows[data-v-9e2f4db4] {
        top: -61px
    }
}

.product-carousel--dark[data-v-9e2f4db4] {
    background: #480024
}

.product-carousel--dark .product-carousel__arrows[data-v-9e2f4db4], .product-carousel--dark .product-carousel__heading[data-v-9e2f4db4], .product-carousel--dark .product-carousel__item-name[data-v-9e2f4db4] {
    color: #fff
}

.product-carousel--light[data-v-9e2f4db4] {
    background: #fafafa
}

.product-carousel--light .product-carousel__arrows[data-v-9e2f4db4], .product-carousel--light .product-carousel__heading[data-v-9e2f4db4], .product-carousel--light .product-carousel__item-name[data-v-9e2f4db4] {
    color: #212121
}

</style >
<style type="text/css" >
.subscribe-promo[data-v-172a6b50] {
    padding: 18px 0;
    color: #fff;
    background: #480024
}

.subscribe-promo__inner[data-v-172a6b50] {
    justify-content: flex-start;
    margin: 0 auto
}

.subscribe-promo__info[data-v-172a6b50], .subscribe-promo__inner[data-v-172a6b50] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.subscribe-promo__info[data-v-172a6b50] {
    justify-content: center;
    text-align: center
}

.subscribe-promo__title[data-v-172a6b50] {
    padding: 0 0 8px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1
}

.subscribe-promo__body[data-v-172a6b50] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 15px
}

.subscribe-promo__button[data-v-172a6b50] {
    margin: 16px auto 0
}

@media screen and (min-width:760px) {
    .subscribe-promo[data-v-172a6b50] {
        padding: 32px 0
    }

    .subscribe-promo__title[data-v-172a6b50] {
        font-size: 28px
    }
}

@media screen and (min-width:1024px) {
    .subscribe-promo__title[data-v-172a6b50] {
        font-size: 36px
    }

    .subscribe-promo__inner[data-v-172a6b50] {
        flex-direction: row;
        align-items: center
    }

    .subscribe-promo__body[data-v-172a6b50] {
        padding: 3px 0 0;
        font-size: 16px
    }

    .subscribe-promo__info[data-v-172a6b50] {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0 24px 0 0;
        text-align: left
    }

    .subscribe-promo__button[data-v-172a6b50] {
        margin: 0 0 0 auto
    }
}

@media screen and (min-width:1440px) {
    .subscribe-promo__title[data-v-172a6b50] {
        margin: 0 32px 0 0
    }
}

</style >
<style type="text/css" >
.subscribe-promo__info[data-v-172a6b50] {
    background: url(/villa-tv/Villa\ TV_RGB_White.png) 0 0 no-repeat;
    background-size: auto 48px
}

.subscribe-promo__title[data-v-172a6b50] {
    z-index: -1;
    margin-bottom: 16px;
    font-size: 0;
    height: 58px;
    width: 230px
}

@media screen and (min-width:760px) {
    .subscribe-promo__info[data-v-172a6b50] {
        background-position-x: left
    }

    .subscribe-promo__title[data-v-172a6b50] {
        margin-bottom: 8px
    }
}

</style >
<style type="text/css" >
.video-promo[data-v-51f2414c] {
    margin-top: 0;
    margin-bottom: 32px;
    margin-bottom: var(--content_spacing--small,32px);
    width: 100%
}

@media screen and (min-width:1024px) {
    .video-promo[data-v-51f2414c] {
        margin-top: 0;
        margin-bottom: 48px;
        margin-bottom: var(--content_spacing--large,48px)
    }
}

.homepage-advert-top[data-v-51f2414c] {
    padding-top: 32px;
    padding-top: var(--content_spacing--small,32px)
}

@media screen and (min-width:1024px) {
    .homepage-advert-top[data-v-51f2414c] {
        padding-top: 48px;
        padding-top: var(--content_spacing--large,48px)
    }
}

.homepage-advert-bottom[data-v-51f2414c] {
    padding-bottom: 32px;
    padding-bottom: var(--content_spacing--small,32px)
}

@media screen and (min-width:1024px) {
    .homepage-advert-bottom[data-v-51f2414c] {
        padding-bottom: 48px;
        padding-bottom: var(--content_spacing--large,48px)
    }
}

.homepage-container[data-v-51f2414c] {
    position: relative
}

.matchday-enter-active[data-v-51f2414c], .matchday-leave-active[data-v-51f2414c] {
    transition: transform 1.1s ease-out
}

.matchday-leave-active[data-v-51f2414c] {
    position: absolute;
    top: 0;
    left: 0
}

.matchday-enter[data-v-51f2414c] {
    transform: translateX(100%)
}

.matchday-leave-to[data-v-51f2414c] {
    transform: translateX(-100%)
}

.homepage-container[data-v-51f2414c] .hero-carousel {
    margin-bottom: 48px !important
}

</style >
<style type="text/css" >
.grid-card[data-v-1713b1e8] {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    max-width: 100%;
    min-width: 100%;
    margin: 0
}

.grid-card[data-v-1713b1e8], .grid-card__wrap[data-v-1713b1e8] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start
}

.grid-card__wrap[data-v-1713b1e8] {
    width: 100%
}

.grid-card__inner[data-v-1713b1e8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    padding: 0 24px 24px;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.grid-card__meta[data-v-1713b1e8] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    color: #212121;
    font-size: 12px;
    line-height: 1;
    padding: 0 0 8px
}

    .grid-card__meta[data-v-1713b1e8]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 144px;
        height: 1px;
        background: #212121
    }

.grid-card__date[data-v-1713b1e8] {
    margin: 0 16px 0 0;
    color: #212121
}

.grid-card__category[data-v-1713b1e8], .grid-card__date[data-v-1713b1e8] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.grid-card__category[data-v-1713b1e8] {
    margin: 0;
    color: #480024
}

.grid-card__title[data-v-1713b1e8] {
    padding: 0;
    margin: 0;
    color: #212121
}

.grid-card__icon[data-v-1713b1e8] {
    height: 16px;
    width: 16px;
    margin: 0 8px 0 0;
    color: #480024
}

</style >
<style type="text/css" >
.news-promo__link[data-v-3dda488d] {
    display: block
}

.news-promo__image[data-v-3dda488d] {
    width: 100%
}

</style >
<style type="text/css" >
.grid-sponsor[data-v-38d9c104] {
    height: 48px;
    margin-left: 24px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-left: 1px solid
}

.grid-sponsor--dark[data-v-38d9c104] {
    color: #fff;
    border-color: #fff
}

.grid-sponsor--light[data-v-38d9c104] {
    color: #212121;
    border-color: #212121
}

.grid-sponsor__text[data-v-38d9c104] {
    padding-right: 8px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 400;
    text-transform: none
}

.grid-sponsor__link-wrapper[data-v-38d9c104] {
    display: flex
}

.grid-sponsor__logo[data-v-38d9c104] {
    height: 100%;
    width: auto
}

</style >
<style type="text/css" >
.news-grid[data-v-7739bf58] {
    padding: 32px 16px;
    padding: var(--content_spacing--small,32px) 16px;
    width: 100%;
    text-align: center
}

@media screen and (min-width:1024px) {
    .news-grid[data-v-7739bf58] {
        padding: 48px 64px;
        padding: var(--content_spacing--large,48px) 64px
    }
}

.news-grid--light[data-v-7739bf58] {
    background: #fafafa
}

.news-grid--club[data-v-7739bf58], .news-grid--dark[data-v-7739bf58] {
    background: #480024
}

.news-grid__heading-wrapper[data-v-7739bf58] {
    display: flex
}

.news-grid__heading--light[data-v-7739bf58] {
    color: #212121
}

.news-grid__heading--club[data-v-7739bf58], .news-grid__heading--dark[data-v-7739bf58] {
    color: #fff
}

.news-grid__link[data-v-7739bf58] {
    margin: 16px auto 0;
    display: inline-block
}

@media screen and (min-width:760px) {
    .news-grid__link[data-v-7739bf58] {
        margin-top: 24px
    }
}

.news-grid__wrap[data-v-7739bf58] {
    position: relative;
    min-height: 600px;
    height: calc(90vh - 180px)
}

.news-grid__items[data-v-7739bf58] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(20,1fr);
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "two two two two one one one one one one one one promo promo promo promo promo promo promo promo" "three three three three one one one one one one one one four four four four five five five five";
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin: 0;
    height: 100%;
    width: 100%
}

.news-grid__items.standard-four[data-v-7739bf58] {
    grid-template-areas: "one one one one one one one one one one two two two two two two two two two two" "one one one one one one one one one one three three three three three four four four four four"
}

.news-grid__items[data-v-7739bf58] > :first-child {
    grid-area: one
}

.news-grid__items[data-v-7739bf58] > :nth-child(2) {
    grid-area: two
}

.news-grid__items[data-v-7739bf58] > :nth-child(3) {
    grid-area: three
}

.news-grid__items[data-v-7739bf58] > :nth-child(4) {
    grid-area: four
}

.news-grid__items[data-v-7739bf58] > :nth-child(5) {
    grid-area: five
}

.news-grid__promo[data-v-7739bf58] {
    display: block;
    grid-area: promo
}

</style >
<style type="text/css" >
.article-card[data-v-74911bb6] {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    max-width: 100%;
    min-width: 100%;
    margin: 0
}

.article-card[data-v-74911bb6], .article-card__wrap[data-v-74911bb6] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start
}

.article-card__wrap[data-v-74911bb6] {
    width: 100%;
    position: relative
}

.article-card__inner[data-v-74911bb6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    padding: 0 24px 24px;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.article-card__meta[data-v-74911bb6] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    color: #212121;
    font-size: 12px;
    line-height: 1;
    padding: 0 0 8px
}

    .article-card__meta[data-v-74911bb6]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 144px;
        height: 1px;
        background: #212121
    }

.article-card__date[data-v-74911bb6] {
    margin: 0 16px 0 0;
    color: #212121
}

.article-card__category[data-v-74911bb6], .article-card__date[data-v-74911bb6] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.article-card__category[data-v-74911bb6] {
    margin: 0;
    color: #480024
}

.article-card__title[data-v-74911bb6] {
    padding: 0;
    margin: 0;
    color: #212121
}

.article-card__icon[data-v-74911bb6] {
    height: 16px;
    width: 16px;
    margin: -3px 8px 0 0;
    color: #480024
}

</style >
<style type="text/css" >
.news-stacker-item[data-v-423dab92] {
    margin: 0 0 16px
}

.news-stacker-item--dark[data-v-423dab92] {
    background: #480024
}

.news-stacker-item--light[data-v-423dab92] {
    background: #fafafa
}

.news-stacker-item--club[data-v-423dab92] {
    background: #480024
}

.news-stacker-item[data-v-423dab92]:last-child {
    margin: 0
}

.news-stacker-item__inner[data-v-423dab92] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    position: relative
}

.news-stacker-item__content[data-v-423dab92] {
    padding: 8px 0;
    min-height: 72px;
    margin-left: 124px
}

@media screen and (min-width:760px) {
    .news-stacker-item__content[data-v-423dab92] {
        padding: 16px 0
    }
}

@media screen and (min-width:1024px) {
    .news-stacker-item__content[data-v-423dab92] {
        min-height: 108px;
        margin-left: 197px
    }
}

.news-stacker-item__image[data-v-423dab92] {
    display: block;
    height: 100%;
    width: 108px;
    background-size: cover;
    background-position: 50%;
    position: absolute
}

@media screen and (min-width:1024px) {
    .news-stacker-item__image[data-v-423dab92] {
        width: 181px
    }
}

.news-stacker-item__meta[data-v-423dab92] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 6px;
    color: #212121;
    font-size: 12px;
    line-height: 1;
    padding: 0 0 8px
}

    .news-stacker-item__meta[data-v-423dab92]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 144px;
        height: 1px;
        background: #212121
    }

.news-stacker-item__date[data-v-423dab92] {
    margin: 0 9px 0 0;
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.news-stacker-item__date--dark[data-v-423dab92] {
    color: #fff
}

.news-stacker-item__date--club[data-v-423dab92], .news-stacker-item__date--light[data-v-423dab92] {
    color: #aaa
}

.news-stacker-item__category[data-v-423dab92] {
    margin: 0;
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.news-stacker-item__category--dark[data-v-423dab92] {
    color: #94bee5
}

.news-stacker-item__category--club[data-v-423dab92], .news-stacker-item__category--light[data-v-423dab92] {
    color: #aaa
}

.news-stacker-item__title[data-v-423dab92] {
    font-size: 16px;
    line-height: 1.5
}

@media screen and (min-width:1024px) {
    .news-stacker-item__title[data-v-423dab92] {
        font-size: 18px
    }
}

.news-stacker-item__title--dark[data-v-423dab92] {
    color: #fff
}

.news-stacker-item__title--light[data-v-423dab92] {
    color: #212121
}

.news-stacker-item__title--club[data-v-423dab92] {
    color: #fff
}

.news-stacker-item__icon[data-v-423dab92] {
    height: 16px;
    width: 16px;
    margin: -3px 8px 0 0
}

.news-stacker-item__icon--dark[data-v-423dab92] {
    color: #fff
}

.news-stacker-item__icon--light[data-v-423dab92] {
    color: #212121
}

.news-stacker-item__icon--club[data-v-423dab92] {
    color: #fff
}

</style >
<style type="text/css" >
.stacker-sponsor[data-v-8a0d30e8] {
    height: 32px;
    margin-left: 24px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-left: 1px solid
}

@media screen and (min-width:760px) {
    .stacker-sponsor[data-v-8a0d30e8] {
        height: 48px;
        margin-left: 24px
    }
}

.stacker-sponsor--dark[data-v-8a0d30e8] {
    color: #fff;
    border-color: #fff
}

.stacker-sponsor--light[data-v-8a0d30e8] {
    color: #212121;
    border-color: #212121
}

.stacker-sponsor__text[data-v-8a0d30e8] {
    padding-right: 8px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 10px;
    font-weight: 400;
    text-transform: none
}

@media screen and (min-width:760px) {
    .stacker-sponsor__text[data-v-8a0d30e8] {
        font-size: 12px
    }
}

.stacker-sponsor__link-wrapper[data-v-8a0d30e8] {
    height: 100%;
    display: flex
}

.stacker-sponsor__logo[data-v-8a0d30e8] {
    height: 100%;
    width: auto
}

</style >
<style type="text/css" >
.news-grid[data-v-017355a4] {
    padding: 32px 0;
    padding: var(--content_spacing--small,32px) 0;
    width: 100%;
    text-align: center
}

@media screen and (min-width:1024px) {
    .news-grid[data-v-017355a4] {
        padding: 48px 0;
        padding: var(--content_spacing--large,48px) 0
    }
}

.news-grid--dark[data-v-017355a4] {
    background: #480024
}

.news-grid--light[data-v-017355a4] {
    background: #fafafa
}

.news-grid--club[data-v-017355a4] {
    background: #480024
}

.news-grid__heading-wrapper[data-v-017355a4] {
    display: flex
}

.news-grid__heading--dark[data-v-017355a4] {
    color: #fff
}

.news-grid__heading--light[data-v-017355a4] {
    color: #212121
}

.news-grid__heading--club[data-v-017355a4] {
    color: #fff
}

@media screen and (min-width:760px) {
    .news-grid__wrap[data-v-017355a4] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch
    }
}

.news-grid__first-item[data-v-017355a4] {
    margin: 0 0 24px;
    height: 360px
}

@media screen and (min-width:760px) {
    .news-grid__first-item[data-v-017355a4] {
        max-width: 50% !important;
        min-width: 50% !important;
        margin: 0 24px 0 0 !important;
        height: auto
    }
}

.news-grid__items[data-v-017355a4] {
    flex-grow: 1;
    margin: 8px 0 0
}

@media screen and (min-width:760px) {
    .news-grid__items[data-v-017355a4] {
        margin: 0
    }
}

.news-grid__grid-promo[data-v-017355a4] {
    display: none
}

.news-grid__link[data-v-017355a4] {
    margin: 16px auto 0
}

@media screen and (min-width:1440px) {
    .news-grid__link[data-v-017355a4] {
        margin-top: 24px
    }
}

</style >
<style type="text/css" >
.category-menu[data-v-5ae1e166] {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: nowrap;
    padding: 16px 16px 2px;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    background-color: #480024;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.16)
}

.category-menu[data-v-5ae1e166]:after {
    content: "";
    display: block;
    min-width: 64px;
    height: 10px
}

.category-menu__link[data-v-5ae1e166] {
    display: block;
    padding: 0 0 4px;
    margin: 0 24px 8px 0;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    line-height: 1;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    border-bottom: 3px solid transparent
}

    .category-menu__link[data-v-5ae1e166]:hover {
        color: #fff
    }

.category-menu__link.nuxt-link-active[data-v-5ae1e166] {
    color: #fff;
    font-weight: 700;
    border-bottom: 3px solid #94bee5
}

@media screen and (min-width:1024px) {
    .category-menu[data-v-5ae1e166] {
        padding: 16px 64px 2px
    }

    .category-menu__link[data-v-5ae1e166] {
        margin: 0 32px 4px 0
    }
}

</style >
<style type="text/css" >
.article-card[data-v-5bc55dd0] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    overflow: hidden;
    background: #3c3c3c;
    border: 0;
    border-radius: 16px;
    transition: box-shadow 1.2s cubic-bezier(.23,1.25,.46,1);
    transform: translateZ(0)
}

.article-card[data-v-5bc55dd0]:hover {
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgba(60,60,60,.15)
}

.article-card:hover .article-card__cover-image[data-v-5bc55dd0] {
    transform: scale(1.07)
}

.article-card__wrap[data-v-5bc55dd0] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    padding-bottom: 75%
}

.article-card__cover-image[data-v-5bc55dd0] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.01);
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1)
}

.article-card__inner[data-v-5bc55dd0] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    padding: 16px;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.article-card__meta[data-v-5bc55dd0] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    line-height: 1
}

.article-card__date[data-v-5bc55dd0] {
    margin: 10px 0 0;
    font-size: 11px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none;
    white-space: nowrap
}

.article-card__category[data-v-5bc55dd0], .article-card__date[data-v-5bc55dd0] {
    padding: 0;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.article-card__category[data-v-5bc55dd0] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: uppercase
}

.article-card__title[data-v-5bc55dd0] {
    padding: 0;
    margin: 0;
    color: #fff;
    text-transform: none;
    white-space: normal
}

.article-card__icon[data-v-5bc55dd0] {
    position: relative;
    margin: 0 8px 0 0;
    top: 1px;
    height: 16px;
    width: 16px;
    color: #fff
}

</style >
<style type="text/css" >
.article-card[data-v-1d2ee3c0] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border: 1px solid #480024;
    border-radius: 16px;
    transition: box-shadow 1.2s cubic-bezier(.23,1.25,.46,1);
    transform: translateZ(0)
}

.article-card[data-v-1d2ee3c0]:hover {
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgba(60,60,60,.15)
}

.article-card:hover .article-card__highlight-image[data-v-1d2ee3c0] {
    transform: scale(1.07)
}

.article-card__wrap[data-v-1d2ee3c0] {
    flex-direction: row;
    align-items: stretch;
    position: relative
}

.article-card__inner[data-v-1d2ee3c0], .article-card__wrap[data-v-1d2ee3c0] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    text-decoration: none
}

.article-card__inner[data-v-1d2ee3c0] {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    z-index: 3;
    background: #480024
}

@media screen and (min-width:760px) {
    .article-card__inner[data-v-1d2ee3c0] {
        justify-content: flex-start
    }
}

.article-card__highlight-image-wrap[data-v-1d2ee3c0] {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    font-size: 0;
    background: rgba(0,0,0,.02)
}

.article-card__highlight-image[data-v-1d2ee3c0] {
    height: auto;
    width: 100%;
    transform: scale(1.01);
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1),opacity .3s cubic-bezier(.23,1.25,.46,1);
    will-change: transform,opacity;
    opacity: 0
}

.article-card__highlight-image.isLoaded[data-v-1d2ee3c0] {
    opacity: 1
}

.article-card__content[data-v-1d2ee3c0] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px;
    background: #480024
}

.article-card__meta[data-v-1d2ee3c0] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    line-height: 1
}

.article-card__date[data-v-1d2ee3c0] {
    margin: 10px 0 3px;
    font-size: 11px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none;
    white-space: nowrap
}

.article-card__category[data-v-1d2ee3c0], .article-card__date[data-v-1d2ee3c0] {
    padding: 0;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.article-card__category[data-v-1d2ee3c0] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: uppercase
}

.article-card__title[data-v-1d2ee3c0] {
    padding: 0;
    margin: 0;
    color: #fff;
    text-transform: none;
    white-space: normal
}

.article-card__icon[data-v-1d2ee3c0] {
    position: relative;
    margin: 0 8px 0 0;
    top: 1px;
    height: 16px;
    width: 16px;
    color: #fff
}

</style >
<style type="text/css" >
.article-card[data-v-7a560098] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border: 1px solid #efefef;
    border-radius: 16px;
    transition: box-shadow 1.2s cubic-bezier(.23,1.25,.46,1);
    transform: translateZ(0)
}

.article-card[data-v-7a560098]:hover {
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgba(60,60,60,.15)
}

.article-card:hover .article-card__stacker-image[data-v-7a560098] {
    transform: scale(1.07)
}

.article-card__wrap[data-v-7a560098] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    text-decoration: none
}

    .article-card__wrap[data-v-7a560098]:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 9px;
        background: #480024;
        z-index: 100;
        transform: translateY(9px);
        transition: transform 1.2s cubic-bezier(.23,1.25,.46,1);
        will-change: transform
    }

    .article-card__wrap[data-v-7a560098]:hover:before {
        transform: translateY(1px)
    }

.article-card__inner[data-v-7a560098] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    background: #fff
}

@media screen and (min-width:760px) {
    .article-card__inner[data-v-7a560098] {
        justify-content: flex-start
    }
}

.article-card__stacker-image-wrap[data-v-7a560098] {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: rgba(0,0,0,.02);
    font-size: 0
}

.article-card__stacker-image[data-v-7a560098] {
    height: auto;
    width: 100%;
    transform: scale(1.01);
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1),opacity .3s cubic-bezier(.23,1.25,.46,1);
    will-change: transform,opacity;
    opacity: 0
}

.article-card__stacker-image.isLoaded[data-v-7a560098] {
    opacity: 1
}

.article-card__content[data-v-7a560098] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px;
    width: 100%;
    background: #fff
}

.article-card__meta[data-v-7a560098] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    line-height: 1
}

.article-card__date[data-v-7a560098] {
    margin: 10px 0 3px;
    color: #212121;
    font-size: 11px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none;
    white-space: nowrap
}

.article-card__category[data-v-7a560098], .article-card__date[data-v-7a560098] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.article-card__category[data-v-7a560098] {
    margin: 0;
    color: #480024;
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: uppercase
}

.article-card__title[data-v-7a560098] {
    padding: 0;
    margin: 0;
    color: #212121;
    text-transform: none;
    white-space: normal
}

.article-card__icon[data-v-7a560098] {
    position: relative;
    margin: 0 8px 0 0;
    top: 1px;
    height: 16px;
    width: 16px;
    color: #480024
}

</style >
<style type="text/css" >
.mobile[data-v-b75afc34] {
    display: block
}

@media screen and (min-width:760px) {
    .mobile[data-v-b75afc34] {
        display: none !important
    }
}

@media screen and (max-width:759px) {
    .desktop[data-v-b75afc34] {
        display: none !important
    }
}

@media screen and (min-width:760px) {
    .desktop[data-v-b75afc34] {
        display: block
    }
}

@media screen and (max-width:759px) {
    .linear-overlay[data-v-b75afc34]:before {
        display: none
    }
}

.article-card[data-v-b75afc34] {
    overflow: hidden;
    border: 0;
    transform: translateZ(0)
}

@media screen and (min-width:760px) {
    .article-card[data-v-b75afc34] {
        border-radius: 16px;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: flex-start;
        background: #3c3c3c
    }
}

.article-card[data-v-b75afc34]:hover {
    cursor: pointer
}

.article-card:hover .article-card__cover-image[data-v-b75afc34] {
    transform: scale(1.07)
}

.article-card__wrap[data-v-b75afc34] {
    width: 100%;
    position: relative;
    text-decoration: none
}

@media screen and (min-width:760px) {
    .article-card__wrap[data-v-b75afc34] {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: flex-start;
        padding-bottom: 56.25%
    }
}

.article-card__cover-image[data-v-b75afc34] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1.01);
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1)
}

.article-card__cover-image.mobile[data-v-b75afc34] {
    position: static;
    width: 100%;
    height: 100%
}

.article-card__cover-image-container[data-v-b75afc34] {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 16px
}

.article-card__inner[data-v-b75afc34] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    padding: 16px;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.article-card__inner.mobile[data-v-b75afc34] {
    justify-content: flex-start;
    position: relative;
    padding: 0;
    min-height: 80px
}

.article-card__meta[data-v-b75afc34] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    line-height: 1
}

.article-card__date[data-v-b75afc34] {
    margin: 10px 0 0;
    padding: 0;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 11px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none;
    white-space: nowrap;
    position: absolute;
    bottom: 0
}

@media screen and (min-width:760px) {
    .article-card__date[data-v-b75afc34] {
        position: relative
    }
}

.article-card__category[data-v-b75afc34] {
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: uppercase
}

.article-card__title[data-v-b75afc34] {
    padding: 0;
    margin: 0;
    color: #fff;
    text-transform: none
}

.article-card__icon[data-v-b75afc34] {
    position: relative;
    margin: 0 8px 0 0;
    top: 1px;
    height: 16px;
    width: 16px;
    color: #fff
}

@media screen and (max-width:759px) {
    .article-card--light .article-card__title[data-v-b75afc34] {
        color: #15000b
    }

    .article-card--light .article-card__category[data-v-b75afc34], .article-card--light .article-card__date[data-v-b75afc34], .article-card--light .article-card__icon[data-v-b75afc34] {
        color: #2f0017
    }

    .article-card--dark .article-card__title[data-v-b75afc34] {
        color: #fff
    }

    .article-card--dark .article-card__category[data-v-b75afc34], .article-card--dark .article-card__date[data-v-b75afc34], .article-card--dark .article-card__icon[data-v-b75afc34] {
        color: #7b003e
    }

    .article-card--club .article-card__title[data-v-b75afc34] {
        color: #fff
    }

    .article-card--club .article-card__category[data-v-b75afc34], .article-card--club .article-card__date[data-v-b75afc34], .article-card--club .article-card__icon[data-v-b75afc34] {
        color: #7b003e
    }
}

</style >
<style type="text/css" >
.article-card[data-v-8ac88164] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    transition: box-shadow 1.2s cubic-bezier(.23,1.25,.46,1);
    transform: translateZ(0)
}

.article-card[data-v-8ac88164]:hover {
    cursor: pointer
}

.article-card:hover .article-card__highlight-image[data-v-8ac88164] {
    transform: scale(1.07)
}

.article-card__wrap[data-v-8ac88164] {
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    position: relative
}

.article-card__inner[data-v-8ac88164], .article-card__wrap[data-v-8ac88164] {
    display: flex;
    width: 100%;
    text-decoration: none
}

.article-card__inner[data-v-8ac88164] {
    flex-direction: column;
    align-items: center;
    text-align: left;
    z-index: 3
}

@media screen and (min-width:640px) {
    .article-card__inner[data-v-8ac88164] {
        justify-content: space-between;
        flex-direction: row
    }
}

@media screen and (min-width:1024px) {
    .article-card__inner[data-v-8ac88164] {
        padding: 8px;
        padding: 16px
    }
}

.article-card__highlight-image-wrap[data-v-8ac88164] {
    overflow: hidden;
    font-size: 0;
    position: relative;
    border-radius: 16px;
    order: -1;
    margin-bottom: 16px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0)
}

@media screen and (min-width:640px) {
    .article-card__highlight-image-wrap[data-v-8ac88164] {
        order: unset;
        margin-bottom: 0;
        flex: 0 0 54%
    }
}

@media screen and (min-width:760px) {
    .article-card__highlight-image-wrap[data-v-8ac88164] {
        flex: 0 0 57.2%
    }
}

@media screen and (min-width:1024px) {
    .article-card__highlight-image-wrap[data-v-8ac88164] {
        flex: 0 0 63.1%
    }
}

.article-card__highlight-image[data-v-8ac88164] {
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1),opacity .3s cubic-bezier(.23,1.25,.46,1);
    will-change: transform,opacity;
    opacity: 0;
    height: auto;
    width: 100%
}

    .article-card__highlight-image[data-v-8ac88164]:hover {
        transform: scale(1.07)
    }

.article-card__highlight-image.isLoaded[data-v-8ac88164] {
    opacity: 1
}

.article-card__content[data-v-8ac88164] {
    position: relative;
    width: 100%;
    min-height: 80px
}

@media screen and (min-width:640px) {
    .article-card__content[data-v-8ac88164] {
        margin-right: 8px;
        flex: 0 0 41.5%;
        min-height: 52.08%
    }
}

@media screen and (min-width:760px) {
    .article-card__content[data-v-8ac88164] {
        margin-right: 16px;
        flex: 0 0 37%
    }
}

@media screen and (min-width:1024px) {
    .article-card__content[data-v-8ac88164] {
        margin-right: 16px;
        flex: 0 0 33%
    }
}

.article-card__meta[data-v-8ac88164] {
    margin-bottom: 8px;
    line-height: 1;
    display: flex;
    align-items: center
}

@media screen and (min-width:760px) {
    .article-card__meta[data-v-8ac88164] {
        margin-bottom: 16px
    }
}

.article-card__date[data-v-8ac88164] {
    font-size: 11px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none;
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap
}

.article-card__category[data-v-8ac88164], .article-card__date[data-v-8ac88164] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.article-card__category[data-v-8ac88164] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: uppercase
}

.article-card__title[data-v-8ac88164] {
    padding: 0;
    text-transform: none;
    margin: 0 0 24px
}

@media screen and (min-width:760px) {
    .article-card__title[data-v-8ac88164] {
        font-size: 32px
    }
}

@media screen and (min-width:1440px) {
    .article-card__title[data-v-8ac88164] {
        font-size: 48px
    }
}

.article-card__icon[data-v-8ac88164] {
    position: relative;
    margin: 0 8px 0 0;
    top: 1px;
    height: 16px;
    width: 16px
}

.article-card--light .article-card__title[data-v-8ac88164] {
    color: #15000b
}

.article-card--light .article-card__category[data-v-8ac88164], .article-card--light .article-card__date[data-v-8ac88164], .article-card--light .article-card__icon[data-v-8ac88164] {
    color: #2f0017
}

.article-card--dark .article-card__title[data-v-8ac88164] {
    color: #fff
}

.article-card--dark .article-card__category[data-v-8ac88164], .article-card--dark .article-card__date[data-v-8ac88164], .article-card--dark .article-card__icon[data-v-8ac88164] {
    color: #7b003e
}

.article-card--club .article-card__title[data-v-8ac88164] {
    color: #fff
}

.article-card--club .article-card__category[data-v-8ac88164], .article-card--club .article-card__date[data-v-8ac88164], .article-card--club .article-card__icon[data-v-8ac88164] {
    color: #7b003e
}

</style >
<style type="text/css" >
.article-card[data-v-23f27aba] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    transition: box-shadow 1.2s cubic-bezier(.23,1.25,.46,1);
    transform: translateZ(0)
}

.article-card[data-v-23f27aba]:hover {
    cursor: pointer
}

.article-card:hover .article-card__stacker-image[data-v-23f27aba] {
    transform: scale(.107)
}

.article-card__wrap[data-v-23f27aba] {
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    position: relative
}

.article-card__inner[data-v-23f27aba], .article-card__wrap[data-v-23f27aba] {
    display: flex;
    width: 100%;
    text-decoration: none
}

.article-card__inner[data-v-23f27aba] {
    text-align: left;
    z-index: 3
}

.article-card__stacker-image-wrap[data-v-23f27aba] {
    align-self: center;
    overflow: hidden;
    flex: 0 0 25%;
    height: 0;
    padding-bottom: 25%;
    font-size: 0;
    position: relative;
    border-radius: 16px;
    -webkit-mask-image: -webkit-radial-gradient(#fff,#000)
}

.article-card__stacker-image[data-v-23f27aba] {
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1),opacity .3s cubic-bezier(.23,1.25,.46,1);
    will-change: transform,opacity;
    opacity: 0;
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: -10000%;
    right: -10000%;
    bottom: -10000%;
    left: -10000%;
    min-width: 1000%;
    min-height: 1000%;
    transform: scale(.1);
    margin: auto;
    transition: .3s
}

    .article-card__stacker-image[data-v-23f27aba]:hover {
        transform: scale(.107)
    }

.article-card__stacker-image.isLoaded[data-v-23f27aba] {
    opacity: 1
}

.article-card__content[data-v-23f27aba] {
    padding-right: 0;
    margin-right: 8px;
    position: relative;
    width: 100%;
    flex: 0 0 calc(75% - 8px)
}

@media screen and (min-width:760px) {
    .article-card__content[data-v-23f27aba] {
        flex: 0 0 calc(75% - 16px);
        margin-right: 16px
    }
}

.article-card__meta[data-v-23f27aba] {
    margin-bottom: 8px;
    line-height: 1;
    display: flex;
    align-items: center
}

.article-card__date[data-v-23f27aba] {
    font-size: 11px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none;
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap
}

.article-card__category[data-v-23f27aba], .article-card__date[data-v-23f27aba] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.article-card__category[data-v-23f27aba] {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: uppercase
}

.article-card__title[data-v-23f27aba] {
    padding: 0;
    text-transform: none;
    margin: 0 0 28px
}

@media screen and (max-width:370px) {
    .article-card__title[data-v-23f27aba] {
        font-size: 13px
    }
}

.article-card__icon[data-v-23f27aba] {
    position: relative;
    margin: 0 8px 0 0;
    top: 1px;
    height: 16px;
    width: 16px
}

.article-card--light .article-card__title[data-v-23f27aba] {
    color: #15000b
}

.article-card--light .article-card__category[data-v-23f27aba], .article-card--light .article-card__date[data-v-23f27aba], .article-card--light .article-card__icon[data-v-23f27aba] {
    color: #2f0017
}

.article-card--dark .article-card__title[data-v-23f27aba] {
    color: #fff
}

.article-card--dark .article-card__category[data-v-23f27aba], .article-card--dark .article-card__date[data-v-23f27aba], .article-card--dark .article-card__icon[data-v-23f27aba] {
    color: #7b003e
}

.article-card--club .article-card__title[data-v-23f27aba] {
    color: #fff
}

.article-card--club .article-card__category[data-v-23f27aba], .article-card--club .article-card__date[data-v-23f27aba], .article-card--club .article-card__icon[data-v-23f27aba] {
    color: #7b003e
}

</style >
<style type="text/css" >
.container[data-v-1198405a] {
    background-color: #fafafa
}

.container.no-hero[data-v-1198405a] {
    padding-top: 48px
}

@media screen and (min-width:760px) {
    .container.no-hero[data-v-1198405a] {
        padding-top: 64px
    }
}

@media screen and (min-width:1024px) {
    .container.no-hero[data-v-1198405a] {
        padding-top: 64px
    }
}

.news-advert[data-v-1198405a] {
    margin-top: 32px;
    margin-top: var(--content_spacing--small,32px)
}

@media screen and (min-width:1024px) {
    .news-advert[data-v-1198405a] {
        margin-top: 48px;
        margin-top: var(--content_spacing--large,48px)
    }
}

.news-hero[data-v-1198405a] {
    width: 100%
}

.news-hero .news-items--grid[data-v-1198405a], .news-hero .news-items--stacker[data-v-1198405a] {
    padding-top: 72px
}

@media screen and (min-width:760px) {
    .news-hero .news-items--grid[data-v-1198405a], .news-hero .news-items--stacker[data-v-1198405a] {
        padding-top: 88px
    }
}

@media screen and (min-width:1024px) {
    .news-hero .news-items--grid[data-v-1198405a], .news-hero .news-items--stacker[data-v-1198405a] {
        padding-top: 112px
    }
}

.news-items--grid[data-v-1198405a] {
    display: none
}

.news-items--stacker[data-v-1198405a] {
    display: block
}

@media screen and (min-width:1024px) {
    .news-items--grid[data-v-1198405a] {
        display: block
    }

    .news-items--stacker[data-v-1198405a] {
        display: none
    }
}

.news-item-enter-active[data-v-1198405a], .news-item-leave-active[data-v-1198405a] {
    transition: opacity .5s .3s,transform .5s .3s
}

.news-item-enter[data-v-1198405a], .news-item-leave-to[data-v-1198405a] {
    opacity: 0;
    transform: translateY(60px)
}

.recent-news[data-v-1198405a] {
    padding-top: 32px;
    padding-top: var(--content_spacing--small,32px);
    padding-bottom: 32px;
    padding-bottom: var(--content_spacing--small,32px);
    width: 100%
}

@media screen and (min-width:1024px) {
    .recent-news[data-v-1198405a] {
        padding-top: 48px;
        padding-top: var(--content_spacing--large,48px);
        padding-bottom: 48px;
        padding-bottom: var(--content_spacing--large,48px)
    }
}

.recent-news__heading[data-v-1198405a] {
    color: #212121
}

.recent-news__listing[data-v-1198405a] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 16px);
    padding: 0;
    margin: 0 0 0 -8px
}

.recent-news__listing-item[data-v-1198405a] {
    margin: 0 8px 16px;
    min-width: calc(100% - 16px);
    max-width: calc(100% - 16px)
}

@media screen and (min-width:760px) {
    .recent-news__listing-item[data-v-1198405a] {
        max-width: calc(50% - 16px);
        min-width: calc(50% - 16px)
    }
}

@media screen and (min-width:1024px) {
    .recent-news__listing-item[data-v-1198405a] {
        max-width: calc(33.33% - 16px);
        min-width: calc(33.33% - 16px)
    }
}

.button-slice--news-top[data-v-1198405a] {
    margin: 0 auto 16px
}

.button-slice--news-bottom[data-v-1198405a] {
    margin: 8px auto 0
}

</style >
<style type="text/css" >
.competition-filters[data-v-4e0f4090] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 8px 0;
    margin: 0 -16px;
    width: calc(100% + 32px);
    background: #fff;
    border-top: none
}

@media screen and (min-width:1024px) {
    .competition-filters[data-v-4e0f4090] {
        padding: 0 0 8px;
        margin: 0;
        width: auto;
        background: transparent;
        border-top: none
    }
}

.competition-filter[data-v-4e0f4090] {
    position: relative;
    display: block;
    width: 50%;
    border-left: 1px solid #e8e8e8
}

@media screen and (min-width:1024px) {
    .competition-filter[data-v-4e0f4090] {
        width: auto;
        margin: 0 0 0 32px;
        border-left: 0
    }
}

.competition-filter[data-v-4e0f4090]:first-child {
    border-left: 0
}

.competition-filter--seasons[data-v-4e0f4090] {
    min-width: 60px
}

.competition-filter__fake-label[data-v-4e0f4090] {
    display: none;
    padding: 0;
    margin: 0 0 4px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none
}

@media screen and (min-width:1024px) {
    .competition-filter__fake-label[data-v-4e0f4090] {
        display: block
    }
}

.competition-filter__button[data-v-4e0f4090] {
    position: relative;
    display: block;
    padding: 8px 16px;
    margin: 0;
    color: #480024;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    text-transform: none;
    background: transparent;
    border: 0;
    outline: none
}

@media screen and (min-width:1024px) {
    .competition-filter__button[data-v-4e0f4090] {
        padding: 0 16px 0 0;
        color: #fff;
        font-size: 16px;
        text-align: left
    }
}

.competition-filter__dropdown[data-v-4e0f4090] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 2;
    font-size: 16px
}

.competition-filter__icon[data-v-4e0f4090] {
    transform: translateY(.2em) rotate(-90deg);
    color: #480024;
    height: 1em;
    width: 1em
}

@media screen and (min-width:1024px) {
    .competition-filter__icon[data-v-4e0f4090] {
        position: absolute;
        top: 45%;
        right: -8px;
        transform: translateY(-50%) rotate(-90deg);
        color: #fff
    }
}

.ecal-button--small[data-v-4e0f4090] {
    display: inline-flex;
    position: relative;
    top: 0;
    right: 0;
    margin: 0 8px 0 auto
}

@media screen and (min-width:1024px) {
    .ecal-button--small[data-v-4e0f4090] {
        display: none
    }
}

.ecal-button--large[data-v-4e0f4090] {
    display: none
}

@media screen and (min-width:1024px) {
    .ecal-button--large[data-v-4e0f4090] {
        display: inline-flex;
        margin: 0 0 0 32px
    }
}

.ecal-button__icon[data-v-4e0f4090] {
    margin: 0 8px 0 0;
    width: 16px
}

</style >
<style type="text/css" >
.matches-sponsor[data-v-0ce60d21] {
    height: 32px;
    margin-left: 24px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #fff;
    border-left: 1px solid;
    border-color: #fff
}

@media screen and (min-width:760px) {
    .matches-sponsor[data-v-0ce60d21] {
        height: 48px;
        margin-left: 24px
    }
}

.matches-sponsor__text[data-v-0ce60d21] {
    padding-right: 8px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 10px;
    font-weight: 400;
    text-transform: none;
    text-align: center
}

@media screen and (min-width:760px) {
    .matches-sponsor__text[data-v-0ce60d21] {
        font-size: 12px
    }
}

.matches-sponsor__link-wrapper[data-v-0ce60d21] {
    height: 100%;
    display: flex
}

.matches-sponsor__logo[data-v-0ce60d21] {
    height: 100%;
    width: auto
}

</style >
<style type="text/css" >
.squad-hero[data-v-1f5b7299] {
    width: 100%;
    padding-top: 72px;
    background-color: #480024;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1)
}

@media screen and (min-width:760px) {
    .squad-hero[data-v-1f5b7299] {
        padding-top: 88px
    }
}

@media screen and (min-width:1024px) {
    .squad-hero[data-v-1f5b7299] {
        padding-top: 112px
    }
}

.squad-hero__inner[data-v-1f5b7299] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start
}

    .squad-hero__inner[data-v-1f5b7299]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

@media screen and (min-width:1024px) {
    .squad-hero__inner[data-v-1f5b7299]:after {
        left: 64px;
        right: 64px
    }
}

.squad-hero__heading-wrapper[data-v-1f5b7299] {
    display: flex;
    align-items: center
}

.squad-hero__heading[data-v-1f5b7299] {
    margin: 0;
    color: #fff;
    color: var(--header_text_color,#fff);
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: none;
    text-transform: var(--heading_text_transform,none)
}

.squad-hero__nav[data-v-1f5b7299] {
    padding: 20px 0 0;
    width: 100%
}

.squad-hero__footer[data-v-1f5b7299] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%
}

@media screen and (min-width:1024px) {
    .squad-hero__footer[data-v-1f5b7299] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end
    }
}

</style >
<style type="text/css" >
.team-list[data-v-98600daa] {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    width: 100%
}

.team-list__list-item[data-v-98600daa] {
    padding: 0 0 4px;
    margin: 4px 20px 0 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-decoration: none;
    text-transform: none;
    text-transform: var(--heading_text_transform,none);
    line-height: 1;
    white-space: nowrap;
    background: none;
    border: 0;
    cursor: pointer;
    outline: none
}

    .team-list__list-item[data-v-98600daa], .team-list__list-item--active[data-v-98600daa], .team-list__list-item[data-v-98600daa]:hover {
        color: #fff;
        color: var(--header_text_color,#fff)
    }

.team-list__list-item--active[data-v-98600daa] {
    font-weight: 700;
    border-bottom: 3px solid
}

@keyframes slide_in-98600daa {
    0% {
        opacity: 0;
        transform: translateY(-16px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade_in-98600daa {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

</style >
<style type="text/css" >
.tab-headers[data-v-79ebdc0c] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 32px 0 0;
    margin: var(--content_spacing--small,32px) 0 0
}

@media screen and (min-width:1024px) {
    .tab-headers[data-v-79ebdc0c] {
        margin: 48px 0 0;
        margin: var(--content_spacing--large,48px) 0 0
    }
}

.tab-headers__link[data-v-79ebdc0c] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-size: var(--body_text_size--small,16px);
    font-weight: 700;
    text-transform: uppercase;
    color: #aaa;
    background: #fafafa;
    padding: 0 24px 16px;
    position: relative;
    cursor: pointer
}

@media screen and (min-width:450px) {
    .tab-headers__link[data-v-79ebdc0c] {
        padding: 0 32px 16px
    }
}

.tab-headers__link[data-v-79ebdc0c]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 2px;
    background: #e8e8e8
}

.tab-headers__link--is-active[data-v-79ebdc0c] {
    background: #fafafa;
    color: #480024
}

    .tab-headers__link--is-active[data-v-79ebdc0c]:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 4px;
        background: #480024
    }

.tab-headers-alt[data-v-79ebdc0c] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 32px 0 16px;
    margin: var(--content_spacing--small,32px) 0 16px
}

@media screen and (min-width:1024px) {
    .tab-headers-alt[data-v-79ebdc0c] {
        margin: 48px 0 16px;
        margin: var(--content_spacing--large,48px) 0 16px
    }
}

.tab-headers-alt__link[data-v-79ebdc0c] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-size: var(--body_text_size--small,16px);
    font-weight: 700;
    text-transform: uppercase;
    color: #aaa;
    background: #fafafa;
    padding: 16px 24px;
    position: relative;
    cursor: pointer
}

@media screen and (min-width:760px) {
    .tab-headers-alt__link[data-v-79ebdc0c] {
        padding: 16px 32px
    }
}

.tab-headers-alt__link[data-v-79ebdc0c]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: #e8e8e8
}

.tab-headers-alt__link--is-active[data-v-79ebdc0c] {
    color: #480024
}

    .tab-headers-alt__link--is-active[data-v-79ebdc0c]:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -2px;
        height: 4px;
        background: #480024
    }

</style >
<style type="text/css" >
.hide-on-small[data-v-517afb7b] {
    display: none
}

@media screen and (min-width:760px) {
    .hide-on-small[data-v-517afb7b] {
        display: table-cell
    }
}

.full-table[data-v-517afb7b] {
    margin-top: 32px
}

.full-table__header[data-v-517afb7b] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.full-table__toggle-wrapper[data-v-517afb7b] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 8px auto
}

.full-table__toggle-label[data-v-517afb7b] {
    margin-right: .5em;
    color: #3c3c3c;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none
}

.full-table__toggle[data-v-517afb7b] {
    position: relative;
    display: block;
    height: 26px;
    width: 49px;
    border: 2px solid #480024;
    border-radius: 40px;
    background-color: #fafafa;
    margin: 0
}

    .full-table__toggle[data-v-517afb7b]:before {
        content: "";
        position: absolute;
        display: block;
        top: 2px;
        left: 25px;
        height: 17px;
        width: 16px;
        background-color: #480024;
        border-radius: 50%;
        transition: left .3s ease-in-out
    }

.full-table__toggle.is-hometeam[data-v-517afb7b]:before {
    left: 3px
}

@media screen and (min-width:760px) {
    .full-table__toggle[data-v-517afb7b] {
        display: none
    }
}

.full-table__heading-wrapper[data-v-517afb7b] {
    width: 100%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (min-width:1024px) {
    .full-table__heading-wrapper[data-v-517afb7b] {
        width: auto;
        padding: 0
    }
}

.full-table__icon-wrapper[data-v-517afb7b] {
    display: flex;
    align-items: center;
    padding: 8px 0 16px
}

.full-table__competition[data-v-517afb7b] {
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: .4
}

.full-table__competition--crest[data-v-517afb7b] {
    width: 64px;
    height: 64px
}

.full-table__competition--pill[data-v-517afb7b] {
    height: 30px;
    width: 230px
}

.full-table__competition.is-active[data-v-517afb7b] {
    opacity: 1
}

.full-table__icon-text[data-v-517afb7b] {
    padding: 0 0 8px;
    margin: 0 16px;
    color: #aaa;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: uppercase;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

.full-table__icon-text.is-active[data-v-517afb7b] {
    color: #212121;
    font-weight: 700
}

.full-table__no-data[data-v-517afb7b] {
    margin: 32px auto 64px;
    text-align: center
}

.full-table__loader[data-v-517afb7b] {
    color: #fff;
    font-size: 5px
}

.table[data-v-517afb7b] {
    width: 100%;
    padding-bottom: 16px;
    text-align: left
}

@media screen and (min-width:1024px) {
    .table[data-v-517afb7b] {
        padding: 0 0 24px
    }
}

.table th[data-v-517afb7b] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-size: var(--body_text_size--small,16px);
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    color: #212121;
    text-transform: none;
    text-transform: var(--heading_text_transform,none);
    border-top: 2px solid #000;
    border-bottom: 2px solid #000
}

@media screen and (min-width:1024px) {
    .table th[data-v-517afb7b] {
        font-size: 16px;
        font-size: var(--body_text_size--small,16px)
    }
}

.table tr[data-v-517afb7b]:hover {
    background-color: #94bee5
}

.table tr:hover td[data-v-517afb7b] {
    color: #fff
}

.table tr:last-child td[data-v-517afb7b] {
    border-bottom: 0
}

.table tr:hover .table__team-crest[data-v-517afb7b] {
    display: none
}

.table tr:hover .table__team-crest--hover[data-v-517afb7b] {
    display: block
}

.table td[data-v-517afb7b] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #212121;
    text-transform: uppercase;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.table__odd-row[data-v-517afb7b] {
    background-color: #fafafa
}

.table__even-row[data-v-517afb7b] {
    background-color: #efefef
}

.table__highlight[data-v-517afb7b] {
    background-color: #480024
}

.table__highlight td[data-v-517afb7b] {
    color: #fff;
    font-weight: 700
}

.table__before-divider td[data-v-517afb7b] {
    border-bottom: 0
}

.table__row-divider[data-v-517afb7b] {
    border-bottom: 1px dashed #000 !important;
    padding: 0
}

.table__team-header[data-v-517afb7b] {
    text-align: left;
    padding: 12px 0
}

.table__item-header[data-v-517afb7b] {
    padding: 12px 0;
    text-align: center
}

.table__form-header[data-v-517afb7b] {
    padding: 12px 0 12px 12px
}

@media screen and (min-width:1024px) {
    .table__form-header[data-v-517afb7b] {
        padding-left: 24px
    }
}

@media screen and (min-width:1440px) {
    .table__form-header[data-v-517afb7b] {
        padding-left: 40px
    }
}

.table__position[data-v-517afb7b] {
    min-width: 30px;
    padding: 12px 0;
    text-align: center;
    font-size: 12px
}

@media screen and (min-width:1024px) {
    .table__position[data-v-517afb7b] {
        min-width: 40px;
        padding: 12px 0
    }
}

.table__stat[data-v-517afb7b] {
    min-width: 40px;
    padding: 12px 0;
    font-size: 16px;
    font-size: var(--body_text_size--small,16px);
    text-align: center
}

@media screen and (min-width:1024px) {
    .table__stat[data-v-517afb7b] {
        min-width: 60px;
        padding: 12px 0;
        font-size: 16px;
        font-size: var(--body_text_size--small,16px)
    }
}

@media screen and (min-width:1440px) {
    .table__stat[data-v-517afb7b] {
        min-width: 80px
    }
}

.table__team-name[data-v-517afb7b] {
    width: 100%;
    padding: 12px 24px 12px 0;
    font-size: 14px
}

.table__team-name-inner[data-v-517afb7b] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-size: var(--body_text_size--small,16px)
}

@media screen and (min-width:1024px) {
    .table__team-name-inner[data-v-517afb7b] {
        font-size: 16px;
        font-size: var(--body_text_size--small,16px)
    }
}

.table__team-crest[data-v-517afb7b] {
    display: block
}

.table__team-crest[data-v-517afb7b], .table__team-crest--hover[data-v-517afb7b] {
    margin: 0 8px 0 0;
    height: 16px;
    width: 16px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.table__team-crest--hover[data-v-517afb7b] {
    display: none
}

.table__form[data-v-517afb7b] {
    padding: 12px 0
}

.table__form-inner[data-v-517afb7b] {
    width: 80px;
    margin-left: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

@media screen and (min-width:760px) {
    .table__form-inner[data-v-517afb7b] {
        width: 120px
    }
}

@media screen and (min-width:1024px) {
    .table__form-inner[data-v-517afb7b] {
        margin-left: 24px
    }
}

@media screen and (min-width:1440px) {
    .table__form-inner[data-v-517afb7b] {
        margin-left: 40px
    }
}

.table__form-item[data-v-517afb7b] {
    display: block;
    height: 8px;
    width: 8px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 8px
}

@media screen and (min-width:760px) {
    .table__form-item[data-v-517afb7b] {
        height: 16px;
        width: 16px
    }
}

.table__form-item.win[data-v-517afb7b] {
    background-color: #77a64b
}

.table__form-item.loss[data-v-517afb7b] {
    background-color: #fe0000
}

.table__form-item.draw[data-v-517afb7b] {
    background-color: #aaa
}

.table__update[data-v-517afb7b] {
    font-size: 12px
}

.custom-image[data-v-517afb7b] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 100%;
    padding-bottom: 56%
}

</style >
<style type="text/css" >
.location[data-v-02dca067] {
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #565656;
    text-transform: none
}

@media screen and (min-width:760px) {
    .location[data-v-02dca067] {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center;
        padding: 16px 24px;
        font-size: 16px;
        font-weight: 400;
        font-weight: var(--body_text_weight,400);
        color: #565656;
        text-transform: none
    }

        .location[data-v-02dca067]:before {
            content: "";
            background-color: #d8d8d8;
            width: 1px;
            position: absolute;
            top: 16px;
            right: 0;
            bottom: 16px
        }
}

@media screen and (min-width:760px) {
    .location__label--desktop[data-v-02dca067] {
        display: none
    }
}

</style >
<style type="text/css" >
.match-card__time-wrapper[data-v-062e7d58] {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media screen and (min-width:760px) {
    .match-card__time-wrapper[data-v-062e7d58] {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100px
    }
}

.match-card__time[data-v-062e7d58] {
    margin-right: 8px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    color: #212121;
    line-height: 1
}

@media screen and (min-width:760px) {
    .match-card__time[data-v-062e7d58] {
        margin-bottom: 4px;
        font-size: 21px
    }
}

.match-card__date[data-v-062e7d58] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 500;
    color: #565656;
    white-space: nowrap;
    line-height: 1
}

@media screen and (min-width:760px) {
    .match-card__date[data-v-062e7d58] {
        font-size: 16px
    }
}

</style >
<style type="text/css" >
.opposition-crest[data-v-8848c93a] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: auto 8px auto 0;
    padding: 0
}

.opposition-crest__crest[data-v-8848c93a] {
    position: relative;
    display: block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    border: 0;
    z-index: 1
}

@media screen and (min-width:450px) {
    .opposition-crest__crest[data-v-8848c93a] {
        height: 48px;
        width: 48px
    }
}

@media screen and (min-width:760px) {
    .opposition-crest[data-v-8848c93a] {
        margin: 0 16px 0 0
    }
}

@media screen and (min-width:1024px) {
    .opposition-crest__crest[data-v-8848c93a] {
        height: 56px;
        width: 56px
    }
}

</style >
<style type="text/css" >
.opposition-card[data-v-e2da16b6] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 0 18px;
    margin: 0 auto 0 0;
    background-color: transparent
}

.opposition-card__team[data-v-e2da16b6] {
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    line-height: 1;
    text-align: left;
    text-transform: none;
    text-transform: var(--heading_text_transform,none)
}

.opposition-card__team--short[data-v-e2da16b6] {
    display: block
}

.opposition-card__team--long[data-v-e2da16b6] {
    display: none
}

.opposition-card__team-info[data-v-e2da16b6] {
    padding-right: 40px;
    width: 100%
}

.opposition-card__venue[data-v-e2da16b6] {
    margin: 4px 0 0;
    color: #565656;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    line-height: 1;
    text-transform: none
}

@media screen and (min-width:760px) {
    .opposition-card__team[data-v-e2da16b6] {
        font-size: 21px
    }

    .opposition-card__team--short[data-v-e2da16b6] {
        display: none
    }

    .opposition-card__team--long[data-v-e2da16b6] {
        display: block
    }

    .opposition-card__venue[data-v-e2da16b6] {
        margin: 4px 0 0;
        color: #565656;
        font-size: 16px
    }
}

</style >
<style type="text/css" >
.fixture-card-row[data-v-0bffd803] {
    justify-content: center;
    padding: 0 8px;
    background-color: transparent
}

.fixture-card-row[data-v-0bffd803], .fixture-card-row__match[data-v-0bffd803] {
    flex-direction: row;
    align-items: center;
    width: 100%
}

.fixture-card-row__match[data-v-0bffd803] {
    display: flex
}

.fixture-card-row__away[data-v-0bffd803], .fixture-card-row__home[data-v-0bffd803] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 50%
}

.fixture-card-row__home[data-v-0bffd803] {
    justify-content: flex-end;
    padding-right: 8px;
    text-align: right
}

.fixture-card-row__away[data-v-0bffd803] {
    justify-content: flex-start;
    padding-left: 8px;
    text-align: left;
    border-left: 1px solid #e8e8e8
}

.fixture-card-row__crest[data-v-0bffd803] {
    display: block;
    margin: auto 8px;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    border: 0
}

.fixture-card-row__team[data-v-0bffd803] {
    color: #aaa;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    line-height: 1.1;
    text-transform: none;
    text-transform: var(--heading_text_transform,none)
}

@media screen and (min-width:450px) {
    .fixture-card-row__team[data-v-0bffd803] {
        font-size: 16px
    }
}

.fixture-card-row__team.is-club[data-v-0bffd803] {
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    line-height: 1.1;
    text-transform: none;
    text-transform: var(--heading_text_transform,none)
}

@media screen and (min-width:450px) {
    .fixture-card-row__team.is-club[data-v-0bffd803] {
        font-size: 16px
    }
}

.fixture-card-row__score[data-v-0bffd803] {
    width: 20px;
    color: #aaa
}

.fixture-card-row__score[data-v-0bffd803], .fixture-card-row__score.is-club[data-v-0bffd803] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 18px;
    font-weight: 700;
    font-weight: var(--heading_weight,700)
}

.fixture-card-row__score.is-club[data-v-0bffd803] {
    color: #212121
}

@media screen and (min-width:1024px) {
    .fixture-card-row__crest[data-v-0bffd803] {
        margin: 0;
        height: 48px;
        width: 48px
    }

    .fixture-card-row__home[data-v-0bffd803] {
        padding-right: 16px
    }

    .fixture-card-row__away[data-v-0bffd803] {
        padding-left: 16px
    }

    .fixture-card-row__team[data-v-0bffd803] {
        padding: 0 16px;
        font-size: 24px
    }

    .fixture-card-row__team.is-club[data-v-0bffd803] {
        font-size: 24px
    }

    .fixture-card-row__score[data-v-0bffd803] {
        width: 30px;
        font-size: 32px
    }

    .fixture-card-row__score.is-club[data-v-0bffd803] {
        font-size: 32px
    }
}

@media screen and (min-width:1024px) and (min-width:1440px) {
    .fixture-card-row__crest[data-v-0bffd803] {
        height: 64px;
        width: 64px
    }

    .fixture-card-row__score[data-v-0bffd803] {
        width: 40px
    }
}

</style >
<style type="text/css" >
.fixture-card-stack[data-v-3c466c7e] {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 4px;
    margin: 0 auto 0 0;
    width: auto;
    background-color: transparent
}

.fixture-card-stack__match[data-v-3c466c7e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.fixture-card-stack__away[data-v-3c466c7e], .fixture-card-stack__home[data-v-3c466c7e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 50%
}

.fixture-card-stack__home[data-v-3c466c7e] {
    justify-content: flex-end;
    padding-right: 8px;
    text-align: right
}

.fixture-card-stack__away[data-v-3c466c7e] {
    justify-content: flex-start;
    padding-left: 8px;
    text-align: left;
    border-left: 1px solid #e8e8e8
}

.fixture-card-stack__crest[data-v-3c466c7e] {
    display: block;
    margin: 0 16px 0 0;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    border: 0
}

.fixture-card-stack__teams[data-v-3c466c7e] {
    width: 100%
}

.fixture-card-stack__team-row[data-v-3c466c7e] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    margin: 8px 0;
    width: 100%
}

.fixture-card-stack__team[data-v-3c466c7e] {
    line-height: 1.1
}

.fixture-card-stack__team[data-v-3c466c7e], .fixture-card-stack__team.is-club[data-v-3c466c7e] {
    text-transform: none;
    text-transform: var(--heading_text_transform,none)
}

.fixture-card-stack__score[data-v-3c466c7e], .fixture-card-stack__team[data-v-3c466c7e], .fixture-card-stack__team.is-club[data-v-3c466c7e] {
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 700;
    font-weight: var(--heading_weight,700)
}

.fixture-card-stack__score[data-v-3c466c7e] {
    margin-right: 8px;
    width: 24px;
    padding-right: 8px;
    line-height: 1.1;
    text-align: right;
    border-right: 1px solid #aaa
}

.fixture-card-stack__score.is-club[data-v-3c466c7e] {
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 700;
    font-weight: var(--heading_weight,700)
}

@media screen and (min-width:450px) {
    .fixture-card-stack__crest[data-v-3c466c7e] {
        height: 40px;
        width: 40px
    }
}

@media screen and (min-width:760px) {
    .fixture-card-stack__crest[data-v-3c466c7e] {
        height: 64px;
        width: 64px
    }

    .fixture-card-stack__team[data-v-3c466c7e], .fixture-card-stack__team.is-club[data-v-3c466c7e] {
        font-size: 21px
    }

    .fixture-card-stack__score[data-v-3c466c7e] {
        font-size: 21px;
        width: 30px
    }

    .fixture-card-stack__score.is-club[data-v-3c466c7e] {
        font-size: 21px
    }
}

</style >
<style type="text/css" >
.match-cta-block[data-v-c1071216] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 8px 0;
    margin: 10px 0 0;
    list-style: none;
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .match-cta-block[data-v-c1071216] {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        margin: 0;
        min-height: 120px
    }
}

.match-cta-block__item[data-v-c1071216] {
    margin: 4px 16px
}

@media screen and (min-width:1024px) {
    .match-cta-block__item[data-v-c1071216] {
        min-width: 160px;
        text-align: center
    }
}

@media screen and (min-width:1440px) {
    .match-cta-block__item[data-v-c1071216] {
        min-width: 200px
    }
}

.match-cta-block__item[data-v-c1071216] .button {
    height: auto
}

</style >
<style type="text/css" >
.match-card[data-v-5918d55b] {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    margin: 16px 0;
    z-index: 3;
    transition: margin .2s ease-out;
    overflow: hidden
}

.match-card.has-match-centre[data-v-5918d55b]:hover {
    margin-left: -8px;
    margin-right: -8px;
    cursor: pointer
}

.match-card.has-match-centre:hover .match-card__match-centre[data-v-5918d55b] {
    color: #480024
}

@media screen and (min-width:760px) {
    .match-card[data-v-5918d55b] {
        border: none
    }
}

.match-card--is-mobile[data-v-5918d55b] {
    display: block
}

@media screen and (min-width:760px) {
    .match-card--is-mobile[data-v-5918d55b] {
        display: none
    }
}

.match-card--is-desktop[data-v-5918d55b] {
    display: none
}

@media screen and (min-width:760px) {
    .match-card--is-desktop[data-v-5918d55b] {
        display: block;
        margin: 8px 0;
        box-shadow: none
    }
}

.match-card--stack[data-v-5918d55b] {
    display: flex
}

.match-card__notice[data-v-5918d55b] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 8px;
    width: 100%;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 14px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    background-color: #480024
}

@media screen and (min-width:450px) {
    .match-card__notice[data-v-5918d55b] {
        padding: 4px 16px
    }
}

.match-card__notice[data-v-5918d55b] a {
    color: inherit;
    text-decoration: underline
}

    .match-card__notice[data-v-5918d55b] a:hover {
        text-decoration: none
    }

.match-card__notice-icon[data-v-5918d55b] {
    margin: 0 4px 0 0;
    height: 16px;
    width: 16px
}

.match-card__header[data-v-5918d55b] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 4px 8px;
    background-color: transparent
}

@media screen and (min-width:450px) {
    .match-card__header[data-v-5918d55b] {
        padding: 4px 16px
    }
}

@media screen and (min-width:760px) {
    .match-card__header[data-v-5918d55b] {
        display: none
    }
}

.match-card__wrapper[data-v-5918d55b] {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:1024px) {
    .match-card__wrapper[data-v-5918d55b] {
        flex-direction: row
    }
}

.match-card__body[data-v-5918d55b] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    padding: 0 0 8px;
    background-color: transparent
}

@media screen and (min-width:450px) {
    .match-card__body[data-v-5918d55b] {
        min-height: 80px;
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .match-card__body[data-v-5918d55b] {
        min-height: 120px;
        flex-wrap: nowrap
    }
}

.match-card__competition-wrapper[data-v-5918d55b] {
    display: flex;
    align-items: center;
    min-width: 72px;
    margin-left: 8px
}

@media screen and (min-width:450px) {
    .match-card__competition-wrapper[data-v-5918d55b] {
        min-width: 88px;
        margin-left: 16px
    }
}

@media screen and (min-width:760px) {
    .match-card__competition-wrapper[data-v-5918d55b] {
        min-width: 140px;
        justify-content: center;
        margin-left: 0
    }
}

.match-card__competition[data-v-5918d55b] {
    height: 30px;
    width: auto;
    margin: auto 16px auto 0
}

@media screen and (min-width:450px) {
    .match-card__competition[data-v-5918d55b] {
        height: 40px
    }
}

@media screen and (min-width:760px) {
    .match-card__competition[data-v-5918d55b] {
        margin: auto 24px
    }
}

.match-card__competition-name[data-v-5918d55b] {
    padding: 4px 4px 12px 0;
    color: #aaa;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50px
}

@media screen and (min-width:760px) {
    .match-card__competition-name[data-v-5918d55b] {
        padding: 0 16px 0 0;
        width: 72px;
        font-size: 12px
    }
}

.match-card__cta-block[data-v-5918d55b] {
    position: relative;
    padding: 4px 0;
    margin: 8px 0 0
}

@media screen and (min-width:1024px) {
    .match-card__cta-block[data-v-5918d55b] {
        padding: 0;
        margin: 0;
        width: auto
    }
}

.match-card__cta-block[data-v-5918d55b]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 126px;
    background: linear-gradient(90deg,#fff,#480024,#fff)
}

@media screen and (min-width:1024px) {
    .match-card__cta-block[data-v-5918d55b]:before {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        height: 64px;
        width: 1px;
        background: linear-gradient(180deg,#fff,#480024,#fff)
    }
}

.match-card__match-centre[data-v-5918d55b] {
    margin: 0 8px 0 auto;
    color: #aaa;
    background: transparent;
    border: 0;
    outline: none;
    padding: 0;
    cursor: pointer;
    transition: color .2s ease-out
}

@media screen and (min-width:450px) {
    .match-card__match-centre[data-v-5918d55b] {
        margin: 0 16px 0 auto
    }
}

@media screen and (min-width:1024px) {
    .match-card__match-centre[data-v-5918d55b] {
        margin: 0 24px 0 auto
    }
}

.match-card__match-centre[data-v-5918d55b] svg {
    margin: 0
}

</style >
<style type="text/css" >
.featured-match[data-v-07c67c5d] {
    margin: 20px auto;
    max-width: 1280px;
    color: #fff
}

.featured-match__wrapper[data-v-07c67c5d] {
    padding: 34px 8px 48px;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #480024;
    background-size: cover;
    background-position: top
}

    .featured-match__wrapper[data-v-07c67c5d]:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.7)
    }

.featured-match__label[data-v-07c67c5d] {
    display: none;
    position: absolute;
    top: 12px;
    left: 16px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700;
    text-transform: none;
    z-index: 1
}

@media screen and (min-width:760px) {
    .featured-match__label[data-v-07c67c5d] {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .featured-match__label[data-v-07c67c5d] {
        top: 20px;
        left: 24px
    }
}

.featured-match__competition[data-v-07c67c5d] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 1;
    margin-bottom: 16px
}

@media screen and (min-width:1024px) {
    .featured-match__competition[data-v-07c67c5d] {
        margin-bottom: 0
    }
}

.featured-match__competition--crest[data-v-07c67c5d] {
    width: 48px;
    height: 48px
}

@media screen and (min-width:1024px) {
    .featured-match__competition--crest[data-v-07c67c5d] {
        width: 64px;
        height: 64px
    }
}

.featured-match__competition--pill[data-v-07c67c5d] {
    height: 20px;
    width: 154px
}

@media screen and (min-width:760px) {
    .featured-match__competition--pill[data-v-07c67c5d] {
        height: 30px;
        width: 230px;
        margin-top: 16px
    }
}

.featured-match__competition-name[data-v-07c67c5d] {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    z-index: 0
}

@media screen and (min-width:760px) {
    .featured-match__competition-name[data-v-07c67c5d] {
        margin: 0;
        font-size: inherit
    }
}

.featured-match__score-container[data-v-07c67c5d] {
    height: 80px;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    white-space: nowrap;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .featured-match__score-container[data-v-07c67c5d] {
        height: 120px;
        margin: 0 32px
    }
}

@media screen and (min-width:1440px) {
    .featured-match__score-container[data-v-07c67c5d] {
        margin: 0 60px
    }
}

.featured-match__score-wrapper[data-v-07c67c5d] {
    display: flex;
    align-items: center;
    font-weight: 700;
    justify-content: center
}

.featured-match__half-score[data-v-07c67c5d] {
    padding: 0 10px;
    font-size: 12px
}

@media screen and (min-width:760px) {
    .featured-match__half-score[data-v-07c67c5d] {
        padding: 0 24px;
        font-size: 16px
    }
}

@media screen and (min-width:1440px) {
    .featured-match__half-score[data-v-07c67c5d] {
        padding: 0 44px
    }
}

.featured-match__final-score[data-v-07c67c5d] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 24px
}

@media screen and (min-width:760px) {
    .featured-match__final-score[data-v-07c67c5d] {
        font-size: 64px
    }
}

.featured-match__pen-score[data-v-07c67c5d] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px
}

@media screen and (min-width:760px) {
    .featured-match__pen-score[data-v-07c67c5d] {
        font-size: 24px
    }
}

.featured-match__pens-label[data-v-07c67c5d] {
    padding: 0 6px;
    font-size: 10px
}

@media screen and (min-width:760px) {
    .featured-match__pens-label[data-v-07c67c5d] {
        padding: 0 16px;
        font-size: 16px
    }
}

.featured-match__main[data-v-07c67c5d] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    z-index: 1
}

@media screen and (min-width:760px) {
    .featured-match__main[data-v-07c67c5d] {
        margin-top: 40px
    }
}

.featured-match__team[data-v-07c67c5d] {
    width: 100%
}

@media screen and (min-width:1024px) {
    .featured-match__team[data-v-07c67c5d] {
        display: flex;
        align-items: center
    }
}

@media screen and (min-width:1024px) {
    .featured-match__team--home[data-v-07c67c5d] {
        flex-direction: row-reverse
    }
}

.featured-match__team-crest[data-v-07c67c5d] {
    display: block;
    margin: 0 auto;
    min-height: 80px;
    min-width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (min-width:1024px) {
    .featured-match__team-crest[data-v-07c67c5d] {
        min-height: 96px;
        min-width: 96px;
        margin: 0 24px 0 0
    }
}

@media screen and (min-width:1024px) {
    .featured-match__team-crest--home[data-v-07c67c5d] {
        margin: 0 0 0 24px
    }
}

.featured-match__team-name[data-v-07c67c5d] {
    display: none;
    margin-top: 12px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none
}

@media screen and (min-width:760px) {
    .featured-match__team-name[data-v-07c67c5d] {
        display: block;
        font-size: 32px
    }
}

@media screen and (min-width:1024px) {
    .featured-match__team-name[data-v-07c67c5d] {
        margin: 0
    }
}

.featured-match__team-name--mobile[data-v-07c67c5d] {
    display: block
}

@media screen and (min-width:760px) {
    .featured-match__team-name--mobile[data-v-07c67c5d] {
        display: none
    }
}

.featured-match__button-wrapper[data-v-07c67c5d] {
    width: 100%;
    padding: 12px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #480024;
    z-index: 1
}

@media screen and (min-width:760px) {
    .featured-match__button-wrapper[data-v-07c67c5d] {
        padding: 24px 0
    }
}

.featured-match__button[data-v-07c67c5d] {
    margin: 0 8px
}

</style >
<style type="text/css" >
.featured-match[data-v-a71d245c] {
    margin: 20px auto;
    max-width: 1280px;
    color: #fff
}

.featured-match__wrapper[data-v-a71d245c] {
    padding: 34px 8px 48px;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #480024;
    background-size: cover;
    background-position: top
}

    .featured-match__wrapper[data-v-a71d245c]:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.7)
    }

.featured-match__label[data-v-a71d245c] {
    display: none;
    position: absolute;
    top: 12px;
    left: 16px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700;
    text-transform: none;
    z-index: 1
}

@media screen and (min-width:760px) {
    .featured-match__label[data-v-a71d245c] {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .featured-match__label[data-v-a71d245c] {
        top: 20px;
        left: 24px
    }
}

.featured-match__competition[data-v-a71d245c] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 1;
    margin-bottom: 16px
}

@media screen and (min-width:1024px) {
    .featured-match__competition[data-v-a71d245c] {
        margin-bottom: 0
    }
}

.featured-match__competition--crest[data-v-a71d245c] {
    width: 48px;
    height: 48px
}

@media screen and (min-width:1024px) {
    .featured-match__competition--crest[data-v-a71d245c] {
        width: 64px;
        height: 64px
    }
}

.featured-match__competition--pill[data-v-a71d245c] {
    height: 20px;
    width: 154px
}

@media screen and (min-width:760px) {
    .featured-match__competition--pill[data-v-a71d245c] {
        height: 30px;
        width: 230px;
        margin-top: 16px
    }
}

.featured-match__competition-name[data-v-a71d245c] {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
    z-index: 1
}

@media screen and (min-width:760px) {
    .featured-match__competition-name[data-v-a71d245c] {
        margin: 0;
        font-size: inherit
    }
}

.featured-match__kickoff[data-v-a71d245c] {
    height: 80px;
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1
}

@media screen and (min-width:760px) {
    .featured-match__kickoff[data-v-a71d245c] {
        margin: 0 32px
    }
}

@media screen and (min-width:1024px) {
    .featured-match__kickoff[data-v-a71d245c] {
        height: 120px
    }
}

.featured-match__date-time[data-v-a71d245c] {
    font-size: 12px;
    white-space: nowrap
}

.featured-match__date-time[data-v-a71d245c], .featured-match__time[data-v-a71d245c] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700
}

.featured-match__time[data-v-a71d245c] {
    font-size: 32px
}

.featured-match__date[data-v-a71d245c] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap
}

@media screen and (min-width:760px) {
    .featured-match__date[data-v-a71d245c] {
        font-size: 16px
    }
}

.featured-match__venue[data-v-a71d245c] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 10px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400)
}

@media screen and (min-width:760px) {
    .featured-match__venue[data-v-a71d245c] {
        font-size: 12px;
        white-space: nowrap
    }
}

.featured-match__main[data-v-a71d245c] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 24px;
    z-index: 1
}

@media screen and (min-width:760px) {
    .featured-match__main[data-v-a71d245c] {
        margin-top: 48px
    }
}

.featured-match__team[data-v-a71d245c] {
    width: 100%
}

@media screen and (min-width:1024px) {
    .featured-match__team[data-v-a71d245c] {
        display: flex;
        align-items: center
    }
}

@media screen and (min-width:1024px) {
    .featured-match__team--home[data-v-a71d245c] {
        flex-direction: row-reverse
    }
}

.featured-match__timer[data-v-a71d245c] {
    z-index: 1
}

.featured-match__team-crest[data-v-a71d245c] {
    display: block;
    margin: 0 auto;
    min-height: 80px;
    min-width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .featured-match__team-crest[data-v-a71d245c] {
        min-height: 96px;
        min-width: 96px;
        margin: 0 24px 0 0
    }
}

@media screen and (min-width:1024px) {
    .featured-match__team-crest--home[data-v-a71d245c] {
        margin: 0 0 0 24px
    }
}

.featured-match__team-name[data-v-a71d245c] {
    display: none;
    margin-top: 12px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    z-index: 1
}

@media screen and (min-width:760px) {
    .featured-match__team-name[data-v-a71d245c] {
        display: block;
        font-size: 32px
    }
}

@media screen and (min-width:1024px) {
    .featured-match__team-name[data-v-a71d245c] {
        margin: 0
    }
}

.featured-match__team-name--mobile[data-v-a71d245c] {
    display: block
}

@media screen and (min-width:760px) {
    .featured-match__team-name--mobile[data-v-a71d245c] {
        display: none
    }
}

.featured-match__button-wrapper[data-v-a71d245c] {
    width: 100%;
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 1
}

@media screen and (min-width:760px) {
    .featured-match__button-wrapper[data-v-a71d245c] {
        margin-top: 16px
    }
}

.featured-match__button[data-v-a71d245c] {
    margin: 0 16px;
    z-index: 1
}

.featured-match__subscribe-journey[data-v-a71d245c] {
    margin: 32px auto;
    margin: var(--content_spacing--small,32px) auto
}

@media screen and (min-width:1024px) {
    .featured-match__subscribe-journey[data-v-a71d245c] {
        margin: 48px auto;
        margin: var(--content_spacing--large,48px) auto
    }
}

</style >
<style type="text/css" >
.matches[data-v-3315c198] {
    overflow: hidden
}

.matches__no-data[data-v-3315c198] {
    margin: 32px auto;
    text-align: left
}

.tab-content[data-v-3315c198] {
    display: none
}

.tab-content--is-active[data-v-3315c198] {
    display: block
}

.match-list[data-v-3315c198] {
    padding: 0;
    width: 100%
}

.match-list .month-label[data-v-3315c198] {
    margin: 24px 0 12px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-size: var(--body_text_size--small,16px);
    font-weight: 700;
    color: #565656;
    text-transform: none;
    text-align: center
}

@media screen and (min-width:1024px) {
    .match-list .month-label[data-v-3315c198] {
        margin: 32px 0 12px;
        font-size: 16px;
        font-size: var(--body_text_size--small,16px)
    }
}

.match-list > .month-Jan[data-v-3315c198] {
    display: block
}

.match-list > .month-Jan ~ .month-Jan[data-v-3315c198] {
    display: none
}

.match-list > .month-Feb[data-v-3315c198] {
    display: block
}

.match-list > .month-Feb ~ .month-Feb[data-v-3315c198] {
    display: none
}

.match-list > .month-Mar[data-v-3315c198] {
    display: block
}

.match-list > .month-Mar ~ .month-Mar[data-v-3315c198] {
    display: none
}

.match-list > .month-Apr[data-v-3315c198] {
    display: block
}

.match-list > .month-Apr ~ .month-Apr[data-v-3315c198] {
    display: none
}

.match-list > .month-May[data-v-3315c198] {
    display: block
}

.match-list > .month-May ~ .month-May[data-v-3315c198] {
    display: none
}

.match-list > .month-Jun[data-v-3315c198] {
    display: block
}

.match-list > .month-Jun ~ .month-Jun[data-v-3315c198] {
    display: none
}

.match-list > .month-Jul[data-v-3315c198] {
    display: block
}

.match-list > .month-Jul ~ .month-Jul[data-v-3315c198] {
    display: none
}

.match-list > .month-Aug[data-v-3315c198] {
    display: block
}

.match-list > .month-Aug ~ .month-Aug[data-v-3315c198] {
    display: none
}

.match-list > .month-Sep[data-v-3315c198] {
    display: block
}

.match-list > .month-Sep ~ .month-Sep[data-v-3315c198] {
    display: none
}

.match-list > .month-Oct[data-v-3315c198] {
    display: block
}

.match-list > .month-Oct ~ .month-Oct[data-v-3315c198] {
    display: none
}

.match-list > .month-Nov[data-v-3315c198] {
    display: block
}

.match-list > .month-Nov ~ .month-Nov[data-v-3315c198] {
    display: none
}

.match-list > .month-Dec[data-v-3315c198] {
    display: block
}

.match-list > .month-Dec ~ .month-Dec[data-v-3315c198] {
    display: none
}

</style >
<style type="text/css" >
.quick-select[data-v-0fabaa27] {
    position: relative;
    padding: 32px 0 0;
    background-color: transparent;
    width: 100%;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.quick-select[data-v-0fabaa27]::-webkit-scrollbar {
    display: none
}

.quick-select__inner[data-v-0fabaa27] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin: 0 auto
}

@media screen and (min-width:450px) {
    .quick-select__inner[data-v-0fabaa27] {
        justify-content: center
    }
}

.quick-select__list-item[data-v-0fabaa27] {
    min-width: 96px;
    margin: 4px 4px 0 0;
    font-size: 13px
}

@media screen and (min-width:640px) {
    .quick-select__list-item[data-v-0fabaa27] {
        margin: 4px 8px 0
    }
}

</style >
<style type="text/css" >
.player-card[data-v-1bac46d3] {
    width: 100%;
    margin: 0 4px 32px
}

.player-card[data-v-1bac46d3], .player-card[data-v-1bac46d3]:hover {
    background: #fafafa
}

@media screen and (min-width:450px) {
    .player-card[data-v-1bac46d3] {
        width: calc(50% - 8px)
    }
}

@media screen and (min-width:760px) {
    .player-card[data-v-1bac46d3] {
        width: calc(33.33% - 8px)
    }
}

@media screen and (min-width:1440px) {
    .player-card[data-v-1bac46d3] {
        width: calc(25% - 8px)
    }
}

.player-card__wrap[data-v-1bac46d3] {
    position: relative;
    height: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding-bottom: 108%
}

.player-card__link[data-v-1bac46d3] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-decoration: none
}

.player-card__link--hover[data-v-1bac46d3] {
    cursor: pointer
}

.player-card__details[data-v-1bac46d3] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.player-card__number[data-v-1bac46d3] {
    width: 60px;
    height: auto;
    padding: 8px;
    position: absolute;
    z-index: 10;
    top: 2px;
    left: 0;
    line-height: 1;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 32px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #480024;
    transition: background-color .3s,color .3s
}

@media screen and (min-width:760px) {
    .player-card__number[data-v-1bac46d3] {
        width: 80px;
        font-size: 32px
    }
}

.player-card__number--active[data-v-1bac46d3] {
    background-color: rgba(72,0,36,.5);
    color: #fff
}

.player-card__captain[data-v-1bac46d3] {
    width: 32px;
    height: 32px;
    margin: 8px 16px;
    position: absolute;
    z-index: 10;
    top: 2px;
    right: 0;
    line-height: 26px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 24px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #fff;
    background: #480024;
    transition: background-color .3s,color .3s;
    border-radius: 50%;
    text-align: center
}

@media screen and (min-width:760px) {
    .player-card__captain[data-v-1bac46d3] {
        width: 32px;
        height: 32px;
        line-height: 26px;
        font-size: 24px
    }
}

.player-card__captain--active[data-v-1bac46d3] {
    background-color: #480024;
    color: #fff
}

.player-card__role[data-v-1bac46d3] {
    display: block;
    padding: 4px 8px 8px;
    font-size: 14px
}

.player-card__loan[data-v-1bac46d3], .player-card__role[data-v-1bac46d3] {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none
}

.player-card__loan[data-v-1bac46d3] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-100%) translateX(-50%);
    padding: 8px 12px;
    font-size: 12px;
    background: #480024;
    border-radius: 50px;
    z-index: 11;
    white-space: nowrap
}

@media screen and (min-width:450px) {
    .player-card__loan[data-v-1bac46d3] {
        transform: translateY(-50%) translateX(-50%)
    }
}

.player-card__name-container[data-v-1bac46d3] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 60px 0 0;
    margin: 0;
    text-align: left;
    background: rgba(72,0,36,.5);
    z-index: 1
}

@media screen and (min-width:760px) {
    .player-card__name-container[data-v-1bac46d3] {
        min-height: 64px
    }
}

.player-card__name-container--active[data-v-1bac46d3] {
    background: gba(#480024,.5)
}

.player-card__disabled-wrapper[data-v-1bac46d3] {
    text-align: center;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    opacity: 0
}

.player-card__disabled-wrapper--animation[data-v-1bac46d3] {
    animation: hello-1bac46d3 2s ease-in-out
}

@keyframes hello-1bac46d3 {
    0% {
        bottom: 16px
    }

    10% {
        opacity: 1
    }

    25% {
        bottom: 104px
    }

    75% {
        bottom: 104px
    }

    90% {
        opacity: 1
    }

    to {
        bottom: 16px;
        opacity: 0
    }
}

.player-card__disabled-label[data-v-1bac46d3] {
    padding: 6px 10px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 10px;
    font-weight: 700;
    text-transform: none;
    background-color: rgba(0,0,0,.76);
    color: #fff;
    border-radius: 30px
}

@media screen and (min-width:1024px) {
    .player-card__disabled-label[data-v-1bac46d3] {
        padding: 10px 12px;
        font-size: 13px
    }
}

.player-card__name[data-v-1bac46d3] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 14px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #fff;
    text-transform: none;
    padding: 0 8px;
    line-height: 1
}

@media screen and (min-width:760px) {
    .player-card__name[data-v-1bac46d3] {
        font-size: 16px
    }
}

.player-card__name--active[data-v-1bac46d3] {
    color: #fff
}

.player-card__name--last-name[data-v-1bac46d3] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 18px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #fff;
    text-transform: none
}

@media screen and (min-width:760px) {
    .player-card__name--last-name[data-v-1bac46d3] {
        font-size: 24px
    }
}

.player-card__name--last-name--active[data-v-1bac46d3] {
    color: #fff
}

.player-card__flag[data-v-1bac46d3] {
    margin: 0;
    position: absolute;
    z-index: 10;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.flag-icon[data-v-1bac46d3] {
    font-size: 24px;
    border-radius: 3px
}

</style >
<style type="text/css" >
.player-card-mini[data-v-6cd4283c] {
    width: 100%;
    padding: 8px;
    margin: 0 4px 16px;
    display: flex;
    justify-content: flex-start;
    text-decoration: none;
    background: #480024;
    box-shadow: 0 .5px 0 0 rgba(0,0,0,.08);
    position: relative
}

@media screen and (min-width:760px) {
    .player-card-mini[data-v-6cd4283c] {
        width: calc(50% - 8px)
    }
}

@media screen and (min-width:1024px) {
    .player-card-mini[data-v-6cd4283c] {
        width: calc(33.33% - 8px)
    }
}

@media screen and (min-width:1440px) {
    .player-card-mini[data-v-6cd4283c] {
        width: calc(25% - 8px)
    }
}

.player-card-mini__image[data-v-6cd4283c] {
    width: 56px;
    height: 56px;
    background-color: #fafafa;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 100%;
    display: flex;
    align-items: center
}

.player-card-mini__number[data-v-6cd4283c] {
    font-size: 32px;
    transition: background-color .3s,color .3s
}

.player-card-mini__number[data-v-6cd4283c], .player-card-mini__role[data-v-6cd4283c] {
    padding-right: 8px;
    display: flex;
    align-items: center;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #fff
}

.player-card-mini__role[data-v-6cd4283c] {
    line-height: 1;
    font-size: 12px;
    text-transform: none
}

.player-card-mini__loan[data-v-6cd4283c] {
    display: block;
    margin: 4px 0 0;
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    line-height: 1
}

.player-card-mini__name-container[data-v-6cd4283c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    flex-grow: 1;
    padding: 0 8px;
    text-align: left
}

.player-card-mini__name[data-v-6cd4283c] {
    font-size: 14px;
    line-height: 1
}

.player-card-mini__name[data-v-6cd4283c], .player-card-mini__name--last-name[data-v-6cd4283c] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #fff;
    text-transform: none
}

.player-card-mini__name--last-name[data-v-6cd4283c] {
    margin: 4px 0 0;
    font-size: 18px
}

.player-card-mini__captain[data-v-6cd4283c] {
    color: #fff
}

.player-card-mini__disabled-wrapper[data-v-6cd4283c] {
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0
}

@media screen and (min-width:760px) {
    .player-card-mini__disabled-wrapper[data-v-6cd4283c] {
        right: 0;
        left: unset
    }
}

.player-card-mini__disabled-wrapper--animation[data-v-6cd4283c] {
    animation: hello-6cd4283c 1.5s ease-in-out
}

@keyframes hello-6cd4283c {
    0% {
        bottom: 0
    }

    10% {
        opacity: .5
    }

    25% {
        bottom: 16px;
        opacity: 1
    }

    75% {
        bottom: 16px;
        opacity: 1
    }

    90% {
        opacity: .5
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

.player-card-mini__disabled-label[data-v-6cd4283c] {
    padding: 6px 10px;
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 10px;
    font-weight: 700;
    text-transform: none;
    background-color: rgba(0,0,0,.76);
    color: #fff;
    border-radius: 30px
}

@media screen and (min-width:1024px) {
    .player-card-mini__disabled-label[data-v-6cd4283c] {
        padding: 10px 12px;
        font-size: 13px
    }
}

.player-card-mini[data-v-6cd4283c]:hover {
    cursor: pointer
}

</style >
<style type="text/css" >
.position-group-container[data-v-4c9ca745] {
    margin: 32px 0
}

.position-group-heading[data-v-4c9ca745] {
    margin: 24px 0 0;
    color: #212121
}

.position-group[data-v-4c9ca745] {
    padding: 24px 0 0
}

.position-group__slides[data-v-4c9ca745] {
    padding: 0 0 20px;
    margin: 0 -4px;
    display: flex;
    flex-wrap: wrap
}

</style >
<style type="text/css" >
.loaned-card[data-v-4d0a47eb] {
    width: 100%;
    margin-bottom: 16px;
    background: #480024;
    box-shadow: 0 .5px 0 0 rgba(0,0,0,.08)
}

@media screen and (min-width:760px) {
    .loaned-card[data-v-4d0a47eb] {
        width: calc(50% - 16px);
        margin: 0 8px 16px
    }
}

@media screen and (min-width:1024px) {
    .loaned-card[data-v-4d0a47eb] {
        width: calc(33.33% - 16px)
    }
}

@media screen and (min-width:1440px) {
    .loaned-card[data-v-4d0a47eb] {
        width: calc(25% - 16px)
    }
}

.loaned-card__top[data-v-4d0a47eb] {
    padding: 8px;
    display: flex
}

.loaned-card__image[data-v-4d0a47eb] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 100%
}

.loaned-card__image--player[data-v-4d0a47eb] {
    width: 48px;
    height: 48px
}

.loaned-card__image--crest[data-v-4d0a47eb] {
    width: 24px;
    height: 24px;
    margin: 0 20px 0 4px
}

.loaned-card__name-wrapper[data-v-4d0a47eb] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    padding: 0 8px;
    text-align: left
}

.loaned-card__first-name[data-v-4d0a47eb] {
    font-size: 14px
}

.loaned-card__first-name[data-v-4d0a47eb], .loaned-card__last-name[data-v-4d0a47eb] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    color: #fff;
    text-transform: none;
    line-height: 1
}

.loaned-card__last-name[data-v-4d0a47eb] {
    font-size: 18px
}

.loaned-card__role[data-v-4d0a47eb] {
    padding-top: 4px;
    line-height: 1;
    font-size: 12px;
    text-transform: none
}

.loaned-card__number[data-v-4d0a47eb], .loaned-card__role[data-v-4d0a47eb] {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 400;
    font-weight: var(--body_text_weight,400)
}

.loaned-card__number[data-v-4d0a47eb] {
    padding-right: 8px;
    display: flex;
    align-items: center;
    font-size: 32px
}

.loaned-card__bottom[data-v-4d0a47eb] {
    height: 40px;
    margin: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: .5px solid #e1e1e1
}

.loaned-card__loan-club[data-v-4d0a47eb] {
    margin-right: auto;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    color: #fff
}

.loaned-card__date-wrapper[data-v-4d0a47eb] {
    font-size: 10px;
    text-align: right
}

.loaned-card__date[data-v-4d0a47eb] {
    font-weight: 400;
    color: #fff
}

.loaned-card__date-tag[data-v-4d0a47eb] {
    color: #fff
}

</style >
<style type="text/css" >
.position-group-container[data-v-33beefd0] {
    margin-bottom: 20px
}

.position-group-heading[data-v-33beefd0] {
    margin: 24px 0;
    color: #212121
}

.position-group[data-v-33beefd0] {
    padding: 0
}

.position-group__slides[data-v-33beefd0] {
    padding: 0 0 20px;
    margin: 0 -4px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width:760px) {
    .position-group__slides[data-v-33beefd0] {
        margin: 0 -8px
    }
}

</style >
<style type="text/css" >
.hero[data-v-5a93c420] {
    width: 100%
}

.featured-article[data-v-5a93c420] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 48px 16px 32px;
    height: 100vh;
    min-height: 550px;
    max-height: 1200px;
    width: 100%;
    background-color: #480024;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.featured-article__inner[data-v-5a93c420] {
    position: relative;
    padding: 0;
    max-width: 860px;
    width: 100%;
    color: #fff;
    text-align: left;
    z-index: 4
}

.featured-article__meta[data-v-5a93c420] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0 0 1em;
    color: #94bee5;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    text-transform: none;
    line-height: 1;
    padding: 0 0 8px
}

    .featured-article__meta[data-v-5a93c420]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 144px;
        height: 1px;
        background: #212121
    }

.featured-article__date[data-v-5a93c420] {
    margin: 0 16px 0 0;
    color: #212121;
    white-space: nowrap
}

.featured-article__category[data-v-5a93c420], .featured-article__date[data-v-5a93c420] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.featured-article__category[data-v-5a93c420] {
    margin: 0;
    color: #94bee5
}

.featured-article__title[data-v-5a93c420] {
    margin: 0 0 .25em;
    padding: 0;
    color: #fff
}

.featured-article__title a[data-v-5a93c420] {
    color: inherit;
    text-decoration: none
}

.featured-article__summary[data-v-5a93c420] {
    margin: 0 0 1em;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    line-height: 1.4
}

.featured-article__icon[data-v-5a93c420] {
    height: 16px;
    width: 16px;
    margin: 0 8px 0 0;
    color: #480024
}

.featured-article__cta[data-v-5a93c420] {
    display: inline-block
}

@media screen and (min-width:760px) {
    .featured-article[data-v-5a93c420] {
        padding: 64px 16px 32px;
        height: 90vh
    }

    .featured-article.has-additional[data-v-5a93c420] {
        padding-bottom: 72px
    }

    .featured-article__inner[data-v-5a93c420] {
        padding: 0 16px 0 0
    }
}

@media screen and (min-width:1024px) {
    .featured-article[data-v-5a93c420] {
        padding: 64px 64px 32px
    }

    .featured-article.has-additional[data-v-5a93c420] {
        padding-bottom: 120px
    }
}

@media (orientation:portrait) {
    .featured-article[data-v-5a93c420] {
        min-height: 70vh;
        height: auto !important
    }
}

</style >
<style type="text/css" >
.glide[data-v-629d2031] {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide *[data-v-629d2031] {
    box-sizing: inherit
}

.glide__slides[data-v-629d2031], .glide__track[data-v-629d2031] {
    overflow: hidden
}

.glide__slides[data-v-629d2031] {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slide[data-v-629d2031], .glide__slides--dragging[data-v-629d2031] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide__slide[data-v-629d2031] {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a[data-v-629d2031] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows[data-v-629d2031], .glide__bullets[data-v-629d2031] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide--rtl[data-v-629d2031] {
    direction: rtl
}

.glide__arrow[data-v-629d2031] {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid hsla(0,0%,100%,.5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
    text-shadow: 0 .25em .5em rgba(0,0,0,.1);
    opacity: 1;
    cursor: pointer;
    transition: opacity .15s ease,border .3s ease-in-out;
    transform: translateY(-50%);
    line-height: 1
}

    .glide__arrow[data-v-629d2031]:focus {
        outline: none
    }

    .glide__arrow[data-v-629d2031]:hover {
        border-color: #fff
    }

.glide__arrow--left[data-v-629d2031] {
    left: 2em
}

.glide__arrow--right[data-v-629d2031] {
    right: 2em
}

.glide__arrow--disabled[data-v-629d2031] {
    opacity: .33
}

.glide__bullets[data-v-629d2031] {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: inline-flex;
    list-style: none;
    transform: translateX(-50%)
}

.glide__bullet[data-v-629d2031] {
    background-color: hsla(0,0%,100%,.5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    box-shadow: 0 .25em .5em 0 rgba(0,0,0,.1);
    margin: 0 .25em
}

    .glide__bullet[data-v-629d2031]:focus {
        outline: none
    }

    .glide__bullet[data-v-629d2031]:focus, .glide__bullet[data-v-629d2031]:hover {
        border: 2px solid #fff;
        background-color: hsla(0,0%,100%,.5)
    }

.glide__bullet--active[data-v-629d2031] {
    background-color: #fff
}

.glide--swipeable[data-v-629d2031] {
    cursor: grab;
    cursor: -webkit-grab
}

.glide--dragging[data-v-629d2031] {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.video-section__item[data-v-629d2031] {
    padding: 0 16px 0 0
}

.product-carousel[data-v-629d2031] {
    width: 100%;
    background: inherit
}

.product-carousel__inner[data-v-629d2031] {
    margin: 32px auto;
    margin: var(--content_spacing--small,32px) auto
}

@media screen and (min-width:1024px) {
    .product-carousel__inner[data-v-629d2031] {
        margin: 48px auto;
        margin: var(--content_spacing--large,48px) auto
    }
}

.product-carousel__heading[data-v-629d2031] {
    color: inherit
}

.product-carousel__desc[data-v-629d2031] {
    margin: -8px 0 16px
}

@media screen and (min-width:1024px) {
    .product-carousel__desc[data-v-629d2031] {
        margin: -16px 0 16px
    }
}

.product-carousel__list[data-v-629d2031] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 0 32px
}

.product-carousel__link-wrap[data-v-629d2031] {
    justify-content: flex-start;
    height: 100%;
    padding: 0 8px;
    text-decoration: none
}

.product-carousel__item[data-v-629d2031], .product-carousel__link-wrap[data-v-629d2031] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.product-carousel__item[data-v-629d2031] {
    justify-content: stretch
}

.product-carousel__item-name[data-v-629d2031] {
    margin: auto 0 0;
    color: inherit;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    text-decoration: none;
    text-transform: none
}

@media screen and (min-width:1024px) {
    .product-carousel__item-name[data-v-629d2031] {
        font-size: 18px
    }
}

.product-carousel__item-button[data-v-629d2031] {
    margin: auto 0 0
}

.product-carousel__image[data-v-629d2031] {
    width: 100%;
    text-decoration: none
}

.product-carousel__button-row[data-v-629d2031] {
    text-align: center
}

.product-carousel__arrows[data-v-629d2031] {
    position: absolute;
    top: -39px;
    right: 0
}

@media screen and (min-width:760px) {
    .product-carousel__arrows[data-v-629d2031] {
        top: -51px
    }
}

@media screen and (min-width:1024px) {
    .product-carousel__arrows[data-v-629d2031] {
        top: -61px
    }
}

.product-carousel--dark[data-v-629d2031] {
    background: #480024
}

.product-carousel--dark .product-carousel__arrow-button[data-v-629d2031], .product-carousel--dark .product-carousel__heading[data-v-629d2031], .product-carousel--dark .product-carousel__item-name[data-v-629d2031] {
    color: #fff
}

.product-carousel--light[data-v-629d2031] {
    background: #fafafa
}

.product-carousel--light .product-carousel__arrow-button[data-v-629d2031], .product-carousel--light .product-carousel__heading[data-v-629d2031], .product-carousel--light .product-carousel__item-name[data-v-629d2031] {
    color: #212121
}

.product-carousel--club[data-v-629d2031] {
    background: #480024
}

.product-carousel--club .product-carousel__arrow-button[data-v-629d2031], .product-carousel--club .product-carousel__heading[data-v-629d2031], .product-carousel--club .product-carousel__item-name[data-v-629d2031] {
    color: #fff
}

</style >
<style type="text/css" >
.subscribe-promo[data-v-89bdccb0] {
    padding: 18px 0;
    color: #fff;
    background: #480024
}

.subscribe-promo__inner[data-v-89bdccb0] {
    justify-content: flex-start;
    margin: 0 auto
}

.subscribe-promo__info[data-v-89bdccb0], .subscribe-promo__inner[data-v-89bdccb0] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.subscribe-promo__info[data-v-89bdccb0] {
    justify-content: center;
    text-align: center
}

.subscribe-promo__title[data-v-89bdccb0] {
    padding: 0 0 8px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1
}

.subscribe-promo__body[data-v-89bdccb0] {
    padding: 0;
    font-size: 15px
}

.subscribe-promo__body[data-v-89bdccb0], .subscribe-promo__button[data-v-89bdccb0] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.subscribe-promo__button[data-v-89bdccb0] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    margin: 16px auto 0;
    height: 48px;
    font-size: 16px;
    outline: none;
    white-space: nowrap
}

@media screen and (min-width:760px) {
    .subscribe-promo[data-v-89bdccb0] {
        padding: 32px 0
    }

    .subscribe-promo__title[data-v-89bdccb0] {
        font-size: 28px
    }
}

@media screen and (min-width:1024px) {
    .subscribe-promo__title[data-v-89bdccb0] {
        font-size: 36px
    }

    .subscribe-promo__inner[data-v-89bdccb0] {
        flex-direction: row;
        align-items: center
    }

    .subscribe-promo__body[data-v-89bdccb0] {
        padding: 3px 0 0;
        font-size: 16px
    }

    .subscribe-promo__info[data-v-89bdccb0] {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0 24px 0 0;
        text-align: left
    }

    .subscribe-promo__button[data-v-89bdccb0] {
        margin: 0 0 0 auto
    }
}

@media screen and (min-width:1440px) {
    .subscribe-promo__title[data-v-89bdccb0] {
        margin: 0 32px 0 0
    }
}

</style >
<style type="text/css" >
.is-live-promo .subscribe-promo__title[data-v-89bdccb0]:after {
    content: " Live";
    color: red
}

</style >
<style type="text/css" >
.video-subscribe[data-v-dabea236] {
    width: 100%
}

.video-listing-loader[data-v-dabea236] {
    margin: 32px auto
}

.client-only-placeholder[data-v-dabea236] {
    width: 100%
}

.stacked-carousel[data-v-dabea236] {
    margin-top: 0 !important
}

.stacked-carousel--first[data-v-dabea236] {
    padding: 32px 0 !important;
    padding: var(--content_spacing--small,32px) 0 !important
}

@media screen and (min-width:1024px) {
    .stacked-carousel--first[data-v-dabea236] {
        padding: 48px 0 !important;
        padding: var(--content_spacing--large,48px) 0 !important
    }
}

</style >
<style type="text/css" >
.video-hero-simple[data-v-a9159fb6] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 32px;
    min-height: 300px;
    width: 100%;
    background: #480024;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

@media screen and (min-width:760px) {
    .video-hero-simple[data-v-a9159fb6] {
        padding-top: 96px;
        padding-bottom: 64px;
        min-height: 500px
    }
}

.video-hero-simple__logo[data-v-a9159fb6] {
    height: 28px
}

@media screen and (min-width:760px) {
    .video-hero-simple__logo[data-v-a9159fb6] {
        height: 36px
    }
}

.video-hero-simple__body[data-v-a9159fb6] {
    max-width: 688px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 18px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: none
}

@media screen and (min-width:760px) {
    .video-hero-simple__body[data-v-a9159fb6] {
        font-size: 24px
    }
}

.video-hero-simple--light .video-hero-simple__body[data-v-a9159fb6] {
    color: #212121
}

.video-hero-simple--dark .video-hero-simple__body[data-v-a9159fb6] {
    color: #fff
}

</style >
<style type="text/css" >
.video-card__access-label[data-v-5a843bea] {
    padding: 4px;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: none;
    text-transform: var(--heading_text_transform,none);
    background: #fafafa;
    border: 0;
    border-radius: 0 4px 0 0
}

</style >
<style type="text/css" >
.video-card[data-v-79d26708] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border: 1px solid #efefef;
    border-radius: 16px;
    transition: box-shadow 1.2s cubic-bezier(.23,1.25,.46,1);
    transform: translateZ(0)
}

.video-card[data-v-79d26708]:hover {
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgba(60,60,60,.15)
}

.video-card:hover .video-card__stacker-image[data-v-79d26708] {
    transform: scale(1.07)
}

.video-card__wrap[data-v-79d26708] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    position: relative
}

    .video-card__wrap[data-v-79d26708]:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 9px;
        background: #480024;
        z-index: 100;
        transform: translateY(9px);
        transition: transform 1.2s cubic-bezier(.23,1.25,.46,1);
        will-change: transform
    }

    .video-card__wrap[data-v-79d26708]:hover:before {
        transform: translateY(1px)
    }

.video-card__inner[data-v-79d26708] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    background: #fff
}

@media screen and (min-width:760px) {
    .video-card__inner[data-v-79d26708] {
        justify-content: flex-start
    }
}

.video-card__stacker-image-wrap[data-v-79d26708] {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: rgba(0,0,0,.02);
    font-size: 0
}

.video-card__stacker-image[data-v-79d26708] {
    height: auto;
    width: 100%;
    transform: scale(1.01);
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1),opacity .3s cubic-bezier(.23,1.25,.46,1);
    will-change: transform,opacity;
    opacity: 0
}

.video-card__stacker-image.isLoaded[data-v-79d26708] {
    opacity: 1
}

.video-card__duration[data-v-79d26708] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 4px 1px 6px;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    background: #fff;
    border: 0;
    border-radius: 0 0 4px 0;
    z-index: 1
}

.video-card__duration-icon[data-v-79d26708] {
    position: relative;
    margin: 0 3px 0 0;
    top: 1px;
    height: 12px;
    width: 12px;
    color: #480024
}

.video-card__access-labels[data-v-79d26708] {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.video-card__content[data-v-79d26708] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px;
    width: 100%;
    background: #fff
}

.video-card__meta[data-v-79d26708] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    line-height: 1
}

.video-card__date[data-v-79d26708] {
    margin: 10px 0 3px;
    color: #212121;
    font-size: 11px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none;
    white-space: nowrap
}

.video-card__category[data-v-79d26708], .video-card__date[data-v-79d26708] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.video-card__category[data-v-79d26708] {
    margin: 0;
    color: #480024;
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: uppercase
}

.video-card__title[data-v-79d26708] {
    padding: 0;
    margin: 0;
    color: #212121;
    text-transform: none;
    white-space: normal
}

.video-card__icon[data-v-79d26708] {
    position: relative;
    margin: 0 8px 0 0;
    top: 1px;
    height: 16px;
    width: 16px;
    color: #480024
}

</style >
<style type="text/css" >
.video-card[data-v-91acba2c] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border: 1px solid #efefef;
    border-radius: 16px;
    transition: box-shadow 1.2s cubic-bezier(.23,1.25,.46,1);
    transform: translateZ(0)
}

.video-card[data-v-91acba2c]:hover {
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgba(60,60,60,.15)
}

.video-card:hover .video-card__stacker-image[data-v-91acba2c] {
    display: none
}

.video-card:hover .video-card__stacker-image-hover[data-v-91acba2c] {
    display: block;
    opacity: 1
}

.video-card:hover .video-card__stacker-custom-image[data-v-91acba2c] {
    transform: scale(1.07)
}

.video-card__wrap[data-v-91acba2c] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    position: relative
}

    .video-card__wrap[data-v-91acba2c]:before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 9px;
        background: #480024;
        z-index: 100;
        transform: translateY(9px);
        transition: transform 1.2s cubic-bezier(.23,1.25,.46,1);
        will-change: transform
    }

    .video-card__wrap[data-v-91acba2c]:hover:before {
        transform: translateY(1px)
    }

.video-card__inner[data-v-91acba2c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    text-align: left;
    text-decoration: none;
    z-index: 3;
    background: #fff
}

@media screen and (min-width:760px) {
    .video-card__inner[data-v-91acba2c] {
        justify-content: flex-start
    }
}

.video-card__stacker-custom-image[data-v-91acba2c] {
    height: auto;
    width: 100%;
    transform: scale(1.01);
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1),opacity .3s cubic-bezier(.23,1.25,.46,1);
    will-change: transform,opacity;
    opacity: 0
}

.video-card__stacker-custom-image.isLoaded[data-v-91acba2c] {
    opacity: 1
}

.video-card__stacker-image-wrap[data-v-91acba2c] {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: rgba(0,0,0,.02);
    font-size: 0
}

.video-card__stacker-image[data-v-91acba2c] {
    display: block;
    height: auto;
    width: 100%;
    transform: scale(1.01);
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1),opacity .3s cubic-bezier(.23,1.25,.46,1);
    will-change: transform,opacity;
    opacity: 0
}

.video-card__stacker-image.isLoaded[data-v-91acba2c] {
    opacity: 1
}

.video-card__stacker-image-hover[data-v-91acba2c] {
    display: none
}

.video-card__duration[data-v-91acba2c] {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 4px 1px 6px;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    background: #fff;
    border: 0;
    border-radius: 0 0 4px 0;
    z-index: 1
}

.video-card__duration-icon[data-v-91acba2c] {
    position: relative;
    margin: 0 3px 0 0;
    top: 1px;
    height: 12px;
    width: 12px;
    color: #480024
}

.video-card__access-labels[data-v-91acba2c] {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.video-card__content[data-v-91acba2c] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px;
    width: 100%;
    background: #fff
}

.video-card__meta[data-v-91acba2c] {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
    line-height: 1
}

.video-card__date[data-v-91acba2c] {
    margin: 10px 0 3px;
    color: #212121;
    font-size: 11px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none;
    white-space: nowrap
}

.video-card__category[data-v-91acba2c], .video-card__date[data-v-91acba2c] {
    padding: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.video-card__category[data-v-91acba2c] {
    margin: 0;
    color: #480024;
    font-size: 12px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: uppercase
}

.video-card__title[data-v-91acba2c] {
    padding: 0;
    margin: 0;
    color: #212121;
    text-transform: none;
    white-space: normal
}

.video-card__icon[data-v-91acba2c] {
    position: relative;
    margin: 0 8px 0 0;
    top: 1px;
    height: 16px;
    width: 16px;
    color: #480024
}

</style >
<style type="text/css" >
.video-carousel[data-v-41cba7c3] {
    width: 100%
}

.video-carousel__card[data-v-41cba7c3] {
    height: 100%
}

</style >
<style type="text/css" >
.video-carousel-hero[data-v-10d6c909] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 0;
    min-height: 300px;
    width: 100%;
    background: #480024;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat
}

@media screen and (min-width:760px) {
    .video-carousel-hero[data-v-10d6c909] {
        padding-top: 96px;
        min-height: 500px
    }
}

.video-carousel-hero__logo[data-v-10d6c909] {
    height: 28px
}

@media screen and (min-width:760px) {
    .video-carousel-hero__logo[data-v-10d6c909] {
        height: 36px
    }
}

.video-carousel-hero__body[data-v-10d6c909] {
    max-width: 688px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 18px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: none
}

@media screen and (min-width:760px) {
    .video-carousel-hero__body[data-v-10d6c909] {
        font-size: 24px
    }
}

.video-carousel-hero__loader[data-v-10d6c909] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 340px;
    color: #fff
}

.video-carousel-hero--light .video-carousel-hero__body[data-v-10d6c909] {
    color: #212121
}

.video-carousel-hero--dark .video-carousel-hero__body[data-v-10d6c909] {
    color: #fff
}

</style >
<style type="text/css" >
.generic-hero[data-v-68c6aad0] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 80px 0 32px;
    height: 300px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .generic-hero[data-v-68c6aad0] {
        padding: 96px 0 32px;
        height: 500px
    }
}

.generic-hero--light-mode[data-v-68c6aad0] {
    background: #fafafa 50% 50% no-repeat;
    background-size: cover
}

.generic-hero--light-mode .generic-hero__title[data-v-68c6aad0] {
    color: #212121
}

.generic-hero--dark-mode[data-v-68c6aad0] {
    background: #480024 50% 50% no-repeat;
    background-size: cover;
    background-position: center -10px
}

.generic-hero--dark-mode .generic-hero__title[data-v-68c6aad0] {
    color: #fff
}

.generic-hero__link[data-v-68c6aad0], .generic-hero__title[data-v-68c6aad0] {
    margin: 0
}

</style >
<style type="text/css" >
.next-live-hero[data-v-3f309057] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 80px 0 32px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (min-width:1024px) {
    .next-live-hero[data-v-3f309057] {
        padding: 96px 0 32px
    }
}

@media screen and (min-width:760px) {
    .next-live-hero__inner[data-v-3f309057] {
        display: flex;
        justify-content: space-between
    }
}

.next-live-hero__thumbnail[data-v-3f309057] {
    height: 60px;
    margin-bottom: 16px
}

@media screen and (min-width:760px) {
    .next-live-hero__thumbnail[data-v-3f309057] {
        margin-bottom: 0;
        margin-right: 18px
    }
}

@media screen and (min-width:1024px) {
    .next-live-hero__thumbnail[data-v-3f309057] {
        margin-right: 22px
    }
}

.next-live-hero__details[data-v-3f309057] {
    flex: 1
}

@media screen and (min-width:760px) {
    .next-live-hero__details[data-v-3f309057] {
        margin-right: 18px
    }
}

@media screen and (min-width:1024px) {
    .next-live-hero__details[data-v-3f309057] {
        margin-right: 22px
    }
}

.next-live-hero__details-top[data-v-3f309057] {
    display: flex;
    align-items: flex-end;
    margin-bottom: 8px
}

.next-live-hero__crests[data-v-3f309057] {
    height: 55px
}

    .next-live-hero__crests[data-v-3f309057]:first-child {
        margin-right: 16px
    }

@media screen and (min-width:760px) {
    .next-live-hero__crests[data-v-3f309057] {
        height: 116px
    }
}

.next-live-hero__crests--mobile[data-v-3f309057] {
    font-size: 0;
    margin-right: 16px
}

@media screen and (min-width:450px) {
    .next-live-hero__crests--mobile[data-v-3f309057] {
        margin-right: 64px
    }
}

@media screen and (min-width:760px) {
    .next-live-hero__crests--mobile[data-v-3f309057] {
        display: none
    }
}

.next-live-hero__crests--desktop[data-v-3f309057] {
    display: flex;
    align-self: center;
    font-size: 0
}

@media screen and (max-width:759px) {
    .next-live-hero__crests--desktop[data-v-3f309057] {
        display: none
    }
}

.next-live-hero__title[data-v-3f309057] {
    margin-top: 0;
    margin-bottom: 8px
}

.next-live-hero__description[data-v-3f309057] {
    margin-bottom: 16px
}

@media screen and (min-width:760px) {
    .next-live-hero__description[data-v-3f309057] {
        margin-bottom: 32px
    }
}

.next-live-hero__buttons[data-v-3f309057] {
    display: flex
}

.next-live-hero__button[data-v-3f309057] {
    min-width: 104px;
    text-transform: uppercase;
    margin-right: 24px
}

.next-live-hero__no-data > *[data-v-3f309057] {
    text-align: center;
    font-weight: 700
}

.next-live-hero--light-mode[data-v-3f309057] {
    background: #fafafa 50% 50% no-repeat;
    background-size: cover
}

    .next-live-hero--light-mode .next-live-hero__description[data-v-3f309057], .next-live-hero--light-mode .next-live-hero__no-data-text[data-v-3f309057], .next-live-hero--light-mode .next-live-hero__time-container[data-v-3f309057], .next-live-hero--light-mode .next-live-hero__title[data-v-3f309057], .next-live-hero--light-mode[data-v-3f309057] .global-carousel__heading {
        color: #212121
    }

.next-live-hero--dark-mode[data-v-3f309057] {
    background: #480024 50% 50% no-repeat;
    background-size: cover
}

    .next-live-hero--dark-mode .next-live-hero__datetime[data-v-3f309057], .next-live-hero--dark-mode .next-live-hero__description[data-v-3f309057], .next-live-hero--dark-mode .next-live-hero__no-data-text[data-v-3f309057], .next-live-hero--dark-mode .next-live-hero__time-container[data-v-3f309057], .next-live-hero--dark-mode .next-live-hero__title[data-v-3f309057], .next-live-hero--dark-mode[data-v-3f309057] .global-carousel__heading {
        color: #fff
    }

</style >
<style type="text/css" >
.button--ghost-light.no-action[data-v-58b6727e] {
    border: 1px solid rgba(72,0,36,.25)
}

.button--ghost-dark.no-action[data-v-58b6727e] {
    border: 1px solid hsla(0,0%,100%,.25)
}

.button.streamline-button[data-v-58b6727e] {
    display: flex;
    text-align: left;
    justify-content: flex-start;
    border-radius: 8px;
    margin-bottom: 8px;
    min-height: 64px;
    min-width: 230px;
    padding: 12px 16px 12px 12px;
    white-space: normal;
    height: unset
}

@media screen and (min-width:760px) {
    .button.streamline-button[data-v-58b6727e] {
        margin-bottom: 16px
    }
}

.button.streamline-button #icon[data-v-58b6727e] {
    width: 24px !important;
    height: 24px !important;
    flex-shrink: 0;
    margin-right: 12px
}

.button.streamline-button .button__text[data-v-58b6727e] {
    display: block
}

    .button.streamline-button .button__text[data-v-58b6727e]:first-child {
        font-size: 12px;
        font-weight: regular;
        text-transform: uppercase;
        margin-bottom: 10px;
        letter-spacing: 2px
    }

    .button.streamline-button .button__text[data-v-58b6727e]:last-child {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase
    }

.button--disabled[data-v-58b6727e] {
    background: #aaa;
    color: #fff
}

.no-action[data-v-58b6727e] {
    pointer-events: none;
    letter-spacing: 2px
}

</style >
<style type="text/css" >
.next-live-hero[data-v-50e09760] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 80px 0 32px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .next-live-hero[data-v-50e09760] {
        padding: 128px 0 32px
    }
}

.next-live-hero__loader[data-v-50e09760] {
    color: #fff;
    position: absolute;
    top: 128px;
    justify-content: flex-start
}

.next-live-hero__inner[data-v-50e09760] {
    transition: opacity .3s cubic-bezier(.23,1.25,.46,1)
}

@media screen and (min-width:760px) {
    .next-live-hero__inner[data-v-50e09760] {
        display: flex;
        justify-content: space-between
    }
}

.next-live-hero__inner.is-loading[data-v-50e09760] {
    opacity: 0;
    visibility: none
}

.next-live-hero__thumbnail[data-v-50e09760] {
    height: 60px;
    margin-bottom: 16px
}

@media screen and (min-width:760px) {
    .next-live-hero__thumbnail[data-v-50e09760] {
        margin-bottom: 0;
        margin-right: 18px
    }
}

@media screen and (min-width:1024px) {
    .next-live-hero__thumbnail[data-v-50e09760] {
        margin-right: 22px
    }
}

.next-live-hero__details[data-v-50e09760] {
    flex: 1;
    border-radius: 8px;
    padding: 16px;
    background-color: #2f0017
}

@media screen and (min-width:760px) {
    .next-live-hero__details[data-v-50e09760] {
        margin-right: 18px
    }
}

@media screen and (min-width:1024px) {
    .next-live-hero__details[data-v-50e09760] {
        max-width: 60%;
        margin-right: 22px
    }
}

@media screen and (min-width:1440px) {
    .next-live-hero__details[data-v-50e09760] {
        max-width: 41%;
        margin-right: 22px
    }
}

.next-live-hero__details-top[data-v-50e09760] {
    min-height: 50px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px
}

.next-live-hero__featured-message[data-v-50e09760] {
    color: #94bee5;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 4px
}

.next-live-hero__featured-message--live[data-v-50e09760] {
    display: inline-block;
    padding: 4px 5px;
    background: #94bee5;
    color: #480024;
    border-radius: 4px
}

    .next-live-hero__featured-message--live[data-v-50e09760]:before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #480024;
        display: inline-block;
        margin-right: 4px
    }

.next-live-hero__competition-crest[data-v-50e09760] {
    height: 50px;
    margin-right: 20px
}

.next-live-hero__competition[data-v-50e09760] {
    font-weight: 700
}

.next-live-hero__competition[data-v-50e09760], .next-live-hero__datetime[data-v-50e09760] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    text-transform: none
}

.next-live-hero__datetime[data-v-50e09760] {
    font-weight: 400
}

.next-live-hero__crests[data-v-50e09760] {
    height: 88px;
    margin-bottom: 16px
}

    .next-live-hero__crests[data-v-50e09760]:first-child {
        margin-right: 24px
    }

@media screen and (min-width:360px) {
    .next-live-hero__crests[data-v-50e09760] {
        margin-bottom: 0;
        height: 116px
    }
}

@media screen and (min-width:1024px) {
    .next-live-hero__crests[data-v-50e09760] {
        height: 130px
    }
}

@media screen and (min-width:1200px) {
    .next-live-hero__crests[data-v-50e09760] {
        height: 140px
    }
}

@media screen and (min-width:1440px) {
    .next-live-hero__crests[data-v-50e09760] {
        height: 160px
    }
}

.next-live-hero__crests--mobile[data-v-50e09760] {
    font-size: 0
}

@media screen and (min-width:1024px) {
    .next-live-hero__crests--mobile[data-v-50e09760] {
        display: none
    }
}

.next-live-hero__crests--desktop[data-v-50e09760] {
    display: flex;
    margin-top: 82px;
    align-self: flex-start;
    font-size: 0
}

@media screen and (max-width:1023px) {
    .next-live-hero__crests--desktop[data-v-50e09760] {
        display: none
    }
}

.next-live-hero__title[data-v-50e09760] {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 8px
}

.next-live-hero__description[data-v-50e09760], .next-live-hero__title[data-v-50e09760] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif)
}

.next-live-hero__description[data-v-50e09760] {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 16px
}

@media screen and (min-width:760px) {
    .next-live-hero__description[data-v-50e09760] {
        margin-bottom: 32px
    }
}

@media screen and (min-width:760px) {
    .next-live-hero__cta[data-v-50e09760] {
        display: flex
    }
}

.next-live-hero__button[data-v-50e09760] {
    min-width: 104px;
    text-transform: uppercase
}

.next-live-hero__countdown-area[data-v-50e09760] {
    margin: auto 0 auto 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

    .next-live-hero__countdown-area[data-v-50e09760] .timer__label {
        font-family: Roboto,sans-serif;
        font-family: var(--primary_font,"Roboto",sans-serif);
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px
    }

.next-live-hero__countdown[data-v-50e09760] {
    justify-content: center
}

.next-live-hero__buttons[data-v-50e09760] {
    margin-bottom: 8px
}

.next-live-hero__button[data-v-50e09760] {
    max-width: 400px
}

.next-live-hero__no-data > *[data-v-50e09760] {
    text-align: center;
    font-weight: 700
}

.next-live-hero--light[data-v-50e09760] {
    background: #fafafa top no-repeat;
    background-size: cover
}

.next-live-hero--light .next-live-hero__countdown[data-v-50e09760], .next-live-hero--light .next-live-hero__description[data-v-50e09760], .next-live-hero--light .next-live-hero__featured-message[data-v-50e09760], .next-live-hero--light .next-live-hero__live-message[data-v-50e09760], .next-live-hero--light .next-live-hero__loader[data-v-50e09760], .next-live-hero--light .next-live-hero__no-data-text[data-v-50e09760], .next-live-hero--light .next-live-hero__time-container[data-v-50e09760], .next-live-hero--light .next-live-hero__title[data-v-50e09760] {
    color: #212121
}

.next-live-hero--light .next-live-hero__details[data-v-50e09760] {
    background-color: #fafafa
}

.next-live-hero--light[data-v-50e09760] .global-carousel__heading {
    color: #212121
}

.next-live-hero--dark[data-v-50e09760] {
    background: #480024 top no-repeat;
    background-size: cover
}

.next-live-hero--dark .next-live-hero__countdown[data-v-50e09760], .next-live-hero--dark .next-live-hero__datetime[data-v-50e09760], .next-live-hero--dark .next-live-hero__description[data-v-50e09760], .next-live-hero--dark .next-live-hero__live-message[data-v-50e09760], .next-live-hero--dark .next-live-hero__loader[data-v-50e09760], .next-live-hero--dark .next-live-hero__no-data-text[data-v-50e09760], .next-live-hero--dark .next-live-hero__time-container[data-v-50e09760], .next-live-hero--dark .next-live-hero__title[data-v-50e09760] {
    color: #fff
}

.next-live-hero--dark .next-live-hero__details[data-v-50e09760] {
    background-color: #2f0017
}

.next-live-hero--dark[data-v-50e09760] .global-carousel__heading {
    color: #fff
}

</style >
<style type="text/css" >
.category-carousel[data-v-2ae074de] {
    width: 100%
}

.category-card[data-v-2ae074de] {
    height: 100%
}

</style >
<style type="text/css" >
.content-widget[data-v-1a9d2602] {
    width: 100%;
    background: inherit
}

.content-widget--light[data-v-1a9d2602] {
    background: #fafafa
}

.content-widget--dark[data-v-1a9d2602] {
    background: #480024
}

.content-widget__inner[data-v-1a9d2602] {
    display: flex;
    flex-direction: column;
    margin: 32px auto;
    margin: var(--content_spacing--small,32px) auto
}

@media screen and (min-width:760px) {
    .content-widget__inner[data-v-1a9d2602] {
        margin: 48px auto;
        margin: var(--content_spacing--large,48px) auto
    }
}

@media screen and (min-width:1024px) {
    .content-widget__inner[data-v-1a9d2602] {
        flex-direction: row
    }
}

.content-widget__info[data-v-1a9d2602] {
    margin: 0 0 16px
}

@media screen and (min-width:1024px) {
    .content-widget__info[data-v-1a9d2602] {
        min-width: 30%;
        margin: 0 16px 0 0
    }
}

@media screen and (min-width:1024px) {
    .content-widget__detail[data-v-1a9d2602] {
        min-width: 70%
    }
}

.content-widget__title[data-v-1a9d2602] {
    font-size: 16px
}

.content-widget__title--light[data-v-1a9d2602] {
    color: #212121
}

.content-widget__title--dark[data-v-1a9d2602] {
    color: #fff
}

</style >
<style type="text/css" >
.promo-widget[data-v-70b50b12] {
    width: 100%;
    background: inherit;
    padding: 40px 16px
}

@media screen and (min-width:1024px) {
    .promo-widget[data-v-70b50b12] {
        padding: 0;
        margin-bottom: 0
    }
}

.promo-widget__inner[data-v-70b50b12] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

@media screen and (min-width:1024px) {
    .promo-widget__inner[data-v-70b50b12] {
        flex-direction: row;
        justify-content: space-between;
        height: 160px
    }
}

.promo-widget__text[data-v-70b50b12] {
    margin-right: 0;
    margin-bottom: 12px
}

@media screen and (min-width:1024px) {
    .promo-widget__text[data-v-70b50b12] {
        margin-right: 16px;
        margin-bottom: 0;
        flex-basis: 32%;
        z-index: 2
    }
}

.promo-widget__title[data-v-70b50b12] {
    margin-bottom: 4px;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-align: center
}

@media screen and (min-width:1024px) {
    .promo-widget__title[data-v-70b50b12] {
        text-align: left
    }
}

.promo-widget__description[data-v-70b50b12] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    text-align: center
}

@media screen and (min-width:1024px) {
    .promo-widget__description[data-v-70b50b12] {
        text-align: left
    }
}

.promo-widget__image[data-v-70b50b12] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
    max-width: 400px
}

@media screen and (min-width:1024px) {
    .promo-widget__image[data-v-70b50b12] {
        height: 108%;
        transform: translateY(-4%);
        width: auto;
        margin-right: 12px;
        margin-bottom: 0;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        z-index: 1
    }
}

.promo-widget__button[data-v-70b50b12] {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.promo-widget__button-wrapper[data-v-70b50b12] {
    text-align: right
}

@media screen and (min-width:1024px) {
    .promo-widget__button-wrapper[data-v-70b50b12] {
        flex-basis: 32%
    }
}

.promo-widget--light[data-v-70b50b12] {
    background: #fafafa
}

.promo-widget--light .promo-widget__description[data-v-70b50b12], .promo-widget--light .promo-widget__title[data-v-70b50b12] {
    color: #212121
}

.promo-widget--dark[data-v-70b50b12] {
    background: #480024
}

.promo-widget--dark .promo-widget__description[data-v-70b50b12], .promo-widget--dark .promo-widget__title[data-v-70b50b12] {
    color: #fff
}

</style >
<style type="text/css" >
.streamplay-feature[data-v-d99a2fc2] {
    width: 100%;
    background: inherit
}

.streamplay-feature--light[data-v-d99a2fc2] {
    background: #fafafa
}

.streamplay-feature--dark[data-v-d99a2fc2] {
    background: #480024
}

.streamplay-feature__inner[data-v-d99a2fc2] {
    display: flex;
    flex-direction: column;
    margin: 32px auto;
    margin: var(--content_spacing--small,32px) auto
}

@media screen and (min-width:760px) {
    .streamplay-feature__inner[data-v-d99a2fc2] {
        margin: 48px auto;
        margin: var(--content_spacing--large,48px) auto
    }
}

@media screen and (min-width:1024px) {
    .streamplay-feature__inner[data-v-d99a2fc2] {
        flex-direction: row
    }
}

.streamplay-feature__info[data-v-d99a2fc2] {
    margin: 0 0 16px;
    flex: 1 1 33%
}

@media screen and (min-width:1024px) {
    .streamplay-feature__info[data-v-d99a2fc2] {
        margin: 0;
        min-width: 30%;
        padding-right: 16px
    }
}

@media screen and (min-width:1024px) {
    .streamplay-feature__detail[data-v-d99a2fc2] {
        min-width: 70%
    }
}

.streamplay-feature__label[data-v-d99a2fc2] {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.streamplay-feature__label--light[data-v-d99a2fc2] {
    color: #480024
}

.streamplay-feature__label--dark[data-v-d99a2fc2] {
    color: #94bee5
}

.streamplay-feature__datetime[data-v-d99a2fc2] {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.streamplay-feature__datetime--light[data-v-d99a2fc2] {
    color: #212121
}

.streamplay-feature__datetime--dark[data-v-d99a2fc2] {
    color: #fff
}

.streamplay-feature__title[data-v-d99a2fc2] {
    font-size: 24px;
    margin: 0 0 8px
}

@media screen and (min-width:760px) {
    .streamplay-feature__title[data-v-d99a2fc2] {
        font-size: 40px
    }
}

.streamplay-feature__title--light[data-v-d99a2fc2] {
    color: #212121
}

.streamplay-feature__title--dark[data-v-d99a2fc2] {
    color: #fff
}

.streamplay-feature__description[data-v-d99a2fc2] {
    font-size: 16px;
    margin-bottom: 24px
}

@media screen and (min-width:1440px) {
    .streamplay-feature__description[data-v-d99a2fc2] {
        font-size: 16px
    }
}

.streamplay-feature__description--light[data-v-d99a2fc2] {
    color: #212121
}

.streamplay-feature__description--dark[data-v-d99a2fc2] {
    color: #fff
}

.streamplay-feature__button-wrapper[data-v-d99a2fc2] {
    text-align: left
}

.streamplay-feature__button[data-v-d99a2fc2] {
    text-transform: uppercase;
    font-size: 12px;
    min-width: 256px;
    max-width: 100%;
    margin-bottom: 24px
}

@media screen and (min-width:760px) {
    .streamplay-feature__button[data-v-d99a2fc2] {
        margin-left: auto;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 0
    }
}

.streamplay-feature__image[data-v-d99a2fc2] {
    display: inline-block;
    width: 100%;
    border-radius: 8px
}

@media screen and (min-width:1024px) {
    .streamplay-feature__image[data-v-d99a2fc2] {
        flex: 1 1 66%;
        width: 50%
    }
}

</style >
<style type="text/css" >
.small-spotlight[data-v-3ff23f12] {
    width: 100%;
    padding: 24px 0 64px
}

@media screen and (min-width:760px) {
    .small-spotlight[data-v-3ff23f12] {
        padding: 48px 0 60px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

@media screen and (min-width:1024px) {
    .small-spotlight[data-v-3ff23f12] {
        padding-bottom: 80px
    }
}

@media screen and (min-width:1440px) {
    .small-spotlight[data-v-3ff23f12] {
        padding: 80px 0 112px
    }
}

.small-spotlight--light[data-v-3ff23f12] {
    background-color: #fafafa;
    color: #212121
}

.small-spotlight--light .small-spotlight__category[data-v-3ff23f12] {
    color: #480024
}

.small-spotlight--light .small-spotlight__description[data-v-3ff23f12] {
    color: #212121
}

.small-spotlight--dark[data-v-3ff23f12] {
    background-color: #480024;
    color: #fff
}

.small-spotlight--dark .small-spotlight__category[data-v-3ff23f12] {
    color: #94bee5
}

.small-spotlight--dark .small-spotlight__description[data-v-3ff23f12] {
    color: #fff
}

@media screen and (min-width:760px) {
    .small-spotlight__inner[data-v-3ff23f12] {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: flex-start
    }
}

.small-spotlight__thumbnail-wrapper[data-v-3ff23f12] {
    position: relative
}

@media screen and (min-width:760px) {
    .small-spotlight__thumbnail-wrapper[data-v-3ff23f12] {
        flex-basis: 50%
    }
}

.small-spotlight__thumbnail[data-v-3ff23f12] {
    padding-top: 56.25%;
    margin-bottom: 60px;
    background: 50%/cover no-repeat
}

@media screen and (min-width:760px) {
    .small-spotlight__thumbnail[data-v-3ff23f12] {
        margin: 0
    }
}

.small-spotlight__access-labels[data-v-3ff23f12] {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

@media screen and (min-width:760px) {
    .small-spotlight__content[data-v-3ff23f12] {
        flex-basis: 50%;
        padding-right: 80px;
        margin: auto
    }
}

.small-spotlight__category[data-v-3ff23f12] {
    font-size: 13px;
    text-transform: uppercase
}

.small-spotlight__category[data-v-3ff23f12], .small-spotlight__title[data-v-3ff23f12] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700
}

.small-spotlight__title[data-v-3ff23f12] {
    padding-bottom: 8px;
    font-size: 24px;
    text-transform: none;
    line-height: 1.33
}

@media screen and (min-width:760px) {
    .small-spotlight__title[data-v-3ff23f12] {
        font-size: 28px
    }
}

@media screen and (min-width:1440px) {
    .small-spotlight__title[data-v-3ff23f12] {
        padding-top: 8px;
        font-size: 48px
    }
}

.small-spotlight__description[data-v-3ff23f12] {
    font-size: 16px
}

@media screen and (min-width:1440px) {
    .small-spotlight__description[data-v-3ff23f12] {
        font-size: 16px
    }
}

.small-spotlight__button[data-v-3ff23f12] {
    margin-top: 16px
}

</style >
<style type="text/css" >
.small-spotlight[data-v-b846c17a] {
    width: 100%;
    padding: 24px 0 64px
}

@media screen and (min-width:760px) {
    .small-spotlight[data-v-b846c17a] {
        padding: 48px 0 60px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

@media screen and (min-width:1024px) {
    .small-spotlight[data-v-b846c17a] {
        padding-bottom: 80px
    }
}

@media screen and (min-width:1440px) {
    .small-spotlight[data-v-b846c17a] {
        padding: 80px 0 112px
    }
}

.small-spotlight--light[data-v-b846c17a] {
    background-color: #fafafa;
    color: #212121
}

.small-spotlight--light .small-spotlight__category[data-v-b846c17a] {
    color: #480024
}

.small-spotlight--light .small-spotlight__description[data-v-b846c17a] {
    color: #212121
}

.small-spotlight--dark[data-v-b846c17a] {
    background-color: #480024;
    color: #fff
}

.small-spotlight--dark .small-spotlight__category[data-v-b846c17a] {
    color: #94bee5
}

.small-spotlight--dark .small-spotlight__description[data-v-b846c17a] {
    color: #fff
}

@media screen and (min-width:760px) {
    .small-spotlight__inner[data-v-b846c17a] {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: flex-start
    }
}

.small-spotlight__thumbnail-wrapper[data-v-b846c17a] {
    position: relative
}

@media screen and (min-width:760px) {
    .small-spotlight__thumbnail-wrapper[data-v-b846c17a] {
        flex-basis: 50%
    }
}

.small-spotlight__thumbnail[data-v-b846c17a] {
    padding-top: 56.25%;
    margin-bottom: 60px;
    background: 50%/cover no-repeat
}

@media screen and (min-width:760px) {
    .small-spotlight__thumbnail[data-v-b846c17a] {
        margin: 0
    }
}

.small-spotlight__access-labels[data-v-b846c17a] {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

@media screen and (min-width:760px) {
    .small-spotlight__content[data-v-b846c17a] {
        flex-basis: 50%;
        padding-right: 80px;
        margin: auto
    }
}

.small-spotlight__category[data-v-b846c17a] {
    font-size: 13px;
    text-transform: uppercase
}

.small-spotlight__category[data-v-b846c17a], .small-spotlight__title[data-v-b846c17a] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: 700
}

.small-spotlight__title[data-v-b846c17a] {
    padding-bottom: 8px;
    font-size: 24px;
    text-transform: none;
    line-height: 1.33
}

@media screen and (min-width:760px) {
    .small-spotlight__title[data-v-b846c17a] {
        font-size: 28px
    }
}

@media screen and (min-width:1440px) {
    .small-spotlight__title[data-v-b846c17a] {
        padding-top: 8px;
        font-size: 48px
    }
}

.small-spotlight__description[data-v-b846c17a] {
    font-size: 16px
}

@media screen and (min-width:1440px) {
    .small-spotlight__description[data-v-b846c17a] {
        font-size: 16px
    }
}

.small-spotlight__button[data-v-b846c17a] {
    margin-top: 16px
}

</style >
<style type="text/css" >
.upcoming-feed-card[data-v-7c5d8eee] {
    margin-top: -1px
}

.upcoming-feed-card[data-v-7c5d8eee]:not(:first-of-type) {
    border-top: 1px solid hsla(0,0%,91%,.2)
}

.upcoming-feed-card[data-v-7c5d8eee]:not(:last-of-type) {
    border-bottom: 1px solid hsla(0,0%,91%,.2)
}

.upcoming-feed-card__inner[data-v-7c5d8eee] {
    padding: 12px 8px 16px
}

.upcoming-feed-card__small[data-v-7c5d8eee] {
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%
}

@media screen and (min-width:760px) {
    .upcoming-feed-card__small[data-v-7c5d8eee] {
        flex-direction: row
    }
}

.upcoming-feed-card__large-competition[data-v-7c5d8eee] {
    font-size: 10px;
    font-weight: 700
}

@media screen and (min-width:760px) {
    .upcoming-feed-card__large-competition[data-v-7c5d8eee] {
        font-size: 13px
    }
}

.upcoming-feed-card__large-competition--light[data-v-7c5d8eee] {
    color: #212121
}

.upcoming-feed-card__large-competition--dark[data-v-7c5d8eee] {
    color: #fff
}

.upcoming-feed-card__large-time[data-v-7c5d8eee] {
    font-size: 16px;
    font-weight: 700;
    display: none
}

@media screen and (min-width:760px) {
    .upcoming-feed-card__large-time[data-v-7c5d8eee] {
        display: block
    }
}

.upcoming-feed-card__large-time--light[data-v-7c5d8eee] {
    color: #212121
}

.upcoming-feed-card__large-time--dark[data-v-7c5d8eee] {
    color: #fff
}

.upcoming-feed-card__large-date[data-v-7c5d8eee] {
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    display: none
}

@media screen and (min-width:760px) {
    .upcoming-feed-card__large-date[data-v-7c5d8eee] {
        display: block
    }
}

.upcoming-feed-card__large-date--light[data-v-7c5d8eee] {
    color: #212121
}

.upcoming-feed-card__large-date--dark[data-v-7c5d8eee] {
    color: #fff
}

.upcoming-feed-card__large-datetime[data-v-7c5d8eee] {
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    display: block
}

@media screen and (min-width:760px) {
    .upcoming-feed-card__large-datetime[data-v-7c5d8eee] {
        display: none
    }
}

.upcoming-feed-card__large-datetime--light[data-v-7c5d8eee] {
    color: #212121
}

.upcoming-feed-card__large-datetime--dark[data-v-7c5d8eee] {
    color: #fff
}

.upcoming-feed-card__image[data-v-7c5d8eee] {
    display: inline-block;
    height: auto;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 8px;
    margin-right: 0
}

@media screen and (min-width:760px) {
    .upcoming-feed-card__image[data-v-7c5d8eee] {
        margin-bottom: 0;
        margin-right: 18px;
        width: 250px
    }
}

@media screen and (min-width:1024px) {
    .upcoming-feed-card__image[data-v-7c5d8eee] {
        width: 200px
    }
}

@media screen and (min-width:1300px) {
    .upcoming-feed-card__image[data-v-7c5d8eee] {
        width: 250px
    }
}

.upcoming-feed-card__datetime-wrapper[data-v-7c5d8eee] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 2 1 auto;
    width: 100%;
    margin-right: 0
}

@media screen and (min-width:760px) {
    .upcoming-feed-card__datetime-wrapper[data-v-7c5d8eee] {
        margin-right: 18px;
        min-width: 65px;
        max-width: 105px
    }
}

.upcoming-feed-card__title-wrapper[data-v-7c5d8eee] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-right: 0;
    margin-bottom: 18px;
    width: 100%
}

@media screen and (min-width:760px) {
    .upcoming-feed-card__title-wrapper[data-v-7c5d8eee] {
        margin-right: 18px;
        margin-bottom: 0;
        flex: 1 1 auto
    }
}

.upcoming-feed-card__competition[data-v-7c5d8eee] {
    display: none;
    margin: 0 0 .5em;
    padding: 0 0 2px;
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400)
}

@media screen and (min-width:760px) {
    .upcoming-feed-card__competition[data-v-7c5d8eee] {
        display: inline-block;
        font-size: 12px
    }
}

.upcoming-feed-card__competition--light[data-v-7c5d8eee] {
    color: #212121;
    border-bottom: 1px solid #aaa
}

.upcoming-feed-card__competition--dark[data-v-7c5d8eee] {
    color: #fff;
    border-bottom: 1px solid #6d0439
}

.upcoming-feed-card__title[data-v-7c5d8eee] {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.upcoming-feed-card__title--light[data-v-7c5d8eee] {
    color: #212121
}

.upcoming-feed-card__title--dark[data-v-7c5d8eee] {
    color: #fff
}

.upcoming-feed-card__description[data-v-7c5d8eee] {
    margin: .5em 0 0;
    font-size: 12px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400)
}

.upcoming-feed-card__description--light[data-v-7c5d8eee] {
    color: #212121
}

.upcoming-feed-card__description--dark[data-v-7c5d8eee] {
    color: #fff
}

.upcoming-feed-card__button-wrapper[data-v-7c5d8eee] {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:450px) {
    .upcoming-feed-card__button-wrapper[data-v-7c5d8eee] {
        flex-direction: row;
        flex: 1 1 auto
    }
}

.upcoming-feed-card__button[data-v-7c5d8eee] {
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    width: 256px
}

@media screen and (min-width:760px) {
    .upcoming-feed-card__button[data-v-7c5d8eee] {
        width: auto;
        margin-left: auto;
        padding-left: 8px;
        padding-right: 8px
    }
}

</style >
<style type="text/css" >
.streamplay-list[data-v-cc872e5e] {
    width: 100%;
    background: inherit
}

.streamplay-list--light[data-v-cc872e5e] {
    background: #fafafa
}

.streamplay-list--dark[data-v-cc872e5e] {
    background: #480024
}

.streamplay-list__inner[data-v-cc872e5e] {
    display: flex;
    flex-direction: column;
    margin: 32px auto;
    margin: var(--content_spacing--small,32px) auto
}

@media screen and (min-width:760px) {
    .streamplay-list__inner[data-v-cc872e5e] {
        margin: 48px auto;
        margin: var(--content_spacing--large,48px) auto
    }
}

@media screen and (min-width:1024px) {
    .streamplay-list__inner[data-v-cc872e5e] {
        flex-direction: row
    }
}

.streamplay-list__info[data-v-cc872e5e] {
    margin: 0 0 16px
}

@media screen and (min-width:1024px) {
    .streamplay-list__info[data-v-cc872e5e] {
        margin: 0;
        min-width: 30%;
        padding-right: 16px
    }
}

@media screen and (min-width:1024px) {
    .streamplay-list__detail[data-v-cc872e5e] {
        min-width: 70%
    }
}

.streamplay-list__label[data-v-cc872e5e] {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.streamplay-list__label--light[data-v-cc872e5e] {
    color: #212121
}

.streamplay-list__label--dark[data-v-cc872e5e] {
    color: #fff
}

.streamplay-list__title[data-v-cc872e5e] {
    margin-top: 8px
}

.streamplay-list__title--light[data-v-cc872e5e] {
    color: #212121
}

.streamplay-list__title--dark[data-v-cc872e5e] {
    color: #fff
}

.streamplay-list__description[data-v-cc872e5e] {
    font-size: 16px
}

@media screen and (min-width:1440px) {
    .streamplay-list__description[data-v-cc872e5e] {
        font-size: 16px
    }
}

.streamplay-list__description--light[data-v-cc872e5e] {
    color: #212121
}

.streamplay-list__description--dark[data-v-cc872e5e] {
    color: #fff
}

.streamplay-list__cta[data-v-cc872e5e] {
    margin: 0 0 32px;
    margin: 0 0 var(--content_spacing--small,32px)
}

@media screen and (min-width:760px) {
    .streamplay-list__cta[data-v-cc872e5e] {
        margin: 0 0 48px;
        margin: 0 0 var(--content_spacing--large,48px)
    }
}

.streamplay-list__section[data-v-cc872e5e] {
    position: relative;
    margin-bottom: 28px
}

.streamplay-list__section--light[data-v-cc872e5e]:not(.empty) {
    border-top: 2px solid #480024
}

.streamplay-list__section--dark[data-v-cc872e5e]:not(.empty) {
    border-top: 2px solid #94bee5
}

.streamplay-list__section-name[data-v-cc872e5e] {
    padding: 0 4px;
    position: absolute;
    top: 0;
    left: 8px;
    transform: translateY(-50%);
    color: #7b003e;
    text-transform: uppercase;
    font-size: 13px
}

.streamplay-list__section-name--light[data-v-cc872e5e] {
    background: #fafafa;
    color: #480024
}

.streamplay-list__section-name--dark[data-v-cc872e5e] {
    background: #480024;
    color: #94bee5
}

.streamplay-list__button[data-v-cc872e5e] {
    display: block;
    margin: 10px auto auto;
    text-transform: uppercase
}

@media screen and (min-width:1024px) {
    .streamplay-list .empty[data-v-cc872e5e] {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

</style >
<style type="text/css" >
.streaming-passes[data-v-97262396] {
    width: 100%;
    padding: 32px 0 40px
}

@media screen and (min-width:760px) {
    .streaming-passes[data-v-97262396] {
        padding: 80px 0
    }
}

@media screen and (min-width:1024px) {
    .streaming-passes[data-v-97262396] {
        padding: 80px 0
    }
}

.streaming-passes--light[data-v-97262396] {
    background-color: #fafafa;
    color: #212121
}

.streaming-passes--light .streaming-passes__description[data-v-97262396] {
    color: #212121
}

.streaming-passes--dark[data-v-97262396] {
    background-color: #480024;
    color: #fff
}

.streaming-passes--dark .streaming-passes__description[data-v-97262396] {
    color: #fff
}

.streaming-passes__heading-wrapper[data-v-97262396] {
    padding-right: 16px
}

.streaming-passes__heading[data-v-97262396] {
    color: inherit
}

.streaming-passes__description[data-v-97262396] {
    font-size: 16px
}

@media screen and (min-width:1440px) {
    .streaming-passes__description[data-v-97262396] {
        font-size: 16px
    }
}

.streaming-passes__pass[data-v-97262396] {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    padding: 0;
    height: 100%;
    overflow: hidden;
    white-space: normal;
    border: none;
    border-radius: 16px
}

.streaming-passes__pass--light[data-v-97262396] {
    background-color: #480024;
    color: #fff
}

.streaming-passes__pass--light .streaming-passes__button-wrapper[data-v-97262396] {
    border-top: 1px solid #6d0439
}

.streaming-passes__pass--dark[data-v-97262396] {
    background-color: #fafafa;
    color: #212121
}

.streaming-passes__pass--dark .streaming-passes__button-wrapper[data-v-97262396] {
    border-top: 1px solid #aaa
}

.streaming-passes__pass-image[data-v-97262396] {
    padding: 0;
    margin: 0 0 16px;
    width: 100%
}

.streaming-passes__pass-title[data-v-97262396] {
    margin: 0 auto 0 0;
    padding: 0 16px;
    text-align: left
}

.streaming-passes__pass-body[data-v-97262396] {
    padding: 0 0 16px
}

    .streaming-passes__pass-body[data-v-97262396] > * {
        margin: 8px 0 0;
        padding: 0 16px
    }

    .streaming-passes__pass-body[data-v-97262396] img {
        padding: 0;
        margin: 0;
        width: 100%
    }

.streaming-passes__pass-body--with-padding[data-v-97262396] {
    padding: 0 16px 16px
}

    .streaming-passes__pass-body--with-padding[data-v-97262396] > * {
        margin: 8px 0 0;
        padding: 0
    }

.streaming-passes__title[data-v-97262396] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-transform: none;
    text-transform: var(--heading_text_transform,none);
    color: inherit;
    white-space: normal
}

.streaming-passes__button-wrapper[data-v-97262396] {
    position: relative;
    margin: auto 0 0;
    padding: 16px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center
}

</style >
<style type="text/css" >
@media screen and (min-width:760px) {
    .mobile[data-v-0ec3fa22]

{
    display: none !important
}

.desktop[data-v-0ec3fa22] {
    display: flex
}

}

@media screen and (max-width:759px) {
    .mobile[data-v-0ec3fa22] {
        display: block
    }

    .desktop[data-v-0ec3fa22] {
        display: none !important
    }
}

@media screen and (min-width:1px) {
    .always-show[data-v-0ec3fa22] {
        display: block !important
    }
}

@media screen and (min-width:1px) and (min-width:760px) {
    .always-show[data-v-0ec3fa22] {
        display: flex !important
    }
}

@media screen and (min-width:1px) {
    .hide[data-v-0ec3fa22] {
        display: none !important
    }
}

.calendar-card[data-v-0ec3fa22] {
    width: 100%;
    color: #fff;
    position: relative
}

.calendar-card__line[data-v-0ec3fa22] {
    display: block;
    height: 1px;
    opacity: .2
}

@media screen and (min-width:760px) {
    .calendar-card__line[data-v-0ec3fa22] {
        display: none
    }
}

.calendar-card__inner[data-v-0ec3fa22] {
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding-bottom: 30px
}

@media screen and (min-width:760px) {
    .calendar-card__inner[data-v-0ec3fa22] {
        padding-top: 20px
    }
}

@media screen and (min-width:1024px) {
    .calendar-card__inner[data-v-0ec3fa22] {
        display: flex
    }
}

.calendar-card__inner-left[data-v-0ec3fa22] {
    display: block;
    margin: auto
}

@media screen and (min-width:760px) {
    .calendar-card__inner-left[data-v-0ec3fa22] {
        margin: 0;
        display: flex;
        align-items: center;
        flex-grow: 1
    }
}

.calendar-card__inner-right[data-v-0ec3fa22] {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 20px;
    flex-shrink: 0;
    flex-wrap: wrap
}

@media screen and (min-width:760px) and (max-width:1023px) {
    .calendar-card__inner-right[data-v-0ec3fa22] {
        flex-direction: row;
        flex-wrap: nowrap
    }
}

@media screen and (min-width:1024px) {
    .calendar-card__inner-right[data-v-0ec3fa22] {
        max-width: 250px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        margin-left: 16px;
        margin-top: 0
    }
}

.calendar-card__datetime[data-v-0ec3fa22] {
    text-align: left;
    flex: 0 0 96px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex
}

@media screen and (min-width:760px) {
    .calendar-card__datetime[data-v-0ec3fa22] {
        display: block;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0
    }
}

.calendar-card__time[data-v-0ec3fa22] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
    display: inline;
    order: 3
}

@media screen and (min-width:760px) {
    .calendar-card__time[data-v-0ec3fa22] {
        font-size: 24px;
        display: block
    }
}

.calendar-card__date[data-v-0ec3fa22] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
    display: inline;
    order: -1
}

@media screen and (min-width:1024px) {
    .calendar-card__date[data-v-0ec3fa22] {
        font-size: 16px;
        display: block
    }
}

.calendar-card__separator[data-v-0ec3fa22] {
    margin: 0 6px;
    order: 2;
    font-size: 20px
}

@media screen and (min-width:760px) {
    .calendar-card__separator[data-v-0ec3fa22] {
        display: none
    }
}

.calendar-card__crests[data-v-0ec3fa22], .calendar-card__image[data-v-0ec3fa22] {
    width: 100%
}

@media screen and (min-width:760px) {
    .calendar-card__crests[data-v-0ec3fa22], .calendar-card__image[data-v-0ec3fa22] {
        flex: 0 0 300px;
        width: 300px;
        height: 168.75218px;
        margin-left: 24px
    }
}

.calendar-card__image[data-v-0ec3fa22] {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 8px;
    padding-bottom: 56.25%
}

@media screen and (min-width:760px) {
    .calendar-card__image[data-v-0ec3fa22] {
        padding-bottom: 0
    }
}

.calendar-card__crest-container[data-v-0ec3fa22], .calendar-card__crests[data-v-0ec3fa22] {
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar-card__crest-container[data-v-0ec3fa22] {
    height: 100%
}

    .calendar-card__crest-container[data-v-0ec3fa22]:first-child {
        margin-right: 10px
    }

    .calendar-card__crest-container[data-v-0ec3fa22]:last-child {
        margin-left: 10px
    }

.calendar-card__crest[data-v-0ec3fa22] {
    max-height: 100%;
    height: 110px
}

.calendar-card__info[data-v-0ec3fa22] {
    align-self: flex-start
}

@media screen and (min-width:760px) {
    .calendar-card__info[data-v-0ec3fa22] {
        margin-left: 30px
    }
}

.calendar-card__type[data-v-0ec3fa22] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 10px;
    font-weight: regular;
    text-transform: none;
    margin-bottom: 6px
}

@media screen and (min-width:1024px) {
    .calendar-card__type[data-v-0ec3fa22] {
        font-size: 13px
    }
}

.calendar-card__title[data-v-0ec3fa22] {
    margin-top: 0;
    margin-bottom: 10px
}

.calendar-card__description[data-v-0ec3fa22], .calendar-card__title[data-v-0ec3fa22] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    text-transform: none
}

.calendar-card__description[data-v-0ec3fa22] {
    font-size: 16px;
    font-weight: regular;
    margin-bottom: 0
}

.calendar-card__live[data-v-0ec3fa22] {
    display: flex;
    align-items: center;
    position: relative;
    top: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #94bee5
}

    .calendar-card__live[data-v-0ec3fa22]:before {
        position: absolute;
        left: 15px;
        content: "LIVE";
        z-index: 2;
        padding: 0 5px
    }

    .calendar-card__live[data-v-0ec3fa22]:after {
        position: absolute;
        background-color: #94bee5;
        width: 100%;
        height: 1px;
        content: ""
    }

.calendar-card__upcoming[data-v-0ec3fa22] {
    display: none;
    align-items: center;
    position: relative;
    top: 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7b003e
}

.calendar-card__upcoming.has-alt-border[data-v-0ec3fa22] {
    display: flex
}

.calendar-card__upcoming[data-v-0ec3fa22]:before {
    position: absolute;
    left: 15px;
    content: "UPCOMING";
    z-index: 2;
    padding: 0 5px
}

.calendar-card__upcoming[data-v-0ec3fa22]:after {
    position: absolute;
    background-color: #7b003e;
    width: 100%;
    height: 1px;
    content: ""
}

@media screen and (min-width:760px) {
    .calendar-card__upcoming[data-v-0ec3fa22] {
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .calendar-card__button[data-v-0ec3fa22]:not(:last-child) {
        margin-bottom: 8px
    }
}

.calendar-card__upcoming-mobile[data-v-0ec3fa22] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.calendar-card__upcoming-mobile-image[data-v-0ec3fa22] {
    flex: 0 0 128px;
    height: 72px;
    padding-bottom: 0;
    margin-left: 10px
}

.calendar-card__upcoming-mobile-crests[data-v-0ec3fa22] {
    flex: 0 0 40%;
    justify-content: flex-end;
    margin-left: 10px
}

.calendar-card__upcoming-mobile-crests .calendar-card__crest[data-v-0ec3fa22] {
    height: 56px
}

.listen-live__button[data-v-0ec3fa22], .watch-live__button[data-v-0ec3fa22] {
    padding: 0 10px
}

@media screen and (min-width:450px) {
    .listen-live__button[data-v-0ec3fa22], .watch-live__button[data-v-0ec3fa22] {
        width: 168px
    }
}

@media screen and (max-width:450px) {
    .listen-live__button[data-v-0ec3fa22], .watch-live__button[data-v-0ec3fa22] {
        padding: 0 10px;
        width: 100%;
        flex: 1 1 50%
    }

    .watch-live__button[data-v-0ec3fa22] {
        margin-right: 6px
    }

    .listen-live__button[data-v-0ec3fa22] {
        margin-left: 6px
    }
}

.calendar-card--light .calendar-card__date[data-v-0ec3fa22], .calendar-card--light .calendar-card__description[data-v-0ec3fa22], .calendar-card--light .calendar-card__separator[data-v-0ec3fa22], .calendar-card--light .calendar-card__time[data-v-0ec3fa22], .calendar-card--light .calendar-card__title[data-v-0ec3fa22], .calendar-card--light .calendar-card__type[data-v-0ec3fa22] {
    color: #212121
}

.calendar-card--light .calendar-card__line[data-v-0ec3fa22] {
    background-color: #212121
}

.calendar-card--light .calendar-card__live[data-v-0ec3fa22]:before {
    background-color: #fafafa;
    color: #212121
}

.calendar-card--light .calendar-card__live[data-v-0ec3fa22]:after {
    background-color: #212121
}

.calendar-card--light .calendar-card__upcoming[data-v-0ec3fa22]:before {
    background-color: #fafafa;
    color: #212121
}

.calendar-card--light .calendar-card__upcoming[data-v-0ec3fa22]:after {
    background-color: #212121
}

.calendar-card--dark .calendar-card__date[data-v-0ec3fa22], .calendar-card--dark .calendar-card__description[data-v-0ec3fa22], .calendar-card--dark .calendar-card__separator[data-v-0ec3fa22], .calendar-card--dark .calendar-card__time[data-v-0ec3fa22], .calendar-card--dark .calendar-card__title[data-v-0ec3fa22], .calendar-card--dark .calendar-card__type[data-v-0ec3fa22] {
    color: #fff
}

.calendar-card--dark .calendar-card__line[data-v-0ec3fa22] {
    background-color: #fff
}

.calendar-card--dark .calendar-card__live[data-v-0ec3fa22]:before {
    background-color: #15000b;
    color: #fff
}

.calendar-card--dark .calendar-card__live[data-v-0ec3fa22]:after {
    background-color: #fff
}

.calendar-card--dark .calendar-card__upcoming[data-v-0ec3fa22]:before {
    background-color: #15000b;
    color: #fff
}

.calendar-card--dark .calendar-card__upcoming[data-v-0ec3fa22]:after {
    background-color: #fff
}

</style >
<style type="text/css" >
.streamline-calendar__row[data-v-66e41ad7] {
    display: flex
}

.streamline-calendar__icon[data-v-66e41ad7] {
    height: 36px;
    width: 36px
}

.streamline-calendar__icon-container[data-v-66e41ad7] {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: none
}

@media screen and (min-width:760px) {
    .streamline-calendar__icon-container[data-v-66e41ad7] {
        display: flex
    }
}

.streamline-calendar__date-picker[data-v-66e41ad7] {
    scroll-behavior: smooth;
    display: flex;
    overflow-x: auto
}

    .streamline-calendar__date-picker[data-v-66e41ad7]::-webkit-scrollbar {
        display: none
    }

.streamline-calendar__date[data-v-66e41ad7] {
    width: 50px;
    height: 58px;
    flex: 0 0 50px;
    border-bottom: 4px solid #67247c;
    opacity: .4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: 2px
}

@media screen and (min-width:760px) {
    .streamline-calendar__date[data-v-66e41ad7] {
        width: 58px;
        height: 58px;
        flex: 0 0 58px
    }
}

.streamline-calendar__date--has-data[data-v-66e41ad7] {
    opacity: 1
}

.streamline-calendar__date--active[data-v-66e41ad7] {
    opacity: 1;
    background-color: #67247c;
    border-bottom: 4px solid #ebc2f7
}

.streamline-calendar__date--month[data-v-66e41ad7] {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    opacity: 1;
    pointer-events: none;
    border: 0
}

.streamline-calendar__weekday[data-v-66e41ad7] {
    font-size: 13px
}

.streamline-calendar__month-day[data-v-66e41ad7] {
    font-size: 13px;
    font-weight: 700
}

.streamline-calendar--dark .streamline-calendar__icon[data-v-66e41ad7], .streamline-calendar--dark .streamline-calendar__month[data-v-66e41ad7], .streamline-calendar--dark .streamline-calendar__month-day[data-v-66e41ad7], .streamline-calendar--dark .streamline-calendar__weekday[data-v-66e41ad7] {
    color: #fff
}

</style >
<style type="text/css" >
.streamline-calendar[data-v-b822d670] {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px
}

.streamline-calendar__text[data-v-b822d670] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    font-weight: 700;
    text-transform: none
}

.streamline-calendar__title[data-v-b822d670] {
    margin-top: 14px
}

.streamline-calendar__year-selector[data-v-b822d670] {
    background-color: transparent;
    border: 0;
    outline: none;
    height: 28px;
    font-size: 20px
}

.streamline-calendar__no-events[data-v-b822d670], .streamline-calendar__year-selector[data-v-b822d670] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-weight: regular;
    text-transform: none
}

.streamline-calendar__no-events[data-v-b822d670] {
    font-size: 24px;
    text-align: center
}

.streamline-calendar__button[data-v-b822d670] {
    display: block;
    margin: 16px auto auto
}

.streamline-calendar__button2[data-v-b822d670] {
    margin-top: 16px;
    text-align: center
}

.streamline-calendar--light[data-v-b822d670] {
    background-color: #fafafa
}

.streamline-calendar--light .streamline-calendar__no-events[data-v-b822d670], .streamline-calendar--light .streamline-calendar__text[data-v-b822d670], .streamline-calendar--light .streamline-calendar__title[data-v-b822d670], .streamline-calendar--light .streamline-calendar__year-selector[data-v-b822d670] {
    color: #212121
}

.streamline-calendar--dark[data-v-b822d670] {
    background-color: #15000b
}

.streamline-calendar--dark .streamline-calendar__no-events[data-v-b822d670], .streamline-calendar--dark .streamline-calendar__text[data-v-b822d670], .streamline-calendar--dark .streamline-calendar__title[data-v-b822d670], .streamline-calendar--dark .streamline-calendar__year-selector[data-v-b822d670] {
    color: #fff
}

</style >
<style type="text/css" >
.faq-item__title-wrapper[data-v-1fb5f47c] {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

@media screen and (min-width:1024px) {
    .faq-item__title-wrapper[data-v-1fb5f47c] {
        padding: 0 16px
    }
}

.faq-item__title[data-v-1fb5f47c] {
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 16px;
    font-weight: 700;
    text-transform: none
}

@media screen and (min-width:1440px) {
    .faq-item__title[data-v-1fb5f47c] {
        font-size: 18px
    }
}

.faq-item__arrow--open[data-v-1fb5f47c] {
    transform: rotate(90deg)
}

.faq-item__arrow--closed[data-v-1fb5f47c] {
    transform: rotate(-90deg)
}

.faq-item__content[data-v-1fb5f47c] {
    margin: 0;
    padding-bottom: 20px;
    font-size: 16px;
    color: inherit;
    line-height: 1.75
}

@media screen and (min-width:1024px) {
    .faq-item__content[data-v-1fb5f47c] {
        padding: 0 16px 20px
    }
}

@media screen and (min-width:1440px) {
    .faq-item__content[data-v-1fb5f47c] {
        font-size: 18px
    }
}

</style >
<style type="text/css" >
.faqs[data-v-4e85914f] {
    width: 100%;
    padding: 32px 0
}

@media screen and (min-width:760px) {
    .faqs[data-v-4e85914f] {
        padding: 32px 0 56px
    }
}

@media screen and (min-width:1024px) {
    .faqs[data-v-4e85914f] {
        padding: 48px 0
    }
}

@media screen and (min-width:1440px) {
    .faqs[data-v-4e85914f] {
        padding: 80px 0
    }
}

.faqs--dark[data-v-4e85914f] {
    background-color: #480024;
    color: #fff
}

.faqs--dark .faqs__heading[data-v-4e85914f] {
    color: inherit
}

.faqs--dark .faqs__support-box[data-v-4e85914f] {
    color: #fff;
    background: #58022d
}

.faqs--dark .faqs__button[data-v-4e85914f], .faqs--dark .faqs__support-email[data-v-4e85914f] {
    color: #fff
}

.faqs--dark .faqs__button--active[data-v-4e85914f] {
    color: #94bee5;
    border-color: #94bee5
}

.faqs--dark[data-v-4e85914f] table {
    color: #212121
}

.faqs--dark[data-v-4e85914f] li:before {
    background-color: #fff
}

.faqs--dark[data-v-4e85914f] a {
    color: #94bee5;
    font-weight: 700
}

    .faqs--dark[data-v-4e85914f] a:hover {
        color: #fff;
        text-decoration: underline
    }

.faqs--light[data-v-4e85914f] {
    background-color: #fafafa;
    color: #212121
}

.faqs--light .faqs__heading[data-v-4e85914f] {
    color: inherit
}

.faqs--light .faqs__support-box[data-v-4e85914f] {
    color: #212121;
    background: #efefef
}

.faqs--light .faqs__button[data-v-4e85914f], .faqs--light .faqs__support-email[data-v-4e85914f] {
    color: #212121
}

.faqs--light .faqs__button--active[data-v-4e85914f] {
    color: #480024;
    border-color: #480024
}

@media screen and (min-width:1024px) {
    .faqs__body[data-v-4e85914f] {
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .faqs__nav[data-v-4e85914f] {
        flex-basis: 50%;
        padding-right: 32px
    }
}

@media screen and (min-width:1440px) {
    .faqs__nav[data-v-4e85914f] {
        padding-right: 80px
    }
}

.faqs__heading[data-v-4e85914f] {
    margin: 8px 0 16px
}

.faqs__button-wrapper[data-v-4e85914f] {
    padding: 0 0 16px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width:1024px) {
    .faqs__button-wrapper[data-v-4e85914f] {
        padding: 0;
        flex-direction: column
    }
}

.faqs__button[data-v-4e85914f] {
    padding: 14px 16px;
    margin: 8px 8px 8px 0;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 40px;
    cursor: pointer;
    transition: color .2s;
    will-change: color
}

@media screen and (min-width:1024px) {
    .faqs__button[data-v-4e85914f] {
        margin: 16px 0 0;
        padding: 0;
        font-size: 18px;
        border: 0;
        text-align: left
    }
}

@media screen and (min-width:1440px) {
    .faqs__button[data-v-4e85914f] {
        font-size: 20px
    }
}

.faqs__button[data-v-4e85914f]:last-child {
    margin-right: 0
}

.faqs__list[data-v-4e85914f] {
    width: 100%
}

.faqs__support-box[data-v-4e85914f] {
    margin-top: 32px;
    padding: 16px 32px;
    font-size: 16px;
    text-align: center;
    line-height: 1.75
}

@media screen and (min-width:1440px) {
    .faqs__support-box[data-v-4e85914f] {
        font-size: 18px
    }
}

.faqs__support-email[data-v-4e85914f] {
    text-decoration: underline
}

</style >
<style type="text/css" >
.memberships[data-v-561f6b46] {
    width: 100%;
    padding: 32px 0 16px
}

@media screen and (min-width:760px) {
    .memberships[data-v-561f6b46] {
        padding: 32px 0 60px
    }
}

@media screen and (min-width:1024px) {
    .memberships[data-v-561f6b46] {
        padding: 64px 0
    }
}

@media screen and (min-width:1440px) {
    .memberships[data-v-561f6b46] {
        padding: 80px 0 100px
    }
}

.memberships--light[data-v-561f6b46] {
    background-color: #fafafa;
    color: #212121
}

.memberships--light .memberships__description[data-v-561f6b46] {
    color: #212121
}

.memberships--light .memberships__heading[data-v-561f6b46] {
    color: inherit
}

.memberships--dark[data-v-561f6b46] {
    background-color: #480024;
    color: #fff
}

.memberships--dark .memberships__description[data-v-561f6b46] {
    color: #fff
}

.memberships--dark .memberships__heading[data-v-561f6b46] {
    color: inherit
}

.memberships__heading-wrapper[data-v-561f6b46] {
    flex-basis: 33.33333%;
    padding-right: 32px
}

.memberships__heading[data-v-561f6b46] {
    padding: 8px 0
}

@media screen and (min-width:1440px) {
    .memberships__heading[data-v-561f6b46] {
        padding-right: 48px
    }
}

.memberships__disabled[data-v-561f6b46] {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.memberships__description[data-v-561f6b46] {
    font-size: 16px
}

@media screen and (min-width:1440px) {
    .memberships__description[data-v-561f6b46] {
        font-size: 16px
    }
}

.memberships__item-wrapper[data-v-561f6b46] {
    margin-top: 32px;
    flex-basis: 66.66667%
}

@media screen and (min-width:760px) {
    .memberships__item-wrapper[data-v-561f6b46] {
        display: flex;
        margin: 32px -8px 0
    }
}

@media screen and (min-width:1024px) {
    .memberships__item-wrapper[data-v-561f6b46] {
        margin: 16px 0 0;
        justify-content: flex-end
    }
}

.memberships__card[data-v-561f6b46] {
    padding: 0 2px 16px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    background: #fafafa;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 2px 6px 0 rgba(60,60,60,.15)
}

@media screen and (min-width:760px) {
    .memberships__card[data-v-561f6b46] {
        width: 50%;
        margin: 0 8px
    }
}

@media screen and (min-width:1024px) {
    .memberships__card[data-v-561f6b46] {
        margin: 0 0 0 16px
    }
}

@media screen and (min-width:1440px) {
    .memberships__card[data-v-561f6b46] {
        margin: 0 0 0 24px
    }
}

@media screen and (min-width:1024px) {
    .memberships__card[data-v-561f6b46]:first-child {
        margin: 0
    }
}

.memberships__title-wrapper[data-v-561f6b46] {
    margin: 4px 4px 24px;
    padding: 8px 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px
}

.memberships__card-title[data-v-561f6b46] {
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase
}

.memberships__item-image[data-v-561f6b46] {
    height: 28px;
    margin-right: 12px
}

.memberships__membership-description[data-v-561f6b46] {
    padding: 0 20px;
    margin: 0 auto 24px;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-align: left;
    text-transform: none
}

@media screen and (min-width:1024px) {
    .memberships__membership-description[data-v-561f6b46] {
        font-size: 16px
    }
}

.memberships__benefit-wrapper[data-v-561f6b46] {
    margin: 0;
    padding: 0 20px
}

.memberships__benefit[data-v-561f6b46] {
    margin: 0 0 24px;
    display: flex;
    align-items: center;
    color: #212121
}

.memberships__benefit-text[data-v-561f6b46] {
    margin-left: 16px;
    color: #212121;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 13px;
    font-weight: 400;
    font-weight: var(--body_text_weight,400);
    text-transform: none
}

@media screen and (min-width:1024px) {
    .memberships__benefit-text[data-v-561f6b46] {
        font-size: 16px
    }
}

.memberships__benefit-icon[data-v-561f6b46] {
    height: 16px;
    width: 16px;
    color: #480024;
    flex-shrink: 0;
    flex-basis: 16px
}

.memberships__button-wrapper[data-v-561f6b46] {
    padding: 8px 0 0;
    margin: auto 0 0;
    width: 100%;
    text-align: center;
    border-top: 1px solid #aaa
}

.memberships__button[data-v-561f6b46] {
    margin: 8px auto 0
}

@media screen and (min-width:1440px) {
    .memberships__button[data-v-561f6b46] {
        margin-top: 12px auto 0
    }
}

</style >
<style type="text/css" >
.video-subnav[data-v-833648a4] {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #fff;
    background: #2f0017;
    overflow-y: hidden;
    overflow-x: auto
}

.video-subnav__inner[data-v-833648a4] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch
}

.video-subnav__logo[data-v-833648a4] {
    position: relative;
    top: 0;
    display: block;
    margin: 0;
    height: 16px;
    width: auto
}

@media screen and (min-width:760px) {
    .video-subnav__logo[data-v-833648a4] {
        height: 24px
    }
}

.video-subnav__item[data-v-833648a4] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    margin: 0 16px 0 0;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-family: var(--primary_font,"Roboto",sans-serif);
    font-size: 14px;
    font-weight: 700;
    font-weight: var(--heading_weight,700);
    text-decoration: none;
    text-transform: none;
    text-transform: var(--heading_text_transform,none);
    line-height: 1;
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer
}

@media screen and (min-width:760px) {
    .video-subnav__item[data-v-833648a4] {
        margin: 0 32px 0 0;
        font-size: 18px
    }
}

.video-subnav__item.nuxt-link-exact-active[data-v-833648a4]:after {
    transform: translateY(2px)
}

.video-subnav__item[data-v-833648a4]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    height: 3px;
    transform: translateY(4px);
    transition: transform .3s cubic-bezier(.23,1.25,.46,1)
}

.video-subnav__item[data-v-833648a4]:hover:after {
    transform: translateY(0)
}

</style >
<style type="text/css" > </style >
