/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

.wrapper {
    width: 100%;
    max-width: 136rem;
    margin: 0 auto;
    padding: 0 1.6rem
}

[class*=col-] {
    width: 100%;
    float: left;
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

@media (max-width: 81.24em) {
    .col-1-wide {
        width:8.33333%
    }
}

@media (max-width: 81.24em) {
    .col-2-wide {
        width:16.66667%
    }
}

@media (max-width: 81.24em) {
    .col-3-wide {
        width:25%
    }
}

@media (max-width: 81.24em) {
    .col-4-wide {
        width:33.33333%
    }
}

@media (max-width: 81.24em) {
    .col-5-wide {
        width:41.66667%
    }
}

@media (max-width: 81.24em) {
    .col-6-wide {
        width:50%
    }
}

@media (max-width: 81.24em) {
    .col-7-wide {
        width:58.33333%
    }
}

@media (max-width: 81.24em) {
    .col-8-wide {
        width:66.66667%
    }
}

@media (max-width: 81.24em) {
    .col-9-wide {
        width:75%
    }
}

@media (max-width: 81.24em) {
    .col-10-wide {
        width:83.33333%
    }
}

@media (max-width: 81.24em) {
    .col-11-wide {
        width:91.66667%
    }
}

@media (max-width: 81.24em) {
    .col-12-wide {
        width:100%
    }
}

@media (max-width: 64.0525em) {
    .col-1-desktop {
        width:8.33333%
    }
}

@media (max-width: 64.0525em) {
    .col-2-desktop {
        width:16.66667%
    }
}

@media (max-width: 64.0525em) {
    .col-3-desktop {
        width:25%
    }
}

@media (max-width: 64.0525em) {
    .col-4-desktop {
        width:33.33333%
    }
}

@media (max-width: 64.0525em) {
    .col-5-desktop {
        width:41.66667%
    }
}

@media (max-width: 64.0525em) {
    .col-6-desktop {
        width:50%
    }
}

@media (max-width: 64.0525em) {
    .col-7-desktop {
        width:58.33333%
    }
}

@media (max-width: 64.0525em) {
    .col-8-desktop {
        width:66.66667%
    }
}

@media (max-width: 64.0525em) {
    .col-9-desktop {
        width:75%
    }
}

@media (max-width: 64.0525em) {
    .col-10-desktop {
        width:83.33333%
    }
}

@media (max-width: 64.0525em) {
    .col-11-desktop {
        width:91.66667%
    }
}

@media (max-width: 64.0525em) {
    .col-12-desktop {
        width:100%
    }
}

@media (max-width: 52.49em) {
    .col-1-tablet {
        width:8.33333%
    }
}

@media (max-width: 52.49em) {
    .col-2-tablet {
        width:16.66667%
    }
}

@media (max-width: 52.49em) {
    .col-3-tablet {
        width:25%
    }
}

@media (max-width: 52.49em) {
    .col-4-tablet {
        width:33.33333%
    }
}

@media (max-width: 52.49em) {
    .col-5-tablet {
        width:41.66667%
    }
}

@media (max-width: 52.49em) {
    .col-6-tablet {
        width:50%
    }
}

@media (max-width: 52.49em) {
    .col-7-tablet {
        width:58.33333%
    }
}

@media (max-width: 52.49em) {
    .col-8-tablet {
        width:66.66667%
    }
}

@media (max-width: 52.49em) {
    .col-9-tablet {
        width:75%
    }
}

@media (max-width: 52.49em) {
    .col-10-tablet {
        width:83.33333%
    }
}

@media (max-width: 52.49em) {
    .col-11-tablet {
        width:91.66667%
    }
}

@media (max-width: 52.49em) {
    .col-12-tablet {
        width:100%
    }
}

@media (max-width: 39.99em) {
    .col-1-phablet {
        width:8.33333%
    }
}

@media (max-width: 39.99em) {
    .col-2-phablet {
        width:16.66667%
    }
}

@media (max-width: 39.99em) {
    .col-3-phablet {
        width:25%
    }
}

@media (max-width: 39.99em) {
    .col-4-phablet {
        width:33.33333%
    }
}

@media (max-width: 39.99em) {
    .col-5-phablet {
        width:41.66667%
    }
}

@media (max-width: 39.99em) {
    .col-6-phablet {
        width:50%
    }
}

@media (max-width: 39.99em) {
    .col-7-phablet {
        width:58.33333%
    }
}

@media (max-width: 39.99em) {
    .col-8-phablet {
        width:66.66667%
    }
}

@media (max-width: 39.99em) {
    .col-9-phablet {
        width:75%
    }
}

@media (max-width: 39.99em) {
    .col-10-phablet {
        width:83.33333%
    }
}

@media (max-width: 39.99em) {
    .col-11-phablet {
        width:91.66667%
    }
}

@media (max-width: 39.99em) {
    .col-12-phablet {
        width:100%
    }
}

@media (max-width: 25.9275em) {
    .col-1-mobile {
        width:8.33333%
    }
}

@media (max-width: 25.9275em) {
    .col-2-mobile {
        width:16.66667%
    }
}

@media (max-width: 25.9275em) {
    .col-3-mobile {
        width:25%
    }
}

@media (max-width: 25.9275em) {
    .col-4-mobile {
        width:33.33333%
    }
}

@media (max-width: 25.9275em) {
    .col-5-mobile {
        width:41.66667%
    }
}

@media (max-width: 25.9275em) {
    .col-6-mobile {
        width:50%
    }
}

@media (max-width: 25.9275em) {
    .col-7-mobile {
        width:58.33333%
    }
}

@media (max-width: 25.9275em) {
    .col-8-mobile {
        width:66.66667%
    }
}

@media (max-width: 25.9275em) {
    .col-9-mobile {
        width:75%
    }
}

@media (max-width: 25.9275em) {
    .col-10-mobile {
        width:83.33333%
    }
}

@media (max-width: 25.9275em) {
    .col-11-mobile {
        width:91.66667%
    }
}

@media (max-width: 25.9275em) {
    .col-12-mobile {
        width:100%
    }
}

@media (max-width: 23.4275em) {
    .col-1-small-mobile {
        width:8.33333%
    }
}

@media (max-width: 23.4275em) {
    .col-2-small-mobile {
        width:16.66667%
    }
}

@media (max-width: 23.4275em) {
    .col-3-small-mobile {
        width:25%
    }
}

@media (max-width: 23.4275em) {
    .col-4-small-mobile {
        width:33.33333%
    }
}

@media (max-width: 23.4275em) {
    .col-5-small-mobile {
        width:41.66667%
    }
}

@media (max-width: 23.4275em) {
    .col-6-small-mobile {
        width:50%
    }
}

@media (max-width: 23.4275em) {
    .col-7-small-mobile {
        width:58.33333%
    }
}

@media (max-width: 23.4275em) {
    .col-8-small-mobile {
        width:66.66667%
    }
}

@media (max-width: 23.4275em) {
    .col-9-small-mobile {
        width:75%
    }
}

@media (max-width: 23.4275em) {
    .col-10-small-mobile {
        width:83.33333%
    }
}

@media (max-width: 23.4275em) {
    .col-11-small-mobile {
        width:91.66667%
    }
}

@media (max-width: 23.4275em) {
    .col-12-small-mobile {
        width:100%
    }
}

[class*=block-list]>li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1.6rem;
    padding-left: .8rem;
    padding-right: .8rem
}

.block-list-1>li {
    width: 100%
}

.block-list-2>li {
    width: 50%
}

.block-list-3>li {
    width: 33.33333%
}

.block-list-4>li {
    width: 25%
}

@media (max-width: 81.24em) {
    .block-list-1-wide>li {
        width:100%
    }
}

@media (max-width: 81.24em) {
    .block-list-2-wide>li {
        width:50%
    }
}

@media (max-width: 81.24em) {
    .block-list-3-wide>li {
        width:33.33333%
    }
}

@media (max-width: 81.24em) {
    .block-list-4-wide>li {
        width:25%
    }
}

@media (max-width: 81.24em) {
    .block-list-break-wide>li {
        width:auto;
        display: block
    }
}

@media (max-width: 64.0525em) {
    .block-list-1-desktop>li {
        width:100%
    }
}

@media (max-width: 64.0525em) {
    .block-list-2-desktop>li {
        width:50%
    }
}

@media (max-width: 64.0525em) {
    .block-list-3-desktop>li {
        width:33.33333%
    }
}

@media (max-width: 64.0525em) {
    .block-list-4-desktop>li {
        width:25%
    }
}

@media (max-width: 64.0525em) {
    .block-list-break-desktop>li {
        width:auto;
        display: block
    }
}

@media (max-width: 52.49em) {
    .block-list-1-tablet>li {
        width:100%
    }
}

@media (max-width: 52.49em) {
    .block-list-2-tablet>li {
        width:50%
    }
}

@media (max-width: 52.49em) {
    .block-list-3-tablet>li {
        width:33.33333%
    }
}

@media (max-width: 52.49em) {
    .block-list-4-tablet>li {
        width:25%
    }
}

@media (max-width: 52.49em) {
    .block-list-break-tablet>li {
        width:auto;
        display: block
    }
}

@media (max-width: 39.99em) {
    .block-list-1-phablet>li {
        width:100%
    }
}

@media (max-width: 39.99em) {
    .block-list-2-phablet>li {
        width:50%
    }
}

@media (max-width: 39.99em) {
    .block-list-3-phablet>li {
        width:33.33333%
    }
}

@media (max-width: 39.99em) {
    .block-list-4-phablet>li {
        width:25%
    }
}

@media (max-width: 39.99em) {
    .block-list-break-phablet>li {
        width:auto;
        display: block
    }
}

@media (max-width: 25.9275em) {
    .block-list-1-mobile>li {
        width:100%
    }
}

@media (max-width: 25.9275em) {
    .block-list-2-mobile>li {
        width:50%
    }
}

@media (max-width: 25.9275em) {
    .block-list-3-mobile>li {
        width:33.33333%
    }
}

@media (max-width: 25.9275em) {
    .block-list-4-mobile>li {
        width:25%
    }
}

@media (max-width: 25.9275em) {
    .block-list-break-mobile>li {
        width:auto;
        display: block
    }
}

@media (max-width: 23.4275em) {
    .block-list-1-small-mobile>li {
        width:100%
    }
}

@media (max-width: 23.4275em) {
    .block-list-2-small-mobile>li {
        width:50%
    }
}

@media (max-width: 23.4275em) {
    .block-list-3-small-mobile>li {
        width:33.33333%
    }
}

@media (max-width: 23.4275em) {
    .block-list-4-small-mobile>li {
        width:25%
    }
}

@media (max-width: 23.4275em) {
    .block-list-break-small-mobile>li {
        width:auto;
        display: block
    }
}

@media (max-width: 840px) {
    .scroll-grid-tablet>li {
        width:40%!important;
        display: inline-block!important;
        margin-right: 1.6rem;
        padding-left: 0!important;
        padding-right: 0!important;
        float: none!important;
        clear: none!important
    }
}

@media (max-width: 415px) {
    .scroll-grid-tablet>li {
        width:75%!important
    }
}

* {
    box-sizing: border-box
}

h1,h2,h3,h4,h5,h6,p {
    margin-top: 0;
    margin-bottom: 0
}

figure {
    margin: 0
}

ol,ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

ol li,ul li {
    list-style-type: none
}

cite {
    font-style: normal
}

html {
    font-size: 62.5%;
    background: #000
}

body {
    color: #242424;
    font-size: 1.8rem
}

body.is-logged-in .content-restriction {
    display: none
}

.body-content {
    padding-top: 1.6rem
}

.body-content>.widget--is-header {
    margin-top: -1.6rem
}

.body-content>.widget--is-header~.widget--is-header:not(.widget--stackable) {
    margin-top: 0
}

svg.icon {
    width: 2rem;
    height: 2rem;
    display: block;
    fill: currentColor
}

button {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0
}

.skip-to {
    padding: 0 2rem;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-decoration: none;
    background: #ff0082;
    line-height: 5rem;
    transform: translateX(-100%);
    z-index: 1000
}

.skip-to:focus {
    transform: translateX(0)
}

img {
    max-width: 100%
}

body {
    font-family: styrenea,Helvetica Neue,sans-serif
}

h1 {
    font-size: 3.5rem
}

h2 {
    font-size: 3.2rem
}

h3 {
    font-size: 2.8rem
}

h4 {
    font-size: 2.6rem
}

h5 {
    font-size: 2.4rem
}

h6 {
    font-size: 2.2rem
}

h1,h2,h3,h4,h5,h6 {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    line-height: 1
}

.bold,strong {
    font-weight: 700
}

p {
    line-height: 1.6
}

p a {
    color: #242424;
    text-decoration: none
}

p a:focus {
    text-decoration: underline
}

@media (min-width: 840px) {
    p a:hover {
        text-decoration:underline
    }
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    75% {
        transform: rotate(0deg)
    }

    80% {
        transform: rotate(8deg)
    }

    85% {
        transform: rotate(-8deg)
    }

    95% {
        transform: rotate(8deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes b {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(8deg)
    }

    50% {
        transform: rotate(-8deg)
    }

    75% {
        transform: rotate(8deg)
    }

    to {
        transform: rotate(0deg)
    }
}



@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .icn {
        background-size:396px 315px;
    }
}


.icn-cazoo-logo-black-s {
    background-position: -181px -295px;
    width: 118px;
    height: 22px;
    display: block
}

.icn-cazoo-logo-black-xs {
    background-position: -321px -245px;
    width: 75px;
    height: 14px;
    display: block
}

.icn-cazoo-logo-white-m {
    background-position: -186px -245px;
    width: 135px;
    height: 25px;
    display: block
}

.icn-cazoo-logo-white-xs {
    background-position: -186px -270px;
    width: 75px;
    height: 14px;
    display: block
}

.icn-logo-bbc-introducing {
    background-position: 0 0;
    width: 264px;
    height: 45px;
    display: block
}

.icn-logo-bbc-sport {
    background-position: 0 -90px;
    width: 200px;
    height: 45px;
    display: block;
}

.icn-logo-cazoo {
    background-position: -264px -211px;
    width: 163px;
    height: 30px;
    display: block
}

.icn-logo-dream-11 {
    background-position: 0 -135px;
    width: 156px;
    height: 50px;
    display: block
}

.icn-logo-kp-snacks {
    background-position: -264px 0;
    width: 166px;
    height: 46px;
    display: block
}

.icn-logo-lifebuoy {
    background-position: 0 -245px;
    width: 102px;
    height: 50px;
    display: block
}

.icn-logo-masuri {
    background-position: 0 -295px;
    width: 86px;
    height: 59px;
    display: block
}

.icn-logo-new-balance {
    background-position: -264px -96px;
    width: 103px;
    height: 59px;
    display: block
}

.icn-logo-new-era {
    background-position: -129px -185px;
    width: 103px;
    height: 50px;
    display: block
}

.icn-logo-robinsons {
    background-position: -102px -245px;
    width: 84px;
    height: 45px;
    display: block
}

.icn-logo-sage {
    background-position: -264px -155px;
    width: 99px;
    height: 56px;
    display: block
}

.icn-logo-sky-sports {
    background-position: 0 -45px;
    width: 210px;
    height: 45px;
    display: block;
}

.icn-logo-sure {
    background-position: -264px -46px;
    width: 132px;
    height: 50px;
    display: block
}

.icn-logo-vitality {
    background-position: -86px -295px;
    width: 95px;
    height: 52px;
    display: block
}

.icn-logo-white-sure {
    background-position: 0 -185px;
    width: 129px;
    height: 60px;
    display: block
}

.icn-logo-xplora {
    background-position: -156px -135px;
    width: 104px;
    height: 50px;
    display: block
}


.button {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 1.6rem 3.2rem;
    background-color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.4rem;
    color: #242424;
    line-height: 1;
    transition: color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease;
    will-change: transform;
    cursor: pointer
}

.button:focus {
    background-color: #e2e2e2;
    transform: translateY(-2px);
    box-shadow: -2px 2px 3px 1px rgba(0,0,0,.15)
}

@media (min-width: 840px) {
    .button:hover {
        background-color:#e2e2e2;
        transform: translateY(-2px);
        box-shadow: -2px 2px 3px 1px rgba(0,0,0,.15)
    }
}

.button--primary {
    color: #fff;
    background-color: #ff0082
}

.button--primary:focus {
    background: #d6006d
}

@media (min-width: 840px) {
    .button--primary:hover {
        background:#d6006d
    }
}

.button--secondary {
    color: #fff;
    background-color: #32c84b
}

.button--secondary:focus {
    background: #289f3c
}

@media (min-width: 840px) {
    .button--secondary:hover {
        background:#289f3c
    }
}

.button--dark {
    color: #fff;
    background-color: #242424
}

.button--dark:focus {
    color: #fff;
    background-color: #3e3e3e
}

@media (min-width: 840px) {
    .button--dark:hover {
        color:#fff;
        background-color: #3e3e3e
    }
}

.button--loader .button__loader-text {
    opacity: 1;
    line-height: 1.4;
    transition: opacity .15s ease
}

.button--loader .button__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity .15s ease
}

.button--loader.is-loading .button__loader-text {
    opacity: 0
}

.button--loader.is-loading .button__loader {
    opacity: 1
}

.button--right {
    text-align: right
}

.button--large {
    font-size: 2rem
}

.button--small {
    padding: 1.2rem
}

.button--back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .8rem;
    line-height: 3rem;
    font-weight: 700;
    font-size: 1.6rem;
    text-transform: none
}

.button--back .button__icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .4rem;
    fill: currentColor
}

.button--disabled {
    background-color: #f1f1f1;
    color: #979797;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button--disabled:focus {
    background-color: #f1f1f1;
    color: #979797;
    transform: none;
    box-shadow: none
}

@media (min-width: 840px) {
    .button--disabled:hover {
        background-color:#f1f1f1;
        color: #979797;
        transform: none;
        box-shadow: none
    }
}

.button--inactive {
    pointer-events: none
}

.button--inactive,.button--inactive:focus {
    background-color: transparent;
    color: #979797
}

@media (max-width: 840px) {
    .button {
        padding:1.2rem 1.6rem
    }

    .button--large {
        padding: 1.6rem 2.8rem;
        font-size: 1.8rem
    }

    .button--back {
        padding: 0 .8rem
    }
}

.calendar-button {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem 1.6rem
}

.calendar-button__icon {
    width: 2.2rem;
    height: 2.2rem;
    margin-right: .8rem;
    fill: currentColor
}

@media (max-width: 840px) {
    .calendar-button {
        width:100%
    }
}

.content-restriction {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    padding: .6rem;
    background-color: #ff0082;
    box-shadow: 0 4px 7px rgba(0,0,0,.15);
    z-index: 20
}

.content-restriction__icon {
    width: 2rem;
    height: 2rem;
    fill: #fff
}

@media (max-width: 640px) {
    .content-restriction {
        width:2.4rem;
        height: 2.4rem;
        top: .8rem;
        left: .8rem;
        padding: .4rem
    }

    .content-restriction__icon {
        width: 1.6rem;
        height: 1.6rem
    }
}

.content-slider {
    overflow-x: hidden
}

.content-slider__header {
    position: relative
}

.content-slider__wrapper {
    clear: both;
    width: auto;
    position: relative;
    margin: 0 -.4rem
}

.content-slider__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1.6rem
}

.content-slider--no-slider .content-slider__item {
    opacity: 1
}

@media (max-width: 840px) {
    .content-slider__footer {
        margin:1.6rem 0 3.2rem;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 640px) {
    .content-slider__inner-wrapper {
        display:-ms-flexbox;
        display: flex;
        position: relative;
        transition: left .5s ease,transform .3s ease;
        will-change: left;
        left: 0
    }

    .content-slider__inner-wrapper>li {
        margin-bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .content-slider__item {
        opacity: .2;
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        transition: opacity .6s
    }

    .content-slider__item.is-active {
        opacity: 1
    }
}

@media (max-width: 640px) {
    .content-slider {
        margin-left:-1.6rem;
        margin-right: -1.6rem;
        padding-left: 1.6rem
    }
}

.content-sponsor {
    position: relative
}

.content-sponsor__link {
    color: inherit;
    text-decoration: none;
    width: 9.6rem;
    height: 5.4rem;
    position: relative;
    display: block;
    background-color: #fff
}

.content-sponsor__image-container {
    width: 85%;
    height: 85%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.content-sponsor--thumbnail .content-sponsor__link:before {
    content: "";
    width: 100%;
    height: 4rem;
    position: absolute;
    bottom: 100%;
    left: 0;
    background-color: #fff
}

.content-sponsor--thumbnail .content-sponsor__link--is-link {
    transition: transform .2s ease;
    will-change: transform
}

.content-sponsor--thumbnail .content-sponsor__link--is-link:focus {
    transform: translateY(.6rem)
}

@media (min-width: 840px) {
    .content-sponsor--thumbnail .content-sponsor__link--is-link:hover {
        transform:translateY(.6rem)
    }
}

.content-sponsor--small .content-sponsor__link {
    width: 6.4rem;
    height: 3.8rem
}

@media (max-width: 640px) {
    .content-sponsor__link {
        width:6.4rem;
        height: 3.8rem
    }
}

.content-with-sidebar-template {
    margin-bottom: 3.2rem
}

.content-with-sidebar-template__container {
    position: relative
}

.content-with-sidebar-template__column--main .wrapper {
    padding: 0
}

.content-with-sidebar-template__column--sidebar {
    margin-top: 3.2rem
}

@media (min-width: 64.0625em) {
    .content-with-sidebar-template {
        margin-bottom:1.6rem
    }

    .content-with-sidebar-template__container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 25%;
        grid-template-columns: 1fr 25%;
        margin: 0
    }

    .content-with-sidebar-template__column--sidebar {
        margin-top: 0
    }
}

.countdown.is-disabled .countdown__clock-item {
    opacity: .4
}

.countdown__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center
}

.countdown__clock {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .8rem
}

.countdown__clock-item {
    min-width: 7rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 .4rem;
    transition: opacity .3s ease
}

.countdown__clock-item .countdown__count:after {
    content: ":";
    position: absolute;
    top: 50%;
    right: -1.6rem;
    transform: translateY(-50%);
    font-size: 4.4rem
}

.countdown__clock-item:last-of-type .countdown__count:after {
    display: none
}

.countdown__clock-item.is-zero {
    opacity: .4
}

.countdown__clock-item--days.is-zero {
    display: none
}

.countdown__count {
    position: relative
}

.countdown__value {
    display: block;
    font-size: 4.4rem;
    line-height: .9;
    font-weight: 700
}

.countdown__count-label {
    color: #ff0082;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9rem
}

.countdown__date {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

@media (max-width: 840px) {
    .countdown__title {
        font-size:1.2rem
    }

    .countdown__clock-item {
        min-width: 5.2rem
    }

    .countdown__clock-item .countdown__count:after {
        right: -1rem;
        font-size: 3.2rem
    }

    .countdown__value {
        font-size: 3.6rem
    }

    .countdown__date {
        font-size: 1.2rem
    }
}

@media (max-width: 640px) {
    .countdown__title {
        font-size:1rem
    }

    .countdown__clock {
        margin-bottom: .4rem
    }

    .countdown__clock-item {
        min-width: 4.6rem
    }

    .countdown__clock-item .countdown__count:after {
        right: -1rem;
        font-size: 2.6rem
    }

    .countdown__value {
        font-size: 3rem
    }

    .countdown__date {
        font-size: 1rem
    }
}

.dropdown {
    position: relative
}

.dropdown.is-open .dropdown__trigger-icon {
    transform: rotateX(180deg)
}

.dropdown.is-open .dropdown__options {
    transform: scale(1) translateX(-50%);
    opacity: 1;
    transition-delay: .1s
}

.dropdown__trigger {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    line-height: 4.4rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff
}

.dropdown__trigger-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-left: .4rem;
    fill: currentColor;
    transition: transform .2s ease
}

.dropdown__trigger-hamburger {
    margin-left: .8rem
}

.dropdown__options {
    width: 22rem;
    position: absolute;
    top: 100%;
    left: 50%;
    border-radius: 1px;
    background-color: #ff0082;
    transform-origin: top left;
    box-shadow: 0 0 4px 1px rgba(0,0,0,.2);
    transform: scale(0) translateX(-50%);
    opacity: 0;
    transition: transform .2s ease,opacity .2s ease 0s
}

.dropdown__options:before {
    content: "";
    width: 0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: .8rem solid transparent;
    border-bottom-color: #ff0082
}

@media (min-width: 1025px) {
    .dropdown:not(.dropdown--no-hover):focus-within .dropdown__trigger-icon,.dropdown:not(.dropdown--no-hover):hover .dropdown__trigger-icon {
        transform:rotateX(180deg)
    }

    .dropdown:not(.dropdown--no-hover):focus-within .dropdown__options,.dropdown:not(.dropdown--no-hover):hover .dropdown__options {
        transform: scale(1) translateX(-50%);
        opacity: 1;
        transition-delay: .1s
    }

    .dropdown--disabled .dropdown__options {
        display: none
    }
}

.form-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.6rem;
    font-weight: 700
}

.form-field__title {
    width: 100%;
    margin-bottom: .8rem;
    color: #ff0082;
    font-size: 1.2rem
}

.form-field--text {
    height: 4.4rem;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    border: 3px solid #000
}

.form-field__text-input,.form-field__text-label {
    transition: all .2s;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.form-field__text-input {
    font-family: styrenea,Helvetica Neue,sans-serif;
    border: 0;
    padding: 0 .8rem;
    line-height: 3.8rem;
    cursor: text
}

.form-field__text-input:focus {
    outline: 0
}

.form-field__text-input:placeholder-shown+.form-field__text-label {
    max-width: -moz-fit-content;
    max-width: fit-content;
    transform-origin: left bottom;
    transform: translate(1rem,2.8rem);
    background-color: #fff;
    cursor: text
}

.form-field__text-input::-webkit-input-placeholder {
    opacity: 0;
    color: rgba(36,36,36,.3);
    transition: inherit
}

.form-field__text-input:focus::-webkit-input-placeholder {
    opacity: 1
}

.form-field__text-input:focus+.form-field__text-label,.form-field__text-input:not(:placeholder-shown)+.form-field__text-label {
    max-width: -moz-fit-content;
    max-width: fit-content;
    background-color: #fff;
    transform: translate(1rem,.5rem);
    margin-left: .5rem;
    margin-top: -.8rem;
    padding: 0 .4rem;
    font-size: 1rem;
    color: #ff0082;
    cursor: pointer
}

.form-field__text-label {
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 1.5rem
}

.form-field__radio-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .8rem;
    margin-bottom: .8rem;
    font-size: 1.4rem;
    cursor: pointer
}

.form-field__radio-container--alt .form-field__checkbox {
    width: 3.4rem;
    height: 3.4rem;
    border: 1px solid #979797;
    background-color: #e2e2e2
}

.form-field__radio-container--alt .form-field__radio-label {
    font-weight: 400
}

.form-field__radio-input {
    font-family: styrenea,Helvetica Neue,sans-serif;
    width: 4.4rem;
    height: 4.4rem;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    -webkit-appearance: none
}

.form-field__radio-input:checked~.form-field__checkbox {
    background-color: #ff0082;
    border-color: #ff0082
}

.form-field__radio-input:checked~.form-field__checkbox:after {
    opacity: 1;
    transform: translate(-50%,-50%) rotate(45deg)
}

.form-field__checkbox {
    width: 4.4rem;
    height: 4.4rem;
    position: relative;
    border: 3px solid #000;
    pointer-events: none;
    transition: background-color .2s ease,border-color .2s ease
}

.form-field__checkbox:after {
    content: "";
    width: .7rem;
    height: 1.4rem;
    position: absolute;
    left: 50%;
    top: 45%;
    border: solid #fff;
    border-width: 0 .3rem .3rem 0;
    opacity: 0;
    transform: translate(-50%,-40%) rotate(45deg);
    transition: transform .2s ease .1s,opacity .2s ease .1s
}

.form-field__radio-label {
    padding: 0 .8rem
}

.form-field--select {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    position: relative
}

.form-field__select-input {
    font-family: styrenea,Helvetica Neue,sans-serif;
    width: 100%;
    height: 4.4rem;
    padding: .8rem;
    background-color: #fff;
    border: 3px solid #000;
    border-radius: 0;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-appearance: none;
    cursor: pointer
}

.form-field__select-input-icon {
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    bottom: 1.5rem;
    right: .8rem
}

.hamburger {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.hamburger__text {
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: calc(100% + .8rem);
    color: #fff;
    transform-origin: center;
    transform: translateY(-50%);
    font-size: 1.2rem;
    text-transform: uppercase;
    transition: transform .25s ease,opacity .25s ease
}

.hamburger__text--open {
    opacity: 0;
    transform: rotateX(90deg) translateY(-50%);
    transition-delay: .05s
}

.hamburger__text--closed {
    opacity: 1;
    transform: rotateX(0) translateY(-50%);
    transition-delay: .15s
}

.hamburger__line {
    width: 2.8rem;
    height: .4rem;
    position: relative;
    margin: .4rem 0;
    background-color: #fff;
    transform: skew(-20deg);
    transition: transform .25s ease,opacity .25s ease .1s
}

.hamburger__line:first-of-type {
    transform-origin: top left
}

.hamburger__line:nth-of-type(3) {
    transform-origin: bottom right
}

.hamburger--small .hamburger__line {
    width: 2.4rem
}

.hamburger.is-open .hamburger__text--open {
    opacity: 1;
    transform: rotateX(0) translateY(-50%);
    transition-delay: .15s
}

.hamburger.is-open .hamburger__text--closed {
    opacity: 0;
    transform: rotateX(90deg) translateY(-50%);
    transition-delay: .05s
}

.hamburger.is-open .hamburger__line:first-of-type {
    transform: rotate(45deg)
}

.hamburger.is-open .hamburger__line:nth-of-type(2) {
    opacity: 0;
    transition-delay: 0s
}

.hamburger.is-open .hamburger__line:nth-of-type(3) {
    transform: rotate(-45deg) translate(.7rem,-1.8rem)
}

.hamburger.is-open.hamburger--small .hamburger__line:nth-of-type(3) {
    transform: rotate(-45deg) translate(.7rem,-1.7rem)
}

.lazy-image {
    right: 0;
    bottom: 0
}

.lazy-image,.lazy-image img {
    position: absolute;
    top: 0;
    left: 0
}

.lazy-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: 0;
    transition: opacity .35s ease
}

.lazy-image img.is-loaded {
    opacity: 1
}

.linked-list {
    display: -ms-flexbox;
    display: flex
}

.linked-list:before {
    content: "";
    display: block
}

.linked-list:after {
    content: "";
    display: table;
    clear: both
}

.linked-list__item.has-children {
    position: relative
}

.linked-list__item.has-children:focus .linked-list__dropdown {
    transform: translate(-50%);
    opacity: 1;
    pointer-events: auto
}

@media (min-width: 840px) {
    .linked-list__item.has-children:hover .linked-list__dropdown {
        transform:translate(-50%);
        opacity: 1;
        pointer-events: auto
    }
}

.linked-list__link {
    display: block;
    padding: 1.2rem 1.8rem;
    text-decoration: none
}

.linked-list__link:focus {
    cursor: pointer;
    background: #e2e2e2;
    color: #242424
}

@media (min-width: 840px) {
    .linked-list__link:hover {
        cursor:pointer;
        background: #e2e2e2;
        color: #242424
    }
}

.linked-list .is-active {
    position: relative
}

.linked-list .is-active:after {
    content: "";
    height: .4rem;
    width: 100%;
    background: #32c84b;
    bottom: 0;
    left: 0;
    position: absolute
}

.linked-list__dropdown-label {
    padding: 1.2rem 1.8rem
}

.linked-list__dropdown-label:focus {
    cursor: pointer;
    background: #e2e2e2;
    color: #242424
}

.linked-list__dropdown-label:focus+.linked-list__dropdown {
    transform: translate(-50%);
    opacity: 1;
    pointer-events: auto
}

@media (min-width: 840px) {
    .linked-list__dropdown-label:hover {
        cursor:pointer;
        background: #e2e2e2;
        color: #242424
    }

    .linked-list__dropdown-label:hover+.linked-list__dropdown {
        transform: translate(-50%);
        opacity: 1;
        pointer-events: auto
    }
}

.linked-list__dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,1rem);
    opacity: 0;
    background: #ff0082;
    padding: 1.2rem 1.8rem;
    z-index: 10;
    pointer-events: none;
    min-width: 140%;
    margin-top: -.8rem;
    color: #fff;
    transition: opacity .25s cubic-bezier(0,.5,.6,1),transform .25s cubic-bezier(0,.5,.6,1);
    display: block
}

.linked-list__dropdown:focus-within {
    transform: translate(-50%);
    opacity: 1;
    pointer-events: auto
}

.linked-list__dropdown .linked-list__link {
    padding: 0 0 .2rem
}

.linked-list__dropdown .is-active:after {
    height: .2rem
}

.loader {
    position: relative;
    width: 3.4rem;
    height: 3.4rem;
    margin: auto;
    transition: opacity .2s ease
}

.loader__blob {
    position: absolute;
    background-color: #000;
    width: .7rem;
    height: .7rem;
    border-radius: 4px;
    transform: scale(.3);
    animation-name: c;
    animation-duration: 1.1s;
    animation-iteration-count: infinite;
    animation-direction: normal
}

.loader__blob--1 {
    left: 0;
    top: 12px;
    animation-delay: .41s
}

.loader__blob--2 {
    left: 3px;
    top: 3px;
    animation-delay: .55s
}

.loader__blob--3 {
    top: 0;
    left: 12px;
    animation-delay: .69s
}

.loader__blob--4 {
    right: 3px;
    top: 3px;
    animation-delay: .83s
}

.loader__blob--5 {
    right: 0;
    top: 12px;
    animation-delay: .97s
}

.loader__blob--6 {
    right: 3px;
    bottom: 3px;
    animation-delay: 1.1s
}

.loader__blob--7 {
    left: 12px;
    bottom: 0;
    animation-delay: 1.24s
}

.loader__blob--8 {
    left: 3px;
    bottom: 3px;
    animation-delay: 1.38s
}

.loader-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0,0,0,.35);
    visibility: hidden
}

.loader-wrapper:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.35);
    left: 100%;
    top: 0
}

.loader-wrapper.is-visible {
    visibility: visible
}

.loader__text {
    display: block;
    margin-top: .8rem;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2rem
}

.loader--light .loader__blob {
    background-color: #fff
}

.loader--light+.loader__text {
    color: #fff
}

.loader--small {
    width: 2.2rem;
    height: 2.2rem
}

.loader--small .loader__blob {
    width: .4rem;
    height: .4rem
}

.loader--small .loader__blob--1 {
    top: 10px
}

.loader--small .loader__blob--3 {
    left: 10px
}

.loader--small .loader__blob--5 {
    top: 10px
}

.loader--small .loader__blob--7 {
    left: 10px
}

.loader.is-hidden {
    opacity: 0
}

.loader.is-visible {
    opacity: 1
}

@keyframes c {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.3)
    }
}

.match-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.2rem 1.6rem;
    background-color: #fff
}

.match-card__theme {
    width: 1.6rem;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--team-theme-primary);
    background-repeat: no-repeat;
    background-size: var(--team-theme-bg-pattern-size);
    background-position: 50%;
    z-index: 10
}

@media (max-width: 840px) {
    .match-card__theme.t-welsh-fire {
        background-size:cover
    }
}

.match-card__date-container {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    width: 13rem;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    color: #000;
    line-height: .95
}

.match-card__day,.match-card__month {
    font-size: 2rem
}

.match-card__date {
    font-size: 4.8rem
}

.match-card__time {
    font-family: styrenea,Helvetica Neue,sans-serif;
    margin-top: .8rem;
    font-size: 1.2rem
}

.match-card__fixtures {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 13.8rem;
    padding-right: 28.4rem
}

.match-card__fixture {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.match-card__logo-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    grid-gap: 1.6rem;
    margin: 0 1.6rem
}

.match-card__team-logo {
    width: 7.4rem;
    height: 7.4rem
}

.match-card__description {
    -ms-flex: 1;
    flex: 1;
    color: #000
}

.match-card__meta {
    display: block;
    margin-bottom: .4rem;
    font-size: 1.2rem
}

.match-card__gender {
    color: #ff0082;
    font-weight: 700
}

.match-card__team {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    padding-right: 1.6rem;
    font-size: 3.2rem;
    color: #000;
    line-height: 1.1
}

.match-card__team-name {
    white-space: nowrap
}

.match-card__vs {
    color: #ff0082;
    margin-right: .4rem
}

.match-card__score {
    margin-left: auto;
    padding-left: .4rem;
    color: #ff0082
}

.match-card__summary {
    display: block;
    margin-top: .4rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ff0082
}

.match-card__button-container {
    width: 30rem;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.6rem;
    border-left: 2px solid #e2e2e2
}

.match-card__button-container--multi .match-card__button {
    margin: .3rem 0;
    padding: 1rem;
    font-size: 1.4rem
}

.match-card__button {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap
}

.match-card__button-icon {
    width: 2rem;
    height: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .4rem;
    fill: currentColor
}

.match-card--double-header .match-card__fixture:first-child {
    padding-bottom: 1.6rem;
    border-bottom: 2px solid #e2e2e2
}

.match-card--double-header .match-card__fixture:last-child {
    margin-top: 1.6rem
}

.match-card--ticket .match-card__fixtures {
    padding-right: 30rem
}

.match-card--ticket .match-card__button-container {
    border-left: 2px dashed #e2e2e2
}

.match-card--ticket .match-card__button-container:after,.match-card--ticket .match-card__button-container:before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    position: absolute;
    left: -1px;
    border-radius: 100%;
    background: #000;
    z-index: 5
}

.match-card--ticket .match-card__button-container:before {
    top: 0;
    transform: translate(-50%,-50%)
}

.match-card--ticket .match-card__button-container:after {
    bottom: 0;
    transform: translate(-50%,50%)
}

.match-card--ticket.match-card--double-header .match-card__fixture:first-child {
    border-bottom: 2px dashed #e2e2e2
}

.match-card--result .ticket-button {
    display: none
}

.match-card--eliminator .match-card__theme {
    background-image: none!important;
    background-color: #ff0082!important
}

.match-card--final .match-card__theme {
    background-image: none!important;
    background-color: #caaa68!important
}

.match-card--final .match-card__date-container,.match-card--final .match-card__gender,.match-card--final .match-card__vs {
    color: #caaa68
}

@media (max-width: 1300px) and (min-width:840px) {
    .match-card__logo-container {
        display:none
    }

    .match-card__fixtures {
        padding-left: 17rem
    }

    .match-card__team {
        font-size: 2.8rem
    }
}

@media (max-width: 1025px) {
    .match-card__date-container {
        width:8rem
    }

    .match-card__day,.match-card__month {
        font-size: 1.4rem
    }

    .match-card__date {
        font-size: 3.4rem
    }

    .match-card__fixtures {
        padding-left: 10.4rem;
        padding-right: 24.4rem
    }

    .match-card__team-logo {
        width: 5.5rem;
        height: 5.5rem;
        margin: 0 .8rem
    }

    .match-card__team {
        min-width: 28rem;
        font-size: 2.4rem
    }

    .match-card__button-container {
        width: 26rem
    }

    .match-card__button-container--multi .match-card__button {
        font-size: 1.2rem
    }
}

@media (min-width: 840px) {
    .match-card--double-header .match-card__theme:after {
        content:"Double Header";
        font-family: hundred-ball,Helvetica Neue,sans-serif;
        width: 1.6rem;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 1.6rem;
        line-height: .9;
        padding: 0 .4rem;
        background-color: #000;
        font-size: 1.9rem;
        letter-spacing: .5px;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        color: #fff;
        white-space: nowrap;
        text-orientation: mixed;
        text-transform: uppercase;
        transform: rotate(180deg);
        text-align: center
    }

    .match-card--double-header.match-card--ticket .match-card__theme:before {
        content: "";
        width: 1.6rem;
        height: 1.6rem;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-60%);
        left: -50%;
        border-radius: 100%;
        background: #000;
        z-index: 5
    }

    .match-card--double-header.match-card--eliminator .match-card__theme:after {
        content: "The Eliminator";
        background-color: #ff0082!important;
        background-image: none!important
    }

    .match-card--double-header.match-card--final .match-card__theme:after {
        content: "The Final";
        background-color: #caaa68!important;
        background-image: none!important
    }
}

@media (max-width: 840px) {
    .match-card {
        -ms-flex-direction:column;
        flex-direction: column;
        padding: 0
    }

    .match-card__theme {
        width: auto;
        height: 1.6rem;
        bottom: auto;
        right: 0
    }

    .match-card__date-container {
        width: auto;
        height: auto;
        position: relative;
        left: auto;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 1.6rem 0;
        padding: .8rem 0 .2rem
    }

    .match-card__date,.match-card__day,.match-card__month {
        font-size: 2.6rem
    }

    .match-card__date,.match-card__day {
        margin-right: .4rem
    }

    .match-card__time {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        text-align: center;
        font-size: 1.4rem
    }

    .match-card__fixtures {
        padding: 0
    }

    .match-card__fixture {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .match-card__logo-container {
        width: 100%;
        max-width: none;
        position: relative;
        display: -ms-grid;
        display: grid;
        grid-auto-flow: column;
        -ms-grid-rows: (minmax(0,1fr))[2];
        grid-template-rows: repeat(2,minmax(0,1fr));
        -ms-grid-columns: (minmax(0,1fr))[2];
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .match-card__team-logo {
        width: 10.4rem;
        height: 10.4rem;
        max-width: none;
        margin: 0 auto
    }

    .match-card__meta {
        margin-bottom: 1.6rem
    }

    .match-card__team {
        min-width: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 3.2rem;
        text-align: center;
        font-size: 3.2rem;
        word-spacing: 100vw;
        line-height: .9
    }

    .match-card__team-name {
        white-space: normal
    }

    .match-card__vs {
        font-family: hundred-ball,Helvetica Neue,sans-serif;
        text-transform: uppercase;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        margin: 0 auto;
        transform: translateY(-50%);
        text-align: center;
        font-size: 2.6rem
    }

    .match-card__vs:after,.match-card__vs:before {
        content: "";
        width: 2px;
        height: 150%;
        background-color: #e2e2e2;
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .match-card__vs:before {
        bottom: 110%
    }

    .match-card__vs:after {
        top: 110%
    }

    .match-card__score {
        margin-top: .8rem;
        margin-left: 0
    }

    .match-card__description {
        padding: .8rem .8rem 0;
        font-size: 1.1rem;
        text-align: center
    }

    .match-card__summary {
        margin-top: 0;
        margin-bottom: .8rem
    }

    .match-card__button-container {
        width: 100%;
        height: auto;
        position: relative;
        -ms-flex-align: center;
        align-items: center;
        margin-top: .8rem;
        padding: .8rem;
        text-align: center;
        border-left: none;
        border-top: 2px solid #e2e2e2
    }

    .match-card__button {
        width: 75%
    }

    .match-card--ticket .match-card__fixtures {
        padding-left: 0;
        padding-right: 0
    }

    .match-card--ticket .match-card__description {
        padding-right: .8rem
    }

    .match-card--ticket .match-card__meta {
        margin-bottom: .8rem
    }

    .match-card--ticket .match-card__button-container {
        border-left: 0;
        border-top: 2px dashed #e2e2e2
    }

    .match-card--ticket .match-card__button-container:after,.match-card--ticket .match-card__button-container:before {
        height: 2.2rem;
        width: 2.2rem
    }

    .match-card--ticket .match-card__button-container:before {
        transform: translate(-50%,-50%)
    }

    .match-card--ticket .match-card__button-container:after {
        bottom: auto;
        left: auto;
        right: 0;
        top: 0;
        transform: translate(50%,-50%)
    }

    .match-card--ticket.match-card--double-header .match-card__fixture:first-child {
        position: relative;
        padding-bottom: 1.6rem
    }

    .match-card--ticket.match-card--double-header .match-card__fixture:first-child:after,.match-card--ticket.match-card--double-header .match-card__fixture:first-child:before {
        content: "";
        width: 2.2rem;
        height: 2.2rem;
        display: block;
        position: absolute;
        bottom: 0;
        border-radius: 100%;
        background: #000;
        z-index: 5
    }

    .match-card--ticket.match-card--double-header .match-card__fixture:first-child:before {
        left: -1px;
        transform: translate(-50%,50%)
    }

    .match-card--ticket.match-card--double-header .match-card__fixture:first-child:after {
        right: -1px;
        transform: translate(50%,50%)
    }

    .match-card--double-header .match-card__theme:after {
        content: "Double Header";
        font-family: hundred-ball,Helvetica Neue,sans-serif;
        height: 2rem;
        position: absolute;
        top: 1.6rem;
        left: 0;
        right: 0;
        line-height: .9;
        padding: .4rem .8rem 0;
        background-color: #000;
        font-size: 1.8rem;
        letter-spacing: .5px;
        color: #fff;
        white-space: nowrap;
        text-transform: uppercase;
        text-align: center
    }

    .match-card--double-header .match-card__date-container {
        margin-top: 4rem
    }

    .match-card--double-header .match-card__fixture:first-child {
        padding-bottom: 0;
        border-bottom: none
    }

    .match-card--double-header.match-card--eliminator .match-card__theme:after {
        content: "Eliminator";
        background-color: #ff0082!important;
        background-image: none!important
    }

    .match-card--double-header.match-card--final .match-card__theme:after {
        content: "The Final";
        background-color: #caaa68!important;
        background-image: none!important
    }
}

@media (max-width: 840px) and (max-width:640px) {
    .match-card__date,.match-card__day,.match-card__month {
        font-size:2rem
    }

    .match-card__time {
        margin-top: .4rem
    }

    .match-card__team-logo {
        width: 7.4rem;
        height: 7.4rem
    }

    .match-card__team {
        font-size: 2rem;
        padding: 0 2rem
    }

    .match-card__vs {
        font-size: 2rem
    }

    .match-card__score {
        font-size: 2.6rem
    }
}

@media (max-width: 840px) and (max-width:415px) {
    .match-card__team {
        padding:0;
        font-size: 1.6rem
    }

    .match-card__button {
        width: 90%;
        padding: .8rem;
        font-size: 1.2rem
    }

    .match-card__button-icon {
        width: 2rem;
        height: 2rem
    }
}

@media (max-width: 840px) and (max-width:375px) {
    .match-card__button {
        width:100%
    }
}

.media__meta {
    font-weight: 700;
    position: absolute;
    top: -3.2rem;
    left: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
    background-color: #32c84b;
    color: #fff;
    font-size: 1.6rem;
    line-height: .8;
    text-transform: uppercase;
    z-index: 1
}

.media__play-time {
    display: -ms-flexbox;
    display: flex
}

.media__play-time .icon {
    width: 1.2rem;
    height: 1.2rem;
    position: relative;
    margin-right: .6rem;
    fill: #fff
}

.media-thumbnail {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

.media-thumbnail__image-container {
    position: relative;
    display: block;
    height: 0;
    padding-top: 62.5%;
    overflow: hidden
}

.media-thumbnail__image-container img {
    width: 107%;
    height: 107%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .2s ease,opacity .2s ease
}

.media-thumbnail__play-state {
    position: absolute;
    left: 1.6rem;
    bottom: 4.8rem;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2.5rem;
    padding: 0 .4rem;
    font-weight: 700;
    white-space: nowrap;
    background-color: #fff;
    transform: translateY(1rem);
    z-index: 10;
    opacity: 0;
    transition: opacity .2s,transform .2s
}

.media-thumbnail__play-state--now-playing {
    background-color: var(--team-theme-primary);
    color: #fff
}

.media-thumbnail__caption {
    min-width: 90%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-top: -3.2rem;
    margin-right: 2.4rem;
    padding: 1.6rem;
    background-color: #fff;
    border-bottom: 1px solid #ff0082;
    transition: transform .2s ease;
    will-change: transform
}

.media-thumbnail__caption:after {
    content: "";
    position: absolute;
    right: -2.4rem;
    width: 2.4rem;
    top: 3.9rem;
    bottom: -1px
}

.media-thumbnail__type {
    display: inline-block;
    padding: .2rem .4rem;
    margin-bottom: .4rem;
    background-color: #ff0082;
    color: #fff;
    line-height: 1;
    font-weight: 700;
    font-size: 1.3rem
}

.media-thumbnail__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    max-height: 7.2rem;
    overflow: hidden;
    margin-bottom: 1.6rem;
    line-height: 2.4rem;
    text-transform: none;
    font-size: 1.8rem
}

@supports (-webkit-line-clamp:3) {
    .media-thumbnail__title {
        display: -webkit-box;
        -webkit-line-clamp: 3
    }
}

.media-thumbnail__summary {
    max-height: 3.6rem;
    overflow: hidden;
    margin-top: -.8rem;
    margin-bottom: 1.6rem;
    line-height: 1.8rem;
    font-size: 1.2rem
}

@supports (-webkit-line-clamp:2) {
    .media-thumbnail__summary {
        display: -webkit-box;
        -webkit-line-clamp: 2
    }
}

.media-thumbnail__footer {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: auto;
    font-size: 1.2rem;
    color: #ff0082
}

.media-thumbnail__read-more {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.media-thumbnail__read-icon {
    width: 1rem;
    height: 1rem;
    margin-left: .2rem;
    fill: currentColor
}

.media-thumbnail__tag {
    margin-left: auto
}

@media (min-width: 840px) {
    .media-thumbnail:hover .media-thumbnail__image-container img {
        transform:translateY(-6%)
    }

    .media-thumbnail:hover .content-restriction__icon {
        animation: b .6s ease
    }

    .media-thumbnail:hover .media-thumbnail__caption {
        transform: translateY(-6%)
    }
}

.media-thumbnail--dark .placeholder {
    background: linear-gradient(to top right,#3e3e3e,#242424)
}

.media-thumbnail--dark .media-thumbnail__type {
    background-color: #32c84b
}

.media-thumbnail--dark .media-thumbnail__caption {
    background-color: #000;
    color: #fff;
    border-bottom-color: #32c84b
}

.media-thumbnail--dark .media-thumbnail__footer {
    color: #32c84b
}

.media-thumbnail--dark .media-thumbnail__published {
    color: #fff
}

.media-thumbnail--hero {
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.media-thumbnail--hero .media-thumbnail__image-container {
    width: 65%;
    padding-top: 35%
}

.media-thumbnail--hero .media-thumbnail__caption {
    max-width: 53rem;
    min-width: 40%;
    position: absolute;
    top: 50%;
    right: 6.4rem;
    margin-top: 0;
    margin-right: 0;
    transform: translateY(-50%)
}

.media-thumbnail--hero .media-thumbnail__type {
    margin-bottom: .8rem
}

.media-thumbnail--hero .media-thumbnail__title {
    max-height: 12.8rem;
    overflow: hidden;
    font-size: 3.2rem;
    line-height: 3.2rem
}

@supports (-webkit-line-clamp:4) {
    .media-thumbnail--hero .media-thumbnail__title {
        display: -webkit-box;
        -webkit-line-clamp: 4
    }
}

.media-thumbnail--hero .media-thumbnail__summary {
    max-height: 7.2rem;
    overflow: hidden;
    font-size: 1.6rem;
    line-height: 2.4rem
}

@supports (-webkit-line-clamp:3) {
    .media-thumbnail--hero .media-thumbnail__summary {
        display: -webkit-box;
        -webkit-line-clamp: 3
    }
}

.media-thumbnail--hero:after {
    content: "";
    width: 35%;
    display: block;
    background-color: var(--team-theme-primary);
    background-size: var(--team-theme-bg-pattern-size);
    margin-left: 1.6rem
}

@media (min-width: 840px) {
    .media-thumbnail--hero:hover .media-thumbnail__image-container img {
        transform:scale(1.15);
        transition: transform 6s cubic-bezier(.19,1,.22,1)
    }

    .media-thumbnail--hero:hover .media-thumbnail__caption {
        transform: translate(-6%,-50%)
    }
}

.media-thumbnail--poll .media-thumbnail__poll-closed {
    position: absolute;
    top: 0;
    left: 0;
    padding: .3rem .6rem;
    background: #fff;
    color: #000;
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase;
    z-index: 10
}

.media-thumbnail--poll .media-thumbnail__poll-winner {
    width: 100%;
    margin-top: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.media-thumbnail--poll .media-thumbnail__poll-winner-text {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: .8rem;
    padding: .3rem .6rem;
    background: #ff0082;
    color: #fff;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700
}

.media-thumbnail--poll .media-thumbnail__poll-option {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-weight: 700;
    margin-bottom: .2rem
}

.media-thumbnail--poll .media-thumbnail__poll-title {
    font-size: 1.6rem;
    line-height: normal
}

.media-thumbnail--poll .media-thumbnail__poll-percentage {
    font-size: 2rem;
    line-height: 2rem;
    margin-left: auto
}

.media-thumbnail--poll .media-thumbnail__poll-votes {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 700
}

.media-thumbnail--poll-answered .media-thumbnail__caption {
    border-bottom-color: #32c84b
}

.media-thumbnail--poll-answered .media-thumbnail__type {
    background-color: #32c84b
}

.media-thumbnail--poll-answered .media-thumbnail__footer {
    color: #32c84b
}

.media-thumbnail--poll-closed .media-thumbnail__image-container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5)
}

.media-thumbnail--poll-closed .media-thumbnail__type {
    background-color: #000
}

@media (max-width: 840px) {
    .media-thumbnail--horizontal-tablet {
        width:100%;
        height: auto;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__image-container {
        width: 33.33%;
        padding-top: 25%
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__image-container img {
        width: 100%;
        height: 100%
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__tag {
        bottom: .8rem;
        left: .8rem
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__play-state {
        left: .8rem;
        bottom: 1rem;
        font-size: 1.2rem;
        line-height: 2rem
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__caption {
        width: 66.66%;
        min-width: auto;
        margin-top: 0;
        margin-right: 0;
        padding: .8rem 2.4rem .8rem .8rem
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__caption:after {
        width: 1.6rem;
        top: 0;
        right: 0
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__title {
        max-height: 4rem;
        overflow: hidden;
        font-size: 1.6rem;
        line-height: 2rem
    }

    @supports (-webkit-line-clamp:2) {
        .media-thumbnail--horizontal-tablet .media-thumbnail__title {
            display: -webkit-box;
            -webkit-line-clamp: 2
        }
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__summary {
        display: none
    }
}

@media (max-width: 840px) and (max-width:415px) {
    .media-thumbnail--horizontal-tablet .media-thumbnail__image-container {
        padding-top:30%
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__caption {
        padding-right: 1.6rem
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__caption:after {
        width: .8rem
    }
}

@media (max-width: 840px) and (max-width:375px) {
    .media-thumbnail--horizontal-tablet .media-thumbnail__image-container {
        width:40%;
        padding-top: 32%
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__caption {
        width: 60%
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__type {
        font-size: 1.1rem
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__title {
        margin-bottom: .2rem;
        font-size: 1.4rem;
        line-height: 1.9rem
    }

    .media-thumbnail--horizontal-tablet .media-thumbnail__read-more {
        display: none
    }
}

@media (max-width: 840px) {
    .media-thumbnail--hero {
        width:calc(100% + 3.2rem);
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 -1.6rem
    }

    .media-thumbnail--hero .media-thumbnail__image-container {
        width: 100%;
        padding-top: 62.5%;
        overflow: visible
    }

    .media-thumbnail--hero .media-thumbnail__image-container img {
        width: 100%;
        height: 100%
    }

    .media-thumbnail--hero .media-thumbnail__image-container:after {
        content: "";
        width: 100%;
        height: 14rem;
        display: block;
        position: absolute;
        top: 100%;
        background-color: var(--team-theme-primary);
        background-size: var(--team-theme-bg-pattern-size)
    }

    .media-thumbnail--hero .media-thumbnail__caption {
        width: calc(100% - 3.2rem);
        max-width: none;
        min-width: auto;
        position: relative;
        top: auto;
        right: auto;
        -ms-flex-align: center;
        align-items: center;
        margin: -3rem 1.6rem 0;
        text-align: center;
        transform: none
    }

    .media-thumbnail--hero .media-thumbnail__title {
        max-height: 6.6;
        overflow: hidden;
        font-size: 2.6rem;
        line-height: 1.1;
        max-height: -moz-fit-content;
        max-height: fit-content
    }

    @supports (-webkit-line-clamp:6) {
        .media-thumbnail--hero .media-thumbnail__title {
            display: -webkit-box;
            -webkit-line-clamp: 6
        }
    }

    .media-thumbnail--hero .media-thumbnail__summary {
        max-height: 5.6;
        overflow: hidden;
        display: block;
        font-size: 1.4rem;
        line-height: 1.4;
        max-height: -moz-fit-content;
        max-height: fit-content
    }

    @supports (-webkit-line-clamp:4) {
        .media-thumbnail--hero .media-thumbnail__summary {
            display: -webkit-box;
            -webkit-line-clamp: 4
        }
    }

    .media-thumbnail--hero:after {
        content: none
    }
}

@media (max-width: 640px) {
    .media-thumbnail--horizontal-phablet {
        width:100%;
        height: auto;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__image-container {
        width: 33.33%;
        padding-top: 25%
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__image-container img {
        width: 100%;
        height: 100%
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__tag {
        bottom: .8rem;
        left: .8rem
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__play-state {
        left: .8rem;
        bottom: 1rem;
        font-size: 1.2rem;
        line-height: 2rem
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__caption {
        width: 66.66%;
        min-width: auto;
        margin-top: 0;
        margin-right: 0;
        padding: .8rem 2.4rem .8rem .8rem
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__caption:after {
        width: 1.6rem;
        top: 0;
        right: 0
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__title {
        max-height: 4rem;
        overflow: hidden;
        font-size: 1.6rem;
        line-height: 2rem
    }

    @supports (-webkit-line-clamp:2) {
        .media-thumbnail--horizontal-phablet .media-thumbnail__title {
            display: -webkit-box;
            -webkit-line-clamp: 2
        }
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__summary {
        display: none
    }
}

@media (max-width: 640px) and (max-width:415px) {
    .media-thumbnail--horizontal-phablet .media-thumbnail__image-container {
        padding-top:30%
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__caption {
        padding-right: 1.6rem
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__caption:after {
        width: .8rem
    }
}

@media (max-width: 640px) and (max-width:375px) {
    .media-thumbnail--horizontal-phablet .media-thumbnail__image-container {
        width:40%;
        padding-top: 32%
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__caption {
        width: 60%
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__type {
        font-size: 1.1rem
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__title {
        margin-bottom: .2rem;
        font-size: 1.4rem;
        line-height: 1.9rem
    }

    .media-thumbnail--horizontal-phablet .media-thumbnail__read-more {
        display: none
    }
}

.pager {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.pager__container {
    margin: 0 .6rem
}

.pager__button {
    outline: 1px solid #000;
    border: 0;
    width: 3.2rem;
    height: .8rem
}

.pager__button.is-active {
    background: #ff0082
}

.picture__img {
    max-width: 100%
}

.object-fit-cover-picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.placeholder {
    position: relative;
    background: linear-gradient(to top right,#f1f1f1,#e2e2e2);
    overflow: hidden
}

.placeholder:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: 80%;
    background-position: 50%;
    background-repeat: no-repeat
}

.placeholder--small:before {
    background-size: 60%
}

.placeholder--dark {
    background: linear-gradient(to top right,#3e3e3e,#242424)
}

.placeholder--no-image:before {
    display: none
}

.placeholder--player:before {
    background-size: 55%;
    background-position: bottom
}

.placeholder--team-player-background {
    background-color: #000;
    background-size: cover;
    background-position: top
}

.placeholder--team-player-background:before {
    display: none
}

.player-card {
    width: 100%;
    position: relative;
    background-color: var(--team-theme-primary)
}

.player-card:focus .player-card__image-container:after {
    transform: translateY(0)
}

.player-card:focus .player-card__image {
    transform: translateY(-1.6rem)
}

@media (min-width: 840px) {
    .player-card:hover .player-card__image-container:after {
        transform:translateY(0)
    }

    .player-card:hover .player-card__image {
        transform: translateY(-1.6rem)
    }
}

.player-card__image-container {
    height: 0;
    position: relative;
    padding-top: 150%
}

.player-card__image-container:after {
    content: "";
    height: 1.6rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--team-theme-primary);
    transform: translateY(100%);
    transition: transform .2s ease
}

.player-card__image {
    transition: transform .2s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.player-card__image--silhouette {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.player-card__caption {
    position: absolute;
    bottom: 3.8rem;
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    line-height: var(--team-theme-card-line-height)
}

.player-card__forename,.player-card__surname {
    font-family: var(--team-theme-title-font);
    text-transform: var(--team-theme-title-case);
    background-color: #000;
    padding: 0 .8rem
}

.player-card__forename {
    position: relative;
    font-size: 3rem
}

.player-card__surname {
    font-size: 4rem;
    color: var(--team-theme-primary)
}

.player-card__role {
    background-color: var(--team-theme-primary);
    color: var(--team-theme-tertiary);
    font-size: 1.8rem;
    padding: 0 .4rem;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    position: relative
}

.player-card__meta,.player-card__role {
    font-family: var(--team-theme-title-font);
    text-transform: uppercase
}

.player-card__meta {
    position: absolute;
    left: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .2rem .8rem;
    line-height: 1.2;
    font-size: 1.4rem;
    background-color: var(--team-theme-captain-background);
    color: var(--team-theme-captain-text)
}

.player-card__meta--both .player-card__overseas-icon {
    margin-right: .4rem
}

.player-card__overseas-icon {
    fill: var(--team-theme-captain-text);
    width: 1.8rem;
    height: 1.8rem;
    margin-left: -.2rem
}

.player-card__captain {
    line-height: .9
}

.player-card__info-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.player-card--draft {
    box-shadow: -1px 1px 2px rgba(0,0,0,.3)
}

.player-card--draft:first-of-type:not(:last-of-type) {
    margin-right: .8rem
}

.player-card--draft .player-card__caption {
    bottom: 1.6rem
}

@media (max-width: 640px) {
    .player-card__captain {
        font-size:1.2rem
    }
}

@media (max-width: 500px) {
    .player-card__caption {
        bottom:1.8rem
    }
}

.promo-thumbnail {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.promo-thumbnail__image-container {
    width: 31.7rem;
    height: 20.7rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.promo-thumbnail__image-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 3s cubic-bezier(.19,1,.22,1),opacity .2s ease
}

.promo-thumbnail__caption {
    position: relative;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 3rem;
    padding: 1.6rem;
    background: #000;
    border-bottom: 2px solid #ff0082;
    overflow: hidden;
    transition: transform .2s ease
}

.promo-thumbnail__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    margin-bottom: 1.6rem;
    font-size: 2rem;
    padding: 0 10% 0 0;
    line-height: 1.2;
    text-transform: capitalize;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    font-weight: 700
}

.promo-thumbnail__date {
    font-size: 1.4rem;
    color: hsla(0,0%,100%,.8)
}

.promo-thumbnail__chevrons {
    width: 28.9rem;
    height: 14.4rem;
    position: absolute;
    top: 0;
    right: -15rem;
    transform: rotate(102deg)
}

.promo-thumbnail:focus .promo-thumbnail__image-container img {
    transform: scale(1.15);
    transition: transform 6s cubic-bezier(.19,1,.22,1),opacity .2s ease
}

@media (min-width: 840px) {
    .promo-thumbnail:hover .promo-thumbnail__image-container img {
        transform:scale(1.15);
        transition: transform 6s cubic-bezier(.19,1,.22,1),opacity .2s ease
    }
}

.promo-thumbnail--featured {
    -ms-flex-direction: column;
    flex-direction: column
}

.promo-thumbnail--featured .promo-thumbnail__image-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.promo-thumbnail--featured .promo-thumbnail__image-container img {
    transition: transform .2s ease
}

.promo-thumbnail--featured .promo-thumbnail__caption {
    margin-top: -3rem
}

.promo-thumbnail--featured .promo-thumbnail__title {
    font-size: 4rem
}

@media (min-width: 840px) {
    .promo-thumbnail--featured:hover .promo-thumbnail__image-container img {
        transform:translateY(-6%);
        transition: transform .2s ease
    }

    .promo-thumbnail--featured:hover .promo-thumbnail__caption {
        transform: translateY(-6%)
    }
}

@media (max-width: 1025px) {
    .promo-thumbnail__image-container {
        width:13.3rem;
        height: auto;
        min-height: 13.3rem
    }

    .promo-thumbnail__caption {
        margin-right: 0;
        padding-bottom: .8rem
    }

    .promo-thumbnail__title {
        font-size: 2.4rem
    }

    .promo-thumbnail__date {
        font-size: 1.2rem
    }

    .promo-thumbnail--featured .promo-thumbnail__caption {
        padding: 1.6rem
    }

    .promo-thumbnail--featured .promo-thumbnail__title {
        font-size: 3.2rem
    }
}

@media (max-width: 840px) {
    .promo-thumbnail--featured .promo-thumbnail__title,.promo-thumbnail__title {
        font-size:2rem
    }
}

@media (max-width: 840px) {
    .responsive-dropdown-tablet {
        margin-bottom:1.6rem
    }

    .responsive-dropdown-tablet.dark .responsive-dropdown-tablet__trigger--child {
        border-bottom-color: #3e3e3e
    }

    .responsive-dropdown-tablet.dark .responsive-dropdown-tablet__options {
        background-color: #242424
    }

    .responsive-dropdown-tablet.dark .responsive-dropdown-tablet__link {
        border-bottom-color: #3e3e3e
    }

    .responsive-dropdown-tablet.is-active>.responsive-dropdown-tablet__trigger {
        background-color: #ff0082;
        color: #fff
    }

    .responsive-dropdown-tablet.is-active>.responsive-dropdown-tablet__trigger .responsive-dropdown-tablet__trigger-icon {
        transform: translateY(-50%) rotateX(180deg)
    }

    .responsive-dropdown-tablet.is-active>.responsive-dropdown-tablet__menu {
        max-height: 80rem;
        overflow-y: scroll
    }

    .responsive-dropdown-tablet__dropdown.is-active .responsive-dropdown-tablet__trigger {
        background-color: #ff0082;
        color: #fff
    }

    .responsive-dropdown-tablet__dropdown.is-active .responsive-dropdown-tablet__trgigger-icon {
        transform: translateY(-50%) rotateX(180deg)
    }

    .responsive-dropdown-tablet__dropdown.is-active .responsive-dropdown-tablet__options {
        max-height: 80rem;
        overflow-y: scroll
    }

    .responsive-dropdown-tablet__trigger {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 4.8rem;
        text-transform: uppercase;
        font-weight: 700;
        border-bottom: 3px solid #e2e2e2
    }

    .responsive-dropdown-tablet__trigger--child {
        text-transform: none;
        border-bottom-width: 2px
    }

    .responsive-dropdown-tablet__trigger-text {
        position: relative
    }

    .responsive-dropdown-tablet__trigger-icon {
        width: 1.4rem;
        height: 1.4rem;
        position: absolute;
        top: 50%;
        left: 100%;
        margin-left: .4rem;
        fill: currentColor;
        transform: translateY(-50%);
        transition: transform .2s ease
    }

    .responsive-dropdown-tablet__menu,.responsive-dropdown-tablet__options {
        overflow: hidden;
        max-height: 0;
        transition: max-height .5s cubic-bezier(.86,0,.07,1)
    }

    .responsive-dropdown-tablet__options {
        background-color: #f1f1f1
    }

    .responsive-dropdown-tablet__link {
        color: inherit;
        text-decoration: none;
        width: 100%;
        display: block;
        text-align: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.6rem;
        border-bottom: 1px solid #e2e2e2;
        padding: 1.2rem 1.6rem
    }

    .responsive-dropdown-tablet__link.is-active {
        background-color: #d6006d;
        color: #fff
    }
}

@media (max-width: 840px) and (max-width:640px) {
    .responsive-dropdown-tablet__trigger {
        line-height:3.8rem;
        font-size: 1.4rem
    }

    .responsive-dropdown-tablet__trigger-icon {
        width: 1.2rem;
        height: 1.2rem
    }

    .responsive-dropdown-tablet__link {
        font-size: 1.4rem
    }
}

.slider-controls {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider-controls__button {
    width: 3.4rem;
    height: 3.4rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: .4rem;
    background-color: #32c84b;
    text-align: center;
    transition: opacity .2s ease,background-color .2s ease
}

@media (min-width: 840px) {
    .slider-controls__button:hover {
        background-color:#289f3c
    }
}

.slider-controls__button.is-inactive {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.slider-controls .icon {
    width: 1.6rem;
    height: 1.6rem;
    fill: #fff
}

.slider-controls--twitter .slider-controls__button {
    background-color: #55acee
}

@media (min-width: 840px) {
    .slider-controls--twitter .slider-controls__button:hover {
        background-color:#309aea
    }
}

.social-feed-card {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.6rem;
    border: 1px solid #242424;
    color: #fff
}

.social-feed-card__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #242424
}

.social-feed-card__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 4.8rem;
    height: 4.8rem;
    margin-right: .8rem;
    background-color: #242424;
    border-radius: 100%
}

.social-feed-card__user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: .8rem
}

.social-feed-card__user-name {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase
}

.social-feed-card__user-account {
    color: inherit;
    text-decoration: none;
    color: #979797;
    font-size: 1.4rem;
    transition: color .2s ease
}

.social-feed-card__user-account:focus {
    color: #fff
}

@media (min-width: 840px) {
    .social-feed-card__user-account:hover {
        color:#fff
    }
}

.social-feed-card__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    margin-left: auto
}

.social-feed-card__body {
    margin: auto 0;
    padding-bottom: 1.6rem
}

.social-feed-card__quote-icon {
    width: 3rem;
    height: 3rem;
    margin-bottom: .8rem;
    fill: #55acee
}

.social-feed-card__text {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.4;
    word-break: break-word
}

.social-feed-card__text a {
    color: inherit;
    text-decoration: none;
    text-decoration: underline
}

.social-feed-card__text a:focus {
    -webkit-text-decoration-color: #55acee;
    text-decoration-color: #55acee
}

@media (min-width: 840px) {
    .social-feed-card__text a:hover {
        -webkit-text-decoration-color:#55acee;
        text-decoration-color: #55acee
    }
}

.social-feed-card__image-container {
    height: 0;
    padding-top: 56.25%;
    border-radius: 4px
}

.social-feed-card__image-link {
    color: inherit;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.social-feed-card__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
    padding-top: 1.6rem;
    border-top: 1px solid #242424
}

.social-feed-card__share {
    display: -ms-flexbox;
    display: flex
}

.social-feed-card__share-link {
    color: inherit;
    text-decoration: none;
    margin-right: 1.6rem;
    color: #979797;
    transition: color .2s ease
}

.social-feed-card__share-link:focus {
    color: #fff
}

@media (min-width: 840px) {
    .social-feed-card__share-link:hover {
        color:#fff
    }
}

.social-feed-card__share-icon {
    width: 2rem;
    height: 2rem;
    fill: currentColor
}

.social-feed-card__time {
    color: inherit;
    text-decoration: none;
    margin-left: auto;
    color: #979797;
    font-size: 1.4rem;
    line-height: 1;
    transition: color .2s ease
}

.social-feed-card__time:focus {
    color: #fff
}

@media (min-width: 840px) {
    .social-feed-card__time:hover {
        color:#fff
    }
}

.social-feed-card--twitter {
    border-bottom-color: #55acee
}

.social-feed-card--twitter .social-feed-card__logo {
    fill: #55acee
}

.social-feed-card--no-media .social-feed-card__text {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 700
}

@media (max-width: 1025px) and (min-width:840px) {
    .social-feed-card__logo {
        display:none
    }
}

@media (max-width: 640px) {
    .social-feed-card {
        padding:.8rem
    }

    .social-feed-card__header {
        padding-bottom: .8rem
    }

    .social-feed-card__avatar {
        width: 3.2rem;
        height: 3.2rem
    }

    .social-feed-card__user-name {
        font-size: 1.2rem
    }

    .social-feed-card__user-account {
        font-size: 1rem
    }

    .social-feed-card__logo {
        width: 2.4rem;
        height: 2.4rem
    }

    .social-feed-card__body {
        padding-bottom: .8rem
    }

    .social-feed-card__text {
        font-size: 1.4rem
    }

    .social-feed-card__footer {
        padding-top: .8rem
    }

    .social-feed-card__time {
        font-size: 1.2rem
    }

    .social-feed-card--no-media .social-feed-card__text {
        font-size: 1.6rem
    }
}

.social-follow {
    margin-bottom: 1.6rem
}

.social-follow__title {
    display: inline-block;
    font-size: 1.2rem;
    vertical-align: middle
}

.social-follow__item {
    margin: 0;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 3.2rem;
    height: 3.2rem;
    position: relative
}

.social-follow__item .icon {
    width: 2rem;
    height: 2rem;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.social-follow__item--facebook {
    background-color: #117df2
}

.social-follow__item--twitter {
    background-color: #55acee
}

.social-follow__item--youtube {
    background-color: #b00
}

.social-follow__item--instagram {
    background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)
}

.social-share-simple {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.social-share-simple__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    font-size: 1.8rem;
    padding-right: .8rem;
    color: #fff
}

.social-share-simple__options {
    display: -ms-flexbox;
    display: flex
}

.social-share-simple__option {
    margin: 0 .8rem
}

.social-share-simple__option:first-child {
    margin-left: 1.6rem
}

.social-share-simple__button {
    display: block;
    position: relative;
    padding: .8rem;
    color: #fff
}

.social-share-simple__button--twitter {
    color: #55acee
}

.social-share-simple__button--facebook {
    color: #117df2
}

.social-share-simple__button--whatsapp {
    color: #43d854
}

.social-share-simple__button--copy {
    color: #ff0082
}

.social-share-simple__button--copy.is-visible .social-share-simple__copy-message {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%)
}

.social-share-simple__button-icon {
    width: 3rem;
    height: 3rem;
    fill: currentColor
}

.social-share-simple__copy-message {
    position: absolute;
    bottom: 100%;
    left: 50%;
    padding: .4rem .8rem;
    font-size: 1.1rem;
    background-color: #ff0082;
    color: #fff;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    transform: translate(-50%,1rem);
    visibility: hidden;
    transition: opacity .2s ease,transform .2s ease,visibility .2s ease
}

.social-share-simple__copy-message:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: .4rem solid transparent;
    border-top-color: #ff0082
}

.social-share-simple--small .social-share-simple__title {
    font-size: 1.4rem
}

.social-share-simple--small .social-share-simple__option {
    margin: 0 .4rem
}

.social-share-simple--small .social-share-simple__option:first-child {
    margin-left: .8rem
}

.social-share-simple--small .social-share-simple__button {
    padding: .6rem
}

.social-share-simple--small .social-share-simple__button-icon {
    width: 2.4rem;
    height: 2.4rem
}

.social-share-simple--stacked {
    -ms-flex-direction: column;
    flex-direction: column
}

.social-share-simple--stacked .social-share-simple__title {
    padding-right: 0;
    margin-bottom: .8rem
}

.social-share-simple--x-small .social-share-simple__title {
    font-size: 1.2rem
}

.social-share-simple--x-small .social-share-simple__option {
    margin: 0 .4rem
}

.social-share-simple--x-small .social-share-simple__option:first-child {
    margin-left: .8rem
}

.social-share-simple--x-small .social-share-simple__button {
    padding: .4rem
}

.social-share-simple--x-small .social-share-simple__button-icon {
    width: 2rem;
    height: 2rem
}

@media (max-width: 840px) {
    .social-share-simple__title {
        font-size:1.4rem
    }

    .social-share-simple__option {
        margin: 0 .4rem
    }

    .social-share-simple__option:first-of-type {
        margin-left: .8rem
    }

    .social-share-simple__button-icon {
        width: 2.2rem;
        height: 2.2rem
    }
}

.social-share {
    position: sticky;
    top: 12rem;
    z-index: 10
}

.social-share__options {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.social-share__button {
    position: relative
}

.social-share__button:focus .social-share__button-content--mask {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

@media (min-width: 840px) {
    .social-share__button:hover .social-share__button-content--mask {
        -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
    }
}

.social-share__button--twitter .social-share__button-content--mask {
    background-color: #55acee
}

.social-share__button--facebook .social-share__button-content--mask {
    background-color: #117df2
}

.social-share__button--whatsapp .social-share__button-content--mask {
    background-color: #43d854
}

.social-share__button--copy .social-share__button-content--mask {
    background-color: #ff0082
}

.social-share__button--copy.is-visible .social-share__copy-message {
    visibility: visible;
    opacity: 1;
    transform: translateX(0)
}

.social-share__button-content {
    width: 14rem;
    height: 14rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f1f1f1
}

.social-share__button-content .icon {
    width: 3rem;
    height: 3rem
}

.social-share__button-content--mask {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: none;
    transition: -webkit-clip-path .5s ease;
    transition: clip-path .5s ease;
    transition: clip-path .5s ease, -webkit-clip-path .5s ease;
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 100%,0 100%)
}

.social-share__button-content--mask svg {
    fill: #fff
}

.social-share__copy-message {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(100% + 1.2rem + .2rem);
    padding: 5.6rem 0;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-1rem);
    visibility: hidden;
    transition: opacity .2s ease,transform .2s ease,visibility .2s ease
}

.social-share__copy-message:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    border: 1.2rem solid transparent;
    border-right-color: #000
}

@media (max-width: 1300px) {
    .social-share__button-content {
        width:10rem;
        height: 10rem
    }

    .social-share__copy-message {
        padding: 4rem 0;
        font-size: 1.4rem
    }
}

@media (max-height: 660px) {
    .social-share__button-content {
        width:8rem;
        height: 8rem
    }
}

@media (max-width: 1025px) {
    .social-share {
        position:relative;
        top: -6rem;
        z-index: 30
    }

    .social-share__toggle {
        width: 6rem;
        height: 6rem;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #ff0082;
        z-index: 20;
        transition: background-color .2s ease
    }

    .social-share__toggle .icon {
        width: 2.2rem;
        height: 2.2rem;
        fill: #fff
    }

    .social-share__options {
        position: absolute;
        bottom: 100%;
        right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .social-share__option {
        pointer-events: none;
        transform: translateY(-1rem);
        opacity: 0
    }

    .social-share__button--twitter .social-share__button-content {
        background-color: #55acee
    }

    .social-share__button--facebook .social-share__button-content {
        background-color: #117df2
    }

    .social-share__button--whatsapp .social-share__button-content {
        background-color: #43d854
    }

    .social-share__button--copy .social-share__button-content {
        background-color: #000
    }

    .social-share__button--copy.is-visible .social-share__copy-message {
        opacity: 1;
        transform: translateX(0)
    }

    .social-share__button-content {
        width: 6rem;
        height: 6rem;
        transition: background-color .2s ease
    }

    .social-share__button-content .icon {
        width: 2.2rem;
        height: 2.2rem;
        fill: #fff
    }

    .social-share__copy-message {
        width: auto;
        padding: 2.4rem;
        font-size: 1.2rem;
        right: calc(100% + .7rem + .2rem);
        left: auto
    }

    .social-share__copy-message:before {
        border: .7rem solid transparent;
        border-left-color: #000;
        right: auto;
        left: 100%
    }

    .social-share.animate-in .social-share__toggle {
        background-color: #d6006d
    }

    .social-share.animate-in .social-share__option {
        pointer-events: auto;
        animation: d .2s ease forwards
    }

    .social-share.animate-in .social-share__option:first-child {
        animation-delay: .05s
    }

    .social-share.animate-in .social-share__option:nth-child(2) {
        animation-delay: .1s
    }

    .social-share.animate-in .social-share__option:nth-child(3) {
        animation-delay: .15s
    }

    .social-share.animate-in .social-share__option:nth-child(4) {
        animation-delay: .2s
    }

    .social-share.animate-in .social-share__option:nth-child(5) {
        animation-delay: .25s
    }

    .social-share.animate-in .social-share__option:nth-child(6) {
        animation-delay: .3s
    }

    .social-share.animate-out .social-share__option {
        pointer-events: none;
        animation: e .2s ease backwards
    }
}

@media (max-width: 840px) {
    .social-share {
        top:-4.4rem
    }

    .social-share__button-content,.social-share__toggle {
        width: 4.4rem;
        height: 4.4rem
    }

    .social-share__copy-message {
        padding: 1.5rem;
        font-size: 1.1rem;
        background-color: #000;
        color: #fff
    }

    .social-share__copy-message:before {
        border-left-color: #000
    }
}

@keyframes d {
    0% {
        transform: translateY(1rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes e {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(1rem);
        opacity: 0
    }
}

.swipe {
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    fill: #979797
}

.table {
    width: 100%;
    table-layout: fixed
}

.table__head-cell {
    border-bottom: 1px solid #242424;
    padding: 1rem
}

.table__head-cell:first-of-type {
    border-right: 1px solid #242424
}

.table__body-row:nth-of-type(2n) {
    background: #fff
}

.table__body-cell {
    padding: 1rem;
    text-align: center
}

.table__body-cell:first-of-type {
    border-right: 1px solid #242424
}

.tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    background: radial-gradient(ellipse at bottom,#242424,#000)
}

.tabs__tab {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    width: 100%;
    padding: 1.6rem;
    color: #979797;
    border-bottom: 2px solid #3e3e3e;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700
}

.tabs__tab.is-active {
    color: #fff;
    border-bottom-color: #ff0082
}

.tag {
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    padding: .4rem .8rem;
    background-color: #ff0082;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    font-size: 1.8rem;
    text-transform: uppercase
}

.tag--video {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background: none;
    color: #32c84b;
    font-size: 2.1rem
}

.tag--video .tag__icon-container {
    padding: .4rem .6rem .4rem .8rem;
    background-color: #32c84b
}

.tag--video .tag__icon {
    width: 1.7rem;
    height: 1.8rem;
    fill: #fff
}

.tag--video .tag__text {
    padding: 0 .4rem;
    line-height: 2.6rem;
    background-color: #fff
}

.tag--alternate {
    background-color: #fff;
    color: #242424
}

.tag--small {
    font-size: 1.4rem
}

.tag--small .tag__icon {
    width: 1.4rem;
    height: 1.4rem
}

.tag--small .tag__text {
    line-height: 2.2rem
}

.tag--x-large {
    padding: .8rem 1.6rem
}

@media (min-width: 64.0625em) {
    .tag--x-large {
        font-size:4.8rem
    }
}

@media (max-width: 64.0525em) {
    .tag--x-large {
        font-size:2.8rem
    }
}

@media (max-width: 52.49em) {
    .tag {
        font-size:1.4rem
    }

    .tag--video .tag__icon {
        width: 1.4rem;
        height: 1.4rem
    }

    .tag--video .tag__text {
        line-height: 2.2rem
    }

    .tag--x-large {
        font-size: 2rem
    }
}

@media (max-width: 23.4275em) {
    .tag--video .tag__icon-container {
        display:none
    }

    .tag--video .tag__text {
        line-height: 1.2
    }
}

.team-logo__img {
    width: 100%;
    height: 100%
}

.ticket-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.6rem;
    white-space: nowrap
}

.ticket-button__icon {
    width: 2.2rem;
    height: 2.2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .8rem;
    fill: currentColor
}

.ticket-button__selling-fast {
    width: 14rem;
    height: 2.2rem;
    position: relative
}

.ticket-button__selling-fast-text {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.ticket-button__selling-fast-text:first-of-type {
    animation: f 3.4s ease infinite
}

.ticket-button__selling-fast-text:last-of-type {
    animation: g 3.4s ease infinite
}

@media (min-width: 840px) {
    .ticket-button__price-range {
        width:100%;
        position: absolute;
        top: 100%;
        right: 0;
        padding: .2rem;
        text-align: center;
        color: #242424;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1.2;
        pointer-events: none;
        text-transform: none
    }
}

@media (max-width: 840px) {
    .ticket-button {
        padding:.8rem 1.6rem
    }

    .ticket-button__price-range {
        margin-left: .4rem;
        font-weight: 700
    }
}

@keyframes f {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes g {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.tooltip {
    font-family: styrenea,Helvetica Neue,sans-serif;
    bottom: calc(100% + .4rem);
    padding: .8rem 1.6rem;
    background-color: #fff;
    border-radius: .4rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    white-space: nowrap;
    font-size: 1.2rem;
    transform: translateX(-50%) scale(0);
    transform-origin: bottom;
    transition: transform .2s ease
}

.tooltip,.tooltip:after {
    position: absolute;
    left: 50%
}

.tooltip:after {
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    border: .8rem solid transparent;
    border-top-color: #fff;
    transform: translateX(-50%);
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.2))
}

.tooltip.is-active {
    transform: translateX(-50%) scale(1)
}

.tooltip--bottom {
    top: calc(100% + .4rem);
    bottom: auto;
    transform-origin: top
}

.tooltip--bottom:after {
    top: auto;
    bottom: 100%;
    border-top-color: transparent;
    border-bottom-color: #fff
}

.tooltip--left {
    left: .8rem;
    transform: translateX(0) scale(0);
    transform-origin: bottom left
}

.tooltip--left:after {
    transform: none;
    left: .8rem
}

.tooltip--left.is-active {
    transform: translateX(0) scale(1)
}

.tooltip--right {
    left: auto;
    right: .8rem;
    transform: translateX(0) scale(0);
    transform-origin: bottom right
}

.tooltip--right:after {
    transform: none;
    left: auto;
    right: .8rem
}

.tooltip--right.is-active {
    transform: translateX(0) scale(1)
}

@media (max-width: 640px) {
    .touch-scroll-list--phablet {
        width:auto;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -1.2rem 0 -2rem;
        padding-left: 1.6rem;
        white-space: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
    }

    .touch-scroll-list--phablet>li.touch-scroll-list__element {
        width: 80%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        white-space: normal;
        scroll-snap-align: center
    }
}

.video-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0,0%,5%,.9);
    color: #fff;
    z-index: 60;
    overflow-y: auto;
    opacity: 0;
    transition: opacity .2s ease
}

.video-modal.modal-is-shown {
    opacity: 1
}

.video-modal.modal-is-shown .video-modal__video-container {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .3s ease .15s,transform .3s ease .15s
}

.video-modal__close {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    width: 3.4rem;
    height: 3.4rem;
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    transition: background-color .2s ease;
    z-index: 10
}

.video-modal__close:focus {
    background-color: #ff0082
}

@media (min-width: 840px) {
    .video-modal__close:hover {
        background-color:#ff0082
    }
}

.video-modal__close-icon {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    fill: currentColor
}

.video-modal__video-container {
    max-width: 94rem;
    height: 100%;
    position: relative;
    margin: 0 auto;
    padding-top: 6.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(6rem);
    transition: opacity .3s ease 0s,transform .3s ease 0s
}

.video-modal__caption {
    padding: 1.6rem
}

.video-modal__title {
    margin-bottom: .8rem
}

.video-modal__subtitle {
    margin-bottom: .4rem
}

@media (min-width: 840px) {
    .video-modal::-webkit-scrollbar {
        width:11px;
        height: 11px
    }

    .video-modal::-webkit-scrollbar-track {
        background: #3e3e3e
    }

    .video-modal::-webkit-scrollbar-thumb {
        background-color: #ff0082
    }
}

@media (max-width: 640px) {
    .video-modal__title {
        font-size:2.2rem
    }

    .video-modal__description {
        font-size: 1.4rem;
        line-height: 1.4
    }
}

.video-player {
    max-width: 102.4rem;
    margin: 0 auto;
    transition: all .2s ease-in-out
}

.video-player__video {
    position: relative;
    padding-top: 56.25%;
    width: 100%!important;
    height: 0!important;
    background-color: #000
}

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

.video-player__video video {
    width: 100%;
    height: auto
}

.video-player__video.vjs-fullscreen {
    padding-bottom: 0
}

.video-player--small .video-js .vjs-big-play-button {
    width: 8rem;
    height: 8rem;
    background-size: 4rem;
    background-position: 2.5rem
}

.video-js {
    overflow: hidden
}

.video-js:focus .vjs-big-play-button {
    background-color: var(--team-theme-primary);
    opacity: 1
}

@media (min-width: 840px) {
    .video-js:hover .vjs-big-play-button {
        background-color:var(--team-theme-primary);
        opacity: 1
    }
}

.video-js .vjs-big-play-button {
    width: 12rem;
    height: 12rem;
    margin: 0;
    transform: translate(-50%,-50%);
    background-color: var(--team-theme-primary);
    background-size: 6.5rem;
    background-position: 3.5rem;
    background-repeat: no-repeat;
    opacity: .6;
    transition: opacity .2s ease!important
}

.video-js .vjs-big-play-button:before {
    display: none
}

.video-js .vjs-big-play-button .vjs-icon-placeholder {
    display: none!important
}

.video-js .vjs-load-progress,.video-js .vjs-play-progress,.video-js .vjs-slider,.video-js .vjs-volume-level {
    height: 1rem;
    border-radius: .5rem
}

.video-js .vjs-load-progress {
    overflow: hidden
}

.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible),.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible),.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible),.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible) {
    transform: translateY(5.7rem)!important
}

.video-js .vjs-control-bar {
    display: -ms-flexbox!important;
    display: flex!important;
    background-color: rgba(0,0,0,.9)!important;
    height: 5.7rem!important
}

.video-js .vjs-control-bar *,.video-js .vjs-control-bar :after,.video-js .vjs-control-bar :before {
    line-height: 5.7rem!important;
    transform: none!important
}

.video-js .vjs-control-bar * {
    font-size: 1.4rem
}

.video-js .vjs-time-tooltip {
    line-height: 1!important
}

.video-js .vjs-mouse-display .vjs-time-tooltip {
    background-color: var(--team-theme-primary)
}

.video-js .vjs-mouse .vjs-progress-control {
    height: auto!important;
    top: auto!important
}

.video-js .vjs-progress-control,.video-js .vjs-progress-control:hover {
    height: .9rem!important;
    top: auto!important
}

.video-js .vjs-progress-control {
    position: relative!important;
    left: auto!important;
    right: auto!important;
    width: auto!important;
    margin: auto;
    min-width: auto!important;
    -ms-flex: 1 1 100%!important;
    flex: 1 1 100%!important;
    margin-left: 2rem
}

.video-js .vjs-dock-text {
    display: none
}

.video-js .vjs-time-control {
    padding: 0!important;
    font-weight: 700
}

.video-js .vjs-volume-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%!important
}

.video-js .vjs-volume-bar {
    width: 6rem;
    margin: 0
}

.video-js .vjs-play-progress,.video-js .vjs-volume-level {
    background-color: var(--team-theme-primary)
}

@media (max-width: 640px) {
    .video-js .vjs-big-play-button {
        width:8rem;
        height: 8rem;
        background-position: 2.3rem;
        background-size: 4.5rem
    }

    .video-js .vjs-control-bar * {
        font-size: 1.2rem
    }
}

.is-glued {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%
}

.widget-header-sponsor {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.widget-header-sponsor__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    font-size: 1.4rem;
    text-align: right;
    font-weight: 400
}

.widget-header-sponsor__image {
    width: 16rem;
    height: 9rem;
    position: relative
}

.widget-header-sponsor--light {
    color: #fff
}

@media (max-width: 840px) {
    .widget-header-sponsor__title {
        font-size:1.2rem
    }

    .widget-header-sponsor__image {
        width: 12.8rem;
        height: 7.2rem
    }
}

@media (max-width: 640px) {
    .widget-header-sponsor {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .widget-header-sponsor__title {
        font-size: 1rem;
        margin-bottom: .4rem
    }

    .widget-header-sponsor__image {
        width: 8rem;
        height: 4.5rem
    }
}

.widget-header {
    min-height: 3.4rem;
    position: relative;
    margin-bottom: 1.6rem
}

.widget-header__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 5rem;
    text-transform: uppercase
}

.widget-header__title .highlight {
    padding: .2rem .4rem;
    background-color: #ff0082;
    color: #fff;
    display: block;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content
}

.widget-header__subtitle {
    font-family: styrenea,Helvetica Neue,sans-serif;
    display: block;
    margin-top: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700
}

.widget-header--small .widget-header__title {
    font-size: 4rem
}

.widget-header--small .widget-header__subtitle {
    font-size: 1.1rem
}

.widget-header--x-small .widget-header__title {
    font-size: 3rem
}

.widget-header--x-small .widget-header__subtitle {
    font-size: 1.1rem
}

.widget-header--dark .widget-header__subtitle,.widget-header--dark .widget-header__title {
    color: #fff
}

.widget-header--light .widget-header__title .highlight {
    background-color: #fff;
    color: #000
}

.widget-header--alt .widget-header__title .highlight {
    background-color: #32c84b
}

.widget-header--centered {
    -ms-flex-pack: center;
    justify-content: center
}

.widget-header--centered .widget-header__title {
    display: block;
    text-align: center
}

.widget-header--centered .widget-header__title .highlight {
    display: inline-block;
    white-space: normal
}

.widget-header--twitter .widget-header__title .highlight {
    background-color: #55acee
}

@media (max-width: 840px) {
    .widget-header__title {
        font-size:4rem
    }
}

@media (max-width: 640px) {
    .widget-header--small .widget-header__title,.widget-header__title {
        font-size:3.2rem
    }
}

.widget {
    margin-bottom: 3.2rem
}

.widget--stackable+.widget--stackable {
    margin-top: -3.2rem
}

.widget--to-render {
    min-height: 20rem;
    max-height: 40rem;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to top right,#3e3e3e,#242424);
    transition: background .3s ease,max-height .4s ease
}

.widget--to-render .widget__wrapper {
    position: relative
}

.widget--to-render .widget__content {
    opacity: 0;
    transition: opacity .3s ease .1s
}

.widget--to-render .widget__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s ease
}

.widget--to-render.is-rendered {
    min-height: auto;
    max-height: none;
    background: none
}

.widget--to-render.is-rendered .widget__content {
    opacity: 1
}

.widget--to-render.is-rendered .widget__loader {
    opacity: 0;
    pointer-events: none
}

.widget--to-render.did-not-render {
    min-height: auto;
    max-height: 0;
    margin: 0;
    padding: 0;
    background: none;
    overflow: hidden
}

.widget--to-render.did-not-render .widget__loader {
    opacity: 0;
    pointer-events: none
}

.widget.dark {
    padding: 3.2rem 0 6.4rem;
    background-color: #000
}

.widget.dark .widget-header__title {
    color: #fff
}

.widget.dark .placeholder {
    background: linear-gradient(to top right,#3e3e3e,#242424)
}

.widget.light {
    padding: 3.2rem 0 6.4rem;
    background-color: #fff
}

.widget.light .widget-header__title {
    color: #000
}

.widget.light .loader__blob {
    background-color: #000
}

.widget.light .placeholder {
    background: #f1f1f1
}

.widget.light.widget--to-render {
    background: linear-gradient(to top right,#f1f1f1,#e2e2e2)
}

.widget.light.widget--to-render.is-rendered {
    background: none
}

@media (max-width: 840px) {
    .widget {
        margin-bottom:1.6rem
    }

    .widget--stackable+.widget--stackable {
        margin-top: -1.6rem
    }

    .widget.dark {
        padding: 3.2rem 0
    }
}

@media (max-width: 415px) {
    .widget.dark {
        padding-top:1.6rem
    }
}

.custom-select {
    max-width: 30rem;
    min-width: 25rem;
    position: relative;
    margin-top: .8rem;
    margin-left: .8rem;
    color: #fff
}

.custom-select:focus .custom-select__display {
    background-color: #3e3e3e
}

@media (min-width: 840px) {
    .custom-select:hover .custom-select__display {
        background-color:#3e3e3e
    }
}

.custom-select__display {
    height: 5rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 .8rem;
    background-color: #242424;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: background-color .2s ease;
    z-index: 1000
}

.custom-select__display:after {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff
}

.custom-select__display--no-interact {
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none
}

.custom-select__title {
    display: block;
    margin: .8rem 0 .4rem;
    padding-right: 1.6rem;
    font-size: 1.2rem;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase
}

.custom-select .icon {
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    top: 50%;
    right: .8rem;
    transform: translateY(-50%) rotateX(0);
    fill: currentColor;
    transition: transform .2s ease
}

.custom-select__current {
    padding-right: 1.6rem;
    font-size: 1.6rem;
    line-height: 1.1
}

.custom-select__current-text {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    pointer-events: none
}

.custom-select__options {
    max-height: 50rem;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.3);
    overflow-y: auto;
    z-index: 50;
    opacity: 0;
    transform: translateY(.8rem);
    pointer-events: none;
    transition: opacity .25s ease,transform .25s ease
}

.custom-select__option {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding: .8rem;
    background-color: #fff;
    color: #242424;
    font-size: 1.4rem;
    line-height: 1.4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: background-color .2s ease
}

.custom-select__option:focus {
    background-color: #e2e2e2
}

@media (min-width: 840px) {
    .custom-select__option:hover {
        background-color:#e2e2e2
    }
}

.custom-select__option--selected {
    display: none
}

.custom-select__loader {
    position: absolute;
    bottom: .6rem;
    left: 50%;
    transform: translateX(-50%)
}

.custom-select--open {
    background-color: #3e3e3e
}

.custom-select--open .custom-select__options {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.custom-select--open .icon {
    transform: translateY(-50%) rotateX(180deg)
}

.filter-list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    z-index: 30
}

.filter-list__title {
    text-transform: uppercase;
    height: 5.5rem;
    color: rgba(0,0,0,.4);
    border-bottom: 1px solid #eee;
    font-weight: 700
}

.filter-list__reset {
    width: 5rem;
    height: 5rem;
    position: relative;
    -ms-flex-order: 1;
    order: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .8rem;
    background-color: #242424;
    color: #fff;
    z-index: 20;
    transition: background-color .2s ease
}

.filter-list__reset .icon {
    width: 2.2rem;
    height: 2.2rem;
    transform: rotate(0)
}

.filter-list__reset:focus {
    background-color: #3e3e3e
}

.filter-list__reset:focus .icon {
    transform: rotate(180deg);
    transition: transform .3s ease-in-out
}

@media (min-width: 840px) {
    .filter-list__reset:hover {
        background-color:#3e3e3e
    }

    .filter-list__reset:hover .icon {
        transform: rotate(180deg);
        transition: transform .3s ease-in-out
    }
}

.filter-list--modal {
    display: block
}

.filter-list--modal .custom-select {
    max-width: none;
    margin-left: 0;
    margin-bottom: .8rem
}

.filter-list--modal .custom-select__options {
    position: relative;
    top: auto;
    opacity: 1;
    transform: translateY(0);
    box-shadow: none;
    -webkit-overflow-scrolling: touch;
    max-height: 0;
    transition: max-height .45s ease
}

.filter-list--modal .custom-select__option {
    width: auto;
    padding: .8rem;
    background-color: #3e3e3e;
    color: #fff
}

.filter-list--modal .custom-select__option:focus {
    background-color: #242424
}

.filter-list--modal .custom-select--open .custom-select__options {
    max-height: 40vh;
    overflow-y: scroll
}

.filter-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    transform: translateX(0) rotate(0);
    background-color: #fff;
    z-index: 50;
    visibility: hidden;
    transition: transform .4s cubic-bezier(.645,.045,.355,1),visibility .4s ease
}

.filter-modal__content {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.filter-modal__content:after {
    content: "";
    height: 1.6rem;
    position: absolute;
    bottom: 6.6rem;
    left: 0;
    right: 0;
    background: linear-gradient(to top,#fff 25%,hsla(0,0%,100%,0) 75%,hsla(0,0%,100%,0));
    z-index: 30
}

.filter-modal__content-header {
    height: 5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    padding: .8rem 1.6rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.2)
}

.filter-modal__title {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #3e3e3e
}

.filter-modal__close {
    width: 2.8rem;
    height: 2.8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #242424;
    border: 2px solid #242424;
    transition: background-color .2s ease,border-color .2s ease
}

.filter-modal__close:focus {
    background-color: #ff0082;
    border-color: #ff0082;
    color: #fff
}

@media (min-width: 840px) {
    .filter-modal__close:hover {
        background-color:#ff0082;
        border-color: #ff0082;
        color: #fff
    }
}

.filter-modal__close-icon {
    width: 1.4rem;
    height: 1.4rem;
    fill: currentColor;
    transition: color .2s ease
}

.filter-modal__scroll-container {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 1.6rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.filter-modal__floating-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: .8rem;
    background-color: #242424;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.filter-modal__floating-button .icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: currentColor
}

.filter-modal__floating-button .filter-modal__option {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .8rem;
    -ms-flex: 1;
    flex: 1;
    text-transform: uppercase;
    border: .4rem solid #fff;
    border-top: none;
    border-bottom: none;
    transition: background-color .2s ease
}

.filter-modal__floating-button .filter-modal__option .icon-reset {
    width: 1.9rem;
    height: 1.9rem;
    margin-right: .4rem;
    fill: currentColor
}

.filter-modal__floating-button .filter-modal__option .icon-tick {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .4rem;
    fill: currentColor
}

.filter-modal__floating-button .filter-modal__option--apply {
    background-color: #ff0082
}

.filter-modal__floating-button .filter-modal__option--apply:focus {
    background-color: #d6006d
}

.filter-modal__floating-button--set-options {
    height: 5rem;
    position: relative;
    padding: 0;
    margin: 0 1.2rem 1.6rem
}

.filter-modal__floating-button--active-filters {
    min-height: 5rem;
    position: fixed;
    right: .8rem;
    bottom: 1.6rem;
    left: .8rem;
    box-shadow: 0 0 6px rgba(0,0,0,.4)
}

.filter-modal__active-filters {
    font-size: 1.1rem;
    font-weight: 400;
    text-transform: none
}

.filter-modal__active {
    margin: 0 .3rem
}

.filter-modal__active:first-of-type {
    margin-left: 0
}

.filter-modal__active:last-of-type {
    margin-right: 0
}

.filter-modal.is-open {
    visibility: visible;
    transform: translateX(-100%) rotate(0)
}

@media (max-width: 415px) {
    .filter-modal__floating-button {
        font-size:1.2rem
    }
}

.filter-wrapper .filter,.filter-wrapper .reset {
    display: none
}

.gam-embed {
    max-width: 100%;
    overflow: hidden
}

.gam-embed__container,.gam-embed__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.gam-embed__container {
    position: relative;
    -ms-flex-align: center;
    align-items: center
}

.gam-embed__close {
    color: inherit;
    text-decoration: none;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: .4rem;
    right: .4rem;
    background-color: #ff0082;
    transition: background-color .2s ease
}

.gam-embed__close:focus {
    background-color: #d6006d
}

@media (min-width: 840px) {
    .gam-embed__close:hover {
        background-color:#d6006d
    }
}

.gam-embed__close-icon {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    fill: #fff
}

.gam-embed--stick-to-bottom {
    position: fixed;
    bottom: 1.6rem;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0;
    z-index: 40
}

.article-lead-image {
    min-height: 65vh;
    position: relative
}

.article-lead-image__image-container,.article-lead-image__image:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.article-lead-image__image:after {
    content: "";
    background: linear-gradient(to top right,rgba(0,0,0,.4) 25%,transparent,transparent)
}

.article-lead-image__sponsor {
    position: absolute;
    top: 0;
    left: 1.6rem
}

@media (max-width: 640px) {
    .article-lead-image {
        min-height:50vh
    }
}

.article-template {
    margin-bottom: 3.2rem
}

.article-template>.widget--is-header {
    margin-top: -1.6rem
}

.article-template>.widget--is-header~.widget--is-header:not(.widget--stackable) {
    margin-top: 0
}

.article-template__container {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    margin-top: -3.2rem;
    background-color: #fff
}

.article-template__column--sidebar {
    border-right: 1px solid #e2e2e2
}

.article-template__column--main {
    display: -ms-flexbox;
    display: flex
}

.article-template__column--right {
    max-width: 36rem
}

.article-template--sidebar .article-template__container {
    width: 100%;
    -ms-grid-columns: 25% 1fr;
    grid-template-columns: 25% 1fr;
    margin-top: 0
}

.article-template--sidebar .article-template__column--main {
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 64.0525em) {
    .article-template__container {
        width:calc(100% - 3.2rem)
    }

    .article-template--sidebar .article-template__container {
        -ms-grid-columns: 30% 1fr;
        grid-template-columns: 30% 1fr
    }
}

@media (max-width: 52.49em) {
    .article-template {
        margin-bottom:1.6rem
    }

    .article-template__container {
        margin-top: 0;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .article-template__column--right {
        max-width: 640px;
        margin: 0 auto
    }

    .article-template__column--sidebar {
        margin-top: -1.6rem;
        border-right: none
    }

    .article-template--sidebar .article-template__container {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

@media (max-width: 39.99em) {
    .article-template__container {
        width:100%
    }
}

.article__header {
    margin-bottom: 4.8rem
}

.article__title {
    position: relative;
    color: #000;
    font-size: 7.4rem;
    line-height: .8
}

.article__tag {
    position: relative;
    margin-top: 1.6rem
}

.article__container {
    max-width: 96.4rem;
    padding: 3.2rem 6.4rem;
    overflow: hidden
}

.article__container .entitlement-promo:before {
    content: "";
    position: absolute;
    top: -20rem;
    left: 0;
    right: 0;
    height: 20rem;
    background: linear-gradient(to top,#fff,hsla(0,0%,100%,0))
}

.article__summary {
    font-family: styrenea,Helvetica Neue,sans-serif;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 4.8rem;
    font-size: 3.2rem;
    line-height: 1.4
}

.article__body h1,.article__body h2,.article__body h3,.article__body h4,.article__body h5,.article__body h6 {
    margin-bottom: 1.6rem
}

.article__body p {
    line-height: 1.9;
    margin-bottom: 2.4rem
}

.article__body a {
    font-weight: 700
}

.article__body a:focus {
    text-decoration: underline
}

@media (min-width: 840px) {
    .article__body a:hover {
        text-decoration:underline
    }
}

.article__body ol,.article__body ul {
    padding-left: 3.2rem;
    margin-bottom: 2.4rem;
    line-height: 1.6
}

.article__body ol li,.article__body ul li {
    list-style-type: inherit
}

.article__body .team-promo {
    margin-left: -6.4rem
}

.article__body .team-promo .wrapper {
    padding: 0
}

.article__body .team-promo__link:focus {
    text-decoration: none
}

@media (min-width: 840px) {
    .article__body .team-promo__link:hover {
        text-decoration:none
    }
}

.article__body .articleWidget .instagram-post,.article__body .twitterThumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.article__body .articleWidget,.article__body .twitterThumb {
    margin: 3.2rem 0
}

.article__body .articleWidget .instagram-media,.article__body .articleWidget .twitter-tweet,.article__body .twitterThumb .instagram-media,.article__body .twitterThumb .twitter-tweet {
    width: 100%!important;
    max-width: 500px!important;
    min-width: 270px!important
}

.article__body .articleWidget.left,.article__body .articleWidget.left>.instagram-post,.article__body .twitterThumb.left,.article__body .twitterThumb.left>.instagram-post {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.article__body .articleWidget.center,.article__body .articleWidget.center>.instagram-post,.article__body .articleWidget.full-width,.article__body .articleWidget.full-width>.instagram-post,.article__body .twitterThumb.center,.article__body .twitterThumb.center>.instagram-post,.article__body .twitterThumb.full-width,.article__body .twitterThumb.full-width>.instagram-post {
    -ms-flex-pack: center;
    justify-content: center
}

.article__body .articleWidget.right,.article__body .articleWidget.right>.instagram-post,.article__body .twitterThumb.right,.article__body .twitterThumb.right>.instagram-post {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.article__body .instagram-post p {
    white-space: normal!important
}

.article.t-team-theme .article__container,.article.t-team-theme .article__share {
    margin-top: 1.6rem
}

.article.t-team-theme .article__container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1.6rem;
    z-index: 10;
    background-color: var(--team-theme-primary);
    background-image: var(--team-theme-bg-pattern);
    background-size: cover
}

@media (max-width: 1025px) {
    .article__container {
        padding:3.2rem 4.8rem
    }

    .article__header {
        margin-bottom: 3.2rem
    }

    .article__summary {
        margin-bottom: 2.4rem;
        font-size: 2.4rem
    }

    .article__social {
        position: absolute;
        top: 0;
        right: 0
    }

    .article__body .team-promo {
        margin-left: -4.8rem
    }
}

@media (max-width: 640px) {
    .article__container {
        padding:2.4rem 1.6rem
    }

    .article__title {
        font-size: 12vw
    }

    .article__summary {
        font-size: 2.2rem
    }

    .article__body .team-promo {
        margin: 0 -1.6rem
    }
}

.t-team-theme .article__body p a,.t-team-theme .embed-quote__author {
    color: var(--team-theme-primary)
}

.t-team-theme .team-promo__link:hover {
    text-decoration: none
}

.t-team-theme .embed-quote__icon.icon {
    fill: var(--team-theme-primary)
}

.t-team-theme .article-image__caption,.t-team-theme .article__tag.tag,.t-team-theme .embeddable-video__details {
    background-color: var(--team-theme-primary)
}

.t-team-theme.t-manchester-originals .article__body p a,.t-team-theme.t-manchester-originals .embed-quote__author {
    color: var(--team-theme-tertiary)
}

.t-team-theme.t-manchester-originals .embed-quote__icon {
    fill: var(--team-theme-tertiary)
}

.t-team-theme.t-oval-invincibles .article__body p a,.t-team-theme.t-oval-invincibles .embed-quote__author {
    color: var(--team-theme-secondary)
}

.t-team-theme.t-oval-invincibles .embed-quote__icon {
    fill: var(--team-theme-secondary)
}

.t-team-theme.t-oval-invincibles .article-image__caption,.t-team-theme.t-oval-invincibles .embeddable-video__details {
    color: var(--team-theme-text)
}

.t-team-theme.t-oval-invincibles .team-promo .team-promo__container:before {
    display: none
}

.t-team-theme.t-oval-invincibles .team-promo .team-promo__container:after {
    right: 0
}

.t-team-theme.t-oval-invincibles .team-promo .team-promo__title {
    width: 90%
}

.t-team-theme.t-trent-rockets .article__body p a,.t-team-theme.t-trent-rockets .embed-quote__author {
    color: var(--team-theme-secondary)
}

.t-team-theme.t-trent-rockets .embed-quote__icon {
    fill: var(--team-theme-secondary)
}

.t-team-theme.t-trent-rockets .article-image__caption,.t-team-theme.t-trent-rockets .embeddable-video__details {
    color: var(--team-theme-text)
}

.related-content {
    padding: 3rem 1.6rem
}

.related-content__item {
    margin-bottom: 1.6rem
}

@media (max-width: 840px) {
    .related-content {
        padding-top:0
    }
}

.card-carousel-card {
    width: 100%;
    position: relative;
    background-color: #000;
    color: #fff
}

.card-carousel-card.video-playing .card-carousel-card__video-container {
    opacity: 1
}

.card-carousel-card.video-playing .card-carousel-card__content,.card-carousel-card.video-playing .card-carousel-card__image-container,.card-carousel-card.video-playing .card-carousel-card__play {
    opacity: 0;
    pointer-events: none
}

.card-carousel-card__video-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .4s ease .4s
}

.card-carousel-card__image-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .4s ease
}

.card-carousel-card__image-container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top,rgba(0,0,0,.4) 30%,transparent)
}

.card-carousel-card__chevron-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.card-carousel-card__chevron {
    width: 85rem;
    position: absolute;
    right: 0;
    bottom: 0;
    fill: #32c84b;
    transform: rotate(-90deg) translate(6%,120%)
}

.card-carousel-card__content {
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto;
    padding: 1.6rem 2.4rem;
    transition: opacity .4s ease
}

.card-carousel-card__number {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    position: relative;
    font-size: 3.2rem
}

.card-carousel-card__title {
    margin: auto 0 1.6rem;
    line-height: .9
}

.card-carousel-card__title .highlight {
    padding: .2rem .4rem;
    background-color: #32c84b;
    color: #fff;
    display: block;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content
}

.card-carousel-card__description {
    margin-bottom: 1.6rem
}

.card-carousel-card__play {
    width: 7.2rem;
    height: 7.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: #ff0082;
    transition: background-color .2s ease,opacity .4s ease
}

.card-carousel-card__play:focus {
    background-color: #d6006d
}

@media (min-width: 840px) {
    .card-carousel-card__play:hover {
        background-color:#d6006d
    }
}

.card-carousel-card__play-icon {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-42%,-50%);
    fill: currentColor
}

.card-carousel-card--promo,.card-carousel-card--promo-large {
    background-color: #ff0082
}

.card-carousel-card--promo-large .card-carousel-card__title,.card-carousel-card--promo .card-carousel-card__title {
    font-size: 7.2rem
}

.card-carousel-card--promo-large .card-carousel-card__chevron {
    width: 140rem;
    transform: rotate(90deg) translateY(-100%)
}

.card-carousel-card--promo-large .card-carousel-card__content {
    width: 65%
}

.card-carousel-card--promo-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.card-carousel-card--promo-image .card-carousel-card__title,.card-carousel-card--video .card-carousel-card__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    font-size: 3.2rem;
    line-height: 1.2;
    text-transform: none
}

.card-carousel-card--video {
    height: 0;
    padding-top: 56.25%
}

.card-carousel-card--video .card-carousel-card__content {
    width: 65%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.card-carousel-card--alternate.card-carousel-card--promo,.card-carousel-card--alternate.card-carousel-card--promo-large {
    background-color: #32c84b
}

.card-carousel-card--alternate .card-carousel-card__chevron {
    fill: #ff0082
}

.card-carousel-card--alternate .card-carousel-card__title .highlight {
    background-color: #ff0082
}

@media (max-width: 840px) {
    .card-carousel-card {
        padding-bottom:3.2rem
    }

    .card-carousel-card__video {
        height: 100%!important;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }

    .card-carousel-card__image-container:after {
        background: linear-gradient(to top,rgba(0,0,0,.6) 20%,transparent)
    }

    .card-carousel-card--promo-large .card-carousel-card__content,.card-carousel-card--video .card-carousel-card__content {
        width: 100%
    }

    .card-carousel-card--promo-large .card-carousel-card__chevron {
        width: 85rem;
        transform: rotate(-120deg) translate(6%,140%)
    }

    .card-carousel-card--video {
        height: 100%;
        padding-top: 0
    }

    .card-carousel-card--video .card-carousel-card__content {
        position: relative
    }
}

@media (max-width: 640px) {
    .card-carousel-card__description {
        font-size:1.6rem
    }

    .card-carousel-card--promo-large .card-carousel-card__title,.card-carousel-card--promo .card-carousel-card__title {
        font-size: 6.4rem
    }

    .card-carousel-card--promo-image .card-carousel-card__title,.card-carousel-card--video .card-carousel-card__title {
        font-size: 2.8rem;
        margin-bottom: .8rem
    }
}

.card-carousel {
    --slide-duration: 4s;
    --slide-duration-quarter: 1s;
    --slide-duration-half: 2s;
    --slide-duration-three-quarters: 3s;
    position: relative;
    overflow: hidden
}

.card-carousel[data-auto-slide=false] .card-carousel__item .card-carousel__card:after,.card-carousel[data-auto-slide=false] .card-carousel__item .card-carousel__card:before {
    transition: none
}

.card-carousel__chevron {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    fill: #32c84b;
    transform: translate(25%,-25%)
}

.card-carousel__header {
    width: 100%;
    position: relative;
    text-align: center;
    margin: 4.8rem 0;
    padding: 0 1.6rem
}

.card-carousel__title {
    font-size: 5.6rem;
    line-height: .9;
    color: #fff
}

.card-carousel__main {
    position: relative
}

.card-carousel__list {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    left: 50%;
    transition: transform .8s cubic-bezier(.16,1,.3,1)
}

.card-carousel__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 33.3333%;
    min-width: 42.7rem;
    height: 65vh;
    min-height: 56.9rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.card-carousel__item[data-active=true] .card-carousel__card {
    filter: brightness(1);
    transform: scale(1)
}

.card-carousel__item[data-active=true] .card-carousel__card:before {
    border-top-color: #ff0082;
    border-right-color: #ff0082;
    transition: width var(--slide-duration-quarter) ease-out,height var(--slide-duration-quarter) ease-out var(--slide-duration-quarter)
}

.card-carousel__item[data-active=true] .card-carousel__card:after {
    border-bottom-color: #ff0082;
    border-left-color: #ff0082;
    transition: border-color 0s ease-out var(--slide-duration-half),width var(--slide-duration-quarter) ease-out var(--slide-duration-half),height var(--slide-duration-quarter) ease-out var(--slide-duration-three-quarters)
}

.card-carousel__item[data-active=true] .card-carousel__card:after,.card-carousel__item[data-active=true] .card-carousel__card:before {
    width: 100%;
    height: 100%
}

.card-carousel__item[data-active=true].card-carousel__item--alternate .card-carousel__card:before {
    border-top-color: #32c84b;
    border-right-color: #32c84b
}

.card-carousel__item[data-active=true].card-carousel__item--alternate .card-carousel__card:after {
    border-bottom-color: #32c84b;
    border-left-color: #32c84b
}

.card-carousel__item--promo-large {
    width: 85%
}

.card-carousel__item--video {
    width: 85%;
    max-width: 102.4rem
}

.card-carousel__card {
    border: 0;
    transition: transform .8s ease,filter .6s ease .1s;
    filter: brightness(.2) grayscale(60%);
    transform: scale(.95)
}

.card-carousel__card:after,.card-carousel__card:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 2px solid transparent;
    pointer-events: none
}

.card-carousel__card:before {
    top: -2px;
    left: -2px
}

.card-carousel__card:after {
    bottom: -2px;
    right: -2px
}

.card-carousel__button {
    width: 4.2rem;
    height: 14.8rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #3e3e3e;
    color: #fff;
    z-index: 10;
    opacity: .9;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    box-shadow: 0 0 .5rem rgba(0,0,0,.4);
    transition: opacity .2s ease,transform .2s ease
}

.card-carousel__button--previous {
    left: -.8rem
}

.card-carousel__button--previous .card-carousel__button-icon {
    right: .8rem
}

@media (min-width: 840px) {
    .card-carousel__button--previous:hover {
        transform:translate(.8rem,-50%)
    }
}

.card-carousel__button--next {
    right: -.8rem
}

.card-carousel__button--next .card-carousel__button-icon {
    left: .8rem
}

@media (min-width: 840px) {
    .card-carousel__button--next:hover {
        transform:translate(-.8rem,-50%)
    }
}

@media (min-width: 840px) {
    .card-carousel__button:hover {
        opacity:1
    }
}

.card-carousel__button-icon {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    fill: currentColor
}

.card-carousel__footer {
    margin: 1.6rem 0;
    padding: 0 1.6rem
}

.card-carousel__pager {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.card-carousel__pager-button {
    width: 6rem;
    height: 1.2rem;
    border: .4rem solid #000;
    background-color: #242424;
    transition: background-color .3s ease
}

.card-carousel__pager-button:focus {
    background-color: #ff0082
}

@media (min-width: 840px) {
    .card-carousel__pager-button:hover {
        background-color:#ff0082
    }
}

.card-carousel__pager-button[data-active=true] {
    background-color: #ff0082
}

@media (max-width: 840px) {
    .card-carousel[data-auto-slide=false] .card-carousel__pager-button:after {
        transition:none
    }

    .card-carousel__main {
        padding: 0
    }

    .card-carousel__list {
        left: auto
    }

    .card-carousel__item {
        width: 100%;
        min-width: auto;
        height: auto;
        min-height: calc(100vh - 12.4rem);
        margin-right: 0
    }

    .card-carousel__item .card-carousel__card:after,.card-carousel__item .card-carousel__card:before {
        display: none
    }

    .card-carousel__button {
        width: 3.6rem;
        height: 10rem;
        opacity: .4
    }

    .card-carousel__button--previous {
        left: -1.2rem
    }

    .card-carousel__button--previous .card-carousel__button-icon {
        right: .4rem
    }

    .card-carousel__button--previous:active {
        transform: translate(.4rem,-50%)
    }

    .card-carousel__button--next {
        right: -1.2rem
    }

    .card-carousel__button--next .card-carousel__button-icon {
        left: .4rem
    }

    .card-carousel__button--next:active {
        transform: translate(-.4rem,-50%)
    }

    .card-carousel__button-icon {
        width: 1.6rem;
        height: 1.6rem
    }

    .card-carousel__footer {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 20
    }

    .card-carousel__pager {
        width: 75%;
        margin: 0 auto
    }

    .card-carousel__pager-item {
        width: 100%;
        margin: 0 .2rem
    }

    .card-carousel__pager-button {
        width: 100%;
        height: .4rem;
        position: relative;
        border: none;
        background-color: hsla(0,0%,100%,.3);
        overflow: hidden
    }

    .card-carousel__pager-button:after {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        transform: translateX(0);
        background-color: #fff
    }

    .card-carousel__pager-button[data-active=true] {
        background-color: hsla(0,0%,100%,.3)
    }

    .card-carousel__pager-button[data-active=true]:after {
        transform: translateX(100%);
        transition: transform var(--slide-duration) linear
    }
}

.content-grid-promo {
    width: 100%;
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ff0082;
    overflow: hidden
}

.content-grid-promo__caption {
    position: relative;
    padding: 1.6rem
}

.content-grid-promo__title {
    font-size: 8rem;
    line-height: .8;
    color: #fff
}

.content-grid-promo__title .highlight {
    color: #242424;
    display: block
}

.content-grid-promo__chevron {
    width: 150%;
    position: relative;
    margin-top: auto;
    fill: #32c84b
}

.content-grid-promo--alternate {
    background-color: #32c84b
}

.content-grid-promo--alternate .content-grid-promo__chevron {
    fill: #ff0082
}

@media (max-width: 64.0525em) {
    .content-grid-promo__title {
        font-size:6rem
    }
}

.content-grid-sponsor {
    position: absolute;
    top: 0;
    right: 1.6rem;
    min-width: 6.4rem;
    min-height: 3.7rem;
    z-index: 10
}

@media (max-width: 64.0525em) {
    .content-grid-sponsor {
        right:.7rem;
        min-width: 5.5rem;
        min-height: 3.2rem
    }
}

.content-grid-thumbnail {
    color: inherit;
    text-decoration: none;
    width: 100%;
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 840px) {
    .content-grid-thumbnail:hover .content-grid-thumbnail__title .highlight {
        background-position:-95% 0;
        box-shadow: 4px 0 0 #ff0082,-4px 0 0 #ff0082;
        transition: background-position .25s ease,box-shadow .15s ease .15s
    }

    .content-grid-thumbnail:hover .content-restriction__icon {
        animation: b .6s ease
    }
}

.content-grid-thumbnail__image-container {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.content-grid-thumbnail__image-container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top right,rgba(0,0,0,.5) 0,rgba(0,0,0,.25) 50%,transparent)
}

.content-grid-thumbnail__tag {
    margin-bottom: .8rem
}

.content-grid-thumbnail__caption {
    position: relative;
    padding: 6.4rem 1.6rem 1.6rem
}

.content-grid-thumbnail__title {
    display: inline;
    font-size: 5rem;
    text-shadow: -1px 1px 2px rgba(0,0,0,.4);
    color: #fff
}

.content-grid-thumbnail__title .highlight {
    background: linear-gradient(to right,transparent 50%,#ff0082 50%);
    background-size: 210%;
    background-position: 0 0;
    transition: background-position .25s ease,box-shadow .15s ease 0s
}

.content-grid-thumbnail--alternate .content-grid-thumbnail__title .highlight {
    background: linear-gradient(to right,transparent 50%,#32c84b 50%);
    background-size: 210%;
    background-position: 0 0
}

@media (min-width: 840px) {
    .content-grid-thumbnail--alternate:hover .content-grid-thumbnail__title .highlight {
        box-shadow:4px 0 0 #32c84b,-4px 0 0 #32c84b
    }
}

.content-grid-thumbnail--light .content-grid-thumbnail__caption {
    padding: 0;
    max-width: 95%
}

.content-grid-thumbnail--light .content-grid-thumbnail__title {
    display: inline-block;
    text-shadow: none;
    background: #fff;
    color: #000;
    padding: .8rem 1.6rem;
    line-height: .9;
    font-size: 3rem;
    background-position: 0 0
}

.content-grid-thumbnail--light .content-grid-thumbnail__image-container:after {
    background: none
}

.content-grid-thumbnail--light .content-grid-thumbnail__image-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 3s cubic-bezier(.19,1,.22,1),opacity .2s ease
}

.content-grid-thumbnail--light.content-grid-thumbnail--alternate .content-grid-thumbnail__title {
    background: #fff
}

.content-grid-thumbnail--light:focus .content-grid-thumbnail__image-container img {
    transform: scale(1.15);
    transition: transform 6s cubic-bezier(.19,1,.22,1),opacity .2s ease
}

@media (min-width: 840px) {
    .content-grid-thumbnail--light:hover .content-grid-thumbnail__image-container img {
        transform:scale(1.15);
        transition: transform 6s cubic-bezier(.19,1,.22,1),opacity .2s ease
    }
}

.content-grid-thumbnail--light:focus .content-grid-thumbnail__title .highlight {
    background: none;
    background-size: 0;
    background-position: 0 0;
    box-shadow: none
}

@media (min-width: 840px) {
    .content-grid-thumbnail--light:hover .content-grid-thumbnail__title .highlight {
        background:none;
        background-size: 0;
        background-position: 0 0;
        box-shadow: none
    }
}

@media (max-width: 64.0525em) {
    .content-grid-thumbnail__caption {
        width:90%
    }

    .content-grid-thumbnail__title {
        font-size: 3.5rem
    }
}

@media (max-width: 52.49em) {
    .content-grid-thumbnail {
        transition:transform .1s ease
    }

    .content-grid-thumbnail:active {
        transform: translateY(-.8rem)
    }

    .content-grid-thumbnail__title .highlight {
        background: #ff0082;
        box-shadow: 4px 0 0 #ff0082,-4px 0 0 #ff0082
    }

    .content-grid-thumbnail--alternate .content-grid-thumbnail__title .highlight {
        background: #32c84b;
        box-shadow: 4px 0 0 #32c84b,-4px 0 0 #32c84b
    }

    .content-grid-thumbnail--light .content-grid-thumbnail__title {
        background: #fff
    }

    .content-grid-thumbnail--light .content-grid-thumbnail__title .highlight {
        background: none;
        background-size: 0;
        background-position: 0 0;
        box-shadow: none
    }
}

@media (max-width: 39.99em) {
    .content-grid-thumbnail--light .content-grid-thumbnail__title {
        font-size:2.5rem
    }

    .content-grid-thumbnail__tag {
        margin-bottom: .4rem
    }

    .content-grid-thumbnail__title {
        font-size: 4.5rem
    }
}

@media (max-width: 23.4275em) {
    .content-grid-thumbnail--light .content-grid-thumbnail__title {
        font-size:2.1rem
    }

    .content-grid-thumbnail__title {
        font-size: 4rem
    }
}

.content-grid,.content-grid__header {
    position: relative
}

.content-grid__grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.6rem;
    overflow: hidden
}

.content-grid__item {
    height: 100%;
    min-height: 43.2rem;
    position: relative;
    display: block;
    overflow: hidden
}

.content-grid__sponsor {
    position: absolute;
    top: 0;
    right: 1.6rem;
    z-index: 10
}

.content-grid__promo {
    margin: 0 -1.6rem
}

.content-grid__link-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3.2rem auto
}

.content-grid--normal-grid .content-grid__item {
    -ms-grid-column: span 1;
    grid-column: span 1
}

@media (min-width: 840px) {
    .content-grid__grid {
        -ms-grid-columns:1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }

    .content-grid__item {
        opacity: 0;
        transition: transform .6s ease,opacity .4s ease
    }

    .content-grid__item:nth-of-type(7n+1) {
        -ms-grid-column: span 2;
        grid-column: span 2;
        transform: translateX(-3rem)
    }

    .content-grid__item:nth-of-type(7n+2) {
        -ms-grid-column: span 1;
        grid-column: span 1;
        transform: translateX(3rem)
    }

    .content-grid__item:nth-of-type(7n+3) {
        -ms-grid-column: span 1;
        grid-column: span 1;
        transform: translateX(-3rem)
    }

    .content-grid__item:nth-of-type(7n+4) {
        -ms-grid-column: span 2;
        grid-column: span 2;
        transform: translateX(3rem)
    }

    .content-grid__item:nth-of-type(7n+5),.content-grid__item:nth-of-type(7n+6),.content-grid__item:nth-of-type(7n+7) {
        -ms-grid-column: span 1;
        grid-column: span 1
    }

    .content-grid__item:nth-of-type(7n+5) {
        transform: translateX(-3rem)
    }

    .content-grid__item:nth-of-type(7n+6) {
        transform: translateY(3rem)
    }

    .content-grid__item:nth-of-type(7n+7) {
        transform: translateX(3rem)
    }

    .content-grid__item.content-list__item--full-width {
        -ms-grid-column: span 3;
        grid-column: span 3
    }

    .content-grid__item.is-visible {
        opacity: 1;
        transform: translate(0)
    }

    .content-grid__promo {
        -ms-grid-column: span 3;
        grid-column: span 3
    }

    .content-grid--normal-grid .content-grid__item:nth-of-type(7n+1),.content-grid--normal-grid .content-grid__item:nth-of-type(7n+4) {
        -ms-grid-column: span 1;
        grid-column: span 1
    }

    .content-grid--normal-grid .content-grid__item:nth-of-type(7n+4),.content-grid--normal-grid .content-grid__item:nth-of-type(7n+5),.content-grid--normal-grid .content-grid__item:nth-of-type(7n+7) {
        transform: translateX(0)
    }

    .content-grid--normal-grid .content-grid__item:nth-of-type(n) {
        transform: translateY(3rem)
    }

    .content-grid--normal-grid .content-grid__item.is-visible {
        opacity: 1;
        transform: translate(0)
    }
}

@media (min-width: 840px) and (max-width:1025px) {
    .content-grid__item {
        min-height:31.5rem
    }
}

@media (max-width: 840px) {
    .content-grid__grid {
        -ms-grid-columns:1fr;
        grid-template-columns: 1fr;
        grid-gap: 0;
        margin: 0 -1.6rem
    }

    .content-grid__item:nth-of-type(7n+2),.content-grid__item:nth-of-type(7n+3),.content-grid__item:nth-of-type(7n+5),.content-grid__item:nth-of-type(7n+6),.content-grid__item:nth-of-type(7n+7) {
        min-height: 38.8rem
    }

    .content-grid__promo {
        -ms-grid-column: span 1;
        grid-column: span 1
    }

    .content-grid__promo .promo__caption {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }

    .content-grid__link-container {
        margin-top: 1.6rem
    }
}

.content-list__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0,1fr))[6];
    grid-template-columns: repeat(6,minmax(0,1fr));
    grid-gap: 1.6rem;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.content-list__list .media-thumbnail {
    width: 100%
}

.content-list__item {
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column: span 2;
    grid-column: span 2
}

.content-list__button {
    max-width: 22rem;
    margin: 3.2rem auto 0;
    transition: color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .3s ease
}

.content-list__button.is-hidden {
    opacity: 0
}

.content-list--featured .content-list__item--hero {
    -ms-grid-column: span 6;
    grid-column: span 6
}

.content-list--featured .content-list__item--sub {
    -ms-grid-column: span 3;
    grid-column: span 3
}

@media (max-width: 840px) {
    .content-list__list {
        -ms-grid-columns:100%;
        grid-template-columns: 100%
    }

    .content-list__item {
        -ms-grid-column: span 1;
        grid-column: span 1
    }

    .content-list .media-thumbnail--hero {
        width: calc(100% + 3.2rem)
    }

    .content-list--featured .content-list__item,.content-list--featured .content-list__item--sub {
        -ms-grid-column: span 1;
        grid-column: span 1
    }
}

@media (max-width: 640px) {
    .content-list__list {
        grid-gap:.8rem
    }
}

.cookie-toggle__item {
    margin-bottom: 2rem;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cookie-toggle__item.is-active .cookie-toggle__toggle {
    background-color: #ff0082
}

.cookie-toggle__item.is-active .cookie-toggle__ball {
    margin-left: 25px
}

.cookie-toggle__item.is-active .cookie-toggle__text {
    display: none
}

.cookie-toggle__item.is-active .cookie-toggle__text--active {
    display: inline-block
}

.cookie-toggle__toggle {
    width: 56px;
    padding: 3px;
    border-radius: 30px;
    background-color: #e6eaee;
    transition: all .2s;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.cookie-toggle__ball {
    height: 25px;
    width: 25px;
    margin-left: 0;
    border-radius: 25px;
    box-shadow: 0 3px 6px 0 rgba(0,35,11,.2);
    background-color: #fff;
    transition: all .3s ease-out
}

.cookie-toggle__text {
    display: inline-block
}

.cookie-toggle__text--active {
    display: none
}

.cookies-notice {
    width: 100%;
    position: fixed;
    top: 100%;
    left: 0;
    padding: 1.6rem 0;
    background: #000;
    overflow: hidden;
    z-index: 60;
    transform: translateY(-100%) rotate(0);
    visibility: visible;
    transition: transform .4s cubic-bezier(.645,.045,.355,1),visibility .4s ease-out
}

.cookies-notice__body {
    max-width: 90%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cookies-notice__text {
    padding-right: 2rem
}

.cookies-notice__title {
    margin-bottom: .8rem;
    font-size: 2.9rem;
    color: #fff
}

.cookies-notice__message {
    font-size: 1.3rem;
    color: #fff
}

.cookies-notice__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cookies-notice__button {
    width: 20rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 2rem;
    padding: 1.4rem 1.4rem 1.4rem 3.2rem;
    font-size: 1.6rem
}

.cookies-notice.is-hidden {
    transform: translateY(0) rotate(0);
    visibility: hidden
}

@media (max-width: 1025px) {
    .cookies-notice__buttons {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .cookies-notice__button {
        margin: 0 0 .8rem;
        font-size: 1.4rem
    }
}

@media (max-width: 840px) {
    .cookies-notice__body {
        max-width:none;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 840px) {
    .cookies-notice__text {
        margin-bottom:1.6rem;
        padding-right: 0
    }

    .cookies-notice__button,.cookies-notice__buttons {
        width: 100%
    }
}

.draft-blog {
    height: 100%;
    position: relative
}

.draft-blog:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2rem;
    background: linear-gradient(to top,rgba(0,0,0,.15),transparent)
}

.draft-blog__header {
    background-color: #ff0082;
    padding: 2.2rem 1.6rem;
    box-shadow: 0 0 4px 3px rgba(36,36,36,.15)
}

.draft-blog__title {
    width: -moz-min-content;
    width: min-content;
    font-size: 1.6rem;
    text-align: center;
    padding: .2rem .4rem;
    background-color: #ff0082;
    color: #fff;
    display: block;
    white-space: nowrap
}

.draft-blog__entries {
    height: calc(100% - 6.4rem);
    overflow-y: auto;
    overflow-x: hidden
}

@media (min-width: 840px) {
    .draft-blog__entries::-webkit-scrollbar {
        width:11px;
        height: 11px
    }

    .draft-blog__entries::-webkit-scrollbar-track {
        background: #e2e2e2
    }

    .draft-blog__entries::-webkit-scrollbar-thumb {
        background-color: #ff0082
    }
}

.draft-blog__load-more-wrapper {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.draft-blog__load-more-wrapper.is-hidden {
    display: none
}

.draft-blog .embeddable-promo {
    margin: 0
}

.draft-blog .embeddable-promo__title {
    font-size: 3.4rem
}

.draft-blog .embeddable-promo__highlight {
    display: block;
    width: -moz-fit-content;
    width: fit-content
}

.draft-blog .embeddable-promo__chevron {
    top: 60%
}

@media (max-width: 840px) {
    .draft-blog__header {
        display:none
    }

    .draft-blog__entries {
        height: 100%
    }
}

.draft-blog-entry {
    display: -ms-flexbox;
    display: flex;
    padding: 1.6rem
}

.draft-blog-entry__content {
    width: 100%
}

.draft-blog-entry__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.6rem
}

.draft-blog-entry__time {
    font-size: 1.4rem;
    margin-bottom: .8rem
}

.draft-blog-entry__icon {
    height: 2.6rem;
    width: 2.6rem
}

.draft-blog-entry__icon .icon {
    width: 2.4rem;
    height: 2.4rem;
    margin: auto
}

.draft-blog-entry__icon .icon--twitter {
    fill: #55acee
}

.draft-blog-entry__icon .icon--instagram {
    fill: #e95950
}

.draft-blog-entry .twitter-tweet,.draft-blog-entry .twitterThumb {
    min-width: 0!important;
    width: 100%!important;
    margin: 0!important
}

.draft-blog-entry .instagram-media {
    min-width: 0!important
}

.draft-blog-entry .youtubeThumb {
    position: relative;
    padding-top: 56.25%
}

.draft-blog-entry .youtubeThumb iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.draft-blog-entry__wrapper {
    font-size: 1.4rem;
    width: 100%;
    max-width: calc(100% - 5.3rem)
}

.draft-blog-entry--twitter .draft-blog-entry__icon .icon {
    fill: #55acee
}

.draft-blog-entry--instagram .draft-blog-entry__icon .icon {
    fill: #e95950
}

.draft-blog-entry--the-hundred .draft-blog-entry__content {
    padding: .8rem
}

.draft-blog-entry.t-theme {
    background-color: var(--team-theme-primary);
    background-size: var(--team-theme-bg-pattern-size)
}

.draft-blog-entry.t-theme .draft-blog-entry__time {
    color: #fff
}

.draft-blog-entry.t-theme .draft-blog-entry__wrapper {
    background-color: #fff
}

.draft-blog-entry.t-theme .draft-blog-entry__content p {
    padding: .8rem
}

.draft-blog-entry.t-the-hundred .draft-blog-entry__meta {
    color: #fff
}

.draft-blog-entry.t-the-hundred .draft-blog-entry__wrapper {
    background-color: #fff
}

.draft-menu.teams-navigation {
    width: 7rem;
    height: 100%;
    position: relative;
    z-index: 40
}

.draft-menu.teams-navigation .draft-menu__wrapper {
    padding: 0
}

.draft-menu.teams-navigation .draft-menu__menu {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.draft-menu.teams-navigation .draft-menu__title {
    margin: 1.6rem 0 .8rem;
    font-size: 1.6rem;
    text-align: center;
    padding: .2rem .4rem;
    background-color: #ff0082;
    color: #fff;
    display: block;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content
}

.draft-menu.teams-navigation .draft-menu__item {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.draft-menu.teams-navigation .team-logo__img {
    width: 60%;
    height: 60%
}

@media (max-width: 840px) {
    .draft-menu.teams-navigation .draft-menu__title {
        display:none
    }
}

.draft-promo__wrapper {
    position: relative;
    display: block;
    padding: 2.4rem;
    overflow: hidden;
    background-color: #32c84b
}

.draft-promo__title {
    font-size: 9.6rem;
    margin-bottom: 1.6rem
}

.draft-promo__title .highlight {
    padding: .2rem .4rem;
    background-color: #ff0082;
    color: #fff;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    transition: transform .2s ease
}

.draft-promo__button {
    width: -moz-fit-content;
    width: fit-content;
    z-index: 10
}

.draft-promo__chevron {
    position: absolute;
    top: 50%;
    transform: rotate(-12deg) scaleX(-1);
    right: -20rem;
    fill: #ff0082
}

@media (max-width: 1025px) {
    .draft-promo__title {
        font-size:5rem
    }

    .draft-promo__chevron {
        width: 120%
    }
}

@media (max-width: 840px) {
    .draft-promo__chevron {
        top:60%
    }
}

@media (max-width: 640px) {
    .draft-promo__chevron {
        width:150%
    }
}

.draft-squad {
    width: calc(100% - 7rem);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.6rem;
    background-color: var(--team-theme-primary);
    background-position: 50%;
    overflow-y: auto;
    transform: translateX(-100%);
    will-change: transform;
    transition: transform .4s cubic-bezier(.645,.045,.355,1);
    z-index: 10
}

.draft-squad.is-active {
    transform: translateX(7rem)
}

.draft-squad__wrapper {
    padding: 0
}

.draft-squad__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.draft-squad__header .widget-header {
    margin-bottom: 1.6rem
}

.draft-squad__squads {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 49% 49%;
    grid-template-columns: 49% 49%;
    grid-gap: .8rem
}

.draft-squad__squad {
    position: relative
}

.draft-squad__selected-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.draft-squad__button {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: .8rem;
    padding: .2rem 0;
    text-transform: none;
    font-size: 1.6rem;
    font-weight: 700;
    white-space: nowrap
}

.draft-squad__button-icon {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: .4rem;
    fill: currentColor;
    transition: transform .2s ease
}

.draft-squad__selected {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .8rem;
    padding: .4rem .8rem;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: center
}

.draft-squad__list-container {
    position: relative
}

.draft-squad__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0,1fr))[2];
    grid-template-columns: repeat(2,minmax(0,1fr));
    -ms-grid-rows: (minmax(0,1fr))[7];
    grid-template-rows: repeat(7,minmax(0,1fr));
    grid-gap: .8rem;
    margin-bottom: .8rem
}

.draft-squad__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .4rem .8rem;
    color: #fff;
    background-color: rgba(0,0,0,.1)
}

.draft-squad__item--inactive {
    color: hsla(0,0%,100%,.4)
}

.draft-squad__name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: .2rem
}

.draft-squad__name--second {
    padding-right: 0;
    font-weight: 700
}

.draft-squad__overseas {
    width: 2rem;
    height: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: currentColor
}

.draft-squad__legend {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .4rem;
    color: hsla(0,0%,100%,.6);
    font-size: 1.4rem
}

.draft-squad__legend-icon {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .4rem;
    fill: currentColor
}

.draft-squad__coach {
    font-weight: 700;
    margin-bottom: .4rem;
    font-size: 1.4rem;
    color: #fff
}

.draft-squad__pre-picked-container {
    position: relative;
    margin-top: 1.6rem
}

.draft-squad__pre-picked-container:after {
    content: "";
    position: absolute;
    top: -.4rem;
    right: -.4rem;
    bottom: -.4rem;
    left: -.4rem;
    background-color: rgba(0,0,0,.4);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease,visibility .25s ease
}

.draft-squad__pre-picked {
    min-height: 8rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    grid-gap: .8rem
}

.draft-squad__pre-picked-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.draft-squad__no-pre-picked {
    display: block;
    margin: .8rem 0;
    font-size: 1.4rem;
    text-align: center;
    color: var(--team-theme-text);
    grid-column: 1/3
}

@media (max-width: 1150px) {
    .draft-squad__list {
        display:block
    }

    .draft-squad__item {
        margin-bottom: .8rem
    }

    .draft-squad__item:last-of-type {
        margin-bottom: 0
    }
}

@media (min-width: 840px) {
    .draft-squad::-webkit-scrollbar {
        width:11px;
        height: 11px
    }
}

@media (max-width: 840px) {
    .draft-squad__wrapper {
        -ms-grid-columns:100%;
        grid-template-columns: 100%
    }

    .draft-squad__button,.draft-squad__coach,.draft-squad__selected {
        font-size: 1.4rem
    }

    .draft-squad__pre-picked-container {
        width: 100%;
        min-width: auto
    }

    .draft-squad__pre-picked {
        width: 100%
    }
}

@media (max-width: 640px) {
    .draft-squad .widget-header {
        margin-bottom:.8rem
    }

    .draft-squad .widget-header__title {
        font-size: 2.4rem
    }

    .draft-squad__squads {
        display: block
    }

    .draft-squad__squad {
        margin-bottom: 1.6rem
    }
}

.draft-squad.t-team-theme .draft-squad__header .draft-squad__button.button {
    color: var(--team-theme-text);
    background: none
}

.draft-squad.t-team-theme .draft-squad__header .draft-squad__button.button:focus {
    background: none;
    box-shadow: none;
    transform: none
}

.draft-squad.t-team-theme .draft-squad__header .draft-squad__button.button:focus .draft-squad__button-icon {
    transform: translateX(.4rem)
}

@media (min-width: 840px) {
    .draft-squad.t-team-theme .draft-squad__header .draft-squad__button.button:hover {
        background:none;
        box-shadow: none;
        transform: none
    }

    .draft-squad.t-team-theme .draft-squad__header .draft-squad__button.button:hover .draft-squad__button-icon {
        transform: translateX(.4rem)
    }
}

.draft-squad.t-team-theme .player-card__role {
    display: none
}

@media (min-width: 840px) {
    .draft-squad.t-team-theme::-webkit-scrollbar-track {
        background:var(--team-theme-primary)
    }

    .draft-squad.t-team-theme::-webkit-scrollbar-thumb {
        background-color: var(--team-theme-secondary)
    }
}

@media (max-width: 1300px) {
    .draft {
        height:calc(100vh - 10rem)
    }
}

@media (max-width: 1025px) {
    .draft {
        max-height:calc(100vh - 12.4rem)
    }
}

.draft__tabs-container {
    height: 100%;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 65% auto;
    grid-template-columns: 65% auto;
    overflow: hidden
}

.draft__tab-button {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1.6rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer
}

.draft__tab-button.active {
    background-color: #fff;
    color: #000
}

.draft__squads {
    width: 100%;
    height: 100%;
    position: relative
}

.draft__blog {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 4px 3px rgba(36,36,36,.15);
    z-index: 20
}

@media (max-width: 840px) {
    .draft {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .draft__header {
        position: relative;
        padding: 1.6rem;
        background-color: #fff;
        box-shadow: 0 0 4px 3px rgba(36,36,36,.15)
    }

    .draft__title {
        text-align: center;
        padding: .2rem .4rem;
        background-color: #ff0082;
        color: #fff;
        display: block;
        white-space: nowrap;
        width: -moz-min-content;
        width: min-content
    }

    .draft__tabs {
        -ms-flex-order: 1;
        order: 1;
        display: -ms-flexbox;
        display: flex
    }

    .draft__tabs-container {
        -ms-flex-order: 2;
        order: 2;
        display: -ms-flexbox;
        display: flex
    }

    .draft__tab-content {
        display: none
    }

    .draft__tab-content.active {
        display: block
    }
}

.embeddable-blog-photo {
    height: 0;
    position: relative;
    display: block;
    padding-top: 56.25%
}

.embeddable-blog-photo__image-container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.embeddable-blog-photo__picture {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.embeddable-blog-photo__caption {
    background-color: #ff0082;
    color: #fff;
    font-size: 1.2rem;
    padding: .6rem
}

.embeddable-blog-video-thumbnail {
    position: relative;
    display: block
}

.embeddable-blog-video-thumbnail__image-container {
    position: relative;
    height: 0;
    padding-top: 56.25%
}

.embeddable-blog-video-thumbnail__play {
    width: 4.2rem;
    height: 4.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10
}

.embeddable-blog-video-thumbnail__play:focus .embeddable-blog-video-thumbnail__play-icon {
    opacity: 1
}

@media (min-width: 840px) {
    .embeddable-blog-video-thumbnail__play:hover .embeddable-blog-video-thumbnail__play-icon {
        opacity:1
    }
}

.embeddable-blog-video-thumbnail__play-icon {
    width: 100%;
    height: 100%;
    fill: #fff;
    opacity: .8;
    transition: opacity .2s ease
}

.embeddable-blog-video-thumbnail__video-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.embeddable-blog-video-thumbnail__caption {
    position: relative;
    padding: .8rem
}

.embeddable-blog-video-thumbnail__caption .embeddable-blog-video-thumbnail__tag {
    background-color: #ff0082;
    padding: 0 .4rem;
    position: absolute;
    top: -2.2rem
}

.embeddable-blog-video-thumbnail__duration {
    font-size: 1rem;
    font-weight: 700;
    color: #fff
}

.embeddable-blog-video-thumbnail__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    line-height: 1.4;
    font-size: 1.4rem;
    text-transform: none;
    font-weight: 400
}

.embeddable-blog-video-thumbnail.has-loaded .embeddable-blog-video-thumbnail__video-container {
    z-index: 20
}

.article-image {
    margin-left: -6.4rem
}

.article-image__container {
    height: 0;
    position: relative;
    display: block;
    padding-top: 56.25%
}

.article-image__container img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.article-image__caption {
    position: relative;
    display: block;
    margin-left: 6.4rem;
    padding: .6rem 3rem .6rem 1.6rem;
    background-color: #ff0082;
    line-height: 1;
    color: #fff;
    word-break: break-word
}

.article-image__caption p {
    font-size: 1.4rem;
    line-height: 1.6!important;
    margin-bottom: 0!important
}

@media (max-width: 1025px) {
    .article-image {
        margin-left:-4.8rem
    }

    .article-image__image-caption p {
        font-size: 1.2rem
    }
}

@media (max-width: 640px) {
    .article-image {
        margin:0 -1.6rem
    }

    .article-image__caption {
        margin: 0 1.6rem 0 0;
        padding-left: 1.6rem
    }
}

.embeddable-promo {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: block;
    margin-left: -6.4rem;
    padding: 2.4rem 2.4rem 4.8rem;
    overflow: hidden;
    background-color: #32c84b
}

.embeddable-promo:focus {
    text-decoration: none!important
}

.embeddable-promo:focus .embeddable-promo__title .highlight {
    transform: translateX(2rem)
}

@media (min-width: 840px) {
    .embeddable-promo:hover {
        text-decoration:none!important
    }

    .embeddable-promo:hover .embeddable-promo__title .highlight {
        transform: translateX(2rem)
    }
}

.embeddable-promo__title {
    font-size: 12rem;
    margin-bottom: 1.6rem
}

.embeddable-promo__title .highlight {
    padding: .2rem .4rem;
    background-color: #ff0082;
    color: #fff;
    display: block;
    width: -moz-min-content;
    width: min-content;
    transition: transform .2s ease
}

.embeddable-promo__description {
    max-width: 80%;
    display: block;
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 1.6rem
}

.embeddable-promo__chevron {
    position: absolute;
    top: 85%;
    transform: rotate(12deg);
    left: -6.4rem;
    fill: #ff0082
}

@media (max-width: 1025px) {
    .embeddable-promo {
        margin-left:-4.8rem;
        padding-bottom: 8rem
    }

    .embeddable-promo__title {
        font-size: 8rem
    }

    .embeddable-promo__description {
        max-width: none
    }

    .embeddable-promo__chevron {
        top: 90%;
        left: 0
    }
}

@media (max-width: 840px) {
    .embeddable-promo__chevron {
        top:80%;
        left: -2rem
    }
}

@media (max-width: 640px) {
    .embeddable-promo {
        margin:0 -1.6rem;
        padding-bottom: 2rem
    }

    .embeddable-promo__title {
        font-size: 5.8rem
    }

    .embeddable-promo__description {
        margin-bottom: 3.2rem
    }

    .embeddable-promo__chevron {
        width: 150%
    }
}

@media (max-width: 415px) {
    .embeddable-promo__title {
        font-size:5.2rem
    }
}

.embed-quote {
    position: relative;
    margin: 2.4rem 0
}

.embed-quote .embed-quote__text {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.6;
    margin-bottom: 0
}

.embed-quote__author {
    display: block;
    margin-top: 1.6rem;
    font-size: 2rem;
    font-weight: 700;
    color: #ff0082
}

.embed-quote__icon.icon {
    width: 4.6rem;
    height: 4.6rem;
    position: absolute;
    top: -.4rem;
    left: -5.4rem;
    fill: #ff0082
}

@media (max-width: 1025px) {
    .embed-quote__icon.icon {
        width:3rem;
        height: 3rem;
        top: 0;
        left: -3.8rem
    }
}

@media (max-width: 640px) {
    .embed-quote .embed-quote__text {
        font-size:2.6rem
    }

    .embed-quote__author {
        font-size: 1.6rem
    }

    .embed-quote__icon.icon {
        display: none
    }
}

.embeddable-video {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: block;
    margin-left: -6.4rem
}

.embeddable-video video {
    width: 100%
}

.embeddable-video .media__meta {
    display: none
}

.embeddable-video .video-js {
    width: 100%;
    height: auto
}

.embeddable-video .video-js .vjs-tech {
    position: relative;
    height: auto
}

.embeddable-video .video-js .vjs-dock-text {
    display: none
}

.embeddable-video .video-js.vjs-has-started.vjs-paused,.embeddable-video .video-js.vjs-playing {
    z-index: 20
}

.embeddable-video__details {
    position: relative;
    display: block;
    margin-left: 6.4rem;
    padding: .6rem 3rem .6rem 1.6rem;
    background-color: #ff0082;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    word-break: break-word
}

.embeddable-video h3.embeddable-video__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6;
    text-transform: none;
    margin-bottom: 0
}

.embeddable-video__date,.embeddable-video__text {
    display: none
}

@media (max-width: 1025px) {
    .embeddable-video {
        margin-left:-4.8rem
    }
}

@media (max-width: 640px) {
    .embeddable-video {
        margin:0 -1.6rem
    }

    .embeddable-video__details {
        margin: 0 1.6rem 0 0;
        padding-left: 1.6rem
    }
}

.embeddable-facebook-video {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    max-width: none!important
}

.embeddable-facebook-video>iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.entitlement-promo {
    position: relative;
    background-color: #242424;
    color: #fff;
    z-index: 30
}

.entitlement-promo__image-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.entitlement-promo__content {
    position: relative;
    margin: 0 auto;
    padding: 6.4rem;
    text-align: center;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.entitlement-promo__lock {
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: 1.6rem;
    fill: currentColor;
    animation: a 2.5s infinite
}

.entitlement-promo__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    margin-bottom: 1.6rem;
    font-size: 4rem;
    line-height: 1.2
}

.entitlement-promo p.entitlement-promo__description {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 3.2rem
}

.entitlement-promo__link {
    width: 75%;
    margin: 0 auto 1.6rem;
    font-weight: 400;
    text-transform: uppercase
}

.entitlement-promo__link a {
    font-weight: 700;
    color: #fff;
    transition: color .2s ease
}

.entitlement-promo__link a:focus {
    color: #ff0082
}

@media (min-width: 840px) {
    .entitlement-promo__link a:hover {
        color:#ff0082
    }
}

.entitlement-promo a.entitlement-promo__link {
    font-weight: 700;
    margin-bottom: 1.6rem
}

.entitlement-promo a.entitlement-promo__link:focus {
    text-decoration: none
}

@media (min-width: 840px) {
    .entitlement-promo a.entitlement-promo__link:hover {
        text-decoration:none
    }
}

.entitlement-promo.is-hidden {
    opacity: 0;
    pointer-events: none
}

.entitlement-promo--is-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(36,36,36,.8);
    transition: none
}

.entitlement-promo--is-overlay .entitlement-promo__inner {
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 1025px) {
    .entitlement-promo--is-overlay .entitlement-promo__inner {
        width:95%
    }

    .entitlement-promo--is-overlay .entitlement-promo__content {
        padding: 3.2rem
    }

    .entitlement-promo--is-overlay .entitlement-promo__title {
        font-size: 2.4rem
    }
}

@media (max-width: 840px) {
    .entitlement-promo__content {
        padding:3.2rem
    }

    .entitlement-promo__title {
        font-size: 2.4rem
    }

    .entitlement-promo p.entitlement-promo__description {
        margin-bottom: 1.6rem;
        font-size: 1.4rem
    }

    .entitlement-promo__link {
        font-size: 1.2rem
    }

    .entitlement-promo--is-overlay .entitlement-promo__inner {
        width: 100%;
        left: 0;
        transform: translateY(-50%)
    }

    .entitlement-promo--is-overlay .entitlement-promo__title {
        margin-bottom: .8rem;
        font-size: 2rem
    }

    .entitlement-promo--is-overlay p.entitlement-promo__description {
        font-size: 1.2rem
    }
}

.featured-player-slider {
    overflow-x: hidden
}

.featured-player-slider.dark .featured-player-slider__subtitle {
    color: #fff
}

.featured-player-slider__list {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.featured-player-slider__list.scroll-snap {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.featured-player-slider__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.featured-player-slider__subtitle {
    max-width: 80%;
    margin: 0 auto;
    padding: 3.2rem 1.6rem 1.6rem;
    text-align: center;
    font-size: 2rem;
    line-height: 1.4
}

.featured-player-slider__button {
    min-width: 20rem
}

@media (max-width: 840px) {
    .featured-player-slider__subtitle {
        max-width:none;
        padding: 1.6rem 0;
        font-size: 1.4rem
    }
}

@media (max-width: 640px) and (orientation:portrait) {
    .featured-player-slider__list {
        margin:0 .4rem;
        padding: 0 8rem
    }

    .featured-player-slider__list-item {
        transform: scale(.88);
        opacity: .4;
        transition: transform .2s ease,opacity .2s ease
    }

    .featured-player-slider__list-item.is-in-view {
        transform: scale(1);
        opacity: 1
    }

    .featured-player-slider__text {
        font-size: 1.4rem;
        padding: 0 0 1.6rem
    }
}

.footer {
    width: 100%;
    position: relative;
    overflow: hidden
}

.footer__content {
    position: relative;
    padding: 14rem 0 14.2rem
}

.footer__image {
    display: block
}

.footer__image,.footer__image:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.footer__image:after {
    background-image: linear-gradient(250deg,hsla(0,0%,7%,0),hsla(0,0%,7%,.6));
    content: ""
}

.footer__image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.footer__logo-image {
    width: 60.4rem;
    height: 10rem;
    display: block
}

.footer__title {
    margin-bottom: 3.2rem;
    font-size: 12rem;
    font-size: 10vw;
    font-size: clamp(4.8rem,10vw,12rem);
    line-height: .77;
    color: #32c84b;
    word-spacing: 100vw
}

.footer__countdown,.footer__title .highlight {
    color: #fff
}

.footer__countdown .countdown__clock {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 3.2rem
}

.footer__countdown .countdown__clock-item {
    margin-right: 4.2rem;
    margin-left: 0
}

.footer__countdown .countdown__clock-item .countdown__count:after {
    right: -2.6rem
}

.footer__countdown .countdown__value {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    font-size: 12rem;
    font-size: 10vw;
    font-size: clamp(4.8rem,10vw,12rem)
}

.footer__countdown .countdown__count-label {
    font-size: 2rem;
    color: #fff
}

.footer__subtitle {
    font-size: 2.8rem;
    font-size: 2.6vw;
    font-size: clamp(1.6rem,2.6vw,2.8rem);
    line-height: 1.4;
    color: #fff
}

.footer__subtitle .highlight {
    display: block;
    font-weight: 700
}

.footer__bottom,.footer__top {
    position: relative;
    background-color: #000
}

.footer__bottom {
    padding: 2rem 0
}

.footer__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: hsla(0,0%,100%,.6)
}

.footer__links {
    margin-left: 5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.footer__link {
    color: inherit;
    text-decoration: none;
    color: hsla(0,0%,100%,.6);
    transition: color .2s ease
}

.footer__link:focus {
    color: #fff
}

@media (min-width: 840px) {
    .footer__link:hover {
        color:#fff
    }
}

.footer__social {
    margin-left: auto
}

@media (max-width: 1025px) {
    .footer__content {
        padding-top:12rem
    }

    .footer__logo-image {
        width: 55.8rem;
        height: 9.2rem
    }

    .footer__bottom {
        font-size: 1.6rem
    }

    .footer__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__copyright {
        -ms-flex-order: 1;
        order: 1
    }

    .footer__links {
        -ms-flex-order: 2;
        order: 2
    }

    .footer__social {
        margin-left: 0
    }
}

@media (max-width: 840px) {
    .footer {
        padding-bottom:0
    }

    .footer__content {
        padding: 6.4rem 0
    }

    .footer__logo-image {
        width: 30.3rem;
        height: 5rem;
        margin-bottom: .4rem
    }

    .footer__countdown .countdown__clock,.footer__title {
        margin-bottom: 1.6rem
    }

    .footer__bottom,.footer__countdown .countdown__count-label {
        font-size: 1.4rem
    }

    .footer__break {
        display: block
    }

    .footer__links {
        margin-left: auto
    }
}

@media (max-width: 640px) {
    .footer__wrapper {
        -ms-flex-align:start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__countdown .countdown__clock-item {
        margin-right: 1.2rem
    }

    .footer__countdown .countdown__clock-item .countdown__count:after {
        right: -1.2rem
    }

    .footer__countdown .countdown__count {
        margin-right: .4rem
    }

    .footer__links {
        margin-top: 1.2rem;
        margin-left: 0
    }

    .footer__social {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 415px) {
    .footer__logo-image {
        width:25rem;
        height: 4.1rem
    }
}

@media (max-width: 375px) {
    .footer__countdown .countdown__clock-item {
        margin-right:.8rem
    }
}

.hero-slider {
    position: relative;
    overflow: hidden
}

.hero-slider,.hero-slider__wrapper {
    background-color: #000
}

.hero-slider__container {
    max-height: calc(90vh - 12rem);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 3.2rem 0;
    transition: transform .8s cubic-bezier(.65,0,.35,1)
}

.hero-slider__slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 90%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.hero-slider__slide[data-slide-active=true] .hero-slider__slide-text {
    opacity: 1;
    transform: translateX(0);
    transition: opacity .4s ease .4s,transform .4s ease .4s
}

.hero-slider__slide[data-slide-active=true] .hero-slider__slide-image {
    opacity: 1;
    transform: translateX(0)
}

.hero-slider__slide[data-slide-active=true] .hero-slider__slide-progress {
    transition: transform .3s linear
}

.hero-slider__slide[data-slide-active=true]+.hero-slider__slide .hero-slider__slide-image {
    opacity: 1
}

.hero-slider__slide.progress-hidden .hero-slider__slide-progress {
    opacity: 0
}

.hero-slider__slide-text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40%;
    margin-right: -20%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.6rem 0;
    z-index: 10;
    opacity: 0;
    transform: translateX(4rem);
    transition: opacity .4s ease,transform .4s ease
}

.hero-slider__slide-title {
    font-size: 7rem;
    line-height: .9;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,.5)
}

.hero-slider__slide-summary {
    margin-top: 1.6rem;
    line-height: 1.4;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,.5)
}

.hero-slider__slide-link {
    margin-top: 1.6rem;
    font-weight: 700
}

.hero-slider__slide-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80%;
    position: relative;
    margin-left: auto;
    overflow: hidden;
    opacity: 0;
    transform: translateX(-25%);
    transition: opacity .8s ease .2s,transform .8s .2s
}

.hero-slider__slide-image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right,rgba(36,36,36,.3) 10%,rgba(36,36,36,0))
}

.hero-slider__image-container {
    height: 0;
    padding-top: 62.5%
}

.hero-slider__slide-progress {
    width: 100%;
    height: .4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform: translateX(-100%);
    z-index: 10;
    transition: opacity .2s ease
}

.hero-slider__controls {
    position: absolute;
    right: 7.6%;
    bottom: 3.2rem;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 0 4px rgba(0,0,0,.5)
}

.hero-slider__button {
    width: 4rem;
    height: 4rem;
    position: relative;
    background-color: #fff;
    color: #000;
    z-index: 10;
    opacity: 1;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transition: opacity .2s ease,box-shadow .2s ease
}

@media (min-width: 840px) {
    .hero-slider__button--previous:hover {
        box-shadow:inset -3px 0 4px rgba(0,0,0,.2)
    }
}

@media (min-width: 840px) {
    .hero-slider__button--next:hover {
        box-shadow:inset 3px 0 4px rgba(0,0,0,.2)
    }
}

@media (min-width: 840px) {
    .hero-slider__button:hover {
        opacity:1
    }
}

.hero-slider__button.is-inactive {
    opacity: .4;
    pointer-events: none
}

.hero-slider__button-icon {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    fill: currentColor
}

.hero-slider--featured .hero-slider__container {
    height: calc(100vh - 12rem)
}

.hero-slider--featured .hero-slider__slide-title {
    font-size: 8rem
}

.hero-slider--embed {
    margin-bottom: 0
}

.hero-slider--embed .hero-slider__container {
    height: auto
}

.hero-slider--iframe .hero-slider__container {
    max-height: 100vh
}

@media (max-width: 1300px) {
    .hero-slider__container {
        max-height:calc(90vh - 10rem)
    }

    .hero-slider__slide-title {
        font-size: 6.4rem
    }

    .hero-slider--featured .hero-slider__container {
        height: calc(100vh - 10rem)
    }

    .hero-slider--embed .hero-slider__container {
        height: auto
    }

    .hero-slider--iframe .hero-slider__container {
        max-height: 100vh
    }
}

@media (max-width: 1025px) {
    .hero-slider__container {
        max-height:calc(90vh - 8rem)
    }

    .hero-slider__text {
        padding-top: 1.6rem
    }

    .hero-slider__slide-title {
        font-size: 6rem
    }

    .hero-slider__controls {
        right: 7.3%
    }

    .hero-slider--featured .hero-slider__container {
        height: calc(100vh - 8rem)
    }

    .hero-slider--embed .hero-slider__container {
        height: auto
    }

    .hero-slider--iframe .hero-slider__container {
        max-height: 100vh
    }
}

@media (max-width: 840px) {
    .hero-slider {
        margin-bottom:3.2rem
    }

    .hero-slider__container,.hero-slider__wrapper {
        padding: 0
    }

    .hero-slider__slide {
        width: 100%
    }

    .hero-slider__slide-text {
        width: 80%;
        padding: 3.2rem 1.6rem
    }

    .hero-slider__slide-summary {
        font-size: 1.4rem
    }

    .hero-slider__slide-image {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(0)
    }

    .hero-slider__image-container {
        width: 100%;
        height: 100%;
        padding-top: 0
    }

    .hero-slider__controls {
        right: 1.6rem;
        bottom: 1.6rem;
        box-shadow: none
    }

    .hero-slider__button {
        width: 3.4rem;
        height: 3.4rem;
        margin-left: .8rem;
        box-shadow: 0 0 4px rgba(0,0,0,.5)
    }

    .hero-slider__button:first-of-type {
        margin-left: 0
    }

    .hero-slider__button-icon {
        width: 1.8rem;
        height: 1.8rem
    }

    .hero-slider--featured {
        height: auto
    }

    .hero-slider--featured .hero-slider__slide-title {
        font-size: 7rem;
        word-break: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }

    .hero-slider--featured .hero-slider__slide-summary {
        font-size: 1.6rem
    }

    .hero-slider--embed {
        margin-bottom: 0
    }
}

@media (max-width: 640px) {
    .hero-slider__slide-title {
        font-size:5rem
    }

    .hero-slider--featured .hero-slider__slide-title {
        font-size: 5.2rem
    }
}

@media (max-width: 415px) {
    .hero-slider__slide-title {
        font-size:4.2rem
    }
}

@media (max-width: 375px) {
    .hero-slider--featured .hero-slider__slide-title {
        font-size:4.6rem
    }
}

.hero {
    height: calc(90vh - 12rem);
    min-height: 55rem;
    position: relative;
    background-color: #000;
    overflow: hidden
}

.hero__background-chevrons {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    fill: #ff0082;
    opacity: .4
}

.hero__video-container {
    height: 100%;
    position: relative
}

.hero__video {
    width: 100%;
    max-width: 86rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.hero__video-close {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: .8rem .8rem 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 2.2rem
}

.hero__video-close-icon {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: .4rem;
    fill: #fff
}

.hero__container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    background-color: #000;
    z-index: 10;
    transition: transform .4s ease,opacity .3s ease .1s
}

.hero__image-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    position: relative;
    cursor: pointer
}

.hero__image-container:focus .hero__play {
    color: #fff
}

.hero__image-container:focus .hero__image {
    transform: scale(1.16);
    transition: transform 6s cubic-bezier(.19,1,.22,1)
}

@media (min-width: 840px) {
    .hero__image-container:hover .hero__play {
        color:#fff
    }

    .hero__image-container:hover .hero__image {
        transform: scale(1.16);
        transition: transform 6s cubic-bezier(.19,1,.22,1)
    }
}

.hero__image {
    transition: transform 3s cubic-bezier(.19,1,.22,1)
}

.hero__bar {
    width: 85%;
    position: absolute;
    bottom: 20%;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem 3.2rem;
    background-color: #000
}

.hero__play {
    color: #ff0082;
    font-size: 9rem;
    line-height: .8
}

.hero__play-icon {
    width: 6.6rem;
    height: 6.6rem;
    margin-left: 3.2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: #fff;
    transition: fill .2s ease
}

.hero__content-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    max-width: 68rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 4rem;
    background-color: #000;
    color: #fff
}

.hero__chevrons {
    width: 80rem;
    height: 100%;
    position: absolute;
    top: -55rem;
    right: 50rem;
    transform: rotate(100deg) translateY(-170%);
    fill: #32c84b
}

.hero__title {
    position: relative;
    margin-bottom: 3.2rem;
    color: #fff;
    font-size: 8rem;
    line-height: .8
}

.hero__subtitle {
    display: block;
    color: #ff0082
}

.hero__description {
    position: relative;
    color: #fff
}

.hero__link {
    max-width: 75%;
    margin-top: 3.2rem;
    font-weight: 700
}

.hero--photo .hero__image-container {
    cursor: default
}

.hero--photo .hero__image-container:focus .hero__image {
    transform: none
}

@media (min-width: 840px) {
    .hero--photo .hero__image-container:hover .hero__image {
        transform:none
    }
}

.hero--text .hero__body {
    max-width: 840px;
    position: relative;
    margin: 0 auto;
    padding: 3.2rem 0;
    color: #fff
}

.hero--text .hero__body p:first-of-type {
    font-size: 2.2rem;
    font-weight: 700
}

.hero--text.light {
    background-color: #fff
}

.hero--text.light .hero__body {
    color: #242424
}

.hero--text.light .hero__body h1 {
    font-size: 5rem
}

.hero--text.light .hero__body a {
    color: #ff0082;
    text-decoration: underline;
    font-weight: 700
}

.hero--text.light .hero__body a:focus {
    color: #d6006d
}

@media (min-width: 840px) {
    .hero--text.light .hero__body a:hover {
        color:#d6006d
    }
}

.hero--full-width .hero__image-container {
    width: 100%
}

.hero--full-width .hero__bar {
    width: auto
}

.hero--rising-stars .hero__title {
    word-spacing: normal;
    font-size: 9rem;
    max-width: 50rem
}

.hero--rising-stars .hero__description {
    font-size: 2.2rem
}

.hero--rising-stars .hero__content-container {
    background-color: transparent
}

@media (min-width: 840px) {
    .hero.is-active .hero__container {
        opacity:0;
        transform: scale(5);
        pointer-events: none
    }
}

@media (max-width: 1300px) {
    .hero {
        height:calc(90vh - 10rem)
    }

    .hero__chevrons {
        width: 80rem;
        top: -55rem;
        right: 50rem
    }

    .hero--rising-stars .hero__title {
        font-size: 8rem
    }

    .hero--rising-stars .hero__description {
        font-size: 2rem
    }
}

@media (max-width: 1025px) {
    .hero {
        height:calc(90vh - 8rem);
        min-height: 46rem
    }

    .hero__video-wrapper {
        max-width: 66rem
    }

    .hero__video-close {
        font-size: 1.6rem
    }

    .hero__content-container {
        padding: 3.2rem
    }

    .hero__title {
        font-size: 6rem
    }

    .hero__description {
        font-size: 1.8rem
    }

    .hero--text .hero__body {
        font-size: 1.6rem;
        line-height: 1.5
    }
}

@media (max-width: 840px) {
    .hero {
        height:auto;
        min-height: 0;
        display: block
    }

    .hero.is-active .hero__video-container {
        z-index: 20
    }

    .hero.is-active .hero__video-close {
        transform: translateX(0)
    }

    .hero.is-active .hero__image-container {
        opacity: 0;
        pointer-events: none
    }

    .hero__video-container {
        width: 100%;
        height: auto;
        position: absolute
    }

    .hero__video {
        max-width: none;
        position: relative;
        top: auto;
        left: auto;
        transform: none
    }

    .hero__video-close {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.4rem;
        padding: .4rem .8rem;
        background-color: #ff0082;
        transform: translateX(100%);
        transition: transform .4s ease
    }

    .hero__video-close-icon {
        width: 1.2rem;
        height: 1.2rem
    }

    .hero__container {
        height: auto;
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .hero__image-container {
        width: auto;
        padding-top: 56.25%;
        transition: opacity .3s ease
    }

    .hero__bar {
        width: auto
    }

    .hero__play {
        font-size: 5rem
    }

    .hero__play-icon {
        width: 3.6rem;
        height: 3.6rem;
        margin-left: 1.6rem
    }

    .hero__content-container {
        width: 100%;
        max-width: none;
        overflow: hidden
    }

    .hero__chevrons {
        width: 60rem;
        top: 0;
        right: 0;
        transform: rotate(80deg) translate(-20rem,-35rem)
    }

    .hero__title {
        margin-bottom: 1.6rem
    }

    .hero__link {
        margin-top: 1.6rem
    }

    .hero--text .hero__body {
        padding: 1.6rem 0;
        font-size: 1.5rem
    }

    .hero--text .hero__body p:first-of-type {
        font-size: 1.5rem
    }

    .hero--full-width.is-active .hero__container {
        opacity: 0;
        transform: scale(5);
        pointer-events: none
    }

    .hero--full-width .hero__video-container {
        position: relative
    }

    .hero--full-width .hero__container {
        position: absolute
    }

    .hero--rising-stars .hero__title {
        font-size: 7rem
    }

    .hero--rising-stars .hero__description {
        font-size: 1.8rem
    }
}

@media (max-width: 640px) {
    .hero {
        display:block
    }

    .hero__content-container {
        padding: 1.6rem
    }

    .hero__title {
        font-size: 5rem
    }

    .hero__description {
        font-size: 1.6rem
    }

    .hero--text.light .hero__body h1 {
        font-size: 4rem
    }

    .hero--rising-stars .hero__title {
        margin: 1.6rem 0 2.4rem;
        font-size: 5rem;
        line-height: 4rem
    }

    .hero--rising-stars .hero__description {
        font-size: 1.6rem;
        line-height: 2.8rem
    }
}

.promo-article--form-text .promo-article__content {
    background-color: #000
}

.promo-article--form-text .promo-article__article {
    width: 100%;
    position: relative;
    z-index: 10
}

.promo-article--form-text .promo-article__title {
    font-size: 5.2rem
}

.promo-article--form-text .promo-article__body p,.promo-article--form-text .promo-article__summary {
    font-size: 1.4rem;
    margin-bottom: 1.6rem
}

.promo-article--form-text .promo-article__chevron {
    left: -46rem
}

.promo-article--form-text .promo-article-embed__title {
    font-size: 1.6rem
}

.promo-article--form-text .promo-article-embed__body {
    font-size: 1.4rem
}

@media (max-width: 840px) {
    .promo-article--form-text .promo-article__article {
        padding:1.6rem
    }

    .promo-article--form-text .promo-article__chevron {
        left: auto
    }
}

.navigation-user--secutix .navigation-user__user {
    padding: .8rem
}

.navigation-user--secutix .navigation-user__user:after {
    display: none
}

.navigation-user--secutix .navigation-user__user-body {
    display: -ms-flexbox;
    display: flex
}

.navigation-user--secutix .navigation-user__preferences-link {
    margin-right: .4rem;
    margin-bottom: 0;
    font-size: 1.4rem
}

.navigation-user--secutix .navigation-user__preferences-link:last-of-type:not(:first-of-type) {
    margin-right: 0
}

@media (max-width: 640px) {
    .navigation-user--secutix .navigation-user__user:before {
        right:.8rem
    }
}

.navigation--secutix .navigation__logo {
    width: 29rem
}

.navigation--secutix .navigation__logo-image {
    fill: #fff
}

@media (min-width: 1025px) and (max-width:1300px) {
    .navigation--secutix .navigation__logo {
        width:20rem
    }
}

@media (max-width: 1025px) {
    .navigation--secutix .navigation__container {
        padding-top:0;
        position: relative
    }

    .navigation--secutix .navigation__logo {
        width: 22rem
    }

    .navigation--secutix .navigation__logo-image {
        width: 100%;
        height: auto
    }

    .navigation--secutix .navigation__right {
        padding-right: .8rem
    }

    .navigation--secutix .navigation__top {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .navigation--secutix .navigation__bottom {
        opacity: 0;
        pointer-events: none
    }

    .navigation--secutix .navigation__menu {
        width: 100%;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        border-top: none;
        background-color: transparent;
        transform: none
    }

    .navigation--secutix .navigation__menu-chevron {
        display: none
    }

    .navigation--secutix .navigation__list {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0
    }

    .navigation--secutix .navigation__link:after {
        display: none
    }
}

@media (max-width: 640px) {
    .navigation--secutix .navigation__logo {
        width:18.9rem
    }

    .navigation--secutix .navigation__button.basket .navigation__button-icon {
        margin-left: 0
    }
}

@media (max-width: 550px) {
    .navigation--secutix .navigation__button.basket {
        padding:.3rem .6rem
    }
}

.league-table {
    --badge-width: 4.2rem;
    margin-top: -1.6rem;
    padding: 3.2rem 0;
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.league-table__header {
    margin-bottom: 3.2rem
}

.league-table__title {
    color: #fff;
    font-size: 5.6rem;
    line-height: .9
}

.league-table__table {
    width: 100%;
    table-layout: fixed;
    background-color: #000;
    color: #fff;
    text-transform: uppercase
}

.league-table__row {
    border-bottom: 1px solid #3e3e3e
}

.league-table__row:first-child .league-table__cell {
    padding-top: 2.4rem
}

.league-table__row:nth-child(-n+3) .league-table__cell {
    background-color: #242424
}

.league-table__row:nth-child(3) {
    border-bottom: 2px solid #ff0082
}

.league-table__table-head {
    background-color: #3e3e3e
}

.league-table__table-head:after {
    content: "";
    width: 100%;
    height: .8rem;
    position: absolute;
    left: 0;
    background-color: #000
}

.league-table__head-cell {
    padding: .8rem;
    font-size: 1.4rem;
    line-height: 1;
    color: #979797;
    text-align: center
}

.league-table__head-cell--pos {
    width: 8rem
}

.league-table__head-cell--team {
    width: 25%;
    padding-left: calc(var(--badge-width) + 3.2rem);
    text-align: left
}

.league-table__head-cell--form {
    width: 15%;
    text-align: left
}

.league-table__cell {
    padding: 1.6rem .8rem;
    text-align: center;
    font-size: 1.8rem
}

.league-table__cell--pos {
    font-weight: 700
}

.league-table__cell--team {
    text-align: left;
    font-weight: 700
}

.league-table__cell--pts {
    font-weight: 700
}

.league-table__cell--form {
    text-align: left
}

.league-table__team {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.league-table__team-badge {
    width: var(--badge-width);
    height: var(--badge-width);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.2rem
}

.league-table__team-name {
    color: inherit;
    text-decoration: none;
    line-height: 1
}

.league-table__team-name:focus {
    text-decoration: underline
}

@media (min-width: 840px) {
    .league-table__team-name:hover {
        text-decoration:underline
    }
}

.league-table__form-container {
    display: -ms-flexbox;
    display: flex
}

.league-table__form {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
    margin-right: .4rem;
    background-color: #0e0e0e;
    color: #979797;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 2.4rem;
    text-align: center;
    transition: transform .2s ease
}

@media (min-width: 840px) {
    .league-table__form:hover {
        transform:translateY(-.1rem)
    }
}

.league-table__form:last-of-type {
    margin-right: 0
}

.league-table__form--w {
    background-color: #32c84b;
    color: #242424
}

.league-table__form--l {
    background-color: #ff4545;
    color: #fff
}

.league-table__tooltip {
    max-width: 28rem;
    white-space: normal;
    right: -.2rem
}

@media (max-width: 1025px) {
    .league-table {
        --badge-width:3.2rem
    }

    .league-table__head-cell {
        font-size: 1.2rem
    }

    .league-table__head-cell--pos {
        width: 6rem
    }

    .league-table__cell {
        font-size: 1.4rem
    }
}

@media (max-width: 840px) {
    .league-table {
        background-image:none
    }

    .league-table.show-form .league-table__cell,.league-table.show-form .league-table__head-cell {
        display: none
    }

    .league-table.show-form .league-table__cell--form,.league-table.show-form .league-table__cell--pos,.league-table.show-form .league-table__cell--team,.league-table.show-form .league-table__head-cell--form,.league-table.show-form .league-table__head-cell--pos,.league-table.show-form .league-table__head-cell--team {
        display: table-cell
    }

    .league-table__cell--form,.league-table__head-cell--form {
        display: none
    }

    .league-table__header {
        margin-bottom: 1.6rem
    }

    .league-table__title {
        font-size: 4.2rem
    }

    .league-table__tabs {
        width: 100%;
        margin-bottom: 1.6rem
    }

    .league-table__table {
        table-layout: auto
    }

    .league-table__head-cell--pos {
        width: 2%
    }

    .league-table__head-cell--team {
        padding-left: calc(var(--badge-width) + 1.6rem)
    }

    .league-table__head-cell--form {
        width: 5%
    }

    .league-table__team-badge {
        margin: 0 1.6rem 0 0
    }
}

@media (max-width: 640px) {
    .league-table {
        --badge-width:2.4rem
    }

    .league-table__title {
        font-size: 3.2rem
    }

    .league-table__head-cell--form {
        width: 15%
    }
}

@media (min-width: 500px) {
    .league-table__swipe {
        display:none
    }
}

@media (max-width: 500px) {
    .league-table.show-form .league-table__table-container {
        overflow:visible
    }

    .league-table.show-form .league-table__swipe {
        display: none
    }

    .league-table__header,.league-table__tabs {
        margin-bottom: .8rem
    }

    .league-table__swipe {
        margin: 0 0 .4rem auto
    }

    .league-table__table-container {
        overflow-x: auto
    }

    .league-table__head-cell {
        font-size: 1rem
    }

    .league-table__head-cell--team {
        padding-left: .8rem
    }

    .league-table__cell {
        font-size: 1.2rem
    }

    .league-table__team-badge {
        display: none
    }
}

.previous-match {
    color: #242424
}

.previous-match__venue {
    margin-bottom: .8rem;
    color: #979797;
    text-transform: none;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400
}

.previous-match__teams {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.previous-match__team,.previous-match__teams {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.previous-match__team--home,.previous-match__team--home .previous-match__team-badge {
    margin-right: .8rem
}

.previous-match__team--away,.previous-match__team--away .previous-match__team-badge {
    margin-left: .8rem
}

.previous-match__team-badge {
    width: 3.2rem;
    height: 3.2rem
}

.previous-match__score {
    font-size: 1.8rem
}

.previous-match__score,.previous-match__versus {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    line-height: .9
}

.previous-match__versus {
    font-size: 1.4rem
}

.previous-match__status {
    margin-top: .8rem;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase
}

.previous-match__no-match {
    text-transform: none
}

.match-next {
    width: 100%
}

.match-next__container {
    width: 100%;
    position: relative;
    padding: 4.8rem 1.6rem
}

.match-next__teams {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.match-next__team {
    width: 53%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: var(--team-theme-primary)
}

.match-next__team--home {
    left: 0;
    -webkit-clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%)
}

.match-next__team--away {
    right: 0;
    -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(10% 0,100% 0,100% 100%,0 100%)
}

.match-next__logo {
    width: 110%;
    height: 110%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.match-next__content {
    width: 50%;
    max-width: 60rem;
    position: relative;
    margin: 0 auto;
    filter: drop-shadow(0 0 15px rgba(0,0,0,.4))
}

.match-next__stub {
    width: 4.8rem;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: transparent;
    overflow: hidden
}

.match-next__stub:before {
    content: "";
    width: 4.8rem;
    height: 4.8rem;
    position: absolute;
    top: 50%;
    border-radius: 100%
}

.match-next__stub--left {
    right: 100%
}

.match-next__stub--left:before {
    left: 0;
    transform: translate(-50%,-50%);
    box-shadow: 4.8rem 0 0 30rem #fff
}

.match-next__stub--right {
    left: 100%
}

.match-next__stub--right:before {
    right: 0;
    transform: translate(50%,-50%);
    box-shadow: -4.8rem 0 0 30rem #fff
}

.match-next__info {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.2rem 0 4.8rem;
    background-color: #fff;
    z-index: 10
}

.match-next__subtitle {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    width: 60%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    padding: .4rem 1.6rem;
    color: #fff;
    background-color: #000;
    filter: drop-shadow(0 0 4px rgba(0,0,0,.25));
    font-size: 3.6rem;
    font-size: 2.6vw;
    font-size: clamp(2.6rem,2.6vw,3.6rem);
    text-align: center
}

.match-next__subtitle:empty {
    height: .8rem;
    transform: translateX(-50%);
    padding: 0;
    filter: none
}

.match-next__details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
    color: #979797;
    text-transform: uppercase
}

.match-next__datetime,.match-next__venue {
    margin: 0 .4rem;
    white-space: nowrap
}

.match-next__team-names {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    line-height: .9
}

.match-next__team-name {
    color: #000;
    font-size: 4.6rem;
    font-size: 3.2vw;
    font-size: clamp(3rem,3.2vw,4.6rem)
}

.match-next__vs {
    color: #ff0082;
    font-size: 4.2rem;
    font-size: 3vw;
    font-size: clamp(2.8rem,3vw,4.2rem)
}

.match-next__buttons {
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.match-next__button {
    width: calc(50% - 1.6rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 .8rem;
    white-space: nowrap;
    font-weight: 700
}

.match-next__button.button--inactive {
    background-color: #f1f1f1;
    opacity: .9
}

.match-next__button .ticket-button__price-range {
    display: none
}

.match-next__button-icon {
    width: 2.4rem;
    height: 2.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .4rem;
    fill: currentColor
}

@media (max-width: 1025px) {
    .match-next__subtitle {
        width:100%
    }

    .match-next__details {
        font-size: 1.6rem
    }

    .match-next__buttons {
        width: calc(100% + 3.2rem)
    }
}

@media (max-width: 840px) {
    .match-next__details {
        margin-bottom:.8rem;
        font-size: 1.4rem
    }

    .match-next__button {
        width: calc(50% - .8rem);
        margin: 0 .2rem
    }
}

@media (max-width: 640px) {
    .match-next__content {
        width:calc(100% - 6.4rem)
    }

    .match-next__stub {
        width: 3.2rem
    }

    .match-next__stub:before {
        width: 3.2rem;
        height: 3.2rem
    }

    .match-next__stub--left:before {
        box-shadow: 3.2rem 0 0 30rem #fff
    }

    .match-next__stub--right:before {
        box-shadow: -3.2rem 0 0 30rem #fff
    }

    .match-next__buttons {
        width: calc(100% + 6.4rem)
    }
}

@media (max-width: 375px) {
    .match-next__button {
        font-size:1.2rem
    }
}

.match-next .t-manchester-originals {
    background-size: cover;
    background-position: 50%
}

.match-next .t-oval-invincibles {
    background-size: 125%;
    background-position: top 9.6rem left -55rem;
    background-repeat: no-repeat
}

@media (max-width: 840px) {
    .match-next .t-oval-invincibles {
        background-size:200%;
        background-position: top 50% left -20%
    }
}

.match-next .t-trent-rockets {
    background-size: cover
}

.match-next .t-welsh-fire {
    background-size: cover;
    background-position: 50%
}

.matches-list {
    overflow: visible
}

.matches-list__header {
    position: sticky;
    top: 12rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: -3.2rem;
    margin-bottom: 0;
    padding: 1.6rem 0;
    background-color: #000;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    z-index: 40
}

.matches-list__header .widget-header {
    margin-bottom: 0
}

.matches-list__calendar-button {
    height: 5rem
}

.matches-list__filters {
    margin-left: auto
}

.matches-list__list {
    opacity: 0;
    transition: opacity .3s ease .1s
}

.matches-list__list.is-visible {
    opacity: 1
}

.matches-list__no-matches {
    display: block;
    padding-top: 1.6rem;
    padding-bottom: 8rem;
    color: #fff;
    text-align: center
}

.matches-list__item {
    margin-bottom: .8rem
}

.matches-list__divider {
    height: .8rem
}

.matches-list__loader {
    padding-bottom: 3.2rem;
    transition: height .2s ease .2s,opacity .2s ease,padding .2s ease
}

.matches-list__loader.is-hidden {
    height: 0;
    padding: 0;
    opacity: 0
}

.matches-list__button {
    width: -moz-min-content;
    width: min-content;
    min-width: 18rem;
    margin: .8rem auto 0
}

.matches-list__button.is-hidden {
    display: none
}

@media (max-width: 1300px) {
    .matches-list__header {
        top:10rem
    }
}

@media (max-width: 1025px) {
    .matches-list__header {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .matches-list .widget-header__title {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: .8rem
    }

    .matches-list .widget-header__title .highlight {
        display: inline-block;
        margin-left: .8rem
    }

    .matches-list__calendar-button {
        width: 100%;
        margin-bottom: .8rem
    }

    .matches-list .filter-list {
        width: 100%
    }
}

@media (max-width: 840px) {
    .matches-list__header {
        margin-top:-1.6rem
    }

    .matches-list__header.widget-header {
        margin-top: 0;
        padding: 0
    }

    .matches-list__header.widget-header .widget-header__title {
        display: none
    }

    .matches-list__calendar-button {
        height: auto;
        margin-bottom: 0
    }
}

@media (max-width: 640px) {
    .matches-list__header {
        padding:.8rem 0
    }

    .matches-list .widget-header__title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .matches-list .widget-header__title .highlight {
        width: 100%;
        margin-left: 0
    }
}

.update-layer .matches-list__header {
    z-index: 60
}

.menu-collapsible.dark {
    color: #fff
}

.menu-collapsible.dark .menu-collapsible__link:before,.menu-collapsible.dark .menu-collapsible__trigger:before {
    background-color: #242424
}

@media (min-width: 840px) {
    .menu-collapsible__title {
        font-family:styrenea,Helvetica Neue,sans-serif;
        margin-bottom: 1.6rem;
        text-transform: none;
        font-size: 2.8rem;
        line-height: 1.2
    }

    .menu-collapsible__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .menu-collapsible__dropdown.is-active .menu-collapsible__trigger {
        background-color: #ff0082;
        color: #fff
    }

    .menu-collapsible__dropdown.is-active .menu-collapsible__trigger-icon {
        transform: rotateX(180deg)
    }

    .menu-collapsible__dropdown.is-active .menu-collapsible__options {
        max-height: 60rem
    }

    .menu-collapsible__trigger {
        color: inherit;
        text-decoration: none;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        position: relative;
        padding: 0 1.6rem 0 2.4rem;
        line-height: 4.8rem;
        font-size: 1.6rem;
        text-align: left;
        transition: background-color .2s ease,color .2s ease
    }

    .menu-collapsible__trigger.is-active,.menu-collapsible__trigger:focus {
        background-color: #ff0082;
        color: #fff
    }
}

@media (min-width: 840px) and (min-width:840px) {
    .menu-collapsible__trigger:hover {
        background-color:#ff0082;
        color: #fff
    }
}

@media (min-width: 840px) {
    .menu-collapsible__trigger-icon {
        width:1.2rem;
        height: 1.2rem;
        margin-left: .4rem;
        fill: currentColor;
        pointer-events: none;
        transition: transform .2s ease
    }

    .menu-collapsible__options {
        max-height: 0;
        overflow: hidden;
        transition: max-height .6s ease
    }

    .menu-collapsible__link {
        color: inherit;
        text-decoration: none;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        position: relative;
        padding: 0 1.6rem 0 2.4rem;
        line-height: 4.8rem;
        font-size: 1.6rem;
        text-align: left;
        transition: background-color .2s ease,color .2s ease
    }

    .menu-collapsible__link:before {
        content: "";
        height: 1px;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #e2e2e2
    }

    .menu-collapsible__link:focus .menu-collapsible__link-icon {
        transform: translateY(-50%);
        opacity: 1
    }
}

@media (min-width: 840px) and (min-width:840px) {
    .menu-collapsible__link:hover .menu-collapsible__link-icon {
        transform:translateY(-50%);
        opacity: 1
    }
}

@media (min-width: 840px) {
    .menu-collapsible__link.is-active {
        font-weight:700
    }

    .menu-collapsible__link.is-active .menu-collapsible__link-icon {
        transform: translateY(-50%);
        opacity: 1
    }

    .menu-collapsible__link--in-dropdown {
        padding-left: 4.8rem
    }

    .menu-collapsible__link--in-dropdown .menu-collapsible__link-icon {
        left: 3.2rem
    }

    .menu-collapsible__link-icon {
        width: 1.2rem;
        height: 1.2rem;
        position: absolute;
        top: 50%;
        left: .8rem;
        transform: translate(-.4rem,-50%);
        fill: #ff0082;
        opacity: 0;
        transition: transform .2s ease,opacity .2s ease
    }
}

@media (max-width: 1025px) {
    .menu-collapsible {
        padding-left:0
    }

    .menu-collapsible__title {
        padding-left: 1.6rem
    }
}

@media (max-width: 840px) {
    .menu-collapsible {
        margin-bottom:1.6rem
    }
}

.menu-sub {
    position: relative;
    margin: -3.2rem 0 1.6rem;
    background-color: #fff
}

@media (min-width: 840px) {
    .menu-sub.dark {
        background-color:#000
    }

    .menu-sub.dark .menu-sub__link {
        border-bottom: 1px solid #fff
    }

    .menu-sub__nav {
        transform: translateY(-50%)
    }

    .menu-sub__option {
        display: inline-block;
        padding: 0 .4rem;
        vertical-align: top
    }

    .menu-sub__link {
        color: inherit;
        text-decoration: none;
        min-width: 18rem;
        padding: 1.6rem;
        display: block;
        background: #fff;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
        color: #000;
        font-size: 1.4rem;
        font-weight: 700;
        text-transform: uppercase;
        transition: background-color .2s ease,color .2s ease
    }

    .menu-sub__link.is-active,.menu-sub__link:focus {
        background: #000;
        color: #fff
    }

    .menu-sub__link:focus .menu-sub__link-icon {
        fill: #fff
    }
}

@media (min-width: 840px) and (min-width:840px) {
    .menu-sub__link:hover {
        background:#000;
        color: #fff
    }

    .menu-sub__link:hover .menu-sub__link-icon {
        fill: #fff
    }
}

@media (min-width: 840px) {
    .menu-sub__link-icon {
        width:2.4rem;
        height: 2.4rem;
        display: block;
        transition: fill .2s ease
    }
}

@media (min-width: 840px) and (max-width:1025px) {
    .menu-sub__link {
        min-width:14rem;
        font-size: 1.2rem
    }
}

@media (max-width: 840px) {
    .menu-sub {
        margin:-1.6rem 0 1.6rem
    }

    .menu-sub+.widget {
        margin-top: -1.6rem
    }

    .menu-sub__link {
        font-size: 1.4rem;
        text-transform: uppercase;
        font-weight: 700
    }

    .menu-sub__link.is-active {
        display: none
    }
}

.not-found {
    position: relative;
    padding: 3.2rem 0;
    font-weight: 700;
    overflow: hidden
}

.not-found,.not-found__wrapper {
    display: -ms-flexbox;
    display: flex
}

.not-found__text-container {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 3.2rem 0
}

.not-found__title {
    color: #fff;
    font-size: 11rem;
    line-height: .85;
    margin-bottom: 3.2rem
}

.not-found__title .highlight {
    padding: .2rem .4rem;
    background-color: #ff0082;
    color: #fff;
    display: block;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content
}

.not-found__description {
    margin-bottom: 3.2rem;
    padding-right: .8rem;
    color: #fff;
    font-size: 2rem
}

.not-found__img-container {
    width: 50%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 10
}

.not-found__img {
    width: 55%;
    max-width: 30rem;
    display: block;
    margin-top: auto;
    transform: translateY(5.5rem);
    fill: #fff
}

.not-found__button {
    margin-top: auto;
    padding: 1.8rem 6.2rem;
    text-transform: uppercase;
    font-size: 1.8rem
}

.not-found__chevron {
    position: absolute;
    top: 26rem;
    right: -29rem;
    transform: rotate(90deg);
    fill: #32c84b
}

.not-found--restricted .not-found__img {
    width: 85%;
    max-width: 40rem;
    transform: none
}

@media (max-width: 1025px) {
    .not-found__title {
        font-size:8rem
    }

    .not-found__description {
        font-size: 1.6rem
    }
}

@media (max-width: 840px) {
    .not-found__text-container {
        width:80%;
        padding: 3rem 0
    }

    .not-found__title {
        font-size: 6rem
    }

    .not-found__description {
        font-size: 1.6rem
    }
}

@media (max-width: 640px) {
    .not-found__text-container {
        padding:0
    }

    .not-found__button {
        margin-top: 3rem;
        padding: 1.2rem 3rem
    }

    .not-found--restricted .not-found__img {
        width: 100%
    }
}

.sticky-button {
    position: fixed;
    bottom: 1.6rem;
    right: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem 1.6rem;
    border-radius: 8rem;
    box-shadow: -1px 2px 5px rgba(0,0,0,.2);
    font-weight: 700;
    z-index: 40
}

.sticky-button__icon {
    width: 2.2rem;
    height: 2.2rem;
    fill: currentColor;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .8rem
}

.sticky-button--external {
    position: static;
    margin-right: 3.2rem
}

.sticky-button--external .sticky-button__icon {
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}

@media (max-width: 640px) {
    .sticky-button--external {
        width:100%;
        margin-right: 0;
        margin-bottom: 1.6rem;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.favourite-team-selector {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow-y: auto;
    background-color: rgba(0,0,0,.9);
    z-index: 70;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease,visibility
}

.favourite-team-selector.is-visible {
    opacity: 1;
    visibility: visible
}

.favourite-team-selector.is-visible .favourite-team-selector__container {
    opacity: 1;
    transform: translateY(0)
}

.favourite-team-selector__modal-close {
    width: 3.4rem;
    height: 3.4rem;
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #fff;
    transition: background-color .2s ease,border-color .2s ease
}

.favourite-team-selector__modal-close:focus {
    background-color: #ff0082;
    border-color: #ff0082
}

@media (min-width: 840px) {
    .favourite-team-selector__modal-close:hover {
        background-color:#ff0082;
        border-color: #ff0082
    }
}

.favourite-team-selector__modal-close-icon {
    width: 1.8rem;
    height: 1.8rem;
    fill: #fff
}

.favourite-team-selector__container {
    max-width: 85%;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(3.2rem);
    transition: transform .4s cubic-bezier(.175,.885,.32,1.275) .2s,opacity .4s ease .2s
}

.favourite-team-selector__background {
    transition: transform 3s cubic-bezier(.19,1,.22,1)
}

.favourite-team-selector__footer {
    margin: 1.6rem 0;
    text-align: center
}

.favourite-team-selector__button {
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 1.6rem
}

@media (max-width: 1025px) {
    .favourite-team-selector__container.teams-grid__container {
        -ms-grid-columns:(minmax(0,1fr))[4];
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@media (max-width: 640px) {
    .favourite-team-selector {
        display:block;
        padding: 6rem 0
    }

    .favourite-team-selector__header {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .favourite-team-selector__header .widget-header__title .highlight {
        display: block;
        width: -moz-min-content;
        width: min-content
    }

    .favourite-team-selector__container {
        width: 100%;
        max-width: none
    }

    .favourite-team-selector__container.teams-grid__container {
        -ms-grid-columns: (minmax(0,1fr))[2];
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .favourite-team-selector__button {
        font-size: 1.4rem
    }
}

.navigation-user {
    min-width: 12rem;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-right: 1.6rem;
    z-index: 10
}

.navigation-user:focus .navigation-user__user {
    transform: scale(1);
    opacity: 1
}

@media (min-width: 840px) {
    .navigation-user:hover .navigation-user__user {
        transform:scale(1);
        opacity: 1
    }
}

.navigation-user.is-loading .navigation-user__button {
    color: #e2e2e2;
    pointer-events: none
}

.navigation-user.is-loading .navigation-user__button:after {
    animation: h 1s infinite
}

.navigation-user__button {
    width: 100%;
    position: relative;
    padding: .6rem 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .2s ease,transform .2s ease
}

.navigation-user__button:after {
    content: "";
    height: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #ff0082;
    transform: translateX(-100%)
}

.navigation-user__button.is-active {
    background-color: #e2e2e2;
    cursor: default
}

.navigation-user__button.is-active+.navigation-user__user {
    transform: scale(1);
    opacity: 1
}

.navigation-user__button--logged-in:focus {
    transform: none
}

@media (min-width: 840px) {
    .navigation-user__button--logged-in:hover {
        transform:none
    }
}

.navigation-user__button-icon {
    width: 2.2rem;
    height: 2.2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .4rem;
    fill: currentColor;
    transition: fill .2s ease
}

.navigation-user__name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 26rem
}

.navigation-user__user {
    position: absolute;
    top: 105%;
    right: 0;
    background-color: #fff;
    padding: 1.6rem .8rem calc(1.6rem + 8px);
    border-radius: 1px;
    background-size: cover;
    box-shadow: 0 0 4px 1px rgba(0,0,0,.2);
    text-transform: capitalize;
    text-align: left;
    transform-origin: top right;
    transform: scale(0);
    font-weight: 700;
    z-index: 10;
    opacity: 0;
    transition: transform .2s ease,opacity .2s ease
}

.navigation-user__user:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 6rem;
    border: .8rem solid transparent;
    border-bottom-color: #fff;
    filter: drop-shadow(0 -1px 2px rgba(0,0,0,.2))
}

.navigation-user__user:after {
    content: "";
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 1px 1px;
    background-color: var(--team-theme-primary);
    background-repeat: no-repeat;
    background-size: cover
}

.navigation-user__user-name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30rem;
    display: block;
    font-size: 1.8rem;
    margin-bottom: .8rem;
    padding: 0 .8rem .8rem;
    border-bottom: 2px solid #f1f1f1
}

.navigation-user__user-team {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .8rem;
    padding: 0 .8rem .8rem
}

.navigation-user__team-logo {
    width: 4rem;
    height: 4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1.2rem
}

.navigation-user__team-name {
    width: -moz-min-content;
    width: min-content;
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    text-transform: uppercase
}

.navigation-user__preferences-link {
    color: inherit;
    text-decoration: none;
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: .8rem;
    padding: .8rem 1rem;
    background-color: #f1f1f1;
    text-transform: uppercase;
    white-space: nowrap;
    color: #000;
    transition: background-color .2s ease
}

.navigation-user__preferences-link:last-of-type:not(:first-of-type) {
    margin-bottom: 0
}

.navigation-user__preferences-link:focus {
    background-color: #e2e2e2
}

@media (min-width: 840px) {
    .navigation-user__preferences-link:hover {
        background-color:#e2e2e2
    }
}

.navigation-user__preferences-link.is-active:before {
    content: "";
    height: .4rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    animation: i 2.2s infinite ease
}

.navigation-user__preferences-link-icon {
    width: 1.6rem;
    height: 1.6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .8rem
}

@media (max-width: 1025px) {
    .navigation-user {
        min-width:auto;
        margin-right: .8rem
    }

    .navigation-user__button {
        margin: 0
    }

    .navigation-user__name {
        max-width: 18rem
    }
}

@media (max-width: 1025px) and (min-width:640px) {
    .navigation-user:not(.navigation-user--secutix)__button.is-active+.navigation-user__user {
        transform:translateX(-50%) scale(1)
    }

    .navigation-user:not(.navigation-user--secutix)__user {
        max-width: 30rem;
        left: 50%;
        right: auto;
        transform-origin: top;
        transform: translateX(-50%) scale(0)
    }

    .navigation-user:not(.navigation-user--secutix)__user:before {
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

@media (max-width: 640px) {
    .navigation-user__user:before {
        right:.8rem
    }
}

@media (max-width: 550px) {
    .navigation-user__user {
        top:110%
    }

    .navigation-user__name {
        display: none
    }

    .navigation-user__button {
        padding: .3rem .6rem
    }

    .navigation-user__button-icon {
        margin-left: 0
    }
}

@media (max-width: 375px) {
    .navigation-user__user,.navigation-user__user-name {
        max-width:24rem
    }
}

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

    50% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes i {
    0% {
        background: none
    }

    30% {
        background: #ff0082
    }

    60% {
        background: none
    }

    to {
        background: none
    }
}

.navigation {
    z-index: 50;
    background-color: #000;
    --nav-height: 12rem
}

.navigation__button.account,.navigation__button.basket {
    padding: .6rem 1rem
}

.navigation__button.account .navigation__button-icon,.navigation__button.basket .navigation__button-icon {
    width: 2.2rem;
    height: 2.2rem;
    margin-left: .8rem
}

.navigation__button.show-basket-items .navigation__basket-items {
    opacity: 1;
    transform: translateY(0)
}

.navigation__button-icon {
    width: 2.2rem;
    height: 2.2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .4rem;
    fill: currentColor
}

.navigation__basket-items {
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    position: absolute;
    top: .2rem;
    right: .2rem;
    padding: .2rem;
    background-color: #ff0082;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    box-shadow: -1px 1px 2px rgba(0,0,0,.3);
    font-size: 1.1rem;
    opacity: 0;
    transform: translateY(.4rem);
    transition: opacity .2s ease .2s,transform .2s ease .2s
}

.navigation__sponsor {
    position: fixed;
    top: var(--nav-height);
    right: 1.6rem;
    text-align: center
}

.navigation__sponsor.cazoo .navigation__sponsor-image {
    background-position: -186px -245px;
    width: 135px;
    height: 25px
}

.navigation__sponsor-link {
    color: inherit;
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 1rem 1.6rem;
    background-color: #ff0082;
    box-shadow: 0 0 4px 3px rgba(36,36,36,.15);
    transition: transform .2s ease,background-color .2s ease
}

.navigation__sponsor-link:focus {
    background-color: #d6006d;
    transform: translateY(-.2rem)
}

@media (min-width: 840px) {
    .navigation__sponsor-link:hover {
        background-color:#d6006d;
        transform: translateY(-.2rem)
    }
}

.navigation__sponsor-text {
    display: block;
    margin-bottom: .4rem;
    font-size: 1.2rem;
    line-height: 1
}

.navigation__sponsor-image {
    display: inline-block
}

@media (min-width: 1025px) {
    .navigation {
        height:var(--nav-height);
        position: relative
    }

    .navigation__container {
        width: 100%;
        height: var(--nav-height);
        position: fixed;
        display: -ms-flexbox;
        display: flex;
        background-color: #000;
        box-shadow: 0 4px 7px rgba(0,0,0,.15);
        border-bottom: 2px solid #ff0082;
        z-index: 50;
        transform: rotate(0);
        transition: transform .3s cubic-bezier(.86,0,.07,1)
    }

    .navigation__chevron {
        position: absolute;
        left: 0;
        bottom: 0;
        fill: #32c84b
    }

    .navigation__logo {
        color: inherit;
        text-decoration: none;
        width: 37.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 1.6rem
    }

    .navigation__logo-image {
        width: 100%
    }

    .navigation__right {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: auto;
        z-index: 10
    }

    .navigation__top {
        min-height: 5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto;
        padding: 1.6rem 0 .8rem
    }

    .navigation__social {
        margin-right: .8rem
    }

    .navigation__social .social-links__title {
        font-size: 1.5rem;
        color: #fff
    }

    .navigation__social .social-links__link {
        opacity: 1;
        margin-right: .8rem
    }

    .navigation__social .social-links__link-icon {
        width: 2.2rem;
        height: 2.2rem
    }

    .navigation__button {
        position: relative;
        margin-right: .8rem;
        padding: .6rem 1rem;
        font-weight: 700
    }

    .navigation__button,.navigation__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .navigation__item {
        position: relative;
        padding: .4rem .8rem
    }

    .navigation__item.is-active .navigation__link {
        background-color: #ff0082
    }

    .navigation__item--has-more {
        margin-left: auto;
        padding-right: 0
    }

    .navigation__item--has-more .dropdown.is-open .dropdown__options,.navigation__item--has-more .dropdown:focus-within .dropdown__options,.navigation__item--has-more .dropdown:hover .dropdown__options {
        transform: scale(1) translateX(0)
    }

    .navigation__item--has-more .dropdown__options {
        left: auto;
        right: 0;
        transform-origin: top right;
        transform: scale(0)
    }

    .navigation__item--has-more .dropdown__options:before {
        left: auto;
        right: 4.6rem;
        transform: none
    }

    .navigation__link {
        color: inherit;
        text-decoration: none;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 1.2rem;
        text-transform: uppercase;
        font-size: 1.5rem;
        line-height: 4rem;
        font-weight: 700;
        color: #fff;
        white-space: nowrap;
        transition: background-color .2s ease,color .2s ease;
        cursor: pointer
    }

    .navigation__link .icon {
        width: 1.2rem;
        height: 1.2rem;
        margin-left: .4rem;
        margin-top: 2px
    }

    .navigation__link:focus {
        background-color: #ff0082
    }
}

@media (min-width: 1025px) and (min-width:840px) {
    .navigation__link:hover {
        background-color:#ff0082
    }
}

@media (min-width: 1025px) {
    .navigation__link--in-dropdown {
        width:100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding: 0 1.6rem;
        line-height: 4.4rem
    }

    .navigation__link--in-dropdown:focus {
        color: #ff0082;
        background-color: #fff
    }
}

@media (min-width: 1025px) and (min-width:840px) {
    .navigation__link--in-dropdown:hover {
        color:#ff0082;
        background-color: #fff
    }
}

@media (min-width: 1025px) {
    .navigation__dropdown {
        padding:0 1.6rem
    }

    .navigation__dropdown-trigger {
        font-family: styrenea,Helvetica Neue,sans-serif;
        font-size: 1.5rem;
        line-height: 4rem
    }
}

@media (min-width: 1025px) and (max-width:1300px) {
    .navigation {
        --nav-height:10rem
    }

    .navigation__chevron {
        width: 27rem;
        height: 1.4rem
    }

    .navigation__logo {
        width: 27rem;
        padding-right: .8rem
    }

    .navigation__top {
        padding-top: .8rem
    }

    .navigation__item {
        padding: .2rem .8rem
    }

    .navigation__link {
        padding: 0 .8rem
    }

    .navigation__link--in-dropdown {
        padding: 0 1.6rem
    }

    .navigation__dropdown {
        padding: 0 .8rem
    }
}

@media (max-width: 1025px) {
    .navigation {
        --nav-height:8rem;
        --quicklinks-height: 4.4rem;
        --total-height: calc(var(--nav-height) + var(--quicklinks-height));
        height: var(--total-height);
        position: relative
    }

    .navigation__container {
        height: var(--total-height);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 3rem;
        background-color: #000;
        border-bottom: 2px solid #ff0082;
        box-shadow: 0 1px 8px 0 rgba(0,0,0,.5);
        z-index: 10;
        transition: transform .3s ease
    }

    .navigation__chevron {
        width: 23rem;
        height: 1.4rem;
        position: absolute;
        left: 0;
        bottom: 0;
        fill: #32c84b
    }

    .navigation__logo {
        color: inherit;
        text-decoration: none;
        display: block;
        padding-left: 1.6rem
    }

    .navigation__logo-image {
        height: 3.2rem;
        fill: #fff
    }

    .navigation__right {
        margin-left: auto;
        padding-right: 1.6rem;
        z-index: 10
    }

    .navigation__top {
        min-height: 3.2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .navigation__button {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: .8rem;
        padding: .8rem;
        font-weight: 700;
        text-align: left
    }

    .navigation__button-icon {
        width: 2rem;
        height: 2rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        fill: currentColor;
        margin-left: .8rem
    }

    .navigation__menu-button {
        width: 9rem;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        background: transparent;
        border: 0;
        outline: 0;
        padding: 0
    }

    .navigation__quicklinks {
        width: 100%;
        height: var(--quicklinks-height);
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .navigation__menu {
        width: 100%;
        height: calc(100vh - var(--nav-height));
        position: absolute;
        top: var(--nav-height);
        left: 100%;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #000;
        border-top: 2px solid #ff0082;
        overflow-y: auto;
        overflow-x: hidden;
        transition: transform .3s cubic-bezier(.86,0,.07,1)
    }

    .navigation__menu .navigation__button {
        width: calc(50% - 1.6rem);
        margin-left: .8rem;
        margin-bottom: .8rem
    }

    .navigation__list {
        width: 100%;
        margin-bottom: 1.6rem
    }

    .navigation__item.is-active .navigation__link:before {
        content: "";
        width: .4rem;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background-color: #ff0082;
        z-index: 20
    }

    .navigation__link {
        color: inherit;
        text-decoration: none;
        width: 50%;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 1.2rem 1.6rem;
        line-height: 1.2;
        color: #fff;
        font-size: 1.4rem;
        text-transform: uppercase;
        font-weight: 700;
        transition: background-color .2s ease
    }

    .navigation__link:after {
        content: "";
        width: 50vw;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .navigation__link:after,.navigation__link:focus {
        background-color: rgba(255,0,130,.3)
    }

    .navigation__link--in-dropdown {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }

    .navigation__link--featured {
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        color: #000;
        padding: 0 1.2rem;
        line-height: 4rem;
        font-size: 1.2rem
    }

    .navigation__link--featured:after {
        display: none
    }

    .navigation__link--featured .navigation__link-icon {
        width: 2.2rem;
        height: 2.2rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 1.2rem
    }

    .navigation__link--featured .navigation__link-text {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .navigation__link .icon {
        width: 1.2rem;
        height: 1.2rem;
        margin-left: auto;
        margin-right: .7rem;
        fill: currentColor
    }

    .navigation .dropdown {
        position: static
    }

    .navigation .dropdown__trigger {
        width: 50%;
        height: auto;
        position: relative;
        padding: 1.2rem 1.6rem;
        line-height: 1.2;
        font-size: 1.4rem
    }

    .navigation .dropdown__trigger:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #ff0082;
        z-index: -1;
        transform: translateX(-100%);
        transition: transform .25s ease
    }

    .navigation .dropdown__trigger:after {
        content: "";
        width: 50vw;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: rgba(255,0,130,.3)
    }

    .navigation .dropdown__trigger-icon {
        width: 1.2rem;
        height: 1.2rem;
        margin-left: auto;
        margin-right: .7rem;
        fill: currentColor
    }

    .navigation .dropdown__options {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        transform: scale(1) translateX(100%);
        box-shadow: none;
        z-index: 10;
        transition-delay: 0s
    }

    .navigation .dropdown__option.is-active .navigation__link {
        background-color: #fff;
        color: #ff0082
    }

    .navigation .dropdown__option.is-active .navigation__link--featured {
        background-color: #e2e2e2;
        color: #000
    }

    .navigation .dropdown.is-open .dropdown__trigger:before {
        transform: translateX(0)
    }

    .navigation .dropdown.is-open .dropdown__trigger-icon {
        transform: none
    }

    .navigation .dropdown.is-open .dropdown__options {
        transform: translateX(0);
        transition-delay: .25s
    }

    .navigation__social:after {
        display: none
    }

    .navigation .social-links {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0;
        padding-left: .8rem
    }

    .navigation .social-links__title {
        margin-bottom: .8rem;
        font-size: 1.4rem;
        color: #fff
    }

    .navigation .social-links__list {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .navigation .social-links__link {
        padding: .8rem;
        opacity: 1;
        margin-right: .8rem
    }

    .navigation__menu-chevron {
        position: absolute;
        left: 0;
        bottom: 0;
        fill: #32c84b
    }

    .navigation__sponsor {
        top: var(--total-height)
    }

    .navigation.is-docked .navigation__container,.navigation.is-docked .navigation__sponsor {
        transform: translateY(-2.4rem)
    }

    .navigation.is-docked.is-open .navigation__menu {
        height: calc(100vh - (var(--nav-height) - 2.4rem))
    }

    .navigation.is-open .navigation__menu {
        transform: translateX(-100%)
    }

    .navigation__dropdown-trigger {
        font-family: styrenea,Helvetica Neue,sans-serif
    }
}

@media (max-width: 840px) {
    .navigation__top {
        min-height:auto
    }

    .navigation__logo-image {
        height: 2.8rem
    }
}

@media (max-width: 640px) {
    .navigation__menu-button {
        width:3.4rem;
        margin-left: auto
    }

    .navigation__sponsor {
        right: .8rem
    }

    .navigation__sponsor.cazoo .navigation__sponsor-image {
        background-position: -186px -270px;
        width: 75px;
        height: 14px
    }

    .navigation__sponsor-link {
        padding: .8rem
    }

    .navigation__sponsor-text {
        font-size: 1rem
    }
}

@media (max-width: 415px) {
    .navigation__logo {
        padding-left:.8rem
    }

    .navigation__right {
        padding-right: .8rem
    }
}

@media (max-width: 375px) {
    .navigation .dropdown__trigger,.navigation__link {
        padding:1.2rem .8rem
    }

    .navigation__link--featured {
        padding: 0 1.2rem
    }
}

@media (max-width: 330px) {
    .navigation .dropdown__trigger,.navigation__link {
        font-size:1.2rem
    }
}

.quicklinks {
    display: -ms-flexbox;
    display: flex;
    background-color: #000
}

.quicklinks,.quicklinks__menu {
    width: 100%;
    height: 100%
}

.quicklinks__list {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.quicklinks__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: .2rem
}

.quicklinks__item.is-active .quicklinks__link {
    background-color: #ff0082
}

.quicklinks__link {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.2;
    padding: .4rem .8rem;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    transition: background-color .2s ease
}

.quicklinks__link:focus {
    background-color: #ff0082
}

.quicklinks__external-icon {
    width: 1rem;
    height: 1rem;
    margin-top: -2px;
    fill: currentColor;
    margin-left: .4rem
}

@media (max-width: 415px) {
    .quicklinks__link {
        font-size:1.1rem
    }
}

.notification {
    color: #fff;
    max-height: 26rem;
    overflow: hidden;
    transition: max-height .5s ease,margin .5s ease
}

.notification.is-hidden {
    max-height: 0;
    margin: 0
}

.notification__wrapper {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

.notification__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.6rem;
    background-color: #242424
}

.notification__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 5.2rem;
    height: 5.2rem;
    fill: currentColor;
    animation: a 2.5s infinite
}

.notification__text {
    margin-left: 3.2rem;
    padding-right: 3.2rem;
    font-size: 2rem;
    line-height: 1.3
}

.notification__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    text-transform: none;
    font-size: 2rem
}

.notification__description,.notification__title {
    display: inline;
    line-height: 1.3
}

.notification__link {
    color: inherit;
    text-decoration: none;
    display: inline;
    text-decoration: underline
}

.notification__link:focus {
    -webkit-text-decoration-color: #ff0082;
    text-decoration-color: #ff0082
}

@media (min-width: 840px) {
    .notification__link:hover {
        -webkit-text-decoration-color:#ff0082;
        text-decoration-color: #ff0082
    }
}

.notification__dismiss {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    position: relative;
    margin-left: auto;
    border: 2px solid #fff;
    border-radius: 100%;
    transition: background-color .2s ease,border-color .2s ease
}

.notification__dismiss:focus {
    background-color: #ff0082;
    border-color: #ff0082
}

@media (min-width: 840px) {
    .notification__dismiss:hover {
        background-color:#ff0082;
        border-color: #ff0082
    }
}

.notification__dismiss-icon {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    fill: currentColor
}

@media (max-width: 840px) {
    .notification__wrapper {
        padding-top:1.6rem;
        padding-bottom: 1.6rem
    }

    .notification__icon {
        width: 4rem;
        height: 4rem
    }

    .notification__text {
        margin-left: 1.6rem;
        padding-right: 1.6rem;
        font-size: 1.4rem
    }

    .notification__title {
        font-size: 1.4rem
    }
}

.page-header {
    position: relative;
    overflow: hidden;
    background-color: #32c84b
}

.page-header__wrapper {
    position: relative;
    padding-top: 3.2rem
}

.page-header .widget-header {
    margin-bottom: 3.2rem;
    z-index: 10
}

.page-header .widget-header__title {
    font-size: 8rem
}

.page-header .widget-header__title .highlight {
    display: inline-block
}

.page-header__sponsor {
    position: relative;
    margin: -1.6rem 0 1.6rem;
    z-index: 10
}

.page-header__sponsor--with-menu {
    margin: -1.6rem 0 -2.4rem
}

.page-header__sponsor.cazoo .page-header__sponsor-image {
    background-position: -264px -209px;
    width: 118px;
    height: 22px
}

.page-header__sponsor-link {
    color: inherit;
    text-decoration: none;
    display: inline-block
}

.page-header__sponsor-text {
    display: block;
    margin-bottom: .4rem;
    font-size: 1.2rem;
    line-height: 1
}

.page-header__sponsor-image {
    display: inline-block
}

.page-header__menu-list {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    z-index: 10
}

.page-header__menu-item {
    min-width: 18rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    color: #000;
    transition: background-color .2s ease,color .2s ease
}

.page-header__menu-item--active,.page-header__menu-item:focus {
    background-color: #000;
    color: #fff
}

@media (min-width: 840px) {
    .page-header__menu-item:hover {
        background-color:#000;
        color: #fff
    }
}

.page-header__menu-link {
    color: inherit;
    text-decoration: none;
    width: 100%;
    display: block;
    padding: 1.6rem 1.6rem 1.2rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase
}

.page-header__chevron {
    width: 75%;
    position: absolute;
    bottom: 0;
    right: 0;
    fill: #ff0082
}

@media (max-width: 840px) {
    .page-header__wrapper {
        padding-top:2.4rem
    }

    .page-header .widget-header {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 1.6rem
    }

    .page-header .widget-header__title {
        font-size: 4rem
    }

    .page-header__sponsor {
        display: inline-block;
        vertical-align: bottom;
        margin: 0 0 2rem 1.6rem
    }
}

@media (max-width: 640px) {
    .page-header__sponsor.cazoo .page-header__sponsor-image {
        background-position:-156px -135px;
        width: 75px;
        height: 14px
    }

    .page-header__sponsor-text {
        font-size: 1rem
    }

    .page-header__menu-list {
        width: auto;
        margin: 0 -1.6rem
    }

    .page-header__menu-item {
        width: 100%;
        min-width: auto
    }

    .page-header__menu-link {
        font-size: 1.2rem;
        padding: 1.2rem
    }
}

.personalised-gam-teams .gam-embed {
    margin-bottom: 0
}

.merchandise-slider-background {
    position: absolute;
    left: 0;
    right: 0;
    height: 90%;
    top: 50%;
    transform: translateY(-50%)
}

.merchandise-slider-background__image-container {
    width: 100%;
    height: 100%
}

.merchandise-slider {
    overflow-x: hidden
}

.merchandise-slider__list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch
}

.merchandise-slider__link-container {
    display: block;
    box-shadow: 0 0 14px 6px rgba(0,0,0,.4)
}

.merchandise-slider a.merchandise-slider__link-container:focus .merchandise-slider__image-container img {
    transform: scale(1.15);
    transition: transform 6s cubic-bezier(.19,1,.22,1),opacity .2s ease
}

@media (min-width: 840px) {
    .merchandise-slider a.merchandise-slider__link-container:hover .merchandise-slider__image-container img {
        transform:scale(1.15);
        transition: transform 6s cubic-bezier(.19,1,.22,1),opacity .2s ease
    }
}

.merchandise-slider__image-container {
    position: relative;
    height: 0;
    padding-top: 133.33333%
}

.merchandise-slider__image-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 3s cubic-bezier(.19,1,.22,1),opacity .2s ease
}

.merchandise-slider--no-slider .merchandise-slider__list {
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 640px) {
    .merchandise-slider__wrapper {
        padding:0 16.5%
    }

    .merchandise-slider__list-item {
        opacity: 0;
        transition-delay: .15s
    }

    .merchandise-slider__list-item.is-active {
        opacity: 1;
        transition-delay: .3s
    }

    .merchandise-slider--no-slider .merchandise-slider__item {
        opacity: 1
    }
}

@media (max-width: 640px) {
    .merchandise-slider__slider {
        padding:0 1.6rem
    }

    .merchandise-slider__list-item {
        margin-bottom: 1.6rem;
        max-width: none
    }

    .merchandise-slider__list-item:after {
        content: none
    }
}

.potm-bracket {
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 3.2rem;
    background-color: #191a19;
    color: #fff;
    scroll-snap-align: center
}

.potm-bracket.is-active .potm-bracket__header {
    border-top-color: #ff0082
}

.potm-bracket.is-active .potm-bracket__title {
    padding: .2rem .4rem;
    background-color: #ff0082;
    color: #fff;
    white-space: nowrap
}

.potm-bracket.is-complete .potm-bracket__header {
    border-top-color: #fff
}

.potm-bracket__header {
    position: sticky;
    top: 12rem;
    padding: 1.2rem .8rem;
    background-color: #191a19;
    border-top: 3px solid #979797;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.4);
    text-align: center;
    z-index: 20
}

.potm-bracket__title {
    display: inline-block;
    margin-bottom: .8rem;
    font-size: 2.4rem;
    line-height: .9
}

.potm-bracket__subtitle {
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1;
    color: #979797
}

.potm-bracket__lists {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.potm-bracket__list,.potm-bracket__lists {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.potm-bracket__list {
    min-height: 16rem;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .8rem 0
}

.potm-bracket__list:after,.potm-bracket__list:before {
    content: "";
    width: .8rem;
    height: .1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ff0082
}

.potm-bracket__list:before {
    left: -.8rem
}

.potm-bracket__list:after {
    right: -.8rem
}

.potm-bracket__list:nth-of-type(2n) .potm-bracket__connector {
    top: -1.6rem
}

.potm-bracket__list--active .potm-bracket__item {
    border-radius: 2px;
    border: 1px solid #ff0082;
    border-top: none
}

.potm-bracket__list--active .potm-bracket__item:first-of-type {
    border-top: 1px solid #ff0082;
    border-bottom: none
}

.potm-bracket__list--active .potm-bracket__link {
    color: #fff
}

.potm-bracket__item {
    position: relative
}

.potm-bracket__item:first-of-type:before {
    content: "vs";
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    width: 2.4rem;
    height: 2rem;
    line-height: 2rem;
    position: absolute;
    bottom: -1rem;
    left: 4rem;
    background-color: #fff;
    border-bottom: 2px solid #32c84b;
    font-size: 1.4rem;
    text-align: center;
    color: #000;
    z-index: 10
}

.potm-bracket__item--placeholder {
    background-color: #242424
}

.potm-bracket__item--placeholder:first-of-type {
    background-color: #000
}

.potm-bracket__item--placeholder:first-of-type:before {
    transform: translateX(-50%);
    left: 50%
}

.potm-bracket__list-active {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    width: 14.4rem;
    position: absolute;
    top: 16rem;
    right: -6.2rem;
    transform: rotate(-90deg);
    font-size: 1.8rem;
    line-height: .9;
    text-align: center;
    color: #979797;
    transition: opacity .2s ease
}

.potm-bracket__connector {
    width: .1rem;
    height: calc(50% + 1.6rem);
    position: absolute;
    top: 50%;
    right: -.8rem;
    background-color: #ff0082
}

.potm-bracket__link {
    color: inherit;
    text-decoration: none;
    min-height: 7.2rem;
    display: -ms-flexbox;
    display: flex;
    padding: .4rem .8rem;
    background-color: #000;
    color: hsla(0,0%,100%,.5);
    transition: background-color .2s ease,color .2s ease
}

.potm-bracket__link.is-winner {
    background-color: #ff0082;
    color: #fff
}

.potm-bracket__link:focus {
    background-color: #d6006d;
    color: #fff
}

@media (min-width: 840px) {
    .potm-bracket__link:hover {
        background-color:#d6006d;
        color: #fff
    }
}

.potm-bracket__item-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 9rem;
    height: 6rem;
    position: relative;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.potm-bracket__item-play {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #ff0082;
    z-index: 10
}

.potm-bracket__item-play-icon {
    width: 1rem;
    height: 1rem;
    margin-left: .2rem;
    fill: currentColor
}

.potm-bracket__item-caption {
    padding: .8rem 1.2rem .8rem .8rem
}

.potm-bracket__item-title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    max-height: 4.8rem;
    overflow: hidden;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-transform: none
}

@supports (-webkit-line-clamp:3) {
    .potm-bracket__item-title {
        display: -webkit-box;
        -webkit-line-clamp: 3
    }
}

.potm-bracket__item-winner {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    width: 7.2rem;
    position: absolute;
    top: 2.8rem;
    right: -2.6rem;
    transform: rotate(-90deg);
    font-size: 1.8rem;
    line-height: .9;
    text-align: center
}

.potm-bracket__placeholder {
    min-height: 7.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.6rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
    text-align: center
}

.potm-bracket--final .potm-bracket__connector,.potm-bracket--final .potm-bracket__list:after,.potm-bracket--round-of-16 .potm-bracket__list:before {
    display: none
}

@media (max-width: 1300px) {
    .potm-bracket__header {
        top:10rem
    }
}

@media (max-width: 1025px) and (min-width:840px) {
    .potm-bracket__list:before {
        left:-.4rem
    }

    .potm-bracket__connector,.potm-bracket__list:after {
        right: -.4rem
    }
}

@media (max-width: 840px) {
    .potm-bracket__header {
        top:0
    }
}

.potm-previous-votes {
    padding: 3.2rem 0;
    background-color: #fff
}

.potm-previous-votes__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.potm-previous-votes__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1.6rem;
    margin-bottom: 3.2rem
}

.potm-previous-votes__item {
    position: relative
}

.potm-previous-votes__item:before {
    width: 4.4rem;
    height: 4.4rem;
    line-height: 4.4rem;
    position: absolute;
    top: 0;
    left: .8rem;
    background-color: #fff;
    color: #ff0082;
    font-size: 2.6rem;
    font-weight: 700;
    text-align: center;
    z-index: 20
}

.potm-previous-votes__item:first-of-type::before {
    content: "1";
    width: 5.2rem;
    height: 5.2rem;
    line-height: 5.2rem;
    background-color: #ff0082;
    color: #fff;
    font-size: 3.2rem
}

.potm-previous-votes__item:nth-of-type(2):before {
    content: "2"
}

.potm-previous-votes__item:nth-of-type(3):before {
    content: "3"
}

.potm-previous-votes__thumbnail {
    height: 100%
}

.potm-previous-votes__thumbnail .media-thumbnail__published,.potm-previous-votes__thumbnail .media-thumbnail__type {
    display: none
}

@media (max-width: 1025px) {
    .potm-previous-votes__list {
        grid-gap:.8rem
    }
}

@media (max-width: 840px) {
    .potm-previous-votes__list {
        -ms-grid-columns:100%;
        grid-template-columns: 100%
    }
}

.potm-sponsors {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3.2rem
}

.potm-sponsors__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    margin-right: 1.6rem;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 400
}

.potm-sponsors__carousel {
    width: 16rem;
    height: 9rem;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.potm-sponsors__item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease 0s
}

.potm-sponsors__item.is-animating {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 1s ease .5s
}

.potm-sponsors__link {
    position: relative;
    display: block
}

.potm-sponsors__image {
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 56.25%
}

@media (max-width: 840px) {
    .potm-sponsors {
        margin-bottom:1.6rem
    }

    .potm-sponsors__title {
        margin-right: .8rem;
        font-size: 1.2rem
    }

    .potm-sponsors__carousel {
        width: 12.8rem;
        height: 7.2rem
    }
}

@media (max-width: 415px) {
    .potm-sponsors__carousel {
        width:9.6rem;
        height: 5.4rem
    }
}

.potm-standings {
    padding-bottom: 3.2rem
}

.potm-standings__header {
    -ms-flex-align: end;
    align-items: flex-end
}

.potm-standings__brackets {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4,1fr);
    grid-gap: 1.6rem
}

@media (max-width: 1025px) and (min-width:840px) {
    .potm-standings__brackets {
        grid-gap:.8rem
    }
}

@media (max-width: 840px) {
    .potm-standings__swipe {
        width:3.4rem;
        height: 3.4rem;
        margin-left: auto
    }

    .potm-standings__brackets {
        height: 75%;
        position: relative;
        -ms-grid-columns: (85%)[4];
        grid-template-columns: repeat(4,85%);
        margin: 0 -1.6rem;
        padding: 0 1.6rem;
        overflow-x: auto;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
    }
}

.potm-voting {
    position: relative;
    margin-bottom: 0;
    padding: 6rem 0;
    overflow: hidden
}

.potm-voting__branding {
    width: 63rem;
    height: 19.4rem;
    position: absolute;
    background-repeat: no-repeat
}

.potm-voting__branding--top {
    top: 0;
    left: -30rem;
    transform: rotate(108deg)
}

.potm-voting__branding--bottom {
    bottom: 30rem;
    right: -30rem;
    transform: rotate(-71deg)
}

.potm-voting__header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #242424
}

.potm-voting__header .widget-header__title {
    font-size: 6.4rem;
    margin-bottom: 3.2rem
}

.potm-voting__selected-option-title {
    color: #fff;
    line-height: 1.4;
    text-align: center
}

.potm-voting__container {
    position: relative
}

.potm-voting__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,50%);
    transition: opacity .3s ease
}

.potm-voting__loader.is-hidden {
    opacity: 0
}

.potm-voting__playlist-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (33.3333%)[3];
    grid-template-columns: repeat(3,33.3333%);
    -ms-flex-align: center;
    align-items: center
}

.potm-voting__countdown {
    color: #fff
}

.potm-voting__widget-header-sponsor {
    margin-left: auto
}

.potm-voting__candidates {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -.8rem;
    opacity: 0;
    transform: translateY(3rem);
    transition: transform .4s ease .15s,opacity .4s ease .15s
}

.potm-voting__candidates.is-visible {
    opacity: 1;
    transform: translateY(0)
}

.potm-voting__candidate {
    width: calc(100% - 1.6rem);
    margin: 0 .8rem
}

.potm-voting__candidate .potm-voting__video-container:before {
    content: "vs";
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    width: 4.8rem;
    height: 4.2rem;
    line-height: 4.2rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-3.2rem,-50%);
    background-color: #fff;
    border-bottom: 2px solid #32c84b;
    font-size: 3rem;
    text-align: center;
    z-index: 10
}

.potm-voting__candidate.modal-is-hidden .potm-voting__video-overlay,.potm-voting__candidate:first-of-type .potm-voting__video-container:before {
    display: none
}

.potm-voting__video-container {
    position: relative
}

.potm-voting__video-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: .8rem;
    border: 2px solid #ff0082;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.potm-voting__share-title {
    font-size: 2.4rem;
    margin-bottom: .8rem
}

.potm-voting__share-title .highlight {
    display: inline-block;
    padding: .2rem .4rem;
    background-color: #ff0082;
    color: #fff
}

.potm-voting__share-subtitle {
    display: block;
    margin-bottom: .2rem;
    font-size: 1rem;
    color: #ff0082
}

.potm-voting__share {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.potm-voting__share .social-share-simple__title {
    margin-bottom: .8rem;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 700
}

.potm-voting__close {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: .8rem;
    right: .8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.potm-voting__close-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: currentColor
}

.potm-voting__candidate-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.6rem 0
}

.potm-voting__candidate-title {
    padding: 0 1.6rem 0 .8rem;
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.4
}

.potm-voting__candidate-button {
    min-width: 9rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    font-size: 1.4rem;
    font-weight: 700
}

.potm-voting__candidate-button--loading {
    background-color: #32c84b;
    pointer-events: none;
    padding: .8rem 1.2rem
}

.potm-voting__candidate-button--result {
    pointer-events: none
}

.potm-voting__candidate-button.winner {
    background-color: #32c84b
}

.potm-voting__candidate-button-icon {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .4rem;
    fill: currentColor
}

@media (max-width: 1025px) {
    .potm-voting__playlist-header {
        -ms-flex-order:1;
        order: 1;
        -ms-grid-columns: (50%)[2];
        grid-template-columns: repeat(2,50%)
    }

    .potm-voting__countdown {
        -ms-flex-order: 3;
        order: 3;
        -ms-grid-column: span 2;
        grid-column: span 2;
        margin-top: 1.6rem
    }

    .potm-voting__widget-header-sponsor {
        -ms-flex-order: 2;
        order: 2
    }

    .potm-voting .widget-header-sponsor__image {
        width: 9.6rem;
        height: 5.4rem
    }

    .potm-voting__candidate .potm-voting__video-container:before {
        width: 4rem;
        height: 3.4rem;
        line-height: 3.4rem;
        font-size: 2.4rem;
        transform: translate(-2.8rem,-50%)
    }
}

@media (max-width: 840px) {
    .potm-voting__selected-option-title {
        margin-bottom:.8rem;
        font-size: 1.4rem
    }

    .potm-voting__candidates {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .potm-voting__candidate {
        width: 100%;
        margin: 0 0 .8rem
    }

    .potm-voting__candidate .potm-voting__video-container:before {
        display: none
    }

    .potm-voting__candidate-divider {
        width: 100%;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.6rem;
        -ms-flex-pack: center;
        justify-content: center
    }

    .potm-voting__candidate-divider:before {
        content: "";
        width: 100%;
        height: .2rem;
        position: absolute;
        top: 50%;
        left: 0;
        margin-bottom: 1.6rem;
        transform: translateY(-50%);
        background-color: #32c84b
    }

    .potm-voting__candidate-divider:after {
        content: "";
        width: 9.2rem;
        height: 4.8rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #000;
        z-index: 10
    }

    .potm-voting__candidate-divider-text {
        font-family: hundred-ball,Helvetica Neue,sans-serif;
        text-transform: uppercase;
        width: 5.6rem;
        height: 4.8rem;
        position: relative;
        display: block;
        line-height: 4.8rem;
        background-color: #fff;
        border-bottom: 3px solid #32c84b;
        font-size: 3.2rem;
        text-align: center;
        z-index: 20
    }

    .potm-voting__candidate-info {
        padding: .8rem 0;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .potm-voting__candidate-title {
        margin-bottom: 1.6rem
    }

    .potm-voting__candidate-button {
        width: 100%
    }
}

@media (max-width: 640px) {
    .potm-voting {
        padding:4.8rem 0
    }

    .potm-voting__branding {
        display: none
    }

    .potm-voting__header {
        margin-bottom: 1.6rem
    }

    .potm-voting__header .widget-header__title {
        margin-bottom: 1.6rem;
        font-size: 3.8rem
    }
}

@media (max-width: 840px) and (min-width:540px) {
    .potm-voting__share-title {
        font-size:3.2rem
    }

    .potm-voting__share-subtitle {
        font-size: 1.6rem;
        margin-bottom: 1.6rem
    }

    .potm-voting__candidate-title {
        font-size: 1.8rem
    }
}

@media (max-width: 415px) {
    .potm-voting__image {
        width:8rem;
        height: 4.5rem
    }

    .potm-voting__header-title {
        font-size: 3rem
    }
}

.pick-sponsor {
    width: 8rem;
    position: relative
}

.pick-sponsor__image-container {
    padding-top: 56.25%
}

.player-profile {
    position: relative;
    background-color: #000;
    color: #fff;
    overflow: hidden
}

.player-profile__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.player-profile__info-container {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 5rem;
    padding: 1.6rem 0;
    z-index: 20
}

.player-profile__team {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .8rem
}

.player-profile__team-logo {
    width: 7rem;
    height: 7rem;
    margin-right: 1.6rem
}

.player-profile__team-name {
    color: var(--team-theme-primary);
    font-size: 2.2rem;
    margin-top: 2.6rem;
    text-transform: uppercase
}

.player-profile__social-container {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.6rem
}

.player-profile__social-container .social-follow {
    margin-bottom: 0
}

.player-profile__social-container .social-links__item {
    margin-right: .8rem
}

.player-profile__social-container .social-links__item:last-child {
    margin-right: 0
}

.player-profile__name {
    font-size: 10rem;
    line-height: .85;
    margin-bottom: 2rem;
    text-shadow: -1px 1px 2px rgba(0,0,0,.4)
}

.player-profile__name .player-profile__last-name {
    display: block
}

.player-profile__country {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.player-profile__country-flag {
    margin-right: .8rem;
    width: 3.2rem
}

.player-profile__country-label {
    font-size: 2.4rem;
    text-transform: uppercase
}

.player-profile__overseas-icon {
    fill: #fff;
    height: 3.2rem;
    width: 3.2rem;
    margin-right: .8rem
}

.player-profile__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 1.6rem;
    text-transform: uppercase;
    border-top: 1px solid var(--team-theme-primary)
}

.player-profile__meta-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1.6rem 3.2rem 0 0
}

.player-profile__meta-key {
    margin-bottom: .4rem;
    color: var(--team-theme-primary);
    font-size: 1.4rem
}

.player-profile__meta-value {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    font-size: 4.4rem;
    line-height: .9;
    white-space: nowrap
}

.player-profile__summary {
    margin-bottom: 1.6rem
}

.player-profile__image-container {
    width: 100%;
    max-width: 46rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.player-profile__image-container:after {
    content: "";
    background: linear-gradient(to left,transparent 85%,#000);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10
}

.player-profile__team-background {
    width: 180%;
    position: absolute;
    bottom: 0;
    right: -100%;
    top: 0;
    background-color: var(--team-theme-primary);
    background-repeat: no-repeat;
    background-size: cover
}

.player-profile__image-placeholder {
    position: relative;
    padding-bottom: 150%;
    z-index: 10
}

.player-profile__image--silhouette {
    max-height: 75rem;
    z-index: 10
}

@media (max-width: 1025px) {
    .player-profile__wrapper {
        -ms-flex-align:normal;
        align-items: normal
    }

    .player-profile__team {
        -ms-flex-align: center;
        align-items: center
    }

    .player-profile__team-logo {
        width: 4.8rem;
        height: 4.8rem;
        margin-right: .8rem
    }

    .player-profile__team-name {
        margin-top: 0;
        font-size: 2rem
    }

    .player-profile__name {
        font-size: 6rem
    }

    .player-profile__country {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .player-profile__country-flag {
        margin-right: 1.2rem;
        width: 2.4rem
    }

    .player-profile__country-label {
        font-size: 1.8rem
    }

    .player-profile__overseas-icon {
        height: 2.4rem;
        width: 2.4rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .player-profile__meta-key {
        font-size: 1.4rem
    }

    .player-profile__meta-value {
        font-size: 2.4rem
    }

    .player-profile__image-container {
        max-width: 30rem;
        margin-left: auto;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (max-width: 840px) {
    .player-profile__wrapper {
        -ms-flex-direction:column-reverse;
        flex-direction: column-reverse
    }

    .player-profile__info-container {
        width: auto;
        margin: -18rem -1.6rem 0;
        padding: 0 1.6rem;
        background: linear-gradient(to top,#000 65%,transparent)
    }

    .player-profile__team-name {
        font-size: 1.6rem
    }

    .player-profile__summary {
        font-size: 1.4rem
    }
}

@media (max-width: 640px) {
    .player-profile__team-name {
        display:none
    }
}

.player-stats-promo__container {
    display: -ms-flexbox;
    display: flex
}

.player-stats-promo__image-container {
    width: 100%;
    padding-bottom: 30rem
}

.player-stats-promo__info-container {
    width: 45%;
    max-width: 46rem;
    padding: 2.4rem;
    background-color: #000;
    color: #fff
}

.player-stats-promo__title {
    margin-bottom: 1.6rem;
    font-size: 4.6rem;
    line-height: .9
}

.player-stats-promo__summary {
    display: block;
    font-size: 2.2rem;
    line-height: 1.4
}

.player-stats-promo__summary .highlight {
    color: var(--team-theme-secondary);
    font-weight: 700
}

.player-stats-promo.dark {
    padding-bottom: 3.2rem
}

.player-stats-promo.dark .player-stats-promo__info-container {
    background-color: #fff;
    color: #000
}

@media (max-width: 1025px) {
    .player-stats-promo__info-container {
        width:50%
    }

    .player-stats-promo__title {
        font-size: 3.6rem
    }

    .player-stats-promo__summary {
        font-size: 2rem
    }
}

@media (max-width: 840px) {
    .player-stats-promo__container {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .player-stats-promo__info-container {
        width: 100%;
        max-width: 100%
    }

    .player-stats-promo__title {
        margin-bottom: .8rem
    }
}

@media (max-width: 640px) {
    .player-stats-promo__info-container {
        padding:1.6rem
    }

    .player-stats-promo__summary {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .player-stats-promo__image-container {
        padding-bottom:23rem
    }

    .player-stats-promo.dark {
        padding-bottom: 1.6rem
    }
}

.poll-list__list-container {
    margin-bottom: 3.2rem
}

.poll-list__list-container:last-of-type {
    margin-bottom: 0
}

.poll-list__list-container--open {
    padding: 1.6rem;
    background-color: #fff
}

.poll-list__no-polls-message {
    -ms-grid-column: span 6;
    grid-column: span 6
}

@media (max-width: 840px) {
    .poll-list__list-container {
        margin-bottom:1.6rem
    }
}

.poll-option {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 2.4rem;
    font-weight: 700;
    cursor: pointer
}

.poll-option:before {
    content: "";
    height: .4rem;
    position: absolute;
    bottom: 0;
    left: 4.8rem;
    right: 0;
    background-color: hsla(0,0%,100%,.2)
}

.poll-option:focus .poll-option__icon-container {
    background-color: #ff0082;
    color: #fff
}

@media (min-width: 840px) {
    .poll-option:hover .poll-option__icon-container {
        background-color:#ff0082;
        color: #fff
    }
}

.poll-option__icon-container {
    width: 4.8rem;
    height: 4.8rem;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e2e2e2;
    color: #979797;
    transition: background-color .2s ease
}

.poll-option__icon {
    width: 3rem;
    height: 3rem;
    fill: currentColor;
    transition: color .2s ease
}

.poll-option__content {
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 1rem;
    padding-left: 1.6rem
}

.poll-option__text {
    position: relative;
    padding-right: .4rem;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.1;
    text-transform: none
}

.poll-option__percentage {
    position: relative;
    margin-left: auto;
    color: #fff;
    font-size: 3.2rem;
    line-height: 1;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .2s ease
}

.poll-option__bar {
    width: 0;
    height: .4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #32c84b;
    transition: width .35s cubic-bezier(.215,.61,.355,1)
}

@media (max-width: 840px) {
    .poll-option {
        margin-bottom:1.6rem
    }

    .poll-option:before {
        left: 4rem
    }

    .poll-option__icon-container {
        width: 4rem;
        height: 4rem
    }

    .poll-option__icon {
        width: 2.6rem;
        height: 2.6rem
    }

    .poll-option__content {
        padding-left: .8rem
    }

    .poll-option__text {
        font-size: 1.8rem
    }

    .poll-option__percentage {
        font-size: 2.4rem
    }
}

@media (max-width: 415px) {
    .poll-option:before {
        left:3.4rem
    }

    .poll-option__icon-container {
        width: 3.4rem;
        height: 3.4rem
    }

    .poll-option__icon {
        width: 2rem;
        height: 2rem
    }

    .poll-option__text {
        font-size: 1.6rem
    }

    .poll-option__percentage {
        font-size: 2.2rem
    }
}

.poll {
    position: relative;
    overflow: hidden
}

.poll__background-chevrons {
    height: 130%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    fill: #ff0082;
    pointer-events: none
}

.poll__poll-container {
    display: -ms-flexbox;
    display: flex
}

.poll__image-container {
    width: 40%
}

.poll__content {
    width: 60%;
    position: relative;
    background: #000;
    margin-bottom: 1.6rem;
    padding: 2.4rem;
    z-index: 10
}

.poll__chevron {
    position: absolute;
    top: 0;
    left: 0;
    fill: #ff0082;
    transition: fill .2s ease
}

.poll__tag {
    margin-bottom: .8rem
}

.poll__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    position: relative;
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
    color: #fff;
    line-height: 1.2;
    font-size: 4rem;
    text-transform: none
}

.poll__title:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: hsla(0,0%,100%,.2)
}

.poll__loader {
    margin-top: 5rem
}

.poll__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.poll__legend {
    color: #fff;
    opacity: 0;
    transition: opacity .2s ease
}

.poll__button {
    width: 20%;
    min-width: 20rem;
    float: right;
    margin-top: .8rem
}

.poll__more {
    position: relative;
    margin-top: .8rem
}

.poll--hero .poll__header {
    height: 75vh;
    position: relative
}

.poll--hero .poll__image img {
    -o-object-position: top;
    object-position: top
}

.poll--hero .poll__back-button {
    position: absolute;
    top: 1.6rem;
    left: 1.6rem
}

.poll--hero .poll__content {
    width: 100%;
    margin-top: -12.8rem;
    padding: 9.6rem 3.2rem 3.2rem
}

.poll--hero .poll__title {
    font-size: 4.4rem;
    margin-bottom: 3.2rem;
    padding-bottom: 3.2rem
}

.poll--hero .poll__options--columns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.6rem
}

.poll--hero .poll__options--columns .poll-option {
    margin-bottom: 1.6rem
}

.poll--hero .poll__options--columns .poll-option__text {
    font-size: 2.4rem
}

.poll--hero .poll__options .poll-option__text {
    font-size: 3.2rem
}

.poll--embeddable {
    margin-left: -6.4rem
}

.poll--embeddable .poll__poll-container {
    -ms-flex-direction: column;
    flex-direction: column
}

.poll--embeddable .poll__image-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.poll--embeddable .poll__content {
    width: 100%;
    padding: 9.6rem 3.2rem 3.2rem
}

.poll--embeddable .poll__options {
    padding-left: 0
}

.poll--embeddable .poll__meta {
    -ms-flex-align: start;
    align-items: flex-start
}

.poll--embeddable .social-share-simple {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end
}

.poll--embeddable .social-share-simple__title {
    margin-bottom: .8rem
}

.poll--embeddable .social-share-simple__options {
    margin-bottom: 0
}

.poll--embeddable .social-share-simple__option {
    margin-right: .6rem
}

.poll--embeddable .social-share-simple__option:last-child {
    margin-right: 0
}

.poll--answered .poll__chevron {
    fill: #32c84b
}

.poll--answered .poll-option {
    pointer-events: none
}

.poll--answered .poll-option__icon-container {
    background-color: #242424;
    color: #242424
}

.poll--answered .poll-option__percentage {
    opacity: .5
}

.poll--answered .poll-option--selected .poll-option__icon-container {
    background-color: #ff0082;
    color: #fff
}

.poll--answered .poll-option--selected .poll-option__bar {
    background-color: #ff0082
}

.poll--answered .poll-option--highest .poll-option__percentage,.poll--answered .poll__legend,.poll--answered .social-share-simple__button,.poll--answered .social-share-simple__title {
    opacity: 1
}

.poll--closed .poll__chevron {
    fill: #fff
}

.poll--closed .poll-option {
    pointer-events: none
}

.poll--closed .poll-option__icon-container {
    background-color: #242424;
    color: #242424
}

.poll--closed .poll-option__percentage {
    opacity: .5
}

.poll--closed .social-share-simple__button,.poll--closed .social-share-simple__title {
    opacity: 1
}

@media (max-width: 1025px) {
    .poll__title {
        font-size:3.2rem
    }

    .poll--hero .poll__header {
        height: 0;
        padding-top: 56.25%
    }

    .poll--hero .poll__title {
        font-size: 3.6rem
    }

    .poll--embeddable {
        margin-left: -4.8rem
    }
}

@media (max-width: 840px) {
    .poll__poll-container {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .poll__image-container {
        width: 100%;
        height: 0;
        padding-top: 56.25%
    }

    .poll__content {
        width: 100%;
        padding: 1.6rem
    }

    .poll__chevron {
        width: 301px;
        height: 39px
    }

    .poll__title {
        margin-bottom: 1.6rem;
        padding-bottom: 1.6rem
    }

    .poll__meta {
        margin-top: 0;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .poll__legend {
        font-size: 1.4rem
    }

    .poll .social-share-simple {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .poll .social-share-simple__title {
        margin-bottom: .8rem
    }

    .poll .social-share-simple__option {
        margin-right: .6rem
    }

    .poll .social-share-simple__option:last-child {
        margin-right: 0
    }

    .poll__button {
        margin: 1.6rem auto;
        float: none
    }

    .poll--hero .poll__back-button {
        top: 1.6rem
    }

    .poll--hero .poll__content {
        margin-top: -6.4rem;
        padding: 4.8rem 1.6rem 1.6rem
    }

    .poll--hero .poll__title {
        font-size: 2.8rem;
        margin-bottom: 1.6rem;
        padding-bottom: 1.6rem
    }

    .poll--hero .poll__options--columns {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        grid-gap: 0
    }

    .poll--hero .poll__options .poll-option__text {
        font-size: 1.8rem
    }

    .poll--embeddable .poll__content {
        padding-top: 4.8rem
    }
}

@media (max-width: 640px) {
    .poll__background-chevrons {
        display:none
    }

    .poll__poll-container {
        margin: 0 -1.6rem
    }

    .poll__title {
        font-size: 2.8rem
    }

    .poll--embeddable {
        margin: 0 -1.6rem
    }
}

@media (max-width: 415px) {
    .poll--hero .poll__content {
        margin-top:-3.2rem
    }

    .poll--hero .poll__title {
        font-size: 2.4rem
    }
}

.poll.t-team-theme .poll__chevron {
    display: none
}

.poll.t-team-theme .poll-option:focus .poll-option__icon-container {
    background-color: var(--team-theme-primary);
    color: var(--team-theme-text)
}

@media (min-width: 840px) {
    .poll.t-team-theme .poll-option:hover .poll-option__icon-container {
        background-color:var(--team-theme-primary);
        color: var(--team-theme-text)
    }
}

.poll.t-team-theme .poll-option--selected .poll-option__icon-container {
    background-color: var(--team-theme-primary);
    color: var(--team-theme-text)
}

.poll.t-team-theme .poll-option--selected .poll-option__bar {
    background-color: var(--team-theme-primary)
}

.poll.t-team-theme .poll-option__bar {
    background-color: var(--team-theme-secondary)
}

.poll.t-team-theme.poll--hero .poll__content:before {
    content: "";
    width: 100%;
    height: 6rem;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--team-theme-primary);
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 840px) {
    .poll.t-team-theme.poll--hero .poll__content:before {
        height:3.2rem
    }
}

.predictor {
    position: relative;
    background-color: #fff
}

.predictor.is-loading .predictor__questions {
    opacity: 0;
    transform: translateY(4rem)
}

.predictor__loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top right,#3e3e3e,#242424);
    z-index: 30;
    transition: opacity .3s ease,visibility .3s ease
}

.predictor__loading.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.predictor__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.predictor__predictor {
    height: calc(100vh - 12rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.predictor__questions {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60%;
    position: relative;
    transform: translateY(0);
    opacity: 1;
    transition: transform .5s cubic-bezier(.65,0,.35,1) .3s,opacity .5s ease .3s
}

.predictor__scroll-container {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 4rem 4rem 8rem;
    overflow-y: auto
}

@media (min-width: 840px) {
    .predictor__scroll-container::-webkit-scrollbar {
        width:11px;
        height: 11px
    }

    .predictor__scroll-container::-webkit-scrollbar-track {
        background: #e2e2e2
    }

    .predictor__scroll-container::-webkit-scrollbar-thumb {
        background-color: #ff0082
    }
}

.predictor__question {
    min-height: calc(75vh - 12rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.6rem;
    pointer-events: none;
    opacity: .4;
    transition: opacity .4s ease .2s
}

.predictor__question.is-active,.predictor__question[data-question-answered=true] {
    pointer-events: all;
    opacity: 1
}

.predictor__question--existing {
    min-height: 0;
    margin-bottom: 6.4rem;
    opacity: 1;
    pointer-events: all
}

.predictor__question--existing .predictor__question-title {
    font-size: 2.6rem
}

.predictor__question--existing .predictor__answers {
    display: block
}

@media (min-width: 840px) {
    .predictor__question--existing .predictor__answer:hover {
        background-color:#fff;
        color: #000
    }
}

.predictor__question-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid #e2e2e2
}

.predictor__question-number {
    margin-bottom: .8rem;
    color: #ff0082;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase
}

.predictor__question-title {
    margin-bottom: 1.6rem;
    font-size: 3.2rem;
    line-height: 1.25;
    font-weight: 700
}

.predictor__answers {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    grid-gap: 1.6rem
}

.predictor__answer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e2e2e2;
    text-align: left;
    transition: background-color .2s ease,color .2s ease
}

@media (min-width: 840px) {
    .predictor__answer:hover {
        background-color:#ff0082;
        color: #fff
    }
}

.predictor__answer.is-active {
    background-color: #32c84b;
    color: #fff
}

.predictor__answer-image-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 10rem;
    height: 10rem;
    position: relative
}

.predictor__answer-text {
    padding: 1.6rem
}

.predictor__footer {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    opacity: .4;
    transition: opacity .4s ease
}

.predictor__footer.is-active {
    pointer-events: all;
    opacity: 1
}

.predictor__draw-caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: .8rem
}

.predictor__draw-title {
    margin-bottom: .2rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem
}

.predictor__draw-subtitle {
    font-size: 1rem
}

.predictor__draw-terms {
    color: inherit;
    text-decoration: none;
    text-decoration: underline;
    -webkit-text-decoration-color: #e2e2e2;
    text-decoration-color: #e2e2e2
}

.predictor__draw-terms:focus {
    -webkit-text-decoration-color: #ff0082;
    text-decoration-color: #ff0082
}

@media (min-width: 840px) {
    .predictor__draw-terms:hover {
        -webkit-text-decoration-color:#ff0082;
        text-decoration-color: #ff0082
    }
}

.predictor__submit.is-loading .predictor__submit-text {
    opacity: 0
}

.predictor__submit.is-loading .predictor__submit-loader {
    opacity: 1
}

.predictor__submit-text {
    opacity: 1;
    transition: opacity .2s ease
}

.predictor__submit-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity .2s ease
}

.predictor__post-error {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 1.6rem;
    font-size: 1.4rem;
    text-align: center
}

.predictor__existing-predictions {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 4rem;
    background-color: #fff;
    overflow-y: auto;
    z-index: 10;
    transition: transform .4s cubic-bezier(.65,0,.35,1)
}

@media (min-width: 840px) {
    .predictor__existing-predictions::-webkit-scrollbar {
        width:11px;
        height: 11px
    }

    .predictor__existing-predictions::-webkit-scrollbar-track {
        background: #e2e2e2
    }

    .predictor__existing-predictions::-webkit-scrollbar-thumb {
        background-color: #ff0082
    }
}

.predictor__existing-predictions.is-hidden {
    transform: translateX(-100%)
}

.predictor__existing-predictions-title {
    font-size: 4.4rem;
    line-height: .8;
    margin-bottom: 6.4rem
}

.predictor__existing-predictions-title .highlight {
    padding: 0 .6rem;
    background-color: #ff0082;
    color: #fff
}

.predictor__change-button {
    margin: 0 auto
}

.predictor__submitted-panel {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem;
    background-color: #000;
    color: #fff;
    text-align: center;
    transform: translateX(-100%);
    z-index: 20;
    transition: transform .4s cubic-bezier(.65,0,.35,1)
}

.predictor__submitted-panel.is-active {
    transform: translateX(0)
}

.predictor__submitted-chevrons {
    width: 100%;
    position: absolute;
    bottom: 12rem;
    left: -50%;
    fill: #32c84b;
    transform: rotate(85deg)
}

.predictor__submitted-title {
    position: relative;
    display: inline-block;
    margin-bottom: 3.2rem;
    padding: .2rem .4rem;
    background-color: #ff0082;
    white-space: nowrap;
    font-size: 8rem;
    line-height: .9
}

.predictor__submitted-subtitle {
    font-size: 2.2rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.2
}

.predictor__submitted-message,.predictor__submitted-subtitle {
    position: relative;
    margin-bottom: 1.6rem
}

.predictor__share {
    position: relative;
    margin-bottom: 3.2rem;
    font-weight: 700
}

.predictor__reset-button {
    position: relative;
    display: inline-block
}

.predictor__question-image-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40%;
    height: 100%;
    position: relative
}

.predictor__question-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(100%);
    transition: transform .4s ease
}

.predictor__question-image.is-active {
    transform: translateX(0)
}

@media (max-width: 1300px) {
    .predictor__predictor {
        height:calc(100vh - 10rem)
    }

    .predictor__question {
        min-height: calc(75vh - 10rem)
    }

    .predictor__question--existing {
        min-height: 0
    }
}

@media (max-width: 1025px) {
    .predictor__predictor {
        height:calc(100vh - 8rem)
    }

    .predictor__question {
        min-height: calc(75vh - 8rem)
    }

    .predictor__question--existing {
        min-height: 0
    }
}

@media (max-width: 840px) {
    .predictor {
        color:#fff
    }

    .predictor.is-loading .predictor__progress {
        opacity: 0;
        transform: translateY(4rem)
    }

    .predictor__loader {
        width: 16rem;
        position: sticky;
        text-align: center;
        transform: translateX(-50%)
    }

    .predictor__predictor {
        height: auto;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .predictor__question-image-container {
        width: 100%;
        height: 0;
        padding-top: 62.5%
    }

    .predictor__progress {
        height: .4rem;
        position: relative;
        top: -4.8rem;
        margin: 0 1.6rem;
        background-color: #fff;
        overflow: hidden;
        z-index: 10;
        transform: translateY(0);
        opacity: 1;
        transition: transform .5s cubic-bezier(.65,0,.35,1) .3s,opacity .5s ease .3s
    }

    .predictor__progress-inner {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: -100%;
        background-color: #ff0082;
        transition: transform .3s ease
    }

    .predictor__questions {
        width: auto;
        margin: -4.8rem 1.6rem 3.2rem;
        background-color: #000;
        box-shadow: 0 -3px 6px 3px rgba(0,0,0,.1);
        overflow: hidden;
        z-index: 10
    }

    .predictor__scroll-container {
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        overflow: hidden
    }

    .predictor__question {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        min-height: 0;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0;
        padding: 3.2rem
    }

    .predictor__question--existing {
        padding: 1.6rem
    }

    .predictor__question--existing .predictor__question-header {
        margin-bottom: .8rem
    }

    .predictor__question--existing .predictor__question-number {
        font-size: 1rem
    }

    .predictor__question--existing .predictor__question-title {
        margin-bottom: .8rem;
        font-size: 1.6rem
    }

    .predictor__question--existing .predictor__answer-text {
        padding: .8rem;
        font-size: 1.4rem
    }

    .predictor__question-header {
        margin-bottom: 2.4rem;
        border-bottom: 2px solid #3e3e3e
    }

    .predictor__question-title {
        font-size: 2.6rem
    }

    .predictor__answer {
        background-color: #fff;
        border: none;
        color: #000
    }

    .predictor__post-error {
        position: relative;
        top: 0
    }

    .predictor__existing-predictions {
        padding: 0;
        background-color: #000
    }

    .predictor__existing-predictions-title {
        margin-bottom: 0;
        padding: 1.6rem 1.6rem 0;
        font-size: 3.6rem;
        line-height: 1.2
    }

    .predictor__change-button {
        margin: 1.6rem auto 3.2rem
    }

    .predictor__submitted-panel {
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 3.2rem;
        overflow-y: auto;
        overflow-x: hidden
    }

    .predictor__submitted-title {
        font-size: 6rem
    }

    .predictor__footer {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 3.2rem
    }

    .predictor__draw-title {
        font-size: 1.6rem
    }

    .predictor__draw-subtitle {
        font-size: 1.2rem
    }

    .predictor__submit {
        width: 100%;
        margin-top: 1.6rem;
        padding: 1.6rem
    }
}

@media (max-width: 640px) {
    .predictor__question {
        padding:1.6rem 1.6rem 3.2rem
    }

    .predictor__question--existing {
        padding-bottom: .8rem
    }

    .predictor__question-header {
        margin-bottom: 1.6rem
    }

    .predictor__question-title {
        margin-bottom: .8rem;
        font-size: 2.2rem
    }

    .predictor__answers {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .predictor__answer-text {
        font-size: 1.4rem
    }
}

.promo-article-embed {
    margin-bottom: 1.6rem
}

.promo-article-embed__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .4rem;
    color: #ff0082;
    font-size: 2rem;
    line-height: 1
}

.promo-article-embed__title-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 1.2rem;
    fill: #fff
}

.promo-article-embed__body {
    color: #fff
}

@media (max-width: 840px) {
    .promo-article-embed__title {
        font-size:1.8rem
    }

    .promo-article-embed__title-icon {
        width: 1.6rem;
        height: 1.6rem
    }

    .promo-article-embed__body {
        font-size: 1.4rem
    }
}

.promo-article {
    position: relative;
    background-color: #000;
    color: #fff;
    overflow: hidden
}

.promo-article__wrapper {
    display: -ms-flexbox;
    display: flex
}

.promo-article__image-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    height: 0;
    position: relative;
    padding-top: 100%
}

.promo-article__article {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 4rem
}

.promo-article__title {
    margin-bottom: 3.2rem;
    font-size: 6.8rem;
    line-height: .9
}

.promo-article__title .highlight {
    padding: .2rem .4rem;
    background-color: #ff0082;
    color: #fff;
    display: block;
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content
}

.promo-article__summary {
    font-family: styrenea,Helvetica Neue,sans-serif;
    margin-bottom: 3.2rem;
    font-size: 1.8rem;
    line-height: 1.4
}

.promo-article__body p {
    margin-bottom: 3.2rem
}

.promo-article__button {
    margin-top: 1.6rem
}

.promo-article__chevron {
    width: 80rem;
    position: absolute;
    bottom: 25rem;
    left: -40rem;
    transform: rotate(99deg);
    fill: #32c84b
}

@media (min-width: 640px) {
    .promo-article--flipped .promo-article__wrapper {
        -ms-flex-direction:row-reverse;
        flex-direction: row-reverse
    }

    .promo-article--flipped .promo-article__chevron {
        left: auto;
        right: -40rem;
        transform: rotate(104deg)
    }
}

@media (max-width: 1025px) {
    .promo-article__title {
        font-size:5rem
    }

    .promo-article__summary {
        font-size: 1.6rem
    }
}

@media (max-width: 840px) {
    .promo-article__image-container {
        height:auto;
        position: absolute;
        top: 12rem;
        right: -5%;
        bottom: 4rem;
        padding: 0
    }

    .promo-article__article {
        padding: 1.6rem 0 3.2rem;
        z-index: 10
    }

    .promo-article__article p,.promo-article__summary {
        font-size: 1.4rem
    }

    .promo-article__chevron {
        width: 55%;
        top: -3.2rem;
        right: -4rem;
        bottom: auto;
        left: auto;
        transform: rotate(11deg)
    }

    .promo-article--flipped .promo-article__image-container {
        right: auto;
        left: -5%
    }

    .promo-article--flipped .promo-article__chevron {
        right: auto;
        left: -5rem;
        transform: rotate(177deg)
    }
}

@media (max-width: 640px) {
    .promo-article__image-container {
        width:70%;
        right: -25%
    }

    .promo-article__image-container:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,.7)
    }

    .promo-article__article {
        width: 100%
    }

    .promo-article--flipped .promo-article__image-container {
        right: -25%;
        left: auto
    }

    .promo-article--flipped .promo-article__chevron {
        right: -4rem;
        left: auto;
        transform: rotate(11deg)
    }
}

@media (max-width: 415px) {
    .promo-article__title {
        font-size:4.2rem
    }
}

.promo-generic__wrapper {
    position: relative;
    display: block;
    padding: 1.6rem;
    background-color: #32c84b;
    overflow: hidden
}

.promo-generic__title {
    position: relative;
    margin-bottom: 1.6rem;
    font-size: 7.4rem;
    line-height: .9;
    z-index: 10
}

.promo-generic__title .highlight {
    padding: .2rem .4rem;
    background-color: #ff0082;
    color: #fff;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    transition: transform .2s ease
}

.promo-generic__description {
    width: 75%;
    position: relative;
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    z-index: 10
}

.promo-generic__form {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    z-index: 10
}

.promo-generic__form .form-field {
    margin-right: 1.6rem
}

.promo-generic__link-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    z-index: 10
}

.promo-generic__link {
    margin-right: 1.6rem;
    box-shadow: 0 0 4px 1px rgba(0,0,0,.2);
    background-color: #ff0082
}

.promo-generic__link:focus {
    background-color: #d6006d
}

@media (min-width: 840px) {
    .promo-generic__link:hover {
        background-color:#d6006d
    }
}

.promo-generic__chevron {
    width: 80%;
    position: absolute;
    bottom: -60%;
    right: 0;
    fill: #ff0082
}

.promo-generic--alternate .promo-generic__wrapper {
    background-color: #ff0082
}

.promo-generic--alternate .promo-generic__title {
    color: #fff
}

.promo-generic--alternate .promo-generic__link,.promo-generic--alternate .promo-generic__title .highlight {
    background-color: #32c84b
}

.promo-generic--alternate .promo-generic__link:focus {
    background-color: #289f3c
}

@media (min-width: 840px) {
    .promo-generic--alternate .promo-generic__link:hover {
        background-color:#289f3c
    }
}

.promo-generic--alternate .promo-generic__chevron {
    fill: #32c84b
}

.promo-generic--flipped .promo-generic__title {
    text-align: right
}

.promo-generic--flipped .promo-generic__title .highlight {
    margin-left: auto
}

.promo-generic--flipped .promo-generic__description {
    margin-left: auto;
    text-align: right
}

.promo-generic--flipped .promo-generic__link-container {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.promo-generic--flipped .promo-generic__chevron {
    right: auto;
    left: -10%;
    transform: rotate(14deg)
}

.promo-generic--referral .promo-generic__title {
    font-size: 7rem
}

@media (max-width: 1025px) {
    .promo-generic__title {
        font-size:5rem
    }

    .promo-generic__description {
        font-size: 1.6rem
    }
}

@media (max-width: 640px) {
    .promo-generic__form {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .promo-generic__form .form-field {
        margin-right: 0;
        margin-bottom: .8rem
    }

    .promo-generic__chevron {
        width: 32rem;
        height: 15rem;
        bottom: 0;
        transform: translateX(28%) rotate(-37deg)
    }

    .promo-generic--flipped .promo-generic__chevron {
        transform: translateX(-28%) rotate(42deg);
        right: auto;
        left: 0
    }

    .promo-generic--referral .promo-generic__title {
        font-size: 5rem
    }
}

.promo-with-image__wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.promo-with-image__caption {
    width: 40%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 3.2rem 3.2rem 12rem;
    color: #fff
}

.promo-with-image__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    font-size: 3.4rem;
    text-transform: none;
    line-height: 1.2
}

.promo-with-image__description {
    margin-top: 1.6rem;
    font-size: 1.8rem;
    line-height: 1.7
}

.promo-with-image__link-container {
    width: 60%;
    min-width: 22rem;
    margin-top: 3.2rem
}

.promo-with-image__link {
    color: inherit;
    text-decoration: none;
    margin-bottom: 1.6rem;
    white-space: nowrap
}

.promo-with-image__link:last-of-type {
    margin-bottom: 0
}

.promo-with-image__link-icon {
    width: 1.1rem;
    height: 1.1rem;
    fill: currentColor;
    margin-left: .2rem
}

.promo-with-image__chevron {
    width: 40%;
    position: absolute;
    bottom: -3.2rem;
    left: 1.6rem;
    fill: #ff0082
}

.promo-with-image__image-container {
    width: 60%;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.promo-with-image__image-container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom right,rgba(0,0,0,.5) 0,transparent 45%,transparent)
}

.promo-with-image--alternate .promo-with-image__chevron {
    fill: #32c84b
}

.promo-with-image--flipped .promo-with-image__image-container {
    -ms-flex-order: 1;
    order: 1
}

.promo-with-image--flipped .promo-with-image__caption {
    -ms-flex-order: 2;
    order: 2
}

.promo-with-image--flipped .promo-with-image__chevron {
    right: .4rem;
    left: auto
}

@media (max-width: 840px) {
    .promo-with-image__wrapper {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .promo-with-image__image-container {
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding-top: 62.5%
    }

    .promo-with-image__caption {
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding: 1.6rem .8rem 14rem
    }

    .promo-with-image__title {
        width: 85%
    }

    .promo-with-image__chevron {
        width: 100%
    }
}

@media (max-width: 640px) {
    .promo-with-image {
        overflow:hidden
    }

    .promo-with-image__wrapper {
        width: auto;
        margin: 0 -1.6rem
    }

    .promo-with-image__image-container {
        padding-top: 75%
    }

    .promo-with-image__caption {
        padding: 2.4rem 2.4rem 12rem
    }

    .promo-with-image__title {
        font-size: 2.4rem
    }

    .promo-with-image__description {
        font-size: 1.4rem
    }

    .promo-with-image__link-container {
        margin-top: 2.4rem
    }
}

@media (max-width: 415px) {
    .promo-with-image__caption {
        padding-bottom:10rem
    }
}

@media (max-width: 375px) {
    .promo-with-image__caption {
        padding-bottom:8rem
    }
}

.quiz-list__no-quizzes-message {
    -ms-grid-column: span 6;
    grid-column: span 6;
    color: #242424
}

.quiz-list.dark .quiz-list__no-quizzes-message {
    color: #fff
}

.quiz {
    min-height: 100vh
}

.quiz.is-visible .quiz__loader {
    opacity: 0;
    pointer-events: none
}

.quiz.is-visible .quiz__header,.quiz.is-visible .quiz__quiz-container {
    transform: translateY(0);
    opacity: 1
}

.quiz[data-quiz-complete=true] .quiz-pager__button--results {
    pointer-events: auto
}

.quiz[data-quiz-complete=true] .quiz-pager__results-icon {
    fill: #000
}

.quiz[data-quiz-complete=true] .quiz-question__answer {
    pointer-events: none
}

.quiz[data-quiz-complete=true] .quiz__footer {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition: color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease
}

.quiz__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .25s ease
}

.quiz__header {
    position: relative;
    opacity: 0;
    transform: translateY(3.2rem);
    transition: transform .4s ease,opacity .4s ease
}

.quiz__page-header {
    padding-bottom: 4.8rem
}

.quiz .widget-header__title {
    width: 90%;
    margin-bottom: .8rem;
    line-height: .9
}

.quiz .widget-header__subtitle {
    width: 90%;
    font-size: 1.6rem;
    text-transform: none;
    line-height: 1.6;
    font-weight: 400
}

.quiz__quiz-container {
    padding-bottom: 3.2rem;
    background-color: #fff;
    opacity: 0;
    transform: translateY(3.2rem);
    transition: transform .4s ease .2s,opacity .4s ease .2s
}

.quiz__quiz {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 36% 5rem auto;
    grid-template-columns: 36% 5rem auto
}

.quiz__image-container {
    display: -ms-flexbox;
    display: flex;
    margin-top: -5.6rem;
    overflow: hidden
}

.quiz__image {
    width: 100%;
    transform: translateX(0);
    transition: transform .25s ease
}

.quiz__image.is-animating {
    transform: translateX(100%)
}

.quiz__image.is-hidden img {
    opacity: 0
}

.quiz__pager {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    margin-top: -5.6rem
}

.quiz__main {
    min-height: 52rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -4.8rem 0 .8rem;
    background-color: #000;
    color: #fff;
    overflow: hidden
}

.quiz__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 3.2rem;
    padding-left: 0;
    transition: transform .5s ease
}

.quiz__item {
    width: 100%;
    min-height: 28rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 3.2rem;
    padding-left: 3.2rem;
    opacity: 0;
    transition: opacity .4s ease
}

.quiz__item.is-active {
    opacity: 1
}

.quiz__question {
    width: 100%
}

.quiz__results-title {
    display: block;
    margin-bottom: .8rem;
    padding-left: .4rem;
    word-spacing: 100vw;
    font-size: 10rem;
    line-height: .9
}

.quiz__results-title,.quiz__score {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase
}

.quiz__score {
    width: 100%;
    position: relative;
    margin-bottom: 1.6rem;
    background-color: #32c84b;
    overflow: hidden
}

.quiz__score-text {
    position: relative;
    font-size: 10rem;
    line-height: .9;
    padding-left: .4rem;
    text-shadow: 1px 1px 3px rgba(0,0,0,.3);
    z-index: 10
}

.quiz__score-bar {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #3e3e3e;
    transition: transform .5s ease .15s
}

.quiz__summary {
    font-weight: 700;
    font-size: 2rem
}

.quiz__results-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.6rem
}

.quiz__footer {
    position: absolute;
    bottom: 1.6rem;
    right: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    opacity: 0;
    transform: translateY(1.6rem);
    transition: opacity .3s ease .1s,transform .3s ease .1s
}

.quiz__replay {
    min-width: 18rem;
    margin-left: 1.6rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
}

.quiz__more {
    margin-top: 1.6rem
}

@media (max-width: 1025px) {
    .quiz__quiz {
        -ms-grid-columns:40% 5rem auto;
        grid-template-columns: 40% 5rem auto
    }

    .quiz__results-title,.quiz__score-text {
        font-size: 7rem
    }

    .quiz__summary {
        font-size: 1.8rem
    }

    .quiz__results-footer {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .quiz__replay {
        min-width: 15rem
    }
}

@media (max-width: 840px) {
    .quiz[data-quiz-complete=true] .quiz__item {
        margin-bottom:5.2rem
    }

    .quiz__quiz-container {
        padding-bottom: 1.6rem;
        overflow: hidden
    }

    .quiz__page-header {
        padding-bottom: 1.6rem
    }

    .quiz__quiz {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .quiz__image-container {
        margin: 0 -1.6rem;
        background-color: #000
    }

    .quiz__image {
        width: 100%;
        height: 0;
        padding-top: 56.25%;
        transform: translateY(0)
    }

    .quiz__image.is-animating {
        transform: translateY(100%)
    }

    .quiz__pager {
        margin-top: -1.4rem
    }

    .quiz__main {
        min-height: auto;
        margin-top: 0
    }

    .quiz__items {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .quiz__item {
        max-height: 0;
        transition: opacity .4s ease 0s,max-height .6s ease
    }

    .quiz__item.is-active {
        max-height: 100%;
        transition: opacity .4s ease .3s,max-height .6s ease
    }
}

@media (max-width: 640px) {
    .quiz[data-quiz-complete=true] .quiz__item {
        margin-bottom:6.4rem
    }

    .quiz__items {
        padding: 3.2rem 1.6rem 1.6rem
    }

    .quiz__item {
        padding-left: 0
    }

    .quiz__footer {
        width: 100%;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .quiz__replay {
        width: calc(50% - 2rem);
        min-width: auto;
        margin-left: .8rem
    }
}

.quiz.t-team-theme .quiz__page-header {
    background-color: var(--team-theme-primary);
    background-size: var(--team-theme-bg-pattern-size);
    color: var(--team-theme-text)
}

.quiz.t-team-theme .page-header__chevron {
    display: none
}

.quiz.t-team-theme .quiz-pager__button:before,.quiz.t-team-theme .quiz-pager__item:before {
    background-color: var(--team-theme-primary)
}

.quiz.t-team-theme .quiz-question__answer:focus .quiz-question__answer-text {
    background-color: var(--team-theme-primary);
    color: var(--team-theme-text)
}

@media (min-width: 840px) {
    .quiz.t-team-theme .quiz-question__answer:hover .quiz-question__answer-text {
        background-color:var(--team-theme-primary);
        color: var(--team-theme-text)
    }
}

.quiz.t-team-theme .quiz__score {
    background-color: var(--team-theme-primary);
    color: var(--team-theme-text)
}

.quiz.t-team-theme.t-london-spirit .quiz__page-header .widget-header__subtitle,.quiz.t-team-theme.t-london-spirit .quiz__page-header .widget-header__title {
    color: var(--team-theme-text)
}

.quiz.t-team-theme.t-oval-invincibles .quiz__page-header {
    background-position: 60rem 15rem;
    background-repeat: no-repeat
}

.quiz.t-team-theme.t-oval-invincibles .widget-header__title {
    font-size: 6rem
}

.quiz.t-team-theme.t-oval-invincibles .quiz-pager__item.is-active .quiz-pager__number {
    color: #000
}

@media (max-width: 840px) {
    .quiz.t-team-theme.t-london-spirit .quiz__page-header .widget-header__title {
        font-size:6rem
    }

    .quiz.t-team-theme.t-oval-invincibles .quiz__page-header {
        background-position: 30rem 15rem
    }

    .quiz.t-team-theme.t-oval-invincibles .widget-header__title {
        font-size: 4rem
    }
}

.quiz-pager {
    width: 5rem;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    z-index: 10
}

.quiz-pager,.quiz-pager__item {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.quiz-pager__item {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    min-height: 4.5rem;
    width: 100%;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.quiz-pager__item:before {
    content: "";
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    -webkit-clip-path: polygon(0 0,50% 50%,0 100%);
    clip-path: polygon(0 0,50% 50%,0 100%);
    transform: translateX(-100%);
    background-color: #ff0082;
    transition: transform .3s ease
}

.quiz-pager__item:last-of-type .quiz-pager__button:after {
    display: none
}

.quiz-pager__item.is-active:before {
    transform: translateX(-2%);
    transition-delay: .1s
}

.quiz-pager__item.is-active .quiz-pager__button {
    color: #fff
}

.quiz-pager__item.is-active .quiz-pager__button:before {
    width: 100%
}

.quiz-pager__item.is-active .quiz-pager__button:after {
    opacity: 0
}

.quiz-pager__item.is-active .quiz-pager__results-icon {
    fill: #fff
}

.quiz-pager__button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3rem;
    z-index: 10;
    background-color: #fff;
    transition: background-color .2s ease,color .2s ease
}

.quiz-pager__button:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff0082;
    transition: width .2s ease
}

.quiz-pager__button:after {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    left: .8rem;
    right: .8rem;
    background-color: #e2e2e2;
    transition: opacity .2s ease
}

@media (min-width: 840px) {
    .quiz-pager__button:hover {
        color:#fff
    }

    .quiz-pager__button:hover:before {
        width: 100%
    }

    .quiz-pager__button:hover:after {
        opacity: 0
    }

    .quiz-pager__button:hover .quiz-pager__results-icon {
        fill: #fff
    }
}

.quiz-pager__button--results {
    pointer-events: none
}

.quiz-pager__button[data-pager-answered=false] {
    pointer-events: none;
    color: #e2e2e2
}

.quiz-pager__button.is-correct .quiz-pager__status--correct,.quiz-pager__button.is-incorrect .quiz-pager__status--incorrect {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0)
}

.quiz-pager__number {
    position: relative;
    z-index: 10
}

.quiz-pager__status {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: .4rem;
    right: -.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    pointer-events: none;
    opacity: 0;
    transform: translateY(.8rem);
    transition: opacity .2s ease .4s,transform .2s ease .4s
}

.quiz-pager__status--correct {
    background-color: #32c84b
}

.quiz-pager__status--incorrect {
    background-color: #ff0082
}

.quiz-pager__status--incorrect .quiz-pager__status-icon {
    width: 1rem;
    height: 1rem
}

.quiz-pager__status-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: currentColor
}

.quiz-pager__results-icon {
    width: 2.8rem;
    height: 2.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    fill: #e2e2e2;
    transition: fill .2s ease
}

@media (max-width: 840px) {
    .quiz-pager {
        width:100%;
        height: 5rem;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .quiz-pager__item:before {
        width: 100%;
        height: 80%;
        top: auto;
        bottom: 0;
        left: 0;
        -webkit-clip-path: polygon(0 0,50% 50%,100% 0);
        clip-path: polygon(0 0,50% 50%,100% 0);
        transform: translateY(40%)
    }

    .quiz-pager__item.is-active:before {
        transform: translateY(97%);
        transition-delay: .2s
    }

    .quiz-pager__item.is-active .quiz-pager__button:before {
        height: 100%
    }

    .quiz-pager__button {
        background: linear-gradient(to top,#fff,#fff 80%,hsla(0,0%,100%,0) 80%,hsla(0,0%,100%,0) 100%)
    }

    .quiz-pager__button:before {
        width: 100%;
        height: 0;
        transition: height .2s ease
    }

    .quiz-pager__status {
        top: -.4rem;
        right: 0
    }
}

@media (max-width: 640px) {
    .quiz-pager--soft-cap .quiz-pager__button {
        font-size:1.1rem
    }

    .quiz-pager--soft-cap .quiz-pager__results-icon {
        width: 1.1rem;
        height: 1.1rem
    }

    .quiz-pager--hard-cap {
        overflow-x: auto;
        overflow-y: hidden
    }

    .quiz-pager--hard-cap .quiz-pager__item {
        min-width: 3.4rem
    }

    .quiz-pager__button {
        font-size: 2rem
    }

    .quiz-pager__status {
        width: 1.6rem;
        height: 1.6rem
    }

    .quiz-pager__status--incorrect .quiz-pager__status-icon {
        width: .8rem;
        height: .8rem
    }

    .quiz-pager__status-icon {
        width: 1rem;
        height: 1rem
    }

    .quiz-pager__results-icon {
        width: 2.2rem;
        height: 2.2rem
    }
}

@media (max-width: 415px) {
    .quiz-pager__button {
        font-size:1.6rem
    }

    .quiz-pager__results-icon {
        width: 1.6rem;
        height: 1.6rem
    }
}

.quiz-question {
    width: 100%
}

.quiz-question__number {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
    line-height: .9
}

.quiz-question__number--small {
    font-size: 1.8rem
}

.quiz-question__text {
    margin-bottom: 1.6rem;
    padding-bottom: .8rem;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 700;
    border-bottom: 2px solid hsla(0,0%,100%,.3)
}

.quiz-question__answer-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0,1fr))[2];
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-gap: 1.6rem;
    -ms-flex-align: start;
    align-items: start
}

.quiz-question__answer-list-item {
    height: 100%
}

.quiz-question__answer {
    width: 100%;
    height: 100%;
    position: relative
}

.quiz-question__answer:focus .quiz-question__answer-text {
    background-color: #ff0082;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: -2px 2px 3px 1px rgba(0,0,0,.15)
}

@media (min-width: 840px) {
    .quiz-question__answer:hover .quiz-question__answer-text {
        background-color:#ff0082;
        color: #fff;
        transform: translateY(-2px);
        box-shadow: -2px 2px 3px 1px rgba(0,0,0,.15)
    }
}

.quiz-question__answer--picture .quiz-question__answer-text {
    height: auto;
    padding: .8rem 1.6rem
}

.quiz-question__answer.is-active {
    pointer-events: none
}

.quiz-question__answer.is-active .quiz-question__answer-text,.quiz-question__answer.is-incorrect .quiz-question__answer-text {
    background-color: #ff0082;
    color: #fff
}

.quiz-question__answer.is-incorrect .quiz-question__answer-status--incorrect {
    opacity: 1
}

.quiz-question__answer.is-correct .quiz-question__answer-text {
    background-color: #32c84b;
    color: #fff
}

.quiz-question__answer.is-correct .quiz-question__answer-status--correct {
    opacity: 1
}

.quiz-question__answer-status {
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    top: -.4rem;
    right: -.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease
}

.quiz-question__answer-status--correct {
    background-color: #32c84b
}

.quiz-question__answer-status--incorrect {
    background-color: #ff0082
}

.quiz-question__answer-status--incorrect .quiz-question__answer-status-icon {
    width: 1rem;
    height: 1rem
}

.quiz-question__answer-status-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: currentColor
}

.quiz-question__answer-text {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.2rem 1.6rem;
    background-color: #fff;
    color: #242424;
    text-align: left;
    transition: color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease
}

.quiz-question__answer-image-container {
    height: 0;
    padding-top: 56.25%
}

.quiz-question__answer-letter {
    margin-right: .4rem;
    font-weight: 700
}

@media (max-width: 640px) {
    .quiz-question__number,.quiz-question__number--small {
        font-size:2.2rem
    }

    .quiz-question__text {
        margin-bottom: 1.6rem;
        font-size: 2.2rem
    }

    .quiz-question__answer-list {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .quiz-question__answer-text {
        padding: 1.6rem;
        font-size: 1.4rem
    }
}

.sidebar-playlist__item {
    margin-bottom: 1.6rem
}

.sidebar-playlist .widget-header__title {
    color: #fff
}

@media (min-width: 64.0625em) {
    .sidebar-playlist {
        padding:1.6rem
    }
}

.sign-up-form__popout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    visibility: hidden;
    opacity: 0;
    transition: visibility .35s ease,opacity .35s ease
}

.sign-up-form__popout:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    left: 100%;
    top: 0
}

.sign-up-form__popout.is-visible {
    visibility: visible;
    opacity: 1
}

.sign-up-form__popout-wrapper {
    width: 80%
}

.sign-up-form__popout-header-container {
    background-color: #ff0082;
    color: #fff;
    padding: 2rem 1.6rem .8rem;
    position: relative;
    padding-right: 3rem
}

.sign-up-form__popout-close {
    cursor: pointer;
    position: absolute;
    height: 100%;
    background-color: #000;
    max-width: 6.6rem;
    width: 15%;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: background-color .2s ease;
    outline: none
}

.sign-up-form__popout-close:hover {
    background-color: #fff
}

.sign-up-form__popout-close:hover .sign-up-form__popout-close-icon {
    fill: #000
}

.sign-up-form__popout-close-icon {
    fill: #fff;
    width: 2.5rem;
    height: 2.5rem;
    transition: fill .2s ease
}

.sign-up-form__popout-body-container {
    background-color: #fff;
    padding: 2.4rem 1.6rem 3.2rem
}

.sign-up-form__popout-header {
    font-size: 2rem;
    font-weight: 400
}

.sign-up-form__popout-description {
    font-size: 1.4rem
}

.sign-up-form__popout-description p {
    margin-bottom: 1.6rem
}

.sign-up-form__popout-button {
    margin-top: 3.2rem;
    margin-left: auto
}

@media (min-width: 40em) {
    .sign-up-form__popout-body-container,.sign-up-form__popout-header-container {
        padding-left:3.2rem;
        padding-right: 3.2rem
    }

    .sign-up-form__popout-header {
        font-size: 4rem
    }
}

@media (max-width: 39.99em) {
    .sign-up-form__popout-button {
        width:100%
    }
}

.sign-up-form {
    max-height: 135rem;
    background-color: #32c84b;
    overflow: hidden;
    opacity: 1;
    transition: max-height .8s ease,opacity .4s ease .2s
}

.sign-up-form__fields-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.6rem;
    margin-bottom: 1.6rem
}

.sign-up-form__fields-row {
    margin-bottom: 1.6rem
}

.sign-up-form__required {
    color: #979797;
    font-size: 1.4rem
}

.sign-up-form__form-wrapper {
    position: relative;
    margin-top: 2.2rem;
    min-height: 50rem
}

.sign-up-form__form-wrapper.form-success:after {
    background-color: #000;
    transition: background-color .25s ease
}

.sign-up-form__form {
    background-color: #fff;
    padding: 2.4rem 1.6rem;
    opacity: 0;
    margin: 0;
    width: 100%;
    transition: opacity .25s ease
}

.sign-up-form__form.is-visible {
    opacity: 1;
    transition: opacity .25s ease
}

.sign-up-form__form.is-hidden {
    height: 0;
    opacity: 0;
    transition: all .25s ease
}

.sign-up-form__form:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
    left: 100%;
    top: 0
}

.sign-up-form__field-wrapper {
    margin-bottom: 3rem
}

.sign-up-form__divider {
    background-color: #000;
    height: 1px;
    margin: 2.4rem 0;
    opacity: .3;
    width: 100%
}

.sign-up-form__text {
    color: #242424;
    display: block;
    font-size: 1.4rem;
    line-height: 1.83;
    margin-bottom: 1.6rem
}

.sign-up-form__button {
    width: 50%;
    margin-top: 3rem;
    margin-left: auto;
    font-size: 1.8rem
}

.sign-up-form__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    max-width: 100%;
    margin: .8rem 0 1.6rem;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #ff0082
}

.sign-up-form__success {
    left: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(150%);
    padding: 1.6rem
}

.sign-up-form__success.is-visible {
    background-color: #000;
    color: #fff;
    width: 100%;
    left: 0;
    transform: translateX(0);
    transition: transform .25s ease-in-out
}

.sign-up-form__success.is-visible:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000;
    left: 100%;
    top: 0;
    z-index: 1
}

.sign-up-form__success-heading {
    font-size: 7rem;
    color: #ff0082;
    margin-top: 15rem
}

.sign-up-form__success-info {
    font-size: 1.7rem;
    line-height: 1.54
}

.sign-up-form__success-chevron {
    fill: #ff0082;
    position: absolute;
    bottom: 0;
    left: 0
}

.sign-up-form__extra-info {
    font-size: 1.4rem;
    line-height: 1.83
}

.sign-up-form__extra-info-link,.sign-up-form__extra-info-text {
    display: block
}

.sign-up-form__extra-info-link {
    margin-top: 1.2rem;
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sign-up-form__link {
    color: #000;
    font-weight: 700;
    text-decoration: none
}

.sign-up-form__link:focus {
    text-decoration: underline
}

@media (min-width: 840px) {
    .sign-up-form__link:hover {
        text-decoration:underline
    }
}

.sign-up-form__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .2s ease
}

.sign-up-form__loader.is-hidden {
    opacity: 0
}

.sign-up-form__loader.is-visible {
    opacity: 1
}

.sign-up-form__content.wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem 0 4rem 1.6rem
}

.sign-up-form__container-promo {
    margin-right: 4.2rem
}

.sign-up-form__promo-header {
    color: #000;
    font-size: 16rem;
    line-height: .9;
    padding-top: 7rem;
    padding-right: 1.6rem
}

.sign-up-form__promo-header .highlight {
    display: block;
    background-color: #ff0082;
    color: #fff;
    padding: .2rem .4rem;
    width: -moz-min-content;
    width: min-content
}

.sign-up-form__promo-description {
    max-width: 52rem;
    display: block;
    margin-top: 2.4rem;
    font-weight: 700;
    line-height: 1.6;
    font-size: 2rem
}

.sign-up-form.is-hidden {
    max-height: 0;
    opacity: 0
}

.sign-up-form.is-visible {
    max-height: none;
    opacity: 1
}

.sign-up-form.dark .sign-up-form__promo-description,.sign-up-form.dark .sign-up-form__promo-header {
    color: #fff
}

.sign-up-form.dark .sign-up-form__button {
    background-color: #ff0082
}

.sign-up-form.dark .sign-up-form__button:focus {
    background-color: #d6006d
}

@media (min-width: 840px) {
    .sign-up-form.dark .sign-up-form__button:hover {
        background-color:#d6006d
    }
}

@media (min-width: 1025px) {
    .sign-up-form__form-wrapper {
        margin-top:0
    }

    .sign-up-form__form {
        padding: 3.2rem 1.6rem 3.2rem 6.2rem
    }
}

@media (min-width: 640px) {
    .sign-up-form__form-wrapper {
        min-height:60rem
    }

    .sign-up-form__field-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 2.4rem
    }

    .sign-up-form__field-wrapper .sign-up-form__text {
        margin-bottom: 0;
        max-width: 72%
    }

    .sign-up-form__title {
        max-width: 75%;
        font-size: 1.8rem
    }

    .sign-up-form__success {
        padding: 5rem
    }

    .sign-up-form__success-heading {
        font-size: 12rem;
        color: #ff0082
    }

    .sign-up-form__success-info {
        font-size: 2.6rem;
        line-height: 1.54
    }

    .sign-up-form__extra-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .sign-up-form__extra-info-text {
        max-width: 75%
    }
}

@media (max-width: 1300px) {
    .sign-up-form__promo-header {
        font-size:8rem;
        padding-top: 7rem
    }
}

@media (max-width: 1025px) {
    .sign-up-form__content.wrapper {
        display:block;
        padding: 1.6rem 0 1.6rem 2.4rem
    }

    .sign-up-form__container-form,.sign-up-form__container-promo {
        width: 100%
    }

    .sign-up-form__promo-header {
        padding-top: 0
    }
}

@media (max-width: 840px) {
    .sign-up-form {
        max-height:200rem
    }
}

@media (max-width: 640px) {
    .sign-up-form {
        max-height:220rem
    }

    .sign-up-form__fields-grid {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }
}

@media (max-width: 415px) {
    .sign-up-form {
        max-height:260rem
    }
}

.social-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.social-links__title {
    margin-right: 1.6rem;
    color: hsla(0,0%,100%,.6)
}

.social-links__list {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.social-links__item {
    margin-right: 1.6rem
}

.social-links__item:last-child {
    margin-right: 0
}

.social-links__link {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: block;
    padding: .6rem;
    text-transform: uppercase;
    text-align: center;
    background-color: #fff;
    color: #242424;
    line-height: 1;
    transition: color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease
}

.social-links__link:focus {
    background-color: #e2e2e2;
    transform: translateY(-2px);
    box-shadow: -2px 2px 3px 1px rgba(0,0,0,.15)
}

@media (min-width: 840px) {
    .social-links__link:hover {
        background-color:#e2e2e2;
        transform: translateY(-2px);
        box-shadow: -2px 2px 3px 1px rgba(0,0,0,.15)
    }
}

.social-links__link--facebook {
    color: #117df2
}

.social-links__link--twitter {
    color: #55acee
}

.social-links__link--youtube {
    color: #b00
}

.social-links__link--instagram {
    color: #e95950
}

.social-links__link-icon {
    width: 2.8rem;
    height: 2.8rem;
    fill: currentColor
}

@media (max-width: 1025px) {
    .social-links {
        -ms-flex-order:0;
        order: 0;
        width: 100%;
        position: relative;
        margin-left: 0;
        margin-bottom: 2rem;
        padding-bottom: 2rem
    }

    .social-links:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background-color: hsla(0,0%,100%,.3)
    }
}

@media (max-width: 415px) {
    .social-links__item {
        margin-right:1rem
    }

    .social-links__link-icon {
        width: 2rem;
        height: 2rem
    }
}

.sponsors-area {
    padding: 3.2rem 1.6rem 1.6rem;
    background-color: #fff
}

.sponsors-area__container {
    position: relative;
    padding: 0
}

.sponsors-area__container,.sponsors-area__section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sponsors-area__section {
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    margin: 0 1.6rem 3.2rem;
    width: 100%
}

.sponsors-area__section-title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    margin-top: auto;
    color: #979797;
    text-transform: none;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400
}

.sponsors-area__logo-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: auto
}

.sponsors-area__logo-item {
    margin: 1.6rem .4rem
}

.sponsors-area__logo-link {
    color: inherit;
    text-decoration: none;
    display: block
}

.sponsors-area__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.3rem;
    margin-left: 1.3rem;
    transform: scale(0.9)
}

.sponsors-area__info__citizen {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.3rem;
    margin-left: 1.3rem;
    transform: translateY(-30px)
}

@media (max-width: 1300px) {
    .sponsors-area__container {
        -ms-flex-pack:center;
        justify-content: center
    }

    .sponsors-area__section {
        margin-right: 1.6rem;
        margin-left: 1.6rem
    }
}

@media (max-width: 640px) {
    .sponsors-area__section-title {
        margin-top:1.6rem
    }

    .sponsors-area__logo-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sponsors-area__logo-item {
        margin: .8rem .4rem
    }
}

.static-article-header {
    position: relative;
    padding: 3.2rem 1.6rem 0;
    overflow: hidden
}

.static-article-header__background {
    width: 100%;
    height: 90%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    overflow: hidden
}

.static-article-header__chevrons {
    width: 90%;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(100deg) translateY(-170%);
    fill: #ff0082
}

.static-article-header__slides-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.static-article-header__slide {
    width: 100%;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.static-article-header__slide-content {
    width: 45%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 1.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10
}

.static-article-header__slide-title {
    font-size: 7rem;
    line-height: .9;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,.5)
}

.static-article-header__slide-team {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    margin-top: 1rem
}

.static-article-header__team-logo {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem
}

.static-article-header__slide-summary {
    width: 60%;
    line-height: 1.4;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,.5);
    margin-top: 1.6rem
}

.static-article-header__slide-image-container {
    width: 65%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    left: -10%;
    padding-right: 1.6rem
}

.static-article-header__slide-image {
    height: 0;
    padding-top: 62.5%
}

@media (max-width: 1300px) {
    .static-article-header__slide-title {
        font-size:6.4rem
    }
}

@media (max-width: 1025px) {
    .static-article-header {
        padding-bottom:3.2rem
    }

    .static-article-header__background {
        height: 100%
    }

    .static-article-header__slide-title {
        font-size: 6rem
    }
}

@media (max-width: 840px) {
    .static-article-header {
        padding:1.6rem
    }

    .static-article-header__chevrons {
        width: 150%
    }

    .static-article-header__wrapper {
        padding: 0
    }

    .static-article-header__slide {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .static-article-header__slide-content {
        width: 100%;
        padding: 1.6rem 0
    }

    .static-article-header__slide-title {
        font-size: 4.8rem
    }

    .static-article-header__slide-summary {
        width: 100%;
        font-size: 1.6rem
    }

    .static-article-header__slide-image-container {
        width: 100%;
        left: 0;
        padding-right: 0
    }
}

@media (max-width: 640px) {
    .static-article-header {
        padding:0
    }

    .static-article-header__chevrons {
        top: auto;
        bottom: 0
    }

    .static-article-header__slide {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .static-article-header__slide-content {
        width: 100%;
        padding: 1.6rem
    }

    .static-article-header__slide-title {
        font-size: 3.2rem
    }
}

.static-article {
    width: 100%;
    max-width: 76rem;
    padding: 0 6.4rem 3.2rem
}

.static-article__tag {
    margin-bottom: 1.6rem
}

.static-article__title {
    width: 100%;
    position: relative;
    font-size: 5.2rem;
    line-height: 1.1
}

.static-article__summary,.static-article__title {
    font-family: styrenea,Helvetica Neue,sans-serif;
    text-transform: none;
    margin-bottom: 1.6rem
}

.static-article__summary {
    font-weight: 700;
    line-height: 1.5
}

.static-article__body h1:not(.embeddable-video__title):not(.embeddable-promo__title):not(.team-promo__title),.static-article__body h2:not(.embeddable-video__title):not(.embeddable-promo__title):not(.team-promo__title),.static-article__body h3:not(.embeddable-video__title):not(.embeddable-promo__title):not(.team-promo__title),.static-article__body h4:not(.embeddable-video__title):not(.embeddable-promo__title):not(.team-promo__title),.static-article__body h5:not(.embeddable-video__title):not(.embeddable-promo__title):not(.team-promo__title),.static-article__body h6:not(.embeddable-video__title):not(.embeddable-promo__title):not(.team-promo__title) {
    display: block;
    margin-bottom: 1.6rem;
    padding: .2rem .6rem;
    background-color: #32c84b;
    color: #fff
}

.static-article__body p {
    line-height: 2.2;
    margin-bottom: 2.4rem
}

.static-article__body a {
    font-weight: 700
}

.static-article__body a:focus {
    text-decoration: underline;
    -webkit-text-decoration-color: #ff0082;
    text-decoration-color: #ff0082
}

@media (min-width: 840px) {
    .static-article__body a:hover {
        text-decoration:underline;
        -webkit-text-decoration-color: #ff0082;
        text-decoration-color: #ff0082
    }
}

.static-article__body ol,.static-article__body ul {
    padding-left: 3.2rem;
    margin-bottom: 2.4rem;
    line-height: 1.6
}

.static-article__body ol li,.static-article__body ul li {
    list-style-type: inherit
}

.static-article__body .articleWidget .instagram-post,.static-article__body .twitterThumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.static-article__body .articleWidget,.static-article__body .twitterThumb {
    margin: 3.2rem 0
}

.static-article__body .articleWidget .instagram-media,.static-article__body .articleWidget .twitter-tweet,.static-article__body .twitterThumb .instagram-media,.static-article__body .twitterThumb .twitter-tweet {
    width: 100%!important;
    max-width: 500px!important;
    min-width: 270px!important
}

.static-article__body .articleWidget.left,.static-article__body .articleWidget.left>.instagram-post,.static-article__body .twitterThumb.left,.static-article__body .twitterThumb.left>.instagram-post {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.static-article__body .articleWidget.center,.static-article__body .articleWidget.center>.instagram-post,.static-article__body .articleWidget.full-width,.static-article__body .articleWidget.full-width>.instagram-post,.static-article__body .twitterThumb.center,.static-article__body .twitterThumb.center>.instagram-post,.static-article__body .twitterThumb.full-width,.static-article__body .twitterThumb.full-width>.instagram-post {
    -ms-flex-pack: center;
    justify-content: center
}

.static-article__body .articleWidget.right,.static-article__body .articleWidget.right>.instagram-post,.static-article__body .twitterThumb.right,.static-article__body .twitterThumb.right>.instagram-post {
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 64.0525em) {
    .static-article {
        padding:0 4.8rem 3.2rem
    }

    .static-article__tag {
        margin-bottom: .8rem
    }

    .static-article__summary {
        font-size: 2.4rem
    }
}

@media (max-width: 39.99em) {
    .static-article {
        padding:0 1.6rem 2.4rem
    }

    .static-article__title {
        font-size: 3rem
    }

    .static-article__summary {
        font-size: 1.8rem
    }

    .static-article__body p {
        line-height: 1.8;
        font-size: 1.4rem
    }
}

.stats-table {
    --player-image-width: 12.8rem;
    width: 100%;
    color: #fff;
    white-space: nowrap
}

.stats-table__head-row {
    background-color: #3e3e3e
}

.stats-table__head-cell {
    width: 12rem;
    line-height: 1;
    font-size: 1.4rem;
    padding: .8rem .4rem;
    border-bottom: 4px solid #000;
    text-transform: uppercase;
    text-align: center;
    color: #e2e2e2
}

.stats-table__head-cell--pos {
    width: 8%
}

.stats-table__head-cell--name {
    padding-left: 0;
    text-align: left
}

.stats-table__head-cell--number {
    text-transform: none
}

.stats-table__row {
    border-top: 1px solid #3e3e3e
}

.stats-table__row--top .stats-table__cell {
    padding: 1.4rem;
    font-size: 2.4rem
}

.stats-table__row--top .stats-table__cell--pos {
    font-size: 3.2rem;
    color: var(--team-theme-text)
}

.stats-table__row--top .stats-table__cell--name {
    padding-left: 0;
    white-space: normal
}

.stats-table__row--top .stats-table__cell--team {
    padding-left: 4.2rem;
    overflow: hidden
}

.stats-table__row--top .stats-table__cell--main {
    font-size: 3.2rem
}

.stats-table__row--top .stats-table__cell--main:after,.stats-table__row--top .stats-table__cell--main:before,.stats-table__row--top .stats-table__cell--stat:after,.stats-table__row--top .stats-table__cell--stat:before {
    display: none
}

.stats-table__row--top .stats-table__team-logo {
    width: 9.1rem;
    height: 9.1rem
}

.stats-table__row--top.t-team-theme {
    background-color: var(--team-theme-primary);
    background-size: var(--team-theme-bg-pattern-size);
    color: var(--team-theme-text)
}

.stats-table__row--top.t-team-theme.t-oval-invincibles {
    background-position: top 9rem left -10rem;
    background-repeat: no-repeat
}

.stats-table__row--top.t-team-theme.t-welsh-fire {
    background-position: 50%
}

.stats-table__cell {
    position: relative;
    padding: 1.2rem;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.2
}

.stats-table__cell--pos {
    color: #ff0082;
    font-weight: 700
}

.stats-table__cell--name {
    text-align: left;
    padding-left: 0;
    text-transform: uppercase;
    font-weight: 700
}

.stats-table__cell--main {
    font-weight: 700
}

.stats-table__cell--main:before {
    left: 0
}

.stats-table__cell--main:before,.stats-table__cell--stat:after {
    content: "";
    width: 1px;
    position: absolute;
    top: 25%;
    bottom: 25%;
    background-color: #242424
}

.stats-table__cell--stat:after {
    right: 0
}

.stats-table__cell--stat:last-of-type:after {
    display: none
}

.stats-table__player {
    width: var(--player-image-width);
    height: calc((var(--player-image-width) * 3) / 2);
    position: absolute;
    top: .4rem;
    left: -1.6rem;
    display: block
}

.stats-table__team-logo {
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 auto
}

.stats-table--loading .stats-table__body {
    background-color: #242424
}

.stats-table--loading .stats-table__row {
    position: relative;
    background: linear-gradient(to bottom,#3e3e3e,#242424);
    animation: j 1.4s ease forwards infinite
}

.stats-table--loading .stats-table__row:first-child {
    animation-delay: .1s
}

.stats-table--loading .stats-table__row:nth-child(2) {
    animation-delay: .2s
}

.stats-table--loading .stats-table__row:nth-child(3) {
    animation-delay: .3s
}

.stats-table--loading .stats-table__row:nth-child(4) {
    animation-delay: .4s
}

.stats-table--loading .stats-table__row:nth-child(5) {
    animation-delay: .5s
}

.stats-table--loading .stats-table__row:nth-child(6) {
    animation-delay: .6s
}

.stats-table--loading .stats-table__row:nth-child(7) {
    animation-delay: .7s
}

.stats-table--loading .stats-table__row:nth-child(8) {
    animation-delay: .8s
}

.stats-table--loading .stats-table__row:nth-child(9) {
    animation-delay: .9s
}

.stats-table--loading .stats-table__row:nth-child(10) {
    animation-delay: 1s
}

.stats-table--loading .stats-table__cell {
    height: 6.2rem
}

@media (max-width: 840px) {
    .stats-table {
        --player-image-width:8.8rem
    }

    .stats-table__head-cell {
        font-size: 1.2rem
    }

    .stats-table__row--top .stats-table__cell {
        font-size: 2rem
    }

    .stats-table__row--top .stats-table__team-logo {
        width: 6.2rem;
        height: 6.2rem
    }

    .stats-table__row--top.t-team-theme.t-oval-invincibles {
        background-position: top 7rem left -10rem
    }

    .stats-table__cell {
        font-size: 1.4rem
    }

    .stats-table__cell--name {
        padding-right: .4rem
    }

    .stats-table__team-logo {
        width: 3.2rem;
        height: 3.2rem
    }

    .stats-table__player {
        left: -.8rem
    }
}

@media (max-width: 640px) {
    .stats-table {
        --player-image-width:7.8rem
    }

    .stats-table__head-cell {
        font-size: 1rem
    }

    .stats-table__row--top .stats-table__cell {
        font-size: 1.6rem
    }

    .stats-table__row--top .stats-table__team-logo {
        width: 4rem;
        height: 4rem
    }

    .stats-table__row--top.t-team-theme.t-oval-invincibles {
        background-position: top 5.6rem left -4rem
    }

    .stats-table__cell {
        font-size: 1.2rem
    }

    .stats-table__team-logo {
        width: 2.7rem;
        height: 2.7rem
    }

    .stats-table__player {
        left: -1.4rem
    }
}

@keyframes j {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.stats {
    padding-top: 3.2rem
}

.stats__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30rem 1fr;
    grid-template-columns: 30rem 1fr
}

.stats__sidebar {
    border-right: 1px solid #242424
}

.stats__main {
    padding-left: 3.2rem;
    color: #fff;
    overflow-x: hidden
}

.stats__main,.stats__table-header {
    position: relative
}

.stats__table-swipe {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    right: 0;
    bottom: 0;
    fill: #979797
}

.stats__table-container {
    position: relative;
    scroll-behavior: smooth;
    overflow-x: auto
}

@media (min-width: 840px) {
    .stats__table-container::-webkit-scrollbar {
        width:11px;
        height: 11px
    }

    .stats__table-container::-webkit-scrollbar-track {
        background: #3e3e3e
    }

    .stats__table-container::-webkit-scrollbar-thumb {
        background-color: #ff0082
    }
}

.stats__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 1300px) {
    .stats__grid {
        -ms-grid-columns:26rem 1fr;
        grid-template-columns: 26rem 1fr
    }

    .stats__main {
        padding-left: 1.6rem
    }
}

@media (max-width: 840px) {
    .stats {
        padding-top:0
    }

    .stats__grid {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .stats__main {
        padding-left: 0
    }

    .stats__table-swipe {
        width: 2.8rem;
        height: 2.8rem
    }
}

.team-animation__image-container {
    height: 70vh;
    position: relative
}

@media (max-width: 640px) {
    .team-animation.t-london-spirit .team-animation__image-container {
        height:50vh
    }
}

.team-animation.t-oval-invincibles .team-animation__image-container {
    height: 80vh
}

.team-coaches {
    margin-bottom: 4.8rem
}

.team-coaches__container {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0,1fr))[2];
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-gap: 1.6rem
}

.team-coaches__tile {
    color: inherit;
    text-decoration: none;
    height: 0;
    padding-top: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

.team-coaches__tile:after {
    content: "";
    height: .8rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--team-theme-primary);
    transition: background-color .2s ease
}

.team-coaches a.team-coaches__tile:focus:after {
    background-color: var(--team-theme-secondary)
}

.team-coaches a.team-coaches__tile:focus .team-coaches__image-container img {
    transform: scale(1.15);
    transition: transform 6s cubic-bezier(.19,1,.22,1),opacity .2s ease
}

@media (min-width: 840px) {
    .team-coaches a.team-coaches__tile:hover:after {
        background-color:var(--team-theme-secondary)
    }

    .team-coaches a.team-coaches__tile:hover .team-coaches__image-container img {
        transform: scale(1.15);
        transition: transform 6s cubic-bezier(.19,1,.22,1),opacity .2s ease
    }
}

.team-coaches__image-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.team-coaches__image-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 3s cubic-bezier(.19,1,.22,1),opacity .2s ease
}

.team-coaches__title {
    position: relative;
    text-align: center;
    font-size: 4.8rem;
    font-family: var(--team-theme-title-font);
    line-height: var(--team-theme-card-line-height);
    text-transform: var(--team-theme-title-case);
    letter-spacing: var(--team-theme-title-letter-spacing);
    color: var(--team-theme-primary);
    z-index: 10
}

.team-coaches__title .highlight {
    padding: 0 .8rem;
    background-color: #000
}

.team-coaches__title .highlight:first-of-type {
    position: relative
}

.team-coaches__description {
    position: relative;
    margin-bottom: -1.2rem;
    padding: .4rem .8rem;
    font-size: 2.8rem;
    color: var(--team-theme-text);
    background-color: var(--team-theme-primary);
    font-family: var(--team-theme-title-font);
    line-height: var(--team-theme-title-line-height);
    text-transform: var(--team-theme-title-case);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    white-space: nowrap;
    z-index: 20
}

@media (max-width: 840px) {
    .team-coaches {
        margin-bottom:3.2rem
    }

    .team-coaches__title {
        font-size: 3rem
    }

    .team-coaches__description {
        margin-bottom: -.8rem;
        font-size: 2.2rem
    }
}

@media (max-width: 640px) {
    .team-coaches__container {
        grid-gap:.8rem
    }

    .team-coaches__tile {
        padding-top: 150%
    }
}

@media (max-width: 415px) {
    .team-coaches__tile {
        padding-top:150%
    }

    .team-coaches__title {
        font-size: 2.2rem
    }

    .team-coaches__description {
        margin-bottom: -.4rem;
        font-size: 1.2rem
    }
}

.team-coaches.t-birmingham-phoenix .team-coaches__title {
    color: #fff;
    line-height: 1
}

.team-coaches.t-london-spirit .team-coaches__title {
    color: #fff;
    font-size: 8.8rem
}

.team-coaches.t-london-spirit .team-coaches__description {
    font-family: var(--team-theme-secondary-font);
    text-transform: capitalize
}

@media (max-width: 840px) {
    .team-coaches.t-london-spirit .team-coaches__title {
        font-size:4rem
    }
}

.team-coaches.t-manchester-originals a.team-coaches__tile:focus:after {
    background-color: var(--team-theme-tertiary)
}

@media (min-width: 840px) {
    .team-coaches.t-manchester-originals a.team-coaches__tile:hover:after {
        background-color:var(--team-theme-tertiary)
    }
}

.team-coaches.t-manchester-originals .team-coaches__title {
    font-size: 3rem
}

.team-coaches.t-manchester-originals .team-coaches__title .highlight {
    color: var(--team-theme-secondary);
    line-height: 1.3
}

.team-coaches.t-manchester-originals .team-coaches__title .highlight--second {
    color: var(--team-theme-primary);
    background-color: var(--team-theme-secondary)
}

.team-coaches.t-manchester-originals .team-coaches__description {
    font-size: 2.2rem
}

@media (max-width: 640px) {
    .team-coaches.t-manchester-originals .team-coaches__title .highlight {
        font-size:1.8rem;
        line-height: 1.3
    }

    .team-coaches.t-manchester-originals .team-coaches__description {
        font-size: 1.1rem
    }
}

.team-coaches.t-northern-superchargers .team-coaches__title {
    color: var(--team-theme-text)
}

.team-coaches.t-northern-superchargers .team-coaches__title .highlight {
    background-color: var(--team-theme-tertiary)
}

.team-coaches.t-oval-invincibles .team-coaches__title .highlight {
    line-height: 1.2;
    padding-top: .4rem
}

.team-coaches.t-southern-brave .team-coaches__title {
    margin-bottom: .9rem
}

.team-coaches.t-southern-brave .team-coaches__description {
    color: var(--team-theme-tertiary)
}

@media (max-width: 640px) {
    .team-coaches.t-southern-brave .team-coaches__title {
        margin-bottom:.5rem
    }
}

.team-coaches.t-trent-rockets .team-coaches__tile:after {
    background-color: var(--team-theme-secondary)
}

.team-coaches.t-trent-rockets a.team-coaches__tile:focus:after {
    background-color: var(--team-theme-primary)
}

@media (min-width: 840px) {
    .team-coaches.t-trent-rockets a.team-coaches__tile:hover:after {
        background-color:var(--team-theme-primary)
    }
}

.team-coaches.t-trent-rockets .team-coaches__title {
    line-height: 1.2
}

.team-coaches.t-trent-rockets .team-coaches__description {
    background-color: var(--team-theme-secondary);
    color: var(--team-theme-tertiary)
}

.team-coaches.t-welsh-fire .team-coaches__title {
    color: var(--team-theme-text);
    margin-bottom: .9rem
}

.team-coaches.t-welsh-fire .team-coaches__title .highlight {
    padding-bottom: .8rem
}

.team-coaches.t-welsh-fire .team-coaches__description {
    padding: 0 .8rem .6rem
}

@media (max-width: 640px) {
    .team-coaches.t-welsh-fire .team-coaches__title {
        line-height:1.2;
        margin-bottom: .6rem
    }
}

.team-description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.team-description .article__body {
    font-size: 2rem;
    padding: 0 6.4rem;
    max-width: 110rem;
    text-align: center
}

.team-description .article__body p {
    line-height: 1.7
}

@media (max-width: 840px) {
    .team-description .article__body {
        font-size:1.8rem
    }
}

@media (max-width: 640px) {
    .team-description {
        margin-bottom:0
    }

    .team-description .article__body {
        font-size: 1.4rem;
        padding: 0 2.5rem
    }
}

.team-editorial {
    position: relative
}

.team-editorial__background {
    width: 40%;
    max-width: 52rem;
    position: absolute;
    bottom: 0;
    left: 0
}

.team-editorial__promo {
    width: 75%;
    position: relative;
    padding-bottom: 3.2rem
}

.team-editorial__image-container {
    height: 0;
    padding-top: 56.25%;
    box-shadow: -2px 2px 6px 1px rgba(0,0,0,.2)
}

.team-editorial__caption {
    width: 55%;
    position: absolute;
    top: 50%;
    right: -35%;
    transform: translateY(-50%);
    padding: 3.2rem;
    background-color: #fff
}

.team-editorial__title {
    margin-bottom: 1.6rem;
    font-size: 5rem;
    font-family: var(--team-theme-title-font);
    line-height: var(--team-theme-title-line-height);
    text-transform: var(--team-theme-title-case)
}

.team-editorial__summary {
    font-size: 2rem;
    line-height: 1.4
}

.team-editorial__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 1025px) {
    .team-editorial__background {
        width:50%
    }

    .team-editorial__image-container {
        padding-top: 62.5%
    }

    .team-editorial__title {
        font-size: 4rem
    }

    .team-editorial__summary {
        font-size: 1.6rem
    }
}

@media (max-width: 840px) {
    .team-editorial__promo {
        width:auto;
        margin-right: -1.6rem;
        margin-left: -1.6rem;
        padding-bottom: 0
    }

    .team-editorial__image-container {
        box-shadow: none;
        padding-top: 56.25%
    }

    .team-editorial__caption {
        width: 95%;
        position: relative;
        right: auto;
        transform: none;
        margin: -8rem auto 3.2rem;
        padding: 1.6rem 1.6rem 0;
        text-align: center
    }

    .team-editorial__title {
        padding: 0 1.6rem
    }

    .team-editorial__footer {
        margin: .8rem 0 3.2rem;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 640px) {
    .team-editorial__caption {
        margin-top:-6rem;
        margin-bottom: 1.6rem
    }

    .team-editorial__title {
        font-size: 3rem
    }

    .team-editorial__summary {
        font-size: 1.4rem
    }
}

.team-editorial.t-birmingham-phoenix .team-editorial__title {
    font-size: 5.6rem
}

@media (max-width: 1025px) {
    .team-editorial.t-birmingham-phoenix .team-editorial__title {
        font-size:4rem
    }
}

@media (max-width: 640px) {
    .team-editorial.t-birmingham-phoenix .team-editorial__title {
        font-size:3rem
    }
}

.team-editorial.t-london-spirit .team-editorial__title {
    font-size: 7rem
}

@media (max-width: 1025px) {
    .team-editorial.t-london-spirit .team-editorial__title {
        font-size:5.2rem
    }
}

.team-editorial.t-manchester-originals .team-editorial__title {
    font-feature-settings: "smcp" on;
    text-transform: none
}

.team-editorial.t-northern-superchargers .team-editorial__title {
    font-size: 6rem;
    text-indent: 1px
}

@media (max-width: 1025px) {
    .team-editorial.t-northern-superchargers .team-editorial__title {
        font-size:5.2rem
    }
}

.team-editorial-background__image-container {
    height: 0;
    padding-top: 100%
}

.team-editorial-playlist {
    padding-bottom: 1.6rem
}

.team-editorial-playlist__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0,1fr))[4];
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-gap: 1.6rem;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.team-editorial-playlist__item {
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1025px) {
    .team-editorial-playlist__list {
        -ms-grid-columns:(minmax(0,1fr))[3];
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 840px) {
    .team-editorial-playlist__list {
        -ms-grid-columns:100%;
        grid-template-columns: 100%;
        grid-gap: .8rem
    }
}

.team-header {
    --stripe-height: 2rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8rem 0;
    background-color: var(--team-theme-primary);
    background-size: var(--team-theme-bg-pattern-size);
    background-position: 50%
}

.team-header__team-logo {
    width: 26.8rem;
    height: 26.8rem
}

.team-header__docked {
    width: 100%;
    position: fixed;
    top: 12rem;
    left: 0;
    z-index: 40;
    transform: translateY(-100%);
    pointer-events: none;
    transition: transform .3s ease
}

.team-header__stripe {
    width: 100%;
    height: var(--stripe-height);
    background-color: var(--team-theme-primary);
    background-size: var(--team-theme-bg-pattern-size);
    background-position: 50%;
    box-shadow: 0 4px 7px rgba(0,0,0,.3)
}

.team-header__team-symbol {
    width: 8rem;
    height: 8rem;
    position: relative;
    margin-left: auto;
    padding: 1.6rem;
    top: calc(var(--stripe-height) * -1);
    background-color: #000;
    box-shadow: 1px 1px 7px rgba(0,0,0,.3);
    border-radius: 0 0 3px
}

.team-header--condensed {
    padding: 4rem 0
}

.team-header--condensed .team-header__team-logo {
    display: none
}

.team-header.is-docked .team-header__docked {
    transform: translateY(0)
}

@media (max-width: 1300px) {
    .team-header__docked {
        top:10rem
    }
}

@media (max-width: 840px) {
    .team-header--condensed {
        padding:1rem 0
    }
}

@media (max-width: 640px) {
    .team-header {
        padding:3.2rem 0
    }

    .team-header__team-logo {
        width: 15rem;
        height: 15rem
    }

    .team-header__team-symbol {
        width: 6rem;
        height: 6rem;
        padding: 1.2rem
    }

    .team-header--condensed {
        padding: 1rem 0
    }
}

.team-header.t-london-spirit {
    padding: 9rem 0
}

.team-header.t-london-spirit .team-header__team-logo {
    width: 57rem
}

.team-header.t-london-spirit.team-header--condensed {
    padding: 4rem 0
}

@media (max-width: 1025px) {
    .team-header.t-london-spirit .team-header__team-logo {
        width:37rem
    }
}

@media (max-width: 640px) {
    .team-header.t-london-spirit .team-header__team-logo {
        width:24rem
    }
}

.team-header.t-oval-invincibles {
    overflow: hidden;
    padding: 6rem 0;
    position: relative;
    background-image: none
}

.team-header.t-oval-invincibles:after,.team-header.t-oval-invincibles:before {
    content: "";
    position: absolute;
    background-position: 0,100%;
    background-repeat: no-repeat;
    height: 100%;
    left: 14vw;
    right: 14vw
}

.team-header.t-oval-invincibles.team-header--condensed:after,.team-header.t-oval-invincibles.team-header--condensed:before {
    content: none
}

@media (max-width: 1300px) {
    .team-header.t-oval-invincibles:after,.team-header.t-oval-invincibles:before {
        left:9vw;
        right: 9vw
    }
}

@media (max-width: 1025px) {
    .team-header.t-oval-invincibles {
        padding:4rem 0
    }

    .team-header.t-oval-invincibles:after,.team-header.t-oval-invincibles:before {
        left: -12vw;
        right: -12vw
    }

    .team-header.t-oval-invincibles:before {
        transform: rotate(340deg) scaleX(-1) scale(1)
    }

    .team-header.t-oval-invincibles:after {
        transform: rotate(10deg) scale(1)
    }
}

@media (max-width: 840px) {
    .team-header.t-oval-invincibles.team-header--condensed {
        padding:1rem 0
    }
}

@media (max-width: 415px) {
    .team-header.t-oval-invincibles:after,.team-header.t-oval-invincibles:before {
        left:-30vw;
        right: -30vw
    }
}

.team-header.t-trent-rockets .team-header__team-symbol {
    background-color: var(--team-theme-primary)
}

.team-promo-image__container {
    display: -ms-flexbox;
    display: flex
}

.team-promo-image__image-container {
    width: 100%;
    padding-bottom: 30rem
}

.team-promo-image__team-logo {
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: 2.4rem;
    left: 2.4rem
}

.team-promo-image__caption {
    width: 60%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2.4rem;
    background-color: var(--team-theme-primary)
}

.team-promo-image__title {
    margin-bottom: 2.4rem;
    font-size: 7rem;
    color: #fff;
    font-family: var(--team-theme-title-font);
    line-height: var(--team-theme-title-line-height);
    text-transform: var(--team-theme-title-case)
}

.team-promo-image__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 0 4px 1px rgba(0,0,0,.2)
}

.team-promo-image__link-icon {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: .4rem;
    fill: currentColor
}

@media (max-width: 840px) {
    .team-promo-image__container {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .team-promo-image__caption {
        width: 100%
    }

    .team-promo-image__title {
        font-size: 6rem
    }
}

@media (max-width: 640px) {
    .team-promo-image__team-logo {
        width:8rem;
        height: 8rem;
        top: 1.6rem;
        left: 1.6rem
    }

    .team-promo-image__caption {
        padding: 1.6rem
    }

    .team-promo-image__title {
        font-size: 5rem
    }
}

@media (max-width: 415px) {
    .team-promo-image__title {
        font-size:4rem
    }

    .team-promo-image__image-container {
        padding-bottom: 23rem
    }
}

.team-promo-image.t-team-theme .team-promo-image__title {
    color: var(--team-theme-text)
}

.team-promo-image.t-london-spirit .team-promo-image__team-logo {
    width: 15rem
}

.team-promo-image.t-london-spirit .team-promo-image__title {
    font-size: 11rem
}

@media (max-width: 840px) {
    .team-promo-image.t-london-spirit .team-promo-image__team-logo {
        width:10rem
    }

    .team-promo-image.t-london-spirit .team-promo-image__title {
        font-size: 9rem
    }
}

@media (max-width: 640px) {
    .team-promo-image.t-london-spirit .team-promo-image__title {
        font-size:8rem
    }
}

.team-promo-image.t-oval-invincibles .team-promo-image__caption {
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 190% 160%
}

.team-promo-image.t-oval-invincibles .team-promo-image__title {
    font-size: 5rem
}

@media (max-width: 840px) {
    .team-promo-image.t-oval-invincibles .team-promo-image__team-logo {
        width:10rem
    }

    .team-promo-image.t-oval-invincibles .team-promo-image__title {
        font-size: 4.5rem
    }
}

@media (max-width: 640px) {
    .team-promo-image.t-oval-invincibles .team-promo-image__title {
        font-size:3.8rem
    }
}

.team-promo-image.t-welsh-fire .team-promo-image__caption {
    background-size: cover;
    background-position: 50%
}

.team-promo-image.t-welsh-fire .team-promo-image__title {
    font-size: 5rem
}

@media (max-width: 840px) {
    .team-promo-image.t-welsh-fire .team-promo-image__team-logo {
        width:10rem
    }

    .team-promo-image.t-welsh-fire .team-promo-image__title {
        font-size: 4.5rem
    }
}

@media (max-width: 640px) {
    .team-promo-image.t-welsh-fire .team-promo-image__title {
        font-size:3.8rem
    }
}

.team-promo__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 1.6rem
}

.team-promo__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3.2rem;
    background-color: var(--team-theme-primary);
    background-size: var(--team-theme-bg-pattern-size);
    background-position: 50%
}

.team-promo__title {
    width: 90%;
    margin-bottom: 3.2rem;
    font-size: 5rem;
    color: var(--team-theme-text);
    line-height: var(--team-theme-title-line-height);
    font-family: var(--team-theme-title-font);
    text-transform: var(--team-theme-title-case);
    letter-spacing: var(--team-theme-title-letter-spacing)
}

.team-promo__link-container {
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.team-promo__link.button {
    background-color: var(--team-theme-tertiary)
}

.team-promo__logo {
    width: 21.4rem;
    height: 21.4rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 840px) {
    .team-promo__container {
        padding:2.4rem
    }

    .team-promo__title {
        width: 100%
    }

    .team-promo__logo {
        display: none
    }
}

@media (max-width: 640px) {
    .team-promo__container {
        padding:1.6rem
    }

    .team-promo__title {
        font-size: 3.2rem
    }
}

.team-promo.t-london-spirit .team-promo__title {
    font-size: 9.2rem
}

@media (max-width: 640px) {
    .team-promo.t-london-spirit .team-promo__container {
        background-image:none
    }

    .team-promo.t-london-spirit .team-promo__title {
        font-size: 4.4rem
    }
}

.team-promo.t-manchester-originals .team-promo__link.button {
    background-color: var(--team-theme-secondary);
    color: var(--team-theme-primary)
}

.team-promo.t-manchester-originals .team-promo__link.button:focus {
    background-color: var(--team-theme-tertiary);
    color: var(--team-theme-secondary)
}

@media (min-width: 840px) {
    .team-promo.t-manchester-originals .team-promo__link.button:hover {
        background-color:var(--team-theme-tertiary);
        color: var(--team-theme-secondary)
    }
}

.team-promo.t-manchester-originals .team-promo__content,.team-promo.t-manchester-originals .team-promo__logo {
    z-index: 10
}

.team-promo.t-manchester-originals .team-promo__container {
    background-image: none;
    position: relative
}



.team-promo.t-manchester-originals .team-promo__title {
    color: var(--team-theme-secondary)
}

@media (max-width: 640px) {
    .team-promo.t-manchester-originals .team-promo__container:after {
        content:"";
        height: 40%
    }
}

.team-promo.t-northern-superchargers .team-promo__title {
    font-size: 8rem;
    text-transform: none;
    line-height: 1.1
}

@media (max-width: 640px) {
    .team-promo.t-northern-superchargers .team-promo__container {
        background-image:none
    }

    .team-promo.t-northern-superchargers .team-promo__title {
        font-size: 3.8rem
    }
}

.team-promo.t-oval-invincibles .team-promo__container {
    overflow: hidden;
    position: relative;
    background-image: none
}

.team-promo.t-oval-invincibles .team-promo__container:after,.team-promo.t-oval-invincibles .team-promo__container:before {
    content: "";
    width: 50rem;
    height: 68rem;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover
}

.articleWidget .team-promo {
    margin-left: -6.4rem
}

.articleWidget .team-promo .team-promo__wrapper {
    padding: 0
}

@media (max-width: 1025px) {
    .articleWidget .team-promo {
        margin-left:-4.8rem
    }
}

@media (max-width: 640px) {
    .articleWidget .team-promo {
        margin:0 -1.6rem
    }
}

.team-squad-list__header {
    position: relative
}

.team-squad-list__tabs {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 40.8rem
}

.team-squad-list__tab {
    cursor: pointer;
    background-color: #fff;
    color: #000;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    width: 33.33333%;
    transition: background-color .2s ease,color .2s ease
}

.team-squad-list__tab.active,.team-squad-list__tab:focus {
    background-color: var(--team-theme-primary);
    color: #fff
}

@media (min-width: 840px) {
    .team-squad-list__tab:hover {
        background-color:var(--team-theme-primary);
        color: #fff
    }
}

.team-squad-list__players-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4,1fr);
    grid-gap: 1.6rem;
    opacity: 1
}

.team-squad-list__players-container.transitioning {
    animation: k 1s
}

.team-squad-list__player.is-hidden {
    display: none
}

@media (max-width: 840px) {
    .team-squad-list__players-container {
        -ms-grid-columns:(1fr)[3];
        grid-template-columns: repeat(3,1fr)
    }
}

@media (max-width: 640px) {
    .team-squad-list__header {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .team-squad-list__tabs {
        position: relative;
        margin-bottom: 1.8rem;
        max-width: 100%;
        width: 100%
    }

    .team-squad-list__tab {
        font-size: 1.4rem
    }

    .team-squad-list__players-container {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 415px) {
    .team-squad-list__players-container {
        -ms-grid-columns:(1fr)[1];
        grid-template-columns: repeat(1,1fr)
    }
}

.team-squad-list.t-manchester-originals .team-squad-list__tab.active,.team-squad-list.t-manchester-originals .team-squad-list__tab:focus {
    background-color: var(--team-theme-tertiary)
}

@media (min-width: 840px) {
    .team-squad-list.t-manchester-originals .team-squad-list__tab:hover {
        background-color:var(--team-theme-tertiary)
    }
}

.team-squad-list.t-oval-invincibles .team-squad-list__tab.active,.team-squad-list.t-oval-invincibles .team-squad-list__tab:focus {
    color: #000
}

@media (min-width: 840px) {
    .team-squad-list.t-oval-invincibles .team-squad-list__tab:hover {
        color:#000
    }
}

.team-squad-list.t-southern-brave .team-squad-list__tab.active,.team-squad-list.t-southern-brave .team-squad-list__tab:focus {
    color: #000
}

@media (min-width: 840px) {
    .team-squad-list.t-southern-brave .team-squad-list__tab:hover {
        color:#000
    }
}

.team-squad-list.t-trent-rockets .team-squad-list__tab.active,.team-squad-list.t-trent-rockets .team-squad-list__tab:focus {
    background-color: var(--team-theme-secondary)
}

@media (min-width: 840px) {
    .team-squad-list.t-trent-rockets .team-squad-list__tab:hover {
        background-color:var(--team-theme-secondary)
    }
}

@keyframes k {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.team-venues__container {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0,1fr))[2];
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-gap: 1.6rem
}

.team-venues__tile {
    color: inherit;
    text-decoration: none;
    height: 0;
    padding-top: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center
}

.team-venues__tile:after {
    content: "";
    height: 8.8rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--team-theme-primary);
    transition: background-color .2s ease
}

.team-venues a.team-venues__tile:focus:after {
    background-color: var(--team-theme-secondary)
}

.team-venues a.team-venues__tile:focus .team-venues__image-container img {
    transform: scale(1.15);
    transition: transform 6s cubic-bezier(.19,1,.22,1),opacity .2s ease
}

@media (min-width: 840px) {
    .team-venues a.team-venues__tile:hover:after {
        background-color:var(--team-theme-secondary)
    }

    .team-venues a.team-venues__tile:hover .team-venues__image-container img {
        transform: scale(1.15);
        transition: transform 6s cubic-bezier(.19,1,.22,1),opacity .2s ease
    }
}

.team-venues__image-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.team-venues__image-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 3s cubic-bezier(.19,1,.22,1),opacity .2s ease
}

.team-venues__title {
    position: relative;
    text-align: center;
    display: inline-block;
    margin-bottom: 4.6rem;
    font-size: 4.2rem;
    line-height: var(--team-theme-card-line-height);
    font-family: var(--team-theme-title-font);
    text-transform: var(--team-theme-title-case);
    letter-spacing: var(--team-theme-title-letter-spacing);
    color: var(--team-theme-primary);
    z-index: 10
}

.team-venues__title .highlight {
    padding: 0 .8rem;
    background-color: #000
}

.team-venues__title .highlight:first-of-type {
    position: relative
}

.team-venues--three-venues .team-venues__tile:after {
    height: 6.4rem
}

.team-venues--three-venues .team-venues__title {
    font-size: 3.6rem;
    margin-bottom: 2.8rem
}

@media (min-width: 840px) {
    .team-venues--three-venues .team-venues__container {
        -ms-grid-columns:(minmax(0,1fr))[3];
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 1025px) {
    .team-venues__tile:after {
        height:6.4rem
    }

    .team-venues--three-venues .team-venues__title {
        font-size: 2.8rem;
        margin-bottom: 3.6rem
    }
}

@media (max-width: 840px) {
    .team-venues__container {
        -ms-grid-columns:100%;
        grid-template-columns: 100%
    }

    .team-venues__tile {
        padding-top: 56.25%
    }

    .team-venues--three-venues .team-venues__title,.team-venues__title {
        font-size: 4.4rem;
        margin-bottom: 1.9rem
    }
}

@media (max-width: 640px) {
    .team-venues__container {
        grid-gap:.8rem
    }

    .team-venues__tile {
        padding-top: 62.5%
    }

    .team-venues__tile:after {
        height: 5.2rem
    }

    .team-venues__title {
        font-size: 3.2rem
    }

    .team-venues--three-venues .team-venues__tile:after {
        height: 5.2rem
    }

    .team-venues--three-venues .team-venues__title {
        font-size: 3.2rem
    }
}

@media (max-width: 415px) {
    .team-venues__title {
        font-size:2.4rem;
        margin-bottom: 2.2rem
    }
}

.team-venues.t-birmingham-phoenix .team-venues__title {
    color: #fff
}

.team-venues.t-london-spirit .team-venues__title {
    color: #fff;
    font-size: 8.8rem;
    line-height: var(--team-theme-title-line-height)
}

@media (max-width: 840px) {
    .team-venues.t-london-spirit .team-venues__title {
        font-size:6rem
    }
}

.team-venues.t-manchester-originals .team-venues__tile:after {
    background-color: var(--team-theme-tertiary)
}

.team-venues.t-manchester-originals a.team-venues__tile:focus:after {
    background-color: var(--team-theme-primary)
}

@media (min-width: 840px) {
    .team-venues.t-manchester-originals a.team-venues__tile:hover:after {
        background-color:var(--team-theme-primary)
    }
}

.team-venues.t-manchester-originals .team-venues__title {
    color: var(--team-theme-secondary)
}

.team-venues.t-manchester-originals .team-venues__title .highlight--second {
    background-color: var(--team-theme-secondary);
    color: var(--team-theme-primary)
}

@media (max-width: 1025px) {
    .team-venues.t-manchester-originals .team-venues__title {
        font-size:2.4rem
    }
}

@media (max-width: 840px) {
    .team-venues.t-manchester-originals .team-venues__title {
        margin-bottom:.8rem;
        font-size: 4.3rem
    }

    .team-venues.t-manchester-originals .team-venues--three-venues .team-venues__title {
        margin-bottom: .8rem
    }
}

@media (max-width: 640px) {
    .team-venues.t-manchester-originals .team-venues__title {
        font-size:2.5rem;
        margin-bottom: 1.9rem
    }
}

.team-venues.t-northern-superchargers .team-venues__title {
    color: var(--team-theme-text)
}

.team-venues.t-northern-superchargers .team-venues__title .highlight {
    background-color: var(--team-theme-tertiary)
}

.team-venues.t-oval-invincibles .team-venues__title .highlight {
    line-height: 1.2;
    padding-top: .4rem
}

.team-venues.t-southern-brave .team-venues__title {
    color: var(--team-theme-text)
}

.team-venues.t-welsh-fire .team-venues__tile:after {
    background-color: var(--team-theme-secondary)
}

.team-venues.t-welsh-fire .team-venues__title {
    color: var(--team-theme-text)
}

.team-venues.t-welsh-fire .team-venues__title .highlight {
    padding-bottom: .8rem
}

.teams-grid__header-image {
    height: 4.5rem;
    margin-bottom: 1.6rem;
    fill: #000
}

.teams-grid__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0,1fr))[4];
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-gap: 1.6rem
}

.teams-grid__logo-container {
    padding-top: 100%;
    position: relative;
    overflow: hidden
}

.teams-grid__link:focus .teams-grid__link-icon--white .team-logo__img,.teams-grid__link:focus .teams-grid__overlay {
    opacity: 0
}

@media (min-width: 840px) {
    .teams-grid__link:hover .teams-grid__link-icon--white .team-logo__img,.teams-grid__link:hover .teams-grid__overlay {
        opacity:0
    }
}

.teams-grid__background {
    background-color: var(--team-theme-primary);
    background-size: var(--team-theme-bg-pattern-size);
    background-position: 50%
}

.teams-grid__background,.teams-grid__overlay {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

.teams-grid__overlay {
    background-color: #000;
    transition: opacity .3s ease
}

.teams-grid__link-icon {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10
}

.teams-grid__link-icon .team-logo__img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transition: opacity .3s ease
}

.teams-grid--featured .teams-grid__container {
    -ms-grid-columns: (minmax(0,1fr))[3];
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.teams-grid--featured .teams-grid__background {
    transition: transform 3s cubic-bezier(.19,1,.22,1)
}

.teams-grid--featured .teams-grid__link:focus .teams-grid__background {
    transform: scale(1.2);
    transition: transform 6s cubic-bezier(.19,1,.22,1)
}

@media (min-width: 840px) {
    .teams-grid--featured .teams-grid__link:hover .teams-grid__background {
        transform:scale(1.2);
        transition: transform 6s cubic-bezier(.19,1,.22,1)
    }
}

.teams-grid--featured .teams-grid__link-icon {
    opacity: 1
}

.teams-grid--featured .content-grid-promo__title {
    font-size: 6.8rem
}

@media (max-width: 1025px) {
    .teams-grid__container {
        -ms-grid-columns:(minmax(0,1fr))[2];
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .teams-grid--featured .content-grid-promo__title {
        font-size: 5.4rem
    }
}

@media (max-width: 840px) {
    .teams-grid--featured .teams-grid__container {
        -ms-grid-columns:(minmax(0,1fr))[2];
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .teams-grid--featured .content-grid-promo {
        display: none
    }
}

@media (max-width: 640px) {
    .teams-grid__header-image {
        height:3rem;
        margin-bottom: .8rem
    }

    .teams-grid__container {
        grid-gap: .8rem
    }
}

.teams-navigation {
    height: 7rem;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    box-shadow: 0 4px 7px rgba(0,0,0,.3);
    transition: transform .45s ease
}

.teams-navigation__menu {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.teams-navigation__item {
    width: 12rem;
    height: 100%
}

.teams-navigation__link {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    transition: background-color .25s ease
}

.teams-navigation__link.is-active {
    background-color: var(--team-theme-primary)
}

.teams-navigation__link.is-active .team-logo__img {
    opacity: 0
}

.teams-navigation__link.is-active .team-logo__img--alt {
    opacity: 1
}

.teams-navigation__link:focus {
    background-color: var(--team-theme-primary)
}

.teams-navigation__link:focus .team-logo__img {
    opacity: 0
}

.teams-navigation__link:focus .team-logo__img--alt {
    opacity: 1
}

@media (min-width: 840px) {
    .teams-navigation__link:hover {
        background-color:var(--team-theme-primary)
    }

    .teams-navigation__link:hover .team-logo__img {
        opacity: 0
    }

    .teams-navigation__link:hover .team-logo__img--alt {
        opacity: 1
    }
}

.teams-navigation__link--featured {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.teams-navigation__link--featured.is-active,.teams-navigation__link--featured.is-active .teams-navigation__featured-link-text,.teams-navigation__link--featured:focus,.teams-navigation__link--featured:focus .teams-navigation__featured-link-text {
    color: #fff
}

@media (min-width: 840px) {
    .teams-navigation__link--featured:hover,.teams-navigation__link--featured:hover .teams-navigation__featured-link-text {
        color:#fff
    }
}

.teams-navigation .team-logo__img {
    width: 5.4rem;
    height: 4.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .25s ease
}

.teams-navigation .team-logo__img--alt {
    opacity: 0
}

.teams-navigation__featured-link-icon {
    width: 4rem;
    height: 4rem;
    fill: currentColor;
    transition: color .2s ease
}

.teams-navigation__featured-link-text {
    font-size: 1.1rem;
    transition: color .2s ease
}

.teams-navigation.is-active {
    transform: translateY(12rem)
}

@media (max-width: 1300px) {
    .teams-navigation.is-active {
        transform:translateY(10rem)
    }
}

.finals-tickets {
    position: relative
}

.finals-tickets__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.6rem
}

.finals-tickets__list-item {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.finals-tickets__image-container {
    position: relative;
    display: block;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden
}

.finals-tickets__info-container {
    border-top: 8px solid #caaa68;
    padding: 1.6rem;
    text-align: center
}

.finals-tickets__venue-title {
    font-size: 4.8rem;
    margin-bottom: .8rem;
    line-height: .9
}

.finals-tickets__venue-summary {
    font-size: 1.6rem;
    line-height: 1.4
}

.finals-tickets__button-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    padding: 1.6rem;
    border-top: 2px dashed #e2e2e2
}

.finals-tickets__button-container:after,.finals-tickets__button-container:before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: -.9rem;
    background: #000;
    border-radius: 100%;
    z-index: 5
}

.finals-tickets__button-container:before {
    left: -.8rem
}

.finals-tickets__button-container:after {
    right: -.8rem
}

.finals-tickets__button {
    width: calc(50% - .4rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    -ms-flex-pack: center;
    justify-content: center
}

.finals-tickets__button-icon {
    height: 2.4rem;
    width: 2.4rem;
    fill: #fff;
    margin-right: .4rem
}

@media (max-width: 1025px) {
    .finals-tickets__venue-title {
        font-size:3.8rem
    }
}

@media (max-width: 840px) {
    .finals-tickets__list {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .finals-tickets__list-item {
        width: 100%
    }

    .finals-tickets__venue-title {
        font-size: 3rem
    }
}

@media (max-width: 640px) {
    .finals-tickets__venue-title {
        font-size:2.4rem
    }

    .finals-tickets__venue-summary {
        font-size: 1.4rem
    }
}

.season-tickets {
    position: relative
}

.season-tickets__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0,1fr))[3];
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-gap: 1.6rem
}

.season-tickets__promo-title {
    font-size: 6rem
}

.season-tickets__list-item {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.season-tickets__image-container {
    position: relative;
    display: block;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden
}

.season-tickets__info-container {
    padding: .8rem;
    text-align: center
}

.season-tickets__venue-title {
    margin-bottom: .4rem;
    line-height: .9
}

.season-tickets__venue-summary {
    font-size: 1.4rem
}

.season-tickets__venue-summary .highlight {
    display: block;
    font-size: 1rem
}

.season-tickets__button-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: auto;
    padding: 1.6rem;
    border-top: 2px dashed #e2e2e2
}

.season-tickets__button-container:after,.season-tickets__button-container:before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: -.9rem;
    background: #000;
    border-radius: 100%;
    z-index: 5
}

.season-tickets__button-container:before {
    left: -.8rem
}

.season-tickets__button-container:after {
    right: -.8rem
}

.season-tickets__button {
    width: calc(50% - .4rem);
    min-height: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.1rem;
    padding: .8rem
}

.season-tickets__button:last-child:not(:first-child) {
    margin-left: .8rem
}

.season-tickets__button-icon {
    width: 2rem;
    height: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .4rem;
    fill: #fff
}

.season-tickets__modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.9);
    z-index: 60;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease,visibility .2s ease
}

.season-tickets__modal.is-open {
    opacity: 1;
    visibility: visible
}

.season-tickets__modal-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #000;
    color: #fff
}

.season-tickets__modal-header {
    margin-bottom: 1.6rem
}

.season-tickets__modal-close {
    width: 3.4rem;
    height: 3.4rem;
    position: absolute;
    top: 0;
    right: 1.6rem;
    border: 2px solid #fff;
    transition: background-color .2s ease,border-color .2s ease
}

.season-tickets__modal-close:focus {
    background-color: #ff0082;
    border-color: #ff0082
}

@media (min-width: 840px) {
    .season-tickets__modal-close:hover {
        background-color:#ff0082;
        border-color: #ff0082
    }
}

.season-tickets__modal-close-icon {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    fill: #fff
}

.season-tickets__fixtures-list {
    max-height: 60vh;
    overflow-y: auto
}

.season-tickets__fixtures-list .match-card__button-container {
    display: none
}

@media (max-width: 1025px) {
    .season-tickets__promo-title {
        font-size:5.2rem
    }

    .season-tickets__button-container {
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: .8rem
    }

    .season-tickets__button {
        width: 100%;
        margin: 0 0 .8rem
    }

    .season-tickets__button:last-child:not(:first-child) {
        margin-left: 0
    }
}

@media (min-width: 840px) {
    .season-tickets__fixtures-list::-webkit-scrollbar {
        width:11px;
        height: 11px
    }

    .season-tickets__fixtures-list::-webkit-scrollbar-track {
        background: #3e3e3e
    }

    .season-tickets__fixtures-list::-webkit-scrollbar-thumb {
        background-color: #ff0082
    }
}

@media (max-width: 840px) {
    .season-tickets__list {
        -ms-grid-columns:(minmax(0,1fr))[2];
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (max-width: 640px) {
    .season-tickets__list {
        -ms-grid-columns:(minmax(0,1fr))[1];
        grid-template-columns: repeat(1,minmax(0,1fr))
    }
}

.tickets-landing .widget-header__title {
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.2rem;
    line-height: .9
}

.tickets-landing .widget-header__title .highlight {
    margin: 0 .8rem
}

.tickets-landing__container,.tickets-landing__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.tickets-landing__item {
    color: inherit;
    text-decoration: none;
    width: calc(33.333% - 1.6rem);
    height: 36rem;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0 .8rem;
    padding: 1.6rem;
    background-color: #32c84b;
    overflow: hidden
}

.tickets-landing__item:focus .tickets-landing__item-title {
    transform: translateY(-11rem)
}

.tickets-landing__item:focus .tickets-landing__item-description {
    opacity: 1;
    transition: opacity .3s ease .3s
}

@media (min-width: 840px) {
    .tickets-landing__item:hover .tickets-landing__item-title {
        transform:translateY(-11rem)
    }

    .tickets-landing__item:hover .tickets-landing__item-description {
        opacity: 1;
        transition: opacity .3s ease .3s
    }
}

.tickets-landing__item-meta {
    font-family: hundred-ball,Helvetica Neue,sans-serif;
    text-transform: uppercase;
    max-width: 90%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .6rem 0;
    background-color: #ff0082;
    color: #fff;
    font-size: 2rem;
    white-space: nowrap;
    line-height: .9
}

.tickets-landing__item-meta--selling-fast .tickets-landing__item-meta-icon {
    width: 2rem;
    height: 2rem
}

.tickets-landing__item-meta--more-available .tickets-landing__item-meta-icon {
    width: 1.4rem;
    height: 1.4rem
}

.tickets-landing__item-meta-icon {
    width: 1.6rem;
    height: 1.6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 .8rem;
    fill: currentColor
}

.tickets-landing__item-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 4.2rem;
    color: #fff;
    transition: transform .4s ease .1s
}

.tickets-landing__item-title .highlight {
    padding: .2rem 1rem;
    line-height: .9;
    white-space: nowrap
}

.tickets-landing__item-title .highlight:first-child {
    background-color: #000
}

.tickets-landing__item-title .highlight:last-child {
    background-color: #ff0082
}

.tickets-landing__item-description {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.6rem;
    padding: 0 1.6rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity .3s ease 0s
}

.tickets-landing__item-chevron {
    width: 175%;
    height: 7rem;
    position: absolute;
    left: 0;
    bottom: 0;
    fill: #ff0082
}

.tickets-landing__footer {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1.6rem;
    font-size: 4.8rem;
    color: #fff;
    text-align: center
}

.tickets-landing__footer-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: 4.2rem
}

.tickets-landing__footer-title .highlight {
    line-height: .9
}

.tickets-landing__footer-title .highlight:first-child {
    width: 100%
}

.tickets-landing__footer-title .highlight:nth-child(2) {
    color: #32c84b;
    margin: 0 .8rem
}

.tickets-landing__footer-title .highlight:nth-child(3) {
    margin: 0 .8rem;
    background-color: transparent;
    color: #ff0082
}

@media (max-width: 1300px) {
    .tickets-landing__item-meta {
        font-size:1.6rem;
        white-space: normal;
        text-align: center;
        padding: .4rem 0
    }

    .tickets-landing__item-meta--selling-fast .tickets-landing__item-meta-icon {
        width: 1.4rem;
        height: 1.4rem
    }

    .tickets-landing__item-meta--more-available .tickets-landing__item-meta-icon {
        width: 1.2rem;
        height: 1.2rem
    }

    .tickets-landing__item-meta-icon {
        width: 1.4rem
    }

    .tickets-landing__item-title {
        font-size: 3.4rem
    }
}

@media (max-width: 1025px) {
    .tickets-landing__item-title {
        font-size:2.4rem
    }

    .tickets-landing__item-description {
        font-size: 1.4rem
    }
}

@media (max-width: 840px) {
    .tickets-landing .widget-header__title {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .tickets-landing .widget-header__title .highlight {
        margin: 0
    }

    .tickets-landing__container {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tickets-landing__item {
        width: 100%;
        height: 15rem;
        margin: 0 0 1.6rem
    }

    .tickets-landing__item:nth-child(2) .tickets-landing__item-chevron {
        left: -10rem
    }

    .tickets-landing__item:nth-child(3) .tickets-landing__item-chevron {
        left: -1rem
    }

    .tickets-landing__item-meta {
        white-space: nowrap
    }

    .tickets-landing__item-meta--selling-fast .tickets-landing__item-meta-icon {
        width: 1.6rem;
        height: 1.6rem
    }

    .tickets-landing__item-title {
        font-size: 3.8rem
    }

    .tickets-landing__item-chevron {
        bottom: -.8rem;
        height: 4rem;
        width: 128%;
        left: -6rem;
        transform: rotate(-2deg)
    }

    .tickets-landing__footer-title {
        font-size: 3.4rem
    }
}

@media (max-width: 640px) {
    .tickets-landing__footer-title {
        font-size:3.2rem
    }
}

@media (max-width: 415px) {
    .tickets-landing__item-title {
        font-size:3rem
    }
}

body {
    --team-theme-primary: #ff0082;
    --team-theme-secondary: #32c84b;
    --team-theme-tertiary: #fff;
    --team-theme-text: #000;
    --team-theme-captain-background: #000;
    --team-theme-captain-text: #fff;
    --team-theme-bg-pattern: url();
    --team-theme-bg-pattern-size: cover;
    --team-theme-title-font: hundred-ball,Impact,Helvetica Neue,sans-serif;
    --team-theme-title-case: uppercase;
    --team-theme-title-line-height: .9;
    --team-theme-title-letter-spacing: 0;
    --team-theme-secondary-font: styrenea,Helvetica Neue,sans-serif;
    --team-theme-card-line-height: normal
}

.t-birmingham-phoenix {
    --team-theme-primary: #ff4b32;
    --team-theme-secondary: #ff8c00;
    --team-theme-tertiary: #000;
    --team-theme-text: #000;
    --team-theme-captain-background: #000;
    --team-theme-captain-text: #ff8c00;
    --team-theme-bg-pattern-size: 300%;
    --team-theme-title-font: ff-ginger-pro,styrenea,Helvetica Neue,sans-serif;
    --team-theme-title-line-height: .8
}

.t-london-spirit {
    --team-theme-primary: #00f;
    --team-theme-secondary: #82d7ff;
    --team-theme-tertiary: #000;
    --team-theme-text: #fff;
    --team-theme-captain-background: #00f;
    --team-theme-captain-text: #fff;
    --team-theme-bg-pattern-size: 100%;
    --team-theme-title-font: druk-cond-super,Impact,sans-serif;
    --team-theme-secondary-font: gza-semibold,styrenea,Helvetica Neue,sans-serif;
    -webkit-font-smoothing: antialiased;
    --team-theme-title-letter-spacing: 1.2px
}

.t-manchester-originals {
    --team-theme-primary: #000;
    --team-theme-secondary: #fff;
    --team-theme-tertiary: #4b5055;
    --team-theme-text: #fff;
    --team-theme-captain-background: #000;
    --team-theme-captain-text: #fff;
    --team-theme-bg-pattern-size: 120%;
    --team-theme-title-font: originals-headline,hundred-ball,styrenea,Helvetica Neue,sans-serif;
    --team-theme-title-case: none;
    --team-theme-title-line-height: .9
}

.t-northern-superchargers {
    --team-theme-primary: #410069;
    --team-theme-secondary: #8c5fff;
    --team-theme-tertiary: #ff3241;
    --team-theme-text: #fff;
    --team-theme-captain-background: #ff3241;
    --team-theme-captain-text: #fff;
    --team-theme-bg-pattern-size: cover;
    --team-theme-title-font: sharp-grotesk-black-italic,hundred-ball,styrenea,Helvetica Neue,sans-serif;
    -webkit-font-smoothing: antialiased;
    --team-theme-title-letter-spacing: 1px;
    --team-theme-title-case: uppercase;
    --team-theme-title-line-height: .9
}

.t-oval-invincibles {
    --team-theme-primary: #0fa;
    --team-theme-secondary: #47e1a2;
    --team-theme-tertiary: #fff;
    --team-theme-text: #000;
    --team-theme-captain-background: #0fa;
    --team-theme-captain-text: #000;
    --team-theme-title-font: lucifer-sans-bold,hundred-ball,Helvetica Neue,sans-serif;
    --team-theme-title-case: uppercase;
    --team-theme-title-line-height: 1;
    --team-theme-secondary-font: styrenea,Helvetica Neue,sans-serif;
    --team-theme-card-line-height: 1.1
}

.t-southern-brave {
    --team-theme-primary: #c3dc46;
    --team-theme-secondary: #28aa4b;
    --team-theme-tertiary: #000;
    --team-theme-text: #000;
    --team-theme-captain-background: #000;
    --team-theme-captain-text: #000;
    --team-theme-bg-pattern-size: cover;
    --team-theme-title-font: px-grotesk-bold,hundred-ball,Helvetica Neue,sans-serif;
    --team-theme-title-case: none;
    --team-theme-title-line-height: 1;
    --team-theme-card-line-height: 1.1
}

.t-trent-rockets {
    --team-theme-primary: #ffe600;
    --team-theme-secondary: #f53c00;
    --team-theme-tertiary: #fff;
    --team-theme-text: #000;
    --team-theme-captain-background: #f53c00;
    --team-theme-captain-text: #fff;
    --team-theme-bg-pattern-size: cover;
    --team-theme-title-font: euclid-flex-bold,hundred-ball,Helvetica Neue,sans-serif;
    --team-theme-title-line-height: .9
}

.t-welsh-fire {
    --team-theme-primary: #ff0014;
    --team-theme-secondary: #ff2391;
    --team-theme-tertiary: #000;
    --team-theme-text: #fff;
    --team-theme-captain-background: #ff0014;
    --team-theme-captain-text: #fff;
    --team-theme-bg-pattern-size: 105%;
    --team-theme-title-font: code-pro-bold,hundred-ball,Helvetica Neue,sans-serif;
    --team-theme-title-line-height: 1;
    --team-theme-secondary-font: code-pro-regular,styrena,Helvetica Neue,sans-serif;
    --team-theme-card-line-height: 1.2
}
.u-hide {
    display: none!important
}

.u-show {
    display: block!important
}

.u-visually-hidden {
    visibility: hidden
}

.u-text-center {
    text-align: center
}

.u-text-upper {
    text-transform: uppercase!important
}

.u-no-font {
    font-size: 0!important
}

.u-screen-reader {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.u-body-no-scroll {
    height: 100%;
    overflow: hidden
}

.u-observed {
    min-width: .1rem;
    min-height: .1rem
}

.u-no-margin {
    margin: 0!important
}

.u-no-padding {
    padding: 0!important
}

@media (min-width: 1300px) {
    .u-show-wide {
        display:none
    }
}

@media (max-width: 1300px) {
    .u-hide-wide {
        display:none!important
    }
}

@media (min-width: 1025px) {
    .u-show-desktop {
        display:none
    }
}

@media (max-width: 1025px) {
    .u-hide-desktop {
        display:none!important
    }
}

@media (max-width: 840px) {
    .u-body-no-scroll {
        position:fixed
    }

    .u-hide-tablet {
        display: none
    }

    .u-display-tablet {
        display: inline-block!important
    }
}

@media (min-width: 840px) {
    .u-show-tablet {
        display:none!important
    }
}

@media (max-width: 640px) {
    .u-hide-phablet {
        display:none!important
    }
}

@media (min-width: 640px) {
    .u-show-phablet {
        display:none!important
    }
}

@media (min-width: 415px) {
    .u-show-mobile {
        display:none
    }
}

@media (max-width: 415px) {
    .u-hide-mobile {
        display:none
    }
}