@charset "UTF-8";

/*! 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
}
body,
html {
    overflow-x: hidden
}
.wrapper {
    width: 100%;
    max-width: 151.2rem;
    margin: 0 auto;
    padding: 0;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    margin-bottom: 2rem
}
@supports (padding:max(2.4rem)) {
    .wrapper {
        padding-left: max(2.4rem, env(safe-area-inset-left));
        padding-right: max(2.4rem, env(safe-area-inset-right))
    }
}
.wrapper:before {
    content: "";
    display: block
}
.wrapper:after {
    content: "";
    display: table;
    clear: both
}
@media (max-width:64.0525em) {
    .wrapper {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
    @supports (padding:max(1.6rem)) {
        .wrapper {
            padding-left: max(1.6rem, env(safe-area-inset-left));
            padding-right: max(1.6rem, env(safe-area-inset-right))
        }
    }
}
@media (max-width:52.49em) {
    .wrapper {
        padding-left: .4rem;
        padding-right: .4rem
    }
    @supports (padding:max(0.4rem)) {
        .wrapper {
            padding-left: max(.4rem, env(safe-area-inset-left));
            padding-right: max(.4rem, env(safe-area-inset-right))
        }
    }
}
[class*=col-] {
    width: 100%;
    padding-left: .8rem;
    padding-right: .8rem;
    float: left
}
.col-1 {
    width: 8.33333%
}
.col-2 {
    width: 16.66667%
}
.col-3 {
    width: 25%
}
.col-4 {
    width: 33.33333%
}
.col-5 {
    width: 41.66667%
}
.col-6 {
    width: 50%
}
.col-7 {
    width: 58.33333%
}
.col-8 {
    width: 66.66667%
}
.col-9 {
    width: 75%
}
.col-10 {
    width: 83.33333%
}
.col-11 {
    width: 91.66667%
}
.col-12 {
    width: 100%
}
@media (max-width:81.24em) {
    .col-1-wide {
        width: 8.33333%
    }
    .col-2-wide {
        width: 16.66667%
    }
    .col-3-wide {
        width: 25%
    }
    .col-4-wide {
        width: 33.33333%
    }
    .col-5-wide {
        width: 41.66667%
    }
    .col-6-wide {
        width: 50%
    }
    .col-7-wide {
        width: 58.33333%
    }
    .col-8-wide {
        width: 66.66667%
    }
    .col-9-wide {
        width: 75%
    }
    .col-10-wide {
        width: 83.33333%
    }
    .col-11-wide {
        width: 91.66667%
    }
    .col-12-wide {
        width: 100%
    }
}
@media (max-width:64.0525em) {
    .col-1-desk {
        width: 8.33333%
    }
    .col-2-desk {
        width: 16.66667%
    }
    .col-3-desk {
        width: 25%
    }
    .col-4-desk {
        width: 33.33333%
    }
    .col-5-desk {
        width: 41.66667%
    }
    .col-6-desk {
        width: 50%
    }
    .col-7-desk {
        width: 58.33333%
    }
    .col-8-desk {
        width: 66.66667%
    }
    .col-9-desk {
        width: 75%
    }
    .col-10-desk {
        width: 83.33333%
    }
    .col-11-desk {
        width: 91.66667%
    }
    .col-12-desk {
        width: 100%
    }
}
@media (max-width:52.49em) {
    .col-1-tab {
        width: 8.33333%
    }
    .col-2-tab {
        width: 16.66667%
    }
    .col-3-tab {
        width: 25%
    }
    .col-4-tab {
        width: 33.33333%
    }
    .col-5-tab {
        width: 41.66667%
    }
    .col-6-tab {
        width: 50%
    }
    .col-7-tab {
        width: 58.33333%
    }
    .col-8-tab {
        width: 66.66667%
    }
    .col-9-tab {
        width: 75%
    }
    .col-10-tab {
        width: 83.33333%
    }
    .col-11-tab {
        width: 91.66667%
    }
    .col-12-tab {
        width: 100%
    }
    [class*=col-] {
        padding-left: .4rem;
        padding-right: .4rem
    }
}
@media (max-width:39.99em) {
    .col-1-phab {
        width: 8.33333%
    }
    .col-2-phab {
        width: 16.66667%
    }
    .col-3-phab {
        width: 25%
    }
    .col-4-phab {
        width: 33.33333%
    }
    .col-5-phab {
        width: 41.66667%
    }
    .col-6-phab {
        width: 50%
    }
    .col-7-phab {
        width: 58.33333%
    }
    .col-8-phab {
        width: 66.66667%
    }
    .col-9-phab {
        width: 75%
    }
    .col-10-phab {
        width: 83.33333%
    }
    .col-11-phab {
        width: 91.66667%
    }
    .col-12-phab {
        width: 100%
    }
}
@media (max-width:25.9275em) {
    .col-1-mob {
        width: 8.33333%
    }
    .col-2-mob {
        width: 16.66667%
    }
    .col-3-mob {
        width: 25%
    }
    .col-4-mob {
        width: 33.33333%
    }
    .col-5-mob {
        width: 41.66667%
    }
    .col-6-mob {
        width: 50%
    }
    .col-7-mob {
        width: 58.33333%
    }
    .col-8-mob {
        width: 66.66667%
    }
    .col-9-mob {
        width: 75%
    }
    .col-10-mob {
        width: 83.33333%
    }
    .col-11-mob {
        width: 91.66667%
    }
    .col-12-mob {
        width: 100%
    }
}
[class*=block-list] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
[class*=block-list],
[class*=block-list]>li {
    clear: both;
    display: -ms-flexbox;
    display: flex
}
[class*=block-list]>li {
    vertical-align: top;
    margin-bottom: 2rem;
    padding-left: .8rem;
    padding-right: .8rem;
    width: 100%
}
[class*=block-list]:last-of-type {
    margin-bottom: -2rem
}
.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%
}
.block-list-5>li {
    width: 20%
}
@media (max-width:99.115em) {
    .block-list-1-bg-wrapper>li {
        width: 100%
    }
    .block-list-2-bg-wrapper>li {
        width: 50%
    }
    .block-list-3-bg-wrapper>li {
        width: 33.33333%
    }
    .block-list-4-bg-wrapper>li {
        width: 25%
    }
    .block-list-5-bg-wrapper>li {
        width: 20%
    }
}
@media (max-width:94.49em) {
    .block-list-1-wrapper-width>li {
        width: 100%
    }
    .block-list-2-wrapper-width>li {
        width: 50%
    }
    .block-list-3-wrapper-width>li {
        width: 33.33333%
    }
    .block-list-4-wrapper-width>li {
        width: 25%
    }
    .block-list-5-wrapper-width>li {
        width: 20%
    }
}
@media (max-width:89.99em) {
    .block-list-1-extra-wide>li {
        width: 100%
    }
    .block-list-2-extra-wide>li {
        width: 50%
    }
    .block-list-3-extra-wide>li {
        width: 33.33333%
    }
    .block-list-4-extra-wide>li {
        width: 25%
    }
    .block-list-5-extra-wide>li {
        width: 20%
    }
}
@media (max-width:81.24em) {
    .block-list-1-wide>li {
        width: 100%
    }
    .block-list-2-wide>li {
        width: 50%
    }
    .block-list-3-wide>li {
        width: 33.33333%
    }
    .block-list-4-wide>li {
        width: 25%
    }
    .block-list-5-wide>li {
        width: 20%
    }
}
@media (max-width:64.0525em) {
    .block-list-1-desktop>li {
        width: 100%
    }
    .block-list-2-desktop>li {
        width: 50%
    }
    .block-list-3-desktop>li {
        width: 33.33333%
    }
    .block-list-4-desktop>li {
        width: 25%
    }
    .block-list-5-desktop>li {
        width: 20%
    }
}
@media (max-width:52.49em) {
    .block-list-1-tablet>li {
        width: 100%
    }
    .block-list-2-tablet>li {
        width: 50%
    }
    .block-list-3-tablet>li {
        width: 33.33333%
    }
    .block-list-4-tablet>li {
        width: 25%
    }
    .block-list-5-tablet>li {
        width: 20%
    }
    [class*=block-list]>li {
        padding-left: .4rem;
        padding-right: .4rem;
        margin-bottom: .8rem
    }
    [class*=block-list]:last-of-type {
        margin-bottom: -.8rem
    }
}
@media (max-width:39.99em) {
    .block-list-1-phablet>li {
        width: 100%
    }
    .block-list-2-phablet>li {
        width: 50%
    }
    .block-list-3-phablet>li {
        width: 33.33333%
    }
    .block-list-4-phablet>li {
        width: 25%
    }
    .block-list-5-phablet>li {
        width: 20%
    }
}
@media (max-width:31.24em) {
    .block-list-1-large-mobile>li {
        width: 100%
    }
    .block-list-2-large-mobile>li {
        width: 50%
    }
    .block-list-3-large-mobile>li {
        width: 33.33333%
    }
    .block-list-4-large-mobile>li {
        width: 25%
    }
    .block-list-5-large-mobile>li {
        width: 20%
    }
}
@media (max-width:25.9275em) {
    .block-list-1-mobile>li {
        width: 100%
    }
    .block-list-2-mobile>li {
        width: 50%
    }
    .block-list-3-mobile>li {
        width: 33.33333%
    }
    .block-list-4-mobile>li {
        width: 25%
    }
    .block-list-5-mobile>li {
        width: 20%
    }
}
@media (max-width:23.115em) {
    .block-list-1-small-mobile>li {
        width: 100%
    }
    .block-list-2-small-mobile>li {
        width: 50%
    }
    .block-list-3-small-mobile>li {
        width: 33.33333%
    }
    .block-list-4-small-mobile>li {
        width: 25%
    }
    .block-list-5-small-mobile>li {
        width: 20%
    }
}
@media (max-width:52.49em) {
    .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:25.9275em) {
    .scroll-grid-tablet>li {
        width: 75%!important
    }
}
@font-face {
    font-family: Ferry;
    src: url(../fonts/Ferry-Black.woff) format("woff"), url(../fonts/Ferry-Black.woff2) format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}
* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
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
}
html {
    font-size: 62.5%
}
body {
    background: #fff;
    font-size: 1.4rem
}
.icon {
    height: 2rem;
    fill: #000
}
.flag,
.icon {
    width: 2rem;
    display: block
}
.flag {
    height: 1.5rem
}
.skip-to {
    padding: 0 2rem;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-decoration: none;
    transition: .2s;
    background: #0a4d3c;
    line-height: 5rem;
    transform: translateX(-101%);
    z-index: 1000
}
.skip-to:focus {
    transform: translateX(0)
}
img {
    max-width: 100%
}
@media (min-width:52.5em) {
    :focus {
        outline: 5px auto #0a4d3c
    }
}
@media (max-width:52.49em) {
    :focus {
        outline: none
    }
}
body {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    color: #0a0a0a;
    font-size: 1.9rem
}
h1 {
    font-size: 7.2rem
}
h2 {
    font-size: 2.4rem
}
h3 {
    font-size: 1.9rem
}
h4 {
    font-size: 1.6rem
}
h5 {
    font-size: 1.4rem
}
h6 {
    font-size: 1.2rem
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.bold,
strong {
    font-weight: 800
}
.light {
    font-weight: 300
}
p {
    line-height: 1.68
}
p a {
    text-decoration: none;
    color: #0a4d3c;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
p a:focus {
    text-decoration: underline
}
@media (min-width:52.5em) {
    p a:hover {
        text-decoration: underline
    }
}
@media (max-width:39.99em) {
    body {
        font-size: 1.6rem
    }
}
@keyframes a {
    0% {
        opacity: 0;
        transform: translateY(2%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}
@keyframes b {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes c {
    0% {
        transform: translateX(0) rotate(0deg)
    }
    to {
        transform: translateX(100%) rotate(160deg)
    }
}
@keyframes d {
    0% {
        transform: translateY(0) rotate(0deg)
    }
    to {
        transform: translateY(100%) rotate(160deg)
    }
}
@keyframes e {
    0% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}
@keyframes f {
    0% {
        transform: translateY(100%);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}
.fade-in-on-load {
    opacity: 0;
    transition: opacity .25s cubic-bezier(0, .4, .5, 1)
}
.fade-in-on-load.is-loaded {
    opacity: 1
}
.icn {
    background-image: url(../i/sprites/global-sprite.png);
    background-repeat: no-repeat
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .icn {
        background-size: 301px 162px;
        background-image: url(../i/sprites/global-sprite@x2.png)
    }
}
.icn-logo-bitbucket {
    background-position: -179px -60px;
    width: 40px;
    height: 40px;
    display: block
}
.icn-logo-confluence {
    background-position: -219px -60px
}
.icn-logo-confluence,
.icn-logo-jira {
    width: 40px;
    height: 40px;
    display: block
}
.icn-logo-jira {
    background-position: -259px -60px
}
.icn-logo-zeplin {
    background-position: -179px -100px;
    width: 40px;
    height: 40px;
    display: block
}
.icn-podcast-apple--small {
    background-position: 0 -132px;
    width: 122px;
    height: 30px;
    display: block
}
.icn-podcast-apple {
    background-position: 0 0;
    width: 179px;
    height: 44px;
    display: block
}
.icn-podcast-google--small {
    background-position: -179px 0;
    width: 122px;
    height: 30px;
    display: block
}
.icn-podcast-google {
    background-position: 0 -44px;
    width: 179px;
    height: 44px;
    display: block
}
.icn-podcast-spotify--small {
    background-position: -179px -30px;
    width: 110px;
    height: 30px;
    display: block
}
.icn-podcast-spotify {
    background-position: 0 -88px;
    width: 162px;
    height: 44px;
    display: block
}
.bio-content h2 {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 2.9rem;
    margin: 3.2rem 0 1.2rem;
    color: #0a0a0a
}
.bio-content strong {
    color: #0a0a0a
}
.bio-content p {
    margin-bottom: 3.2rem;
    color: #585858
}
.bio-content ul li {
    margin-bottom: 1.8rem;
    line-height: 1.68;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    color: #585858
}
.bio-content ul li:before {
    content: "•";
    color: #0a0a0a;
    font-size: 2.5rem;
    line-height: 2.8rem;
    margin-right: 1.6rem
}
@media (max-width:39.99em) {
    .bio-content h2 {
        margin: 1.8rem 0
    }
    .bio-content p,
    .bio-content ul {
        margin-bottom: 2.4rem
    }
    .bio-content ul li {
        margin-bottom: 1.2rem;
        font-size: 1.6rem;
        line-height: 1.77
    }
    .bio-content ul li:before {
        font-size: 2.2rem;
        line-height: 2.6rem
    }
}
.btn,
.button {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 1.3rem 3rem;
    background-color: #141414;
    border: 0;
    border-radius: 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 1.6rem;
    letter-spacing: .6px;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .4s ease, color .4s ease, border-color .4s ease
}
.btn .icon,
.button .icon {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    fill: #0a0a0a;
    transition: fill .4s ease
}
.btn:focus .icon,
.button:focus .icon {
    fill: #fff
}
@media (min-width:52.5em) {
    .btn:hover .icon,
    .button:hover .icon {
        fill: #fff
    }
}
.btn[disabled],
.button[disabled] {
    background-color: hsla(0, 0%, 8%, .4);
    color: hsla(0, 0%, 100%, .4);
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%)) or (clip-path:polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%))) {
    .btn[data-text]:before,
    .button[data-text]:before {
        content: attr(data-text);
        color: #fff;
        padding: 1.3rem 2.8rem;
        position: absolute;
        white-space: nowrap;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #0a4d3c;
        -webkit-clip-path: polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%);
        clip-path: polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%);
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease
    }
    .btn[data-text].btn-small:before,
    .btn[data-text].button--small:before,
    .button[data-text].btn-small:before,
    .button[data-text].button--small:before {
        padding: 1rem 2.5rem
    }
    .btn[data-text]:focus,
    .button[data-text]:focus {
        background-color: #141414;
        color: #fff
    }
    .btn[data-text]:focus:before,
    .button[data-text]:focus:before {
        -webkit-clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%);
        clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%)
    }
    @media (min-width:52.5em) {
        .btn[data-text]:hover,
        .button[data-text]:hover {
            background-color: #141414;
            color: #fff
        }
        .btn[data-text]:hover:before,
        .button[data-text]:hover:before {
            -webkit-clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%);
            clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%)
        }
    }
}
.btn--secondary,
.button--secondary {
    background-color: #fff;
    color: #141414
}
.btn--secondary[disabled],
.button--secondary[disabled] {
    background-color: hsla(0, 0%, 100%, .4);
    color: hsla(0, 0%, 8%, .4)
}
@supports ((-webkit-clip-path:polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%)) or (clip-path:polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%))) {
    .btn--secondary[data-text]:before,
    .button--secondary[data-text]:before {
        content: attr(data-text);
        color: #fff;
        padding: 1.3rem 2.8rem;
        position: absolute;
        white-space: nowrap;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #0a4d3c;
        -webkit-clip-path: polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%);
        clip-path: polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%);
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease
    }
    .btn--secondary[data-text].btn-small:before,
    .btn--secondary[data-text].button--small:before,
    .button--secondary[data-text].btn-small:before,
    .button--secondary[data-text].button--small:before {
        padding: 1rem 2.5rem
    }
    .btn--secondary[data-text]:focus,
    .button--secondary[data-text]:focus {
        background-color: #fff;
        color: #141414
    }
    .btn--secondary[data-text]:focus:before,
    .button--secondary[data-text]:focus:before {
        -webkit-clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%);
        clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%)
    }
    @media (min-width:52.5em) {
        .btn--secondary[data-text]:hover,
        .button--secondary[data-text]:hover {
            background-color: #fff;
            color: #141414
        }
        .btn--secondary[data-text]:hover:before,
        .button--secondary[data-text]:hover:before {
            -webkit-clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%);
            clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%)
        }
    }
}
.btn--inverted,
.button--inverted {
    background-color: #0a4d3c;
    color: #fff
}
.btn--inverted[disabled],
.button--inverted[disabled] {
    background-color: rgba(120, 20, 255, .4);
    color: hsla(0, 0%, 100%, .4)
}
@supports ((-webkit-clip-path:polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%)) or (clip-path:polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%))) {
    .btn--inverted[data-text]:before,
    .button--inverted[data-text]:before {
        content: attr(data-text);
        color: #fff;
        padding: 1.3rem 2.8rem;
        position: absolute;
        white-space: nowrap;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #0a4d3c;
        -webkit-clip-path: polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%);
        clip-path: polygon(-1% -1%, -1% -1%, -1% 101%, -1% 101%);
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease
    }
    .btn--inverted[data-text].btn-small:before,
    .btn--inverted[data-text].button--small:before,
    .button--inverted[data-text].btn-small:before,
    .button--inverted[data-text].button--small:before {
        padding: 1rem 2.5rem
    }
    .btn--inverted[data-text]:before,
    .button--inverted[data-text]:before {
        background-color: #fff;
        color: #141414
    }
    .btn--inverted[data-text]:focus,
    .button--inverted[data-text]:focus {
        background-color: #0a4d3c;
        color: #fff
    }
    .btn--inverted[data-text]:focus:before,
    .button--inverted[data-text]:focus:before {
        -webkit-clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%);
        clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%)
    }
    @media (min-width:52.5em) {
        .btn--inverted[data-text]:hover,
        .button--inverted[data-text]:hover {
            background-color: #0a4d3c;
            color: #fff
        }
        .btn--inverted[data-text]:hover:before,
        .button--inverted[data-text]:hover:before {
            -webkit-clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%);
            clip-path: polygon(-1% -1%, 101% -1%, 101% 101%, -1% 101%)
        }
    }
}
.btn--outline,
.button--outline {
    background-color: transparent;
    color: #141414;
    border: 1px solid #141414
}
.btn--outline:focus,
.button--outline:focus {
    background-color: transparent;
    color: #0a4d3c;
    border-color: #0a4d3c
}
.btn--outline:focus .icon,
.button--outline:focus .icon {
    fill: #0a4d3c
}
@media (min-width:52.5em) {
    .btn--outline:hover,
    .button--outline:hover {
        background-color: transparent;
        color: #0a4d3c;
        border-color: #0a4d3c
    }
    .btn--outline:hover .icon,
    .button--outline:hover .icon {
        fill: #0a4d3c
    }
}
.btn--outline[disabled],
.button--outline[disabled] {
    opacity: .4
}
.btn--outline[data-text],
.button--outline[data-text] {
    background-color: transparent;
    color: #141414;
    border: 1px solid #141414
}
.btn--outline[data-text]:focus,
.button--outline[data-text]:focus {
    background-color: transparent;
    color: #0a4d3c;
    border-color: #0a4d3c
}
.btn--outline[data-text]:focus:before,
.button--outline[data-text]:focus:before {
    content: none
}
@media (min-width:52.5em) {
    .btn--outline[data-text]:hover,
    .button--outline[data-text]:hover {
        background-color: transparent;
        color: #0a4d3c;
        border-color: #0a4d3c
    }
    .btn--outline[data-text]:hover:before,
    .button--outline[data-text]:hover:before {
        content: none
    }
}
.btn--right,
.button--right {
    float: right
}
.btn--inline-block,
.button--inline-block {
    display: inline-block
}
.btn--icon,
.button--icon {
    padding: 1rem 4rem
}
.btn--wide,
.button--wide {
    width: 100%
}
.btn--margin-bottom,
.button--margin-bottom {
    margin-bottom: 1rem
}
.btn--small,
.button--small {
    padding: 1rem 2.5rem;
    font-size: 1.2rem
}
.carousel-controls__button {
    border: 0;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: .3rem;
    margin-left: .8rem;
    outline: 1px solid #000;
    transition: opacity .25s cubic-bezier(0, .4, .5, 1)
}
.carousel-controls__button.faded {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}
.coached-player-pill {
    display: block
}
.coached-player-pill:not(:last-child) {
    margin-bottom: 1rem
}
.coached-player-pill__link {
    color: inherit;
    text-decoration: none;
    position: relative;
    z-index: 10;
    background-color: #fff;
    border-radius: 2.4rem;
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .2rem;
    border: .1rem solid #efefef;
    transition: border-color .4s ease
}
.coached-player-pill__link:focus .coached-player-pill__fname,
.coached-player-pill__link:focus .coached-player-pill__lname {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .coached-player-pill__link:hover .coached-player-pill__fname,
    .coached-player-pill__link:hover .coached-player-pill__lname {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.coached-player-pill__headshot-wrapper {
    height: 4.4rem;
    width: 4.4rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: .1rem solid #efefef;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .04);
    margin-right: 1rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.coached-player-pill__name {
    font-size: 1.4rem;
    line-height: 1.11;
    letter-spacing: -.036rem;
    margin-right: .8rem;
    white-space: nowrap;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.coached-player-pill__fname,
.coached-player-pill__lname {
    transition: color .4s ease;
    color: #0a0a0a
}
.coached-player-pill__fname {
    color: #767676
}
.coached-player-pill__lname {
    color: #0a0a0a
}
.coached-player-pill__active-tick {
    fill: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1rem;
    margin-left: .4rem
}
.coached-player-pill__nationality {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .8rem;
    border-left: .1rem solid hsla(0, 0%, 46%, .2);
    margin-right: 2.4rem
}
.coached-player-pill__nationality-flag {
    width: 2.4rem;
    height: 1.8rem;
    margin-right: .6rem;
    box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, .16)
}
.coached-player-pill__nationality-text {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.33;
    letter-spacing: normal;
    color: #0a0a0a
}
.coached-player-pill__since {
    display: block;
    margin-top: .8rem;
    color: #fff;
    font-size: 1.3rem;
    letter-spacing: -.087rem
}
.coached-player-pill__since,
.coached-player-pill__since strong {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400
}
.coached-player-pill--active .coached-player-pill__link {
    background-color: #0a4d3c;
    border-color: rgba(120, 20, 255, .5)
}
.coached-player-pill--active .coached-player-pill__link:focus .coached-player-pill__fname,
.coached-player-pill--active .coached-player-pill__link:focus .coached-player-pill__lname {
    color: #fff;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .coached-player-pill--active .coached-player-pill__link:hover .coached-player-pill__fname,
    .coached-player-pill--active .coached-player-pill__link:hover .coached-player-pill__lname {
        color: #fff;
        text-decoration: underline
    }
}
.coached-player-pill--active .coached-player-pill__headshot-wrapper {
    background-color: #f7f7f7
}
.coached-player-pill--active .coached-player-pill__fname,
.coached-player-pill--active .coached-player-pill__lname,
.coached-player-pill--active .coached-player-pill__nationality-text {
    color: #fff
}
.coached-player-pill--active .coached-player-pill__nationality {
    border-left-color: hsla(0, 0%, 93%, .1)
}
.coached-player-pill--white .coached-player-pill__link {
    background-color: #fff
}
.coached-player-pill--white .coached-player-pill__link:focus {
    border-color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .coached-player-pill--white .coached-player-pill__link:hover {
        border-color: #0a4d3c;
        text-decoration: underline
    }
}
@media (max-width:64.0525em) {
    .coached-player-pill__headshot-wrapper {
        height: 2.8rem;
        width: 2.8rem
    }
    .coached-player-pill__name {
        font-size: 1.6rem;
        letter-spacing: -.03rem
    }
    .coached-player-pill__nationality {
        display: none
    }
    .coached-player-pill--white .coached-player-pill__link {
        background-color: #fff
    }
}
.content-anchor {
    position: absolute;
    top: 0;
    left: 0
}
.content-page-header {
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    background-color: #0a4d3c;
    margin: .8rem;
    padding: 3.6rem 12.5% 19.6rem
}
.content-page-header:before {
    content: "";
    display: block
}
.content-page-header:after {
    content: "";
    display: table;
    clear: both
}
.content-page-header__share {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 18%;
    min-width: 10rem
}
.content-page-header__share .social-share-expand {
    padding-left: 25%
}
.content-page-header__info,
.content-page-header__share .social-share-expand__options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.content-page-header__info {
    padding-right: 20%
}
.content-page-header__meta {
    margin-bottom: .8rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.content-page-header__tag {
    font-size: 1.2rem;
    line-height: 1.33;
    margin-right: .8rem
}
.content-page-header__date {
    font-size: 1.2rem;
    line-height: 1.33;
    white-space: nowrap
}
.content-page-header__date .icn-clock {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
    fill: #fff
}
.content-page-header__date .year {
    display: inline-block
}
.content-page-header__heading {
    position: relative;
    font-size: 4.8rem;
    line-height: 1.17;
    color: #fff;
    margin-bottom: 1rem;
    font-weight: 700
}
.content-page-header__heading,
.content-page-header__summary {
    max-width: 82rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif
}
.content-page-header__summary {
    font-size: 1.9rem;
    line-height: 1.68;
    letter-spacing: -.04rem;
    margin-bottom: 1.8rem;
    font-weight: 400
}
.content-page-header__summary:last-of-type {
    margin-bottom: 0
}
.content-page-header__author {
    line-height: 1;
    font-size: 1.6rem
}
.content-page-header__author .name {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
@media (max-width:64.0525em) {
    .content-page-header__heading {
        font-size: 3.8rem
    }
}
@media (max-width:52.49em) {
    .content-page-header {
        padding: 3.6rem .8rem 19.6rem;
        margin: .8rem 0
    }
}
@media (max-width:39.99em) {
    .content-page-header {
        padding: 3.2rem 1.6rem 2.4rem;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .content-page-header__share {
        margin-top: 1.6rem;
        -ms-flex-order: 2;
        order: 2
    }
    .content-page-header__share .social-share-expand {
        padding: 0
    }
    .content-page-header__share .social-share-expand__options {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .content-page-header__share .social-share-expand--static .social-share-expand__option {
        margin-bottom: 0
    }
    .content-page-header__info {
        padding-right: 0;
        max-width: 40rem
    }
    .content-page-header__tag {
        letter-spacing: -.08rem
    }
    .content-page-header__date,
    .content-page-header__tag {
        font-size: 1.2rem;
        line-height: 1
    }
    .content-page-header__heading {
        font-size: 2.8rem;
        line-height: 1.14;
        margin-bottom: .8rem
    }
    .content-page-header__summary {
        font-size: 1.6rem;
        line-height: 1.5;
        letter-spacing: -.06rem;
        margin-bottom: .8rem
    }
    .content-page-header__author {
        line-height: 1.58;
        font-size: 1.2rem
    }
    .content-page-header__author .name {
        letter-spacing: normal
    }
}
.content-page-lead-media {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 4rem;
    padding: 0;
    overflow: hidden
}
.content-page-lead-media:before {
    content: "";
    display: block
}
.content-page-lead-media:after {
    content: "";
    display: table;
    clear: both
}
.content-page-lead-media--hero-img {
    margin-top: -16rem
}
.content-page-lead-media--gallery {
    max-width: 128.8rem
}
.content-page-lead-media--gallery .content-page-lead-media__counter {
    margin-bottom: 2rem
}
.content-page-lead-media--gallery .content-page-lead-media__caption {
    padding: 0 0 2rem
}
.content-page-lead-media--gallery .content-page-lead-media__photo-title {
    line-height: 1.3
}
.content-page-lead-media--gallery .content-page-lead-media__description {
    line-height: 1.3;
    color: hsla(0, 0%, 8%, .75);
    margin-top: 2rem;
    padding: 0 6.4rem
}
.content-page-lead-media--gallery .content-page-lead-media__credit {
    color: #141414;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    margin-top: 2rem;
    padding: 0 6.4rem
}
.content-page-lead-media--gallery .content-page-lead-media__expand {
    display: -ms-flexbox;
    display: flex
}
.content-page-lead-media__container {
    position: relative;
    width: calc(100% - 1.6rem);
    max-width: 128rem;
    margin: .8rem 0;
    z-index: 10
}
.content-page-lead-media__container:before {
    content: "";
    position: absolute;
    top: -.8rem;
    bottom: -.8rem;
    right: -.8rem;
    left: -.8rem;
    background-color: #fff;
    z-index: -1
}
.content-page-lead-media__container:not(.content-page-lead-media__container--video):focus .content-page-lead-media__expand {
    opacity: 1
}
@media (min-width:52.5em) {
    .content-page-lead-media__container:not(.content-page-lead-media__container--video):hover .content-page-lead-media__expand {
        opacity: 1
    }
}
.content-page-lead-media__container--video .inline-player__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}
.content-page-lead-media__container--video .inline-player__content.vjs-has-started {
    z-index: 10
}
.content-page-lead-media__container--video .inline-player__content:hover .vjs-big-play-button {
    background-color: #0a4d3c
}
.content-page-lead-media__container--portrait {
    max-height: 66rem
}
.content-page-lead-media__container--bg-transparent:before {
    background-color: transparent
}
.content-page-lead-media__container .lazy-image-wrapper {
    transition: background-color .25s ease;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.content-page-lead-media__container .lazy-image-wrapper.is-loaded {
    background-color: #e6e6e6
}
.content-page-lead-media__media-holder {
    padding-bottom: 56.25%
}
.content-page-lead-media__image {
    height: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: contain; object-position: center"
}
.content-page-lead-media__image--portrait {
    margin: 0 auto;
    border-left: .8rem solid #fff;
    border-right: .8rem solid #fff
}
.content-page-lead-media__expand {
    position: absolute;
    top: .8rem;
    right: .8rem;
    padding: 1.2rem;
    width: 4.8rem;
    height: 4.8rem;
    background-color: #0a4d3c;
    opacity: 0;
    transition: opacity .4s ease;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    cursor: pointer
}
.content-page-lead-media__expand-icon {
    width: 2.4rem;
    height: 2.4rem;
    fill: #fff
}
.content-page-lead-media__icon {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0a4d3c;
    width: 4.8rem;
    height: 4.8rem
}
.content-page-lead-media__icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff
}
.content-page-lead-media__icon .icon.camera-icon {
    width: 2.1rem;
    height: 2.4rem
}
.content-page-lead-media__icon .icon.video-icon {
    width: 1.79rem;
    height: 2rem
}
.content-page-lead-media__caption {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    color: hsla(0, 0%, 8%, .75);
    background-color: #e6e6e6;
    font-size: 1.2rem;
    letter-spacing: -.063rem;
    width: calc(100% - 1.6rem);
    max-width: 128rem;
    padding: 1.2rem 1.6rem
}
.content-page-lead-media__counter {
    width: 100%;
    background-color: #0a4d3c;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #fff;
    padding: .4rem 6.4rem
}
.content-page-lead-media__index {
    font-size: 6.4rem
}
.content-page-lead-media__photo-number {
    font-size: 2.4rem;
    opacity: .75
}
.content-page-lead-media__photo-title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 2.6rem;
    padding: 0 6.4rem;
    color: #141414
}
.content-page-lead-media__description {
    font-size: 1.6rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600
}
@media (max-width:64.0525em) {
    .content-page-lead-media--gallery .content-page-lead-media__counter {
        margin-bottom: 1.6rem
    }
    .content-page-lead-media--gallery .content-page-lead-media__caption {
        padding-bottom: 1.8rem
    }
    .content-page-lead-media--gallery .content-page-lead-media__credit,
    .content-page-lead-media--gallery .content-page-lead-media__description {
        margin-top: 1.8rem;
        padding: 0 3.2rem
    }
    .content-page-lead-media__counter {
        padding: .4rem 3.2rem .2rem
    }
    .content-page-lead-media__index {
        font-size: 4.8rem
    }
    .content-page-lead-media__photo-number {
        font-size: 2rem
    }
    .content-page-lead-media__photo-title {
        font-size: 2.1rem;
        padding: 0 3.2rem
    }
}
@media (min-width:52.5em) and (max-width:89.99em) {
    .content-page-lead-media__caption,
    .content-page-lead-media__container {
        width: calc(100% - 8rem)
    }
}
@media (max-width:52.49em) {
    .content-page-lead-media__container {
        width: 100%
    }
    .content-page-lead-media__container .vjs-big-play-button {
        background-color: #0a4d3c
    }
    .content-page-lead-media__caption {
        width: 100%
    }
    .content-page-lead-media__expand {
        top: auto;
        right: auto;
        left: 0;
        bottom: 0;
        padding: 1rem;
        width: 4rem;
        height: 4rem;
        opacity: 1
    }
    .content-page-lead-media__expand-icon {
        width: 1.8rem;
        height: 1.8rem
    }
}
@media (max-width:39.99em) {
    .content-page-lead-media {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        margin: 0 auto 3.3rem
    }
    .content-page-lead-media:before {
        content: none
    }
    .content-page-lead-media--gallery .content-page-lead-media__counter {
        margin-bottom: 1.2rem
    }
    .content-page-lead-media--gallery .content-page-lead-media__caption {
        padding-bottom: 1.2rem
    }
    .content-page-lead-media--gallery .content-page-lead-media__description {
        font-size: 1.3rem;
        margin-top: .8rem;
        padding: 0 1.2rem
    }
    .content-page-lead-media--gallery .content-page-lead-media__credit {
        margin-top: 1.2rem;
        padding: 0 1.2rem
    }
    .content-page-lead-media__counter {
        padding: .4rem 1.2rem .2rem
    }
    .content-page-lead-media__index {
        font-size: 3.2rem
    }
    .content-page-lead-media__photo-number {
        font-size: 1.4rem
    }
    .content-page-lead-media__photo-title {
        font-size: 1.7rem;
        line-height: 1.11;
        padding: 0 1.2rem
    }
    .content-page-lead-media__credit,
    .content-page-lead-media__description {
        padding: 0
    }
    .content-page-lead-media__container {
        z-index: 1;
        margin-top: 0
    }
    .content-page-lead-media__container--portrait {
        max-height: 30rem
    }
    .content-page-lead-media__container .lazy-image-wrapper {
        box-shadow: none
    }
    .content-page-lead-media__caption {
        font-size: 1.2rem;
        width: 100%;
        padding: .8rem
    }
    .content-page-lead-media .social-share-expand__option {
        height: 4.4rem;
        width: 4.4rem
    }
}
.content-slider {
    overflow: hidden
}
.content-slider__wrapper {
    clear: both;
    width: auto;
    position: relative
}
.content-slider__inner-wrapper {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    transition: left .5s cubic-bezier(0, .4, .5, 1), transform .3s cubic-bezier(0, .4, .5, 1);
    will-change: left;
    left: 0;
    padding-bottom: 2rem
}
.content-slider__inner-wrapper.nudge-right {
    transform: translateX(30px)
}
.content-slider__inner-wrapper.nudge-left {
    transform: translateX(-30px)
}
.content-slider__inner-wrapper>li {
    margin-bottom: 0
}
.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:52.49em) {
    .content-slider__inner-wrapper {
        overflow-x: scroll;
        overflow-y: hidden;
        padding-top: 1rem;
        padding-bottom: 0;
        -webkit-overflow-scrolling: touch
    }
    .content-slider__inner-wrapper:after {
        content: "";
        display: inline-block;
        height: auto;
        min-width: 1rem;
        background-color: transparent
    }
    .content-slider__item {
        opacity: 1
    }
    .content-slider__item:last-of-type {
        margin-right: 0
    }
}
.court-wrapper {
    width: 100%;
    background-color: #0a4d3c;
    margin: 4.8rem 0
}
.court-wrapper__inner {
    position: relative
}
.court-wrapper__inner:after,
.court-wrapper__inner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: .8rem;
    background-color: #fff
}
.court-wrapper__inner:before {
    left: 0;
    transform: translateX(-100%)
}
.court-wrapper__inner:after {
    right: 0;
    transform: translateX(100%)
}
@media (max-width:840px) {
    .court-wrapper {
        background-color: transparent
    }
    .court-wrapper .wrapper {
        padding: 0
    }
    .court-wrapper__inner:after,
    .court-wrapper__inner:before {
        width: 100%;
        height: .8rem;
        background-color: #0a4d3c
    }
    .court-wrapper__inner:before {
        right: 0;
        bottom: auto;
        top: 0;
        transform: translateY(-100%)
    }
    .court-wrapper__inner:after {
        left: 0;
        top: auto;
        bottom: 0;
        transform: translateY(100%)
    }
}
@media (max-width:640px) {
    .court-wrapper {
        margin: 3.8rem 0
    }
}
.disclaimer {
    font-size: 1.2rem;
    color: #767676;
    margin: 1rem 0
}
.doubles-thumbnail {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}
.doubles-thumbnail__inner {
    text-decoration: none;
    color: inherit;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
.doubles-thumbnail__image-container {
    position: relative;
    overflow: hidden;
    z-index: 10;
    background-size: 200%;
    background-position: top
}
.doubles-thumbnail__image-container:before {
    content: "";
    padding-top: 62.5%;
    display: block
}
.doubles-thumbnail__headshot {
    position: absolute;
    bottom: 0;
    width: 35%;
    z-index: 2;
    transform: translate3d(0, 2px, 0);
    transition: transform .4s ease;
    transform-origin: bottom center
}
.doubles-thumbnail__headshot img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom right;
    object-position: bottom right;
    font-family: "object-fit: contain; object-position: bottom right";
    width: 100%;
    height: 100%
}
.doubles-thumbnail__headshot--player-a {
    top: 10%;
    right: 27%;
    z-index: 30
}
.doubles-thumbnail__headshot--player-b {
    top: -15%;
    right: 4%;
    z-index: 10
}
.doubles-thumbnail__headshot .player-headshot__photo {
    overflow: visible!important
}
.doubles-thumbnail__headshot .player-headshot__photo img {
    border-radius: 50%!important
}
.doubles-thumbnail__headshot .player-headshot__photo:after {
    content: "";
    position: absolute;
    border: .5rem solid #fff;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}
.doubles-thumbnail__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.doubles-thumbnail__rank {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65%;
    min-height: 10rem;
    background: #0a4d3c;
    padding-left: 1.4rem;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 1.6rem
}
.doubles-thumbnail__rank-label {
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: .05rem;
    left: .8rem;
    top: 1rem;
    text-align: center;
    margin-bottom: .4rem
}
.doubles-thumbnail__rank-label,
.doubles-thumbnail__rank-pos {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.doubles-thumbnail__rank-pos {
    font-size: 2.8rem;
    line-height: .83;
    padding-right: .15em;
    z-index: 10
}
.doubles-thumbnail__rank-pos:before {
    content: "#"
}
.doubles-thumbnail__rank-pos--unseeded {
    display: none
}
.doubles-thumbnail__tags {
    position: absolute;
    bottom: .8rem;
    left: 1.6rem;
    z-index: 40
}
.doubles-thumbnail__tag {
    background: #0a4d3c;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.1rem;
    line-height: 1.09;
    color: #fff;
    text-transform: uppercase;
    padding: .4rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .5rem
}
.doubles-thumbnail__tag--winner {
    background-color: #ad8d2b
}
.doubles-thumbnail__tag--runnerup {
    background-color: #767676
}
.doubles-thumbnail__tag--luckyloser {
    background-color: #008540
}
.doubles-thumbnail__tag--alternate {
    background-color: #017ea2
}
.doubles-thumbnail__tag--alternate .doubles-thumbnail__tag-icon {
    width: .6rem
}
.doubles-thumbnail__tag--wildcard {
    background-color: #d9282f
}
.doubles-thumbnail__tag--wildcard .doubles-thumbnail__tag-icon {
    width: .8rem
}
.doubles-thumbnail__tag--qualifier {
    background-color: #e6e6e6
}
.doubles-thumbnail__tag--qualifier .doubles-thumbnail__tag-icon {
    width: 1.08rem
}
.doubles-thumbnail__tag-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .6rem;
    fill: #fff;
    display: none
}
.doubles-thumbnail__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 2.2rem 1.2rem;
    background: #e6e6e6;
    margin-top: .8rem
}
.doubles-thumbnail__name-wrap {
    text-decoration: none;
    color: inherit;
    margin-bottom: 1.6rem
}
.doubles-thumbnail__name-wrap:last-of-type {
    margin-bottom: 0
}
.doubles-thumbnail__name {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: .4rem;
    font-size: 0
}
.doubles-thumbnail__first-name,
.doubles-thumbnail__last-name {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    position: relative;
    text-transform: capitalize;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    display: inline-block;
    transition: color .4s ease
}
.doubles-thumbnail__first-name {
    color: #818181;
    font-size: 1.3rem;
    letter-spacing: -.11rem
}
.doubles-thumbnail__last-name {
    font-size: 2.5rem;
    letter-spacing: -.08rem;
    margin-left: .4rem
}
.doubles-thumbnail__details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.doubles-thumbnail__nationality-flag {
    width: 2.4rem;
    height: 1.59rem;
    margin-right: .6rem;
    box-shadow: 0 .2rem .8rem 0 hsla(0, 0%, 8%, .2)
}
.doubles-thumbnail__nationality-label {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.15;
    letter-spacing: -.02rem;
    color: #777
}
.doubles-thumbnail__status {
    color: #be0228;
    margin-left: auto;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: -.015rem;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase
}
.doubles-thumbnail__status-icon {
    fill: #be0228;
    width: .8rem;
    height: .8rem;
    margin-right: .2rem
}
.doubles-thumbnail--eliminated .doubles-thumbnail__image-container {
    opacity: .6
}
.doubles-thumbnail--eliminated .doubles-thumbnail__status {
    display: -ms-flexbox;
    display: flex
}
@media (min-width:64.0625em) and (max-width:71.875em) {
    .doubles-thumbnail__last-name {
        font-size: 2.1rem
    }
    .doubles-thumbnail__tags {
        bottom: .6rem
    }
}
@media (max-width:64.0525em) {
    .doubles-thumbnail__last-name {
        font-size: 2.1rem
    }
    .doubles-thumbnail__tags {
        left: 1.4rem
    }
}
@media (min-width:52.5em) and (max-width:64.0525em) {
    .doubles-thumbnail__meta {
        padding: 1.4rem 1.2rem
    }
    .doubles-thumbnail__last-name {
        font-size: 1.7rem
    }
}
@media (max-width:52.49em) {
    .doubles-thumbnail__image-container:after {
        padding-top: 62.5%
    }
    .doubles-thumbnail__picture.head-only {
        width: 9.5rem;
        height: 9.5rem
    }
    .doubles-thumbnail__rank {
        padding-top: .8rem
    }
}
@media (max-width:39.99em) {
    .doubles-thumbnail__inner {
        box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, .08)
    }
    .doubles-thumbnail__inner:after {
        transform: scaleX(1)
    }
    .doubles-thumbnail__image-container:after {
        width: 42%
    }
    .doubles-thumbnail__rank-pos {
        line-height: 1;
        letter-spacing: -.21rem
    }
    .doubles-thumbnail__rank-label {
        font-size: .9rem
    }
    .doubles-thumbnail__tags {
        bottom: .6rem;
        left: .4rem
    }
    .doubles-thumbnail__meta {
        padding: 1.2rem .8rem 1.6rem
    }
    .doubles-thumbnail__first-name {
        font-size: 1.2rem;
        letter-spacing: -.08rem
    }
    .doubles-thumbnail__last-name {
        font-size: 1.7rem;
        letter-spacing: -.05rem
    }
    .doubles-thumbnail__nationality {
        margin-bottom: 1rem
    }
    .doubles-thumbnail__nationality-flag {
        width: 1.8rem;
        height: 1.2rem
    }
    .doubles-thumbnail__nationality-label {
        font-size: 1.1rem
    }
    .doubles-thumbnail__headshot {
        width: 30%
    }
}
@media (max-width:23.115em) {
    .doubles-thumbnail__tags {
        bottom: .2rem
    }
    .doubles-thumbnail__tag {
        font-size: 1rem;
        padding: .2rem .4rem
    }
    .doubles-thumbnail__tag-icon {
        width: 1rem;
        height: 1rem;
        margin-right: .2rem
    }
}
@supports ((-webkit-clip-path:polygon(0 0, 110% 0, 110% 110%, 0% 110%)) or (clip-path:polygon(0 0, 110% 0, 110% 110%, 0% 110%))) {
    .doubles-thumbnail__first-name:after,
    .doubles-thumbnail__last-name:after {
        content: attr(data-text);
        color: #0a4d3c;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        pointer-events: none;
        text-transform: capitalize;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word
    }
    .doubles-thumbnail__name-wrap--link:focus .doubles-thumbnail__name {
        position: relative
    }
    .doubles-thumbnail__name-wrap--link:focus .doubles-thumbnail__name:after {
        content: "";
        position: absolute;
        top: calc(100% - .2rem);
        left: 0;
        width: 100%;
        height: .2rem;
        background: #0a4d3c;
        transition: width .4s ease
    }
    .doubles-thumbnail__name-wrap--link:focus .doubles-thumbnail__first-name,
    .doubles-thumbnail__name-wrap--link:focus .doubles-thumbnail__last-name {
        color: #0a4d3c
    }
    @media (min-width:52.5em) {
        .doubles-thumbnail__name-wrap--link:hover .doubles-thumbnail__name {
            position: relative
        }
        .doubles-thumbnail__name-wrap--link:hover .doubles-thumbnail__name:after {
            content: "";
            position: absolute;
            top: calc(100% - .2rem);
            left: 0;
            width: 100%;
            height: .2rem;
            background: #0a4d3c;
            transition: width .4s ease
        }
        .doubles-thumbnail__name-wrap--link:hover .doubles-thumbnail__first-name,
        .doubles-thumbnail__name-wrap--link:hover .doubles-thumbnail__last-name {
            color: #0a4d3c
        }
    }
}
.dropdown {
    min-width: 18rem;
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 1rem 1rem 0;
    padding-right: 2rem;
    background-color: #fff;
    border: 1px solid #5e5e5e;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    cursor: pointer;
    transition: all .2s
}
.dropdown:after {
    content: "";
    height: 5px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0a4d3c;
    opacity: 0;
    transition: opacity .2s ease
}
.dropdown:focus:after {
    opacity: 1
}
@media (min-width:52.5em) {
    .dropdown:hover:after {
        opacity: 1
    }
}
.dropdown__clickzone {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}
.dropdown__label {
    display: block;
    position: absolute;
    top: .8rem;
    left: 1rem;
    font-size: 1.1rem;
    color: #5e5e5e;
    z-index: 10
}
.dropdown__current {
    min-height: 4rem;
    display: block;
    position: relative;
    padding: 2.5rem 2.5rem 1rem 1rem;
    line-height: 2rem;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #0a4d3c;
    transition: all .2s;
    z-index: 5
}
.dropdown__icon {
    display: block;
    position: absolute;
    top: .9rem;
    bottom: .9rem;
    right: 2.2rem;
    border-left: 1px solid #5e5e5e
}
.dropdown__icon .icon {
    width: .8rem;
    height: .8rem;
    position: absolute;
    top: 50%;
    left: .5rem;
    margin-top: -.4rem;
    fill: #0a4d3c
}
.dropdown__dropdown-list {
    min-width: 100%;
    max-height: 40rem;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    transform: scale(0);
    transform-origin: top center;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #5e5e5e;
    border-top: none;
    visibility: hidden;
    transition: transform .1s ease;
    z-index: 25
}
.dropdown__dropdown-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1rem;
    right: 1rem;
    height: 1px;
    z-index: -1
}
.dropdown__dropdown-list .dropdown__dropdown-list__option {
    padding: .8rem 1rem;
    color: #0a0a0a;
    transition: background-color .2s ease, color .2s ease;
    cursor: pointer
}
.dropdown__dropdown-list .dropdown__dropdown-list__option:focus {
    background-color: #0a4d3c;
    color: #fff
}
@media (min-width:52.5em) {
    .dropdown__dropdown-list .dropdown__dropdown-list__option:hover {
        background-color: #0a4d3c;
        color: #fff
    }
}
.dropdown.is-open:after {
    opacity: 0
}
.dropdown.is-open .dropdown__caret-down,
.dropdown.is-open .dropdown__current {
    color: #0a4d3c
}
.dropdown.is-open .dropdown__dropdown-list {
    transform: scale(1);
    visibility: visible
}
.dropdown--linklist {
    padding-right: 5rem;
    border: none;
    border-bottom: 1px solid #faf8f7;
    box-shadow: none
}
.dropdown--linklist:focus {
    background-color: transparent;
    border-bottom: 1px solid #5e5e5e
}
.dropdown--linklist:focus .dropdown__caret-down .icon {
    opacity: 1
}
@media (min-width:52.5em) {
    .dropdown--linklist:hover {
        background-color: transparent;
        border-bottom: 1px solid #5e5e5e
    }
    .dropdown--linklist:hover .dropdown__caret-down .icon {
        opacity: 1
    }
}
.dropdown--linklist .dropdown__label {
    top: .6rem;
    left: 0
}
.dropdown--linklist .dropdown__current {
    line-height: 2.4rem;
    padding: 2.4rem 0 .4em;
    font-size: 1.8rem;
    color: #0a4d3c
}
.dropdown--linklist .dropdown__caret-down {
    border: none
}
.dropdown--linklist .dropdown__caret-down .icon {
    width: 1.4rem;
    height: 1.5rem;
    margin: 0 0 0 -.4rem;
    transform: rotate(90deg);
    opacity: .7;
    transition: opacity .2s ease
}
.dropdown--linklist .dropdown__dropdown-list .dropdown__dropdown-list__option {
    padding: 0
}
.dropdown--linklist .dropdown__dropdown-list .dropdown__dropdown-list__option a {
    width: 100%;
    display: inline-block;
    padding: .8rem 1rem;
    color: #0a4d3c;
    text-decoration: none
}
.dynamic-more__ghost {
    position: absolute;
    opacity: 0;
    pointer-events: none
}
.error-text {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: normal;
    text-align: center;
    width: 100%;
    display: block;
    margin: 6rem auto;
    padding-left: .4rem;
    padding-right: .4rem
}
.error-text__icon {
    fill: #0a4d3c;
    width: 6.4rem;
    height: 6.4rem;
    margin: 0 auto 2.4rem
}
.error-text__title {
    margin-bottom: 1.6rem
}
.error-text__more-info {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400
}
@media (max-width:52.49em) {
    .error-text {
        margin: 3.2rem auto
    }
}
.filter-bar {
    margin: 0 auto 3.6rem;
    width: 100%;
    max-width: calc(100vw - .8rem * 2);
    padding: 0;
    background-color: #e6e6e6
}
.filter-bar__content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    min-height: 6.4rem
}
.filter-bar--stackable {
    margin-bottom: 0
}
.filter-bar__left,
.filter-bar__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.filter-bar__left {
    -ms-flex-pack: start;
    justify-content: flex-start
}
.filter-bar__left .filter-bar__filter:before {
    right: 0;
    left: auto
}
.filter-bar__right {
    -ms-flex-pack: end;
    justify-content: flex-end
}
.filter-bar__right .filter-bar__filter:before {
    left: 0;
    right: auto
}
.filter-bar__multiple-buttons {
    display: -ms-flexbox;
    display: flex
}
.filter-bar__filter {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    position: relative
}
.filter-bar__filter:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: .2rem;
    height: 60%;
    background-color: #d6d6d6
}
.filter-bar__button {
    position: relative;
    background: none;
    border: none;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.4rem 1.6rem;
    text-decoration: none;
    color: #545454
}
.filter-bar__button:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: .4rem;
    background-color: #0a4d3c;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform .4s ease
}
.filter-bar__button:focus .filter-bar__button-label {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .filter-bar__button:hover .filter-bar__button-label {
        color: #0a4d3c
    }
}
.filter-bar__button-label {
    text-align: right;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: -.063rem;
    margin-right: .8rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition: color .4s ease;
    font-weight: 900
}
.filter-bar__button-label strong {
    display: block;
    letter-spacing: -.063rem;
    color: #0a0a0a
}
.filter-bar__button-icon {
    height: 2.84rem;
    width: 2.84rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    fill: #646464
}
.filter-bar__nav-section {
    z-index: 10;
    background-color: #e6e6e6
}
.filter-bar .filter-bar__tabs-list li,
.filter-bar__tab-item,
.filter-bar__tabs-list .filter-bar li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-align: center;
    align-items: center;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.33;
    letter-spacing: -.1rem;
    padding: 1.6rem;
    position: relative
}
.filter-bar__tabs-nav {
    -ms-flex-item-align: stretch
}
.filter-bar__tabs-list,
.filter-bar__tabs-nav {
    display: -ms-flexbox;
    display: flex;
    align-self: stretch
}
.filter-bar__tabs-list {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch
}
.filter-bar__tabs-list li {
    color: hsla(0, 0%, 8%, .6);
    transition: color .4s ease;
    cursor: pointer;
    outline: none
}
.filter-bar__tabs-list li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: .2rem;
    height: 60%;
    background-color: #d6d6d6
}
.filter-bar__tabs-list li:focus {
    color: #0a0a0a
}
@media (min-width:52.5em) {
    .filter-bar__tabs-list li:hover {
        color: #0a0a0a
    }
}
.filter-bar__tabs-list .is-active {
    color: #0a0a0a
}
.filter-bar__tabs-list .is-active:before {
    content: "";
    position: absolute;
    top: calc(100% - .4rem);
    width: calc(100% - 3.2rem);
    height: .4rem;
    background-color: #0a4d3c;
    animation: f .2s ease
}
.filter-bar__listbox--year {
    width: 18rem
}
@media (max-width:53.75em) {
    .filter-bar {
        margin-bottom: .8rem
    }
    .filter-bar--stackable {
        margin-bottom: 0
    }
    .page-header-menu+.body-content .filter-bar {
        padding-top: 0
    }
    .filter-bar__content {
        min-height: 4.2rem
    }
    .filter-bar__button {
        padding: .8rem 1.2rem
    }
    .filter-bar__button-label {
        font-size: 1.3rem;
        letter-spacing: -.054rem
    }
    .filter-bar__button-icon {
        width: 1.7rem;
        height: 2.1rem
    }
    .filter-bar .filter-bar__tabs-list li,
    .filter-bar__tab-item,
    .filter-bar__tabs-list .filter-bar li {
        font-size: 1.5rem;
        line-height: 1.26;
        padding: 1.2rem .8rem
    }
    .filter-bar__tabs-nav {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .filter-bar__tabs-nav::-webkit-scrollbar {
        display: none
    }
    .filter-bar__tabs-list li {
        font-size: 1.9rem;
        line-height: 1
    }
    .filter-bar__tabs-list .is-active {
        color: #0a0a0a
    }
    .filter-bar__tabs-list .is-active:before {
        width: calc(100% - 1.6rem)
    }
}
@media (max-width:25.9275em) {
    .filter-bar__button-label {
        display: none
    }
}
.form {
    display: block;
    width: 100%
}
.form__label {
    width: 15%;
    margin-right: -4px
}
.form__input,
.form__label {
    display: inline-block;
    margin-bottom: 1rem
}
.form__input {
    width: 85%;
    padding: .5rem;
    border-radius: 4px;
    border: 1px solid #5e5e5e;
    box-shadow: none;
    transition: border-color .2s ease
}
.form__input:-ms-input-placeholder {
    color: #5e5e5e
}
.form__input::placeholder {
    color: #5e5e5e
}
.form__input:focus {
    border-color: #5e5e5e
}
.form__input--textarea {
    width: 100%;
    display: block
}
.form___submit {
    border: none;
    box-shadow: none
}
.form button,
.hamburger {
    border: none
}
.hamburger {
    position: relative;
    background: none;
    margin: 0;
    padding: .6rem;
    cursor: pointer
}
.hamburger__line,
.hamburger__text {
    pointer-events: none
}
.hamburger__line {
    width: 2rem;
    height: .3rem;
    display: block;
    position: relative;
    margin: 0 auto .5rem;
    background-color: #5e5e5e;
    border-radius: .58rem;
    transform-origin: right
}
.hamburger__line--top {
    transition: transform .2s ease 0s
}
.hamburger__line--middle {
    transform: scaleX(.75);
    transition: transform .25s ease .1s
}
.hamburger__line--bottom {
    transition: transform .2s ease 0s
}
.hamburger.is-active .hamburger__line--top {
    transform: rotate(-45deg) translate(-.1rem) scaleX(1.04);
    transition: transform .2s ease .05s
}
.hamburger.is-active .hamburger__line--middle {
    transform: scaleX(0);
    transition: transform .25s ease 0s
}
.hamburger.is-active .hamburger__line--bottom {
    transform: rotate(45deg) translate(-.1rem) scaleX(1.04);
    transition: transform .2s ease .05s
}
.placeholder__svg.icon {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #e6e6e6
}
.linked-list__list {
    display: -ms-flexbox;
    display: flex
}
.linked-list__list:before {
    content: "";
    display: block
}
.linked-list__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:52.5em) {
    .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: #faf8f7;
    color: #5e5e5e
}
@media (min-width:52.5em) {
    .linked-list__link:hover {
        cursor: pointer;
        background: #faf8f7;
        color: #5e5e5e
    }
}
.linked-list .is-active {
    position: relative
}
.linked-list .is-active:after {
    content: "";
    height: .4rem;
    width: 100%;
    background: #bbda16;
    bottom: 0;
    left: 0;
    position: absolute
}
.linked-list__dropdown-label {
    padding: 1.2rem 1.8rem
}
.linked-list__dropdown-label:focus {
    cursor: pointer;
    background: #faf8f7;
    color: #5e5e5e
}
.linked-list__dropdown-label:focus+.linked-list__dropdown {
    transform: translate(-50%);
    opacity: 1;
    pointer-events: auto
}
@media (min-width:52.5em) {
    .linked-list__dropdown-label:hover {
        cursor: pointer;
        background: #faf8f7;
        color: #5e5e5e
    }
    .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: #141414;
    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;
    color: #fff
}
.linked-list__dropdown .is-active:after {
    height: .2rem
}
.loader {
    margin: 2.4rem auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.loader__spinner {
    position: relative;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    animation: g 1s linear 0s infinite;
    background-image: linear-gradient(180deg, #0a4d3c, rgba(120, 20, 255, .15))
}
.loader__spinner:after,
.loader__spinner:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: #fff
}
.loader__spinner:before {
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0
}
.loader__spinner:after {
    top: 50%;
    left: 50%;
    width: 2.4rem;
    height: 2.4rem;
    transform: translate(-50%, -50%);
    border-radius: 50%
}
.loader__dot {
    position: absolute;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    z-index: 2;
    background-color: #0a4d3c
}
.loader__dot--1 {
    bottom: 1px;
    left: 8px;
    opacity: .2
}
.loader__dot--2 {
    bottom: 6px;
    left: 2px;
    opacity: .15
}
.loader__dot--3 {
    top: 13px;
    left: 0;
    opacity: .1
}
.loader__dot--4 {
    top: 6px;
    left: 2px;
    opacity: .05
}
.loader__dot--5 {
    top: 1px;
    left: 8px;
    opacity: 0
}
.loader__label {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    margin-left: 1.2rem
}
@keyframes g {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}
.match-table {
    width: 100%;
    background-color: #fff;
    table-layout: fixed;
    border-collapse: collapse;
    max-width: 48rem;
    margin: 0 auto
}
.match-table__row {
    border-bottom: .1rem solid #ececec
}
.match-table__team-links {
    width: 100%
}
.match-table__team-links.match-table__top-court {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.match-table__player-name {
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    text-align: left;
    word-break: break-all;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1
}
@supports ((-webkit-hyphens:auto) or (hyphens:auto)) {
    .match-table__player-name {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        word-break: break-word
    }
}
.match-table__player-lname {
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.028rem
}
.match-table__player-cell {
    width: 100%;
    padding: 2rem 2.5rem 2rem 1.6rem;
    position: relative
}
.match-table__team {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.match-table__team--winner .match-table__player,
.match-table__team.is-winner .match-table__player {
    color: #0a4d3c
}
.match-table__team--winner .match-table__player-fname,
.match-table__team.is-winner .match-table__player-fname {
    color: #0a4d3c
}
.match-table__team--winner .match-table__player-fname,
.match-table__team--winner .match-table__player-lname,
.match-table__team.is-winner .match-table__player-fname,
.match-table__team.is-winner .match-table__player-lname {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -.032rem
}
.match-table__player {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #0a0a0a
}
.match-table__player:nth-of-type(2n) {
    margin-top: .5rem
}
.match-table__player--no-player {
    padding-left: 3rem
}
.match-table__player--link {
    text-decoration: none;
    transition: color .4s ease;
    position: relative;
    z-index: 2
}
.match-table__player--link:focus {
    color: #0a4d3c;
    text-decoration: underline
}
.match-table__player--link:focus .match-table__player-fname,
.match-table__player--link:focus .match-table__player-lname {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .match-table__player--link:hover {
        color: #0a4d3c;
        text-decoration: underline
    }
    .match-table__player--link:hover .match-table__player-fname,
    .match-table__player--link:hover .match-table__player-lname {
        color: #0a4d3c
    }
}
.match-table__player-flag {
    width: 2.4rem;
    height: 1.6rem;
    margin-right: .8rem;
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .16);
    font-size: 1rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400
}
.match-table__player-fname {
    letter-spacing: -.022rem;
    color: #767676;
    transition: color .4s ease
}
.match-table__player-seed {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: .82;
    letter-spacing: -.02rem;
    color: #0a4d3c;
    margin-left: .4rem
}
.match-table__player-win-tick {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .75rem;
    fill: #0a4d3c;
    width: 1.25rem;
    height: 1rem
}
.match-table__serve-icon {
    height: 3.6rem;
    width: 1.6rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .8rem;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s, visibility .25s
}
.match-table__serve-icon.is-active {
    visibility: visible;
    opacity: 1
}
.match-table__serve-ball {
    width: 1.6rem;
    height: 1.6rem;
    animation: d .75s linear infinite alternate;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}
.match-table__serve-ball:first-child {
    z-index: 4;
    background-color: #fff
}
.match-table__serve-ball:nth-child(2) {
    opacity: .4;
    animation-delay: .12s;
    z-index: 3
}
.match-table__serve-ball:nth-child(3) {
    opacity: .2;
    animation-delay: .24s;
    z-index: 2
}
.match-table__serve-ball:nth-child(4) {
    opacity: .1;
    animation-delay: .36s;
    z-index: 1
}
.match-table__ret,
.match-table__wo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .5rem;
    background: #0a4d3c;
    padding: .2rem .5rem;
    border-radius: .2rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.08;
    letter-spacing: normal;
    color: #fff
}
.match-table__wo {
    right: 3rem
}
.match-table__points-cell,
.match-table__score-cell {
    width: 3rem;
    text-align: center;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.9rem;
    line-height: .84;
    letter-spacing: -.048rem
}
.match-table__score-cell {
    color: #767676
}
.match-table__score-cell:nth-last-of-type(odd) {
    background-color: #f2f2f2
}
.match-table__score-cell--playing,
.match-table__score-cell.is-playing {
    color: #767676
}
.match-table__score-cell--winner,
.match-table__score-cell.is-winner {
    color: #0a4d3c
}
.match-table__points-cell {
    background-color: #0a4d3c;
    color: #fff
}
.match-table__tie-break {
    font-size: .9rem;
    top: -.8em;
    left: -.2em
}
.match-table__footer-cell {
    padding: 1rem .8rem;
    background-color: #fafafa
}
.match-table__time-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.match-table__time-wrap .icon {
    width: .9rem;
    height: .9rem;
    fill: #0a0a0a;
    margin-right: .2rem
}
.match-table__status {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.3rem;
    line-height: .77;
    letter-spacing: -.065rem;
    color: #0a4d3c;
    margin-right: .6rem
}
.match-table__status--live {
    text-transform: uppercase
}
.match-table__time {
    font-size: 1.3rem;
    line-height: .69;
    letter-spacing: -.072rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.match-table--small .match-table__row {
    height: 4rem;
    border-bottom: .1rem solid #e6e6e6
}
.match-table--small .match-table__player-cell {
    padding: 0 3rem 0 .8rem
}
.match-table--small .match-table__player-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 4.3rem)
}
.match-table--small .match-table__player-flag {
    width: 1.6rem;
    height: 1.2rem;
    margin-right: .6rem;
    box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, .24)
}
.match-table--small .match-table__player-fname,
.match-table--small .match-table__player-lname {
    font-size: 1.3rem;
    letter-spacing: -.02rem;
    line-height: .9
}
.match-table--small .match-table__player-seed {
    font-size: .9rem;
    line-height: 1;
    letter-spacing: -.016rem;
    margin-left: .2rem
}
.match-table--small .match-table__player-win-tick {
    width: 1rem;
    height: .8rem
}
.match-table--small .match-table__ret,
.match-table--small .match-table__wo {
    right: .3rem;
    padding: .3rem;
    font-size: .9rem;
    line-height: 1
}
.match-table--small .match-table__wo {
    right: 2rem
}
.match-table--small .match-table__score-cell.is-winning-set {
    color: #141414
}
.match-table--small .match-table__points-cell,
.match-table--small .match-table__score-cell {
    font-size: 1.5rem
}
.match-table--small .match-table__serve-icon {
    height: 2.2rem;
    width: 1.1rem;
    right: .6rem
}
.match-table--small .match-table__serve-ball {
    width: 1.1rem;
    height: 1.1rem
}
.match-table--small .match-table__tie-break {
    font-size: .9rem
}
.match-table--small .match-table__time-wrap .icon {
    fill: #767676
}
@media (max-width:39.99em) {
    .match-table--small .match-table__row {
        height: 5.6rem
    }
    .match-table--small .match-table__player {
        padding: .2rem 0
    }
    .match-table--small .match-table__player-flag {
        width: 2.3rem;
        height: 1.6rem
    }
    .match-table--small .match-table__player-name {
        max-width: calc(100% - 4.3rem)
    }
    .match-table--small .match-table__player-fname,
    .match-table--small .match-table__player-lname {
        font-size: 1.5rem;
        letter-spacing: -.02rem;
        line-height: 1.07
    }
    .match-table--small .match-table__player-seed {
        font-size: 1rem;
        letter-spacing: -.02rem;
        line-height: .9
    }
    .match-table--small .match-table__score-cell {
        width: 4rem;
        font-size: 1.6rem;
        line-height: .94;
        letter-spacing: -.07rem
    }
}
.match-table--is-doubles .match-table__player--no-player {
    padding: 1rem 0 1rem 3rem
}
.match-table--is-doubles .match-table__player-cell {
    padding: .9rem 2.5rem .9rem 1.6rem
}
.match-table--is-doubles .match-table__player-name {
    font-size: 1.6rem
}
.match-table--is-doubles .match-table__player-fname {
    letter-spacing: -.028rem
}
.match-table--is-doubles .match-table__player-lname {
    letter-spacing: -.022rem
}
.match-table--is-doubles.match-table--small .match-table__player:first-child {
    padding-top: .2rem
}
.match-table--is-doubles.match-table--small .match-table__player:last-child {
    margin-top: 0;
    padding-top: .2rem
}
.match-table--is-doubles.match-table--small .match-table__player-cell {
    padding: .1rem 2.2rem .1rem .8rem
}
.match-table--is-doubles.match-table--small .match-table__player-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 4.3rem)
}
.match-table--dark {
    color: #fff;
    background-color: #242424
}
.match-table--dark .match-table__row {
    border-color: #383838
}
.match-table--dark .match-table__team--winner:before,
.match-table--dark .match-table__team.is-winner:before {
    background-color: #bbda16
}
.match-table--dark .match-table__team--winner .match-table__player,
.match-table--dark .match-table__team.is-winner .match-table__player {
    color: #b8d900
}
.match-table--dark .match-table__player {
    color: #fff
}
.match-table--dark .match-table__player--link:focus {
    color: #bbda16
}
@media (min-width:52.5em) {
    .match-table--dark .match-table__player--link:hover {
        color: #bbda16
    }
}
.match-table--dark .match-table__player-seed {
    color: #d3e828
}
.match-table--dark .match-table__player-win-tick {
    fill: #cde423
}
.match-table--dark .match-table__serve-ball:first-child {
    background-color: #4d3968
}
.match-table--dark .match-table__score-cell {
    color: #fff;
    opacity: .8
}
.match-table--dark .match-table__score-cell:nth-last-of-type(odd) {
    background-color: #2e2e2e
}
.match-table--dark .match-table__score-cell--playing,
.match-table--dark .match-table__score-cell.is-playing {
    color: #fff;
    opacity: 1
}
.match-table--dark .match-table__score-cell--winner,
.match-table--dark .match-table__score-cell.is-winner {
    color: #bbda16;
    opacity: 1
}
.match-table--dark .match-table__points-cell {
    background-color: #bbda16;
    color: #121212
}
.match-table--dark .match-table__footer-cell {
    background-color: #1e1e1e
}
.match-table--dark .match-table__status {
    color: #cde423
}
.match-table--dark .match-table__time-wrap .icon {
    fill: #fff;
    vertical-align: baseline
}
.match-table--dark .match-table__time {
    color: #fff
}
.match-table--no-max {
    max-width: none
}
.match-table--h2h {
    margin: 0;
    max-width: 62.4rem
}
.match-table--h2h .match-table__footer-cell {
    display: none
}
@media (max-width:39.99em) {
    .match-table__player-cell {
        padding: 1.8rem 3rem 1.8rem 1.3rem
    }
    .match-table__player-flag {
        width: 2.15rem;
        height: 1.6rem;
        margin-right: .72rem
    }
    .match-table__player-name {
        font-size: 1.5rem
    }
    .match-table__player-fname {
        letter-spacing: -.021rem;
        line-height: 1.07
    }
    .match-table__player-lname {
        letter-spacing: -.026rem;
        line-height: 1.07
    }
    .match-table__player-seed {
        font-size: 1.3rem;
        line-height: .62;
        margin-left: .28rem
    }
    .match-table__player-win-tick {
        top: 50%;
        right: .6rem
    }
    .match-table__serve-icon {
        height: 3rem;
        width: 1.2rem;
        right: .6rem
    }
    .match-table__serve-ball {
        width: 1.2rem;
        height: 1.2rem
    }
    .match-table__tie-break {
        font-size: .9rem
    }
    .match-table__footer-cell {
        padding: .4rem 1.2rem
    }
    .match-table__status {
        font-size: 1rem;
        line-height: 1.38;
        letter-spacing: -.045rem
    }
    .match-table__time-wrap .icon {
        width: .75rem;
        height: .75rem
    }
    .match-table__time {
        font-size: 1rem;
        line-height: 1.38;
        letter-spacing: -.045rem
    }
    .match-table--is-doubles .match-table__player:last-child {
        margin-top: .4rem
    }
    .match-table--is-doubles .match-table__player-cell {
        padding: .5rem 3rem .5rem 1.3rem
    }
    .match-table--is-doubles .match-table__player-name {
        font-size: 1.5rem
    }
    .match-table--h2h {
        margin: 0 auto
    }
}
@media (max-width:450px) {
    .match-table__row {
        height: 4rem;
        border-bottom: .1rem solid #e6e6e6
    }
    .match-table__player-cell {
        padding: 0 3rem 0 .8rem
    }
    .match-table__player-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 4.3rem)
    }
    .match-table__player-flag {
        width: 1.6rem;
        height: 1.2rem;
        margin-right: .6rem;
        box-shadow: 0 .2rem .6rem 0 rgba(0, 0, 0, .24)
    }
    .match-table__player-fname,
    .match-table__player-lname {
        font-size: 1.3rem;
        letter-spacing: -.02rem;
        line-height: .9
    }
    .match-table__player-seed {
        font-size: .9rem;
        line-height: 1;
        letter-spacing: -.016rem;
        margin-left: .2rem
    }
    .match-table__player-win-tick {
        width: 1rem;
        height: .8rem
    }
    .match-table__ret,
    .match-table__wo {
        right: .3rem;
        padding: .3rem;
        font-size: .9rem;
        line-height: 1
    }
    .match-table__wo {
        right: 2rem
    }
    .match-table__score-cell.is-winning-set {
        color: #141414
    }
    .match-table__points-cell,
    .match-table__score-cell {
        font-size: 1.5rem
    }
    .match-table__serve-icon {
        height: 2.2rem;
        width: 1.1rem;
        right: .6rem
    }
    .match-table__serve-ball {
        width: 1.1rem;
        height: 1.1rem
    }
    .match-table__tie-break {
        font-size: .9rem
    }
    .match-table__time-wrap .icon {
        fill: #767676
    }
}
@media (max-width:450px) and (max-width:39.99em) {
    .match-table__row {
        height: 5.6rem
    }
    .match-table__player {
        padding: .2rem 0
    }
    .match-table__player-flag {
        width: 2.3rem;
        height: 1.6rem
    }
    .match-table__player-name {
        max-width: calc(100% - 4.3rem)
    }
    .match-table__player-fname,
    .match-table__player-lname {
        font-size: 1.5rem;
        letter-spacing: -.02rem;
        line-height: 1.07
    }
    .match-table__player-seed {
        font-size: 1rem;
        letter-spacing: -.02rem;
        line-height: .9
    }
    .match-table__score-cell {
        width: 4rem;
        font-size: 1.6rem;
        line-height: .94;
        letter-spacing: -.07rem
    }
}
.media-thumbnail {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}
.media-thumbnail:focus .media-thumbnail__heading {
    text-decoration: underline
}
.media-thumbnail:focus .media-thumbnail__image-container:before {
    background-color: rgba(120, 20, 255, .3)
}
.media-thumbnail:focus:not(.media-thumbnail--video) .media-thumbnail__heading {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .media-thumbnail:hover .media-thumbnail__heading {
        text-decoration: underline
    }
    .media-thumbnail:hover .media-thumbnail__image-container:before {
        background-color: rgba(120, 20, 255, .3)
    }
    .media-thumbnail:hover:not(.media-thumbnail--video) .media-thumbnail__heading {
        color: #0a4d3c
    }
}
.media-thumbnail__link {
    text-decoration: none;
    color: inherit;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
.media-thumbnail__image-container {
    position: relative;
    overflow: hidden;
    transform: translateZ(0)
}
.media-thumbnail__image-container:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(120, 20, 255, .3);
    mix-blend-mode: color;
    transition: background-color .4s ease;
    z-index: 10;
    background-color: rgba(120, 20, 255, 0)
}
.media-thumbnail__image-container:after {
    content: "";
    padding-top: 59.42982%;
    display: block
}
.media-thumbnail__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.media-thumbnail__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%
}
.media-thumbnail__type-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0a4d3c;
    width: 4.8rem;
    height: 4.8rem
}
.media-thumbnail__type-icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff
}
.media-thumbnail__type-icon .icn-photo {
    width: 2.4rem;
    height: 2rem
}
.media-thumbnail__type-icon .icn-video {
    margin-left: .1rem;
    width: 1.8rem;
    height: 2rem
}
.media-thumbnail__type-icon .hover-icn {
    opacity: 0;
    fill: #bbda16
}
.media-thumbnail__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem 2rem 1rem 1.5rem;
    background-color: #fff;
    margin-top: .8rem
}
.media-thumbnail--video .media-thumbnail__meta {
    background: #141414;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.media-thumbnail__heading {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 2.1rem;
    line-height: 2.4rem;
    position: relative;
    transition: color .4s ease;
    overflow-wrap: break-word
}
.media-thumbnail--video .media-thumbnail__heading {
    color: #fff
}
.media-thumbnail__meta-content {
    margin-top: 2.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.media-thumbnail__meta-content:empty {
    display: none
}
.media-thumbnail__tag {
    color: #0a4d3c;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.07;
    margin-right: 1.5rem;
    margin-top: .8rem;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: .2em
}
.media-thumbnail--video .media-thumbnail__tag {
    color: #fff
}
.media-thumbnail__tag:empty {
    display: none
}
.media-thumbnail__date {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.07;
    color: #0a0a0a;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .8rem
}
.media-thumbnail--video .media-thumbnail__date {
    color: #fff
}
.media-thumbnail__date .icn-clock {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .5rem;
    fill: #666
}
.media-thumbnail--video .media-thumbnail__date .icn-clock {
    fill: #999
}
.media-thumbnail__date .ago,
.media-thumbnail__date .year {
    margin-left: .3rem
}
.media-thumbnail__date .ago {
    color: hsla(0, 0%, 8%, .6)
}
.media-thumbnail--video .media-thumbnail__date .ago {
    color: hsla(0, 0%, 100%, .6)
}
.media-thumbnail__location {
    color: #666;
    font-weight: 600;
    line-height: 1.07;
    letter-spacing: .3rem;
    margin-left: .5rem;
    position: relative;
    text-transform: uppercase
}
.media-thumbnail__location:before {
    color: #0a4d3c;
    content: "•"
}
@supports ((-webkit-clip-path:inset(0 100% 0 0)) or (clip-path:inset(0 100% 0 0))) {
    .media-thumbnail__heading:after {
        content: attr(data-text);
        color: #0a4d3c;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        pointer-events: none
    }
    .media-thumbnail--video .media-thumbnail__heading:after {
        color: #bbda16
    }
    .media-thumbnail .hover-icn {
        opacity: 1;
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease
    }
}
@media (max-width:52.49em) {
    .media-thumbnail__image-container:after {
        padding-top: 62.5%
    }
}
@media (max-width:39.99em) {
    .media-thumbnail {
        position: relative;
        padding-bottom: 1.2rem
    }
    .media-thumbnail:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        right: 0;
        bottom: 0;
        height: 4px;
        background-color: #0a4d3c;
        width: calc(100% - 2rem)
    }
    .media-thumbnail--video:after {
        content: none
    }
    .media-thumbnail__type-icon {
        width: 3.2rem;
        height: 3.2rem
    }
    .media-thumbnail__type-icon .icn-photo {
        width: 1.47rem;
        height: 1.2rem
    }
    .media-thumbnail__type-icon .icn-video {
        width: 1.07rem;
        height: 12rem
    }
    .media-thumbnail__meta {
        padding: 1rem 1.6rem 1rem 1.2rem
    }
    .media-thumbnail--video .media-thumbnail__meta {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem
    }
    .media-thumbnail__heading {
        font-size: 2.1rem
    }
    .media-thumbnail__meta-content {
        margin-top: 1.2rem
    }
    .media-thumbnail__tag {
        font-size: 1.2rem;
        line-height: 1
    }
    .media-thumbnail__tag--tournament {
        white-space: normal
    }
    .media-thumbnail__date {
        font-size: 1.2rem;
        line-height: 1
    }
    .media-thumbnail__date .icn-clock {
        width: .88rem;
        height: .88rem
    }
    .media-thumbnail__location {
        display: block;
        letter-spacing: -.08rem;
        margin-left: 0;
        margin-top: .6rem
    }
    .media-thumbnail__location:before {
        display: none
    }
}
@media (max-width:31.24em) {
    .media-thumbnail__heading {
        font-size: 1.2rem;
        line-height: 1.4
    }
}
.no-data {
    margin: auto;
    max-width: 58rem;
    padding: 2rem;
    text-align: center;
    width: 100%
}
.no-data__icon {
    fill: #0a4d3c;
    height: 6.4rem;
    margin: 0 auto 2.4rem;
    width: 6.4rem
}
.no-data__title {
    font-size: 2.4rem;
    margin-bottom: 1.6rem
}
.no-data__description {
    font-size: 1.9rem
}
.object-fit-cover-picture__img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center"
}
.object-fit-cover-picture--is-portrait .object-fit-cover-picture__img {
    left: 50%;
    transform: translateX(-50%);
    width: auto
}
.page-header-menu {
    position: relative;
    z-index: 30
}
.page-header+.page-header-menu {
    width: calc(100% - .8rem * 2);
    max-width: none;
    margin: -4rem auto .8rem
}
.page-header-menu .tabs__nav {
    margin: 0;
    padding: 0 1rem
}
@media (max-width:39.99em) {
    .page-header+.page-header-menu {
        margin: -2.2rem auto .8rem
    }
}
.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: #0a4d3c
}
.picture__img {
    display: block;
    max-width: 100%
}
.player-headshot.has-placeholder:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/player-placeholder.svg)
}
.player-headshot.full-body img {
    max-width: none;
    height: 220%;
    width: auto;
    margin-left: 50%;
    transform: translateX(-50%)
}
.player-headshot__photo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.player-headshot--closeup .player-headshot__photo,
.player-headshot--thumbnail.head-only .player-headshot__photo {
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: .1rem solid #fff;
    background-color: #f7f7f7;
    overflow: hidden;
    padding-top: 100%;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%)
}
.player-headshot--closeup .player-headshot__photo img,
.player-headshot--thumbnail.head-only .player-headshot__photo img {
    padding: .5rem;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.player-headshot--closeup.has-placeholder:before {
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: .1rem solid #fff;
    background-color: #f7f7f7;
    overflow: hidden;
    padding-top: 100%;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background-size: cover;
    background-image: url(../images/player-head-placeholder.svg)
}
.player-headshot--closeup.has-placeholder:before img {
    padding: .5rem;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.player-headshot.coached-player-pill__headshot .player-headshot__photo {
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: .1rem solid #fff;
    background-color: #f7f7f7;
    overflow: hidden
}
.player-headshot.coached-player-pill__headshot .player-headshot__photo img {
    padding: 0;
    border-radius: 100%
}
.player-headshot.coached-player-pill__headshot.has-placeholder:before {
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: .1rem solid #fff;
    background-color: #f7f7f7;
    overflow: hidden
}
.player-headshot.coached-player-pill__headshot.has-placeholder:before img {
    padding: 0;
    border-radius: 100%
}
.player-headshot--card.head-only .player-headshot__photo,
.player-headshot--small-card .player-headshot__photo {
    border-radius: 5%;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .32);
    background-color: #f7f7f7;
    overflow: hidden;
    padding-top: 133%
}
.player-headshot--card.head-only .player-headshot__photo img,
.player-headshot--small-card .player-headshot__photo img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.player-headshot--small-card.has-placeholder:before {
    border-radius: 5%;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, .32);
    background-color: #f7f7f7;
    overflow: hidden;
    padding-top: 133%;
    background-size: cover;
    background-image: url(../images/player-head-placeholder.svg)
}
.player-headshot--small-card.has-placeholder:before img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.player-headshot--small-card--h2h .player-headshot__picture-wrapper:after {
    height: 10rem
}
.player-headshot--card.has-placeholder:before,
.player-headshot--thumbnail.has-placeholder:before {
    background-size: auto 130%;
    bottom: -30%
}
.player-headshot--thumbnail.has-placeholder:before {
    background-position-x: 60%
}
.player-name {
    margin-left: 6.4rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    transition: color .4s ease;
    position: relative;
    padding: .5rem 0
}
.player-name--coach .player-name__first-name,
.player-name--coach .player-name__last-name {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.4rem
}
.player-name__container {
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    text-transform: capitalize;
    vertical-align: middle
}
.player-name a.player-name__container {
    text-decoration: none;
    color: #767676
}
.player-name__names {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.player-name__first-name {
    display: inline-block;
    margin-right: .3rem
}
.player-name__first-name,
.player-name__last-name {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.1rem;
    line-height: 1
}
.player-name__last-name {
    color: #0a0a0a;
    transition: color .4s ease
}
.player-name__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    vertical-align: middle;
    z-index: 10
}
.player-name__top-court-link {
    margin-right: auto
}
.player-name__top-court-icon {
    height: 3rem
}
.player-name__qualified {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    background-image: linear-gradient(90deg, #a8771d, #f5e5bb 25%, #d5b16d 50%, #f9fbca 75%, #a8771d);
    color: #0a4d3c;
    display: inline-block;
    font-size: 1.4rem;
    height: 3rem;
    letter-spacing: normal;
    line-height: 2.3;
    margin-left: auto;
    text-align: center;
    width: 3rem
}
.player-name__qualified--large {
    padding-right: 2.2rem;
    text-align: right;
    max-width: 27rem;
    width: 100%
}
.player-name__qualified--small {
    display: none;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.player-name__country-container {
    display: inline-block;
    margin-left: 1.2rem;
    vertical-align: middle;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.player-name__flag {
    display: inline-block;
    margin-right: .2rem;
    width: 1.6rem;
    height: 1.2rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .16)
}
.player-name__country {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 600;
    font-style: normal;
    color: #767676;
    vertical-align: middle;
    width: 2.8rem
}
.player-name--doubles {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 10.2rem;
    padding-right: 3rem
}
.player-name--doubles .player-name__qualified--small {
    display: block;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}
.player-name--no-margin {
    margin-left: 0
}
@media (max-width:1300px) {
    .player-name__country-container {
        display: -ms-flexbox;
        display: flex;
        margin: .2rem 0 0;
        transform: none;
        -ms-flex-align: center;
        align-items: center
    }
    .player-name--no-margin .player-name__container {
        margin-right: 1rem
    }
    .player-name--no-margin .player-name__country-container {
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}
@media (max-width:1240px) {
    .player-name--coach .player-name__first-name,
    .player-name--coach .player-name__last-name {
        font-size: 2.2rem;
        line-height: 2.2rem
    }
    .player-name__mask {
        top: -.1rem
    }
}
@media (max-width:1025px) {
    .player-name__names {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
    .player-name__meta {
        -ms-flex-positive: unset;
        flex-grow: unset;
        margin-left: auto
    }
    .player-name__qualified--large {
        display: none
    }
    .player-name__qualified--small {
        display: block
    }
}
@media (max-width:840px) {
    .player-name__container {
        display: block;
        padding-top: .2rem
    }
    .player-name__first-name,
    .player-name__last-name {
        font-size: 1.5rem;
        line-height: 1.07
    }
    .player-name__meta {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .player-name__qualified {
        margin: 0 1rem 0 0
    }
    .player-name__top-court-link {
        margin-right: 1rem
    }
    .player-name--doubles {
        display: block;
        margin-left: 8.6rem
    }
    .player-name--doubles .player-name__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .player-name--doubles .player-name__country-container {
        display: -ms-flexbox;
        display: flex
    }
    .player-name--coach .player-name__first-name,
    .player-name--coach .player-name__last-name {
        font-size: 1.9rem;
        line-height: 1.9rem
    }
}
@media (max-width:640px) {
    .player-name {
        margin-left: 5.6rem
    }
    .player-name--no-margin {
        margin-left: 0
    }
    .player-name__first-name,
    .player-name__last-name {
        font-size: 1.5rem;
        line-height: 1.07
    }
    .player-name--doubles {
        margin-left: 8.6rem
    }
}
@media (max-width:415px) {
    .player-name--doubles {
        margin-left: 0
    }
}
.player-placeholder {
    width: 100%;
    padding-top: calc(62.5% + 11.4rem);
    background-color: #e6e6e6;
    animation: e 1s ease 0s infinite alternate
}
@media (max-width:840px) {
    .player-placeholder {
        padding-top: calc(84.5% + 11.4rem)
    }
}
@media (max-width:640px) {
    .player-placeholder {
        padding-top: calc(84.5% + 8.3rem)
    }
}
.player-thumbnail {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}
.player-thumbnail__inner {
    text-decoration: none;
    color: inherit;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
.player-thumbnail__inner--link:focus .player-thumbnail__first-name,
.player-thumbnail__inner--link:focus .player-thumbnail__last-name {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .player-thumbnail__inner--link:hover .player-thumbnail__first-name,
    .player-thumbnail__inner--link:hover .player-thumbnail__last-name {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.player-thumbnail__image-container {
    position: relative;
    overflow: hidden;
    z-index: 5;
    padding-top: 62.5%
}
.player-thumbnail__image-container:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 56%;
    width: 100%;
    background-color: #0a4d3c;
    display: block
}
.player-thumbnail__picture {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transform: translate3d(0, .2rem, 0);
    transform-origin: bottom center
}
.player-thumbnail__picture.head-only {
    width: 50%;
    max-width: 12.8rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.player-thumbnail__boxed-image {
    position: absolute;
    width: 41%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-radius: .8rem;
    border: .4rem solid #ececec
}
.player-thumbnail__boxed-image:before {
    content: "";
    display: block;
    padding-top: 115.94203%
}
.player-thumbnail__rank {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56%;
    min-height: 9rem;
    background: #0a4d3c;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.2rem
}
.player-thumbnail__rank--unseeded .player-thumbnail__rank-pos:before {
    content: ""
}
.player-thumbnail__rank-label {
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: .05rem;
    left: .8rem;
    top: 1rem;
    text-align: center;
    margin-bottom: .4rem
}
.player-thumbnail__rank-label,
.player-thumbnail__rank-pos {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.player-thumbnail__rank-pos {
    font-size: 2.8rem;
    line-height: .83;
    color: #fff;
    padding-right: .15em;
    z-index: 10
}
.player-thumbnail__rank-pos:before {
    content: "#"
}
.player-thumbnail__rank-pos--unseeded {
    display: none
}
.player-thumbnail__tags {
    position: absolute;
    bottom: 1.2rem;
    left: 1.2rem;
    z-index: 40
}
.player-thumbnail__tag {
    background: #0a4d3c;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.1rem;
    line-height: 1.09;
    color: #fff;
    text-transform: uppercase;
    padding: .4rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .5rem
}
.player-thumbnail__tag--winner {
    background-color: #ad8d2b
}
.player-thumbnail__tag--runnerup {
    background-color: #767676
}
.player-thumbnail__tag--luckyloser {
    background-color: #008540
}
.player-thumbnail__tag--alternate {
    background-color: #017ea2
}
.player-thumbnail__tag--alternate .player-thumbnail__tag-icon {
    width: .6rem
}
.player-thumbnail__tag--wildcard {
    background-color: #d9282f
}
.player-thumbnail__tag--wildcard .player-thumbnail__tag-icon {
    width: .8rem
}
.player-thumbnail__tag--qualifier {
    background-color: #e6e6e6;
    color: #141414
}
.player-thumbnail__tag--qualifier .player-thumbnail__tag-icon {
    width: 1.08rem
}
.player-thumbnail__tag-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .6rem;
    fill: #fff;
    display: none
}
.player-thumbnail__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 2.2rem 1.2rem;
    background-color: #e6e6e6;
    margin-top: .8rem
}
.player-thumbnail__name {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 1.2rem
}
.player-thumbnail__name--no-grow {
    -ms-flex-positive: 0;
    flex-grow: 0
}
.player-thumbnail__first-name,
.player-thumbnail__last-name {
    display: block;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: 1;
    position: relative;
    text-transform: capitalize;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    transition: color .4s ease
}
.player-thumbnail__first-name {
    color: #818181;
    font-size: 1.3rem;
    letter-spacing: -.011rem
}
.player-thumbnail__last-name {
    display: -ms-flexbox;
    display: flex;
    font-size: 2.1rem;
    letter-spacing: -.02rem;
    color: #141414
}
.player-thumbnail__top-court-icon {
    height: 2rem
}
.player-thumbnail__coach-details,
.player-thumbnail__details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.player-thumbnail__nationality-flag {
    width: 2.4rem;
    height: 1.6rem;
    margin-right: .6rem;
    box-shadow: 0 .2rem .8rem 0 hsla(0, 0%, 8%, .2)
}
.player-thumbnail__nationality-label {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1;
    color: #818181
}
.player-thumbnail__status {
    color: #be0228;
    margin-left: auto;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: -.015rem;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase
}
.player-thumbnail__status-icon {
    fill: #be0228;
    width: .8rem;
    height: .8rem;
    margin-right: .2rem
}
.player-thumbnail__coach-duration {
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -.04rem;
    color: #585858;
    margin-top: 1.2rem;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}
.player-thumbnail__coach-duration strong {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #3d3d3d
}
.player-thumbnail__active-label {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -.04rem;
    margin-top: 1.2rem;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}
.player-thumbnail__type {
    color: #0a4d3c;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 1.07;
    margin-top: 2.2rem;
    margin-right: .8rem;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: .2em
}
.player-thumbnail--eliminated .player-thumbnail__image-container {
    opacity: .6
}
.player-thumbnail--eliminated .player-thumbnail__status {
    display: -ms-flexbox;
    display: flex
}
.player-thumbnail--active .player-thumbnail__first-name,
.player-thumbnail--active .player-thumbnail__last-name,
.player-thumbnail--active .player-thumbnail__nationality-label {
    color: #fff
}
.player-thumbnail--active .player-thumbnail__meta {
    background-color: #0a4d3c
}
.player-thumbnail--active .player-thumbnail__coach-duration {
    color: #e6e6e6
}
.player-thumbnail--active .player-thumbnail__coach-duration strong {
    color: #fff
}
.player-thumbnail--active .player-thumbnail__inner--link:focus .player-thumbnail__first-name,
.player-thumbnail--active .player-thumbnail__inner--link:focus .player-thumbnail__last-name {
    color: #fff;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .player-thumbnail--active .player-thumbnail__inner--link:hover .player-thumbnail__first-name,
    .player-thumbnail--active .player-thumbnail__inner--link:hover .player-thumbnail__last-name {
        color: #fff;
        text-decoration: underline
    }
}
@media (max-width:89.99em) {
    .player-thumbnail__rank-pos {
        font-size: 2rem
    }
}
@media (min-width:81.25em) and (max-width:89.99em) {
    .player-thumbnail__rank {
        padding: .8rem
    }
    .player-thumbnail__tags {
        bottom: .8rem;
        left: .8rem
    }
}
@media (min-width:64.0625em) and (max-width:71.875em) {
    .player-thumbnail__rank {
        padding: .8rem
    }
    .player-thumbnail__tags {
        bottom: .8rem;
        left: .8rem
    }
}
@media (max-width:64.0525em) {
    .player-thumbnail__rank-pos {
        line-height: 1.11;
        font-size: 1.8rem
    }
    .player-thumbnail__rank-label {
        font-size: 1rem;
        margin-bottom: .2rem
    }
    .player-thumbnail__last-name {
        font-size: 2.1rem
    }
}
@media (min-width:64.0625em) and (max-width:71.875em) {
    .player-thumbnail__last-name {
        font-size: 2.1rem
    }
}
@media (max-width:52.49em) {
    .player-thumbnail__image-container {
        padding-top: 84.5%
    }
    .player-thumbnail__image-container:before {
        height: 50%
    }
    .player-thumbnail__picture.head-only {
        width: 9.5rem;
        height: 9.5rem
    }
    .player-thumbnail__rank {
        height: 50%
    }
}
@media (max-width:39.99em) {
    .player-thumbnail__image-container:after {
        width: 42%
    }
    .player-thumbnail__rank {
        padding: .8rem
    }
    .player-thumbnail__rank-pos {
        line-height: 1.11;
        font-size: 1.8rem
    }
    .player-thumbnail__rank-label {
        font-size: 1rem
    }
    .player-thumbnail__tags {
        bottom: .8rem;
        left: .8rem
    }
    .player-thumbnail__meta {
        padding: 1.2rem .8rem
    }
    .player-thumbnail__name {
        margin-bottom: .8rem
    }
    .player-thumbnail__first-name {
        font-size: 1.2rem;
        line-height: 1.7rem;
        letter-spacing: -.01rem
    }
    .player-thumbnail__last-name {
        font-size: 1.7rem;
        line-height: 1.7rem;
        letter-spacing: -.01rem
    }
    .player-thumbnail__top-court-icon {
        height: 1.6rem
    }
    .player-thumbnail__nationality {
        margin-bottom: 1rem
    }
    .player-thumbnail__nationality-flag {
        width: 1.8rem;
        height: 1.35rem
    }
    .player-thumbnail__type {
        font-size: 1.2rem;
        line-height: 1;
        width: 100%;
        margin-top: 1.2rem
    }
    .player-thumbnail__type--tournament {
        white-space: normal
    }
    .player-thumbnail__picture.head-only {
        width: 10rem;
        height: 10rem
    }
    .player-thumbnail--horizontal {
        min-height: 8rem
    }
    .player-thumbnail--horizontal .player-thumbnail__inner {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .player-thumbnail--horizontal .player-thumbnail__image-container {
        -ms-flex: 0 0 8rem;
        flex: 0 0 8rem;
        padding-top: 0
    }
    .player-thumbnail--horizontal .player-thumbnail__picture {
        right: 0
    }
    .player-thumbnail--horizontal .player-thumbnail__picture.head-only {
        width: 7rem;
        height: 7rem
    }
    .player-thumbnail--horizontal .player-thumbnail__picture.head-only img {
        padding: .2rem
    }
    .player-thumbnail--horizontal .player-thumbnail__meta {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-top: 0;
        margin-left: .8rem
    }
    .player-thumbnail--horizontal .player-thumbnail__name {
        margin-bottom: 0;
        margin-right: .8rem;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .player-thumbnail--horizontal .player-thumbnail__first-name,
    .player-thumbnail--horizontal .player-thumbnail__last-name {
        display: inline;
        font-size: 1.7rem
    }
    .player-thumbnail--horizontal .player-thumbnail__coach-details {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
    .player-thumbnail--horizontal .player-thumbnail__coach-duration {
        margin-top: 0
    }
}
@media (max-width:25.9275em) {
    .player-thumbnail__tag {
        font-size: 1rem;
        padding: .2rem .4rem
    }
    .player-thumbnail--horizontal .player-thumbnail__first-name,
    .player-thumbnail--horizontal .player-thumbnail__last-name {
        font-size: 1.5rem
    }
    .player-thumbnail--horizontal .player-thumbnail__details {
        margin-top: .2rem
    }
}
@media (max-width:23.115em) {
    .player-thumbnail__tag-icon {
        width: 1rem;
        height: 1rem;
        margin-right: .2rem
    }
}
.profile-bio {
    overflow: hidden
}
.profile-bio__content {
    max-width: 70rem
}
.profile-bio__items {
    letter-spacing: -.8px;
    margin-bottom: 1rem
}
.profile-bio__items .profile-bio__title:first-of-type {
    display: none
}
.profile-bio__intro-title {
    font-size: 3.2rem
}
.profile-bio__intro-title,
.profile-bio__title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    margin: 3.2rem 0 1.2rem;
    color: #0a0a0a
}
.profile-bio__title {
    font-size: 2.9rem
}
@media (max-width:39.99em) {
    .profile-bio__content {
        padding: 0 1.2rem;
        padding-bottom: 2rem
    }
    .profile-bio__title {
        margin: 1.8rem 0
    }
}
.reset-button {
    background: none;
    border: none;
    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: 1rem 2rem;
    position: relative;
    opacity: 0;
    transition: opacity .2s ease;
    pointer-events: none
}
.reset-button.is-active {
    opacity: 1;
    pointer-events: all
}
.reset-button__icon {
    width: 2.08rem;
    height: 1.67rem;
    fill: #737273;
    margin-bottom: .33rem;
    transition: transform .4s ease
}
.reset-button__label {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.1rem;
    line-height: 1.15;
    letter-spacing: -.086rem;
    text-align: center;
    color: #0a0a0a;
    min-width: 4.1rem;
    transition: color .4s ease
}
@media (min-width:52.5em) {
    .reset-button:hover .reset-button__icon {
        transform: rotate(180deg)
    }
    .reset-button:hover .reset-button__label {
        color: #0a4d3c
    }
}
@media (max-width:52.49em) {
    .reset-button {
        margin-left: auto;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        opacity: 1
    }
    .reset-button:before {
        display: none
    }
    .reset-button__icon {
        width: 1.6rem;
        height: 1.29rem;
        margin-right: .5rem;
        margin-bottom: 0
    }
    .reset-button__label {
        font-family: Ferry, Arial, Helvetica Neue, sans-serif;
        font-weight: 900;
        font-size: 1.6rem;
        line-height: 1;
        letter-spacing: -.04rem;
        text-align: left;
        min-width: none;
        color: #737273
    }
}
.search-dropdown {
    display: none;
    position: absolute;
    height: auto;
    background: #fff;
    top: 100%;
    right: -.6rem;
    width: 36rem;
    box-shadow: 0 1.2rem 3.2rem 0 rgba(0, 0, 0, .24);
    max-height: 28.5rem;
    overflow: hidden;
    z-index: 10
}
.search-dropdown:after {
    content: "";
    pointer-events: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4rem;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}
.search-dropdown.is-open {
    display: block
}
.search-dropdown__content {
    position: relative;
    max-height: 28.5rem;
    top: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.search-dropdown__content::-webkit-scrollbar {
    width: .4rem
}
.search-dropdown__content::-webkit-scrollbar-track {
    background-color: #fff
}
.search-dropdown__content::-webkit-scrollbar-thumb {
    background-color: #0a4d3c
}
.search-dropdown__list {
    padding-bottom: 3rem
}
.search-dropdown__item {
    position: relative;
    padding: .8rem 1.2rem;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    cursor: pointer
}
.search-dropdown__item:before {
    content: "";
    top: 0;
    right: 1.2rem;
    left: 1.2rem;
    height: .1rem;
    margin: auto;
    position: absolute;
    background: #ececec
}
.search-dropdown__item:first-of-type:not(.u-search-hide):before {
    display: none
}
.search-dropdown__item.is-active {
    transition: color .3s ease
}
.search-dropdown__item.is-active .search-dropdown__name,
.search-dropdown__item.is-active .search-dropdown__name--first {
    transition: color .3s ease;
    color: #0a4d3c
}
.search-dropdown__item:focus {
    background-color: #0a4d3c
}
.search-dropdown__item:focus .search-dropdown__name,
.search-dropdown__item:focus .search-dropdown__name--first {
    color: #fff
}
@media (min-width:52.5em) {
    .search-dropdown__item:hover {
        background-color: #0a4d3c
    }
    .search-dropdown__item:hover .search-dropdown__name,
    .search-dropdown__item:hover .search-dropdown__name--first {
        color: #fff
    }
}
.search-dropdown__headshot {
    width: 4rem;
    height: 4rem;
    margin-right: 1.6rem;
    position: relative;
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: 1px solid #efefef;
    background: #fff
}
.search-dropdown__headshot:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1.3rem;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}
.search-dropdown__headshot .player-headshot__picture-wrapper:before {
    background-position: 50%
}
.search-dropdown__name,
.search-dropdown__name--first {
    letter-spacing: -.028rem;
    display: inline-block;
    vertical-align: baseline;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.search-dropdown__name--first {
    font-size: 1.5rem;
    color: #0a0a0a
}
.search-dropdown__name {
    font-size: 1.9rem;
    color: #0a0a0a
}
.search-dropdown--h2h {
    left: 50%;
    padding-top: .9rem;
    right: auto;
    transform: translateX(-50%);
    width: 34rem
}
.search-dropdown--h2h .search-dropdown__item {
    padding: .8rem 1.6rem
}
.search-dropdown--h2h .search-dropdown__item:before {
    left: .4rem;
    opacity: .1;
    right: .4rem
}
.search-dropdown--h2h .search-dropdown__name--first {
    font-size: 1.9rem
}
.search-dropdown--dark {
    background: #383838;
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .6)
}
.search-dropdown--dark:after {
    display: none
}
.search-dropdown--dark .search-dropdown__content::-webkit-scrollbar-track {
    background-color: #383838
}
.search-dropdown--dark .search-dropdown__content::-webkit-scrollbar-thumb {
    background-color: #0a4d3c
}
.search-dropdown--dark .search-dropdown__item:focus {
    background: #383838
}
.search-dropdown--dark .search-dropdown__item:focus .search-dropdown__name,
.search-dropdown--dark .search-dropdown__item:focus .search-dropdown__name--first {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .search-dropdown--dark .search-dropdown__item:hover {
        background: #383838
    }
    .search-dropdown--dark .search-dropdown__item:hover .search-dropdown__name,
    .search-dropdown--dark .search-dropdown__item:hover .search-dropdown__name--first {
        color: #0a4d3c
    }
}
.search-dropdown--dark .search-dropdown__item.is-active {
    background-color: #383838
}
.search-dropdown--dark .search-dropdown__item.is-active .search-dropdown__name,
.search-dropdown--dark .search-dropdown__item.is-active .search-dropdown__name--first {
    color: #0a4d3c
}
.search-dropdown--dark .search-dropdown__name,
.search-dropdown--dark .search-dropdown__name--first {
    color: #fff
}
@media (max-width:52.49em) {
    .search-dropdown {
        right: 0;
        left: 0;
        width: 100%;
        z-index: 30;
        position: fixed;
        top: 15.2rem
    }
    .search-dropdown--h2h {
        margin-top: 12rem;
        top: 0;
        transform: none
    }
}
.sidebar-item {
    color: #fff;
    width: 100%;
    min-height: 10rem;
    margin-top: .8rem;
    background-color: #141414;
    transition: background-color .5s ease;
    padding: 1.2rem 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}
.sidebar-item--placeholder {
    background-color: #e7e7e7;
    animation: e 1s ease 0s infinite alternate
}
.sidebar-item--active {
    background-color: #0a4d3c
}
.sidebar-item__header-level {
    margin-right: 1rem
}
.sidebar-item .tournament-tag__level {
    fill: #fff;
    margin-top: 0
}
@media (max-width:840px) {
    .sidebar-item+.sidebar-item {
        margin-left: .4rem
    }
}
.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-image: linear-gradient(45deg, #4c68d6, #b22d98 33%, #e85a50 65%, #fbbb59)
}
.social-share-expand {
    position: relative
}
.social-share-expand--flat .social-share-expand__options {
    position: static;
    transform: none;
    visibility: visible;
    overflow: visible;
    max-width: none
}
.social-share-expand--flat .social-share-expand__option .icon {
    opacity: 1
}
.social-share-expand--flat .social-share-expand__button {
    display: none
}
.social-share-expand__overflow-container {
    overflow: hidden;
    border-radius: 3rem 0 0 3rem
}
.social-share-expand__label {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: 1;
    padding-left: 1.5rem;
    white-space: nowrap;
    font-size: 1.4rem;
    color: #fff
}
.social-share-expand__button {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: .2rem;
    z-index: 5;
    opacity: .8;
    transition: opacity .4s ease
}
.social-share-expand__button .icon {
    width: 1.9rem;
    height: 1.6rem;
    fill: #fff
}
.social-share-expand__button:focus {
    opacity: 1
}
@media (min-width:52.5em) {
    .social-share-expand__button:hover {
        opacity: 1
    }
}
.social-share-expand__options {
    position: absolute;
    right: calc(100% + 1rem);
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 0;
    transition: all .25s ease-in-out .05s;
    visibility: hidden
}
.social-share-expand__option {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    cursor: pointer;
    width: 4rem;
    height: 4rem;
    margin: .4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #f0f0f0;
    color: #fff;
    border-radius: 50%;
    position: relative
}
.social-share-expand__option .icon {
    opacity: 0;
    transition: opacity .2s .1s;
    fill: #fff
}
.social-share-expand__option--twitter .icon {
    fill: #55acee
}
.social-share-expand__option--facebook .icon {
    fill: #117df2
}
.social-share-expand__option--facebook-messenger .icon {
    fill: #0183ff
}
.social-share-expand__option--whatsapp .icon {
    fill: #43d854
}
.social-share-expand__option--copy .icon {
    fill: #0a4d3c
}
.social-share-expand__option.is-active .social-share-expand__copy-message {
    opacity: 1
}
.social-share-expand__option-label,
.social-share-expand__option-mask {
    display: none
}
.social-share-expand__copy-message {
    font-size: 1.1rem;
    padding: .8rem;
    min-width: 10rem;
    position: absolute;
    right: calc(100% + 1rem);
    background: #0a4d3c;
    color: #fff;
    opacity: 0;
    transition: opacity .25s;
    pointer-events: none;
    z-index: 1;
    text-align: center
}
.social-share-expand__copy-message:before {
    content: "";
    width: 0;
    height: 0;
    border-top: .7rem solid transparent;
    border-bottom: .7rem solid transparent;
    border-left: .7rem solid #0a4d3c;
    position: absolute;
    right: -.7rem;
    top: 50%;
    transform: translateY(-50%)
}
.social-share-expand__bottom {
    display: none
}
.social-share-expand.is-open .social-share-expand__options {
    max-width: 20rem;
    max-height: 20rem;
    visibility: visible
}
.social-share-expand.is-open .social-share-expand__option .icon,
.social-share-expand.is-open .social-share-expand__options .icon {
    opacity: 1
}
.social-share-expand--static {
    position: relative;
    display: inline-block
}
.social-share-expand--static.is-open .social-share-expand__options {
    max-height: none;
    max-width: none
}
.social-share-expand--static .social-share-expand__button,
.social-share-expand--static .social-share-expand__label {
    display: none
}
.social-share-expand--static .social-share-expand__options {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    top: 0;
    transform: none;
    box-shadow: none;
    overflow: visible
}
.social-share-expand--static .social-share-expand__option-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0a4d3c;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .social-share-expand--static .social-share-expand__option-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s 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-expand--static .social-share-expand__option-mask svg {
    fill: #fff
}
.social-share-expand--static .social-share-expand__option-mask .social-share-expand__option-label {
    color: #fff
}
.social-share-expand--static .social-share-expand__option-label {
    display: block;
    color: #000;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -.05rem;
    font-size: 1.7rem;
    line-height: .88;
    margin-left: 1.2rem
}
.social-share-expand--static .social-share-expand__option {
    min-width: 18rem;
    width: auto;
    height: 4.8rem;
    padding: 1rem;
    background-color: #fff;
    border: .1rem solid #f0f0f0;
    border-radius: 0;
    margin: .4rem;
    position: relative;
    transition: box-shadow .4s ease
}
.social-share-expand--static .social-share-expand__option .icon {
    width: 2.6rem;
    height: 2.6rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.social-share-expand--static .social-share-expand__option>svg {
    fill: #000
}
.social-share-expand--static .social-share-expand__option--twitter .social-share-expand__option-mask {
    background-color: #55acee
}
.social-share-expand--static .social-share-expand__option--facebook .social-share-expand__option-mask {
    background-color: #117df2
}
.social-share-expand--static .social-share-expand__option--whatsapp .social-share-expand__option-mask {
    background-color: #43d854
}
.social-share-expand--static .social-share-expand__option:focus .social-share-expand__option-mask {
    opacity: 1
}
@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
    .social-share-expand--static .social-share-expand__option:focus .social-share-expand__option-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:52.5em) {
    .social-share-expand--static .social-share-expand__option:hover .social-share-expand__option-mask {
        opacity: 1
    }
    @supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
        .social-share-expand--static .social-share-expand__option:hover .social-share-expand__option-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-expand--static .social-share-expand__copy-message {
    left: calc(100% + 1rem);
    right: auto;
    text-align: left
}
.social-share-expand--static .social-share-expand__copy-message:before {
    left: -.7rem;
    right: auto;
    border-left: 0;
    border-right: .7rem solid #0a4d3c
}
.social-share-expand--vertical .social-share-expand__options {
    -ms-flex-direction: column;
    flex-direction: column
}
.social-share-expand--circular .social-share-expand__option-mask {
    border-radius: 50%
}
.social-share-expand--circular .social-share-expand__option {
    border-radius: 50%;
    min-width: 0;
    width: 5.2rem;
    height: 5.2rem
}
.social-share-expand--circular .social-share-expand__option:focus {
    box-shadow: 0 .8rem 1.4rem 0 hsla(0, 0%, 8%, .12)
}
@media (min-width:52.5em) {
    .social-share-expand--circular .social-share-expand__option:hover {
        box-shadow: 0 .8rem 1.4rem 0 hsla(0, 0%, 8%, .12)
    }
}
.social-share-expand--circular .social-share-expand__option-label {
    display: none
}
.social-share-expand--colour-sweep .social-share-expand__option {
    background-color: #fff;
    overflow: hidden
}
.social-share-expand--colour-sweep .social-share-expand__option .icon {
    fill: #141414
}
.social-share-expand--colour-sweep .social-share-expand__option--twitter .social-share-expand__option-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #55acee;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .social-share-expand--colour-sweep .social-share-expand__option--twitter .social-share-expand__option-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s 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-expand--colour-sweep .social-share-expand__option--twitter .social-share-expand__option-mask svg {
    fill: #fff
}
.social-share-expand--colour-sweep .social-share-expand__option--facebook .social-share-expand__option-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #117df2;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .social-share-expand--colour-sweep .social-share-expand__option--facebook .social-share-expand__option-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s 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-expand--colour-sweep .social-share-expand__option--facebook .social-share-expand__option-mask svg {
    fill: #fff
}
.social-share-expand--colour-sweep .social-share-expand__option--whatsapp .social-share-expand__option-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #43d854;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .social-share-expand--colour-sweep .social-share-expand__option--whatsapp .social-share-expand__option-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s 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-expand--colour-sweep .social-share-expand__option--whatsapp .social-share-expand__option-mask svg {
    fill: #fff
}
.social-share-expand--colour-sweep .social-share-expand__option--copy .social-share-expand__option-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0a4d3c;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .social-share-expand--colour-sweep .social-share-expand__option--copy .social-share-expand__option-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s 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-expand--colour-sweep .social-share-expand__option--copy .social-share-expand__option-mask svg {
    fill: #fff
}
.social-share-expand--colour-sweep .social-share-expand__option:focus .social-share-expand__option-mask {
    opacity: 1
}
@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
    .social-share-expand--colour-sweep .social-share-expand__option:focus .social-share-expand__option-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:52.5em) {
    .social-share-expand--colour-sweep .social-share-expand__option:hover .social-share-expand__option-mask {
        opacity: 1
    }
    @supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
        .social-share-expand--colour-sweep .social-share-expand__option:hover .social-share-expand__option-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 (max-width:64.0525em) {
    .social-share-expand--static {
        left: 0
    }
    .social-share-expand--static .social-share-expand__option-label,
    .social-share-expand--static .social-share-expand__option-mask {
        display: none
    }
    .social-share-expand--static .social-share-expand__option {
        min-width: 0;
        width: 4rem;
        height: 4rem;
        padding: 0;
        border: 0;
        background-color: #0a4d3c;
        border-radius: 50%;
        margin: 0 .8rem .8rem 0
    }
    .social-share-expand--static .social-share-expand__option .icon {
        width: 2rem;
        height: 2rem
    }
    .social-share-expand--static .social-share-expand__option>svg {
        fill: #fff
    }
    .social-share-expand--static .social-share-expand__option--twitter .icon {
        fill: #55acee
    }
    .social-share-expand--static .social-share-expand__option--facebook .icon {
        fill: #117df2
    }
    .social-share-expand--static .social-share-expand__option--facebook-messenger .icon {
        fill: #0183ff
    }
    .social-share-expand--static .social-share-expand__option--whatsapp .icon {
        fill: #43d854
    }
    .social-share-expand--static .social-share-expand__option--copy .icon {
        fill: #0a4d3c
    }
    .social-share-expand--vertical .social-share-expand__options {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .social-share-expand--bg-white .social-share-expand__option {
        background-color: #fff
    }
}
@media (max-width:370px) {
    .social-share-expand--static .social-share-expand__copy-message {
        top: 4.8rem;
        left: 2rem;
        transform: translateX(-50%);
        text-align: center
    }
    .social-share-expand--static .social-share-expand__copy-message:before {
        top: -.7rem;
        margin-left: -.7rem;
        left: 50%;
        border-top: none;
        border-bottom: .7rem solid #0a4d3c;
        border-left: .7rem solid transparent;
        border-right: .7rem solid transparent;
        transform: none
    }
}
.standings-table {
    width: 100%;
    text-align: center;
    table-layout: fixed
}
.standings-table__header-row {
    background: #0a4d3c;
    color: #fff;
    font-size: 1.4rem
}
.standings-table__header-cell {
    padding: .8rem 0
}
.standings-table__header-cell--club {
    width: 25%;
    text-align: left
}
.standings-table__cell {
    padding: 1.6rem 0
}
.standings-table__row:nth-child(odd) {
    background: #faf8f7
}
.standings-table__row--highlight-team {
    background: #0a4d3c
}
.standings-table__club {
    text-align: left
}
.standings-table__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.standings-table__form-container {
    width: 2.4rem;
    margin: 0 .4rem
}
.standings-table__form-container:hover {
    cursor: pointer
}
.standings-table__form-container:hover .tooltip {
    display: block
}
.standings-table__form-result {
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    text-align: center
}
.standings-table__form-indicator {
    position: relative;
    width: 100%;
    height: .8rem;
    border-radius: .4rem
}
.standings-table__form-indicator:focus .tooltip {
    display: block
}
.standings-table__form-indicator--draw {
    background: #c2c2c2
}
.standings-table__form-indicator--win {
    background: #0abf28
}
.standings-table__form-indicator--lose {
    background: #de0e0e
}
.standings-table__position {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.6rem 0
}
.standings-table__pos-value {
    -ms-flex: 1;
    flex: 1
}
.standings-table__pos-movement {
    -ms-flex: 1;
    flex: 1;
    font-size: 1.5rem
}
.standings-table__pos-movement--down :after,
.standings-table__pos-movement--up :after {
    display: block
}
.standings-table__pos-movement--up:after {
    content: "\2B06";
    color: #0abf28
}
.standings-table__pos-movement--down:after {
    content: "\2B07";
    color: #de0e0e
}
.standings-table abbr {
    border-bottom: 0
}
.tabs__nav {
    margin: 0 .8rem;
    background: #141414;
    box-shadow: 0 .4rem 1.6rem 0 hsla(0, 0%, 8%, .08);
    position: relative
}
.tabs__nav:after,
.tabs__nav:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 4rem;
    z-index: 10;
    opacity: 0;
    transition: opacity .2s ease;
    display: block;
    pointer-events: none
}
.tabs__nav:before {
    left: 0;
    background-image: linear-gradient(270deg, hsla(0, 0%, 8%, 0), #141414)
}
.tabs__nav:after {
    right: 0;
    background-image: linear-gradient(90deg, hsla(0, 0%, 8%, 0), #141414)
}
.tabs__nav.is-scrolling-left:before,
.tabs__nav.is-scrolling-right:after {
    opacity: 1
}
.tabs__link {
    padding: 1.6rem 2rem;
    display: block
}
.tabs__link span {
    pointer-events: none
}
.tabs__link:focus .tabs__external-icon {
    fill: #fff
}
@media (min-width:52.5em) {
    .tabs__link:hover .tabs__external-icon {
        fill: #fff
    }
}
.tabs__link-secondary-text {
    display: none
}
.tabs__list {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    position: relative
}
.tabs__list:after,
.tabs__list:before {
    width: 2.4rem
}
@media (max-width:64.0525em) {
    .tabs__list:after,
    .tabs__list:before {
        width: 1.6rem
    }
}
@media (max-width:52.49em) {
    .tabs__list:after,
    .tabs__list:before {
        width: .4rem
    }
}
.tabs__list:before {
    content: "";
    margin-right: auto;
    display: block
}
.tabs__list:after {
    content: "";
    margin-left: auto;
    display: block
}
.tabs__list li {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    cursor: pointer;
    padding: 1.6rem 2rem;
    border-bottom: .4rem solid transparent
}
.tabs__list li:focus {
    color: #fff;
    outline: none
}
.tabs__list li:focus .tabs__link {
    color: #fff
}
@media (min-width:52.5em) {
    .tabs__list li:hover {
        color: #fff;
        outline: none
    }
    .tabs__list li:hover .tabs__link {
        color: #fff
    }
}
.tabs__list li,
.tabs__list li .tabs__link {
    color: #b3b3b3;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.33;
    letter-spacing: -.06rem;
    text-align: center;
    transition: color .4s ease, border-color .4s ease;
    text-decoration: none
}
.tabs__list li--highlight,
.tabs__list li .tabs__link--highlight {
    background: #0a4d3c;
    color: #fff
}
.tabs__list li--highlight .tabs__external-icon,
.tabs__list li .tabs__link--highlight .tabs__external-icon {
    fill: #fff
}
.tabs__list .is-active,
.tabs__list .is-active a {
    color: #fff
}
.tabs__list[data-link-mode=true] li {
    padding: 0
}
.tabs__list[data-link-mode=true] .tabs__link {
    padding: 1.6rem 2rem
}
.tabs__list[data-link-mode=true] .tabs__link--highlight {
    padding: .6rem 2rem;
    margin: 1rem
}
.tabs__external-icon {
    fill: #b3b3b3;
    height: .8rem;
    width: .8rem;
    display: inline-block
}
.tabs__hover-line {
    position: absolute;
    bottom: -.01rem;
    left: 0;
    background-color: #0a4d3c;
    border: 0;
    margin: 0;
    transition: width .4s ease, height .4s ease, transform .4s ease
}
@media (max-width:81.24em) {
    .tabs__link-primary-text {
        display: none
    }
    .tabs__link-secondary-text {
        display: inline-block
    }
}
@media (max-width:860px) {
    .tabs__hover-line {
        display: none
    }
    .tabs__list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .tabs__list .is-active {
        border-color: #0a4d3c
    }
    .tabs__list::-webkit-scrollbar {
        display: none
    }
    .tabs__list li {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 1.2rem .8rem
    }
    .tabs__list[data-link-mode=true] li {
        padding: 0
    }
    .tabs__list[data-link-mode=true] .tabs__link {
        padding: 1.2rem .8rem
    }
    .tabs__nav {
        margin: 0
    }
}
.timeline__image-filter:before {
    content: "";
    background: rgba(120, 20, 255, .3);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}
.tooltip {
    display: none;
    position: absolute;
    bottom: 2rem;
    right: -1rem;
    min-width: 28rem;
    font-size: 1.2rem;
    padding: .8rem;
    background: #0a4d3c;
    color: #fff;
    border-radius: .4rem
}
.tooltip:after {
    content: "";
    position: absolute;
    right: 1.4rem;
    bottom: -1.6rem;
    width: 0;
    height: 0;
    border: .8rem solid #0a4d3c;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}
.tooltip__badge,
.tooltip__score,
.tooltip__team {
    display: inline-block
}
.tooltip__score {
    font-weight: 600;
    background: #fff;
    color: #0a4d3c;
    font-size: 1.4rem
}
.tournament-live {
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    letter-spacing: -.002rem;
    -ms-flex-align: center;
    align-items: center;
    text-shadow: 0 .2rem .8rem rgba(0, 0, 0, .7);
    padding-bottom: 2px;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #fff
}
.tournament-live__ball {
    margin-right: .6rem;
    width: 3.2rem;
    height: 1.6rem;
    position: relative;
    margin-bottom: .2rem
}
.tournament-live__ball-icon {
    width: 1.6rem;
    height: 1.6rem;
    animation: c .75s linear infinite alternate;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}
.tournament-live__ball-icon:first-child {
    animation-delay: -.36s;
    z-index: 4;
    background-color: #4d3968
}
.tournament-live__ball-icon:nth-child(2) {
    opacity: .4;
    animation-delay: -.24s;
    z-index: 3
}
.tournament-live__ball-icon:nth-child(3) {
    opacity: .2;
    animation-delay: -.12s;
    z-index: 2
}
.tournament-live__ball-icon:nth-child(4) {
    opacity: .1;
    animation-delay: 0s;
    z-index: 1
}
@media (max-width:52.49em) {
    .tournament-live {
        font-size: 1.54rem;
        line-height: .84
    }
    .tournament-live,
    .tournament-live strong {
        letter-spacing: -.048rem
    }
    .tournament-live__ball {
        width: 2.6rem;
        height: 1.3rem
    }
    .tournament-live__ball-icon {
        width: 1.3rem;
        height: 1.3rem
    }
}
.tournament-status {
    font-weight: 900;
    background-color: #be0228;
    padding: .4rem
}
.tournament-status,
.tournament-tag {
    font-size: 1.2rem;
    letter-spacing: -.06rem;
    line-height: 1;
    color: #fff;
    text-transform: uppercase
}
.tournament-tag {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    background-color: #0a4d3c;
    padding: .65rem .8rem;
    margin-right: .8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.tournament-tag:last-child {
    margin-right: 0
}
.tournament-tag__icon {
    width: 3rem;
    height: 1.2rem;
    margin-right: .6rem;
    fill: #fff
}
.tournament-tag__level {
    width: 13.2rem;
    height: 4rem;
    margin-top: -1rem;
    fill: #0a4d3c
}
.tournament-tag--clay {
    background-color: #b15a38
}
.tournament-tag--hard {
    background-color: #017bb3
}
.tournament-tag--grass {
    background-color: #016738
}
.tournament-tag--international {
    background-color: #bad530;
    color: #0a0a0a
}
.tournament-tag--premier {
    background-color: #ae9dcb;
    color: #0a0a0a
}
.tournament-tag--premier5 {
    background-color: #704c9f
}
.tournament-tag--premiermandatory {
    background-color: #452669
}
.tournament-tag--125k {
    background-color: #cedc85;
    color: #0a0a0a
}
.tournament-tag--fedcup,
.tournament-tag--grandslam,
.tournament-tag--itf {
    background-color: #167dc2
}
.tournament-tag--finals,
.tournament-tag--wtafinals {
    background-color: #c3ac7d;
    color: #0a0a0a
}
.tournament-tag--wtaelitetrophy {
    background-color: #b9bbbd
}
@media (max-width:52.49em) {
    .tournament-tag {
        letter-spacing: -.06rem;
        padding: .5rem .9rem;
        margin-right: .9rem
    }
    .tournament-tag__icon {
        width: 2.4rem;
        height: .97rem
    }
    .tournament-tag__level {
        width: 10.9rem;
        height: 3.3rem;
        margin-top: -.9rem
    }
}
.tournament-thumbnail {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    width: 100%;
    animation: a .5s ease;
    background-color: #e6e6e6
}
.tournament-thumbnail--placeholder {
    background-color: #e7e7e7;
    animation: e 1s ease 0s infinite alternate
}
.tournament-thumbnail__link {
    text-decoration: none;
    color: #0a0a0a;
    transition: transform .4s ease;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
.tournament-thumbnail__link:focus .tournament-thumbnail__title {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .tournament-thumbnail__link:hover .tournament-thumbnail__title {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.tournament-thumbnail__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100%
}
.tournament-thumbnail__image-container {
    height: 16rem;
    position: relative;
    width: 100%;
    z-index: 10;
    transform: translateZ(0)
}
.tournament-thumbnail__image-container:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(120, 20, 255, .3);
    mix-blend-mode: color;
    transition: background-color .4s ease;
    z-index: 10;
    content: "";
    position: absolute;
    top: 100%;
    height: .8rem;
    width: 100%;
    background: #fff
}
.tournament-thumbnail__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%
}
.tournament-thumbnail__live {
    display: none;
    font-style: italic;
    font-size: 1.9rem;
    line-height: .84;
    letter-spacing: -.059rem;
    -ms-flex-align: center;
    align-items: center
}
.tournament-thumbnail__live strong {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: -.059rem;
    color: #bbda16
}
.tournament-thumbnail__live-ball {
    margin-right: .6rem;
    width: 3.2rem;
    height: 1.6rem;
    position: relative
}
.tournament-thumbnail__live-ball-icon {
    width: 1.6rem;
    height: 1.6rem;
    animation: c .75s linear infinite alternate;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}
.tournament-thumbnail__live-ball-icon:first-child {
    z-index: 4;
    background-color: #4d3968
}
.tournament-thumbnail__live-ball-icon:nth-child(2) {
    opacity: .4;
    animation-delay: .12s;
    z-index: 3
}
.tournament-thumbnail__live-ball-icon:nth-child(3) {
    opacity: .2;
    animation-delay: .24s;
    z-index: 2
}
.tournament-thumbnail__live-ball-icon:nth-child(4) {
    opacity: .1;
    animation-delay: .36s;
    z-index: 1
}
.tournament-thumbnail__header {
    padding: 2.8rem 1.6rem 2.4rem;
    transition: transform .4s ease;
    display: -ms-flexbox;
    display: flex
}
.tournament-thumbnail__header-details {
    word-break: break-word
}
.tournament-thumbnail__header-level {
    margin-left: 3.4rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #0a4d3c;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.tournament-thumbnail__sponsor-logo {
    height: 4rem;
    width: auto;
    margin-bottom: -2.4rem;
    margin-top: 2rem
}
.tournament-thumbnail__title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    position: relative;
    font-size: 2.1rem;
    line-height: 1.1;
    letter-spacing: -.017rem;
    margin: 0 0 1rem;
    transition: color .4s ease
}
.tournament-thumbnail__location {
    font-size: 1.3rem;
    line-height: 1.15;
    letter-spacing: .16rem;
    display: block
}
.tournament-thumbnail__date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -.06rem;
    margin-right: .5rem;
    background: #141414;
    color: #fff;
    padding: .6rem 1rem
}
.tournament-thumbnail__date-icon {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .6rem;
    fill: #fff
}
.tournament-thumbnail__figcaption,
.tournament-thumbnail__tags {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.tournament-thumbnail__figcaption {
    position: absolute;
    bottom: .8rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.2rem;
    width: 100%
}
.tournament-thumbnail__figcaption-left,
.tournament-thumbnail__figcaption-right {
    display: -ms-flexbox;
    display: flex
}
.tournament-thumbnail--custom-status .tournament-thumbnail__date {
    background-color: #0a4d3c
}
.tournament-thumbnail .tournament-live,
.tournament-thumbnail .tournament-status {
    position: absolute;
    top: .8rem;
    left: 1.2rem;
    padding: .6rem 1rem;
    font-size: 1.2rem
}
.tournament-thumbnail .tournament-live {
    background: #141414;
    color: #fff;
    line-height: 1.33;
    letter-spacing: .02rem
}
.tournament-thumbnail .tournament-status {
    text-transform: uppercase;
    background-color: #b40000;
    color: #fff
}
@media (max-width:52.49em) {
    .tournament-thumbnail:after {
        padding-top: 83.42391%
    }
    .tournament-thumbnail__live {
        font-size: 1.54rem;
        line-height: .84;
        letter-spacing: -.048rem
    }
    .tournament-thumbnail__live strong {
        letter-spacing: -.048rem
    }
    .tournament-thumbnail__live-ball {
        width: 2.6rem;
        height: 1.3rem
    }
    .tournament-thumbnail__live-ball-icon {
        width: 1.3rem;
        height: 1.3rem
    }
    .tournament-thumbnail__sponsor-logo {
        height: 3.2rem;
        width: auto;
        margin-bottom: 0
    }
    .tournament-thumbnail__title {
        font-size: 1.8rem;
        letter-spacing: -.015rem;
        line-height: 1.17
    }
    .tournament-thumbnail__header-level {
        margin-right: 1.8rem
    }
    .tournament-thumbnail__date-icon {
        width: 1.2rem;
        height: 1.2rem
    }
}
@media (max-width:370px) {
    .tournament-thumbnail__header {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .tournament-thumbnail__header-level {
        margin: 0 0 1rem
    }
}
.video-js {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400
}
.video-js .vjs-play-progress {
    background-color: #0a4d3c
}
.video-js .vjs-control-bar {
    font-size: 1.3rem;
    line-height: .69;
    letter-spacing: 0;
    background-image: linear-gradient(180deg, hsla(0, 0%, 8%, 0), #141414)
}
.video-js .vjs-control-bar,
.video-js .vjs-time-tooltip {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.video-js .vjs-time-tooltip {
    padding: .8rem;
    top: -3rem
}
.video-js.vjs-ad-playing.vjs-ad-playing .vjs-play-progress,
.video-js.vjs-ad-playing.vjs-ad-playing .vjs-volume-level,
.video-js .vjs-volume-level,
.video-js:focus .vjs-big-play-button {
    background-color: #0a4d3c
}
@media (min-width:52.5em) {
    .video-js:hover .vjs-big-play-button {
        background-color: #0a4d3c
    }
}
.is-glued {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%
}
.widget-footer {
    margin-top: 3rem;
    padding-left: .4rem;
    padding-right: .4rem
}
.widget-footer__more-button {
    margin: 0 auto
}
.widget-footer--loadmore-bars {
    position: relative
}
.widget-footer--loadmore-bars:after,
.widget-footer--loadmore-bars:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #f8f8f8;
    height: .4rem;
    width: 33%
}
.widget-footer--loadmore-bars:before {
    left: 5%
}
.widget-footer--loadmore-bars:after {
    right: 5%
}
.widget-footer.trigger-active:after,
.widget-footer.trigger-active:before {
    display: none
}
@media (max-width:39.99em) {
    .widget-footer {
        margin-top: .8rem
    }
    .widget-footer--loadmore-bars:after,
    .widget-footer--loadmore-bars:before {
        display: none
    }
    .widget-footer__more-button {
        width: 100%;
        margin-bottom: .4rem
    }
}
.widget-header {
    margin-bottom: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}
.widget-header__title {
    font-size: 3.4rem;
    letter-spacing: -.04rem;
    line-height: 1.18;
    padding-right: .8rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.widget-header__button {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: .06rem;
    padding: 1.3rem 2.8rem;
    white-space: nowrap;
    min-width: 18rem
}
.widget-header__carousel-btn,
.widget-header__carousel-controls {
    display: -ms-flexbox;
    display: flex
}
.widget-header__carousel-btn {
    background-color: #0a4d3c;
    border: none;
    height: 6.4rem;
    width: 6.4rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.widget-header__carousel-btn--prev {
    margin-right: .8rem
}
.widget-header__carousel-btn--prev .icon {
    transform: rotate(180deg)
}
.widget-header__carousel-btn.is-inactive {
    opacity: .7;
    pointer-events: none
}
@media (min-width:52.5em) {
    .widget-header__carousel-btn:hover {
        background-color: #0a4d3c
    }
    .widget-header__carousel-btn:hover .icon {
        fill: #fff
    }
}
.widget-header__carousel-btn .icon {
    width: 3rem;
    height: 3rem;
    fill: #fff
}
.widget-header__slider-btn-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #141414;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
    border-radius: 50%
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .widget-header__slider-btn-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.widget-header__slider-btn-mask svg {
    fill: #fff
}
@media (max-width:640px) {
    .widget-header {
        margin-bottom: 1.6rem
    }
    .widget-header__title {
        font-size: 2.4rem;
        line-height: 1
    }
    .widget-header__carousel-btn {
        height: 4rem;
        width: 4rem
    }
}
.widget {
    margin: 6.336rem auto 9.6rem
}
.widget--fullwidth,
.widget--fullwidth-header,
.widget~.widget {
    margin-top: 0
}
.widget--slim {
    margin: 3.168rem auto 4.8rem
}
.widget~.widget--slim {
    margin: -6.336rem auto 4.8rem
}
.widget.with-background {
    padding-top: 5.2rem;
    padding-bottom: 5.2rem;
    position: relative
}
.widget.with-background:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    background-color: #e6e6e6;
    width: 100%;
    margin: 0 auto
}
@media (min-width:81.25em) and (max-width:99.115em) {
    .widget--stackable {
        margin-top: 0
    }
    .widget--fullwidth+.widget--stackable,
    .widget--stackable+.widget--fullwidth,
    .widget--stackable+.widget--stackable {
        margin-top: -9.6rem
    }
}
@media (max-width:81.24em) {
    .widget {
        margin-top: 3.24rem;
        margin-bottom: 4.6rem
    }
    .widget--fullwidth,
    .widget--fullwidth-header,
    .widget~.widget {
        margin-top: 0
    }
    .widget~.widget--slim {
        margin: -2.64rem auto 4.3rem
    }
}
@media (min-width:53.75em) {
    .page-header-menu+.body-content .widget--slim {
        margin-top: 6.168rem
    }
    .page-header-menu+.body-content .widget~.widget--slim {
        margin-top: -6.336rem
    }
}
@media (min-width:53.75em) and (max-width:81.24em) {
    .page-header-menu+.body-content .widget~.widget--slim {
        margin-top: -2.64rem
    }
}
@media (min-width:52.5em) and (max-width:81.24em) {
    .page-header-menu+.body-content .widget:not(.widget--stackable):not(.widget--fullwidth):not(.widget--fullwidth-header):not(.widget--slim):first-of-type {
        margin-top: 6.24rem
    }
}
@media (max-width:52.49em) {
    .widget {
        margin-top: 1.4rem;
        margin-bottom: 3.8rem
    }
    .widget--fullwidth,
    .widget--fullwidth-header,
    .widget~.widget {
        margin-top: 0
    }
}
@media (max-width:39.99em) {
    .widget {
        margin-top: 0;
        padding-top: 1.2rem;
        padding-bottom: .8rem
    }
    .widget--fullwidth,
    .widget--fullwidth-header {
        padding: 0
    }
    .widget.with-background {
        padding-top: 1.2rem;
        padding-bottom: .8rem;
        position: relative
    }
    .widget.with-background:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: -1;
        display: block;
        background-color: #e6e6e6;
        width: 100%;
        margin: 0 auto
    }
}
.not-found {
    background-color: #e7e7e7;
    background-image: url(../images/wta-bg-asset-light.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 12.7rem 0 11.7rem;
    position: relative
}
@media (-moz-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2) {
    .not-found {
        background-image: url(../images/wta-bg-asset-light@x2.jpg)
    }
}
.not-found:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0))
}
.not-found__out-box {
    background-color: #0a4d3c;
    border-radius: .8rem;
    box-shadow: 0 .8rem 1.6rem 0 hsla(0, 0%, 8%, .08);
    padding: .8rem 3.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 47rem;
    margin: 0 auto 4rem;
    z-index: 2;
    position: relative
}
.not-found__out {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 8.8rem;
    line-height: 1;
    letter-spacing: -.2rem;
    margin-right: 3.2rem
}
.not-found__out,
.not-found__review {
    text-align: center;
    text-shadow: 0 .2rem .8rem hsla(0, 0%, 8%, .08)
}
.not-found__review {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #e2d7f0;
    font-size: 3.8rem;
    line-height: .95;
    letter-spacing: -.1rem
}
.not-found__content {
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 0
}
.not-found__title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 4.2rem;
    line-height: .95;
    letter-spacing: -.2rem;
    color: #3d3d3d;
    margin-bottom: 1.6rem
}
.not-found__desc {
    line-height: 1.47;
    color: #3d3d3d;
    max-width: 35ch;
    margin: 1.6rem auto 6.4rem
}
.not-found__btn {
    display: inline-block;
    margin-bottom: 0
}
@media (max-width:39.99em) {
    .not-found {
        padding: 8rem 0 4.4rem
    }
    .not-found__out-box {
        border-radius: .5rem;
        box-shadow: 0 .5rem 1rem 0 hsla(0, 0%, 8%, .08);
        padding: .5rem 2rem;
        max-width: 29rem;
        margin: 0 auto 4.8rem
    }
    .not-found__out {
        font-size: 5.4rem;
        letter-spacing: -.127rem;
        margin-right: 1.9rem
    }
    .not-found__out,
    .not-found__review {
        text-shadow: 0 .1rem .5rem hsla(0, 0%, 8%, .08)
    }
    .not-found__review {
        font-size: 2.3rem;
        letter-spacing: -.062rem
    }
    .not-found__title {
        font-size: 3.2rem;
        line-height: 1.25;
        letter-spacing: -.152rem
    }
    .not-found__desc {
        line-height: 1.5;
        margin: 1.6rem auto 5.6rem
    }
}
.advert {
    text-align: center
}
.advert>div {
    margin: 1rem auto
}
.advert iframe {
    margin: 2rem auto;
    display: block;
    box-shadow: 0 1rem 2rem 0 hsla(0, 0%, 8%, .08)
}
.content-list__item .advert iframe {
    margin: 0 auto
}
.advert--gallery {
    margin: 0 auto;
    padding: 0 0 6rem
}
.advert--related-video {
    margin: 0 auto;
    padding: 2rem 0;
    background-color: hsla(0, 0%, 8%, .88)
}
.advert--floating {
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0
}
.advert.embeddable-widget--floating {
    max-width: 300px;
    padding: 0
}
@media (max-width:39.99em) {
    .advert--gallery {
        margin: 0 auto;
        padding: 0 0 3.5rem
    }
    .advert--related-video {
        margin: 0 auto
    }
    .advert.embeddable-widget,
    .advert.embeddable-widget--floating {
        margin-left: -1.6rem;
        width: calc(100% + 3.2rem);
        max-width: none
    }
    .advert.embeddable-widget--floating iframe,
    .advert.embeddable-widget iframe {
        margin: 0 auto
    }
}
@media (max-width:25.9375em) {
    .advert--gallery {
        background-color: #fff
    }
}
.article-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}
.article-modal .icon {
    pointer-events: none
}
.article-modal__container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 2.4rem;
    max-width: 120rem;
    max-height: calc(100vh - 4.8rem);
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.article-modal__container:after {
    content: "";
    position: absolute;
    left: 0;
    right: .8rem;
    height: 3.2rem;
    z-index: 2;
    pointer-events: none;
    bottom: 0;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}
.article-modal__header {
    background-color: #222;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 8.3rem 1.2rem 2.4rem;
    position: relative
}
.article-modal__header:after {
    content: "";
    position: absolute;
    left: 0;
    right: .8rem;
    height: 3.2rem;
    z-index: 2;
    pointer-events: none;
    top: 100%;
    background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff)
}
.article-modal__header-icon {
    width: 3.5rem;
    height: 3.5rem;
    fill: #fff;
    margin-right: 1.4rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.article-modal__title {
    font-size: 2.8rem;
    line-height: 1.14
}
.article-modal__title,
.article-modal__title strong {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: -.15rem;
    color: #fff
}
.article-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5.9rem;
    padding: 1.2rem;
    z-index: 10;
    background: #000;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}
.article-modal__close:focus .article-modal__close-mask {
    opacity: 1
}
@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
    .article-modal__close:focus .article-modal__close-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:52.5em) {
    .article-modal__close:hover .article-modal__close-mask {
        opacity: 1
    }
    @supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
        .article-modal__close:hover .article-modal__close-mask {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
        }
    }
}
.article-modal__close-icon {
    fill: #fff
}
.article-modal__close-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0a4d3c;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .article-modal__close-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.article-modal__close-mask svg {
    fill: #fff
}
.article-modal__content-holder {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}
.article-modal__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    overflow-y: auto;
    padding: 6.4rem 0;
    -webkit-overflow-scrolling: touch
}
.article-modal__content::-webkit-scrollbar {
    width: .8rem
}
.article-modal__content::-webkit-scrollbar-track {
    background-color: #d1cfcd
}
.article-modal__content::-webkit-scrollbar-thumb {
    background-color: #0a4d3c
}
@media (max-width:64.0525em) {
    .article-modal__container {
        margin: 1.2rem;
        max-height: calc(100vh - 2.4rem)
    }
    .article-modal__content {
        padding: 1.6rem
    }
}
@media (max-width:39.99em) {
    .article-modal__container {
        margin: 0;
        max-height: 100vh
    }
    .article-modal__header {
        padding: 1.2rem 8.3rem 1.2rem 1.6rem
    }
    .article-modal__header-icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 1rem
    }
    .article-modal__title {
        font-size: 2.4rem
    }
    .article-modal__title,
    .article-modal__title strong {
        line-height: 1.14;
        letter-spacing: -.15rem
    }
    .article-modal__close {
        width: 5.1rem
    }
}
.article--body-only {
    margin: 4.8rem 0
}
.article--body-only:after {
    content: none!important
}
.article--body-only .article__body {
    margin: 0 auto
}
.article--body-only .gallery-slider-embed {
    width: auto;
    margin: 0 auto
}
@media (max-width:640px) {
    .article--body-only .gallery-slider-embed {
        width: 100vw;
        margin: 0 0 0 -1.6rem
    }
}
.article-body {
    max-width: 108.8rem
}
.article-body>p {
    margin-bottom: 3.2rem;
    line-height: 1.63
}
.article-body>p:first-child:before {
    content: "";
    display: block
}
.article-body>p:first-child:after {
    content: "";
    display: table;
    clear: both
}
.article-body a:hover {
    text-decoration: underline
}
.article-body .btn:hover {
    text-decoration: none
}
.article-body>h1 {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    margin-top: 5rem;
    margin-bottom: 2.5rem;
    font-size: 4.2rem;
    letter-spacing: -.2rem;
    line-height: 1.19
}
.article-body>h2,
.article-body>h3,
.article-body>h4,
.article-body>h5,
.article-body>h6 {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.article-body>h2 {
    font-size: 4.2rem;
    letter-spacing: -.2rem;
    line-height: 1.19;
    color: #0a4d3c
}
.article-body>h3 {
    font-size: 3.2rem;
    letter-spacing: -.067rem;
    line-height: 1.25
}
.article-body>h4 {
    color: #3d3d3d
}
.article-body>h4,
.article-body>h5 {
    font-size: 2.4rem;
    letter-spacing: -.05rem;
    line-height: 1.33
}
.article-body>h5 {
    color: #0a4d3c
}
.article-body>h6 {
    font-size: 1.9rem;
    letter-spacing: -.04rem;
    line-height: 1.68
}
.article-body>ol li,
.article-body>ul li {
    margin-bottom: 2.4rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: normal;
    line-height: 1.81;
    color: #333;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}
.article-body>ul li:before {
    content: "•";
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #0a4d3c;
    font-size: 2.4rem;
    line-height: 2.1rem;
    margin: .3rem 1.6rem 0 0;
    min-width: 1.5rem
}
.article-body>ol li {
    counter-increment: a
}
.article-body>ol li:before {
    content: counter(a);
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #0a4d3c;
    font-size: 1.9rem;
    -webkit-text-decoration-color: #d1cfcd;
    text-decoration-color: #d1cfcd;
    margin: -.2rem 1.6rem 0 0;
    min-width: 1.5rem
}
.article-body .top-rankings__top-player:focus {
    text-decoration: none
}
@media (min-width:52.5em) {
    .article-body .top-rankings__top-player:hover {
        text-decoration: none
    }
}
.article-body .table-container .table,
.article-body .table-container table {
    width: 100%;
    font-size: 1.3rem;
    margin-bottom: 3.2rem
}
.article-body .table-container thead {
    background-color: #141414;
    color: #fff;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    letter-spacing: 0
}
.article-body .table-container thead td,
.article-body .table-container thead th {
    padding: .8rem 2.4rem
}
.article-body .table-container tbody tr:nth-child(odd) {
    background-color: #fff
}
.article-body .table-container tbody tr:nth-child(2n) {
    background-color: #faf8f7
}
.article-body .table-container tbody td {
    padding: 1.6rem 2.4rem;
    position: relative
}
.article-body .table-container tbody td:first-child {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    letter-spacing: 0
}
.article-body .table-container tbody td:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: .7rem;
    bottom: .9rem;
    width: .15rem;
    background-color: #ededed
}
@media (max-width:39.99em) {
    .article-body>p {
        margin-bottom: 2.4rem
    }
    .article-body>p:first-child {
        letter-spacing: normal
    }
    .article-body>h1,
    .article-body>h2,
    .article-body>h3,
    .article-body>h4,
    .article-body>h5,
    .article-body>h6 {
        margin-top: 4rem;
        margin-bottom: 2.4rem
    }
    .article-body>h1,
    .article-body>h2 {
        font-size: 2.8rem;
        line-height: 1.14
    }
    .article-body>h3 {
        font-size: 2.4rem;
        letter-spacing: -.05rem;
        line-height: .88
    }
    .article-body>h4,
    .article-body>h5 {
        font-size: 2.1rem;
        letter-spacing: -.044rem;
        line-height: 1
    }
    .article-body>h5 {
        color: #0a4d3c
    }
    .article-body>ol,
    .article-body>ul {
        margin-bottom: 2.4rem
    }
    .article-body>ol li,
    .article-body>ul li {
        margin-bottom: 1.6rem;
        font-size: 1.3rem;
        line-height: 1.77
    }
    .article-body>ol li:before,
    .article-body>ul li:before {
        margin-right: 1.2rem
    }
    .article-body>ul li:before {
        font-size: 2.2rem;
        line-height: 2.6rem;
        margin-top: 0
    }
    .article-body>ol li:before {
        line-height: 3rem
    }
    .article-body .table-container:before {
        content: url(../images/one-finger-scroll.svg);
        position: relative;
        left: calc(100% - 3.2rem)
    }
    .article-body .table-container table {
        margin-bottom: 2.4rem
    }
    .article-body .table-container thead {
        font-size: 1.2rem
    }
    .article-body .table-container thead td {
        padding: .5em 1.6rem .5rem
    }
    .article-body .table-container tbody td {
        padding: 1.2rem 1.6rem 1.3rem
    }
}
.article {
    position: relative;
    overflow: hidden;
    margin-top: 0
}
.article:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 128rem;
    left: 50%;
    transform: translateX(-50%);
    height: .4rem;
    background-color: #f8f8f8
}
.article__header {
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    background-color: #0a4d3c;
    margin-bottom: .8rem;
    padding: 3.6rem 12.5% 19.6rem
}
.article__header:before {
    content: "";
    display: block
}
.article__header:after {
    content: "";
    display: table;
    clear: both
}
.article__share {
    display: -ms-flexbox;
    display: flex;
    margin-top: 3rem;
    width: 18%;
    min-width: 10rem
}
.article__share .social-share-expand {
    padding-left: 25%
}
.article__share .social-share-expand__options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.article__share .social-share-expand .icon {
    fill: #141414
}
.article__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 20%
}
.article__meta {
    margin-bottom: .8rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.article__tag {
    margin-right: .8rem
}
.article__date,
.article__tag {
    font-size: 1.2rem;
    line-height: 1.33
}
.article__date {
    white-space: nowrap
}
.article__date .icn-clock {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
    fill: #fff
}
.article__date .year {
    display: inline-block
}
.article__heading {
    position: relative;
    font-size: 4.8rem;
    line-height: 1.17;
    color: #fff;
    margin-bottom: 1rem;
    max-width: 82rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.article__summary {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: -.04rem;
    max-width: 82rem;
    margin-bottom: 1.8rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400
}
.article__author {
    line-height: 1;
    font-size: 1.6rem
}
.article__author .name {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.article__lead-media {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin: -16rem auto 4rem;
    padding: 0;
    overflow: hidden
}
.article__lead-media:before {
    content: "";
    display: block
}
.article__lead-media:after {
    content: "";
    display: table;
    clear: both
}
.article__lead-media-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0a4d3c;
    width: 4.8rem;
    height: 4.8rem
}
.article__lead-media-icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff
}
.article__lead-media-icon .icon.camera-icon {
    width: 2.1rem;
    height: 2.4rem
}
.article__lead-media-icon .icon.video-icon {
    width: 1.79rem;
    height: 2rem
}
.article__lead-media-container {
    position: relative;
    width: 75%;
    margin-top: .8rem
}
.article__lead-media-container--video {
    position: relative
}
.article__lead-media-container--video:before {
    top: 2.4rem;
    left: -1.6rem;
    right: -1.6rem;
    bottom: 2.4rem;
    z-index: -2;
    background-color: #bbda16
}
@media (max-width:81.24em) {
    .article__lead-media-container--video:before {
        top: -.8rem;
        left: .8rem;
        right: .8rem;
        bottom: -.8rem
    }
}
.article__lead-media-container--video:before {
    content: "";
    position: absolute;
    top: -.8rem;
    bottom: -.8rem;
    right: -.8rem;
    left: -.8rem;
    background-color: #fff;
    z-index: 0
}
.article__lead-media-container--video .inline-player__content {
    z-index: 1;
    padding-top: 56.25%;
    width: 100%;
    height: 0
}
.article__lead-media-container--photo {
    position: relative
}
.article__lead-media-container--photo:before {
    top: 2.4rem;
    left: -1.6rem;
    right: -1.6rem;
    bottom: 2.4rem;
    z-index: -2;
    background-color: #0a4d3c
}
@media (max-width:81.24em) {
    .article__lead-media-container--photo:before {
        top: -.8rem;
        left: .8rem;
        right: .8rem;
        bottom: -.8rem
    }
}
.article__lead-media-container--photo:before {
    content: "";
    position: absolute;
    top: -.8rem;
    bottom: -.8rem;
    right: -.8rem;
    left: -.8rem;
    background-color: #fff;
    z-index: 0
}
.article__lead-media-container--photo:after {
    content: "";
    padding-top: 56.25%;
    display: block
}
.article__lead-media-container .lazy-image-wrapper {
    position: absolute;
    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, .08);
    height: 100%;
    width: 100%
}
.article__lead-media-caption {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    color: #141414;
    background-color: #e6e6e6;
    font-size: 1.3rem;
    line-height: 1.23;
    letter-spacing: -.05rem;
    width: 75%;
    padding: 1.6rem .8rem
}
.article__lead-media-credit {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -.063rem;
    color: hsla(0, 0%, 8%, .75);
    margin-top: .8rem
}
.article__credit-icon {
    margin-right: .6rem;
    width: 1.4rem;
    height: 1.2rem;
    fill: #0a0a0a;
    opacity: .6
}
.article__body {
    max-width: 108.8rem
}
.article__body:before {
    content: "";
    display: block
}
.article__body:after {
    content: "";
    display: table;
    clear: both
}
.article__body>.table,
.article__body>h1,
.article__body>h2,
.article__body>h3,
.article__body>h4,
.article__body>h5,
.article__body>h6,
.article__body>ol,
.article__body>p,
.article__body>ul {
    max-width: 76rem;
    margin-left: calc(8.33333% + .8rem);
    margin-right: 0
}
.article__body .table {
    display: block;
    overflow-x: auto
}
.article__body .table--large {
    max-width: 106.4rem;
    margin-left: auto;
    margin-right: auto
}
.article__body>:last-child {
    margin-bottom: 0
}
.article__share-footer {
    margin: 10.5rem auto;
    max-width: 108.8rem
}
.article__share-footer .social-share-expand {
    margin-left: calc(8.33333% + .8rem);
    right: 0
}
.article .social-share-expand__option {
    background-color: #fff
}
.article .player-h2h--embeddable .wrapper {
    padding: 0
}
@media (max-width:64.0525em) {
    .article__body {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
    .article__body>.table,
    .article__body>h1,
    .article__body>h2,
    .article__body>h3,
    .article__body>h4,
    .article__body>h5,
    .article__body>h6,
    .article__body>ol,
    .article__body>p,
    .article__body>ul {
        margin-left: auto;
        margin-right: auto
    }
    .article__share-footer {
        margin: 4rem auto;
        max-width: 76rem;
        padding: 0 1.6rem
    }
    .article__share-footer .social-share-expand {
        margin-left: auto
    }
}
@media (max-width:52.49em) {
    .article {
        padding: 0 .8rem
    }
    .article__body {
        padding-left: .8rem;
        padding-right: .8rem
    }
}
@media (max-width:39.99em) {
    .article .player-h2h--embeddable {
        padding: 0;
        width: calc(100% + 1.6rem);
        margin-left: -.8rem
    }
}
.twitterThumb {
    display: -ms-flexbox;
    display: flex;
    max-width: 76rem
}
.twitterThumb.left {
    float: left;
    max-width: 40%;
    margin-right: 3.2rem
}
.twitterThumb.right {
    float: right;
    max-width: 40%;
    margin-left: 3.2rem
}
.twitterThumb.left,
.twitterThumb.right {
    margin-top: 0;
    margin-bottom: 4.8rem
}
.twitterThumb.center,
.twitterThumb.full-width {
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: calc(8.33333% + 1.2rem)
}
.youtubeThumb {
    box-shadow: 0 .2rem 1.4rem 0 hsla(0, 0%, 8%, .24);
    max-width: 106.4rem;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}
.youtubeThumb iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}
.twitterThumb,
.youtubeThumb {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem
}
@media (max-width:64.0525em) {
    .twitterThumb.center,
    .twitterThumb.full-width {
        margin-left: auto;
        margin-right: auto
    }
}
@media (max-width:52.49em) {
    .twitterThumb,
    .youtubeThumb {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }
    .twitterThumb.left {
        margin-right: 3.2rem
    }
    .twitterThumb.right {
        margin-left: 3.2rem
    }
}
@media (min-width:40em) and (max-width:52.49em) {
    .twitterThumb.left,
    .twitterThumb.right {
        margin-top: 0;
        margin-bottom: 2.8rem
    }
}
@media (max-width:39.99em) {
    .twitterThumb.left,
    .twitterThumb.right {
        float: none;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
        max-width: none
    }
    .youtubeThumb {
        margin-left: -2.4rem;
        width: 100vw
    }
}
.embeddable-widget {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem
}
@media (max-width:64.0525em) {
    .center .embeddable-widget,
    .full-width .embeddable-widget {
        margin-right: auto;
        margin-left: auto
    }
}
@media (min-width:52.5em) and (max-width:64.0525em) {
    .left .embeddable-widget--floating {
        margin-left: 0
    }
    .right .embeddable-widget--floating {
        margin-right: 0
    }
}
@media (min-width:52.5em) {
    .left .embeddable-widget--floating,
    .right .embeddable-widget--floating {
        width: 40%;
        margin-top: 0;
        margin-bottom: 4.8rem
    }
    .left .embeddable-widget--floating {
        margin-right: 3.2rem;
        float: left
    }
    .right .embeddable-widget--floating {
        margin-left: 3.2rem;
        float: right
    }
}
@media (max-width:52.49em) {
    .embeddable-widget {
        margin-top: 4.2rem;
        margin-bottom: 4.2rem
    }
    .left .embeddable-widget--centered-mobile,
    .left .embeddable-widget--floating,
    .left .embeddable-widget--full-width-mobile,
    .right .embeddable-widget--centered-mobile,
    .right .embeddable-widget--floating,
    .right .embeddable-widget--full-width-mobile {
        float: none;
        -ms-flex-pack: center;
        justify-content: center
    }
    .center .embeddable-widget--centered-mobile,
    .center .embeddable-widget--floating,
    .center .embeddable-widget--full-width-mobile,
    .full-width .embeddable-widget--centered-mobile,
    .full-width .embeddable-widget--floating,
    .full-width .embeddable-widget--full-width-mobile,
    .left .embeddable-widget--centered-mobile,
    .left .embeddable-widget--floating,
    .left .embeddable-widget--full-width-mobile,
    .right .embeddable-widget--centered-mobile,
    .right .embeddable-widget--floating,
    .right .embeddable-widget--full-width-mobile {
        margin-top: 4.2rem;
        margin-bottom: 4.2rem
    }
    .left .embeddable-widget--full-width-mobile,
    .right .embeddable-widget--full-width-mobile {
        max-width: none
    }
    .center .embeddable-widget--centered-mobile,
    .full-width .embeddable-widget--centered-mobile,
    .left .embeddable-widget--centered-mobile,
    .right .embeddable-widget--centered-mobile {
        margin-left: auto;
        margin-right: auto
    }
}
@media (max-width:39.99em) {
    .center .embeddable-widget--full-width-mobile,
    .full-width .embeddable-widget--full-width-mobile,
    .left .embeddable-widget--full-width-mobile,
    .right .embeddable-widget--full-width-mobile {
        margin-left: -.8rem;
        margin-right: 0
    }
}
.legacy-embeddable-widget {
    margin-top: 6.4rem;
    margin-bottom: 6.4rem
}
@media (max-width:64.0525em) {
    .center .legacy-embeddable-widget,
    .full-width .legacy-embeddable-widget {
        margin-right: auto;
        margin-left: auto
    }
}
@media (min-width:52.5em) and (max-width:64.0525em) {
    .left .legacy-embeddable-widget--floating {
        margin-left: 0
    }
    .right .legacy-embeddable-widget--floating {
        margin-right: 0
    }
}
@media (min-width:52.5em) {
    .left .legacy-embeddable-widget--floating,
    .right .legacy-embeddable-widget--floating {
        width: 40%;
        margin-top: 0;
        margin-bottom: 4.8rem
    }
    .left .legacy-embeddable-widget--floating {
        margin-right: 3.2rem;
        float: left
    }
    .right .legacy-embeddable-widget--floating {
        margin-left: 3.2rem;
        float: right
    }
}
@media (max-width:52.49em) {
    .legacy-embeddable-widget {
        margin-top: 4.2rem;
        margin-bottom: 4.2rem
    }
    .left .legacy-embeddable-widget--centered-mobile,
    .left .legacy-embeddable-widget--floating,
    .left .legacy-embeddable-widget--full-width-mobile,
    .right .legacy-embeddable-widget--centered-mobile,
    .right .legacy-embeddable-widget--floating,
    .right .legacy-embeddable-widget--full-width-mobile {
        float: none;
        -ms-flex-pack: center;
        justify-content: center
    }
    .center .legacy-embeddable-widget--centered-mobile,
    .center .legacy-embeddable-widget--floating,
    .center .legacy-embeddable-widget--full-width-mobile,
    .full-width .legacy-embeddable-widget--centered-mobile,
    .full-width .legacy-embeddable-widget--floating,
    .full-width .legacy-embeddable-widget--full-width-mobile,
    .left .legacy-embeddable-widget--centered-mobile,
    .left .legacy-embeddable-widget--floating,
    .left .legacy-embeddable-widget--full-width-mobile,
    .right .legacy-embeddable-widget--centered-mobile,
    .right .legacy-embeddable-widget--floating,
    .right .legacy-embeddable-widget--full-width-mobile {
        margin-top: 4.2rem;
        margin-bottom: 4.2rem
    }
    .left .legacy-embeddable-widget--full-width-mobile,
    .right .legacy-embeddable-widget--full-width-mobile {
        max-width: none
    }
    .center .legacy-embeddable-widget--centered-mobile,
    .full-width .legacy-embeddable-widget--centered-mobile,
    .left .legacy-embeddable-widget--centered-mobile,
    .right .legacy-embeddable-widget--centered-mobile {
        margin-left: auto;
        margin-right: auto
    }
}
@media (max-width:39.99em) {
    .center .legacy-embeddable-widget--full-width-mobile,
    .full-width .legacy-embeddable-widget--full-width-mobile,
    .left .legacy-embeddable-widget--full-width-mobile,
    .right .legacy-embeddable-widget--full-width-mobile {
        margin-left: -1.6rem;
        margin-right: 0
    }
}
.static-article {
    margin: 0 auto 5.2rem;
    position: relative;
    overflow: hidden
}
.static-article__header {
    background-color: #141414;
    background-image: url(../images/wta-bg-asset-dark.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0;
    padding: 6.3rem 1.6rem 5.6rem;
    margin-bottom: 6.3rem;
    position: relative
}
@media (-moz-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2) {
    .static-article__header {
        background-image: url(../images/wta-bg-asset-dark@x2.jpg)
    }
}
.static-article__header:before {
    content: "";
    position: absolute;
    top: 2.4rem;
    left: 1.6rem;
    right: 1.6rem;
    bottom: -.8rem;
    z-index: -2;
    background-color: #0a4d3c
}
@media (max-width:81.24em) {
    .static-article__header:before {
        top: -.8rem;
        left: .8rem;
        right: .8rem;
        bottom: -.8rem
    }
}
.static-article__header:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .7;
    background-image: linear-gradient(180deg, rgba(120, 20, 255, .5), #0a4d3c)
}
.static-article__heading {
    color: #fff;
    text-align: center;
    font-size: 6.4rem;
    letter-spacing: -.15rem;
    line-height: 1;
    z-index: 1;
    position: relative
}
.static-article__summary {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 3.2rem;
    line-height: 1.34;
    letter-spacing: -.067rem;
    margin-bottom: 3.2rem
}
.static-article__body {
    max-width: 108.8rem
}
.static-article__body:before {
    content: "";
    display: block
}
.static-article__body:after {
    content: "";
    display: table;
    clear: both
}
.static-article__body>.static-article__summary,
.static-article__body>.table,
.static-article__body>h1,
.static-article__body>h2,
.static-article__body>h3,
.static-article__body>h4,
.static-article__body>h5,
.static-article__body>h6,
.static-article__body>ol,
.static-article__body>p,
.static-article__body>ul {
    max-width: 76rem;
    margin-left: auto;
    margin-right: auto
}
.static-article__body .table {
    display: block;
    overflow-x: auto
}
.static-article__body .table--large {
    max-width: 106.4rem;
    margin-left: auto;
    margin-right: auto
}
.static-article__body>:last-child {
    margin-bottom: 0
}
@media (max-width:64.0525em) {
    .static-article__body {
        padding: 0 1.6rem
    }
}
@media (max-width:39.99em) {
    .static-article {
        margin: 0 auto 3.2rem
    }
    .static-article__header {
        padding: 3.8rem 1.6rem 4.4rem;
        margin-bottom: 3.3rem
    }
    .static-article__heading {
        font-size: 4.2rem;
        line-height: 1.1;
        letter-spacing: -.1rem
    }
    .static-article__summary {
        font-size: 2.1rem;
        line-height: 1.52
    }
}
.director-profile {
    max-width: 77.2rem
}
.director-profile__header {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6.4rem
}
.director-profile__col {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding: .8rem
}
.director-profile__col--content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.director-profile__image-container {
    position: relative;
    z-index: 10
}
.director-profile__image-container:before {
    content: "";
    position: absolute;
    top: .8rem;
    left: -.8rem;
    right: -.8rem;
    bottom: .8rem;
    z-index: -2;
    background-color: #0a4d3c
}
@media (max-width:39.99em) {
    .director-profile__image-container:before {
        top: .6rem;
        left: -.6rem;
        right: -.6rem;
        bottom: .6rem
    }
}
.director-profile__image-container:after {
    content: "";
    padding-top: 100%;
    display: block
}
.director-profile__header-content {
    padding: 1rem
}
.director-profile__name {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 4.5rem;
    line-height: 1.08;
    letter-spacing: -.15rem
}
.director-profile__name-part {
    display: block
}
.director-profile__position {
    display: block;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.9rem;
    line-height: .89;
    letter-spacing: -.08rem;
    margin-top: 2rem
}
.director-profile__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 2.4rem
}
.director-profile__social-text {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -.063rem;
    margin-right: 2.4rem
}
.director-profile__social-link {
    height: 2.4rem;
    margin-right: 1.6rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}
.director-profile__social-icon {
    height: 2.4rem;
    fill: #0a4d3c
}
@media (max-width:64.0525em) {
    .director-profile {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
    @supports (padding:max(1.6rem)) {
        .director-profile {
            padding-left: max(1.6rem, env(safe-area-inset-left));
            padding-right: max(1.6rem, env(safe-area-inset-right))
        }
    }
}
@media (max-width:39.99em) {
    .director-profile__header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 3.2rem
    }
    .director-profile__col {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 0
    }
    .director-profile__col--content {
        margin-top: 2.4rem
    }
    .director-profile__image-container {
        max-width: 25rem;
        margin: 0 auto
    }
    .director-profile__header-content {
        padding: 0;
        text-align: center
    }
    .director-profile__name {
        font-size: 3.2rem;
        line-height: 1;
        letter-spacing: -.1rem
    }
    .director-profile__position {
        font-size: 1.7rem;
        line-height: 1;
        letter-spacing: -.113rem;
        margin-top: 1.6rem
    }
    .director-profile__social {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        margin-top: 1.8rem
    }
    .director-profile__social-text {
        display: none
    }
    .director-profile__social-link {
        height: 2rem;
        margin: 0 1rem
    }
    .director-profile__social-icon {
        height: 2rem
    }
}
.director-thumbnail {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}
.director-thumbnail:focus .director-thumbnail__name {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .director-thumbnail:hover .director-thumbnail__name {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.director-thumbnail__inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}
.director-thumbnail__inner--link {
    color: inherit;
    text-decoration: none;
    transition: box-shadow .4s ease, transform .4s ease
}
.director-thumbnail__image-container {
    position: relative;
    overflow: hidden;
    z-index: 10
}
.director-thumbnail__image-container:after {
    content: "";
    padding-top: 100%;
    display: block
}
.director-thumbnail__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.director-thumbnail__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%
}
.director-thumbnail__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 2rem 1.4rem 2.6rem;
    border-bottom: .4rem solid #0a4d3c
}
.director-thumbnail__name {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 2.1rem;
    line-height: 1.14;
    letter-spacing: -.018rem;
    margin-bottom: .6rem;
    position: relative;
    transition: color .4s ease
}
.director-thumbnail__name-part {
    display: block;
    position: relative
}
.director-thumbnail__meta-content {
    display: -ms-flexbox;
    display: flex
}
.director-thumbnail__position {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    color: #767676;
    letter-spacing: -.06rem;
    font-size: 1.6rem;
    line-height: 1.38
}
.director-thumbnail--search .director-thumbnail__inner--link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: .4rem;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
    background-color: #0a4d3c
}
.director-thumbnail--search .director-thumbnail__inner--link:focus:after {
    transform: scaleX(1)
}
@media (min-width:52.5em) {
    .director-thumbnail--search .director-thumbnail__inner--link:hover:after {
        transform: scaleX(1)
    }
}
.director-thumbnail--search .director-thumbnail__image-container:after {
    padding-top: 59.42982%
}
.director-thumbnail--search .director-thumbnail__meta {
    padding: 2.3rem 2.4rem 2.3rem 1.6rem;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    border-bottom: none
}
.director-thumbnail--search .director-thumbnail__name {
    font-size: 3.2rem;
    line-height: 1.13;
    letter-spacing: -.12rem
}
.director-thumbnail--search .director-thumbnail__position {
    color: #0a4d3c;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 1.07;
    margin-top: 2.2rem;
    margin-right: .8rem;
    text-transform: uppercase
}
@media (max-width:81.24em) {
    .director-thumbnail--search .director-thumbnail__name {
        font-size: 2.8rem
    }
}
@media (max-width:52.49em) {
    .director-thumbnail__meta {
        padding: 1.2rem 1.6rem 1.6rem .8rem;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left
    }
    .director-thumbnail__name {
        font-size: 1.8rem;
        margin-bottom: .4rem
    }
    .director-thumbnail__position {
        font-size: 1.3rem;
        line-height: 1.38;
        letter-spacing: -.049rem
    }
    .director-thumbnail--search .director-thumbnail__image-container:after {
        padding-top: 62.5%
    }
}
@media (max-width:39.99em) {
    .director-thumbnail__inner {
        box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, .08)
    }
    .director-thumbnail--search .director-thumbnail__inner--link:after {
        transform: scaleX(1)
    }
    .director-thumbnail--search .director-thumbnail__meta {
        padding: 1.2rem 1.6rem 1.6rem 1.2rem
    }
    .director-thumbnail--search .director-thumbnail__name {
        font-size: 1.6rem;
        line-height: 1.13;
        letter-spacing: -.13rem
    }
    .director-thumbnail--search .director-thumbnail__position {
        font-size: 1.2rem;
        line-height: 1;
        width: 100%
    }
}
@media (min-width:40em) {
    .players-coached--current-only {
        height: 0;
        overflow: hidden;
        margin-bottom: 0;
        visibility: hidden
    }
}
.award {
    display: block;
    transition: transform .4s ease
}
.award:not(:last-child) {
    margin-bottom: 1rem
}
.award--link:focus {
    transform: translateY(-.2rem)
}
@media (min-width:52.5em) {
    .award--link:hover {
        transform: translateY(-.2rem)
    }
}
.award__image {
    display: block
}
.award__image img {
    width: auto;
    height: auto;
    max-height: 5rem
}
@media (max-width:64.0525em) {
    .award__image img {
        max-height: 3.8rem
    }
}
@media (max-width:39.99em) {
    .award {
        display: inline-block;
        margin: 0 .5rem .5rem 0
    }
    .award:not(:last-child) {
        margin-bottom: .5rem
    }
}
.featured-coach {
    margin-bottom: 5rem
}
.featured-coach__title {
    padding: 0
}
.featured-coach__content {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: .8rem
}
.featured-coach .profile-header-image-col__social {
    left: 0
}
.featured-coach__footer {
    padding: 0
}
@media (max-width:52.49em) {
    .featured-coach {
        padding-left: .8rem;
        padding-right: .8rem
    }
}
@media (max-width:39.99em) {
    .featured-coach {
        padding-top: 1.8rem
    }
    .featured-coach__content {
        padding: 0
    }
}
.coaches-list {
    transition: margin-bottom .25s
}
.coaches-list.cls-padding {
    margin-bottom: 100vh
}
.coaches-list__wrapper {
    position: relative
}
.coaches-list__list {
    width: 100%;
    transition: opacity .4s ease
}
.coaches-list__header-cell {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    padding-bottom: 1.4rem;
    min-width: 7rem;
    font-size: 2.4rem;
    letter-spacing: -.08rem;
    color: #222
}
.coaches-list__header-cell--headshot {
    width: 9.4rem
}
.coaches-list__header-cell--name {
    width: 40rem;
    text-align: left
}
.coaches-list__header-cell--current {
    width: auto;
    text-align: center
}
.coaches-list__header-cell--prev {
    width: 18rem
}
.coaches-list__cell {
    height: 7.3rem;
    font-size: 1.9rem;
    text-align: center;
    font-weight: 600;
    color: #767676;
    border-bottom: 1px solid #ececec
}
.coaches-list__cell--name {
    position: relative;
    text-align: left
}
.coaches-list__cell--current {
    padding-right: 2.4rem;
    text-align: right
}
.coaches-list__player-pill {
    display: inline-block;
    margin: .5rem 0 .5rem 1rem
}
.coaches-list__player-pill:not(:last-child) {
    margin-bottom: inherit
}
.coaches-list__headshot-wrapper {
    width: 4.6rem;
    height: 5.2rem;
    overflow: hidden;
    border-radius: .8rem;
    box-shadow: 0 .4rem 1.2rem 0 rgba(0, 0, 0, .06);
    border: 1px solid #efefef;
    position: relative;
    margin: 0 auto
}
.coaches-list__flag {
    display: inline-block;
    margin-right: .4rem;
    width: 2.7rem;
    height: 2rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .16);
    vertical-align: middle
}
.coaches-list__country {
    display: inline-block;
    font-size: 1.6rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #767676;
    text-align: left;
    vertical-align: middle;
    width: 3.2rem
}
.coaches-list__expand-btn {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 2.1rem 2.4rem;
    color: #545454;
    z-index: 10;
    position: relative
}
.coaches-list__expand-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: .1rem;
    height: 78%;
    background-color: #ececec;
    transform: translateY(-50%)
}
.coaches-list__expand-btn[disabled] .coaches-list__expand-count {
    background-color: #999
}
.coaches-list__expand-btn:focus .coaches-list__expand-btn-label {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .coaches-list__expand-btn:hover .coaches-list__expand-btn-label {
        color: #0a4d3c
    }
}
.coaches-list__expand-btn-label {
    text-align: right;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: -.063rem;
    margin-right: 1.3rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition: color .4s ease
}
.coaches-list__expand-btn-label strong {
    display: block;
    letter-spacing: -.063rem;
    color: #0a0a0a;
    transition: color .4s ease
}
.coaches-list__expand-count {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #0a4d3c;
    font-size: 1.5rem;
    color: #fff;
    line-height: 1.13;
    letter-spacing: -.04rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.coaches-list__expand-chevron {
    margin-left: 1rem;
    width: .8rem;
    height: 1.2rem;
    fill: #7f7f7f;
    transform: rotate(90deg);
    transition: transform .4s ease, fill .4s ease
}
.coaches-list__drawer {
    background-color: #e6e6e6;
    text-align: right;
    overflow: hidden;
    max-height: 0;
    transition: max-height .4s ease
}
.coaches-list__drawer .coaches-list__player-pill {
    display: inline-block;
    margin: .4rem 1.2rem .4rem 0
}
.coaches-list__drawer .coaches-list__player-pill:first-child {
    margin-top: .8rem
}
.coaches-list__drawer .coaches-list__player-pill:last-child {
    margin-bottom: .8rem
}
.coaches-list .loader,
.coaches-list__show-more {
    margin-top: 2.4rem
}
.coaches-list__error {
    margin: 2.4rem 0;
    text-align: center;
    font-weight: 900
}
.coaches-list__row-group:first-of-type .coaches-list__row:first-child .coaches-list__cell {
    border-top: 1px solid #ececec
}
.coaches-list__row-group.is-active .coaches-list__expand-btn-label,
.coaches-list__row-group.is-active .coaches-list__expand-btn-label strong,
.coaches-list__row-group.is-active .coaches-list__wide-expand-label {
    color: #0a4d3c
}
.coaches-list__row-group.is-active .coaches-list__wide-expand-label--show {
    display: none
}
.coaches-list__row-group.is-active .coaches-list__wide-expand-label--hide {
    display: block
}
.coaches-list__row-group.is-active .coaches-list__expand-chevron {
    fill: #0a4d3c;
    transform: rotate(-90deg)
}
.coaches-list__row-group.is-active .coaches-list__wide-expand-chevron {
    fill: #0a4d3c;
    transform: rotate(-90deg) translateX(50%)
}
.coaches-list__row {
    transform: scale(1)
}
.coaches-list__row:focus .player-name__first-name,
.coaches-list__row:focus .player-name__last-name {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .coaches-list__row:hover .player-name__first-name,
    .coaches-list__row:hover .player-name__last-name {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.coaches-list__player-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: -999rem;
    z-index: 4
}
.coaches-list__mobile-current-cell {
    border-bottom: 1px solid #ececec;
    padding: .8rem 1.2rem
}
.coaches-list__wide-expand {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 1.2rem 3rem;
    background-color: #e6e6e6
}
.coaches-list__wide-expand-chevron {
    position: absolute;
    left: 1.4rem;
    top: 50%;
    width: .8rem;
    height: 1.2rem;
    transform: translateY(-50%) rotate(90deg);
    transition: transform .4s ease, fill .4s ease;
    fill: #767676
}
.coaches-list__wide-expand-label {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.08;
    letter-spacing: normal;
    color: #767676;
    transition: colour .4s ease
}
.coaches-list__wide-expand-label--hide {
    display: none
}
.coaches-list--loading .coaches-list__wrapper {
    min-height: 20rem
}
.coaches-list--loading .coaches-list__list {
    opacity: .25
}
.coaches-list--loading .coaches-list__loader {
    position: absolute;
    top: 10rem;
    left: 50%;
    transform: translateX(-50%)
}
.coaches-list .player-search__dropdown-list {
    display: none
}
@media (max-width:81.24em) {
    .coaches-list__wrapper {
        padding-left: .4rem;
        padding-right: .4rem
    }
    @supports (padding:max(0.4rem)) {
        .coaches-list__wrapper {
            padding-left: max(.4rem, env(safe-area-inset-left));
            padding-right: max(.4rem, env(safe-area-inset-right))
        }
    }
    .coaches-list__header-cell--headshot {
        width: 7rem
    }
    .coaches-list__header-cell--prev {
        width: 15rem
    }
    .coaches-list__expand-btn {
        padding: 1.5rem 1rem
    }
}
@media (max-width:52.49em) {
    .coaches-list__wrapper {
        background-color: #fff
    }
    .coaches-list__header-cell--headshot {
        width: 5.1rem;
        min-width: 0
    }
    .coaches-list__header-cell--name {
        width: 25rem
    }
    .coaches-list__header-cell--prev {
        width: 15rem
    }
    .coaches-list__cell--name {
        padding-left: 0
    }
    .coaches-list__cell--current {
        padding-right: .5rem
    }
    .coaches-list__headshot-wrapper {
        width: 3.9rem;
        height: 4.4rem;
        margin: 0
    }
    .coaches-list__flag {
        width: 2rem;
        height: 1.4rem
    }
    .coaches-list__country-container {
        width: 100%
    }
    .coaches-list__country {
        font-size: 1.3rem;
        font-style: normal
    }
    .coaches-list__expand-btn {
        padding: .8rem 1rem
    }
}
@media (max-width:39.99em) {
    .coaches-list__header-cell--headshot {
        width: 6.3rem
    }
    .coaches-list__header-cell--current,
    .coaches-list__header-cell--name,
    .coaches-list__header-cell--prev {
        display: none
    }
    .coaches-list__cell--headshot {
        padding-left: 1.2rem
    }
    .coaches-list__cell--name {
        padding-right: 1.2rem
    }
    .coaches-list__cell--current,
    .coaches-list__cell--prev {
        display: none
    }
    .coaches-list__player-name {
        display: inline-block;
        vertical-align: middle;
        width: 95%
    }
    .coaches-list__country-container {
        width: auto
    }
    .coaches-list__flag {
        width: 1.8rem;
        height: 1.2rem
    }
    .coaches-list__country {
        font-size: 1.1rem
    }
    .coaches-list__link-chevron {
        width: .8rem;
        height: 1.2rem;
        fill: #0a4d3c;
        display: inline-block;
        vertical-align: middle
    }
    .coaches-list__player-pill {
        margin: 0
    }
    .coaches-list__drawer {
        padding: 0 1.2rem;
        text-align: left;
        border-bottom: .1rem solid #ececec
    }
}
@media (max-width:575px) {
    .coaches-list__cell {
        height: 5.6rem;
        font-size: 1.3rem;
        letter-spacing: -.087rem
    }
}
.content-hero {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 155.2rem;
    margin-top: 3rem;
    position: relative;
    z-index: 1
}
.content-hero:before {
    content: "";
    position: absolute;
    top: -3rem;
    height: 35.2rem;
    background-color: #0a4d3c;
    z-index: -3;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
}
.content-hero:after {
    content: "";
    position: absolute;
    top: -.8rem;
    left: -.4rem;
    width: calc(100% + .8rem);
    height: 100%;
    background-color: #fff;
    z-index: -2
}
.content-hero.t-pride:before {
    background: linear-gradient(180deg, #f394ff, #f394ff 10%, #69b9ff 0 20%, #63432d 20% 30%, #141414 30% 40%, #ef2648 40% 50%, #ff761a 50% 60%, #fce859 60% 70%, #3df498 70% 80%, #3c80f7 80% 90%, #0a4d3c 90%)
}
.content-hero__col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 .4rem
}
.content-hero__col:first-child .hero-thumbnail__image-container {
    padding-bottom: 62.8%
}
.content-hero__col:first-child .hero-thumbnail__title {
    font-size: 3rem;
    min-height: 8rem;
    margin-bottom: 1.4rem
}
.content-hero__col:nth-child(2) .hero-thumbnail__image-container,
.content-hero__col:nth-child(3) .hero-thumbnail__image-container {
    padding-bottom: 127%
}
.content-hero__col:nth-child(2) .hero-thumbnail__title,
.content-hero__col:nth-child(3) .hero-thumbnail__title {
    min-height: 9.4rem
}
@media (max-width:81.24em) {
    .content-hero__col:first-child .hero-thumbnail__title {
        font-size: 2.7rem
    }
    .content-hero__col:nth-child(2) .hero-thumbnail__title,
    .content-hero__col:nth-child(3) .hero-thumbnail__title {
        font-size: 2rem
    }
}
@media (max-width:64.0525em) {
    .content-hero__col:first-child .hero-thumbnail__image-container {
        padding-bottom: 62.4%
    }
}
@media (min-width:52.5em) and (max-width:101.5em) {
    .content-hero {
        max-width: calc(100% - 7.4rem)
    }
}
@media (min-width:52.5em) and (max-width:64.0525em) {
    .content-hero__col:first-child .hero-thumbnail__image-container {
        padding-bottom: 62.4%
    }
    .content-hero__col:first-child .hero-thumbnail__title {
        line-height: 1.14;
        font-size: 2.1rem;
        overflow: hidden;
        max-height: 11.97rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        min-height: 5rem
    }
    .content-hero__col:nth-child(2) .hero-thumbnail__title,
    .content-hero__col:nth-child(3) .hero-thumbnail__title {
        line-height: 1.2;
        font-size: 1.8rem;
        overflow: hidden;
        max-height: 12.96rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        min-height: 6.3rem
    }
}
@media (max-width:52.49em) {
    .content-hero {
        margin-top: .8rem;
        padding: 0 .4rem
    }
    .content-hero:after,
    .content-hero:before {
        content: none
    }
    .content-hero__col:first-child .hero-thumbnail__image-container {
        padding-bottom: 50%
    }
    .content-hero__col:first-child .hero-thumbnail__title {
        min-height: 7.2rem;
        margin-bottom: 0
    }
    .content-hero__col:nth-child(2) .hero-thumbnail__image-container,
    .content-hero__col:nth-child(3) .hero-thumbnail__image-container {
        padding-bottom: 50%
    }
    .content-hero__col:nth-child(2) .hero-thumbnail__title,
    .content-hero__col:nth-child(3) .hero-thumbnail__title {
        min-height: 6.3rem
    }
}
@media (max-width:39.99em) {
    .content-hero__col:first-child .hero-thumbnail__title {
        font-size: 1.8rem
    }
    .content-hero__col:nth-child(2) .hero-thumbnail__title,
    .content-hero__col:nth-child(3) .hero-thumbnail__title {
        font-size: 1.5rem
    }
}
@media (max-width:31.24em) {
    .content-hero__col {
        width: 100%
    }
    .content-hero__col:first-child .hero-thumbnail__image-container {
        padding-bottom: 100%
    }
    .content-hero__col:nth-child(2) .hero-thumbnail__image-container,
    .content-hero__col:nth-child(3) .hero-thumbnail__image-container {
        padding-bottom: 62.4%
    }
}
.hero-thumbnail {
    margin-bottom: .8rem;
    transition: transform .4s ease;
    position: relative;
    overflow: hidden;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.hero-thumbnail:focus .hero-thumbnail__title {
    color: #0a4d3c;
    text-decoration: underline
}
.hero-thumbnail:focus .hero-thumbnail__image-container:before {
    background-color: rgba(120, 20, 255, 0)
}
@media (min-width:52.5em) {
    .hero-thumbnail:hover .hero-thumbnail__title {
        color: #0a4d3c;
        text-decoration: underline
    }
    .hero-thumbnail:hover .hero-thumbnail__image-container:before {
        background-color: rgba(120, 20, 255, 0)
    }
}
.hero-thumbnail__link {
    color: #fff;
    text-decoration: none;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.hero-thumbnail__image-container {
    position: relative;
    transform: translateZ(0)
}
.hero-thumbnail__image-container:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(120, 20, 255, .3);
    mix-blend-mode: color;
    transition: background-color .4s ease;
    z-index: 10
}
.hero-thumbnail__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}
.hero-thumbnail__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    font-family: "object-fit: cover; object-position: top"
}
.hero-thumbnail__type-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 6.4rem;
    height: 6.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0a4d3c
}
.hero-thumbnail__type-icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff
}
.hero-thumbnail__type-icon .icn-photo,
.hero-thumbnail__type-icon .icn-playlist {
    width: 3.2rem;
    height: 2.7rem
}
.hero-thumbnail__type-icon .icn-video {
    margin-left: .2rem;
    width: 2.7rem;
    height: 3.2rem
}
.hero-thumbnail__header {
    position: relative;
    margin-top: .8rem;
    padding: 2.4rem 1.6rem;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    background-color: #e6e6e6;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.hero-thumbnail__title {
    color: #141414;
    transition: color .4s ease
}
.hero-thumbnail__meta,
.hero-thumbnail__title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.hero-thumbnail__meta {
    font-size: 1.2rem;
    min-height: 1.6rem;
    padding-top: 1.2rem;
    letter-spacing: -.02rem;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}
.hero-thumbnail__meta-tag {
    color: #0a4d3c;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: .2em;
    margin-right: .8rem
}
.hero-thumbnail__meta-tag:empty {
    display: none
}
.hero-thumbnail__time {
    color: #262626;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.hero-thumbnail__time .icn-clock {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .3rem;
    fill: #141414
}
.hero-thumbnail__time .ago,
.hero-thumbnail__time .year {
    margin-left: .4rem
}
@media (max-width:64.0525em) {
    .hero-thumbnail__type-icon {
        width: 4.8rem;
        height: 4.8rem
    }
    .hero-thumbnail__type-icon .icn-photo,
    .hero-thumbnail__type-icon .icn-playlist {
        width: 2.4rem;
        height: 2.1rem
    }
    .hero-thumbnail__type-icon .icn-video {
        margin-left: .2rem;
        width: 2rem;
        height: 3.3rem
    }
    .hero-thumbnail__header {
        padding: 1.6rem 1.2rem
    }
    .hero-thumbnail__meta {
        padding-top: .8rem
    }
}
.content-list {
    transition: margin-bottom .25s
}
.content-list.cls-padding {
    margin-bottom: 100vh
}
.content-list__item {
    -ms-flex-order: 2;
    order: 2
}
.content-list__item--advert {
    -ms-flex-order: 1;
    order: 1
}
.content-list__item--advert .advert {
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #e6e6e6
}
.content-list__item--advert .advert>div {
    margin: 0 auto
}
.content-list .block-list-2 .content-list__item:nth-of-type(-n+2) {
    -ms-flex-order: 0;
    order: 0
}
.content-list .block-list-2 .content-list__item--advert {
    width: 100%;
    margin-bottom: 2rem
}
.content-list .block-list-2 .content-list__item--advert .advert {
    padding: 2rem 0
}
.content-list .block-list-3 .content-list__item:nth-of-type(-n+2),
.content-list .block-list-4 .content-list__item:nth-of-type(-n+4) {
    -ms-flex-order: 0;
    order: 0
}
.content-list .block-list-4 .content-list__item--advert {
    width: 100%;
    margin-bottom: 2rem
}
.content-list .block-list-4 .content-list__item--advert .advert {
    padding: 2rem 0
}
@media (max-width:64.0525em) {
    .content-list .block-list-2-desktop .content-list__item:nth-of-type(-n+2) {
        -ms-flex-order: 0;
        order: 0
    }
    .content-list .block-list-2-desktop .content-list__item--advert {
        width: 100%;
        margin-bottom: 2rem
    }
    .content-list .block-list-2-desktop .content-list__item--advert .advert {
        padding: 1.5rem 0
    }
}
@media (max-width:52.49em) {
    .content-list .block-list-4 .content-list__item:nth-of-type(3),
    .content-list .block-list-4 .content-list__item:nth-of-type(4) {
        -ms-flex-order: 2;
        order: 2
    }
    .content-list .block-list-4 .content-list__item:nth-child(4n+1),
    .content-list .block-list-4 .content-list__item:nth-child(4n+2) {
        width: 100%;
        margin-bottom: .8rem
    }
}
@media (max-width:52.49em) and (max-width:31.24em) {
    .content-list .block-list-4 .content-list__item:nth-child(4n+1) .media-thumbnail__heading,
    .content-list .block-list-4 .content-list__item:nth-child(4n+2) .media-thumbnail__heading {
        font-size: 1.6rem
    }
}
@media (max-width:52.49em) {
    .content-list .block-list-3 .content-list__item:nth-child(3n+3) {
        width: 100%;
        margin-bottom: .8rem
    }
}
@media (max-width:52.49em) and (max-width:31.24em) {
    .content-list .block-list-3 .content-list__item:nth-child(3n+3) .media-thumbnail__heading {
        font-size: 1.6rem
    }
}
@media (max-width:52.49em) {
    .content-list .block-list-3-tablet .content-list__item:nth-of-type(-n+3) {
        -ms-flex-order: 0;
        order: 0
    }
    .content-list .block-list-3-tablet .content-list__item--advert {
        width: 100%;
        margin-bottom: 2rem
    }
    .content-list .block-list-3-tablet .content-list__item--advert .advert {
        padding: 1rem 0
    }
    .content-list .block-list-3-tablet .content-list__item:nth-of-type(4) {
        -ms-flex-order: 2;
        order: 2
    }
    .content-list .block-list-4-tablet .content-list__item:nth-of-type(-n+4) {
        -ms-flex-order: 0;
        order: 0
    }
    .content-list .block-list-4-tablet .content-list__item--advert {
        width: 100%;
        margin-bottom: 2rem
    }
    .content-list .block-list-4-tablet .content-list__item--advert .advert {
        padding: 1rem 0
    }
}
@media (max-width:39.99em) {
    .content-list .content-list__item--advert {
        margin-top: 1rem!important
    }
}
.content-list .widget-header__logo {
    background-size: contain;
    background-repeat: no-repeat
}
.content-list .widget-header__logo.topcourt-heading {
    width: 100%;
    background-image: url(../images/topcourt/top-court-full.svg);
    height: 5rem
}
@media (max-width:640px) {
    .content-list .widget-header__logo.topcourt-heading {
        height: 4rem
    }
}
.cookie-notice {
    background: #fff;
    padding: 2rem;
    max-width: 102rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 50;
    box-shadow: 0 -.8rem 2.4rem 0 rgba(0, 0, 0, .16)
}
.cookie-notice .wrapper {
    margin-bottom: 0
}
.cookie-notice__body {
    padding: 0 3.6rem
}
.cookie-notice__button-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left;
    margin-top: 3.2rem
}
.cookie-notice__title {
    font-size: 2.4rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    margin-bottom: 1.2rem
}
.cookie-notice__message {
    font-size: 1.6rem;
    line-height: 2.4rem
}
.cookie-notice__button {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    margin: 0 1rem;
    padding-left: 4.2rem
}
.cookie-notice__button:before {
    padding-left: 4.2rem!important
}
.cookie-notice__button:first-of-type {
    margin-left: 0
}
.cookie-notice__button:last-of-type {
    margin-right: 0
}
.cookie-notice__button--alt {
    background-color: #ccc;
    color: #0a0a0a
}
.cookie-notice__button--alt:hover {
    color: #000!important;
    background-color: #ccc!important
}
.cookie-notice__button .icon {
    left: 2.5rem;
    fill: #fff;
    height: 1.2rem;
    width: 1.2rem
}
.cookie-notice__button .icn-close {
    fill: #0a0a0a
}
@media (max-width:52.49em) {
    .cookie-notice {
        padding: 1.5rem;
        width: 100%
    }
    .cookie-notice__button {
        width: 50%
    }
    .cookie-notice__button--alt:hover {
        color: #0a0a0a
    }
    .cookie-notice__button-wrapper {
        margin-top: 2.4rem
    }
}
@media (max-width:39.99em) {
    .cookie-notice {
        padding: 1.6rem 2rem 1.6rem 1.6rem
    }
    .cookie-notice__body {
        padding: 0
    }
    .cookie-notice__title {
        font-size: 1.9rem
    }
    .cookie-notice__message {
        font-size: 1.4rem;
        line-height: 2.1rem
    }
    .cookie-notice__button {
        margin-left: 0
    }
    .cookie-notice__button-wrapper {
        margin-top: 2.4rem
    }
}
@media (max-width:25.9275em) {
    .cookie-notice__button {
        width: 100%
    }
    .cookie-notice__button:first-of-type {
        margin-bottom: 1rem
    }
    .cookie-notice__button-wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.country-filter .rankings-filter__content {
    width: 22rem;
    border: none;
    text-align: left
}
.country-filter .rankings-filter__content:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .4rem;
    background: #0a4d3c;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease
}
.country-filter .rankings-filter__content:focus {
    background: #f5f5f5
}
.country-filter .rankings-filter__content:focus:after {
    transform: scale(1)
}
.country-filter .rankings-filter__content:focus .rankings-filter__label {
    color: #0a4d3c
}
.country-filter .rankings-filter__content:focus .rankings-filter__icon {
    fill: #0a4d3c
}
@media (min-width:52.5em) {
    .country-filter .rankings-filter__content:hover {
        background: #f5f5f5
    }
    .country-filter .rankings-filter__content:hover:after {
        transform: scale(1)
    }
    .country-filter .rankings-filter__content:hover .rankings-filter__label {
        color: #0a4d3c
    }
    .country-filter .rankings-filter__content:hover .rankings-filter__icon {
        fill: #0a4d3c
    }
}
.country-filter.rankings-filter--open .rankings-filter__content {
    background: #f5f5f5
}
.country-filter.rankings-filter--open .rankings-filter__content:after {
    transform: scale(1)
}
.country-filter.rankings-filter--open .rankings-filter__content .rankings-filter__label {
    color: #0a4d3c
}
.country-filter.rankings-filter--open .rankings-filter__content .rankings-filter__icon {
    fill: #0a4d3c
}
.country-filter__dropdown {
    max-height: 30rem;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    transform: scale(0);
    transform-origin: top center;
    background-color: #fff;
    border-top: none;
    visibility: hidden;
    transition: transform .2s ease;
    overflow: hidden;
    z-index: 25;
    box-shadow: 0 1.2rem 3.2rem 0 hsla(0, 0%, 8%, .24);
    width: 30rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: none
}
.country-filter__dropdown::-webkit-scrollbar {
    width: .4rem
}
.country-filter__dropdown::-webkit-scrollbar-track {
    background-color: #fff
}
.country-filter__dropdown::-webkit-scrollbar-thumb {
    background-color: #0a4d3c
}
.country-filter__list {
    width: 100%;
    padding: .8rem
}
.country-filter__divider {
    background: #faf8f7;
    padding: .4rem .8rem;
    margin: 0 -.8rem
}
.country-filter__divider,
.country-filter__option {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.3rem;
    color: #3d3d3d
}
.country-filter__option {
    padding: .8rem;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.country-filter__option:not(:last-child) {
    border-bottom: 1px solid #ececec
}
.country-filter__option:focus {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .country-filter__option:hover {
        color: #0a4d3c
    }
}
.country-filter__option-flag {
    margin-right: .8rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16)
}
.country-filter__option-tick {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100%;
    background: #0a4d3c;
    margin-left: auto;
    fill: #fff;
    padding: .3rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.country-filter__option.is-active {
    color: #0a0a0a
}
.country-filter__option.is-focus {
    color: #0a0a0a;
    background: rgba(120, 20, 255, .2)
}
@media (max-width:1025px) {
    .country-filter .rankings-filter__content {
        width: 20rem
    }
}
@media (max-width:53.75em) {
    .country-filter .rankings-filter__content {
        width: 18rem
    }
}
@media (max-width:840px) {
    .country-filter__dropdown {
        position: static;
        margin-top: 0;
        width: 100%;
        visibility: visible;
        transform: scale(1);
        box-shadow: none;
        background: none;
        max-height: 100vh
    }
    .country-filter__list {
        background: #fff;
        padding: 0 .8rem 14rem
    }
    .country-filter__divider {
        font-size: 1.9rem;
        padding: .8rem 2.4rem;
        margin: 0 -1.6rem
    }
    .country-filter__option {
        font-size: 1.9rem;
        padding: 1.2rem 1.6rem
    }
    .country-filter__option-tick {
        width: 2.2rem;
        height: 2.2rem;
        padding: .4rem
    }
}
.rankings-filter--open .country-filter__dropdown {
    transform: scale(1);
    visibility: visible
}
.embeddable-iframe__frame {
    border: none;
    display: block;
    margin: 0 auto
}
.embeddable-photo {
    width: 100%
}
.embeddable-photo .lazy-image-wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0
}
.center .embeddable-photo__container,
.full-width .embeddable-photo__container {
    margin-left: auto;
    margin-right: auto
}
.embeddable-photo__wrapper {
    position: relative;
    box-shadow: 0 .8rem 1.4rem 0 hsla(0, 0%, 8%, .08);
    padding-top: 56.25%
}
.embeddable-photo__icon {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0a4d3c;
    width: 4rem;
    height: 4rem
}
.embeddable-photo__icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff
}
.embeddable-photo__icon .icon.camera-icon {
    width: 1.71rem;
    height: 1.24rem
}
.embeddable-photo__caption {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    color: hsla(0, 0%, 8%, .75);
    background-color: #e6e6e6;
    font-size: 1.2rem;
    letter-spacing: -.063rem;
    padding: 1.2rem 1.6rem;
    margin-top: .8rem
}
.embeddable-photo__caption-inner {
    line-height: 1.5
}
.embeddable-photo__photo-credit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: -.063rem;
    margin: .5rem 0
}
.embeddable-photo__credit-icon {
    margin-right: .6rem;
    width: 1.4rem;
    height: 1.2rem;
    fill: #0a0a0a;
    opacity: .6
}
@media (min-width:52.5em) {
    .center .embeddable-photo,
    .full-width .embeddable-photo {
        margin-left: auto;
        margin-right: auto
    }
    .left .embeddable-photo,
    .right .embeddable-photo {
        width: 40%
    }
}
@media (max-width:39.99em) {
    .embeddable-photo {
        padding: 0;
        width: calc(100% + 1.6rem);
        margin-left: -.8rem
    }
    .embeddable-photo__caption {
        position: relative;
        padding: .6rem 1rem
    }
}
@media (min-width:64.0625em) {
    .embeddable-photo__icon {
        width: 5.2rem;
        height: 5.2rem
    }
    .embeddable-photo__icon .icon.camera-icon {
        width: 2.4rem;
        height: 1.74rem
    }
}
.embeddable-quote {
    background: #fff;
    position: relative;
    padding: 1.6rem 2.4rem;
    max-width: 70rem;
    margin: 9rem 0 6.4rem calc(8.33333% + .8rem)
}
.embeddable-quote__icon {
    position: absolute;
    top: -4.8rem;
    left: 4.2rem;
    height: 4.8rem;
    width: 5.8rem;
    fill: #0a4d3c
}
.embeddable-quote__text {
    color: #0a0a0a;
    line-height: 1.13;
    letter-spacing: -.08rem;
    font-size: 3.2rem;
    margin-bottom: 2.4rem;
    position: relative;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.embeddable-quote__text:before {
    content: "";
    position: absolute;
    background: #0a4d3c;
    top: 2rem;
    left: -3.2rem;
    width: 1.2rem;
    bottom: 2rem;
    z-index: -1
}
.embeddable-quote__author {
    font-size: 2.4rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-style: italic;
    color: #585858;
    padding-left: 1.2rem
}
@media (max-width:52.49em) {
    .embeddable-quote {
        margin-top: 8rem!important;
        padding: 1.2rem 1.6rem
    }
    .embeddable-quote__icon {
        width: 3.8rem;
        height: 2.8rem;
        left: 2.2rem;
        top: -2.8rem
    }
    .embeddable-quote__text {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin-bottom: 1.2rem;
        text-align: center
    }
    .embeddable-quote__text:before {
        display: none
    }
    .embeddable-quote__author {
        font-size: 1.6rem;
        text-align: center
    }
}
.embeddable-related-items {
    background-color: #faf8f7;
    position: relative;
    padding: 2.4rem 2rem
}
.embeddable-related-items:before {
    content: "";
    position: absolute;
    top: 2.4rem;
    left: -.8rem;
    right: -.8rem;
    bottom: 2.4rem;
    z-index: -2;
    background-color: #0a4d3c
}
@media (max-width:81.24em) {
    .embeddable-related-items:before {
        top: -.8rem;
        left: .8rem;
        right: .8rem;
        bottom: -.8rem
    }
}
.embeddable-related-items__title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: -.05rem;
    font-size: 1.9rem;
    margin-bottom: 2.4rem
}
.embeddable-related-items__item:not(:last-child) {
    margin-bottom: 1.6rem
}
.embeddable-related-items__link {
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #3d3d3d;
    margin-left: .8rem;
    -ms-flex-align: center;
    align-items: center
}
.embeddable-related-items__link:focus .embeddable-related-items__item-title {
    color: #0a4d3c
}
.embeddable-related-items__link:focus .hover-icn {
    opacity: 1
}
@media (min-width:52.5em) {
    .embeddable-related-items__link:hover .embeddable-related-items__item-title {
        color: #0a4d3c
    }
    .embeddable-related-items__link:hover .hover-icn {
        opacity: 1
    }
}
.embeddable-related-items__item-icon {
    background-color: #141414;
    width: 2.4rem;
    height: 2.4rem;
    box-shadow: .2rem .2rem 0 0 #bbda16;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1rem;
    position: relative
}
.embeddable-related-items__item-icon-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.embeddable-related-items__item-icon .hover-icn,
.embeddable-related-items__item-icon svg {
    width: 1.2rem;
    height: 1.2rem
}
.embeddable-related-items__item-icon svg {
    fill: #fff
}
.embeddable-related-items__item-icon .hover-icn {
    opacity: 0;
    fill: #bbda16;
    transition: opacity .4s ease
}
.embeddable-related-items__item-title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.27;
    font-size: 1.5rem;
    margin-top: .2rem;
    position: relative;
    transition: color .4s ease
}
@media (min-width:40em) and (max-width:64.0525em) {
    .embeddable-related-items {
        margin-left: 0
    }
}
@media (max-width:39.99em) {
    .embeddable-related-items {
        width: calc(100% + 3.2rem);
        margin-left: -1.6rem
    }
    .embeddable-related-items__title {
        margin-bottom: 2rem
    }
}
@media (min-width:40em) {
    .embeddable-related-items {
        padding: 3.2rem
    }
    .embeddable-related-items__title {
        font-size: 2.4rem
    }
    .embeddable-related-items__item:not(:last-child) {
        margin-bottom: 2rem
    }
}
@media (min-width:64.0625em) {
    .embeddable-related-items {
        max-width: 75.5rem;
        margin-left: calc(8.33333% - 2rem)
    }
}
.embeddable-video__wrapper {
    max-width: 106.4rem;
    margin: 6.4rem auto
}
.embeddable-video__video-container {
    position: relative
}
.embeddable-video__video-container .inline-player__content {
    padding-top: 56.25%;
    width: 100%;
    height: 0
}
.embeddable-video__video-container .inline-player__thumbnail {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.embeddable-video__video-container .inline-player__type-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0a4d3c;
    width: 10.4rem;
    height: 10.4rem;
    z-index: 9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.embeddable-video__video-container .inline-player__type-icon .icon {
    width: 4.5rem;
    height: 5.2rem;
    fill: #fff
}
.embeddable-video__caption {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #fff;
    background-color: #141414;
    padding: 1.6rem;
    margin-top: .8rem
}
.embeddable-video__title-container {
    max-width: 76rem
}
.embeddable-video__title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 2.4rem;
    line-height: 1.33;
    margin-bottom: 1.6rem
}
.embeddable-video__meta {
    display: -ms-flexbox;
    display: flex
}
.embeddable-video__tag {
    color: #fff;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    line-height: 1.07;
    margin-right: 1.5rem;
    margin-top: .8rem;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: .2em;
    font-size: 1.5rem
}
.embeddable-video__date {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 1;
    color: #fff;
    white-space: nowrap
}
.embeddable-video__date .icn-clock {
    display: inline-block;
    width: .72rem;
    height: .72rem;
    margin-right: .3rem;
    fill: #999
}
.embeddable-video__date .ago,
.embeddable-video__date .year {
    margin-left: .3rem
}
.embeddable-video__date .ago {
    color: #999
}
.embeddable-video--thumbnail .embeddable-video__caption {
    padding: 2.4rem
}
.embeddable-video--thumbnail .embeddable-video__title {
    font-size: 5.6rem;
    line-height: 5.2rem;
    margin-bottom: 0
}
@media (max-width:840px) {
    .embeddable-video--thumbnail .embeddable-video__title {
        font-size: 4rem;
        line-height: 4.2rem
    }
}
@media (max-width:640px) {
    .embeddable-video {
        padding: 0;
        width: calc(100% + 1.6rem);
        margin-left: -.8rem
    }
    .embeddable-video__caption {
        padding: 1.4rem 1rem
    }
    .embeddable-video__wrapper {
        margin: 2.4rem auto
    }
    .embeddable-video__title {
        line-height: 1.38;
        font-size: 1.8rem;
        margin-bottom: 1.2rem
    }
    .embeddable-video__date,
    .embeddable-video__tag {
        font-size: 1.2rem
    }
    .embeddable-video__date .icn-clock {
        width: .72rem;
        height: .72rem
    }
    .embeddable-video__video-container .inline-player__type-icon {
        width: 4rem;
        height: 4rem
    }
    .embeddable-video__video-container .inline-player__type-icon .icon {
        width: 1.7rem;
        height: 2rem;
        fill: #fff
    }
    .embeddable-video--thumbnail .embeddable-video__caption {
        margin-top: .4rem;
        padding: 1.2rem
    }
    .embeddable-video--thumbnail .embeddable-video__title {
        font-size: 2.4rem;
        line-height: 4rem
    }
}
@media (max-width:415px) {
    .embeddable-video__title {
        font-size: 1.4rem
    }
}
.facebook-post {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 35rem
}
@media (min-width:64.0625em) {
    .center .facebook-post,
    .full-width .facebook-post {
        margin-left: calc(8.33333% + 18.7rem)
    }
}
@media (max-width:52.49em) {
    .facebook-post {
        float: none;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        overflow-x: auto
    }
}
.instagram-post {
    display: -ms-flexbox;
    display: flex;
    max-width: 50rem
}
.instagram-post .instagram-media {
    margin-bottom: 0!important
}
.center .instagram-post,
.full-width .instagram-post {
    -ms-flex-pack: center;
    justify-content: center
}
.center .instagram-post .instagram-media,
.full-width .instagram-post .instagram-media {
    min-width: 450px!important
}
@media (min-width:64.0625em) {
    .center .instagram-post,
    .full-width .instagram-post {
        margin-left: calc(8.33333% + 10.7rem)
    }
}
@media (max-width:64.0525em) {
    .center .instagram-post .instagram-media,
    .full-width .instagram-post .instagram-media,
    .left .instagram-post .instagram-media,
    .right .instagram-post .instagram-media {
        min-width: 300px!important;
        max-width: 100%
    }
}
@media (max-width:52.49em) {
    .instagram-post {
        float: none;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 35rem
    }
}
@media (max-width:39.99em) {
    .instagram-post {
        float: none;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.legacy-embeddable-photo {
    width: 100%
}
.legacy-embeddable-photo__wrapper {
    position: relative;
    box-shadow: 0 .8rem 1.4rem 0 hsla(0, 0%, 8%, .08)
}
.legacy-embeddable-photo__wrapper:after {
    content: "";
    padding-top: 56.25%;
    display: block
}
.center .legacy-embeddable-photo__wrapper,
.full-width .legacy-embeddable-photo__wrapper {
    position: relative
}
.center .legacy-embeddable-photo__wrapper:before,
.full-width .legacy-embeddable-photo__wrapper:before {
    content: "";
    position: absolute;
    top: 2.4rem;
    left: -1.6rem;
    right: -1.6rem;
    bottom: 2.4rem;
    z-index: -2;
    background-color: #0a4d3c
}
@media (max-width:81.24em) {
    .center .legacy-embeddable-photo__wrapper:before,
    .full-width .legacy-embeddable-photo__wrapper:before {
        top: -.8rem;
        left: .8rem;
        right: .8rem;
        bottom: -.8rem
    }
}
.left .legacy-embeddable-photo__wrapper,
.right .legacy-embeddable-photo__wrapper {
    position: relative
}
.left .legacy-embeddable-photo__wrapper:before,
.right .legacy-embeddable-photo__wrapper:before {
    content: "";
    position: absolute;
    top: 2.4rem;
    left: -.8rem;
    right: -.8rem;
    bottom: 2.4rem;
    z-index: -2;
    background-color: #0a4d3c
}
@media (max-width:81.24em) {
    .left .legacy-embeddable-photo__wrapper:before,
    .right .legacy-embeddable-photo__wrapper:before {
        top: -.8rem;
        left: .8rem;
        right: .8rem;
        bottom: -.8rem
    }
}
.legacy-embeddable-photo__icon {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #000;
    width: 4rem;
    height: 4rem
}
.legacy-embeddable-photo__icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff
}
.legacy-embeddable-photo__icon .icon.camera-icon {
    width: 1.71rem;
    height: 1.24rem
}
.legacy-embeddable-photo__caption {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: rgba(61, 61, 61, .9);
    font-size: 1.2rem;
    max-width: 84.4rem;
    clear: both
}
@media (min-width:52.5em) {
    .center .legacy-embeddable-photo,
    .full-width .legacy-embeddable-photo {
        margin-left: auto;
        margin-right: auto
    }
    .left .legacy-embeddable-photo,
    .right .legacy-embeddable-photo {
        width: 40%
    }
}
@media (max-width:39.99em) {
    .legacy-embeddable-photo {
        padding: 0;
        width: calc(100% + 3.2rem);
        margin-left: -1.6rem
    }
    .legacy-embeddable-photo__caption {
        position: relative;
        padding: 1.6rem 1.6rem .8rem;
        line-height: 1.33;
        background-color: #faf8f7;
        z-index: -5
    }
}
@media (min-width:40em) {
    .legacy-embeddable-photo__caption {
        background-color: transparent;
        color: rgba(61, 61, 61, .7);
        max-width: 84.4rem;
        font-size: 1.6rem;
        padding: 2.4rem 1.6rem 1.6rem;
        line-height: 1;
        border-bottom: 1px solid #f0edeb
    }
}
@media (min-width:64.0625em) {
    .legacy-embeddable-photo__icon {
        width: 5.2rem;
        height: 5.2rem
    }
    .legacy-embeddable-photo__icon .icon.camera-icon {
        width: 2.4rem;
        height: 1.74rem
    }
}
@media (min-width:81.25em) {
    .legacy-embeddable-photo__caption {
        padding: 1.6rem
    }
}
.legacy-embeddable-quote {
    background: #fff;
    position: relative;
    padding: 0 2.4rem;
    max-width: 70rem;
    margin: 6.4rem 0 6.4rem calc(8.33333% + .8rem)
}
.legacy-embeddable-quote__icon {
    position: absolute;
    top: -4.8rem;
    left: 4.2rem;
    height: 4.8rem;
    width: 5.8rem;
    fill: #bbda16
}
.legacy-embeddable-quote__text {
    color: #0a0a0a;
    line-height: 4.4rem;
    font-size: 3.8rem;
    margin-bottom: 2.4rem;
    position: relative;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.legacy-embeddable-quote__text:before {
    content: "";
    position: absolute;
    background: #bbda16;
    top: 2rem;
    left: -3.2rem;
    width: 1.2rem;
    bottom: 2rem;
    z-index: -1
}
.legacy-embeddable-quote__author {
    font-size: 2.4rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-style: italic;
    color: #585858;
    padding-left: 1.2rem
}
@media (max-width:52.49em) {
    .legacy-embeddable-quote {
        margin-top: 8rem!important;
        padding: 1.2rem 1.6rem
    }
    .legacy-embeddable-quote__icon {
        width: 4.8rem;
        height: 3.8rem;
        left: 3.4rem;
        top: -3.8rem
    }
    .legacy-embeddable-quote__text {
        font-size: 3.2rem;
        line-height: 3.6rem;
        margin-bottom: 1.2rem;
        text-align: center
    }
    .legacy-embeddable-quote__text:before {
        display: none
    }
    .legacy-embeddable-quote__author {
        font-size: 1.9rem;
        text-align: center
    }
}
.legacy-embeddable-video__wrapper {
    position: relative;
    box-shadow: 0 .2rem 1.4rem 0 hsla(0, 0%, 8%, .24);
    max-width: 106.4rem;
    margin: 2.4rem auto
}
.legacy-embeddable-video__wrapper:before {
    content: "";
    position: absolute;
    top: 2.4rem;
    left: -1.6rem;
    right: -1.6rem;
    bottom: 2.4rem;
    z-index: -2;
    background-color: #bbda16
}
@media (max-width:81.24em) {
    .legacy-embeddable-video__wrapper:before {
        top: -.8rem;
        left: .8rem;
        right: .8rem;
        bottom: -.8rem
    }
}
.legacy-embeddable-video__video-container {
    position: relative
}
.legacy-embeddable-video__video-container .inline-player__content {
    padding-top: 56.25%;
    width: 100%;
    height: 0
}
.legacy-embeddable-video__caption {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #fff;
    background-color: #141414;
    padding: 1.6rem
}
.legacy-embeddable-video__title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: 1.38;
    font-size: 1.6rem;
    margin-bottom: 1.2rem
}
.legacy-embeddable-video__meta {
    display: -ms-flexbox;
    display: flex
}
.legacy-embeddable-video__tag {
    color: #bbda16;
    margin-right: .8rem
}
.legacy-embeddable-video__date,
.legacy-embeddable-video__tag {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.2rem;
    line-height: 1
}
.legacy-embeddable-video__date {
    color: #fff;
    white-space: nowrap
}
.legacy-embeddable-video__date .icn-clock {
    display: inline-block;
    width: .72rem;
    height: .72rem;
    margin-right: .3rem;
    fill: #999
}
.legacy-embeddable-video__date .ago,
.legacy-embeddable-video__date .year {
    margin-left: .3rem
}
.legacy-embeddable-video__date .ago {
    color: #999
}
@media (max-width:39.99em) {
    .legacy-embeddable-video {
        padding: 0;
        width: calc(100% + 3.2rem);
        margin-left: -1.6rem
    }
}
@media (min-width:40em) {
    .legacy-embeddable-video__wrapper {
        margin: 6.4rem auto
    }
    .legacy-embeddable-video__caption {
        padding: 2.4rem
    }
    .legacy-embeddable-video__title {
        font-size: 2.4rem;
        line-height: 1.33;
        margin-bottom: 1.6rem
    }
    .legacy-embeddable-video__date,
    .legacy-embeddable-video__tag {
        font-size: 1.5rem
    }
    .legacy-embeddable-video__date .icn-clock {
        width: 1rem;
        height: 1rem
    }
}
@media (min-width:64.0625em) {
    .legacy-embeddable-video__title-container {
        max-width: 76rem;
        margin-left: 5rem
    }
}
.legacy-instagram-post {
    display: -ms-flexbox;
    display: flex;
    max-width: 50rem
}
.legacy-instagram-post .instagram-media {
    margin-bottom: 0!important
}
.center .legacy-instagram-post,
.full-width .legacy-instagram-post {
    -ms-flex-pack: center;
    justify-content: center
}
.center .legacy-instagram-post .instagram-media,
.full-width .legacy-instagram-post .instagram-media {
    min-width: 450px!important
}
@media (min-width:64.0625em) {
    .center .legacy-instagram-post,
    .full-width .legacy-instagram-post {
        margin-left: calc(8.33333% + 10.7rem)
    }
}
@media (max-width:64.0525em) {
    .center .legacy-instagram-post .instagram-media,
    .full-width .legacy-instagram-post .instagram-media,
    .left .legacy-instagram-post .instagram-media,
    .right .legacy-instagram-post .instagram-media {
        min-width: 300px!important;
        max-width: 100%
    }
}
@media (max-width:52.49em) {
    .legacy-instagram-post {
        float: none;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 35rem
    }
}
@media (max-width:39.99em) {
    .legacy-instagram-post {
        float: none;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.custom-select {
    display: inline-block;
    position: relative;
    margin: 0 .5rem
}
.custom-select:first-child {
    margin-left: 0
}
.custom-select:last-child {
    margin-right: 0
}
.custom-select__chevron {
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    top: 50%;
    transition: transform .15s ease-out;
    transform: translateY(-50%) rotate(90deg);
    right: 1rem;
    fill: rgba(0, 0, 0, .5)
}
.custom-select__display {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20rem;
    padding: .5rem 3.4rem .3rem .5rem;
    border-bottom: .1rem solid #0a4d3c
}
.custom-select__display--no-interact {
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none
}
.custom-select__title {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1rem;
    color: #5e5e5e;
    opacity: .6;
    margin-bottom: .3rem
}
.custom-select__current,
.custom-select__native-input {
    display: block;
    text-align: left;
    font-size: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.custom-select__native-input {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none
}
.custom-select__options {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    z-index: 50;
    transition: max-height .3s ease-out;
    box-shadow: 0 0 6px -1px rgba(0, 0, 0, .3);
    width: 100%
}
.custom-select__option {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 1rem;
    background-color: #fff;
    color: #000;
    line-height: 2rem;
    border-bottom: .1rem solid rgba(0, 0, 0, .1);
    transition: background-color .15s ease-out, color .15s ease-out
}
.custom-select__option--selected {
    display: none
}
.custom-select__option:hover {
    background-color: #141414;
    color: #fff
}
.custom-select--full-width {
    display: block;
    margin: 0 0 1rem
}
.custom-select--full-width .custom-select__display {
    width: auto
}
.custom-select--open .custom-select__options {
    max-height: 25rem;
    overflow: scroll
}
.custom-select--open .custom-select__chevron {
    transform: translateY(-50%) rotate(-90deg)
}
.filter-list {
    margin-bottom: 1rem;
    min-height: 4.5rem
}
.filter-list--mobile {
    margin-bottom: 2rem
}
@media (max-width:900px) {
    .filter-list--mobile {
        display: block
    }
    .filter-list--desktop {
        display: none
    }
}
.filter-modal {
    position: fixed;
    z-index: 50;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    padding: 2rem;
    transition: top .3s ease-out, background-color .3s ease-out .3s;
    top: 100%
}
.filter-modal__content {
    background-color: #fff;
    padding: 4rem 2rem 2rem;
    max-height: 100%;
    overflow: scroll;
    border-radius: 5px;
    box-shadow: 0 0 36px 2px rgba(0, 0, 0, .3)
}
.filter-modal__close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #000;
    border-radius: 100%;
    width: 5rem;
    height: 5rem;
    position: absolute;
    right: .8rem;
    border: .2rem solid #fff;
    top: .8rem
}
.filter-modal__close-icon {
    width: 2rem;
    height: 2rem;
    fill: #fff
}
@media (min-width:901px) {
    .filter-modal {
        display: none
    }
}
@media (max-width:900px) {
    .filter-modal--show {
        top: 0;
        background-color: rgba(0, 0, 0, .5)
    }
}
.filter,
.reset,
.show-filters-button {
    display: none
}
@media (max-width:900px) {
    .show-filters-button {
        display: block
    }
}
.footer-copyright {
    padding: 2rem 1.2rem;
    font-size: 1.2rem;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -.018rem;
    background-color: #0a4d3c;
    color: hsla(0, 0%, 100%, .75);
    line-height: 1.5
}
@media (max-width:415px) {
    .footer-copyright {
        font-size: 1.2rem
    }
}
.footer-menu {
    margin: 6rem auto 2.4rem;
    text-align: center
}
.footer-menu .widget-header {
    margin-bottom: 1.2rem
}
.footer-menu .widget-header__title {
    margin: 0 auto;
    padding-right: 0;
    font-size: 1.9rem;
    letter-spacing: -.032rem;
    line-height: 1.05
}
.footer-menu .wrapper {
    margin-bottom: 0
}
.footer-menu__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}
.footer-menu__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 2rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.13;
    color: #5e5e5e;
    text-decoration: none;
    cursor: pointer;
    transition: color .3s
}
.footer-menu__link:focus {
    text-decoration: underline
}
@media (min-width:52.5em) {
    .footer-menu__link:hover {
        text-decoration: underline
    }
}
.footer-menu__icon {
    margin-right: 1.2rem
}
.footer-menu__mask,
.footer-menu svg.footer-menu__ext-icon {
    display: none
}
.footer-menu--block {
    margin: 0 auto;
    padding: 3rem 0
}
.footer-menu--block .footer-menu__link {
    font-weight: 900;
    color: hsla(0, 0%, 8%, .75)
}
.footer-menu--mb {
    margin-bottom: 2rem
}
.footer-menu--bold .footer-menu__link {
    font-size: 1.7rem;
    font-weight: 900;
    color: #141414
}
.footer-menu--social {
    margin-bottom: 0;
    margin-right: -0.8rem;
    margin-left: -0.8rem
}
.footer-menu--social .footer-menu__nav {
    padding-top: 1.8rem
}
.footer-menu--social .footer-menu__link {
    position: relative;
    padding: 1.7rem 2rem;
    font-size: 1.6rem;
    font-weight: 800;
    color: #fff;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}
.footer-menu--social .footer-menu__link:focus {
    text-decoration: none
}
.footer-menu--social .footer-menu__link:focus .footer-menu__mask {
    opacity: 1
}
@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
    .footer-menu--social .footer-menu__link:focus .footer-menu__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:52.5em) {
    .footer-menu--social .footer-menu__link:hover {
        text-decoration: none
    }
    .footer-menu--social .footer-menu__link:hover .footer-menu__mask {
        opacity: 1
    }
    @supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
        .footer-menu--social .footer-menu__link:hover .footer-menu__mask {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
        }
    }
}
.footer-menu--social .footer-menu__icon {
    width: 3rem;
    height: 3rem;
    fill: #fff
}
.footer-menu--social .footer-menu__mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
    right: -.1rem;
    bottom: -.1rem
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .footer-menu--social .footer-menu__mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.footer-menu--social .footer-menu__mask svg {
    fill: #141414
}
.footer-menu--social .footer-menu__item {
    -ms-flex: 1;
    flex: 1;
    margin: 0 0.4rem .8rem;
    max-width: 25.6rem;
    transition: transform .3s, box-shadow .3s
}
.footer-menu--social .footer-menu__item:focus {
    transform: translateY(-.2rem);
    box-shadow: 0 1.2rem 2.4rem 0 hsla(0, 0%, 8%, .08);
    z-index: 10
}
@media (min-width:52.5em) {
    .footer-menu--social .footer-menu__item:hover {
        transform: translateY(-.2rem);
        box-shadow: 0 1.2rem 2.4rem 0 hsla(0, 0%, 8%, .08);
        z-index: 10
    }
}
.footer-menu--social .footer-menu__item--facebook {
    background: #117df2
}
.footer-menu--social .footer-menu__item--facebook .footer-menu__mask {
    color: #117df2
}
.footer-menu--social .footer-menu__item--facebook .footer-menu__mask svg {
    fill: #117df2
}
.footer-menu--social .footer-menu__item--twitter {
    background: #55acee
}
.footer-menu--social .footer-menu__item--twitter .footer-menu__mask {
    color: #55acee
}
.footer-menu--social .footer-menu__item--twitter .footer-menu__mask svg {
    fill: #55acee
}
.footer-menu--social .footer-menu__item--youtube {
    background: #b00
}
.footer-menu--social .footer-menu__item--youtube .footer-menu__mask {
    color: #b00
}
.footer-menu--social .footer-menu__item--youtube .footer-menu__mask svg {
    fill: #b00
}
.footer-menu--social .footer-menu__item--instagram {
    background: linear-gradient(257deg, #ba00b2, #d40263 48%, #f50403)
}
.footer-menu--social .footer-menu__item--instagram .footer-menu__mask {
    color: #e95950
}
.footer-menu--social .footer-menu__item--instagram .footer-menu__mask svg {
    fill: #e95950
}
.footer-menu--social .footer-menu__item--weibo {
    background: #e0152c
}
.footer-menu--social .footer-menu__item--weibo .footer-menu__mask {
    color: #e0152c
}
.footer-menu--social .footer-menu__item--weibo .footer-menu__mask svg {
    fill: #e0152c
}
.footer-menu--social .footer-menu__item--tiktok {
    background: #000
}
.footer-menu--social .footer-menu__item--tiktok .footer-menu__mask {
    color: #000
}
.footer-menu--social .footer-menu__item--tiktok .footer-menu__mask svg {
    fill: #000
}
.footer-menu--official {
    background-color: #0a4d3c;
    margin: 5rem 0 0;
    padding: 2rem 0 0;
    position: relative
}
.footer-menu--official:before {
    content: "";
    height: .8rem;
    width: 100%;
    position: absolute;
    top: -.8rem;
    left: 0;
    background: #fff
}
.footer-menu--official .footer-menu__link {
    font-weight: 800;
    color: #fff
}
@media (min-width:640px) {
    .footer-menu--affiliates {
        max-width: 75%
    }
}
@media (max-width:1025px) {
    .footer-menu--social {
        margin-right: -0.4rem;
        margin-left: -0.4rem
    }
    .footer-menu--social .footer-menu__item {
        -ms-flex: calc(33.33% - 0.8rem);
        flex: calc(33.33% - 0.8rem);
        margin: 0 0.2rem 0.4rem
    }
}
@media (max-width:840px) {
    .footer-menu--social {
        margin-right: -0.6rem;
        margin-left: -0.6rem
    }
}
@media (max-width:500px) {
    .footer-menu--social .footer-menu__item {
        -ms-flex: calc(50% - 0.8rem);
        flex: calc(50% - 0.8rem)
    }
}
@media (max-width:640px) {
    .footer-menu--official__link {
        line-height: 2.59;
        padding: 0
    }
    .footer-menu__list {
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-align: center;
        align-items: center
    }
    .footer-menu--social {
        margin-right: -0.2rem;
        margin-left: -0.2rem
    }
    .footer-menu--social .footer-menu__list {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .footer-menu__item {
        -ms-flex: 50%;
        flex: 50%
    }
    .footer-menu__link {
        font-size: 13px;
        line-height: 2.77;
        padding: 0
    }
    .footer-menu--bold .footer-menu__link {
        line-height: 2.59;
        padding: 0
    }
    .footer-menu--affiliates {
        max-width: 75%
    }
}
@media (max-width:415px) {
    .footer-menu .widget-header {
        margin-bottom: 1.2rem
    }
    .footer-menu .widget-header__title {
        font-size: 1.8rem;
        letter-spacing: -.075rem;
        line-height: 1
    }
    .footer-menu__item {
        -ms-flex: 100%;
        flex: 100%
    }
    .footer-menu__link {
        padding: 0;
        font-size: 1.3rem;
        line-height: 3.6rem;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-menu__img {
        width: 100%
    }
    .footer-menu--social .footer-menu__nav {
        padding-top: 0
    }
    .footer-menu--social .footer-menu__link {
        padding: .6rem;
        font-size: 1.5rem
    }
}
.footer-sponsors {
    margin: 6.4rem auto 2.4rem;
    text-align: center
}
.footer-sponsors .widget-header {
    margin-bottom: 2.8rem
}
.footer-sponsors .widget-header__title {
    margin: 0 auto;
    font-size: 2.4rem;
    letter-spacing: -.1rem
}
.footer-sponsors__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-align: center;
    align-items: center
}
.footer-sponsors__item {
    display: block
}
.footer-sponsors__link {
    display: inline-block;
    position: relative;
    width: 20.7rem;
    height: 9.8rem;
    transition: transform .3s
}
.footer-sponsors__link:focus {
    transform: scale(1.05) translateY(-.3rem)
}
@media (min-width:52.5em) {
    .footer-sponsors__link:hover {
        transform: scale(1.05) translateY(-.3rem)
    }
}
.footer-sponsors--divider:after {
    content: "";
    display: block;
    margin: 6.4rem auto;
    max-width: 128rem;
    height: .4rem;
    background: hsla(0, 0%, 8%, .02)
}
@media (max-width:840px) {
    .footer-sponsors__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-sponsors__item {
        padding: 1.2rem .6rem;
        -ms-flex: 50%;
        flex: 50%;
        text-align: center
    }
}
@media (max-width:640px) {
    .footer-sponsors--divider:after {
        margin: 4rem auto;
        height: .2rem
    }
}
@media (max-width:485px) {
    .footer-sponsors .widget-header {
        margin-bottom: .8rem
    }
    .footer-sponsors .widget-header__title {
        font-size: 1.9rem;
        letter-spacing: -.08rem
    }
    .footer-sponsors__item {
        padding: .8rem .6rem
    }
    .footer-sponsors__link {
        width: 14.1rem;
        height: 6.7rem
    }
}
.footer {
    background: #fff;
    z-index: 11;
    position: relative
}
.footer__inner {
    position: relative;
    padding-bottom: .8rem;
    width: calc(100% - .8rem * 2);
    margin: 0 auto
}
.footer .wrapper {
    margin-bottom: 0
}
.footer__content {
    padding-top: 4rem;
    background-color: #e6e6e6
}
.footer__wta-logo-container {
    padding: 6rem 0 2rem
}
.footer__wta-logo {
    display: block;
    margin: 0 auto;
    width: 34rem;
    height: 9.1rem
}
@media (max-width:640px) {
    .footer__content {
        padding-top: 0
    }
    .footer__wta-logo {
        width: 24rem;
        height: 6.4rem
    }
    .footer .wrapper {
        padding: 0
    }
}
.sso-country-select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 4rem
}
.sso-country-select__logo {
    width: 5.4rem;
    height: 4.2rem;
    background-image: url(../images/wta-logo.svg);
    background-repeat: no-repeat
}
.sso-country-select__logo,
.sso-country-select__title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: 1.8rem
}
.sso-country-select__title {
    font-size: 2.4rem;
    text-align: center;
    font-style: italic;
    color: #4a4a4a
}
.sso-country-select__label {
    font-size: 1.7rem;
    padding-bottom: .8rem
}
.sso-country-select__label-required {
    color: #e76468
}
.sso-country-select__dropdown {
    margin-bottom: 2.6rem;
    border: .2rem solid #a794c2
}
.sso-country-select__button {
    margin-bottom: 1.8rem
}
.sso-modal {
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 50
}
.sso-modal.open {
    display: -ms-flexbox;
    display: flex
}
.sso-modal .close {
    padding: .5rem 1.4rem;
    -ms-flex-item-align: end;
    align-self: flex-end;
    cursor: pointer
}
.sso-modal .close:before {
    content: "\00D7";
    color: #502784;
    font-size: 30px;
    font-family: Arial, sans-serif;
    font-weight: 600
}
.sso-modal__container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .8rem;
    width: 100%;
    background: #fff
}
@media (min-width:40em) {
    .sso-modal__container {
        border-radius: .4rem;
        width: auto;
        max-width: 42rem
    }
}
.global-header {
    background: #141414
}
.global-header__inner {
    display: -ms-flexbox;
    display: flex;
    font-size: 1.9rem;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 auto;
    padding: 0 2.4rem;
    max-width: 159.8rem
}
.global-header__links-list {
    display: -ms-flexbox;
    display: flex;
    padding: .3rem 0;
    margin-left: -1.2rem
}
.global-header__item:focus .global-header__link {
    background-color: #fff;
    color: #0a4d3c;
    text-decoration: underline
}
.global-header__item:focus .global-header__ext-icon {
    fill: #0a4d3c
}
@media (min-width:52.5em) {
    .global-header__item:hover .global-header__link {
        background-color: #fff;
        color: #0a4d3c;
        text-decoration: underline
    }
    .global-header__item:hover .global-header__ext-icon {
        fill: #0a4d3c
    }
}
.global-header__link {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    text-transform: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 2.8rem 1.2rem 1.2rem;
    color: #fff;
    font-size: 1.6rem;
    text-decoration: none
}
.global-header__ext-icon.icon {
    fill: #fff;
    margin-left: .8rem;
    height: 1.2rem;
    width: 1.2rem
}
@media (max-width:840px) {
    .global-header {
        display: none
    }
}
.gms {
    position: relative;
    z-index: 100;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s, visibility .25s
}
.gms.is-glued {
    position: fixed
}
.gms.is-ready {
    opacity: 1;
    visibility: visible
}
.gms__mobile-header {
    background-color: #0a4d3c;
    border: 0;
    color: #fff;
    width: 100%;
    display: none;
    position: relative;
    z-index: 10;
    padding: 0;
    overflow: hidden
}
.gms__live-matches {
    background-color: #222;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    z-index: 30
}
.gms__live-count,
.gms__live-matches {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.gms__live-count {
    background-color: #0a4d3c;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.13;
    letter-spacing: -.04rem;
    width: 2.6rem;
    height: 2.6rem;
    margin: .7rem;
    -ms-flex-pack: center;
    justify-content: center
}
.gms .tournament-live__ball {
    width: 2.9rem;
    height: 1.6rem
}
.gms .tournament-live__ball-icon {
    width: 1.6rem;
    height: 1.6rem;
    background-color: #222
}
.gms__live-text {
    font-size: 1.5rem;
    line-height: 1.07;
    letter-spacing: -.047rem;
    margin-right: 1.6rem;
    text-transform: uppercase
}
.gms__live-text,
.gms__mobile-header-label {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.gms__mobile-header-label {
    font-size: 1.3rem;
    line-height: 1.15;
    letter-spacing: -.04rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.2rem 1.2rem 1.2rem auto;
    z-index: 10;
    position: relative
}
.gms__mobile-header-chevron {
    margin-left: .75rem;
    width: .9rem;
    height: .9rem;
    fill: #fff;
    transform: rotate(90deg)
}
.gms__mobile-header-close-label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #222;
    z-index: 20;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.3rem;
    line-height: 1.15;
    letter-spacing: -.04rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1.2rem;
    opacity: 0;
    transition: opacity .4s ease
}
.is-open .gms__mobile-header-close-label {
    opacity: 1
}
.gms__mobile-header-cross {
    margin-left: .6rem;
    width: .9rem;
    height: .9rem;
    fill: #fff;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}
.gms__slider {
    background-color: #f2f2f2;
    overflow: hidden;
    border: .1rem solid #e6e6e6
}
.gms__slider-btn {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    background-color: #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.4rem;
    height: 4.4rem;
    z-index: 10;
    border: none;
    padding: 0;
    box-shadow: 0 1.2rem 2.4rem 0 rgba(0, 0, 0, .12);
    transition: opacity .4s ease, background-color .4s ease
}
.gms__slider-btn:focus {
    outline: none
}
.gms__slider-btn--prev {
    left: .8rem
}
.gms__slider-btn--prev .icon {
    transform: rotate(180deg)
}
.gms__slider-btn--next {
    right: .8rem
}
.gms__slider-btn.is-inactive {
    opacity: 0;
    pointer-events: none
}
@media (min-width:52.5em) {
    .gms__slider-btn:hover {
        transform: translate3d(0, calc(-50% - .2rem), 0);
        background-color: #0a4d3c
    }
    .gms__slider-btn:hover .icon {
        fill: #fff
    }
}
.gms__slider-btn .icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: #0a4d3c
}
.gms__slider-btn-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #141414;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
    border-radius: 50%
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .gms__slider-btn-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.gms__slider-btn-mask svg {
    fill: #fff
}
.gms__list {
    display: -ms-flexbox;
    display: flex;
    margin: 1.6rem 6rem
}
.gms__list.will-animate {
    transition: transform .75s ease
}
.gms__item {
    -ms-flex: 0 0 33.2rem;
    flex: 0 0 33.2rem;
    max-width: 33.2rem;
    padding: 0 .6rem;
    min-height: 13.9rem
}
.gms__item .tennis-match {
    animation: b .2s ease
}
@media (max-width:52.49em) {
    .gms {
        overflow: visible
    }
    .gms__mobile-header {
        display: -ms-flexbox;
        display: flex;
        transition: max-height .2s ease;
        max-height: 4.1rem
    }
    .gms-is-collapsed .gms__mobile-header {
        max-height: 0
    }
    .gms__slider {
        position: fixed;
        top: 4.1rem;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: scroll;
        transform: translate3d(0, -200%, 0);
        transition: transform .4s ease;
        padding: 2rem 0
    }
    .is-open .gms__slider {
        transform: translateZ(0)
    }
    .gms__slider-btn {
        display: none
    }
    .gms__list {
        display: block;
        margin: .8rem .4rem;
        transform: none!important
    }
    .gms__item {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: none;
        margin: .8rem 0;
        min-height: 17.4rem
    }
}
.language-switcher {
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}
@media (max-width:840px) {
    .language-switcher {
        z-index: 10;
        position: fixed;
        bottom: 0;
        width: 100%
    }
}
.language-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    height: 5rem;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 2.4rem;
    color: #fff;
    text-decoration: none;
    outline: none
}
.language-button:focus .language__text {
    text-decoration: underline
}
@media (min-width:52.5em) {
    .language-button:hover .language__text {
        text-decoration: underline
    }
}
@media (max-width:840px) {
    .language-button {
        background-color: #f6f6f6;
        color: #141414;
        height: 5.6rem
    }
}
.language-dropdown {
    position: absolute;
    top: 5.2rem;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    z-index: 101
}
.language-dropdown__item {
    height: 3.7rem;
    cursor: pointer;
    background-color: #141414;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}
.language-dropdown__item:focus {
    text-decoration: underline
}
@media (min-width:52.5em) {
    .language-dropdown__item:hover {
        text-decoration: underline
    }
}
.language-dropdown__link {
    text-decoration: none;
    padding: 0 2.4rem
}
.language-dropdown__link--active:before {
    content: "";
    background-image: url(../images/language-select.svg);
    display: block;
    height: 1.2rem;
    width: 1.2rem;
    position: absolute;
    left: 1.2rem;
    top: .4rem
}
.language-dropdown.is-open {
    display: -ms-flexbox;
    display: flex
}
@media (max-width:840px) {
    .language-dropdown {
        right: 50%;
        transform: translateX(50%);
        top: -6.4rem;
        width: 96%
    }
    .language-dropdown__item {
        -ms-flex-pack: center;
        justify-content: center
    }
    .language-dropdown__link {
        padding: 0 1rem
    }
}
.language {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.language__text {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: none;
    margin: 0 .8rem;
    font-size: 1.6rem
}
.language__chevron.icon {
    fill: #fff;
    width: 1.5rem;
    height: 1rem;
    transition: transform .4s ease
}
.language-button.is-open .language__chevron {
    transform: rotate(180deg) translateY(50%)
}
@media (max-width:840px) {
    .language {
        position: relative;
        padding: 0 2rem;
        margin: 0 auto
    }
    .language__chevron.icon {
        fill: #141414!important
    }
}
.live-blog {
    position: relative
}
.live-blog--complete .live-blog__match-title-wrapper,
.live-blog--live .live-blog__upcoming-svg,
.live-blog--upcoming .live-blog__title-loader {
    display: none
}
.live-blog__header {
    background: #e6e6e6;
    padding: 2.5rem;
    margin: .8rem;
    color: #0a4d3c;
    background-size: cover;
    background-position: 50%
}
.live-blog__header-content {
    max-width: 87.8rem;
    margin: auto
}
.live-blog__header-title {
    margin-bottom: 1.6rem;
    font-size: 2.4rem;
    color: #141414
}
.live-blog__header-list {
    padding-left: 2.4rem
}
.live-blog__header-item {
    margin-bottom: 2.4rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    list-style: none;
    padding-left: 2rem;
    position: relative;
    font-size: 1.6rem;
    line-height: 1.81;
    color: hsla(0, 0%, 8%, .8)
}
.live-blog__header-item:before {
    content: "";
    background: #0a4d3c;
    width: .6rem;
    height: .6rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}
.live-blog__header-item a {
    color: #0a4d3c
}
.live-blog__header-item a:focus {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .live-blog__header-item a:hover {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.live-blog__header-item strong {
    font-weight: 800
}
.live-blog__content-section {
    padding: 2rem;
    max-width: 91.8rem;
    margin: auto;
    position: relative
}
.live-blog__match-title-wrapper {
    margin-left: 9.2rem;
    margin-bottom: 3.2rem;
    position: relative
}
.live-blog__title-loader {
    position: absolute;
    transform: scale(.6) translateY(-50%);
    left: -3.4rem;
    top: calc(50% - .5rem);
    margin-top: 0
}
.live-blog__upcoming-svg {
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
    overflow: hidden;
    background: #0a4d3c;
    border-radius: 100%;
    position: absolute;
    left: -3rem;
    top: .4rem
}
.live-blog__upcoming-svg .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 1.2rem;
    height: 1.2rem;
    margin: auto;
    fill: #fff
}
.live-blog__match-title,
.live-blog__match-title-text {
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1
}
.live-blog__match-title {
    color: #0a4d3c;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.live-blog__match-title-text {
    color: #3d3d3d
}
.live-blog__last-updated {
    outline: 1px solid #000;
    background: #faf8f7;
    padding: .8rem;
    margin-bottom: 3.2rem
}
.live-blog__entry-item {
    margin-bottom: 3.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    border-bottom: .1rem solid #e6e6e6
}
.live-blog__entry-item+.live-blog__no-posts {
    display: none
}
.live-blog__entry-item .quiz-wrapper--embeddable {
    margin-top: 1.6rem
}
.live-blog__entry-item iframe {
    max-width: 100%
}
.live-blog__entry-item .articleWidget.center .embeddable-widget.facebook-post,
.live-blog__entry-item .articleWidget.center .embeddable-widget.instagram-post {
    margin: 1.6rem auto 0;
    max-width: 100%;
    box-shadow: none
}
.live-blog__entry-item .twitterThumb.center {
    margin: 1.6rem auto 0
}
.live-blog__entry-item .embeddable-video__wrapper,
.live-blog__entry-item .embeddable-widget {
    margin-top: 1.6rem;
    margin-bottom: 0
}
.live-blog__entry-item .embeddable-video__title-container {
    margin-left: .2rem
}
.live-blog__entry-item .embeddable-video__caption {
    padding: 1.2rem
}
.live-blog__entry-item .embeddable-video__title {
    font-size: 1.4rem;
    margin-bottom: 0
}
.live-blog__entry-item .embeddable-photo__caption {
    background: #faf8f7;
    color: rgba(61, 61, 61, .9);
    border: none;
    font-size: 1.4rem
}
.live-blog__entry-item--acfe .live-blog__entry-sandbox:before,
.live-blog__entry-item--dark .live-blog__entry-sandbox:before,
.live-blog__entry-item--player-image .live-blog__entry-sandbox:before {
    content: "";
    position: absolute;
    background: #0a4d3c;
    top: 1rem;
    left: -.4rem;
    width: 1.2rem;
    bottom: 1rem;
    z-index: -1
}
.live-blog__entry-item--player-image .live-blog__entry-sandbox {
    min-height: 23.4rem
}
.live-blog__entry-item--player-image .live-blog__entry-sandbox:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 9rem;
    bottom: 0;
    background: linear-gradient(201deg, #c016da, #0a4d3c)
}
.live-blog__entry-item--player-image .live-blog__entry-text-content {
    padding-right: 20rem
}
.live-blog__entry-item--primary .live-blog__entry-icon {
    background: #0a4d3c
}
.live-blog__entry-item--primary .live-blog__entry-icon .icon {
    fill: #fff
}
.live-blog__entry-item--secondary .live-blog__entry-icon {
    background: #e6e6e6
}
.live-blog__entry-item--secondary .live-blog__entry-icon .icon {
    fill: #141414
}
.live-blog__entry-item--dark .live-blog__entry-icon,
.live-blog__entry-item--dark .live-blog__entry-sandbox:before {
    background: #5e5e5e
}
.live-blog__entry-item--dark .live-blog__entry-sandbox:after {
    background: linear-gradient(213deg, #979697, #5e5e5e)
}
.live-blog__entry-item--ace .live-blog__entry-icon {
    background: linear-gradient(206deg, #fad961, #f7531c)
}
.live-blog__entry-item--ace .live-blog__entry-sandbox:before {
    background: #f7531c
}
.live-blog__entry-item--ace .live-blog__entry-sandbox:after {
    background: linear-gradient(220deg, #fad961, #f7531c)
}
.live-blog__entry-item--instagram .live-blog__entry-icon {
    background: linear-gradient(257deg, #ba00b2, #d40263 48%, #f50403)
}
.live-blog__entry-item--video .live-blog__entry-icon {
    background: #0a4d3c
}
.live-blog__entry-item--video .live-blog__entry-icon .icon {
    fill: #383838;
    height: 1.8rem;
    width: 1.98rem;
    padding-left: .3rem
}
.live-blog__entry-item--twitter .live-blog__entry-icon {
    background: #55acee
}
.live-blog__entry-item--facebook .live-blog__entry-icon {
    background: #117df2
}
.live-blog__entry-tag {
    min-width: 9.2rem;
    margin-right: 1.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding-top: .3rem
}
.live-blog__entry-time {
    font-size: 1.3rem;
    color: #0a4d3c;
    margin-right: 1.2rem;
    font-weight: 900
}
.live-blog__entry-icon {
    width: 4rem;
    height: 4rem;
    vertical-align: middle;
    overflow: hidden;
    background: #0a4d3c;
    position: relative
}
.live-blog__entry-icon .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    fill: #fff
}
.live-blog__entry-sandbox {
    background: #fff;
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.live-blog__entry-overflow {
    padding: 1.2rem .8rem;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.live-blog__entry-title {
    vertical-align: middle;
    font-size: 1.9rem;
    line-height: 1.26;
    letter-spacing: -.08rem;
    color: #383838;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.live-blog__entry-content {
    font-size: 1.6rem;
    padding: .8rem 2.6rem .8rem 0
}
.live-blog__entry-content p {
    margin-bottom: 1rem;
    line-height: 1.5
}
.live-blog__entry-content p:last-of-type {
    margin-bottom: 0
}
.live-blog__entry-content h1,
.live-blog__entry-content h2,
.live-blog__entry-content h3,
.live-blog__entry-content h4,
.live-blog__entry-content h5,
.live-blog__entry-content h6 {
    margin-bottom: .8rem
}
.live-blog__entry-subtitle {
    font-size: 1.9rem;
    margin-bottom: .8rem
}
.live-blog__player-headshot {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0
}
.live-blog__player-headshot.full-body {
    width: 20rem;
    height: 20rem
}
.live-blog__player-headshot.head-only {
    width: 12rem;
    height: 12rem;
    top: 3rem;
    right: 3rem;
    bottom: auto
}
.live-blog__no-posts {
    width: 100%;
    max-width: 58rem
}
.live-blog__no-posts,
.live-blog__no-posts-svg,
.live-blog__no-posts-text,
.live-blog__no-posts-title {
    margin: auto;
    text-align: center
}
.live-blog__no-posts-svg {
    margin-bottom: 2.5rem
}
.live-blog__no-posts-svg .icon {
    margin: auto;
    width: 6.4rem;
    height: 6.4rem;
    fill: #666
}
.live-blog__no-posts-title {
    font-size: 3.8rem;
    margin-bottom: 2rem;
    color: #3d3d3d
}
.live-blog__no-posts-text {
    font-size: 1.9rem;
    margin-bottom: 3.6rem
}
.live-blog__no-posts-link {
    background: #383838;
    color: #fff;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 800;
    min-width: 16.4rem;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .08)
}
@media (max-width:39.99em) {
    .live-blog {
        padding: 0 0 1.6rem
    }
    .live-blog__header {
        padding: 2rem 1.6rem
    }
    .live-blog__header-title {
        font-size: 1.9rem
    }
    .live-blog__header-list {
        padding-left: .8rem
    }
    .live-blog__header-item {
        margin-bottom: 1.2rem
    }
    .live-blog__content-section {
        padding: 0 .4rem
    }
    .live-blog__content-section:before {
        height: calc(100% + 1.6rem);
        top: -1.6rem;
        left: 2.7rem
    }
    .live-blog__match-title-wrapper {
        margin: 1.6rem 0 1.7rem 4.4rem
    }
    .live-blog__match-title {
        display: block
    }
    .live-blog__entry-title {
        font-size: 1.6rem;
        line-height: 1.19;
        border: none;
        padding: .8rem .4rem 0
    }
    .live-blog__entry-item {
        display: block;
        margin-bottom: 2rem
    }
    .live-blog__entry-item .embeddable-photo__caption {
        background: #fff;
        z-index: 0
    }
    .live-blog__entry-item--ace .live-blog__entry-sandbox:before,
    .live-blog__entry-item--dark .live-blog__entry-sandbox:before,
    .live-blog__entry-item--primary .live-blog__entry-sandbox:before,
    .live-blog__entry-item--secondary .live-blog__entry-sandbox:before {
        width: auto;
        right: -.4rem
    }
    .live-blog__entry-item--player-image .live-blog__entry-sandbox {
        min-height: 0
    }
    .live-blog__entry-item--player-image .live-blog__entry-sandbox:after {
        display: none
    }
    .live-blog__entry-item--player-image .live-blog__entry-text-content {
        padding-right: 12rem;
        min-height: 10rem
    }
    .live-blog__entry-tag {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        vertical-align: middle;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: .4rem
    }
    .live-blog__entry-time {
        -ms-flex-order: 2;
        order: 2
    }
    .live-blog__entry-icon {
        width: 2.4rem;
        height: 2.4rem;
        margin-right: .8rem
    }
    .live-blog__entry-icon .icon {
        width: 1.2rem;
        height: 1.2rem
    }
    .live-blog__entry-overflow {
        padding: 0
    }
    .live-blog__entry-content {
        padding: 1rem .4rem 1.4rem;
        background: #fff;
        box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .04)
    }
    .live-blog__entry-subtitle {
        font-size: 1.6rem
    }
    .live-blog__player-headshot.full-body {
        width: 12rem;
        max-height: 16rem;
        height: 100%
    }
    .live-blog__player-headshot.head-only {
        width: 10rem;
        height: 10rem;
        top: 1.5rem;
        right: 1rem
    }
    .live-blog__no-posts {
        padding: 0 3rem
    }
    .live-blog__no-posts-svg {
        margin-bottom: 1.6rem
    }
    .live-blog__no-posts-svg .icon {
        margin: auto;
        width: 3.2rem;
        height: 3.2rem
    }
    .live-blog__no-posts-title {
        font-size: 2.4rem;
        margin-bottom: 1rem;
        color: #3d3d3d
    }
    .live-blog__no-posts-text {
        font-size: 1.6rem;
        margin-bottom: 1.6rem
    }
}
.mc-stats {
    background: #fff;
    padding-top: 4rem
}
.mc-stats__title {
    color: #141414;
    font-size: 3.2rem;
    line-height: 1.25;
    margin: auto;
    text-align: center
}
.mc-stats__logo {
    text-align: center;
    margin-top: .6rem
}
.mc-stats__logo-wrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    min-height: 4rem
}
.mc-stats__logo-tagline {
    display: block;
    font-style: italic;
    font-size: 1.1rem;
    font-weight: 500;
    color: hsla(0, 0%, 100%, .8);
    line-height: 1.18;
    letter-spacing: .05rem;
    margin-right: .5rem;
    width: 5rem;
    text-align: right
}
.mc-stats__logo-image img {
    max-width: 16rem
}
.mc-stats .mc-stats__tabs {
    margin-top: 2rem;
    padding: 0 .8rem
}
.mc-stats .mc-stats__tabs .tabs__nav {
    margin-left: 0;
    margin-right: 0;
    background: none
}
.mc-stats .mc-stats__tabs .tabs__list li {
    padding: .4rem;
    margin: 0 1.2rem;
    line-height: 1;
    letter-spacing: .02rem;
    color: hsla(0, 0%, 8%, .6)
}
.mc-stats .mc-stats__tabs .tabs__list li.is-active {
    color: #141414
}
.mc-stats .mc-stats__tabs .tabs__hover-line {
    height: .2rem
}
.mc-stats__tab {
    display: none;
    padding-bottom: 9.6rem
}
.mc-stats__tab.is-active {
    display: block
}
.mc-stats__stats-container {
    color: #fff;
    max-width: 98rem;
    padding: 2rem;
    margin: auto;
    text-align: center;
    margin-top: 6.4rem;
    position: relative
}
.mc-stats__stats-container:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: .2rem;
    background: #e6e6e6;
    width: calc(100% - 32rem)
}
.mc-stats__stats-container:first-of-type {
    margin-top: 2.4rem
}
.mc-stats__stats-container-title {
    font-size: 2.4rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    margin-bottom: 1.6rem;
    color: #141414;
    letter-spacing: .04rem;
    line-height: .79
}
.mc-stats__stat-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem 0;
    min-height: 6rem
}
.mc-stats__stat-container--a-winner .mc-stats__stat-player-container--player-a .mc-stats__stat-player-number-primary {
    color: #fff;
    background: #0a4d3c
}
.mc-stats__stat-container--a-winner .mc-stats__stat-player-container--player-a .mc-stats__stat-player-number-secondary {
    color: #0a4d3c
}
.mc-stats__stat-container--a-winner .mc-stats__stat-player-container--player-b .mc-stats__stat-bar,
.mc-stats__stat-container--a-winner .mc-stats__stat-player-container--player-b .mc-stats__stat-player-number-primary {
    background: #e6e6e6
}
.mc-stats__stat-container--b-winner .mc-stats__stat-player-container--player-b .mc-stats__stat-player-number-primary {
    color: #fff;
    background: #0a4d3c
}
.mc-stats__stat-container--b-winner .mc-stats__stat-player-container--player-b .mc-stats__stat-player-number-secondary {
    color: #0a4d3c
}
.mc-stats__stat-container--b-winner .mc-stats__stat-player-container--player-a .mc-stats__stat-bar,
.mc-stats__stat-container--b-winner .mc-stats__stat-player-container--player-a .mc-stats__stat-player-number-primary {
    background: #e6e6e6
}
.mc-stats__stat-label {
    letter-spacing: -.08rem;
    width: 24rem;
    word-break: break-word;
    padding: 0 2rem;
    font-size: 1.6rem;
    color: #0a0a0a;
    line-height: 1.19
}
.mc-stats__stat-player-container {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.mc-stats__stat-player-container--player-a .mc-stats__stat-player-number {
    margin-right: 3.2rem;
    text-align: right
}
.mc-stats__stat-player-container--player-a .mc-stats__stat-player-number-secondary {
    margin-right: .4rem
}
.mc-stats__stat-player-container--player-a .mc-stats__stat-bar {
    right: 0
}
.mc-stats__stat-player-container--player-a .mc-stats__stat-bar:before {
    left: -.4rem
}
.mc-stats__stat-player-container--player-b .mc-stats__stat-player-number {
    margin-left: 3.2rem;
    text-align: left
}
.mc-stats__stat-player-container--player-b .mc-stats__stat-player-number-secondary {
    margin-left: .4rem
}
.mc-stats__stat-player-container--player-b .mc-stats__stat-bar {
    left: 0
}
.mc-stats__stat-player-container--player-b .mc-stats__stat-bar:before {
    right: -.4rem
}
.mc-stats__stat-player-number {
    min-width: 11rem;
    font-size: 2.1rem;
    color: #141414
}
.mc-stats__stat-player-number-primary {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: .2rem 1rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}
.mc-stats__stat-player-number-secondary {
    display: block;
    font-size: 1.4rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    background-color: #fff;
    letter-spacing: .06rem;
    line-height: .86;
    padding-top: .4rem
}
.mc-stats__stat-bar-container {
    width: 100%;
    position: relative
}
.mc-stats__stat-bar-bg {
    background: #141414;
    height: .2rem;
    width: 100%;
    display: block
}
.mc-stats__stat-bar {
    background: #0a4d3c;
    width: 0;
    height: 1.2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: width .6s ease
}
.mc-stats--h2h {
    background: #fff;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 0;
    margin: 0 auto;
    width: 100%
}
.mc-stats--h2h .mc-stats__tabs {
    margin-top: 2rem
}
.mc-stats--h2h .mc-stats__tabs .tabs__nav {
    background: #fff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 3rem
}
.mc-stats--h2h .mc-stats__tabs .tabs__list .is-active {
    color: #fff
}
.mc-stats--h2h .mc-stats__tabs .tabs__hover-line {
    bottom: -1rem;
    height: .4rem
}
.mc-stats--h2h .mc-stats__tabs {
    margin-top: 0
}
.mc-stats--h2h .mc-stats__tab {
    padding: 0
}
.mc-stats--h2h .mc-stats__stats-container {
    padding: 2.6rem 5.5rem 5.6rem;
    margin: 0 auto 6.4rem
}
.mc-stats--h2h .mc-stats__stats-container:after {
    display: none
}
.mc-stats--h2h .mc-stats__stat-container {
    line-height: 1.19;
    padding: .2rem 0;
    position: relative
}
.mc-stats--h2h .mc-stats__stat-container:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    height: .2rem;
    width: calc(100% - 5.2rem);
    background: #e6e6e6
}
.mc-stats--h2h .mc-stats__stat-player-container {
    padding: .8rem 2.6rem
}
.mc-stats--h2h .mc-stats__stat-player-container:last-child {
    -ms-flex-pack: end;
    justify-content: flex-end
}
.mc-stats--h2h .mc-stats__stat-player-container--player-a .mc-stats__stat-player-number {
    text-align: left
}
.mc-stats--h2h .mc-stats__stat-player-container--player-b .mc-stats__stat-player-number {
    text-align: right
}
.mc-stats--h2h .mc-stats__stat-player-number {
    min-width: auto
}
.mc-stats--h2h .mc-stats__stat-player-number-primary {
    padding: .4rem
}
.mc-stats--h2h .mc-stats__stat-player-number-secondary {
    padding-left: .4rem;
    margin-top: .4rem
}
.mc-stats--h2h .mc-stats__stat-label {
    width: auto
}
@media (max-width:52.49em) {
    .mc-stats--h2h {
        background: none
    }
    .mc-stats--h2h .mc-stats__tabs .tabs__nav {
        margin: 0 auto 1.6rem
    }
    .mc-stats--h2h .mc-stats__tabs .tabs__list {
        -ms-flex-pack: center;
        justify-content: center
    }
    .mc-stats--h2h .mc-stats__tabs .tabs__list li {
        border-width: .2rem
    }
    .mc-stats--h2h .mc-stats__tabs {
        padding: 0
    }
    .mc-stats--h2h .mc-stats__tab {
        padding-bottom: 0
    }
    .mc-stats--h2h .mc-stats__stats-container {
        margin: 0 .4rem 1.6rem;
        padding: 1.6rem .4rem 3.2rem
    }
    .mc-stats--h2h .mc-stats__stat-player-container {
        padding: .2rem 0
    }
    .mc-stats--h2h .mc-stats__stats-container-title {
        font-size: 2.1rem;
        margin-bottom: .4rem
    }
    .mc-stats--h2h .mc-stats__stats-container-title:last-of-type {
        margin-bottom: 1.6rem
    }
    .mc-stats--h2h .mc-stats__stat-player-number {
        font-size: 1.6rem;
        font-weight: 600
    }
    .mc-stats--h2h .mc-stats__stat-container:after {
        width: 100%
    }
}
@media (max-width:46.25em) {
    .mc-stats__title {
        font-size: 2.4rem
    }
    .mc-stats__tab {
        padding-bottom: 6.4rem
    }
    .mc-stats__stats-container {
        padding: 2rem .8rem;
        margin-top: 2rem
    }
    .mc-stats__stats-container:after {
        width: calc(100% - 15rem)
    }
    .mc-stats__stats-container-title {
        word-break: break-word;
        font-size: 2.1rem;
        letter-spacing: .035rem
    }
    .mc-stats__stat-container {
        min-height: 4.9rem
    }
    .mc-stats__stat-label {
        width: 9.6rem;
        font-size: 1.3rem;
        line-height: 1.46;
        letter-spacing: -.62px;
        padding: 0 .8rem
    }
    .mc-stats__stat-player-number {
        min-width: 6rem;
        font-size: 1.4rem
    }
    .mc-stats__stat-player-number-primary {
        padding: .2rem .5rem
    }
    .mc-stats__stat-player-number-secondary {
        font-size: 1.1rem
    }
    .mc-stats__stat-player-container--player-a .mc-stats__stat-player-number {
        margin-right: .8rem;
        text-align: left
    }
    .mc-stats__stat-player-container--player-b .mc-stats__stat-player-number {
        margin-left: .8rem;
        text-align: right
    }
    .mc-stats__stat-bar {
        height: .8rem
    }
    .mc-stats--h2h .mc-stats__stat-player-number-secondary {
        display: block;
        padding-left: 0;
        margin-top: .2rem
    }
}
@media (max-width:22.5em) {
    .mc-stats__stat-bar-container {
        display: none
    }
    .mc-stats__stat-player-number {
        width: 100%
    }
    .mc-stats__stat-label {
        max-width: 16rem;
        width: auto
    }
}
.mc-tabs.cls-padding {
    margin-bottom: 100vh
}
.mc-tabs__tab {
    display: none
}
.mc-tabs__tab.is-active {
    display: block
}
.mc-tabs .tabs__nav {
    max-width: 100%;
    background: #141414;
    margin: 0 .8rem;
    box-shadow: none;
    min-height: 5.1rem
}
.mc-tabs .tabs__list {
    margin-top: .8rem
}
@media (min-width:27.5em) {
    .mc-tabs .tabs__list {
        -ms-flex-pack: center;
        justify-content: center
    }
}
.mc-upcoming-message {
    width: 100%;
    max-width: 58rem;
    margin: 6.4rem auto;
    text-align: center
}
.mc-upcoming-message__svg,
.mc-upcoming-message__text,
.mc-upcoming-message__title {
    margin: auto;
    text-align: center
}
.mc-upcoming-message__svg {
    margin-bottom: 2.5rem
}
.mc-upcoming-message__svg .icon {
    margin: auto;
    width: 6.4rem;
    height: 6.4rem;
    fill: #666
}
.mc-upcoming-message__title {
    font-size: 3.8rem;
    margin-bottom: 2rem;
    color: #3d3d3d
}
.mc-upcoming-message__text {
    font-size: 1.9rem;
    margin-bottom: 3.6rem
}
.mc-upcoming-message__link {
    background: #383838;
    color: #fff;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 800;
    min-width: 16.4rem;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .08)
}
.mc-upcoming-message__link-mask {
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #bbda16;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .mc-upcoming-message__link-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.mc-upcoming-message__link-mask svg {
    fill: #000
}
@media (max-width:39.99em) {
    .mc-upcoming-message {
        padding: 0 3rem;
        margin: 3.2rem auto
    }
    .mc-upcoming-message__svg {
        margin-bottom: 1.6rem
    }
    .mc-upcoming-message__svg .icon {
        margin: auto;
        width: 3.2rem;
        height: 3.2rem
    }
    .mc-upcoming-message__title {
        font-size: 2.4rem;
        margin-bottom: 1rem;
        color: #3d3d3d
    }
    .mc-upcoming-message__text {
        font-size: 1.6rem;
        margin-bottom: 1.6rem
    }
}
.mc-tournament-header-strip {
    -ms-flex-align: center;
    align-items: center;
    background-color: #141414;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 6.4rem;
    padding: 1rem 1.6rem;
    margin: .8rem
}
.mc-tournament-header-strip__details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mc-tournament-header-strip__title {
    font-size: 2.4rem;
    line-height: 1;
    margin-bottom: .6rem;
    width: 100%
}
.mc-tournament-header-strip__title-link {
    color: #fff;
    text-decoration: none
}
.mc-tournament-header-strip__title-link-text {
    color: #fff;
    position: relative;
    transition: color .4s ease;
    font-weight: 900
}
.mc-tournament-header-strip__location {
    color: #f7f7f7;
    font-size: 1.3rem;
    letter-spacing: .4rem;
    margin-right: 1.2rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400
}
.mc-tournament-header-strip__date {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .06rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.mc-tournament-header-strip__icon {
    display: inline-block;
    fill: #fff;
    height: 1.2rem;
    margin-right: .8rem;
    width: 1.2rem
}
.mc-tournament-header-strip__list {
    display: -ms-flexbox;
    display: flex
}
.mc-tournament-header-strip__list-item {
    margin-left: .8rem;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.mc-tournament-header-strip__list-link {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    padding: 1.3rem 2.8rem;
    white-space: nowrap
}
@supports ((-webkit-clip-path:inset(0 100% 0 0)) or (clip-path:inset(0 100% 0 0))) {
    .mc-tournament-header-strip__title-link:focus .mc-tournament-header-strip__title-link-text {
        text-decoration: underline
    }
    @media (min-width:52.5em) {
        .mc-tournament-header-strip__title-link:hover .mc-tournament-header-strip__title-link-text {
            text-decoration: underline
        }
    }
}
@media (max-width:52.49em) {
    .mc-tournament-header-strip {
        min-height: 4.8rem;
        padding: 0
    }
    .mc-tournament-header-strip__details {
        position: relative;
        width: 100%
    }
    .mc-tournament-header-strip__title {
        font-size: 1.9rem;
        margin: 0
    }
    .mc-tournament-header-strip__title-link {
        display: block;
        padding: .8rem 1.2rem
    }
    .mc-tournament-header-strip__title-link-text {
        font-size: 1.6rem;
        margin-bottom: .4rem;
        display: block
    }
    .mc-tournament-header-strip__location {
        font-size: 1.2rem;
        display: block
    }
    .mc-tournament-header-strip__icon {
        fill: #fff;
        height: 1.6rem;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1rem
    }
}
.match-centre {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}
.match-centre__main {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: calc(100vh - 8.8rem);
    overflow-x: hidden
}
.match-centre__sidebar {
    -ms-flex: 0 0 40rem;
    flex: 0 0 40rem;
    background-color: #e6e6e6;
    box-shadow: -.8rem .8rem 2.4rem 0 rgba(0, 0, 0, .02)
}
.match-centre__sidebar .advert {
    margin-top: 3.2rem
}
@media (max-width:89.99em) {
    .match-centre__sidebar {
        -ms-flex: 0 0 34rem;
        flex: 0 0 34rem
    }
}
@media (min-width:64.0625em) and (max-width:89.99em) {
    .match-centre__main .content-list .block-list-2-tablet li {
        width: 50%
    }
}
@media (max-width:81.24em) {
    .match-centre__sidebar {
        -ms-flex: 0 0 30.5rem;
        flex: 0 0 30.5rem
    }
    .match-centre__sidebar .advert {
        margin-top: 0
    }
}
@media (max-width:64.0525em) {
    .match-centre {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .match-centre__main {
        height: 100%;
        overflow: hidden
    }
    .match-centre__sidebar {
        -ms-flex-order: -1;
        order: -1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}
.mc-header-links {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mc-header-links,
.mc-header-links__link {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}
.mc-header-links__link {
    font-size: 1.2rem;
    letter-spacing: .6px;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    text-decoration: none;
    text-align: center;
    -ms-flex-pack: center;
    border-top: .8rem solid #fff;
    border-right: .8rem solid #fff;
    min-width: 10rem;
    max-width: 26rem;
    padding: 1.3rem 1rem
}
.mc-header-links__link:first-of-type {
    border-left: .8rem solid #fff
}
.mc-header-links__icons {
    position: relative
}
.mc-header-links__icon {
    fill: #fff;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .6rem
}
.mc-header-links__icon-mask {
    fill: #bbda16;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .6rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .mc-header-links__icon-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.mc-header-links__icon-mask svg {
    fill: #fff
}
.mc-header-links__text {
    position: relative;
    transition: color .4s ease;
    color: #fff
}
.mc-live-score {
    position: relative;
    overflow: hidden
}
.mc-live-score__inner {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}
.mc-live-score__player-col {
    position: relative;
    background-color: #0a4d3c;
    height: 30rem;
    overflow: hidden;
    -ms-flex: 1;
    flex: 1;
    margin-left: .8rem;
    -ms-flex-preferred-size: calc(50% - 1.2rem);
    flex-basis: calc(50% - 1.2rem)
}
.mc-live-score__player-col:last-of-type {
    background: #e6e6e6;
    margin-right: .8rem
}
.mc-live-score__player-col .mc-player-headshot {
    left: -20%
}
.mc-live-score__player-col .mc-player-headshot.head-only {
    left: 30%
}
.mc-live-score__player-col:last-of-type .mc-player-headshot {
    left: 20%
}
.mc-live-score__player-col:last-of-type .mc-player-headshot.head-only {
    left: 70%
}
.mc-live-score__player-details {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.mc-live-score__player-details .mc-player-headshot {
    overflow: hidden
}
.mc-live-score__players {
    display: -ms-flexbox;
    display: flex;
    min-height: 12rem;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.6rem 3.2rem;
    position: relative
}
.mc-live-score__player-wrap {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.mc-live-score__player-wrap--a {
    -ms-flex-pack: start;
    justify-content: flex-start
}
.mc-live-score__player-wrap--a .mc-live-score__player {
    margin-left: calc(10% + 1.6rem)
}
.mc-live-score__player-wrap--b {
    -ms-flex-pack: end;
    justify-content: flex-end
}
.mc-live-score__player-wrap--b .mc-live-score__player {
    margin-right: calc(10% + 1.6rem)
}
.mc-live-score__name-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.mc-live-score__top-court-link {
    position: absolute;
    left: calc(100% + .5rem);
    transform: translateY(-50%);
    top: 50%
}
.mc-live-score__player--top-court-icon {
    height: 3rem
}
.mc-live-score__player-link {
    text-decoration: none
}
.mc-live-score__player {
    text-decoration: none;
    display: block;
    z-index: 10;
    position: relative;
    text-align: center
}
.mc-live-score__player-details--doubles .mc-live-score__player:last-child {
    margin-top: 1.9rem
}
.mc-live-score__player:focus .mc-live-score__player-details-fname,
.mc-live-score__player:focus .mc-live-score__player-details-lname {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .mc-live-score__player:hover .mc-live-score__player-details-fname,
    .mc-live-score__player:hover .mc-live-score__player-details-lname {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.mc-live-score__player-details-fname,
.mc-live-score__player-details-lname {
    position: relative;
    color: #141414;
    display: block;
    letter-spacing: -.166rem;
    word-break: break-all;
    transition: color .4s ease;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.mc-live-score__player-details--doubles .mc-live-score__player-details-fname,
.mc-live-score__player-details--doubles .mc-live-score__player-details-lname {
    display: inline-block
}
.mc-live-score__player-details-fname {
    font-size: 1.9rem;
    line-height: .84;
    color: hsla(0, 0%, 8%, .8);
    margin-bottom: .8rem
}
.mc-live-score__player-details-lname {
    font-size: 4rem;
    letter-spacing: -.083rem;
    line-height: .73;
    display: inline;
    position: relative
}
.mc-live-score__player-details-lname,
.mc-live-score__player-details-win-tick {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.mc-live-score__player-details-win-tick {
    background-color: #0a4d3c;
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    left: calc(100% + 1.6rem);
    transform: translate(-50%, -50%)
}
.mc-live-score__player-details-win-tick--margin-left {
    left: calc(100% + 4rem)
}
.mc-live-score__player-details-win-tick .icon {
    fill: #fff;
    width: 1.04rem;
    height: .8rem
}
.mc-live-score__player-details-nationality {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .8rem
}
.mc-live-score__player-details-nationality-flag {
    width: 1.8rem;
    height: 1.2rem;
    margin-right: .7rem
}
.mc-live-score__player-details-nationality-label {
    font-size: 1.3rem;
    color: #141414;
    line-height: .073;
    font-weight: 900
}
.mc-live-score__player-vs {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 6.4rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #0a4d3c
}
.mc-live-score__header {
    text-align: center;
    margin-bottom: 2.4rem;
    z-index: 10;
    display: none
}
.mc-live-score__date {
    color: #0a4d3c;
    font-size: 1.3rem;
    letter-spacing: .4rem;
    text-transform: uppercase;
    margin-bottom: .6rem;
    display: block
}
.mc-live-score__date,
.mc-live-score__round {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: 1
}
.mc-live-score__round {
    font-size: 2.4rem;
    letter-spacing: -.1rem;
    color: #fff
}
.mc-live-score__venue {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .8rem
}
.mc-live-score__venue-icon {
    fill: #bbda16;
    width: 3rem;
    height: 1.2rem;
    margin-right: .65rem
}
.mc-live-score__venue-label {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    color: #e6e6e6;
    line-height: 1;
    letter-spacing: .4rem;
    text-transform: uppercase
}
.mc-live-score__score-col {
    -ms-flex: 0 100%;
    flex: 0 100%;
    -ms-flex-order: 3;
    order: 3
}
.mc-live-score__score-col .tennis-match {
    max-width: 55rem
}
.mc-live-score--grand-slam .mc-live-score__score-col {
    -ms-flex: 0 1 48rem;
    flex: 0 1 48rem;
    z-index: 20;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-align: center;
    align-items: center
}
.mc-live-score--grand-slam .mc-live-score__score-col .tennis-match {
    max-width: 48rem;
    margin-top: -3.05rem
}
.mc-live-score--grand-slam .mc-live-score__score-col .mc-header-links {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%)
}
.mc-live-score--grand-slam .mc-live-score__score-col {
    min-width: 48rem
}
.mc-live-score--doubles .mc-live-score__player-col .mc-player-headshot {
    left: -30%
}
.mc-live-score--doubles .mc-live-score__player-col .mc-player-headshot.head-only {
    left: 20%
}
.mc-live-score--doubles .mc-live-score__player-col .mc-player-headshot:last-of-type {
    left: -5%
}
.mc-live-score--doubles .mc-live-score__player-col .mc-player-headshot:last-of-type.head-only {
    left: 45%
}
.mc-live-score--doubles .mc-live-score__player-col:last-of-type .mc-player-headshot {
    left: 5%
}
.mc-live-score--doubles .mc-live-score__player-col:last-of-type .mc-player-headshot.head-only {
    left: 55%
}
.mc-live-score--doubles .mc-live-score__player-col:last-of-type .mc-player-headshot:last-of-type {
    left: 30%
}
.mc-live-score--doubles .mc-live-score__player-col:last-of-type .mc-player-headshot:last-of-type.head-only {
    left: 80%
}
.mc-live-score--doubles .mc-live-score__player-wrap {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}
.mc-live-score--doubles .mc-live-score__player-wrap--a .mc-live-score__player {
    margin-left: calc(25% - 1.6rem)
}
.mc-live-score--doubles .mc-live-score__player-wrap--b .mc-live-score__player {
    margin-left: calc(75% + 1.6rem)
}
.mc-live-score--doubles .mc-live-score__players .mc-live-score__player:last-of-type {
    margin-top: 1rem
}
.mc-live-score--doubles .mc-live-score__players .mc-live-score__player-details-fname {
    display: none
}
.mc-live-score--doubles .mc-live-score__players .mc-live-score__player-details-fname,
.mc-live-score--doubles .mc-live-score__players .mc-live-score__player-details-lname {
    font-size: 2.4rem;
    line-height: 1;
    position: relative
}
.mc-live-score--doubles .mc-live-score__players .mc-live-score__player-details-fname:before,
.mc-live-score--doubles .mc-live-score__players .mc-live-score__player-details-lname:before {
    content: attr(data-text)
}
.mc-live-score--doubles .mc-live-score__player-details .mc-player-headshot--doubles:first-of-type {
    z-index: 10;
    top: 2rem
}
.mc-live-score--doubles .mc-live-score__player-details .mc-player-headshot--doubles:last-of-type {
    top: -2rem;
    height: calc(100% + 2rem)
}
.mc-live-score .tennis-match {
    padding: .8rem
}
.mc-live-score .tennis-match__footer {
    border: .1rem solid #e6e6e6;
    border-top: none
}
.mc-live-score .tennis-match__footer:after,
.mc-live-score .tennis-match__footer:before {
    display: none
}
.mc-live-score .match-table {
    border: .1rem solid #e6e6e6
}
.mc-live-score .match-table__player-fname {
    color: #767676
}
.mc-live-score .match-table__team--winner .match-table__player-fname {
    color: #0a4d3c
}
@media (min-width:1301px) {
    .mc-live-score:not(.mc-live-score--grand-slam) .mc-live-score__score-col {
        -ms-flex: 0 1 48rem;
        flex: 0 1 48rem;
        z-index: 20;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-flex-align: center;
        align-items: center
    }
    .mc-live-score:not(.mc-live-score--grand-slam) .mc-live-score__score-col .tennis-match {
        max-width: 48rem;
        margin-top: -3.05rem
    }
    .mc-live-score:not(.mc-live-score--grand-slam) .mc-live-score__score-col .mc-header-links {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 100%;
        transform: translateX(-50%)
    }
}
@media (max-width:1440px) {
    .mc-live-score__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }
    .mc-live-score__players {
        display: none
    }
    .mc-live-score__header {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}
@media (max-width:1300px) {
    .mc-live-score--doubles .mc-live-score__player-col .mc-player-headshot {
        left: -20%
    }
    .mc-live-score--doubles .mc-live-score__player-col .mc-player-headshot.head-only {
        left: 30%
    }
    .mc-live-score--doubles .mc-live-score__player-col .mc-player-headshot:last-of-type {
        left: 20%
    }
    .mc-live-score--doubles .mc-live-score__player-col .mc-player-headshot:last-of-type.head-only {
        left: 70%
    }
    .mc-live-score--doubles .mc-live-score__player-col:last-of-type .mc-player-headshot {
        left: -20%
    }
    .mc-live-score--doubles .mc-live-score__player-col:last-of-type .mc-player-headshot.head-only {
        left: 30%
    }
    .mc-live-score--doubles .mc-live-score__player-col:last-of-type .mc-player-headshot:last-of-type {
        left: 20%
    }
    .mc-live-score--doubles .mc-live-score__player-col:last-of-type .mc-player-headshot:last-of-type.head-only {
        left: 70%
    }
}
@media (max-width:1025px) {
    .mc-live-score--doubles .mc-live-score__player-col {
        height: 22rem
    }
    .mc-live-score--doubles.mc-live-score--grand-slam .mc-live-score__player-col {
        height: 30rem
    }
}
@media (min-width:1025px) and (max-width:1300px) {
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__player-col .mc-player-headshot {
        left: 0
    }
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__player-col .mc-player-headshot.head-only {
        left: 50%
    }
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__player-col:last-of-type .mc-player-headshot {
        left: 0
    }
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__player-col:last-of-type .mc-player-headshot.head-only {
        left: 50%
    }
    .mc-live-score:not(.mc-live-score--grand-slam) .mc-header-links {
        margin: .8rem
    }
    .mc-live-score:not(.mc-live-score--grand-slam) .mc-header-links__link {
        border: 0;
        margin-right: .8rem
    }
    .mc-live-score:not(.mc-live-score--grand-slam) .mc-header-links__link:last-of-type {
        margin-right: 0
    }
}
@media (min-width:840px) and (max-width:1024px) {
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__score-col {
        -ms-flex: 0 1 48rem;
        flex: 0 1 48rem;
        z-index: 20;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-flex-align: center;
        align-items: center
    }
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__score-col .tennis-match {
        max-width: 48rem;
        margin-top: -3.05rem
    }
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__score-col .mc-header-links {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 100%;
        transform: translateX(-50%)
    }
}
@media (max-width:840px) {
    .mc-live-score--grand-slam .mc-live-score__score-col {
        -ms-flex: 0 1 48rem;
        flex: 0 1 48rem;
        z-index: 20;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-flex-align: center;
        align-items: center
    }
    .mc-live-score--grand-slam .mc-live-score__score-col .tennis-match {
        max-width: 48rem;
        margin-top: -3.05rem
    }
    .mc-live-score--grand-slam .mc-live-score__score-col .mc-header-links {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 100%;
        transform: translateX(-50%)
    }
    .mc-live-score--grand-slam .mc-live-score__score-col {
        width: 100%;
        min-width: auto
    }
    .mc-live-score:not(.mc-live-score--grand-slam) .mc-header-links {
        margin: .8rem
    }
    .mc-live-score:not(.mc-live-score--grand-slam) .mc-header-links__link {
        border: 0;
        margin-right: .8rem
    }
    .mc-live-score:not(.mc-live-score--grand-slam) .mc-header-links__link:last-of-type {
        margin-right: 0
    }
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__player-col .mc-player-headshot {
        left: 0
    }
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__player-col .mc-player-headshot.head-only {
        left: 50%
    }
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__player-col:last-of-type .mc-player-headshot {
        left: 0
    }
    .mc-live-score:not(.mc-live-score--doubles) .mc-live-score__player-col:last-of-type .mc-player-headshot.head-only {
        left: 50%
    }
}
@media (max-width:640px) {
    .mc-live-score:not(.mc-live-score--grand-slam) .mc-live-score__player-col {
        height: 18.5rem
    }
    .mc-live-score--doubles .mc-live-score__player-col {
        height: 18rem
    }
    .mc-live-score .match-table__player-cell {
        padding: 1.8rem 3rem 1.8rem 1.3rem
    }
    .mc-live-score--doubles.mc-live-score--grand-slam .mc-live-score__player-col {
        height: 34rem
    }
    .mc-live-score--doubles.mc-live-score--grand-slam .match-table__player-cell {
        padding: 1rem 3rem 1rem 1rem
    }
}
@media (max-width:415px) {
    .mc-live-score--doubles .mc-live-score__player-col {
        height: 15rem
    }
}
@media (max-width:370px) {
    .mc-live-score .match-table__player-cell {
        padding: 1.8rem 3rem 1.8rem 1.3rem
    }
}
.mc-player-headshot {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%
}
.mc-player-headshot.head-only {
    width: 50%;
    max-width: 18rem;
    left: 50%;
    transform: translateX(-50%)
}
.mc-player-headshot--doubles {
    height: 100%
}
.mc-player-headshot.head-only--large .player-headshot__photo,
.mc-player-headshot.head-only--small .player-headshot__photo {
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: .1rem solid #fff;
    background-color: #f7f7f7;
    overflow: hidden;
    padding-top: 100%;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%)
}
.mc-player-headshot.head-only--large .player-headshot__photo img,
.mc-player-headshot.head-only--small .player-headshot__photo img {
    padding: .5rem;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
@media (max-width:64.0525em) {
    .mc-player-headshot.head-only {
        max-width: 15rem
    }
}
@media (max-width:39.99em) {
    .mc-player-headshot.head-only {
        max-width: 12rem
    }
}
:root {
    --nav-height: 6.4rem
}
.main-navigation {
    z-index: 50;
    width: 100%;
    position: sticky;
    top: 0
}
.main-navigation__bar {
    background: #fff;
    position: relative;
    width: 100%;
    z-index: 20;
    box-shadow: 0 .2rem 2rem 0 hsla(0, 0%, 8%, .08)
}
.main-navigation__bar.is-glued {
    position: fixed
}
.main-navigation__wrapper {
    z-index: 10;
    position: relative;
    background-color: #fff
}
.main-navigation__inner {
    display: -ms-flexbox;
    display: flex;
    font-size: 1.9rem;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 auto;
    padding: 0 2.4rem;
    max-width: 159.8rem
}
.main-navigation__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 23.6rem;
    height: 8.8rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 1.2rem 2.4rem 1.2rem 0
}
.main-navigation__logo-image {
    width: 100%;
    height: auto
}
.main-navigation__desktop-list {
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
    /* max-width: 102rem; */
    min-width: 0;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden
}
.main-navigation__desktop-list.is-ready {
    opacity: 1;
    visibility: visible
}
.main-navigation__desktop-list>.main-navigation__list {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}
.main-navigation__desktop-list>.main-navigation__list:before {
    content: "";
    display: block
}
.main-navigation__desktop-list>.main-navigation__list:after {
    content: "";
    display: table;
    clear: both
}
.main-navigation__desktop-list>.main-navigation__list>.main-navigation__item {
    float: none
}
.main-navigation__item.has-children {
    position: relative
}
.main-navigation__item.has-children:focus .main-navigation__dropdown {
    transform: translate(-50%);
    opacity: 1;
    pointer-events: auto
}
.main-navigation__item.has-children:focus .main-navigation__dropdown-label:after {
    transform: translateY(-50%) rotate(180deg)
}
@media (min-width:52.5em) {
    .main-navigation__item.has-children:hover .main-navigation__dropdown {
        transform: translate(-50%);
        opacity: 1;
        pointer-events: auto
    }
    .main-navigation__item.has-children:hover .main-navigation__dropdown-label:after {
        transform: translateY(-50%) rotate(180deg)
    }
}
.main-navigation__dropdown-label,
.main-navigation__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.5rem 2rem;
    white-space: nowrap;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: .89;
    letter-spacing: normal;
    color: #141414;
    transition: color .4s ease
}
.is-active-parent .main-navigation__dropdown-label,
.is-active-parent .main-navigation__link {
    color: #585858
}
.main-navigation__dropdown-label:focus,
.main-navigation__link:focus {
    color: #141414
}
@media (min-width:52.5em) {
    .main-navigation__dropdown-label:hover,
    .main-navigation__link:hover {
        color: #141414
    }
}
.main-navigation__dropdown-label.is-active,
.main-navigation__link.is-active {
    color: #141414
}
.main-navigation__dropdown-label {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: none;
    position: relative;
    padding-right: 3rem
}
.main-navigation__dropdown-label:after {
    content: "";
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5rem .5rem 0;
    border-color: #b1b1b1 transparent transparent;
    transition: transform .4s ease
}
.main-navigation__dropdown-label:focus {
    cursor: pointer
}
@media (min-width:52.5em) {
    .main-navigation__dropdown-label:hover {
        cursor: pointer
    }
}
.main-navigation svg.main-navigation__ext-icon {
    height: .8rem;
    width: .8rem;
    fill: #0a4d3c;
    margin-left: .4rem;
    pointer-events: none
}
.main-navigation__dropdown,
.main-navigation__link {
    text-decoration: none
}
.main-navigation .hamburger,
.main-navigation__mobile {
    display: none
}
.main-navigation__mobile {
    transform: translateY(calc(-100% - 10rem))
}
.main-navigation__search {
    border: 0;
    background: none;
    width: 7.2rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}
.main-navigation__search:focus svg.main-navigation__close-icon,
.main-navigation__search:focus svg.main-navigation__search-icon {
    fill: #0a4d3c
}
@media (min-width:52.5em) {
    .main-navigation__search:hover svg.main-navigation__close-icon,
    .main-navigation__search:hover svg.main-navigation__search-icon {
        fill: #0a4d3c
    }
}
.main-navigation svg.main-navigation__close-icon,
.main-navigation svg.main-navigation__search-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 auto;
    pointer-events: none;
    transition: opacity .4s ease, fill .4s ease
}
.main-navigation svg.main-navigation__search-icon {
    fill: #141414
}
.main-navigation svg.main-navigation__close-icon {
    fill: #141414;
    opacity: 0
}
.main-navigation__search-bar {
    width: 100%;
    display: block;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    top: 100%;
    transform: translateY(-100%);
    transition: transform .4s ease, opacity 0s linear .4s;
    z-index: 5;
    opacity: 0
}
.main-navigation__search-form {
    max-width: 133.2rem;
    margin: 3.2rem auto;
    padding: 0 9.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.main-navigation .main-navigation__search-bar-icon {
    fill: #ccc;
    width: 4.8rem;
    height: 4.8rem;
    margin: 0 3.2rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.main-navigation__search-input-wrap {
    position: relative;
    width: 100%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.main-navigation input.main-navigation__search-input {
    background: #fafafa;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #141414;
    color: #141414;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: normal;
    padding: 2.4rem .5rem .4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.main-navigation input.main-navigation__search-input:-ms-input-placeholder {
    color: #767676;
    opacity: .9
}
.main-navigation input.main-navigation__search-input::placeholder {
    color: #767676;
    opacity: .9
}
.main-navigation__search-label {
    position: absolute;
    top: 0;
    left: 0;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: #0a4d3c;
    line-height: 1.07;
    letter-spacing: normal;
    margin: .3rem .5rem
}
.main-navigation__search-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    background-color: rgba(13, 7, 20, .6);
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: opacity .4s ease
}
.main-navigation.search-is-open svg.main-navigation__search-icon {
    opacity: 0
}
.main-navigation.search-is-open svg.main-navigation__close-icon {
    opacity: 1
}
.main-navigation.search-is-open .main-navigation__search-bar {
    transform: translateY(0);
    opacity: 1;
    transition: transform .4s ease, opacity 0s linear
}
.main-navigation.search-is-open .main-navigation__search-overlay {
    opacity: 1;
    z-index: 1;
    pointer-events: all
}
.main-navigation__user {
    background: none;
    border: 0;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 4rem;
    padding-right: 0
}
.main-navigation__user:before {
    left: 0;
    width: .1rem;
    height: 5.6rem;
    background-color: #f8f8f8
}
.main-navigation__user:after,
.main-navigation__user:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.main-navigation__user:after {
    left: 2.5rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5rem .5rem 0;
    border-color: #b1b1b1 transparent transparent
}
.main-navigation__user-text {
    margin-right: .8rem
}
.main-navigation__user-msg,
.main-navigation__user-name {
    display: block;
    text-align: right
}
.main-navigation__user-msg {
    font-size: 1.2rem;
    line-height: 1.17;
    letter-spacing: -.04rem;
    color: #222
}
.main-navigation__user-name {
    font-size: 1.5rem;
    line-height: 1.13;
    letter-spacing: -.05rem;
    color: #0a4d3c
}
.main-navigation__user-icon {
    background-color: #0a4d3c;
    border-radius: 50%;
    width: 3.2rem;
    height: 3.2rem;
    position: relative
}
.main-navigation svg.main-navigation__user-icon-svg {
    fill: #fff;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
@media (min-width:52.5em) {
    .main-navigation__dropdown-label:focus+.main-navigation__dropdown {
        transform: translate(-50%);
        opacity: 1;
        pointer-events: auto
    }
}
@media (min-width:52.5em) and (min-width:52.5em) {
    .main-navigation__dropdown-label:hover+.main-navigation__dropdown {
        transform: translate(-50%);
        opacity: 1;
        pointer-events: auto
    }
}
@media (min-width:52.5em) {
    .main-navigation__dropdown {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 1rem);
        opacity: 0;
        background: #141414;
        padding: 2rem;
        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
    }
    .main-navigation__dropdown:before {
        content: "";
        position: absolute;
        top: -.7rem;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 .75rem .75rem;
        border-color: transparent transparent #141414
    }
    .main-navigation__dropdown:focus-within {
        transform: translate(-50%);
        opacity: 1;
        pointer-events: auto
    }
    .main-navigation__dropdown .main-navigation__link {
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 1rem 0;
        color: #fff;
        font-size: 1.5rem;
        letter-spacing: normal;
        transition: color .4s ease
    }
    .main-navigation__dropdown .main-navigation__link:focus {
        text-decoration: underline
    }
}
@media (min-width:52.5em) and (min-width:52.5em) {
    .main-navigation__dropdown .main-navigation__link:hover {
        text-decoration: underline
    }
}
@media (min-width:52.5em) {
    .main-navigation__dropdown svg.main-navigation__ext-icon {
        transition: fill .4s ease;
        fill: #fff
    }
    .main-navigation__dropdown .is-active:after {
        height: .2rem
    }
}
@media (max-width:52.49em) {
    .main-navigation {
        box-shadow: 0 .2rem 2rem 0 hsla(0, 0%, 8%, .08)
    }
    .is-open .main-navigation__bar {
        box-shadow: none
    }
    .main-navigation__inner {
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }
    .main-navigation__desktop-list,
    .main-navigation__search,
    .main-navigation__search-bar,
    .main-navigation__search-overlay,
    .main-navigation__user-text {
        display: none
    }
    .main-navigation__user {
        -ms-flex-order: -1;
        order: -1;
        padding: 0
    }
    .main-navigation__user:after,
    .main-navigation__user:before {
        display: none
    }
    .main-navigation__logo {
        padding: 1.2rem;
        width: 20rem;
        height: 6.4rem;
        transform-origin: top;
        transition: transform .4s ease
    }
    .main-navigation .hamburger {
        position: absolute;
        right: 2.4rem;
        top: 50%;
        transform: translateY(-50%)
    }
    .main-navigation .hamburger-box,
    .main-navigation .hamburger-inner,
    .main-navigation .hamburger-label {
        pointer-events: none
    }
    .main-navigation .hamburger,
    .main-navigation .hamburger-box {
        display: block
    }
    .main-navigation__mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        background: #fff;
        position: fixed;
        top: var(--nav-height);
        left: 0;
        transition: transform .4s ease;
        z-index: 15;
        bottom: 0;
        padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
    }
    .main-navigation__mobile .main-navigation__list {
        display: block;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 5.6rem
    }
    .main-navigation__mobile.is-open {
        transform: translate(0)
    }
    .main-navigation__mobile .main-navigation__item {
        border: 0 solid #ebebeb;
        border-width: .1rem .1rem 0;
        background-color: #fff
    }
    .main-navigation__mobile .main-navigation__item:first-child {
        border-width: 0 .1rem
    }
    .main-navigation__mobile .main-navigation__link {
        padding: 1.6rem;
        letter-spacing: normal;
        line-height: 1.05;
        -ms-flex-pack: justify;
        justify-content: space-between;
        white-space: normal
    }
    .main-navigation__mobile .main-navigation__dropdown-label {
        padding: 1.6rem 3rem 1.6rem 1.6rem
    }
    .main-navigation__mobile .main-navigation__dropdown {
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s ease-in-out
    }
    .main-navigation__mobile .main-navigation__dropdown.is-open {
        max-height: 50rem
    }
    .main-navigation__mobile .main-navigation__dropdown .main-navigation__item:first-child {
        border-width: .1rem .1rem 0
    }
    .main-navigation__mobile .main-navigation__dropdown .main-navigation__link {
        color: #424b5a;
        font-size: 1.4rem;
        padding-left: 2.4rem
    }
    .main-navigation__mobile svg.main-navigation__ext-icon {
        -ms-flex: 0 0 1.6rem;
        flex: 0 0 1.6rem;
        width: 1.6rem;
        height: 1.6rem
    }
    .main-navigation__mobile-nav {
        min-height: 0;
        display: -ms-flexbox;
        display: flex
    }
    .main-navigation__mobile-search {
        margin: 0;
        width: 100%;
        display: block;
        position: relative;
        background-color: #f6f6f6;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .main-navigation svg.main-navigation__mobile-search-icon {
        position: absolute;
        left: 1.6rem;
        top: 50%;
        transform: translateY(-50%);
        fill: #686868;
        width: 2rem;
        height: 2rem;
        transition: fill .4s ease
    }
    .main-navigation .main-navigation__mobile-search-input {
        background-color: #f6f6f6;
        width: 100%;
        box-sizing: border-box;
        font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
        font-weight: 700;
        font-size: 1.7rem;
        line-height: 1.18;
        color: #0a0a0a;
        padding: 1.6rem 1.6rem 1.6rem 5.2rem;
        border: none;
        border-bottom: .1rem solid #ebebeb;
        border-radius: 0;
        transition: background-color .4s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .main-navigation .main-navigation__mobile-search-input:-ms-input-placeholder {
        color: #0a0a0a;
        opacity: .6
    }
    .main-navigation .main-navigation__mobile-search-input::placeholder {
        color: #0a0a0a;
        opacity: .6
    }
    .main-navigation .main-navigation__mobile-search-input:active,
    .main-navigation .main-navigation__mobile-search-input:focus {
        background-color: #141414;
        color: #fff
    }
    .main-navigation .main-navigation__mobile-search-input:active:-ms-input-placeholder,
    .main-navigation .main-navigation__mobile-search-input:focus:-ms-input-placeholder {
        color: #fff;
        opacity: .6
    }
    .main-navigation .main-navigation__mobile-search-input:active::placeholder,
    .main-navigation .main-navigation__mobile-search-input:focus::placeholder {
        color: #fff;
        opacity: .6
    }
    .main-navigation .main-navigation__mobile-search-input:active+.main-navigation__mobile-search-icon,
    .main-navigation .main-navigation__mobile-search-input:focus+.main-navigation__mobile-search-icon {
        fill: #0a4d3c
    }
}
.mobile-quick-links {
    width: 100%;
    background-color: #fff;
    z-index: 15;
    position: relative
}
.hide-mobile-quick-links .mobile-quick-links {
    display: none
}
.mobile-quick-links__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.mobile-quick-links__link {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: .85;
    letter-spacing: normal;
    color: #141414;
    text-decoration: none;
    padding: 1.6rem 1rem;
    display: block
}
@media (min-width:52.5em) {
    .mobile-quick-links {
        display: none
    }
}
._form_hide {
    display: none;
    visibility: hidden
}
._form_show {
    display: block;
    visibility: visible
}
.ah-form ._form-content._form-content--oneline {
    display: -ms-flexbox;
    display: flex
}
.ah-form ._form-content._form-content--oneline ._form_element {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 0
}
.ah-form ._form-content._form-content--oneline ._button-wrapper {
    display: -ms-flexbox;
    display: flex;
    justify-self: stretch
}
.ah-form ._form-content._form-content--oneline ._submit {
    margin-top: 0
}
.ah-form input[type=date],
.ah-form input[type=text],
.ah-form textarea {
    padding: 1.5rem 1.3rem 1.4rem;
    border: .2rem solid #fff;
    border-radius: 0;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: -.04rem
}
.ah-form input[type=date]:-ms-input-placeholder,
.ah-form input[type=text]:-ms-input-placeholder,
.ah-form textarea:-ms-input-placeholder {
    color: rgba(61, 61, 61, .8)
}
.ah-form input[type=date]::placeholder,
.ah-form input[type=text]::placeholder,
.ah-form textarea::placeholder {
    color: rgba(61, 61, 61, .8)
}
.ah-form input[type=date]:focus,
.ah-form input[type=text]:focus,
.ah-form textarea:focus {
    outline: none;
    border-left: .2rem solid #0a4d3c
}
.ah-form ._button-wrapper ._submit {
    width: 20rem;
    margin-top: 2.4rem
}
.ah-form ._button-wrapper ._submit:before {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.ah-form ._form_element {
    position: relative;
    max-width: 100%;
    margin-top: 1.4rem
}
.ah-form ._form_element._clear {
    clear: both;
    width: 100%;
    float: none
}
.ah-form ._form_element._clear:after {
    clear: left
}
.ah-form ._form_element input[type=date],
.ah-form ._form_element input[type=text],
.ah-form ._form_element select,
.ah-form ._form_element textarea:not(.g-recaptcha-response) {
    display: block;
    width: 100%;
    color: #0a0a0a
}
.ah-form ._form-label {
    font-size: 1.8rem;
    color: hsla(0, 0%, 100%, .8);
    margin-bottom: .5rem;
    display: block
}
.ah-form ._checkbox-label,
.ah-form ._form-label {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: 1.56;
    letter-spacing: normal
}
.ah-form ._checkbox-label {
    font-size: 1.6rem;
    color: #fff
}
.ah-form ._field-wrapper {
    position: relative
}
.ah-form ._clear-element {
    clear: left
}
.ah-form input[type=text]._has_error,
.ah-form textarea._has_error {
    border: 1px solid #b40000
}
.ah-form input[type=checkbox]._has_error {
    outline: 1px solid #b40000
}
.ah-form ._error {
    display: block;
    position: absolute;
    font-size: 14px;
    z-index: 10000001
}
.ah-form ._error__checkbox-error {
    background-color: #fff;
    color: #0a0a0a;
    padding: .8rem 1.6rem;
    font-size: 1.1rem;
    position: relative;
    margin-top: 1.2rem;
    display: inline-block
}
.ah-form ._error._above {
    padding-bottom: 4px;
    bottom: 39px
}
.ah-form ._error._below {
    padding-top: 4px;
    top: 100%
}
.ah-form ._error._above ._error-arrow {
    bottom: 0;
    border-top: 5px solid #b40000
}
.ah-form ._error._above ._error-arrow,
.ah-form ._error._below ._error-arrow {
    left: 15px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}
.ah-form ._error._below ._error-arrow {
    top: 0;
    border-bottom: 5px solid #b40000
}
.ah-form ._error-inner {
    padding: 8px 12px;
    background-color: #b40000;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    text-decoration: none
}
.ah-form ._error-inner._form_error {
    margin-bottom: 5px;
    text-align: left
}
.ah-form ._button-wrapper ._error-inner._form_error {
    position: static
}
.ah-form ._error-inner._no_arrow {
    margin-bottom: 10px
}
.ah-form ._error-arrow {
    position: absolute;
    width: 0;
    height: 0
}
.ah-form ._error-html {
    margin-bottom: 10px
}
.ah-form ._form-thank-you {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 2.4rem
}
.nl-footer__form.ah-form ._form-content._form-content--oneline ._form_element {
    margin: 0 .8rem 0 0
}
.nl-footer__form.ah-form input[type=text],
.nl-footer__form .ah-form textarea {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.nl-footer__form.ah-form input[type=text]:-ms-input-placeholder,
.nl-footer__form .ah-form textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 8%, .75)
}
.nl-footer__form.ah-form input[type=text]::placeholder,
.nl-footer__form .ah-form textarea::placeholder {
    color: hsla(0, 0%, 8%, .75)
}
@media (max-width:52.49em) {
    .ah-form ._form-content._form-content--oneline {
        display: block;
        margin: 0 auto
    }
    .ah-form ._form-content._form-content--oneline ._form_element {
        width: 100%
    }
    .ah-form ._form-content._form-content--oneline ._submit {
        margin-top: .4rem;
        width: 100%;
        padding: 0;
        height: 3.8rem
    }
    .ah-form input[type=date],
    .ah-form input[type=text],
    .ah-form textarea {
        padding: 1rem .8rem .9rem;
        font-size: 1.4rem;
        letter-spacing: -.03rem
    }
    .ah-form ._checkbox-label,
    .ah-form ._form-label {
        font-size: 1.4rem
    }
    .ah-form ._submit {
        font-size: 1.3rem;
        height: 3.8rem;
        padding: 0
    }
}
.nl-footer__form {
    margin: 2.4rem auto 0;
    width: 100%;
    max-width: 75rem;
    font-weight: 700
}
.nl-footer__disclaimer,
.nl-footer__form {
    text-align: center;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif
}
.nl-footer__disclaimer {
    margin: 3.2rem auto 0;
    font-size: 1.4rem;
    line-height: 1.14;
    letter-spacing: -.015rem;
    color: #fff;
    font-weight: 400
}
.nl-footer__disclaimer a {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #fff
}
.nl-footer__disclaimer a:focus {
    text-decoration: underline
}
@media (min-width:52.5em) {
    .nl-footer__disclaimer a:hover {
        text-decoration: underline
    }
}
.nl-footer__inner {
    position: relative;
    z-index: 20;
    padding: 6rem 0 8.4rem
}
.nl-footer__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}
.nl-footer__bg-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(180deg, rgba(120, 20, 255, .3), rgba(120, 20, 255, .3));
    background-blend-mode: color
}
.nl-footer .lazy-image-wrapper,
.nl-footer__bg-image--default {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.nl-footer__bg-image--default {
    background-position: 50%;
    background-image: url(../images/wta-bg-asset-darker-right.jpg);
    background-size: cover;
    background-repeat: no-repeat
}
@media (-moz-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2) {
    .nl-footer__bg-image--default {
        background-image: url(../images/wta-bg-asset-darker-right@x2.jpg)
    }
}
.nl-footer__container {
    padding: 0 4rem
}
.nl-footer__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.4rem 0
}
.nl-footer__header--centre-text,
.nl-footer__header--text-centred {
    text-align: center
}
.nl-footer__title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #faf8f7;
    letter-spacing: -.2rem;
    transition: color .4s ease;
    font-size: 4.8rem;
    margin-bottom: 1.6rem
}
.nl-footer__subtitle {
    color: hsla(0, 0%, 100%, .7);
    font-size: 1.6rem;
    line-height: 1.38;
    letter-spacing: -.06rem;
    width: 80%
}
.nl-footer__subtitle--centred {
    width: 100%
}
@media (max-width:81.24em) {
    .nl-footer__title {
        font-size: 3.75rem
    }
}
@media (max-width:52.49em) {
    .nl-footer {
        padding: 0
    }
    .nl-footer__disclaimer {
        margin-top: 1.2rem
    }
    .nl-footer__form {
        max-width: 38rem
    }
    .nl-footer__inner {
        width: 100%;
        margin: .8rem 0;
        padding: 2.4rem 0 4.8rem
    }
    .nl-footer .nl-footer__title {
        margin-bottom: .8rem;
        font-size: 2.8rem;
        letter-spacing: -.2rem;
        text-align: center
    }
    .nl-footer__subtitle {
        width: 100%
    }
    .nl-footer__subtitle--centred {
        font-size: 1.4rem;
        letter-spacing: -.05rem;
        text-align: center
    }
}
@media (max-width:39.99em) {
    .nl-footer__container {
        padding: 0 2rem
    }
}
@media (max-width:25.9275em) {
    .nl-footer__container {
        padding: 0 1rem
    }
}
.nl-standalone {
    min-height: calc(100vh - 88px);
    background-image: url(../images/wta-bg-asset-darker.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative
}
@media (-moz-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2) {
    .nl-standalone {
        background-image: url(../images/wta-bg-asset-darker@x2.jpg)
    }
}
.nl-standalone__bg {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.nl-standalone__bg-img {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    height: 100%;
    width: auto
}
.nl-standalone__inner {
    background-color: #0a4d3c;
    margin-top: 10vh;
    margin-bottom: 10vh;
    max-width: 67.2rem;
    padding: 6.4rem;
    color: #fff;
    position: relative;
    z-index: 20
}
.nl-standalone__title {
    font-size: 3.8rem;
    line-height: 1.16;
    letter-spacing: -.06rem
}
.nl-standalone__subtitle,
.nl-standalone__title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.nl-standalone__subtitle {
    font-size: 1.8rem;
    line-height: 1.56;
    letter-spacing: normal;
    color: hsla(0, 0%, 100%, .8);
    margin-top: 2.4rem
}
.nl-standalone__form {
    margin-top: 4rem
}
.nl-standalone__checkbox-copy {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: .5rem
}
.nl-standalone__disclaimer {
    margin-top: 3.2rem;
    color: #e6e6e6
}
.nl-standalone__disclaimer,
.nl-standalone__disclaimer a {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.2rem;
    letter-spacing: normal;
    line-height: 1
}
.nl-standalone__disclaimer a {
    color: #fff;
    text-decoration: underline
}
@media (max-width:1300px) {
    .nl-standalone__bg-img {
        right: 1rem;
        left: auto
    }
    .nl-standalone__inner {
        padding: 2.8rem;
        max-width: 42rem
    }
    .nl-standalone__title {
        font-size: 2.8rem;
        letter-spacing: -.2rem
    }
    .nl-standalone__subtitle {
        font-size: 1.4rem;
        letter-spacing: -.05rem;
        margin-top: 1.8rem
    }
    .nl-standalone__form {
        margin-top: 2.8rem
    }
}
@media (max-width:1025px) {
    .nl-standalone__bg {
        position: relative;
        max-width: 70rem;
        margin: 0 auto
    }
    .nl-standalone__bg:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 42.85714%
    }
    .nl-standalone__bg-img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto
    }
    .nl-standalone__inner {
        margin: 0;
        max-width: none;
        width: 100%
    }
}
@media (max-width:840px) {
    .nl-standalone__checkbox-copy {
        font-size: 1.2rem
    }
}
@media (max-width:640px) {
    .nl-standalone__bg {
        max-width: 42.5rem
    }
    .nl-standalone__bg:before {
        padding-top: 47.05882%
    }
    .nl-standalone__inner {
        padding: 1.6rem
    }
}
.page-picture {
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 1.6rem
}
.page-picture,
.page-sponsor {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.page-sponsor {
    margin-top: 1rem
}
.page-sponsor__label {
    margin-right: .8rem;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: .23rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600
}
.page-sponsor__image {
    width: 9.1rem
}
@media (max-width:640px) {
    .page-sponsor__label {
        font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
        font-weight: 700;
        font-size: 1.1rem
    }
    .page-sponsor__image {
        width: 7.7rem
    }
}
.page-title {
    background-color: #0a4d3c;
    padding: 4.8rem 1.6rem;
    position: relative;
    color: #fff;
    width: calc(100% - .8rem * 2);
    margin: .8rem auto 4.8rem
}
.page-title.divider {
    margin-top: 4.8rem
}
.page-title.no-margin-bottom {
    margin-bottom: 0
}
.page-title__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0)
}
.page-title__bg-image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(120, 20, 255, .3);
    mix-blend-mode: color;
    transition: background-color .4s ease;
    z-index: 10
}
.page-title.black {
    background-color: #141414
}
.page-title.light {
    background-color: #e6e6e6;
    color: #141414
}
.page-title.light .page-title:after {
    content: none
}
.page-title.light .page-title__logo {
    fill: #141414
}
.page-title.stats-hub-header {
    background-color: #0a4d3c;
    color: #fff
}
.page-title__sponsor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}
@media (max-width:415px) {
    .page-title__sponsor {
        min-height: 15rem;
        width: calc(100% - 1rem * 2)
    }
    .page-title__sponsor:before {
        content: "";
        position: absolute;
        top: -1rem;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% + 2rem);
        height: 100%;
        background-color: #e6e6e6;
        z-index: -1
    }
}
.page-title__sponsor .page-title__main-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.page-title__sponsor .page-title__heading {
    width: auto
}
@media (max-width:415px) {
    .page-title__sponsor .page-title__heading {
        font-size: 2.5rem
    }
}
.page-title__sponsor .page-sponsor {
    margin-top: 0;
    margin-left: 1rem;
    width: 8rem
}
@media (max-width:415px) {
    .page-title__sponsor .page-sponsor {
        width: 5rem
    }
}
.page-title__sponsor .page-title__sub-heading {
    margin-top: 2rem;
    text-align: center;
    font-size: 1.3rem;
    letter-spacing: .2rem;
    font-weight: 700
}
@media (max-width:415px) {
    .page-title__sponsor .page-title__sub-heading {
        font-size: 1.1rem;
        letter-spacing: .1rem
    }
}
.page-title.with-logo .page-title__logo {
    display: block
}
.page-title__logo {
    display: none;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    width: 30rem;
    height: 8rem;
    fill: #fff
}
.page-title__logo+.page-title__subtitle {
    margin-top: 1rem
}
.page-title__heading {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    text-align: center;
    font-size: 4.8rem;
    letter-spacing: -.04rem;
    line-height: 1.17;
    z-index: 10;
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: 0
}
.page-title__heading+.page-title__subtitle {
    margin-top: 1rem
}
.page-title__subtitle {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    position: relative;
    z-index: 10
}
.page-title__subtitle-text {
    font-size: 1.9rem;
    line-height: 1.47;
    max-width: 52ch;
    margin: 0 auto;
    text-align: center
}
@media (max-width:39.99em) {
    .page-title {
        padding: 2.3rem 1.6rem;
        margin: .8rem auto 3rem
    }
    .page-title.divider {
        margin-top: 3rem
    }
    .page-title__logo {
        width: 23rem;
        height: 7rem
    }
    .page-title__heading {
        width: 100%;
        font-size: 3.4rem;
        line-height: 1;
        letter-spacing: .02rem
    }
    .page-title__subtitle-text {
        font-size: 1.6rem;
        line-height: 1.5
    }
}
.gallery-slider-embed {
    margin: 6.4rem 0
}
.gallery-slider-embed .gallery-slider {
    padding-left: 0;
    padding-right: 0
}
.gallery-slider-embed .gallery-slider:after {
    content: none
}
.gallery-slider-embed .gallery-slider__wrapper {
    padding: 0
}
@media (min-width:68em) {
    .gallery-slider-embed {
        width: calc(100vw - 4.8rem);
        margin-left: calc((100vw - 1088px) * -.5)
    }
    .gallery-slider-embed .gallery-slider {
        max-width: 144.4rem;
        margin: 0 auto
    }
}
@media (max-width:39.99em) {
    .gallery-slider-embed {
        padding: 0;
        width: calc(100% + 1.6rem);
        margin-left: -.8rem
    }
    .gallery-slider-embed .gallery-slider {
        padding: 0
    }
}
.gallery-slider {
    z-index: 1
}
.gallery-slider.with-background {
    position: relative
}
.gallery-slider.with-background:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    background-color: #e6e6e6;
    width: 100%;
    margin: 0 auto
}
.gallery-slider__wrapper {
    position: relative
}
.gallery-slider .widget-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.2rem
}
.gallery-slider .widget-header__title {
    font-size: 3.2rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: -.04rem
}
.gallery-slider .widget-header__button {
    font-size: 1.6rem;
    line-height: 1;
    text-transform: uppercase
}
.gallery-slider__content,
.gallery-slider__slides-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.gallery-slider__slides-container {
    height: 58rem;
    overflow: hidden;
    z-index: 1
}
.gallery-slider__slides-container .slider-viewport__list {
    width: 300%;
    -ms-flex: 0 0 300%;
    flex: 0 0 300%
}
.gallery-slider__slides {
    font-size: 0;
    white-space: nowrap;
    transition: .2s;
    position: relative;
    left: 0
}
.gallery-slider__slide {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33.33333333333333%;
    height: 100%;
    min-height: 1px;
    cursor: pointer
}
.gallery-slider__slide:focus .gallery-slider__expand {
    opacity: 1
}
@media (min-width:52.5em) {
    .gallery-slider__slide:hover .gallery-slider__expand {
        opacity: 1
    }
}
.gallery-slider__expand {
    position: absolute;
    top: .8rem;
    right: .8rem;
    padding: 1.2rem;
    width: 4.8rem;
    height: 4.8rem;
    background-color: #0a4d3c;
    opacity: 0;
    transition: opacity .4s ease;
    z-index: 1
}
.gallery-slider__expand-icon {
    width: 2.4rem;
    height: 2.4rem;
    fill: #fff
}
.gallery-slider .lazy-image-wrapper {
    position: relative;
    height: 100%
}
.gallery-slider__photo-details {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    width: 51.5rem;
    height: 58rem;
    z-index: 5;
    margin-left: .8rem
}
.gallery-slider__counter {
    padding: 2rem 2.4rem;
    width: 100%;
    height: 9.4rem;
    background: #0a4d3c;
    margin-bottom: .8rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.gallery-slider__details {
    width: 100%;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #141414
}
.gallery-slider__details-top {
    width: 100%;
    -ms-flex: 1;
    flex: 1
}
.gallery-slider__details-bottom {
    width: 100%;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.gallery-slider__current {
    display: inline-block;
    font-size: 6.4rem;
    line-height: 5.4rem;
    letter-spacing: -.2rem;
    vertical-align: bottom;
    color: #fff;
    margin-right: 1rem
}
.gallery-slider__total {
    font-size: 2.4rem;
    line-height: 2.4rem;
    letter-spacing: -.1rem;
    color: hsla(0, 0%, 100%, .75)
}
.gallery-slider__info {
    width: 100%;
    color: #fff;
    padding: 2.6rem 2rem 2rem 2.4rem;
    border-top: .8rem solid transparent
}
.gallery-slider__photo-title {
    margin-bottom: 1.6rem;
    font-size: 2.8rem;
    line-height: 1.14;
    font-weight: 900;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.gallery-slider__photo-title--small {
    font-size: 2.4rem;
    line-height: 1.16
}
.gallery-slider__photo-summary {
    margin-bottom: 1.6rem;
    font-size: 1.7rem;
    line-height: 1.5;
    color: hsla(0, 0%, 100%, .8);
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400
}
.gallery-slider__photo-credit {
    font-size: 1.2rem;
    line-height: 1;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    font-weight: 900
}
.gallery-slider__credit-icon {
    margin-right: .5rem;
    width: 1.4rem;
    height: 1.2rem;
    fill: #fff
}
.gallery-slider__controls {
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem 0 2.4rem
}
.gallery-slider__nav {
    position: relative;
    padding: 1.3rem 1.5rem;
    height: 4.4rem;
    width: 4.4rem;
    background-color: hsla(0, 0%, 100%, .6);
    line-height: 11rem;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    cursor: pointer;
    transition: background .2s;
    z-index: 1000;
    overflow: hidden
}
.gallery-slider__nav--prev {
    margin-right: .8rem
}
.gallery-slider__nav--prev .gallery-slider__nav-icon {
    transform: rotate(180deg)
}
.gallery-slider__nav:focus .gallery-slider__nav-mask {
    opacity: 1
}
@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
    .gallery-slider__nav:focus .gallery-slider__nav-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:52.5em) {
    .gallery-slider__nav:hover .gallery-slider__nav-mask {
        opacity: 1
    }
    @supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
        .gallery-slider__nav:hover .gallery-slider__nav-mask {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
        }
    }
}
.gallery-slider__nav-icon {
    width: 1.4rem;
    height: 1.8rem
}
.gallery-slider__nav-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.3rem 1.5rem;
    background: #fff;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .gallery-slider__nav-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.gallery-slider__nav-mask svg {
    fill: #141414
}
.gallery-slider__thumbnails-container {
    position: relative;
    overflow: hidden
}
.gallery-slider__thumbnails-container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2.4rem;
    background-image: linear-gradient(270deg, #141414, hsla(0, 0%, 8%, 0));
    z-index: 5
}
.gallery-slider__thumbnails {
    font-size: 0;
    white-space: nowrap;
    margin: 2rem 1rem 2rem 2rem;
    transition: .2s;
    position: relative;
    left: 0;
    overflow: hidden;
    background-position: 100% 0;
    background-repeat: no-repeat;
    z-index: 5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.gallery-slider__thumbnails:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 70%;
    opacity: .5;
    z-index: -1
}
@media (max-width:64.0525em) {
    .gallery-slider__thumbnails {
        overflow: auto
    }
}
.gallery-slider__thumbnail {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    width: 15.7rem;
    height: 8.4rem;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
    font-size: 1.2rem;
    position: relative;
    opacity: .85;
    transition: opacity .25s
}
.gallery-slider__thumbnail img {
    display: block;
    width: 100%
}
.gallery-slider__thumbnail:focus {
    opacity: 1
}
@media (min-width:52.5em) {
    .gallery-slider__thumbnail:hover {
        opacity: 1
    }
}
@media (max-width:64.0525em) {
    .gallery-slider {
        padding: 4rem 2.4rem
    }
    .gallery-slider--snap-scroll .gallery-slider__slides-container {
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
    }
    .gallery-slider--snap-scroll .gallery-slider__slide {
        scroll-snap-align: center
    }
    .gallery-slider .wrapper {
        padding: 0
    }
    .gallery-slider .widget-header {
        margin-bottom: 1.6rem
    }
    .gallery-slider .widget-header__title {
        font-size: 2.4rem;
        line-height: 1;
        letter-spacing: -.02
    }
    .gallery-slider__content {
        display: block
    }
    .gallery-slider__content:before {
        top: -.8rem;
        left: .4rem;
        right: .4rem;
        bottom: auto;
        height: .8rem;
        background: #141414
    }
    .gallery-slider__content:after {
        content: none
    }
    .gallery-slider__slides-container {
        height: 40rem;
        overflow: auto;
        z-index: 1
    }
    .gallery-slider .lazy-image-wrapper {
        height: 40rem
    }
    .gallery-slider__photo-details {
        position: static;
        margin-left: 0;
        width: auto;
        height: auto
    }
    .gallery-slider__counter {
        margin: .8rem 0;
        padding: 1rem 1.2rem .6rem;
        width: auto;
        height: 4.8rem
    }
    .gallery-slider__current {
        font-size: 3.2rem;
        line-height: 3rem;
        margin-right: .2rem
    }
    .gallery-slider__total {
        font-size: 1.4rem;
        line-height: 1.4rem
    }
    .gallery-slider__info {
        padding: 1.6rem 2rem 2.4rem 1.6rem
    }
    .gallery-slider__photo-title {
        font-size: 2.8rem
    }
    .gallery-slider__photo-title--small {
        font-size: 2.4rem;
        line-height: 1.16
    }
    .gallery-slider__thumbnails-container {
        display: none
    }
    .gallery-slider__nav {
        position: absolute;
        top: 17.8rem;
        padding: 1.3rem .6rem;
        border-radius: 0;
        width: 3.4rem
    }
    .gallery-slider__nav--prev {
        left: 0;
        border-top-right-radius: 284px;
        border-bottom-right-radius: 284px
    }
    .gallery-slider__nav--next {
        right: 0;
        padding-left: 1.3rem;
        border-top-left-radius: 284px;
        border-bottom-left-radius: 284px
    }
}
@media (max-width:52.49em) {
    .gallery-slider__nav {
        background-color: #fff
    }
}
@media (max-width:39.99em) {
    .gallery-slider {
        padding: 2rem .8rem 1.6rem
    }
    .gallery-slider .widget-header {
        margin-bottom: 2.4rem
    }
    .gallery-slider .widget-footer {
        padding: 0
    }
    .gallery-slider .lazy-image-wrapper,
    .gallery-slider__slides-container {
        height: 23.4rem
    }
    .gallery-slider__info {
        padding: 1.6rem 1.2rem 2.4rem
    }
    .gallery-slider__photo-details {
        height: auto;
        min-height: 23rem
    }
    .gallery-slider__photo-title {
        font-size: 1.9rem;
        line-height: 1.11;
        margin-bottom: .8rem
    }
    .gallery-slider__photo-title--small {
        font-size: 1.9rem;
        line-height: 1.26
    }
    .gallery-slider__photo-summary {
        font-size: 1.3rem;
        line-height: 2.1rem
    }
    .gallery-slider__nav {
        top: 11.3rem;
        padding: 1.2rem .6rem;
        width: 3rem;
        height: 4rem
    }
    .gallery-slider__nav--next {
        padding-left: 1.2rem
    }
    .gallery-slider__nav-icon {
        width: 1.2rem;
        height: 1.6rem
    }
}
.gs-history-overview__bar {
    display: -ms-flexbox;
    display: flex
}
.gs-history-overview__bar:first-child {
    padding-left: 0
}
.gs-history-overview__bar:last-child {
    padding-right: 0
}
.gs-history-overview__item {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    background-color: #141414;
    box-shadow: 0 .1rem 1.2rem 0 hsla(0, 0%, 8%, .16);
    margin: 0 1.2rem;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative
}
.gs-history-overview__item:after {
    content: "";
    width: .1rem;
    margin-left: -.1rem;
    float: left;
    height: 0;
    padding-top: 93.93939%
}
.gs-history-overview__item:first-child {
    margin: 0 1.2rem 0 0
}
.gs-history-overview__item:last-child {
    margin: 0 0 0 1.2rem
}
.gs-history-overview__item--901 {
    background-color: #008fda
}
.gs-history-overview__item--903 {
    background-color: #e14901
}
.gs-history-overview__item--904 {
    background-color: #063
}
.gs-history-overview__item--905 {
    background-color: #01288d
}
.gs-history-overview__item-inner {
    width: 100%;
    padding: 3.2rem;
    text-align: center;
    position: relative;
    z-index: 20
}
.gs-history-overview__item-title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.9rem;
    line-height: 1.16;
    letter-spacing: -.127rem;
    margin: 0 auto 2rem;
    max-width: 12ch
}
.gs-history-overview__item-logo {
    height: 7rem;
    margin-bottom: 2rem
}
.gs-history-overview__item-logo img {
    margin: 0 auto;
    height: 7rem;
    width: auto
}
.gs-history-overview__item-total {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -.067rem;
    margin-bottom: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.gs-history-overview__item-key {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 3.2rem;
    line-height: .75;
    letter-spacing: normal;
    margin-right: .4rem
}
.gs-history-overview__item-key--large {
    font-size: 4.8rem
}
.gs-history-overview__item-tally {
    margin-bottom: 1.5rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: -.08rem
}
.gs-history-overview__item-tally-row:not(:last-child) {
    margin-bottom: .4rem
}
.gs-history-overview__item-tally-key {
    color: hsla(0, 0%, 100%, .8)
}
.gs-history-overview__item-years {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.27;
    letter-spacing: -.08rem;
    max-width: 16rem;
    margin: 0 auto
}
@media (max-width:81.24em) {
    .gs-history-overview__item {
        margin: 0 .6rem
    }
    .gs-history-overview__item:first-child {
        margin: 0 .6rem 0 0
    }
    .gs-history-overview__item:last-child {
        margin: 0 0 0 .6rem
    }
    .gs-history-overview__item-inner {
        padding: 1.2rem
    }
}
@media (min-width:52.5em) and (max-width:64.0525em) {
    .gs-history-overview__item-title {
        font-size: 1.6rem;
        margin: 0 auto 1rem
    }
    .gs-history-overview__item-total {
        margin-bottom: .6rem
    }
    .gs-history-overview__item-logo {
        height: 5rem;
        margin-bottom: 1rem
    }
    .gs-history-overview__item-logo img {
        height: 5rem
    }
    .gs-history-overview__item-tally {
        margin-bottom: 1rem
    }
}
@media (max-width:52.49em) {
    .gs-history-overview__bar {
        display: block
    }
    .gs-history-overview__bar:after,
    .gs-history-overview__bar:before {
        display: none
    }
    .gs-history-overview__item {
        margin: 0 0 .4rem
    }
    .gs-history-overview__item:after {
        display: none
    }
    .gs-history-overview__item:first-child,
    .gs-history-overview__item:last-child {
        margin: 0 0 .4rem
    }
    .gs-history-overview__item-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        padding: .8rem 1.2rem
    }
    .gs-history-overview__item-title {
        margin: 0 auto 0 0
    }
    .gs-history-overview__item-logo {
        height: 4rem;
        margin-bottom: 0;
        margin-right: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .gs-history-overview__item-logo img {
        margin: 0;
        height: 4rem;
        width: auto
    }
    .gs-history-overview__item-years {
        text-align: right;
        font-size: 1.2rem;
        line-height: 1.33;
        max-width: 13.5rem;
        margin: 0 .8rem
    }
    .gs-history-overview__item-tally {
        margin: 0 1.2rem
    }
    .gs-history-overview__item-total {
        -ms-flex-order: 1;
        order: 1;
        margin: 0
    }
    .gs-history-overview__item-key {
        font-size: 3.8rem;
        line-height: normal;
        margin-right: .6rem
    }
    .gs-history-overview__item-key--large {
        font-size: 3.8rem
    }
}
.gs-history-table__table {
    table-layout: fixed;
    width: 100%;
    text-align: center;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.08;
    letter-spacing: -.08rem;
    color: #5e5e5e
}
.gs-history-table__logo-row {
    background-color: #292929
}
.gs-history-table__logo {
    margin: .8rem auto;
    min-height: 3.2rem
}
.gs-history-table__logo img {
    margin: 0 auto
}
.gs-history-table__tally-row {
    background-color: #292929;
    color: #fff
}
.gs-history-table__tally-row td,
.gs-history-table__tally-row th {
    padding: 1rem 0;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    letter-spacing: -.07rem
}
.gs-history-table__row:nth-child(2n) {
    background-color: #fafafa
}
.gs-history-table__row td {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.3rem
}
.gs-history-table__row td:nth-child(2) .gs-history-table__cell--w {
    background-color: #008fda;
    color: #fff;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(2) .gs-history-table__cell--f {
    background-color: rgba(0, 143, 218, .6);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(2) .gs-history-table__cell--sf {
    background-color: rgba(0, 143, 218, .4);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(2) .gs-history-table__cell--qf {
    background-color: rgba(0, 143, 218, .2);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(3) .gs-history-table__cell--w {
    background-color: #e14901;
    color: #fff;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(3) .gs-history-table__cell--f {
    background-color: rgba(225, 73, 1, .6);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(3) .gs-history-table__cell--sf {
    background-color: rgba(225, 73, 1, .4);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(3) .gs-history-table__cell--qf {
    background-color: rgba(225, 73, 1, .2);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(4) .gs-history-table__cell--w {
    background-color: #063;
    color: #fff;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(4) .gs-history-table__cell--f {
    background-color: rgba(0, 102, 51, .6);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(4) .gs-history-table__cell--sf {
    background-color: rgba(0, 102, 51, .4);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(4) .gs-history-table__cell--qf {
    background-color: rgba(0, 102, 51, .2);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(5) .gs-history-table__cell--w {
    background-color: #01288d;
    color: #fff;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(5) .gs-history-table__cell--f {
    background-color: rgba(1, 40, 141, .6);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(5) .gs-history-table__cell--sf {
    background-color: rgba(1, 40, 141, .4);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__row td:nth-child(5) .gs-history-table__cell--qf {
    background-color: rgba(1, 40, 141, .2);
    color: #010101;
    font-size: 1.6rem
}
.gs-history-table__cell {
    width: 50%;
    max-width: 12rem;
    margin: 1rem auto;
    padding: .5rem
}
.gs-history-table__cell--blank {
    color: #9b9b9b
}
@media (max-width:52.49em) {
    .gs-history-table {
        padding-left: 0;
        padding-right: 0
    }
}
@media (max-width:39.99em) {
    .gs-history-table__tally-row th {
        font-size: 1rem
    }
    .gs-history-table__row th,
    .gs-history-table__tally-row td {
        font-size: 1.1rem
    }
    .gs-history-table__cell {
        width: 75%
    }
}
.gs-history-overview+.gs-history-table {
    margin-top: -6rem
}
@media (max-width:81.24em) {
    .gs-history-overview+.gs-history-table {
        margin-top: -2rem
    }
}
@media (max-width:39.99em) {
    .gs-history-overview+.gs-history-table {
        margin-top: -4rem
    }
}
.player-h2h-button {
    padding: .6rem;
    position: relative;
    z-index: 20
}
.player-h2h-button__button {
    background-color: #000;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    border: none;
    border-radius: 100%;
    color: #fff;
    font-size: 2.1rem;
    height: 5.7rem;
    letter-spacing: -.092rem;
    line-height: 2.4;
    position: relative;
    text-transform: uppercase;
    transition: transform .4s ease;
    width: 5.7rem;
    z-index: 10;
    padding: 0
}
.player-h2h-button__button:focus {
    transform: scale(1.05)
}
@media (min-width:52.5em) {
    .player-h2h-button__button:hover {
        transform: scale(1.05)
    }
}
.player-h2h-button__button:focus {
    outline: none
}
.player-h2h-button__button strong {
    color: #cde423;
    font-weight: 900
}
.player-h2h-button__icon {
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    height: 2.4rem;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: -.6rem;
    top: -.6rem;
    width: 2.4rem
}
.player-h2h-button__icon:before {
    content: "";
    background-color: #0a4d3c;
    border-radius: 100%;
    bottom: .1rem;
    left: .1rem;
    position: absolute;
    right: .1rem;
    top: .1rem
}
.player-h2h-button__icon .icon {
    height: 1rem;
    transform: rotate(45deg);
    width: 1rem;
    fill: #fff;
    border-radius: .1rem
}
.player-h2h {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}
.player-h2h .widget-footer,
.player-h2h .widget-header {
    padding: 0
}
.player-h2h .widget-header {
    margin: 2rem 0
}
.player-h2h__header {
    min-height: 38rem;
    margin: 0 auto .8rem;
    position: relative;
    width: 100%;
    max-width: 120rem
}
.player-h2h__header,
.player-h2h__vs {
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.player-h2h__vs {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.player-h2h__standalone-page {
    position: absolute;
    top: 4rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    left: 50%;
    transform: translate(-50%);
    z-index: 20
}
.player-h2h__matches-played {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 20
}
.player-h2h__matches-played-mob {
    margin: 0 0 2.5rem
}
.player-h2h__matches-won-meta {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.19;
    padding: 0 .4rem;
    text-transform: lowercase;
    margin-top: .4rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.player-h2h__matches,
.player-h2h__matches-won {
    color: hsla(0, 0%, 100%, .5);
    display: -ms-flexbox;
    display: flex;
    font-size: 4.8rem;
    font-weight: 900;
    line-height: 1;
    margin: .8rem 0 0 -.4rem;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-align: center;
    align-items: center
}
.player-h2h__matches-won:first-child .player-h2h__matches-number[data-content],
.player-h2h__matches:first-child .player-h2h__matches-number[data-content] {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
.player-h2h__matches-won:first-child .player-h2h__matches-number[data-content]:after,
.player-h2h__matches:first-child .player-h2h__matches-number[data-content]:after {
    margin-left: 0;
    margin-right: -1.6rem
}
.player-h2h__matches-won:first-child .player-h2h__matches-won-meta,
.player-h2h__matches:first-child .player-h2h__matches-won-meta {
    -ms-flex-align: end;
    align-items: flex-end
}
.player-h2h__matches-won:last-child .player-h2h__matches-number[data-content],
.player-h2h__matches:last-child .player-h2h__matches-number[data-content] {
    color: #141414
}
.player-h2h__matches-won:last-child .player-h2h__name,
.player-h2h__matches:last-child .player-h2h__name {
    text-align: right
}
.player-h2h__matches-won:last-child .player-h2h__matches-won-meta,
.player-h2h__matches:last-child .player-h2h__matches-won-meta {
    color: #141414
}
.player-h2h__matches-won {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 10rem
}
.player-h2h__matches-number[data-content] {
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    margin: -7.5rem 0 0;
    position: relative;
    font-size: 12rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: .75
}
.player-h2h__matches-number[data-content]:after {
    color: #fff;
    content: attr(data-content);
    display: none;
    font-size: 1.3rem;
    transform-origin: top;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .4rem;
    line-height: 1;
    margin-left: -1.6rem;
    padding-right: .6rem;
    text-transform: uppercase;
    transform: rotate(-90deg)
}
.player-h2h__matches-percentage {
    font-weight: 800;
    padding: 0
}
.player-h2h__matches-text {
    text-transform: capitalize
}
.player-h2h__players {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    position: relative;
    -ms-flex: 1;
    flex: 1
}
.player-h2h__player {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    background: #0a4d3c;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%
}
.player-h2h__player:last-of-type {
    background-color: #e6e6e6;
    margin-left: .8rem;
    width: calc(50% - .8rem)
}
.player-h2h__player:last-of-type .player-search__button:focus {
    background-color: #e6e6e6
}
@media (min-width:52.5em) {
    .player-h2h__player:last-of-type .player-search__button:hover {
        background-color: #e6e6e6
    }
}
.player-h2h__player:last-of-type .player-h2h__player-details {
    -ms-flex-item-align: end;
    align-self: flex-end
}
.player-h2h__player:last-of-type .player-h2h__meta {
    -ms-flex-align: end;
    align-items: flex-end
}
.player-h2h__player:last-of-type .player-h2h__change {
    -ms-flex-align: end;
    align-items: flex-end;
    left: -6rem
}
.player-h2h__player:last-of-type .player-h2h__nationality-meta {
    -ms-flex-pack: end;
    justify-content: flex-end
}
.player-h2h__player:last-of-type .player-h2h__name {
    text-align: right
}
.player-h2h__player-details {
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 30rem;
    margin-bottom: .8rem;
    padding: 2.4rem 4.8rem 8rem;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.player-h2h__player-details:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 100%
}
.player-h2h__headshot {
    position: absolute;
    top: 0;
    width: 100%;
    height: 85%
}
.player-h2h__headshot.has-placeholder:before {
    background-image: url(../images/player-placeholder-dark.svg)
}
.player-h2h__headshot.head-only {
    max-height: 20rem;
    max-width: 15rem;
    margin-top: 10%
}
.player-h2h__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #141414;
    position: relative;
    padding: 1.5rem 4.8rem;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}
.player-h2h__meta:before {
    content: "";
    background: #fff;
    width: 100%;
    height: .8rem;
    position: absolute;
    top: -.8rem;
    left: 0
}
.player-h2h__name {
    color: hsla(0, 0%, 100%, .8);
    font-size: 1.9rem;
    line-height: .84;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    position: relative
}
.player-h2h__last-name {
    color: #fff;
    display: block;
    font-size: 4.4rem;
    line-height: .73;
    letter-spacing: -.083rem;
    margin-top: .8rem
}
.player-h2h__details {
    margin: 1rem 0 0
}
.player-h2h__nationality-meta {
    margin: .5rem 0
}
.player-h2h__ranking-wrapper {
    min-height: 2.3rem
}
.player-h2h__nationality-meta,
.player-h2h__ranking-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}
.player-h2h__nationality-label,
.player-h2h__ranking-label {
    color: #fff
}
.player-h2h__nationality-label {
    font-size: 1.5rem;
    line-height: .73
}
.player-h2h__ranking-label {
    font-size: 1.9rem;
    letter-spacing: -.151rem;
    color: hsla(0, 0%, 100%, .8);
    font-weight: 900
}
.player-h2h__nationality-flag {
    margin-right: .5rem
}
.player-h2h__ranking-rank {
    color: #fff;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: 1;
    margin-left: 1rem
}
.player-h2h__change {
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .4rem;
    position: absolute;
    top: calc(100% - 4rem);
    left: calc(100% + 2rem);
    width: 4rem
}
.player-h2h__pie-chart {
    height: 17.6rem;
    margin: 0 5rem;
    position: relative;
    width: 17.6rem
}
.player-h2h__pie-chart.is-active .player-h2h__pie-chart__bg {
    stroke: #e6e6e6
}
.player-h2h__pie-chart__svg {
    display: block;
    height: 16rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg) scaleX(-1);
    z-index: 10!important;
    overflow: visible!important
}
.player-h2h__pie-chart__bg {
    stroke-width: 7;
    stroke: #525252
}
.player-h2h__pie-chart__filling {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
    stroke: #0a4d3c;
    stroke-width: 6;
    transition: all .5s ease
}
.player-h2h__pie-chart__value {
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.player-h2h__pie-chart__total {
    color: hsla(0, 0%, 100%, .5);
    font-size: 6.4rem;
    font-weight: 900;
    line-height: 1.13;
    margin-top: -.5rem
}
.player-h2h__pie-chart__total.is-active {
    color: #fff
}
.player-h2h__pie-chart__title {
    color: hsla(0, 0%, 100%, .8);
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -.04rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.player-h2h__pie-chart__border {
    stroke: #fff;
    stroke-width: 1.25
}
.player-h2h__recent-meetings {
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.4rem;
    border: .1rem solid #ececec
}
.player-h2h__recent-meetings .match-table {
    border-left: .1rem solid #ececec
}
.player-h2h__recent-meetings .match-table__row:nth-of-type(2) {
    border-bottom: none
}
.player-h2h__recent-meetings .match-table__player-cell {
    width: auto
}
.player-h2h__recent-meetings:last-child {
    margin-bottom: 0
}
.player-h2h__meeting-header {
    margin: .4rem 2rem;
    min-width: 16rem;
    text-align: left;
    -ms-flex: 1;
    flex: 1
}
.player-h2h__tournament,
.player-h2h__year {
    font-weight: 800;
    letter-spacing: -.075rem;
    line-height: 1.26;
    color: #141414
}
.player-h2h__year {
    color: #0a4d3c;
    font-size: 2.9rem
}
.player-h2h__tournament {
    font-size: 1.7rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}
.player-h2h__round {
    font-size: 1.3rem;
    font-weight: 600;
    color: #141414
}
.player-h2h--mc {
    background-color: #fff
}
.player-h2h--mc .player-h2h__header {
    background: none;
    display: block;
    min-height: auto;
    padding: 0
}
.player-h2h--mc .player-h2h__header:after,
.player-h2h--mc .player-h2h__header:before {
    display: none
}
.player-h2h--mc .player-h2h__matches-percentage {
    display: block;
    text-align: right
}
.player-h2h--mc .player-h2h__vs {
    position: relative;
    top: 0;
    left: 0;
    transform: none
}
.player-h2h--mc .player-h2h__matches-won {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0
}
.player-h2h--mc .player-h2h__matches-won:last-of-type {
    -ms-flex-align: start;
    align-items: flex-start
}
.player-h2h--mc .player-h2h__matches-won:last-of-type .player-h2h__matches-percentage,
.player-h2h--mc .player-h2h__matches-won:last-of-type .player-h2h__matches-text {
    text-align: left
}
.player-h2h--mc .player-h2h__matches-won:last-of-type .player-h2h__matches-number {
    background: #e6e6e6;
    color: #141414
}
.player-h2h--mc .player-h2h__matches-won:last-of-type.is-active .player-h2h__matches-won {
    background: #e6e6e6
}
.player-h2h--mc .player-h2h__matches-won:last-of-type.is-active .player-h2h__matches-number[data-content] {
    color: #141414
}
.player-h2h--mc .player-h2h__matches-number {
    background-color: #0a4d3c;
    color: #fff;
    min-width: 3.8rem;
    height: 3.8rem;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}
.player-h2h--mc .player-h2h__matches-number:after {
    display: none
}
.player-h2h--mc .player-h2h__matches-number[data-content] {
    font-size: 3.8rem;
    padding: 0;
    line-height: 1;
    display: -ms-flexbox;
    display: flex
}
.player-h2h--mc .player-h2h__matches-won-meta {
    padding: 0;
    color: #141414;
    font-weight: 500
}
.player-h2h--mc .player-h2h__matches-text {
    font-size: 1.2rem;
    text-align: right;
    display: block
}
.player-h2h--mc .player-h2h__title {
    text-align: center;
    margin: 2.4rem 0 .8rem
}
.player-h2h--mc .player-h2h__title strong {
    color: #0a4d3c;
    text-transform: uppercase
}
.player-h2h--mc .player-h2h__sponsor {
    display: block;
    text-align: center
}
.player-h2h--mc .player-h2h__pie-chart__bg {
    fill: #fff
}
.player-h2h--mc .player-h2h__pie-chart__title,
.player-h2h--mc .player-h2h__pie-chart__total {
    color: #141414;
    font-weight: 900
}
.player-h2h--mc .player-h2h__pie-chart__title {
    letter-spacing: .028rem
}
.player-h2h--mc .player-h2h__pie-chart__border {
    position: relative
}
.player-h2h--mc .mc-stats--h2h {
    background: none
}
.player-h2h .players-sticky-header {
    background: hsla(0, 0%, 7%, .9)
}
.player-h2h__button {
    z-index: 50;
    margin-top: 3rem;
    color: #000;
    background: #bbda16
}
.player-h2h--standalone .player-h2h__header {
    max-width: none;
    margin: .8rem;
    width: calc(100% - .8rem * 2)
}
@media (min-width:1200px) {
    .player-h2h--standalone .player-h2h__player .player-h2h__player-details {
        margin-left: calc((100vw - 120rem) / 2)
    }
    .player-h2h--standalone .player-h2h__player .player-h2h__meta {
        padding-left: calc(((100vw - 120rem) / 2) + 4.8rem)
    }
    .player-h2h--standalone .player-h2h__player:last-of-type .player-h2h__player-details {
        margin-right: calc((100vw - 120rem) / 2)
    }
    .player-h2h--standalone .player-h2h__player:last-of-type .player-h2h__meta {
        padding-right: calc(((100vw - 120rem) / 2) + 4.8rem)
    }
}
.player-h2h--embeddable {
    margin: 8rem 0
}
.player-h2h--embeddable .player-h2h__header {
    max-width: none
}
.player-h2h--embeddable .player-h2h__last-name {
    font-size: 2.8rem
}
.player-h2h--embeddable .player-h2h__button {
    z-index: 50;
    margin-top: 4rem;
    background: #0a4d3c;
    max-width: 25rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: #fff
}
.player-h2h--embeddable .player-h2h__button:focus {
    color: #0a4d3c;
    background: #fff
}
@media (min-width:52.5em) {
    .player-h2h--embeddable .player-h2h__button:hover {
        color: #0a4d3c;
        background: #fff
    }
}
@media (max-width:64.0525em) {
    .player-h2h--embeddable .player-h2h__vs:before {
        top: 35%
    }
    .player-h2h--embeddable .player-h2h__header:before {
        top: 15%
    }
    .player-h2h--embeddable .player-h2h__header:after {
        bottom: 30rem
    }
    .player-h2h--embeddable .player-h2h__button {
        margin-top: 1rem
    }
}
@media (max-width:52.49em) {
    .player-h2h--embeddable .player-h2h__header:after {
        bottom: 27rem
    }
    .player-h2h--embeddable .player-h2h__ranking-wrapper {
        min-height: 1.5rem
    }
    .player-h2h--embeddable .player-h2h__last-name {
        font-size: 2rem
    }
    .player-h2h--embeddable--embeddable .player-h2h__button {
        position: absolute;
        top: calc(100% + 10rem)
    }
}
@media (min-width:40em) {
    .player-h2h--mc .player-h2h__matches-played {
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .player-h2h--mc .player-h2h__vs {
        background-color: #fff;
        height: 21.4rem;
        margin: 3.2rem auto 0;
        max-width: 98rem
    }
    .player-h2h--mc .player-h2h__vs:before {
        font-size: 24rem;
        letter-spacing: -1.14rem;
        text-indent: -8rem
    }
    .player-h2h--mc .player-h2h__matches-won-meta {
        width: 6rem;
        margin-right: 1rem
    }
    .player-h2h--mc .player-h2h__matches-number {
        min-width: 8rem;
        height: 8rem;
        line-height: 1
    }
    .player-h2h--mc .player-h2h__matches-number[data-content] {
        font-size: 6.4rem
    }
    .player-h2h--mc .player-h2h__matches-percentage {
        font-size: 2.4rem;
        line-height: 1
    }
    .player-h2h--mc .player-h2h__matches-text {
        font-size: 1.5rem
    }
    .player-h2h--mc .player-h2h__matches-won:last-of-type .player-h2h__matches-won-meta {
        margin-left: 1rem
    }
    .player-h2h--mc .player-h2h__pie-chart {
        margin: 0 5rem
    }
    .player-h2h--mc .player-h2h__title {
        font-size: 3.4rem
    }
}
@media (max-width:81.24em) {
    .player-h2h__headshot.has-placeholder:before {
        bottom: -50%
    }
    .player-h2h__headshot.head-only {
        margin-top: 10%
    }
    .player-h2h__vs:before {
        font-size: 34rem
    }
}
@media (max-width:64.0525em) {
    .player-h2h__bg:before {
        left: -64rem
    }
    .player-h2h__player-details {
        padding: 2.4rem 4.8rem
    }
    .player-h2h__name {
        font-size: 1.8rem;
        font-weight: 500;
        letter-spacing: -.041rem;
        line-height: 1.6
    }
    .player-h2h__last-name {
        font-size: 3.2rem;
        font-weight: 800;
        letter-spacing: -.075rem;
        margin: 0
    }
    .player-h2h__matches,
    .player-h2h__matches-won {
        font-size: 3.6rem
    }
    .player-h2h__pie-chart {
        height: 16.4rem;
        margin: 0;
        width: 16.4rem
    }
    .player-h2h__pie-chart__svg {
        height: 11rem;
        width: 11rem
    }
    .player-h2h__pie-chart__total {
        font-size: 3.8rem
    }
    .player-h2h__pie-chart__title {
        font-size: 1.1rem;
        font-weight: 500;
        letter-spacing: -.138rem
    }
    .player-h2h__matches-number[data-content] {
        font-size: 7rem;
        display: block;
        margin: 0
    }
    .player-h2h--mc .player-h2h__pie-chart {
        height: 17.6rem;
        width: 17.6rem
    }
    .player-h2h--mc .player-h2h__pie-chart__total {
        font-size: 6.4rem
    }
    .player-h2h--mc .player-h2h__pie-chart__svg {
        height: 16rem;
        width: 16rem
    }
}
@media (max-width:52.49em) {
    .player-h2h .widget-header {
        margin: 1rem 0
    }
    .player-h2h__header {
        background: none;
        min-height: 45.4rem
    }
    .player-h2h__header:before {
        bottom: 18rem;
        font-size: 20.8rem;
        letter-spacing: -1.6rem;
        text-indent: -7rem
    }
    .player-h2h__header:after {
        bottom: 19.5rem;
        background-image: linear-gradient(180deg, hsla(0, 0%, 8%, 0) 75%, #181818)
    }
    .player-h2h__bg:before {
        left: -56rem
    }
    .player-h2h__vs {
        margin-top: 0;
        padding: 0 1.6rem
    }
    .player-h2h__matches-player {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: baseline;
        align-items: baseline
    }
    .player-h2h--embeddable .player-h2h__player {
        margin-top: 0
    }
    .player-h2h__player .player-search--h2h {
        margin-bottom: 1rem;
        margin-left: 1rem
    }
    .player-h2h__player:last-of-type .player-search--h2h {
        margin-left: 0;
        margin-right: 1rem
    }
    .player-h2h__player:last-of-type .player-h2h__matches-played-mob {
        text-align: right
    }
    .player-h2h__player:last-of-type .player-h2h__change {
        -ms-flex-align: center;
        align-items: center;
        left: calc(100% - 3.2rem)
    }
    .player-h2h__player:last-of-type .player-h2h__matches-won-meta {
        color: #fff
    }
    .player-h2h__headshot.head-only {
        max-height: 12rem
    }
    .player-h2h__meta {
        padding: 1.6rem 2rem 3.5rem;
        height: auto
    }
    .player-h2h__name {
        font-size: 1.3rem;
        position: static
    }
    .player-h2h__last-name {
        font-size: 2rem
    }
    .player-h2h__change {
        top: -4rem;
        left: .8rem;
        margin: 0;
        width: 2.4rem;
        height: 2.4rem;
        transform: none
    }
    .player-h2h__matches-played .player-h2h__matches-number,
    .player-h2h__matches-played .player-h2h__matches-won-meta {
        display: none
    }
    .player-h2h__matches-won {
        min-width: auto
    }
    .player-h2h__matches-won-meta {
        padding: 0
    }
    .player-h2h__ranking-label {
        font-size: 1.5rem;
        line-height: .87;
        letter-spacing: -.119rem
    }
    .player-h2h__meeting-header {
        margin: .4rem 1.4rem
    }
    .player-h2h--mc .player-h2h__matches-played .player-h2h__matches-won-meta {
        display: block
    }
    .player-h2h--mc .player-h2h__matches-played .player-h2h__matches-number {
        display: -ms-flexbox;
        display: flex
    }
}
@media (max-width:39.99em) {
    .player-h2h__header {
        background: none
    }
    .player-h2h__matches-percentage {
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 1.2rem;
        font-weight: 900;
        padding: 0
    }
    .player-h2h__matches-won {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 10rem
    }
    .player-h2h__matches-won:first-child .player-h2h__matches-number[data-content]:after {
        margin-right: -.8rem
    }
    .player-h2h__matches-won:first-of-type .player-h2h__matches-percentage.is-active {
        color: #0a4d3c
    }
    .player-h2h__matches-won:last-child {
        -ms-flex-align: end;
        align-items: flex-end
    }
    .player-h2h__meta {
        padding: 1.6rem .8rem 2rem
    }
    .player-h2h__name {
        max-width: 100%
    }
    .player-h2h__last-name,
    .player-h2h__name {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .player-h2h__matches-won-meta {
        padding: 0;
        position: relative;
        width: 100%
    }
    .player-h2h__matches-number[data-content] {
        margin: 0;
        font-size: 3.8rem
    }
    .player-h2h__recent-meetings {
        display: block
    }
    .player-h2h__recent-meetings .match-table {
        width: 100%;
        border-left: none;
        border-top: .1rem solid #ececec
    }
    .player-h2h__meeting-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin: .4rem .8rem .3rem
    }
    .player-h2h__tournament,
    .player-h2h__year {
        font-size: 1.3rem;
        margin-right: .6rem
    }
    .player-h2h__round {
        margin-left: auto;
        font-family: Ferry, Arial, Helvetica Neue, sans-serif;
        font-weight: 900;
        font-size: 1.1rem
    }
    .player-h2h__pie-chart__total {
        font-size: 3.8rem
    }
    .player-h2h__headshot.head-only {
        width: 50%;
        min-width: 9rem;
        margin-top: 7%
    }
    .player-h2h--mc .player-h2h__header:before {
        display: none
    }
    .player-h2h--mc .player-h2h__matches-won-meta {
        width: 2.8rem;
        margin-right: .5rem
    }
    .player-h2h--mc .player-h2h__matches-text {
        font-size: 1.2rem;
        line-height: 1
    }
    .player-h2h--mc .player-h2h__matches-won {
        margin: 0 2.5rem 0 0
    }
    .player-h2h--mc .player-h2h__matches-won:last-of-type {
        margin: 0 0 0 2.5rem
    }
    .player-h2h--mc .player-h2h__matches-won:last-of-type .player-h2h__matches-won-meta {
        margin-left: .5rem
    }
    .player-h2h--mc .player-h2h__pie-chart {
        height: 16.4rem;
        width: 16.4rem
    }
    .player-h2h--mc .player-h2h__pie-chart__total {
        font-size: 3.8rem
    }
    .player-h2h--mc .player-h2h__pie-chart__svg {
        height: 11rem;
        width: 11rem
    }
    .player-h2h--mc .player-h2h__vs {
        margin-top: 1.6rem
    }
}
@media (max-width:25.9275em) {
    .player-h2h--mc .player-h2h__matches-won {
        margin: 0 5rem 0 0
    }
    .player-h2h--mc .player-h2h__matches-won:last-of-type {
        margin: 0 0 0 5rem
    }
}
@media (max-width:23.115em) {
    .player-h2h__last-name {
        font-size: 1.8rem
    }
    .player-h2h__meeting-header {
        margin-left: .8rem
    }
    .player-h2h__pie-chart__total {
        font-size: 3.5rem
    }
    .player-h2h__pie-chart__svg {
        height: 9.5rem;
        width: 9.5rem
    }
}
.player-h2h-modal {
    display: none;
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    z-index: 100
}
.player-h2h-modal.is-active,
.player-h2h-modal__container {
    display: -ms-flexbox;
    display: flex
}
.player-h2h-modal__container {
    background-color: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 2.4rem 0;
    max-width: 121.7rem;
    max-height: calc(100vh - 4.8rem);
    position: relative;
    width: 100%
}
.player-h2h-modal__header {
    display: -ms-flexbox;
    display: flex;
    min-height: 4rem;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #141414
}
.player-h2h-modal__close {
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: none;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: -.076rem;
    padding: 1rem 3.2rem
}
.player-h2h-modal__close .icon {
    fill: #e6e6e6;
    height: 1.3rem;
    margin-left: .6rem;
    pointer-events: none;
    transform: rotate(90deg);
    width: 1.3rem
}
.player-h2h-modal__content-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-right: .8rem
}
.player-h2h-modal__content-holder::-webkit-scrollbar {
    width: .8rem
}
.player-h2h-modal__content-holder::-webkit-scrollbar-track {
    background-color: transparent
}
.player-h2h-modal__content-holder::-webkit-scrollbar-thumb {
    background-color: #0a4d3c
}
.player-h2h-modal .page-header {
    margin: .8rem 0 0 .8rem;
    width: calc(100% - .8rem)
}
.player-h2h-modal .player-h2h__header {
    margin: .8rem;
    padding-right: .8rem
}
.player-h2h-modal .mc-stats {
    margin: 0 .8rem;
    padding: 0
}
.player-h2h-modal .mc-stats__tab {
    padding: 0 .8rem 0 0
}
@media (max-width:52.49em) {
    .player-h2h-modal__container {
        margin: 0;
        max-height: none
    }
    .player-h2h-modal__close {
        font-size: 1.3rem;
        padding: 1rem 1.6rem
    }
    .player-h2h-modal__close .icon {
        fill: #fff;
        height: 1rem;
        transform: rotate(-90deg);
        width: 1rem
    }
}
.listbox {
    position: relative;
    z-index: 10;
    display: -ms-flexbox;
    display: flex
}
.listbox__label {
    display: block;
    position: absolute;
    z-index: 20;
    pointer-events: none;
    top: 1.6rem;
    left: 2.4rem;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: -.1rem;
    opacity: .9;
    transition: color .4s ease
}
.listbox:focus .listbox__label {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .listbox:hover .listbox__label {
        color: #0a4d3c
    }
}
.listbox__button {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    position: relative;
    width: 26rem;
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 1.6rem 5.2rem 1.6rem 2.4rem;
    transition: background .4s ease
}
.listbox__button:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .4rem;
    background: #0a4d3c;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease
}
.listbox__button:focus {
    background: #f5f5f5
}
.listbox__button:focus:before {
    transform: scale(1)
}
.listbox__button:focus .listbox__icon {
    fill: #0a4d3c
}
@media (min-width:52.5em) {
    .listbox__button:hover {
        background: #f5f5f5
    }
    .listbox__button:hover:before {
        transform: scale(1)
    }
    .listbox__button:hover .listbox__icon {
        fill: #0a4d3c
    }
}
.listbox__button-label {
    font-size: 2.1rem;
    line-height: 2.5rem;
    font-weight: 900;
    color: #212121;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1.2rem
}
.listbox__icon {
    position: absolute;
    top: 50%;
    right: 2.4rem;
    margin-top: -.6rem;
    width: 1.2rem;
    height: 1.2rem;
    transform: rotate(90deg);
    fill: gray;
    transition: fill .4s ease, transform .4s ease;
    z-index: 20
}
.listbox__list {
    max-height: 30rem;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    transform: scale(0);
    transform-origin: top center;
    background-color: #fff;
    border-top: none;
    visibility: hidden;
    transition: transform .2s ease;
    overflow: hidden;
    z-index: 25;
    box-shadow: 0 1.2rem 3.2rem 0 hsla(0, 0%, 8%, .24);
    width: 30rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: none
}
.listbox__list::-webkit-scrollbar {
    width: .4rem
}
.listbox__list::-webkit-scrollbar-track {
    background-color: #fff
}
.listbox__list::-webkit-scrollbar-thumb {
    background-color: #0a4d3c
}
.listbox__section-title {
    background: #faf8f7;
    padding: .4rem .8rem
}
.listbox__option,
.listbox__section-title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.3rem;
    color: #3d3d3d
}
.listbox__option {
    padding: .8rem;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.listbox__option:not(:last-child) {
    border-bottom: 1px solid #ececec
}
.listbox__option:focus {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .listbox__option:hover {
        color: #0a4d3c
    }
}
.listbox__option.is-focused {
    color: #0a0a0a;
    background: rgba(120, 20, 255, .2)
}
.listbox.is-active .listbox__list {
    transform: scale(1);
    visibility: visible
}
.listbox.is-active .listbox__button {
    background: #f5f5f5
}
.listbox.is-active .listbox__button:before {
    transform: scale(1)
}
.listbox.is-active .listbox__icon {
    fill: #0a4d3c;
    transform: rotate(-90deg)
}
.player-matches {
    transition: margin-bottom .25s
}
.player-matches.cls-padding {
    margin-bottom: 100vh
}
.player-matches__content {
    padding-bottom: 2rem
}
.player-matches__disclaimer {
    margin-top: 0;
    margin-bottom: 2rem
}
.player-matches__tournament {
    background-color: #fff
}
.player-matches__tournament:not(:last-child) {
    margin-bottom: 6.4rem
}
.player-matches__tournament-header {
    background-color: #e6e6e6;
    padding: 1.6rem;
    margin-bottom: 1.6rem
}
.player-matches__tournament-footer {
    padding: 0 4.2rem
}
.player-matches__tournament-title-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .4rem
}
.player-matches__tournament-level {
    margin-right: 1.7rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #0a4d3c;
    text-transform: uppercase
}
.player-matches__tournament-level-logo {
    fill: #0a4d3c;
    width: 10.6rem;
    height: 3.2rem
}
.player-matches__tournament-title {
    font-size: 2.8rem;
    letter-spacing: -.07rem;
    position: relative
}
.player-matches__tournament-title-link {
    text-decoration: none;
    color: #0a0a0a;
    transition: color .2s
}
.player-matches__tournament-title-link:focus {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .player-matches__tournament-title-link:hover {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.player-matches__tournament-locdate {
    font-size: 1.5rem;
    margin-bottom: .4rem
}
.player-matches__tournament-location {
    text-transform: uppercase;
    letter-spacing: .23rem;
    margin-right: 1rem
}
.player-matches__tournament-date {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #0a4d3c;
    white-space: nowrap;
    letter-spacing: -.08rem
}
.player-matches__tournament-meta {
    font-size: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.player-matches__tournament-meta-item {
    margin-right: 2rem;
    margin-bottom: .4rem
}
.player-matches__tournament-meta-label {
    font-weight: 600;
    color: #0a0a0a;
    opacity: .56
}
.player-matches__tournament-meta--alt .player-matches__tournament-meta-label,
.player-matches__tournament-meta-value {
    font-weight: 800
}
.player-matches__tournament-meta--alt .player-matches__tournament-meta-value {
    color: #0a4d3c
}
.player-matches__partner {
    text-decoration: none;
    position: relative;
    color: #0a0a0a;
    transition-duration: color .2s
}
.player-matches__partner:focus {
    text-decoration: underline;
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .player-matches__partner:hover {
        text-decoration: underline;
        color: #0a4d3c
    }
}
.player-matches__matches {
    margin-bottom: 1.6rem;
    padding: 0 3.2rem
}
.player-matches__matches-table {
    width: 100%
}
.player-matches__header-cell {
    font-size: 1.2rem;
    font-weight: 600;
    color: #5e5e5e;
    letter-spacing: -.04rem
}
.player-matches__header-cell--opponent,
.player-matches__header-cell--round {
    text-align: left
}
.player-matches__header-cell--round {
    width: 14rem;
    padding-left: 1rem
}
.player-matches__header-cell--opponent {
    padding-left: 4rem;
    width: auto
}
.player-matches__header-cell--opp-rank {
    width: 10%
}
.player-matches__header-tooltip {
    display: inline-block;
    border-bottom: 1px dotted #999;
    cursor: pointer;
    transition: color .3s ease;
    position: relative
}
.player-matches__header-tooltip--open {
    color: #0a4d3c
}
.player-matches__header-tooltip--open .player-matches__header-desc {
    visibility: visible;
    opacity: 1;
    color: #0a0a0a
}
.player-matches__header-desc {
    position: absolute;
    left: 50%;
    top: 2rem;
    padding: 1.6rem 1.2rem;
    width: 20rem;
    transform: translateX(-50%);
    background-color: #fff;
    text-align: left;
    box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .12);
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s ease;
    z-index: 10
}
.player-matches__match-cell {
    border-bottom: 1px solid #ececec;
    padding: 1.4rem 1rem;
    position: relative
}
.player-matches__match-cell--opp-rank,
.player-matches__match-cell--score,
.player-matches__match-cell--winloss {
    text-align: center
}
.player-matches__match-cell--opponent {
    padding-left: 4rem
}
.player-matches__match-cell--opp-rank {
    font-size: 1.5rem;
    font-weight: 600;
    color: #585858
}
.player-matches__match-cell--winloss {
    font-size: 1.6rem;
    font-weight: 800;
    color: #0a4d3c
}
.player-matches__match-cell--score {
    font-weight: 600;
    font-size: 1.5rem;
    color: gray;
    letter-spacing: -.08rem
}
.player-matches__match-cell--score .set-score-string {
    margin: 0 .25em;
    display: inline-block;
    white-space: nowrap
}
.player-matches__match-cell--score strong {
    color: #0a4d3c;
    padding-right: .1em
}
.player-matches__match-cell:not(:last-child):after {
    position: absolute;
    right: 0;
    top: 1.2rem;
    display: block;
    content: "";
    border-right: 1px solid #ececec;
    height: calc(100% - 2.4rem)
}
.player-matches__reason {
    display: inline-block;
    color: #fff;
    background-color: #0a4d3c;
    padding: .1rem .5rem;
    margin: .3rem .1rem;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 1.2rem;
    position: relative;
    top: -1px
}
.player-matches__match-round {
    font-size: 1.6rem;
    color: #0a4d3c;
    font-weight: 800
}
.player-matches__match-date {
    font-size: 1.2rem;
    font-weight: 600;
    color: #585858
}
.player-matches__match-opponent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.player-matches__match-opponent-link {
    text-decoration: none
}
.player-matches__match-opponent-name {
    position: relative;
    display: inline-block;
    letter-spacing: -.04rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 1.5
}
.player-matches__match-opponent-name:focus {
    text-decoration: underline;
    color: #0a4d3c
}
.player-matches__match-opponent-name:focus .player-matches__match-opponent-first,
.player-matches__match-opponent-name:focus .player-matches__match-opponent-last {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .player-matches__match-opponent-name:hover {
        text-decoration: underline;
        color: #0a4d3c
    }
    .player-matches__match-opponent-name:hover .player-matches__match-opponent-first,
    .player-matches__match-opponent-name:hover .player-matches__match-opponent-last {
        color: #0a4d3c
    }
}
.player-matches__match-opponent-first {
    color: #767676;
    transition: color .25s
}
.player-matches__match-opponent-last {
    color: #0a0a0a;
    margin-right: .4rem;
    transition: color .25s
}
.player-matches__match-opponent-seed,
.player-matches__match-opponent-type {
    font-size: 1.4rem;
    line-height: 1.71;
    color: #0a4d3c;
    margin-right: .6rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.player-matches__match-opponent-flag {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .6rem
}
.player-matches__match-opponent-flag img {
    display: inline-block;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .16);
    margin: 0 .4rem
}
.player-matches__match-opponent-country {
    font-size: 1.3rem;
    color: #767676;
    font-weight: 600;
    font-style: normal
}
.player-matches__match--doubles .player-matches__match-cell {
    padding-top: .8rem;
    padding-bottom: .9rem
}
.player-matches__match--doubles .player-matches__match-opponent-first,
.player-matches__match--doubles .player-matches__match-opponent-last {
    font-size: 1.6rem
}
.player-matches__match--divider .player-matches__match-cell {
    border-bottom: 1px solid #d0adff
}
.player-matches .mobile-filters__filter {
    background: #fff
}
.player-matches .tournament-year-dropdown__tick .icon {
    fill: #fff
}
.player-matches__more-button {
    margin: 2rem auto 0
}
@media (max-width:64.0525em) {
    .player-matches__disclaimer {
        margin-top: 2rem
    }
}
@media (max-width:52.49em) {
    .player-matches__filter-bar {
        border-top: none;
        margin-top: 0;
        padding-top: 0
    }
    .player-matches__disclaimer {
        margin-left: 1.2rem;
        margin-right: 1.2rem
    }
    .player-matches__header-cell {
        padding: 0 1rem
    }
    .player-matches__header-cell--opponent {
        padding-left: 1rem
    }
    .player-matches__match-cell--opponent {
        padding-left: 1.4rem
    }
    .player-matches__match-opponent-name {
        letter-spacing: -.023rem
    }
    .player-matches__match-opponent-first {
        font-size: 1.5rem
    }
    .player-matches__match-opponent-last {
        font-size: 1.6rem
    }
    .player-matches__match-opponent-seed,
    .player-matches__match-opponent-type {
        font-size: 1.1rem
    }
}
@media (max-width:39.99em) {
    .player-matches .wrapper {
        padding: 0
    }
    .player-matches__disclaimer {
        margin-bottom: 0
    }
    .player-matches__tournament {
        margin-bottom: 1.2rem;
        padding: 1rem 0 2rem;
        box-shadow: 0 8px 14px 0 rgba(0, 0, 0, .08)
    }
    .player-matches__tournament-header {
        border: none;
        padding: 1.2rem;
        margin-bottom: 1.6rem;
        border-bottom: 1px solid #ececec
    }
    .player-matches__tournament-footer {
        padding: 0 1.2rem
    }
    .player-matches__tournament-title-wrapper {
        margin-bottom: 0
    }
    .player-matches__tournament-level {
        width: 100%;
        margin-bottom: .8rem;
        font-size: 1.2rem
    }
    .player-matches__tournament-level-logo {
        width: 9.2rem;
        height: 2.8rem
    }
    .player-matches__tournament-title {
        font-size: 1.6rem;
        margin-bottom: .4rem
    }
    .player-matches__tournament-locdate {
        font-size: 1.2rem;
        margin-bottom: .4rem
    }
    .player-matches__tournament-date {
        margin-top: .4rem
    }
    .player-matches__tournament-meta {
        font-size: 1.2rem;
        letter-spacing: -.046rem
    }
    .player-matches__reason {
        font-size: 1rem;
        padding: .1rem .3rem
    }
    .player-matches__matches {
        padding: 0
    }
    .player-matches__matches--doubles .player-matches__header-cell--score {
        width: 14rem
    }
    .player-matches__header-cell {
        font-size: 1.1rem;
        letter-spacing: -.092rem
    }
    .player-matches__header-cell--round {
        text-align: center;
        width: 6rem
    }
    .player-matches__header-cell--opp-rank {
        padding: 0 .5rem
    }
    .player-matches__header-cell--winloss {
        width: 4.4rem
    }
    .player-matches__header-cell--score {
        max-width: 10rem
    }
    .player-matches__match-cell {
        padding: 1rem
    }
    .player-matches__match-cell--opp-rank,
    .player-matches__match-cell--score,
    .player-matches__match-cell--winloss {
        font-size: 1.3rem
    }
    .player-matches__match-cell--round {
        text-align: center
    }
    .player-matches__match-cell--opponent {
        padding-left: 1rem
    }
    .player-matches__match-cell:not(:last-child):after {
        position: absolute;
        right: 0;
        top: 1.2rem;
        display: block;
        content: "";
        border-right: 1px solid #ececec;
        height: calc(100% - 2.4rem)
    }
    .player-matches__match-round {
        font-size: 1.1rem
    }
    .player-matches__match-date {
        font-size: 1.2rem
    }
    .player-matches__match-opponent-first,
    .player-matches__match-opponent-last {
        font-size: 1.1rem
    }
    .player-matches__match-opponent-seed,
    .player-matches__match-opponent-type {
        font-size: .9rem
    }
    .player-matches__match--doubles .player-matches__match-opponent-first {
        font-size: 1.1rem
    }
    .player-matches__match--doubles .player-matches__match-opponent-last {
        font-size: 1.3rem
    }
}
@media (max-width:370px) {
    .player-matches__header-cell {
        padding: 0 .6rem
    }
    .player-matches__header-cell--round {
        text-align: center;
        width: 4rem
    }
    .player-matches__header-cell--winloss {
        width: 3.4rem
    }
    .player-matches__header-cell--score {
        width: 8rem
    }
    .player-matches__match-cell {
        padding: 1rem .6rem
    }
    .player-matches__match-cell--score {
        font-size: 1.1rem
    }
    .player-matches__reason {
        font-size: .9rem;
        padding: .1rem .3rem
    }
}
.current-coach {
    margin-top: 3.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.current-coach__title {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}
.current-coach__item {
    margin-bottom: .4rem
}
.current-coach__link {
    color: inherit;
    text-decoration: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: .4rem;
    background-color: #fff;
    overflow: hidden;
    border: .1rem solid #efefef;
    margin: .4rem .8rem 0 0;
    transition: border-color .4s ease
}
.current-coach__link:focus .current-coach__fname,
.current-coach__link:focus .current-coach__lname {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .current-coach__link:hover .current-coach__fname,
    .current-coach__link:hover .current-coach__lname {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.current-coach__picture {
    display: block;
    position: relative;
    height: 100%;
    width: 3.8rem
}
.current-coach__name {
    font-size: 1.8rem;
    line-height: 1.11;
    letter-spacing: -.036rem;
    padding: 1.2rem 1.6rem 1.2rem 1.2rem
}
.current-coach__fname {
    color: #767676
}
.current-coach__fname,
.current-coach__lname {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    transition: color .4s ease
}
.current-coach__lname {
    color: #000
}
.current-coach__since {
    display: block;
    margin-top: .4rem;
    color: #fff;
    font-size: 1.3rem
}
.current-coach__since,
.current-coach__since strong {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -.087rem
}
.name-pronunciation {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 3.8rem;
    margin-left: 1.6rem
}
.name-pronunciation__button {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom;
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    transition: background-color .4s ease
}
.name-pronunciation__button:focus {
    background-color: transparent
}
.name-pronunciation__button:focus .name-pronunciation__icon--play {
    opacity: 1
}
@media (min-width:52.5em) {
    .name-pronunciation__button:hover {
        background-color: transparent
    }
    .name-pronunciation__button:hover .name-pronunciation__icon--play {
        opacity: 1
    }
}
.name-pronunciation__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem;
    fill: #0a4d3c;
    z-index: 20;
    transition: opacity .1s ease
}
.name-pronunciation__icon--speaker {
    width: 2.6rem;
    height: 2rem
}
.name-pronunciation__icon--pause,
.name-pronunciation__icon--play {
    opacity: 0;
    fill: #fff
}
.name-pronunciation__icon--play {
    transform: translate(-45%, -50%)
}
.name-pronunciation__progress {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}
.name-pronunciation__progress-ring {
    transition: stroke-dashoffset .2s linear
}
.name-pronunciation.is-active .name-pronunciation__button {
    background-color: transparent
}
.name-pronunciation.is-active .name-pronunciation__icon--speaker {
    display: none
}
.name-pronunciation.is-active .name-pronunciation__icon--play {
    opacity: 1
}
.name-pronunciation.is-playing .name-pronunciation__icon--play {
    opacity: 0
}
.name-pronunciation.is-playing .name-pronunciation__icon--pause {
    opacity: 1
}
@media (max-width:1300px) {
    .name-pronunciation__button {
        width: 3.6rem;
        height: 3.6rem
    }
    .name-pronunciation__icon {
        width: 1.3rem;
        height: 1.3rem
    }
    .name-pronunciation__icon--speaker {
        width: 2.3rem;
        height: 1.8rem
    }
}
@media (max-width:52.49em) {
    .name-pronunciation {
        margin-left: 1rem
    }
}
.player-scores-overview__disclaimer {
    margin: 2rem 1.2rem 1rem
}
@media (max-width:39.99em) {
    .player-scores-overview__disclaimer {
        margin-left: .4rem;
        margin-right: .4rem
    }
}
.profile-header-headshot {
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}
.profile-header-headshot.full-body img {
    height: 170%
}
.profile-header-headshot.has-placeholder.full-body:before {
    height: 160%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: auto;
    right: auto
}
.profile-header-headshot.is-loaded.has-placeholder:before {
    display: none
}
.profile-header-headshot.head-only .profile-header-headshot__photo {
    left: 50%;
    top: calc(50% - 1.8rem);
    transform: translate(-50%, -50%);
    overflow: hidden;
    border: .8rem solid #fff
}
.profile-header-headshot.head-only .is-loaded .profile-header-headshot__photo {
    box-shadow: 0 .2rem 2.4rem 0 rgba(0, 0, 0, .16)
}
.profile-header-headshot.head-only--small .profile-header-headshot__photo {
    width: 15rem;
    height: 20rem
}
.profile-header-headshot.head-only--large .profile-header-headshot__photo {
    width: 27.6rem;
    height: 32rem
}
@media (max-width:81.24em) {
    .profile-header-headshot.has-placeholder:before {
        background-size: cover
    }
}
@media (max-width:52.49em) {
    .profile-header-headshot.full-body img {
        margin-left: 58%
    }
    .profile-header-headshot.head-only .profile-header-headshot__photo {
        left: 58%;
        top: 45%
    }
    .profile-header-headshot.head-only--large .profile-header-headshot__photo {
        width: 16.4rem;
        height: 21.9rem
    }
}
.profile-header-image-col {
    position: relative;
    width: calc(50% - .4rem);
    min-height: 30rem;
    margin-right: .4rem
}
.profile-header-image-col:before {
    height: 20rem;
    background-color: #0a4d3c
}
.profile-header-image-col:after,
.profile-header-image-col:before {
    content: "";
    position: absolute;
    left: calc(((100vw - (100% * 2)) / 2) - ((100vw - (100% * 2)) / 2) * 2);
    width: 50vw
}
.profile-header-image-col:after {
    bottom: 0;
    height: calc(100% - 20.8rem);
    background-color: #e6e6e6
}
.archived-player .profile-header-image-col:before {
    background-color: #424b5a
}
.profile-header-image-col__rank {
    top: 2.9rem;
    left: 4.8rem;
    position: absolute;
    z-index: 20;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.profile-header-image-col__rank-label {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.8rem;
    line-height: 1.11;
    letter-spacing: -.06rem;
    color: #fff;
    margin-bottom: .8rem
}
.profile-header-image-col__rank-pos {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 9.6rem;
    line-height: .83;
    color: #fff
}
.profile-header-image-col__ranking-bg {
    height: 100%
}
.profile-header-image-col__ranking-bg:after {
    content: ""
}
.profile-header-image-col__coach-headshot {
    position: absolute;
    width: 20.7rem;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border: .8rem solid #fff;
    z-index: 20
}
.profile-header-image-col__coach-headshot:before {
    content: "";
    display: block;
    padding-top: 115.94203%
}
.profile-header-image-col__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    bottom: 3.4rem;
    left: 4.8rem;
    z-index: 20
}
.profile-header-image-col__social-text {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: -.06rem;
    margin-bottom: 1.2rem;
    color: #141414
}
.profile-header-image-col__social-icon-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 1rem
}
.profile-header-image-col--coach .profile-header-image-col__social-icon-container {
    -ms-flex-pack: center;
    justify-content: center
}
.profile-header-image-col__social-link {
    position: relative;
    height: 2.4rem;
    margin-right: 2.6rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}
.profile-header-image-col__social-link:last-of-type {
    margin-right: 0
}
.profile-header-image-col__social-link:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    padding: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: background-color .4s ease
}
.profile-header-image-col__social-link:focus.profile-header-image-col__social-link--facebook:before {
    background-color: #117df2;
    fill: #fff
}
.profile-header-image-col__social-link:focus.profile-header-image-col__social-link--instagram:before {
    background-color: #e95950;
    fill: #fff
}
.profile-header-image-col__social-link:focus.profile-header-image-col__social-link--twitter:before {
    background-color: #55acee;
    fill: #fff
}
@media (min-width:52.5em) {
    .profile-header-image-col__social-link:hover.profile-header-image-col__social-link--facebook:before {
        background-color: #117df2;
        fill: #fff
    }
    .profile-header-image-col__social-link:hover.profile-header-image-col__social-link--instagram:before {
        background-color: #e95950;
        fill: #fff
    }
    .profile-header-image-col__social-link:hover.profile-header-image-col__social-link--twitter:before {
        background-color: #55acee;
        fill: #fff
    }
}
.profile-header-image-col__social-icon {
    position: relative;
    height: 2.4rem;
    fill: #141414
}
.profile-header-image-col__h2h-holder {
    position: absolute;
    bottom: 2rem;
    right: 3.1rem
}
@media (min-width:40em) and (max-width:81.24em) {
    .profile-header-image-col .profile-header-image-col__rank {
        top: unset
    }
    .profile-header-image-col .profile-header-image-col__rank-label {
        margin-bottom: .4rem
    }
    .profile-header-image-col .profile-header-image-col__rank-label,
    .profile-header-image-col .profile-header-image-col__rank-pos {
        color: #0a4d3c
    }
    .profile-header-image-col .profile-header-image-col__rank~.profile-header-toggle {
        top: unset;
        bottom: 1.6rem
    }
    .profile-header-image-col .profile-header-image-col__h2h-holder {
        bottom: 1rem;
        right: 1.6rem
    }
    .profile-header-image-col__social {
        top: 1.6rem;
        bottom: unset
    }
    .profile-header-image-col__social-text {
        color: #fff
    }
    .profile-header-image-col__social-icon-container {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .profile-header-image-col__social-link {
        margin: 0 0 2.1rem;
        height: 2rem;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .profile-header-image-col__social-link:before {
        padding: 1.6rem
    }
    .profile-header-image-col__social-icon {
        height: 2rem
    }
}
@media (max-width:64.0525em) {
    .profile-header-image-col__coach-headshot {
        top: 50%
    }
}
@media (min-width:52.5em) and (max-width:81.24em) {
    .profile-header-image-col__rank {
        top: 2rem;
        bottom: 4.8rem
    }
    .profile-header-image-col__rank,
    .profile-header-image-col__social {
        left: -.8rem
    }
}
@media (max-width:52.49em) {
    .profile-header-image-col:before {
        height: calc(40% - .4rem)
    }
    .profile-header-image-col:after {
        height: calc(60% - .4rem)
    }
    .profile-header-image-col__rank {
        top: 1.6rem;
        left: 1.6rem;
        bottom: 4.2rem
    }
    .profile-header-image-col__rank-label {
        font-size: 1.5rem
    }
    .profile-header-image-col__rank-pos {
        font-size: 8.2rem
    }
    .profile-header-image-col__h2h-holder {
        bottom: 1rem;
        right: 1rem
    }
    .profile-header-image-col__social {
        left: 1.6rem;
        bottom: 2.4rem
    }
    .profile-header-image-col__social-text {
        display: none
    }
}
@media (max-width:39.99em) {
    .profile-header-image-col {
        width: 100%;
        height: 30rem;
        margin: 0 0 .8rem
    }
    .profile-header-image-col:after,
    .profile-header-image-col:before {
        left: 0;
        width: 100vw;
        height: calc(50% - .4rem)
    }
    .profile-header-image-col__rank {
        top: 1.6rem;
        left: 1.6rem
    }
    .profile-header-image-col__rank-label {
        font-size: 1.2rem;
        letter-spacing: -.04rem
    }
    .profile-header-image-col__rank-pos {
        font-size: 6.7rem;
        line-height: .84
    }
    .profile-header-image-col--coach {
        height: 26.5rem;
        min-height: 26.5rem
    }
    .profile-header-image-col--coach:before {
        height: calc(35% - .4rem)
    }
    .profile-header-image-col--coach:after {
        height: calc(65% - .4rem)
    }
    .profile-header-image-col--coach .profile-header-image-col__social {
        bottom: 2rem;
        width: 100%;
        left: 0
    }
    .profile-header-image-col--coach .profile-header-image-col__social+.profile-header-image-col__coach-headshot {
        top: 1.2rem;
        transform: translate(-50%)
    }
    .profile-header-image-col--coach .profile-header-image-col__social-icon-container {
        margin: 0
    }
    .profile-header-image-col__coach-headshot {
        width: 16.2rem;
        height: 18.9rem
    }
}
.profile-header-info {
    background-color: #0a4d3c;
    padding: 6.3rem 4.8rem;
    width: calc(50% - .4rem);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin-left: .4rem
}
.archived-player .profile-header-info {
    background-color: #424b5a
}
.profile-header-info:after {
    content: "";
    background-color: #0a4d3c;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50vw;
    z-index: -1
}
.archived-player .profile-header-info:after {
    background-color: #424b5a
}
.profile-header-info__inner {
    position: relative
}
.profile-header-info__archived {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1rem
}
@media (min-width:1025px) {
    .profile-header-info__archived {
        margin-bottom: 0;
        font-size: 1.2rem;
        position: absolute;
        top: -3.5rem;
        left: 0
    }
}
.profile-header-info__firstname,
.profile-header-info__surname {
    display: block
}
.profile-header-info__firstname {
    font-size: 3.2rem;
    letter-spacing: -.01rem
}
.profile-header-info__firstname,
.profile-header-info__surname {
    color: #fff;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: 1
}
.profile-header-info__surname {
    font-size: 5.2rem;
    letter-spacing: -.13rem;
    padding-bottom: 2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.profile-header-info__surname--top-court-icon {
    margin-left: 1rem;
    height: 4rem
}
.profile-header-info .profile-header-info__surname--top-court-icon--full-width {
    display: none
}
@media (min-width:1025px) {
    .profile-header-info .top-court {
        position: relative;
        width: 3rem;
        transition: width .3s;
        overflow: hidden
    }
    .profile-header-info .top-court .profile-header-info__surname--top-court-icon--short {
        transition: opacity .3s;
        opacity: 1
    }
    .profile-header-info .top-court .profile-header-info__surname--top-court-icon--full-width {
        display: block;
        position: absolute;
        top: 50%;
        right: 100%;
        transform: translateY(-50%);
        width: auto;
        height: 5rem;
        transition: all .3s;
        opacity: 0
    }
    .profile-header-info .top-court:hover {
        width: 20rem
    }
    .profile-header-info .top-court:hover .profile-header-info__surname--top-court-icon--short {
        opacity: 0
    }
    .profile-header-info .top-court:hover .profile-header-info__surname--top-court-icon--full-width {
        margin-left: 1rem;
        opacity: 1;
        right: 0
    }
}
.profile-header-info__surname--smaller {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}
.profile-header-info__surname--smaller .top-court {
    width: 2rem
}
.profile-header-info__surname--smaller .top-court .profile-header-info__surname--top-court-icon {
    margin-left: 0
}
.profile-header-info__surname--smaller .top-court:hover {
    width: 19rem
}
.profile-header-info__surname--smaller .profile-header-info__top-court-icon {
    margin-left: 0
}
.profile-header-info__nationality {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}
.profile-header-info__nationalityFlag {
    height: 4rem;
    width: 5.3rem;
    display: inline-block;
    box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, .32)
}
.profile-header-info__nationalityCode {
    display: inline-block;
    color: #fff;
    font-size: 1.9rem;
    opacity: .8;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .02rem;
    padding-left: 1.2rem;
    text-transform: uppercase
}
.profile-header-info__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 1.6rem
}
.profile-header-info__social-text {
    display: none
}
.profile-header-info__social-link {
    height: 2rem;
    margin-right: 2rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}
.profile-header-info__social-icon {
    height: 2rem;
    fill: #fff
}
.profile-header-info__details {
    margin-top: 3.2rem;
    display: -ms-flexbox;
    display: flex
}
.profile-header-info__details--coaching {
    margin-top: 2.4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.profile-header-info__details--coaching .profile-header-info_details-col {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 2rem
}
.profile-header-info__details--coaching .profile-header-info__detail-title {
    margin-bottom: .8rem
}
.profile-header-info__details-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 3rem
}
.profile-header-info__details-col--align-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.profile-header-info__details-col--align-bottom .profile-header-info__detail:last-child {
    margin-top: auto
}
.profile-header-info__details-col:last-of-type {
    margin-right: 0
}
.profile-header-info__detail {
    display: block
}
.profile-header-info__detail:not(:last-child) {
    margin-bottom: 2rem
}
.profile-header-info__detail-height {
    white-space: nowrap
}
.profile-header-info__detail-title {
    color: #fff;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.9rem;
    letter-spacing: -.13rem;
    line-height: .9;
    margin-bottom: .8rem
}
.profile-header-info__detail-stat {
    color: #fff;
    font-size: 3.2rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: -.125rem;
    margin-bottom: .5rem;
    line-height: 1
}
.profile-header-info__detail-stat--small {
    color: #fff;
    font-size: 1.3rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    letter-spacing: -.087rem;
    line-height: 1.06
}
.profile-header-info__icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
@media (min-width:81.25em) {
    .profile-header-info {
        min-height: 50rem
    }
}
@media (min-width:40em) and (max-width:81.24em) {
    .profile-header-info {
        min-height: 40rem
    }
}
@media (max-width:81.24em) {
    .profile-header-info {
        padding: 3.2rem 0 4.5rem 2.4rem
    }
    .profile-header-info__top-court-icon {
        height: 3rem
    }
    .profile-header-info__surname {
        font-size: 4.2rem
    }
    .profile-header-info__surname--smaller {
        font-size: 3.5rem
    }
}
@media (max-width:1025px) {
    .profile-header-info__surname--smaller {
        font-size: 3rem
    }
}
@media (max-width:52.49em) {
    .profile-header-info {
        padding: 1.6rem 1.6rem 2.4rem
    }
    .profile-header-info__firstname {
        font-size: 1.9rem;
        line-height: 1.2;
        letter-spacing: -.059rem
    }
    .profile-header-info__surname {
        font-size: 3.2rem;
        line-height: 1;
        letter-spacing: -.119rem;
        padding-bottom: .8rem
    }
    .profile-header-info__surname--smaller {
        font-size: 2.6rem;
        margin-bottom: .8rem
    }
    .profile-header-info__nationalityFlag {
        height: 2rem;
        width: 2.7rem
    }
    .profile-header-info__nationalityCode {
        font-size: 1.3rem;
        padding-left: .6rem
    }
    .profile-header-info-title {
        font-size: 1.5rem;
        letter-spacing: -.1rem;
        opacity: 1
    }
    .profile-header-info__detail {
        margin-right: 0
    }
    .profile-header-info__detail-title {
        margin-bottom: .5rem
    }
    .profile-header-info__detail-stat {
        font-size: 2.4rem;
        line-height: .94;
        letter-spacing: -.02rem;
        opacity: 1;
        margin-bottom: .2rem
    }
    .profile-header-info__detail-stat--small {
        opacity: .6;
        font-size: 1.3rem;
        letter-spacing: -.041rem;
        line-height: 1.1
    }
    .profile-header-info__detail:not(:last-child) {
        margin-bottom: 1.6rem
    }
    .profile-header-info__details {
        margin-top: 2.6rem
    }
    .profile-header-info__details--coaching {
        margin-top: 2rem
    }
    .profile-header-info__details--coaching .profile-header-info_details-col {
        margin-bottom: 1.6rem
    }
    .profile-header-info__details-col:not(:last-child) {
        margin-right: 2.4rem
    }
}
@media (max-width:640px) {
    .profile-header-info {
        width: 100%;
        margin-left: 0
    }
    .profile-header-info__surname--smaller {
        font-size: 3.2rem
    }
}
@media (max-width:415px) {
    .profile-header-info__surname--smaller {
        font-size: 2.4rem
    }
}
.profile-header-menu {
    width: 100vw
}
.profile-header-menu .tabs__nav {
    max-width: none
}
@media (max-width:81.24em) {
    .profile-header-menu .tabs__list li {
        padding: 1.2rem .8rem
    }
    .profile-header-menu .tabs__list li,
    .profile-header-menu .tabs__list li .tabs__link {
        font-size: 1.8rem;
        line-height: 1.26
    }
    .profile-header-menu .tabs__list[data-link-mode=true] li {
        padding: 0
    }
    .profile-header-menu .tabs__list[data-link-mode=true] .tabs__link {
        padding: 1.2rem .8rem
    }
    .profile-header-menu .tabs__list[data-link-mode=true] .tabs__link--highlight {
        padding: .4rem .8rem;
        margin: .8rem
    }
}
.profile-header-stats {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .8rem
}
.profile-header-stats__section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-top: 2rem
}
.profile-header-stats__section:nth-child(2) {
    border-left: 2px solid #f1f1f1
}
.profile-header-stats__item {
    text-align: center;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}
.profile-header-stats__context {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -.041rem;
    font-size: 1.3rem;
    opacity: .5;
    margin-top: .5rem
}
.profile-header-stats__title {
    font-size: 1.9rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    letter-spacing: -.127rem;
    line-height: .89;
    margin-bottom: .8rem;
    white-space: nowrap;
    padding: 0 .6rem
}
.profile-header-stats__value {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #0a4d3c;
    font-size: 2.4rem;
    line-height: 1;
    white-space: nowrap
}
.profile-header-stats__value.not-visible {
    visibility: hidden;
    height: 2.9rem;
    margin-top: -2.9rem
}
@media (max-width:89.99em) {
    .profile-header-stats {
        margin-top: .4rem
    }
    .profile-header-stats__title {
        font-size: 1.6rem
    }
    .profile-header-stats__value {
        font-size: 2.2rem
    }
}
@media (max-width:64.0525em) {
    .profile-header-stats {
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .profile-header-stats__section {
        padding: 1.6rem 0;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
    .profile-header-stats__section:first-of-type {
        border-bottom: 1px solid #f1f1f1
    }
}
@media (min-width:40em) {
    .profile-header-stats__item {
        padding: 0 .6rem
    }
}
@media (max-width:39.99em) {
    .profile-header-stats {
        padding: 0
    }
    .profile-header-stats__section {
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 100%;
        padding: 0
    }
    .profile-header-stats__section:nth-child(2) {
        border-top: 2px solid #0a4d3c
    }
    .profile-header-stats__item {
        min-height: 5.6rem;
        border-bottom: 1px solid #f2f2f2;
        position: relative;
        margin: 0 1.6rem 0 1.4rem
    }
    .profile-header-stats__title {
        font-size: 1.5rem;
        text-align: left;
        letter-spacing: -.107rem;
        margin-bottom: 0;
        position: absolute;
        top: 2.1rem
    }
    .profile-header-stats__context {
        display: none
    }
    .profile-header-stats__value {
        font-size: 2.4rem;
        text-align: right;
        letter-spacing: -.06rem;
        top: 1.6rem;
        right: 0;
        position: absolute
    }
}
.profile-header-toggle {
    top: 13.8rem;
    left: 4.8rem;
    position: absolute;
    z-index: 20;
    cursor: pointer
}
.profile-header-toggle--norank {
    top: 2.7rem
}
.profile-header-toggle__input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}
.profile-header-toggle__input:checked~.profile-header-toggle__label .profile-header-toggle__switch-selector--left {
    color: #0a4d3c;
    background-color: #fff
}
.profile-header-toggle__input:checked~.profile-header-toggle__label .profile-header-toggle__switch-selector--right,
.profile-header-toggle__input:not(:checked)~.profile-header-toggle__label .profile-header-toggle__switch-selector--left {
    cursor: pointer
}
.profile-header-toggle__input:not(:checked)~.profile-header-toggle__label .profile-header-toggle__switch-selector--right {
    color: #0a4d3c;
    background-color: #fff
}
.profile-header-toggle__label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem
}
.profile-header-toggle__switch {
    position: relative;
    transition: background-color .3s cubic-bezier(0, 1, .5, 1);
    color: #eee;
    height: 2.6rem;
    -ms-flex: 0 0 12.8rem;
    flex: 0 0 12.8rem;
    margin-top: .6rem;
    border: .1rem solid #fff;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex
}
.profile-header-toggle__switch-selector {
    background-color: #0a4d3c;
    color: #fff;
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1rem;
    transition: color .25s, background-color .25s
}
.profile-header-toggle__switch-selector:focus {
    background-color: hsla(0, 0%, 100%, .8);
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .profile-header-toggle__switch-selector:hover {
        background-color: hsla(0, 0%, 100%, .8);
        color: #0a4d3c
    }
}
@media (min-width:52.5em) and (max-width:81.24em) {
    .profile-header-toggle {
        top: 12.7rem;
        left: -.8rem
    }
    .profile-header-toggle--norank {
        top: 1.6rem
    }
    .profile-header-toggle__switch-selector:focus {
        background-color: #f0eae7;
        color: #0a4d3c
    }
}
@media (min-width:52.5em) and (max-width:81.24em) and (min-width:52.5em) {
    .profile-header-toggle__switch-selector:hover {
        background-color: #f0eae7;
        color: #0a4d3c
    }
}
@media (min-width:40em) and (max-width:81.24em) {
    .profile-header-toggle__switch {
        border: .1rem solid #0a4d3c
    }
}
@media (max-width:52.49em) {
    .profile-header-toggle {
        top: 9.5rem;
        left: 1.6rem
    }
    .profile-header-toggle__switch {
        -ms-flex: 0 0 10.4rem;
        flex: 0 0 10.4rem;
        height: 2rem
    }
    .profile-header-toggle__switch-selector {
        padding: 0 .5rem;
        font-size: 1.2rem
    }
}
.profile-header {
    margin: .8rem;
    position: relative
}
.profile-header:after,
.profile-header:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    width: .8rem;
    background-color: #fff;
    z-index: 10
}
.profile-header:before {
    left: 0;
    transform: translateX(-100%)
}
.profile-header:after {
    right: 0;
    transform: translateX(100%)
}
.profile-header+.page-header-menu {
    margin-top: 0
}
.profile-header__top-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 0
}
@media (max-width:52.49em) {
    .profile-header__top-section {
        padding: 0
    }
}
.player-ranking-history__chart {
    position: relative
}
.player-ranking-history__chart-content {
    margin: 3.2rem auto
}
.player-ranking-history__chart-canvas-container {
    width: 100%
}
.player-ranking-history__chart-btn {
    position: absolute;
    top: calc(50% - 7.2rem);
    background: #fff;
    border-radius: 100%;
    border: 0;
    width: 4.4rem;
    height: 4.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .8
}
.player-ranking-history__chart-btn:not(.is-disabled):focus {
    opacity: 1
}
@media (min-width:52.5em) {
    .player-ranking-history__chart-btn:not(.is-disabled):hover {
        opacity: 1
    }
}
.player-ranking-history__chart-btn--prev {
    left: 8.4rem
}
.player-ranking-history__chart-btn--prev .icon {
    transform: rotate(180deg)
}
.player-ranking-history__chart-btn--next {
    right: 4rem
}
.player-ranking-history__chart-btn.is-disabled {
    opacity: .2;
    pointer-events: none
}
.player-ranking-history__chart-tooltip {
    opacity: 1;
    position: absolute;
    transition: all .1s ease;
    pointer-events: none;
    transform: translate(-50%);
    min-width: 15.7rem;
    margin-top: 1.2rem;
    z-index: 20
}
.player-ranking-history__chart-tooltip-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.4rem 1.2rem 2rem;
    background: #fff
}
.player-ranking-history__chart-tooltip-content:first-child:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.player-ranking-history__chart-tooltip-content:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.player-ranking-history__chart-tooltip-content:first-child:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -1rem;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}
.player-ranking-history__chart-tooltip-content--alt {
    background: #0a4d3c;
    color: #fff
}
.player-ranking-history__chart-tooltip-content--alt .player-ranking-history__chart-tooltip-date,
.player-ranking-history__chart-tooltip-content--alt .player-ranking-history__chart-tooltip-rank,
.player-ranking-history__chart-tooltip-content--alt .player-ranking-history__chart-tooltip-title {
    color: #fff
}
.player-ranking-history__chart-tooltip-content--alt:first-child:before {
    border-bottom: 10px solid #0a4d3c
}
.player-ranking-history__chart-tooltip-title {
    font-size: 1.3rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #3a3a3a;
    letter-spacing: -.08rem
}
.player-ranking-history__chart-tooltip-rank {
    font-size: 4.8rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #141414;
    line-height: 1.3
}
.player-ranking-history__chart-tooltip-date {
    font-size: 1.3rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #3a3a3a;
    letter-spacing: -.08rem
}
.player-ranking-history__chart-tooltip--right .player-ranking-history__chart-tooltip-content {
    border-top-right-radius: 0
}
.player-ranking-history__chart-tooltip--right .player-ranking-history__chart-tooltip-content:before {
    right: 0;
    left: auto;
    border-right: none
}
.player-ranking-history__chart-tooltip--left .player-ranking-history__chart-tooltip-content {
    border-top-left-radius: 0
}
.player-ranking-history__chart-tooltip--left .player-ranking-history__chart-tooltip-content:before {
    left: 0;
    border-left: none;
    margin-left: 0
}
.player-ranking-history__keys-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -7.2rem;
    right: 5.4rem;
    font-size: 1.3rem
}
.player-ranking-history__keys-label {
    color: #a3a3a3;
    font-weight: 800
}
.player-ranking-history__keys-item {
    background: #3d3d3d;
    border-radius: 1.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1rem;
    height: 2.4rem;
    color: hsla(0, 0%, 100%, .5);
    padding: .2rem 1rem .2rem .2rem;
    font-weight: 600;
    letter-spacing: -.069rem;
    cursor: pointer
}
.player-ranking-history__keys-item-icon {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background: hsla(0, 0%, 98%, .2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .4rem
}
.player-ranking-history__keys-item-icon .icon {
    display: none;
    width: .99rem;
    height: .8rem
}
.player-ranking-history__keys-item.is-active .icon {
    display: block
}
.player-ranking-history__keys-item--toprank.is-active {
    background: #0a4d3c;
    color: #fff
}
.player-ranking-history__keys-item--toprank.is-active .icon {
    fill: #fff
}
.player-ranking-history__keys-item--toprank.is-active .player-ranking-history__keys-item-icon {
    background: #6a00fa
}
.player-ranking-history__keys-item--yearend.is-active {
    background: #fff;
    color: #141414
}
.player-ranking-history__keys-item--yearend.is-active .player-ranking-history__keys-item-icon {
    background: #f2f2f2
}
.player-ranking-history__chart-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none
}
.player-ranking-history__chart-loader .loader__spinner:after,
.player-ranking-history__chart-loader .loader__spinner:before {
    background-color: #222
}
.player-ranking-history__chart.is-loading .player-ranking-history__chart-canvas-container:before {
    content: "";
    padding-top: 41.49378%;
    display: block
}
.player-ranking-history__chart.is-loading .player-ranking-history__chart-canvas-container canvas {
    display: none!important
}
.player-ranking-history__chart.is-loading .player-ranking-history__chart-loader {
    opacity: 1
}
.player-ranking-history__chart.is-loading .player-ranking-history__chart-btn-wrapper {
    display: none
}
.player-ranking-history__chart-error {
    color: #fff
}
.player-ranking-history__chart-year-display {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #fff
}
@media (max-width:64.0525em) {
    .player-ranking-history__chart-btn-wrapper {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
    .player-ranking-history__chart-btn {
        position: relative;
        top: auto;
        left: auto;
        right: auto
    }
}
@media (max-width:52.49em) {
    .player-ranking-history__keys-container {
        top: -6.8rem;
        right: 0;
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
    @supports (padding:max(1.2rem)) {
        .player-ranking-history__keys-container {
            padding-left: max(1.2rem, env(safe-area-inset-left));
            padding-right: max(1.2rem, env(safe-area-inset-right))
        }
    }
}
@media (max-width:39.99em) {
    .player-ranking-history__chart {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
    @supports (padding:max(1.2rem)) {
        .player-ranking-history__chart {
            padding-left: max(1.2rem, env(safe-area-inset-left));
            padding-right: max(1.2rem, env(safe-area-inset-right))
        }
    }
    .player-ranking-history__chart-content {
        margin: 1.6rem auto 1.5rem
    }
    .player-ranking-history__chart-tooltip {
        transform: translate(-50%);
        min-width: 12rem;
        margin-top: 1.2rem
    }
    .player-ranking-history__chart-tooltip-title {
        font-size: 1.1rem
    }
    .player-ranking-history__chart-tooltip-rank {
        font-size: 3.2rem
    }
    .player-ranking-history__chart-tooltip-date {
        font-size: 1.1rem
    }
    .player-ranking-history__keys-container {
        position: static;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 2.4rem;
        padding: 0
    }
    .player-ranking-history__keys-label {
        width: 100%;
        margin-bottom: .8rem
    }
    .player-ranking-history__keys-item {
        margin: 0 1rem 0 0
    }
}
@media (max-width:23.115em) {
    .player-ranking-history__keys-item {
        font-size: 1.2rem
    }
}
.mobile-year-filter__year-list--dark {
    background-color: #333!important
}
.rankings-overview-item {
    position: relative;
    width: 22rem;
    height: 22rem;
    margin: 4.6rem 1rem 2.3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center
}
.rankings-overview-item:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: .1;
    background-color: #fff
}
.rankings-overview-item__title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #fff;
    margin: 4.7rem 2.5rem 0;
    font-size: 1.9rem;
    letter-spacing: -.127rem;
    line-height: 1.1;
    text-align: center
}
.rankings-overview-item__title span:before {
    content: "\A";
    white-space: pre
}
.rankings-overview-item__title--short {
    display: none
}
.rankings-overview-item__value {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #0a4d3c;
    font-size: 5.9rem;
    text-align: center;
    margin-left: -.2em;
    letter-spacing: -.16rem
}
.rankings-overview-item__date {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    color: #fff;
    opacity: .7;
    font-size: 1.6rem;
    letter-spacing: -.127rem;
    text-align: center
}
@media (max-width:990px) {
    .rankings-overview-item {
        width: calc(50% - 2rem);
        margin: 1rem;
        height: 19rem
    }
    .rankings-overview-item__title span:before {
        content: " "
    }
}
@media (max-width:640px) {
    .rankings-overview-item {
        position: relative;
        width: calc(50% - .6rem);
        height: 16rem;
        margin: .2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-line-pack: center;
        align-content: center
    }
    .rankings-overview-item__date--long {
        display: none
    }
    .rankings-overview-item__date--short {
        display: inline-block
    }
    .rankings-overview-item__title--long {
        display: none
    }
    .rankings-overview-item__title--short {
        display: inline-block;
        margin-top: 2.4rem;
        font-size: 1.7rem
    }
    .rankings-overview-item__date {
        opacity: 1
    }
    .rankings-overview-item__value {
        font-size: 4.8rem
    }
}
.rankings-overview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background: linear-gradient(180deg, #292929, #0f0f0f)
}
@media (max-width:96rem) {
    .rankings-overview {
        padding: 1rem
    }
}
@media (max-width:640px) {
    .rankings-overview {
        margin-top: .8rem;
        padding: .2rem 0
    }
}
.rankings-year-dropdown {
    cursor: pointer;
    line-height: 1;
    letter-spacing: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    position: relative;
    z-index: 15;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-right: 3.2rem
}
.rankings-year-dropdown__clickzone {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}
.rankings-year-dropdown__label {
    display: block;
    position: absolute;
    top: .8rem;
    left: 1rem;
    font-size: 1.1rem;
    color: #5e5e5e;
    z-index: 10
}
.rankings-year-dropdown__current {
    position: relative;
    transition: color .4s ease;
    z-index: 5;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.9rem;
    color: #fff;
    margin-right: 1.5rem
}
.rankings-year-dropdown__current,
.rankings-year-dropdown__current-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.rankings-year-dropdown__current-icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-color: rgba(88, 88, 88, .08);
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.2rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.rankings-year-dropdown__current-icon-svg {
    fill: #fff;
    width: 1.6rem;
    height: 1.6rem;
    transition: fill .4s ease
}
.rankings-year-dropdown__icon {
    display: block;
    position: absolute;
    top: .9rem;
    bottom: .9rem;
    right: 2rem
}
.rankings-year-dropdown__icon .icon {
    position: absolute;
    top: 50%;
    left: .5rem;
    margin-top: -.4rem;
    margin-left: .7rem;
    width: .8rem;
    height: .8rem;
    fill: #fff;
    transform: rotate(90deg);
    transition: transform .4s ease, fill .4s ease
}
.rankings-year-dropdown--list-style {
    padding-right: 1.8rem;
    width: 15rem
}
.rankings-year-dropdown--list-style:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100vw;
    background-color: #f2f2f2;
    z-index: -1
}
.rankings-year-dropdown--list-style .rankings-year-dropdown__current {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    padding-right: 2rem;
    color: #585858
}
.rankings-year-dropdown--list-style .rankings-year-dropdown__icon {
    display: block;
    position: absolute;
    top: .9rem;
    bottom: .9rem;
    right: 4.2rem
}
.rankings-year-dropdown--list-style .rankings-year-dropdown__icon .icon {
    position: absolute;
    top: 50%;
    left: .5rem;
    margin-top: -.4rem;
    margin-left: .7rem;
    width: .8rem;
    height: .8rem;
    fill: #fff;
    transform: rotate(90deg);
    transition: transform .4s ease, fill .4s ease
}
.rankings-year-dropdown__dropdown {
    max-height: 30rem;
    position: absolute;
    top: 100%;
    left: -.1rem;
    right: -.1rem;
    transform: scale(0);
    transform-origin: top center;
    background-color: #333;
    border-top: none;
    visibility: hidden;
    transition: transform .2s ease;
    overflow: hidden;
    z-index: 25;
    box-shadow: 0 1.2rem 3.2rem 0 hsla(0, 0%, 8%, .24);
    min-width: 25.7rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.rankings-year-dropdown__dropdown::-webkit-scrollbar {
    width: .4rem
}
.rankings-year-dropdown__dropdown::-webkit-scrollbar-track {
    background-color: #333
}
.rankings-year-dropdown__dropdown::-webkit-scrollbar-thumb {
    background-color: #0a4d3c
}
.rankings-year-dropdown__list {
    width: 100%;
    padding: .8rem
}
.rankings-year-dropdown__option {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.9rem;
    line-height: 1.05;
    letter-spacing: -.05rem;
    padding: 1rem 1.1rem;
    color: #fff;
    transition: color .4s ease;
    cursor: pointer;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    background-color: #333
}
.rankings-year-dropdown__option:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}
.rankings-year-dropdown__option:hover {
    color: #0a4d3c
}
.rankings-year-dropdown__option--current {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: -.05rem
}
.rankings-year-dropdown__option--current:before {
    content: "";
    position: absolute;
    left: -.8rem;
    top: 50%;
    transform: translateY(-50%);
    width: .3rem;
    background-color: #0a4d3c;
    height: 80%
}
.rankings-year-dropdown__tick {
    border-radius: 50%;
    background-color: #0a4d3c;
    width: 2rem;
    height: 1.9rem;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.rankings-year-dropdown__tick--current-icon {
    display: -ms-flexbox;
    display: flex
}
.rankings-year-dropdown__tick-svg {
    width: 1rem;
    height: .79rem;
    fill: #fff
}
.rankings-year-dropdown.is-open:after {
    transform: scaleX(1)
}
.rankings-year-dropdown.is-open .rankings-year-dropdown__dropdown {
    transform: scale(1);
    visibility: visible
}
.rankings-year-dropdown.is-open .rankings-year-dropdown__current-icon-svg {
    fill: #fff
}
.rankings-year-dropdown.is-open .rankings-year-dropdown__current {
    color: #fff
}
.rankings-year-dropdown.is-open .rankings-year-dropdown__icon .icon {
    transform: rotate(-90deg);
    fill: #fff
}
@media (max-width:52.49em) {
    .rankings-year-dropdown {
        display: none
    }
}
.player-ranking-history__tables {
    position: relative;
    background-color: #292929;
    overflow: hidden
}
.player-ranking-history__tables:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-image: linear-gradient(rgba(41, 41, 41, 0) 50%, #292929), url(../images/wta-bg-asset-dark.jpg);
    background-size: cover
}
.player-ranking-history__tables>.tabbed {
    position: relative
}
.player-ranking-history__view {
    display: none;
    z-index: 10;
    background-image: linear-gradient(180deg, rgba(41, 41, 41, .8), #0f0f0f)
}
.player-ranking-history__view.active {
    display: block
}
.player-ranking-history__dropdown {
    display: inline-block
}
.player-ranking-history__filters {
    background-color: #333
}
.player-ranking-history__filters-content {
    margin-bottom: 0
}
.player-ranking-history__filters--matchtype {
    background-color: unset
}
.player-ranking-history__tabs {
    padding-top: 6rem
}
.player-ranking-history__tabs,
.player-ranking-history__tabs-list-view {
    display: inline-block
}
.player-ranking-history__tabs-list-view li,
.player-ranking-history__tabs li {
    display: inline-block;
    margin-right: 3.2rem;
    color: #fff;
    opacity: .7;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: -.13rem;
    line-height: 2.95;
    cursor: pointer
}
@media (max-width:52.49em) {
    .player-ranking-history__tabs-list-view li,
    .player-ranking-history__tabs li {
        font-size: 1.6rem;
        line-height: 2.625
    }
}
.player-ranking-history__tabs-list-view li.active,
.player-ranking-history__tabs li.active {
    opacity: 1;
    border-bottom: .2rem solid #0a4d3c
}
.player-ranking-history__tabs-list-view li.active {
    opacity: 1;
    border-bottom: .4rem solid #0a4d3c
}
.player-ranking-history__tab {
    display: none
}
.player-ranking-history__tab.active {
    display: block
}
.player-ranking-history__table {
    max-width: 141.7rem;
    width: 100%;
    position: relative;
    margin: auto
}
.player-ranking-history__table-header {
    opacity: .8;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.08;
    letter-spacing: -.1rem;
    text-align: center;
    color: #fff;
    padding: 1.9rem 0;
    width: 0
}
.player-ranking-history__table-header.oneOfThree {
    width: 33%
}
.player-ranking-history__table-header.oneOfTwo {
    width: 50%
}
.player-ranking-history__table-row {
    position: relative
}
.player-ranking-history__table-row:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    width: 100%;
    left: 0
}
.player-ranking-history__table-divider-container {
    text-align: center
}
.player-ranking-history__table-divider {
    width: 0;
    border-right: 1px solid hsla(0, 0%, 100%, .1)
}
.player-ranking-history__table-value {
    padding: 1.9rem 0;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: -.084rem;
    text-align: center;
    color: #fff
}
.player-ranking-history__table-value--date {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.player-ranking-history__table-value--value1,
.player-ranking-history__table-value--value2 {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #e6e6e6
}
@media (max-width:52.49em) {
    .player-ranking-history__filters-content {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
    @supports (padding:max(1.2rem)) {
        .player-ranking-history__filters-content {
            padding-left: max(1.2rem, env(safe-area-inset-left));
            padding-right: max(1.2rem, env(safe-area-inset-right))
        }
    }
    .player-ranking-history__tables:before {
        padding-bottom: 100%
    }
    .player-ranking-history__tabs {
        padding-top: 4.2rem
    }
}
.player-search {
    position: relative
}
.player-search__button {
    position: relative;
    background: none;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem 1.6rem;
    text-decoration: none;
    color: #545454;
    transition: opacity .2s ease;
    height: 100%
}
.player-search__button.is-disabled {
    opacity: .4;
    cursor: not-allowed
}
.player-search__button:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: .4rem;
    background-color: #0a4d3c;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform .4s ease
}
.player-search__button-label {
    text-align: right;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: -.063rem;
    margin-right: .8rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition: color .4s ease;
    font-weight: 900;
    white-space: nowrap
}
.player-search__button-label strong {
    display: block;
    letter-spacing: -.063rem;
    color: #0a0a0a
}
.player-search__button-icon {
    height: 2.84rem;
    width: 2.84rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.player-search__button:focus:after {
    transform: scaleX(1)
}
.player-search__button:focus .player-search__button-label {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .player-search__button:hover:after {
        transform: scaleX(1)
    }
    .player-search__button:hover .player-search__button-label {
        color: #0a4d3c
    }
}
.player-search__input-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -.6rem;
    width: 36rem;
    opacity: 0;
    z-index: -1;
    pointer-events: none
}
.player-search__input {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 2.2rem;
    padding-left: 8.1rem;
    padding-right: 4rem;
    border: none;
    background-color: #e6e6e6;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 2.1rem;
    line-height: 1;
    letter-spacing: 0;
    color: #3d3d3d;
    border-bottom: .4rem solid #0a4d3c
}
.player-search__input-icon {
    width: 3.2rem;
    height: 3.2rem;
    fill: #0a4d3c;
    position: absolute;
    left: 2.5rem;
    top: 50%;
    transform: translateY(-50%)
}
.player-search__label {
    position: absolute;
    z-index: 1;
    left: 8.1rem;
    top: 2.2rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: .92;
    letter-spacing: -.087rem;
    color: gray
}
.player-search__close {
    position: absolute;
    top: 4.5rem;
    right: 1.6rem;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.2rem;
    height: 1.2rem;
    padding: 0
}
.player-search__close .icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: gray
}
.player-search__overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    background-color: rgba(13, 7, 20, .6);
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: opacity .4s ease
}
.player-search.is-active .player-search__input-wrapper {
    opacity: 1;
    z-index: 10;
    pointer-events: auto
}
.player-search--h2h {
    z-index: 20
}
.player-search--h2h .player-search__overlay {
    display: none
}
.player-search--h2h .player-search__button {
    background-color: #fff;
    border-left: none;
    border-radius: 100%;
    margin: 0;
    padding: 0;
    width: 4rem;
    height: 4rem;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .4s ease;
    z-index: 20
}
.player-search--h2h .player-search__button:after {
    display: none
}
.player-search--h2h .player-search__button .icon {
    fill: #141414;
    transition: all .4s ease
}
.player-search--h2h .player-search__button:focus {
    background-color: #0a4d3c
}
.player-search--h2h .player-search__button:focus .icon {
    fill: #1e1e1e
}
@media (min-width:52.5em) {
    .player-search--h2h .player-search__button:hover {
        background-color: #0a4d3c
    }
    .player-search--h2h .player-search__button:hover .icon {
        fill: #1e1e1e
    }
}
.player-search--h2h .player-search__container {
    z-index: 30
}
.player-search--h2h .player-search__add-icon {
    height: 1.2rem;
    transform: rotate(45deg);
    width: 1.2rem
}
.player-search--h2h .player-search__input-wrapper {
    height: 4.8rem;
    left: 50%;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 34rem
}
.player-search--h2h .player-search__input {
    border-bottom-width: .2rem;
    font-size: 1.9rem;
    font-weight: 800;
    padding: 0 5.2rem
}
.player-search--h2h .player-search__input-icon {
    height: 2rem;
    left: 1.6rem;
    width: 2rem
}
.player-search--h2h .player-search__label {
    display: none
}
.player-search--h2h .player-search__close {
    height: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6rem
}
.player-search--h2h .player-search__close .icon {
    height: 1.6rem;
    width: 1.6rem
}
.player-search--h2h.is-active {
    z-index: 40
}
.player-search--h2h.is-active .player-search__input-wrapper {
    z-index: 30
}
.player-search--dark .player-search__input {
    background-color: #2e2e2e;
    border-bottom-color: #0a4d3c;
    color: #fff
}
.player-search--dark .player-search__input-icon {
    fill: #fff
}
.player-search--dark .player-search__label {
    color: #fff
}
@media (max-width:52.49em) {
    .player-search__button {
        width: 4.8rem;
        height: 4.8rem;
        background-color: #141414;
        position: fixed;
        left: 6.4rem;
        bottom: 4rem;
        border-radius: 50%;
        box-shadow: 0 .8rem 1.6rem 0 hsla(0, 0%, 8%, .08);
        z-index: 40;
        border: none;
        margin: 0;
        padding: 0
    }
    .player-search__button-label {
        display: none
    }
    .player-search__button-icon {
        fill: #fff;
        width: 1.6rem;
        height: 1.6rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .player-search__input-wrapper {
        position: fixed;
        top: var(--nav-height);
        bottom: auto;
        left: 0;
        right: 0;
        width: 100%;
        opacity: 0;
        transition: transform .2s ease;
        transform: translate3d(0, -200%, 0);
        z-index: -1;
        pointer-events: none;
        height: 8rem
    }
    .player-search__input {
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .player-search__close {
        top: 50%;
        transform: translateY(-50%)
    }
    .player-search__close,
    .player-search__close .icon {
        height: 2rem;
        width: 2rem
    }
    .player-search.is-active .player-search__input-wrapper {
        z-index: 40;
        transform: translateZ(0)
    }
    .player-search.is-active .player-search__overlay {
        opacity: 1;
        z-index: 20;
        pointer-events: all
    }
    .player-search--h2h.is-active .player-search__input-wrapper {
        left: 0;
        position: fixed;
        right: 0;
        top: 7.2rem;
        transform: none;
        transition: none;
        width: 100%
    }
    .player-search--h2h.is-active .player-search__overlay {
        top: 4rem
    }
    .player-search--h2h .player-search__overlay {
        display: block
    }
    .player-search--h2h .player-search__button {
        position: static;
        height: 3.2rem;
        width: 3.2rem;
        z-index: auto;
        background-color: #141414
    }
    .player-search--h2h .player-search__button .icon {
        height: 2rem;
        width: 2rem;
        fill: #fff
    }
    .player-search--h2h .player-search__add-icon.icon {
        height: .8rem;
        width: .8rem
    }
    .player-search--h2h .player-search__input {
        border-bottom-width: .2rem;
        font-size: 1.9rem;
        font-weight: 800;
        padding: 0 5.2rem
    }
    .player-search--h2h .player-search__input-icon {
        height: 2rem;
        left: 1.6rem;
        width: 2rem
    }
    .player-search--h2h .player-search__label {
        display: none
    }
    .player-search--h2h .player-search__close {
        height: 1.6rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1.6rem
    }
    .player-search--h2h .player-search__close .icon {
        height: 1.6rem;
        width: 1.6rem
    }
}
@media (max-width:39.99em) {
    .player-search__button {
        left: 1.2rem;
        bottom: 1.2rem
    }
}
.player-stats__container {
    position: relative;
    padding-bottom: 2.4rem
}
.player-stats__content {
    transition: opacity .2s ease
}
.player-stats__primary-stats {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1rem
}
.player-stats__primary {
    -ms-flex: 1;
    flex: 1;
    padding: 0 1.9rem 1.9rem 0
}
.player-stats__primary-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .8rem;
    height: 21.6rem;
    border: 2px solid #f1f1f1;
    text-align: center
}
.player-stats__primary-label {
    font-size: 1.9rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    letter-spacing: -.127rem;
    color: #000;
    opacity: .8
}
.player-stats__primary-value {
    font-size: 5.9rem;
    letter-spacing: -.16rem;
    color: #0a4d3c;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.player-stats__primary-percent {
    font-size: 2.4rem
}
.player-stats__primary-desc {
    font-size: 1.6rem;
    letter-spacing: -.127rem;
    color: rgba(0, 0, 0, .5)
}
.player-stats__secondary-stats {
    display: -ms-flexbox;
    display: flex
}
.player-stats__secondary-container {
    -ms-flex: 1;
    flex: 1
}
.player-stats__secondary-container:first-child {
    padding-right: 2.5rem
}
.player-stats__secondary-title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    margin-bottom: 2rem;
    padding-left: .8rem;
    font-size: 2.4rem;
    letter-spacing: -.02rem
}
.player-stats__secondary {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.2rem;
    padding: 1.5rem 3rem 1.6rem 2rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 800;
    border: 2px solid #f1f1f1
}
.player-stats__secondary-label {
    font-size: 1.9rem;
    color: rgba(0, 0, 0, .8);
    letter-spacing: -.08rem
}
.player-stats__secondary-value {
    font-size: 2.4rem;
    color: #0a4d3c;
    letter-spacing: -.1rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.player-stats__error {
    padding-bottom: 2.4rem;
    font-size: 1.9rem;
    font-weight: 800;
    text-align: center
}
.player-stats__disclaimer {
    border-top: 1px solid #f1f1f1;
    color: rgba(82, 82, 82, .5);
    font-size: 1.3rem;
    letter-spacing: -.1rem;
    line-height: 1;
    margin-top: 3rem;
    padding: 1.6rem
}
.player-stats--loading .player-stats__content {
    opacity: .15
}
.player-stats--loading .player-stats__loader {
    position: absolute;
    top: 10rem;
    left: 50%;
    transform: translateX(-50%)
}
@media (max-width:81.24em) {
    .player-stats__primary-label {
        font-size: 1.7rem;
        letter-spacing: -.113rem
    }
    .player-stats__primary-value {
        font-size: 4.8rem;
        letter-spacing: -.2rem
    }
    .player-stats__primary-content {
        height: 18rem
    }
}
@media (min-width:64.0625em) {
    .player-stats__primary:last-of-type {
        padding-right: 0
    }
}
@media (max-width:64.0525em) {
    .player-stats__primary-stats {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc(100% + 1.9rem)
    }
    .player-stats__primary {
        -ms-flex: 1 0 calc(33.3% - 1.9rem);
        flex: 1 0 calc(33.3% - 1.9rem)
    }
    .player-stats__primary-content {
        height: 14.1rem
    }
}
@media (max-width:720px) {
    .player-stats__primary-stats {
        width: calc(100% + .4rem)
    }
    .player-stats__primary {
        padding: 0 .4rem .4rem 0;
        -ms-flex: 1 0 calc(33.3% - .4rem);
        flex: 1 0 calc(33.3% - .4rem)
    }
    .player-stats__secondary-stats {
        display: block
    }
    .player-stats__secondary-container:first-child {
        padding-right: 0
    }
    .player-stats__secondary-container:last-child .player-stats__secondary-title {
        margin-top: 1.6rem
    }
}
@media (min-width:40em) and (max-width:52.49em) {
    .player-stats__stats {
        padding: .8rem
    }
    .player-stats__secondary-container:first-child {
        padding-right: 1.2rem
    }
    .player-stats__primary-stats {
        width: calc(100% + 1.2rem)
    }
    .player-stats__primary {
        -ms-flex: 1 0 calc(33.3% - 1.2rem);
        flex: 1 0 calc(33.3% - 1.2rem);
        padding: 0 1.2rem 1.2rem 0
    }
}
@media (max-width:39.99em) {
    .player-stats__primary {
        -ms-flex: 1 0 calc(50% - .4rem);
        flex: 1 0 calc(50% - .4rem)
    }
    .player-stats__primary-content {
        width: 100%;
        height: 12.3rem
    }
    .player-stats__secondary {
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 .4rem;
        padding: .6rem 1.2rem .7rem;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 800;
        border: 2px solid #f1f1f1
    }
    .player-stats__secondary-title {
        font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
        font-weight: 700
    }
    .player-stats__secondary-label {
        font-size: 1.6rem
    }
    .player-stats__secondary-value {
        font-size: 1.9rem;
        letter-spacing: -.079rem
    }
    .player-stats__primary-label {
        font-size: 1.6rem
    }
    .player-stats__primary-value {
        font-size: 4.8rem
    }
    .player-stats__primary-desc {
        font-size: 1.6rem
    }
    .player-stats__disclaimer {
        font-size: 1.1rem;
        margin-top: 1.6rem;
        padding: .8rem
    }
}
.players-sticky-header {
    background: rgba(61, 61, 61, .9);
    visibility: hidden;
    z-index: 25;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    transform: translateY(-100%);
    transition: transform .3s ease;
    max-height: 0
}
.players-sticky-header.is-glued {
    transform: translateY(0);
    visibility: visible;
    max-height: none
}
.players-sticky-header__inner {
    display: -ms-flexbox;
    display: flex;
    width: 98rem;
    padding: 1rem 2.4rem
}
.players-sticky-header__col {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 50%
}
.players-sticky-header__col:last-of-type {
    -ms-flex-align: end;
    align-items: flex-end
}
.players-sticky-header__col:last-of-type .players-sticky-header__player {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
.players-sticky-header__col:last-of-type .players-sticky-header__player-name {
    text-align: right;
    padding-right: 0
}
.players-sticky-header__col:last-of-type .players-sticky-header__player-nationality-flag {
    margin-right: 0;
    margin-left: 1.6rem
}
.players-sticky-header__col--doubles .players-sticky-header__player-fname,
.players-sticky-header__col--doubles .players-sticky-header__player-lname {
    font-size: 2.6rem
}
.players-sticky-header__player {
    color: #fff;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.players-sticky-header__player-name {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: .5rem;
    width: calc(100% - 2.8rem)
}
.players-sticky-header__player-fname,
.players-sticky-header__player-lname {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 3.2rem
}
.players-sticky-header__player-nationality-flag {
    width: 2.4rem;
    height: 1.6rem;
    margin-right: 1.6rem
}
@media (max-width:840px) {
    .players-sticky-header__inner {
        width: 100%;
        padding: 1rem .8rem
    }
    .players-sticky-header__col:last-of-type .players-sticky-header__player-nationality-flag {
        margin-left: .8rem
    }
    .players-sticky-header__col--doubles .players-sticky-header__player-fname,
    .players-sticky-header__col--doubles .players-sticky-header__player-lname,
    .players-sticky-header__player-fname,
    .players-sticky-header__player-lname {
        font-size: 2.2rem
    }
    .players-sticky-header__player-nationality-flag {
        margin-right: .8rem
    }
}
@media (max-width:640px) {
    .players-sticky-header__col--doubles .players-sticky-header__player {
        margin: .2rem 0
    }
    .players-sticky-header__col--doubles .players-sticky-header__player-fname,
    .players-sticky-header__col--doubles .players-sticky-header__player-lname,
    .players-sticky-header__player-fname,
    .players-sticky-header__player-lname {
        font-size: 1.8rem
    }
}
@media (max-width:415px) {
    .players-sticky-header__col--doubles .players-sticky-header__player-fname,
    .players-sticky-header__col--doubles .players-sticky-header__player-lname {
        font-size: 1.6rem
    }
    .players-sticky-header__player-fname {
        display: none
    }
    .players-sticky-header__player-lname {
        font-size: 1.6rem
    }
}
.players {
    margin-top: -4rem;
    transition: margin-bottom .25s
}
.players.cls-padding {
    margin-bottom: 100vh
}
.players__error {
    margin: 2.4rem 0;
    text-align: center;
    font-weight: 900
}
.players .player-search__dropdown-list {
    display: none
}
.players__advert {
    margin-bottom: 3rem
}
.players__advert iframe {
    margin: 0 auto
}
@media (max-width:640px) {
    .players {
        margin-top: -2.2rem
    }
}
@media (max-width:500px) {
    .players .player-thumbnail__rank-pos {
        font-size: 2.8rem
    }
}
@media (max-width:350px) {
    .players .block-list-2-mobile>li {
        width: 100%
    }
    .players .player-thumbnail__rank-pos {
        font-size: 4.2rem
    }
}
.photo-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 100
}
.photo-modal .icon {
    pointer-events: none
}
.photo-modal__container {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.photo-modal__caption {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 2.4rem;
    text-align: left;
    background: #000;
    color: #fff
}
.photo-modal__nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.photo-modal .lazy-image-wrapper {
    width: 100%
}
.photo-modal__picture img {
    display: inline-block;
    max-height: 96vh
}
.photo-modal__button {
    border: 0;
    height: 15rem;
    width: 3.2rem;
    background: #0a4d3c;
    color: #fff
}
.photo-modal__button:hover {
    background: #5f00e0
}
.photo-modal__button.disable {
    pointer-events: none;
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}
.photo-modal__button.disable:hover {
    background: #0a4d3c
}
.photo-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1.2rem;
    width: 4.6rem;
    height: 4.6rem;
    z-index: 10;
    background: #000;
    border: none
}
.photo-modal__close:focus .photo-modal__close-mask {
    opacity: 1
}
@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
    .photo-modal__close:focus .photo-modal__close-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:52.5em) {
    .photo-modal__close:hover .photo-modal__close-mask {
        opacity: 1
    }
    @supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
        .photo-modal__close:hover .photo-modal__close-mask {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
        }
    }
}
.photo-modal__close-icon {
    fill: #fff
}
.photo-modal__close-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0a4d3c;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .photo-modal__close-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.photo-modal__close-mask svg {
    fill: #fff
}
@media (max-width:640px) {
    .photo-modal__picture img {
        max-height: 100vh
    }
}
.playlist-gallery {
    padding: 0 0 2rem;
    position: relative
}
.playlist-gallery:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
    z-index: -1;
    display: block;
    background-color: #e6e6e6;
    width: 100%;
    margin: 0 auto
}
.playlist-gallery__wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 117.6rem;
    z-index: 2
}
@media (max-width:840px) {
    .playlist-gallery {
        padding: 0 .8rem 1rem
    }
    .playlist-gallery .content-page-lead-media {
        margin-bottom: .8rem
    }
}
.featured-podcast .podcast-listing {
    display: -ms-flexbox;
    display: flex
}
@media (max-width:840px) {
    .featured-podcast .podcast-listing {
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.featured-podcast .podcast-listing .podcast-item__background-art {
    width: 30%;
    position: relative;
    background-color: #0a4d3c;
    margin: 0 .8rem 0 0
}
@media (max-width:840px) {
    .featured-podcast .podcast-listing .podcast-item__background-art {
        width: 100%;
        height: 18rem;
        margin: 0 0 .8rem
    }
}
.featured-podcast .podcast-listing .podcast-item__content-wrapper {
    width: 70%;
    height: 100%;
    position: relative;
    padding: 4rem 3rem 2rem 13rem;
    background-color: #000;
    color: #fff
}
@media (max-width:840px) {
    .featured-podcast .podcast-listing .podcast-item__content-wrapper {
        width: 100%;
        padding: 5rem 1rem 1rem
    }
}
.featured-podcast .podcast-listing .podcast-item__heading {
    font-size: 2.1rem;
    line-height: 2.4rem
}
@media (max-width:840px) {
    .featured-podcast .podcast-listing .podcast-item__heading {
        font-size: 1.6rem;
        line-height: 1.8rem
    }
}
.featured-podcast .podcast-listing .podcast-item__description {
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: .05rem;
    margin: 2rem 0
}
.featured-podcast .podcast-listing .podcast-item__description--truncate {
    line-height: 1.6rem;
    font-size: 1.4rem;
    overflow: hidden;
    max-height: 4.48rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.featured-podcast .podcast-listing .podcast-item__thumbnail {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
    background-color: #0a4d3c;
    border: 8px solid #fff
}
@media (max-width:840px) {
    .featured-podcast .podcast-listing .podcast-item__thumbnail {
        width: 150px;
        height: 150px;
        top: -125px;
        left: 50%;
        transform: translateX(-50%)
    }
}
.featured-podcast .podcast-listing .podcast-item__thumbnail .embeddable-photo {
    margin: 0;
    width: 100%
}
.featured-podcast .podcast-listing .podcast-item__thumbnail .embeddable-photo__icon {
    display: none
}
.featured-podcast .podcast-listing .podcast-item__platforms {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.4rem
}
@media (max-width:840px) {
    .featured-podcast .podcast-listing .podcast-item__platforms {
        -ms-flex-pack: center;
        justify-content: center
    }
}
.featured-podcast .podcast-listing .podcast-item__link {
    display: inline-block;
    margin: .4rem
}
.promo {
    position: relative;
    background-color: #141414
}
.promo__bg-image {
    opacity: .8;
    transform: translateZ(0)
}
.promo__bg-image,
.promo__bg-image:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.promo__bg-image:before {
    content: "";
    background-color: rgba(120, 20, 255, .3);
    mix-blend-mode: color;
    transition: background-color .4s ease;
    z-index: 10
}
.promo__container {
    color: inherit;
    width: 100%;
    height: 100%;
    position: relative;
    color: #fff;
    text-decoration: none;
    min-height: 46rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-column-align: center;
    justify-items: center
}
.promo__container:focus .promo__title {
    text-decoration: underline
}
@media (min-width:52.5em) {
    .promo__container:hover .promo__title {
        text-decoration: underline
    }
}
.promo__header {
    max-width: 100rem;
    padding: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.promo__title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 4.8rem
}
.promo__subtitle {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    max-width: 60rem;
    margin: 1.5rem 0 0
}
.promo__button {
    margin-top: 2.5rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.promo--slim {
    width: 80%;
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto
}
.promo--slim .promo__container {
    min-height: 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.promo--slim .promo__header {
    margin: 0;
    width: 100%;
    padding: 2rem 3rem
}
.promo--slim .promo__title {
    font-size: 3rem
}
.promo--slim .promo__subtitle {
    margin: 1rem 0 0;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: -.6px
}
@media (min-width:840px) {
    .promo--slim .promo__text-container {
        max-width: 70rem;
        padding-right: 2rem
    }
    .promo--slim .promo__header {
        max-width: none;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .promo--slim .promo__button,
    .promo--slim .promo__header {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .promo--slim .promo__button {
        margin: 0;
        white-space: nowrap;
        margin-left: auto
    }
}
@media (max-width:1025px) {
    .promo__container {
        min-height: 35rem
    }
    .promo__title {
        font-size: 4rem
    }
    .promo--slim {
        width: 90%
    }
    .promo--slim .promo__title {
        font-size: 2.6rem
    }
}
@media (max-width:840px) {
    .promo__header {
        width: 100%;
        padding: 4rem 2rem
    }
    .promo__subtitle {
        max-width: none
    }
    .promo__text-container {
        text-align: center
    }
    .promo__title {
        font-size: 3.5rem
    }
    .promo__button {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
    .promo--slim {
        width: 100%;
        max-width: none
    }
    .promo--slim:after,
    .promo--slim:before {
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        height: .8rem;
        background-color: #0a4d3c
    }
    .promo--slim:before {
        top: 0;
        transform: translateY(-100%)
    }
    .promo--slim:after {
        left: 0;
        top: auto;
        bottom: 0;
        transform: translateY(100%)
    }
    .promo--slim .promo__title {
        font-size: 2.1rem
    }
}
@media (max-width:640px) {
    .promo__title {
        font-size: 2.8rem;
        line-height: 1.14;
        letter-spacing: -.16px
    }
    .promo__subtitle {
        margin-top: 1rem
    }
    .promo__button {
        margin-top: 2rem
    }
    .promo--slim .promo__header {
        padding: 1.2rem 2rem
    }
    .promo--slim .promo__subtitle {
        display: none
    }
    .promo--slim .promo__button {
        margin-top: 1.2rem
    }
}
@media (max-width:500px) {
    .promo__subtitle {
        font-size: 1.4rem;
        line-height: 1.29;
        letter-spacing: -.53px
    }
    .promo__button {
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto
    }
}
.quiz-index__date {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    color: #666;
    letter-spacing: -.1rem;
    margin: .2rem 0
}
.quiz-index__date .ago,
.quiz-index__date .year {
    color: #3d3d3d;
    margin-left: .3rem
}
.quiz-index__date .icon {
    width: 1rem;
    height: 1rem;
    margin-right: .3rem
}
.quiz-index .media-thumbnail__meta-content {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.quiz-index .media-thumbnail__tag {
    margin: .2rem 1rem .2rem 0;
    width: auto
}
@media (min-width:52.5em) and (max-width:64.0625em) {
    .quiz-index .media-thumbnail__heading {
        margin-bottom: 1.5rem
    }
    .quiz-index .media-thumbnail__tag,
    .quiz-index .quiz-index__date {
        font-size: 1.3rem
    }
}
@media (max-width:40em) {
    .quiz-index__date {
        font-size: 1.2rem
    }
}
.live-blog .quiz {
    margin-bottom: 1rem
}
.live-blog .quiz__question-container {
    padding: 0
}
.live-blog .quiz__list-item {
    width: calc(50% - 1.6rem);
    margin: 1.2rem .6rem
}
@media (max-width:40em) {
    .live-blog .quiz__list-item {
        margin: .4rem
    }
}
.quiz-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 2rem;
    overflow: hidden
}
.quiz-wrapper:after {
    content: "";
    position: absolute;
    height: 50%;
    min-height: 50rem;
    width: 100%;
    background-color: #e6e6e6;
    z-index: -3
}
.quiz-wrapper__text-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin: 3rem auto
}
.quiz-wrapper__title {
    font-size: 3.8rem;
    text-align: center;
    font-weight: 900;
    color: #0a0a0a;
    letter-spacing: -.6px;
    line-height: 1.16;
    padding: 0 2rem
}
.quiz-wrapper__sponsor {
    margin-top: 1.5rem
}
.quiz-wrapper__logo-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}
.quiz-wrapper__logo-tagline {
    font-size: 1rem;
    letter-spacing: .182rem;
    color: #5e5e5e;
    text-transform: uppercase
}
.quiz-wrapper__logo-image {
    margin: 0 1.6rem
}
.quiz-wrapper.quiz-wrapper--embeddable {
    padding: 0;
    box-shadow: 0 5px 14px 0 hsla(0, 0%, 8%, .08);
    margin: 6.4rem 0
}
.quiz-wrapper.quiz-wrapper--embeddable:after {
    content: none
}
.quiz-wrapper.quiz-wrapper--embeddable .quiz-wrapper__title {
    font-size: 3rem
}
.quiz-wrapper.quiz-wrapper--embeddable .quiz-wrapper__logo-wrapper {
    text-decoration: none
}
.quiz-wrapper.quiz-wrapper--embeddable .quiz-wrapper__logo-tagline {
    font-size: 1rem
}
.quiz-wrapper.quiz-wrapper--embeddable .quiz {
    width: 100%;
    box-shadow: none
}
@media (max-width:640px) {
    .quiz-wrapper.quiz-wrapper--embeddable {
        width: calc(100% + 1.6rem);
        margin-left: -.8rem
    }
    .quiz-wrapper.quiz-wrapper--embeddable .quiz-wrapper__title,
    .quiz-wrapper__title {
        font-size: 2.8rem
    }
    .quiz-wrapper__sponsor {
        margin-top: 1rem
    }
    .quiz-wrapper__logo-image {
        margin: 0 .8rem
    }
}
@media (max-width:415px) {
    .quiz-wrapper.quiz-wrapper--embeddable .quiz-wrapper__title {
        font-size: 2rem
    }
    .quiz-wrapper__title {
        font-size: 2rem;
        line-height: 1.26
    }
}
.quiz {
    width: calc(100% - 1.6rem);
    max-width: 106.4rem;
    box-shadow: 0 5px 14px 0 hsla(0, 0%, 8%, .08);
    background: #fff;
    transition: margin .5s ease
}
.quiz__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 2.4rem 0;
    background-color: #0a4d3c;
    color: #fff
}
.quiz__active-number {
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1.16;
    letter-spacing: -.4px
}
.quiz__numbers {
    position: relative;
    height: .4rem;
    margin: auto;
    width: 100%;
    max-width: 35rem;
    background-color: hsla(0, 0%, 100%, .5)
}
.quiz__slider {
    position: absolute;
    transition: width .5s ease-in-out;
    z-index: 1
}
.quiz__slider-shape {
    background-color: #fff;
    height: .4rem;
    width: 100%
}
.quiz__pager-item {
    width: 7rem
}
.quiz__main {
    position: relative;
    width: 100%;
    min-height: 9rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}
.quiz__questions {
    margin-top: 1.6rem
}
.quiz__question-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 8.6rem;
    pointer-events: none;
    opacity: 0;
    max-height: 0
}
.quiz__question-container.is-active {
    opacity: 1;
    pointer-events: all;
    z-index: 5;
    min-height: 38rem;
    max-height: none
}
.quiz__main-image-container {
    height: 35rem;
    overflow: hidden;
    margin: 3.2rem auto 1.2rem;
    padding: 0 .4rem
}
.quiz__question-text {
    font-size: 1.8rem;
    line-height: 1.33;
    letter-spacing: -1px;
    margin: 0 auto 1.6rem;
    padding: 0 1.6rem;
    text-align: center
}
.quiz__options-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .4rem
}
.quiz__list-item {
    position: relative;
    border: .1rem solid #ebebeb;
    transition: box-shadow .3s ease;
    width: calc(50% - 4.8rem);
    margin: 1.2rem;
    padding: 0
}
.quiz__list-item--image {
    max-width: 30rem
}
.quiz__list-item.is-selected {
    border: .1rem solid #0a4d3c;
    box-shadow: 0 .3rem 1.6rem 0 rgba(0, 0, 0, .24)
}
.quiz__list-item.is-selected .quiz__option-text {
    color: #0a4d3c
}
.quiz__list-item.is-selected:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: .1rem solid #0a4d3c;
    pointer-events: none
}
.quiz__list-item:focus {
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .24)
}
.quiz__list-item:focus .quiz__option-text {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .quiz__list-item:hover {
        box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .24)
    }
    .quiz__list-item:hover .quiz__option-text {
        color: #0a4d3c
    }
}
.quiz__option-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 600;
    width: 100%;
    color: #141414;
    padding: 0;
    background-color: #faf8f7;
    border: none;
    overflow: hidden
}
.quiz__option-text {
    font-size: 1.6rem;
    height: 6.4rem;
    padding: 0 2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    letter-spacing: -.2px
}
.quiz__multiselect-text {
    font-size: 1.4rem
}
.quiz__picture-option-image {
    height: 17rem;
    overflow: hidden
}
.quiz__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: object-fit\: cover
}
.quiz__answers-container {
    padding: .8rem 0;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    border: .1rem solid #e6e6e6;
    background-color: #faf8f7
}
.quiz__answers-container,
.quiz__buttons {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.quiz__buttons {
    margin: 1.6rem auto 6.4rem
}
.quiz__buttons,
.quiz__nav-btn {
    -ms-flex-pack: center;
    justify-content: center
}
.quiz__nav-btn {
    min-width: 20rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 .8rem
}
.quiz__nav-btn .icon {
    width: 1.2rem;
    position: static;
    transform: none;
    fill: #fff
}
.quiz__nav-btn-mask {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #0a4d3c;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.3rem 1.5rem;
    background: #0a4d3c;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .quiz__nav-btn-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.quiz__nav-btn-mask svg {
    fill: #141414
}
.quiz__nav-btn:focus .quiz__nav-btn-mask {
    opacity: 1
}
@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
    .quiz__nav-btn:focus .quiz__nav-btn-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:52.5em) {
    .quiz__nav-btn:hover .quiz__nav-btn-mask {
        opacity: 1
    }
    @supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
        .quiz__nav-btn:hover .quiz__nav-btn-mask {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
        }
    }
}
.quiz__nav-btn[disabled] {
    pointer-events: none;
    opacity: .2;
    color: #141414
}
.quiz__nav-btn[disabled] .icon {
    fill: #141414
}
.quiz__nav-btn[disabled] .quiz__nav-btn-mask {
    display: none
}
.quiz__previous .icon {
    transform: rotate(180deg);
    margin-right: .5rem
}
.quiz__next .icon {
    margin-left: .5rem
}
.quiz__results {
    opacity: 0;
    transition: opacity .5s
}
.quiz__results.fade-in {
    opacity: 1
}
.quiz__results-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}
.quiz__result-icon {
    width: 1.3rem;
    height: 1.3rem;
    min-width: 1.3rem;
    min-height: 1.3rem;
    fill: #fff;
    margin-left: .6rem
}
.quiz__result-icon--correct {
    fill: #408428
}
.quiz__result-icon--wrong {
    fill: #b40000
}
.quiz__results-container {
    width: 100%;
    max-width: 70rem
}
.quiz__results-info {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}
.quiz__results-image-wrapper {
    padding-top: 56.25%;
    position: relative
}
.quiz__results-image-wrapper .placeholder__svg {
    z-index: 0
}
.quiz__results-image,
.quiz__results-video-player {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: object-fit\: cover
}
.quiz__results-image {
    left: 50%;
    transform: translateX(-50%)
}
.quiz__results-video-player {
    width: 100%
}
.quiz .inline-player__content {
    width: 100%;
    height: 100%
}
.quiz__refresh-btn {
    font-size: 1.4rem;
    letter-spacing: .8px;
    padding: .8rem 3rem;
    margin-bottom: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: auto;
    border: 1px solid #f0f0f0;
    background-color: rgba(120, 20, 255, 0);
    color: #0a4d3c;
    transition: background-color .25s, color .25s
}
.quiz__refresh-btn:focus {
    background-color: #0a4d3c;
    color: #fff
}
.quiz__refresh-btn:focus .icon {
    fill: #fff
}
@media (min-width:52.5em) {
    .quiz__refresh-btn:hover {
        background-color: #0a4d3c;
        color: #fff
    }
    .quiz__refresh-btn:hover .icon {
        fill: #fff
    }
}
.quiz__refresh-btn .icon {
    fill: #0a4d3c;
    position: static;
    transform: none;
    margin-left: .8rem;
    width: 1.3rem;
    height: 1.3rem
}
.quiz__refresh-text--mobile {
    display: none
}
.quiz__results-circle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-column-align: center;
    justify-items: center;
    background-color: #0a4d3c;
    padding: 2rem;
    border-radius: 50%;
    width: 12.6rem;
    height: 12.6rem;
    margin: -4rem 0 1.6rem
}
.quiz__user-score {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    color: #fff;
    font-size: 6.4rem;
    font-weight: 900;
    line-height: .85
}
.quiz__quiz-length {
    font-size: 1.2rem;
    font-weight: 900;
    color: #fff;
    line-height: 2.5;
    text-transform: uppercase
}
.quiz__results-summary {
    font-size: 1.8rem;
    line-height: 1.33;
    text-align: center;
    margin: 1.6rem;
    letter-spacing: -1px
}
.quiz__show-hide {
    font-size: 1.4rem;
    padding: .8rem 3rem;
    text-transform: uppercase;
    font-weight: 900;
    min-width: 22rem;
    background-color: #0a4d3c
}
.quiz__show-hide:focus {
    background-color: #000
}
@media (min-width:52.5em) {
    .quiz__show-hide:hover {
        background-color: #000
    }
}
.quiz__show-hide .icon {
    fill: #fff;
    position: relative;
    transform: none;
    margin-left: .8rem;
    width: 1rem;
    height: 1rem;
    right: 0;
    z-index: 10
}
.quiz__show-hide.hide .quiz__show-hide-text--show,
.quiz__show-hide.show .quiz__show-hide-text--hide {
    display: none
}
.quiz__show-hide .quiz__minus-icon {
    width: .9rem;
    height: .9rem
}
.quiz__show-hide-text {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.quiz__results-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 86rem;
    padding: 0 1.6rem;
    transition: opacity .5s ease-in-out
}
.quiz__results-list-item {
    width: 100%
}
.quiz__results-list.is-collapsed {
    max-height: 0;
    overflow: hidden
}
.quiz__results-question {
    height: 100%;
    background: #fff;
    border: 1px solid #ebebeb;
    margin: .6rem auto;
    padding: 0;
    position: relative
}
.quiz__results-answer-header {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.3rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 900
}
.quiz__results-answer-header--wrong {
    background: #b40000
}
.quiz__results-answer-header--wrong .icon {
    width: 1.2rem;
    height: 1.2rem;
    min-width: 1.2rem;
    min-height: 1.2rem
}
.quiz__results-answer-header--correct {
    background: #408428
}
.quiz__results-outcome {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}
.quiz__result-info-container {
    padding: 1.6rem
}
.quiz__result-info-question {
    font-size: 1.6rem;
    line-height: 1.38;
    margin-bottom: 1.2rem;
    color: #141414
}
.quiz__result-info {
    font-size: 1.4rem;
    font-weight: 600
}
.quiz__result-info--wrong {
    color: #b40000
}
.quiz__result-info--wrong .quiz__result-icon--correct {
    display: none
}
.quiz__result-info--correct {
    color: #408428
}
.quiz__result-info--correct .quiz__result-icon--wrong {
    display: none
}
.quiz__result-info .quiz__result-icon {
    margin: .2rem .4rem 0 0
}
.quiz__result-info-lead-media {
    width: 100%;
    max-width: 32rem;
    height: 18rem;
    margin: 1.2rem 0
}
.quiz__result-info-image {
    width: 16rem;
    height: 9rem;
    margin: 1rem 0 .6rem
}
.quiz__result-info-image,
.quiz__result-info-lead-media {
    overflow: hidden
}
.quiz__result-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: .6rem 0;
    font-weight: 900
}
.quiz__loading {
    background: #fff;
    margin: 0 auto 1.6rem
}
.quiz.show-results {
    margin-top: 28rem
}
.quiz.show-results .quiz__header {
    display: none
}
.quiz.show-results .quiz__questions {
    min-height: auto
}
.quiz.show-results .quiz__results-header {
    margin-top: -28rem
}
@media (max-width:840px) {
    .quiz__header {
        padding: 1.6rem .4rem
    }
    .quiz__question-container {
        padding: 0 2rem
    }
    .quiz__question-text {
        padding: 0 .4rem
    }
    .quiz__results-list {
        max-width: 70rem;
        padding: 0 .4rem
    }
    .quiz.show-results {
        margin-top: 4rem
    }
    .quiz.show-results .quiz__results-header {
        margin-top: -4rem
    }
}
@media (max-width:640px) {
    .quiz__header {
        padding: 2rem 1.6rem
    }
    .quiz__pager-item {
        -ms-flex: 1;
        flex: 1
    }
    .quiz__active-number {
        font-size: 1.2rem
    }
    .quiz__question-container {
        padding: 0
    }
    .quiz__question-container.is-active {
        min-height: 32rem
    }
    .quiz__question-text {
        font-size: 1.6rem;
        line-height: 1.38;
        max-width: 48rem
    }
    .quiz__main-image-container {
        height: 22rem;
        margin-top: 0
    }
    .quiz__options-container--no-images .quiz__list-item {
        width: 100%
    }
    .quiz__options-container--images .quiz__list-item {
        width: calc(50% - 0.8rem)
    }
    .quiz__list-item {
        margin: .4rem
    }
    .quiz__option-text {
        font-size: 1.4rem
    }
    .quiz__picture-option-image {
        height: 9.4rem
    }
    .quiz__picture-option-image+.quiz__option-text {
        font-size: 1.2rem;
        padding: 0 1.2rem;
        height: 5.1rem
    }
    .quiz__buttons {
        margin: 2rem auto;
        padding: 0 1.6rem
    }
    .quiz__nav-btn {
        font-size: 1.4rem;
        max-width: none;
        margin: 0 .4rem
    }
    .quiz__results-list-item {
        width: calc(1 - $option-gutter)
    }
    .quiz__results-summary {
        font-size: 1.4rem
    }
    .quiz__results-answer-header {
        font-size: 1.4rem;
        line-height: 1.43;
        font-weight: 600
    }
    .quiz__result-info-container {
        padding: 1rem
    }
    .quiz__result-info-question {
        font-size: 1.4rem
    }
    .quiz__result-container {
        font-size: 1.4rem;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .quiz__result-info .quiz__result-icon {
        margin-top: .2rem
    }
    .quiz__refresh-text--desktop {
        display: none
    }
    .quiz__refresh-text--mobile {
        display: inline
    }
}
@media (max-width:415px) {
    .quiz__header {
        padding: 1.6rem 1.2rem
    }
    .quiz__buttons {
        padding: 0 .8rem
    }
}
.embeddable-rankings .top-rankings__rankingtype {
    display: block
}
@media (max-width:39.99em) {
    .embeddable-rankings {
        padding: 0;
        width: calc(100% + 3.2rem);
        margin-left: -1.6rem
    }
    .center .embeddable-rankings,
    .full-width .embeddable-rankings,
    .left .embeddable-rankings,
    .right .embeddable-rankings {
        margin-left: -1.6rem
    }
}
.embeddable-rankings__disclaimer {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    color: rgba(61, 61, 61, .7);
    font-size: 1.4rem;
    line-height: 1;
    padding: 1.6rem;
    text-align: center;
    clear: both
}
.rankings-abridged__container:before {
    content: "";
    display: block
}
.rankings-abridged__container:after {
    content: "";
    display: table;
    clear: both
}
.rankings-abridged__title-container {
    clear: both
}
.rankings-abridged__content {
    display: -ms-flexbox;
    display: flex;
    clear: both
}
.rankings-abridged__logo-wrapper {
    margin-bottom: 2rem
}
.rankings-abridged__logo {
    display: block;
    position: relative;
    width: 55rem
}
.rankings-abridged__logo img {
    position: relative
}
.rankings-abridged--branded {
    background-color: #e6e6e6;
    padding-top: 4.8rem;
    padding-bottom: 4.8rem
}
.rankings-abridged--branded .rankings-abridged__header {
    margin-bottom: 4.4rem
}
.rankings-abridged--branded .rankings-abridged__container,
.rankings-abridged--branded .top-rankings__table-container {
    position: relative
}
.rankings-abridged--branded .top-rankings__table-container:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: .8rem;
    background-color: #e6e6e6
}
.rankings-abridged--branded .top-rankings__title {
    color: #0a4d3c
}
@media (max-width:1350px) {
    .rankings-abridged--branded .top-rankings__header {
        margin-bottom: 1.2rem
    }
    .rankings-abridged--branded .top-rankings__title {
        color: #5e5e5e
    }
    .rankings-abridged--branded .top-rankings__title--active {
        color: #0a4d3c
    }
}
@media (max-width:52.49em) {
    .rankings-abridged {
        padding: 0 .8rem
    }
    .rankings-abridged--branded {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }
    .rankings-abridged__logo {
        margin-top: 1rem;
        width: 36rem;
        height: 2.6rem
    }
}
@media (max-width:39.99em) {
    .rankings-abridged {
        padding-top: .8rem;
        padding-bottom: .8rem
    }
    .rankings-abridged__content {
        padding-left: 0;
        padding-right: 0
    }
}
@media (max-width:360px) {
    .rankings-abridged__logo {
        width: 30rem;
        height: 2.1rem
    }
}
.top-rankings {
    -ms-flex: 1;
    flex: 1
}
.top-rankings__title,
.top-rankings__title-container {
    display: none
}
.top-rankings__content {
    display: -ms-flexbox;
    display: flex
}
.top-rankings__rankingtype {
    font-size: 1.9rem;
    line-height: 1.05;
    letter-spacing: -.032rem;
    position: relative;
    z-index: 20
}
.top-rankings__section {
    position: relative;
    -ms-flex: 1;
    flex: 1
}
.top-rankings__section:first-child {
    max-width: 31rem
}
.top-rankings__section--bg {
    margin-right: .8rem
}
.top-rankings__section--bg .player-headshot.full-body img {
    margin-left: 55%
}
.top-rankings__top-player {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    text-decoration: none;
    overflow: hidden;
    z-index: 2
}
.top-rankings__top-player .top-rankings__country-flag {
    margin-right: .6rem
}
.top-rankings__top-headshot {
    position: absolute;
    top: 0;
    width: 100%;
    right: -25%;
    bottom: 0;
    overflow: hidden
}
.top-rankings__top-headshot.head-only {
    width: 12rem;
    height: 16rem;
    top: calc((100% - 16rem) / 2);
    right: calc((50% - 12rem) / 2);
    border-radius: 5%;
    overflow: hidden
}
.top-rankings__top-headshot--doubles .player-headshot__photo img {
    height: 180%
}
.top-rankings__top-headshot--doubles-player-1 {
    right: 0;
    bottom: -20%;
    z-index: 10
}
.top-rankings__top-headshot--doubles-player-2 {
    right: -30%
}
.top-rankings__headshot-list {
    width: 4rem;
    height: 4rem;
    position: relative;
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    border: .1rem solid #fff;
    background-color: #f7f7f7;
    overflow: hidden
}
.top-rankings__headshot-list img {
    padding: .5rem;
    border-radius: 100%
}
.top-rankings__type-title {
    position: absolute;
    top: 50%;
    left: -2.2rem;
    margin-top: -.6rem;
    font-size: 1.1rem;
    line-height: 1.2rem;
    letter-spacing: -.055rem;
    color: #fff;
    font-weight: 900;
    font-style: italic;
    transform: rotate(-90deg)
}
.top-rankings__top-rank {
    position: relative;
    padding: 1.6rem;
    font-size: 11rem;
    line-height: 9rem;
    color: #fff;
    z-index: 10;
    background-color: #141414;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    margin-bottom: .8rem;
    -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;
    overflow: hidden
}
.top-rankings__top-rank-number {
    font-size: 6.4rem;
    line-height: 1;
    letter-spacing: .4rem;
    display: -ms-flexbox;
    display: flex
}
.top-rankings__top-rank-hash {
    color: #0a4d3c
}
.top-rankings__top-details {
    position: relative;
    padding: 1.4rem 1.6rem;
    color: #fff;
    z-index: 10;
    background-color: #0a4d3c;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.top-rankings__top-name-container {
    margin-bottom: .8rem
}
.top-rankings__top-first-name {
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -.084rem;
    color: #f1e7ff;
    transition: color .4s ease
}
.top-rankings__top-last-name {
    font-size: 3.2rem;
    line-height: 1;
    letter-spacing: -.1rem;
    position: relative;
    transition: color .4s ease
}
.top-rankings__top-country {
    display: -ms-flexbox;
    display: flex;
    margin: .8rem 0 0;
    -ms-flex-align: center;
    align-items: center;
    color: #ddc4ff;
    font-size: 1.3rem;
    line-height: .85;
    text-transform: uppercase;
    font-weight: 700
}
.top-rankings__top-country,
.top-rankings__top-points {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif
}
.top-rankings__top-points {
    font-size: 1.5rem;
    line-height: 1.07;
    letter-spacing: -.08rem;
    font-weight: 400
}
.top-rankings__points-label {
    font-size: 1.9rem;
    line-height: 1.05;
    letter-spacing: -.06rem;
    display: block;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    margin-top: .4rem
}
.top-rankings__list-container {
    height: 100%
}
.top-rankings__table-container {
    padding: .9rem 0 0 1.4rem;
    margin-bottom: .8rem;
    background-color: #fff
}
.top-rankings__table {
    width: 100%;
    text-align: left
}
.top-rankings__table-title {
    padding-bottom: .8rem;
    font-weight: 500
}
.top-rankings__table-title:last-child {
    padding-right: 1rem
}
.top-rankings__column {
    padding: .2rem 0;
    border-bottom: 1px solid #ececec;
    height: 5rem
}
.top-rankings__column--rank {
    width: 4rem
}
.top-rankings__column--photo {
    width: 5.2rem
}
.top-rankings__column--player {
    position: relative;
    width: auto
}
@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) {
    .top-rankings__column--player {
        position: static
    }
}
.top-rankings__column--text-right {
    text-align: right
}
.top-rankings__column:last-child {
    padding-right: 1rem
}
.top-rankings__table-header {
    font-size: 1.3rem;
    line-height: 1.3rem;
    letter-spacing: -.108rem;
    color: #5e5e5e
}
.top-rankings__row {
    transform: scale(1)
}
.top-rankings__rank {
    font-size: 1.9rem;
    line-height: 2.4rem;
    color: #0a4d3c;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.top-rankings__movement {
    position: relative;
    top: -.4rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.1rem;
    line-height: 1.2rem;
    font-weight: 800
}
.top-rankings__movement:before {
    content: "";
    display: inline-block;
    margin-right: .1rem;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 5px solid
}
.top-rankings__movement--up {
    color: #14861a
}
.top-rankings__movement--up:before {
    border-bottom-color: #14861a
}
.top-rankings__movement--down {
    color: red
}
.top-rankings__movement--down:before {
    margin-top: .1rem;
    border-top: 5px solid red;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: none
}
.top-rankings__movement--none {
    top: 0;
    padding-left: .3rem;
    font-size: 1.9rem;
    color: #767676;
    letter-spacing: -.031rem
}
.top-rankings__movement--none:before {
    content: none
}
.top-rankings__movement--top {
    position: relative;
    top: 1rem;
    font-size: 1.3rem;
    color: #fff
}
.top-rankings__movement--top:before {
    margin-right: .3rem;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom-width: 6px
}
.top-rankings__movement--none.top-rankings__movement--top {
    font-size: 3.2rem;
    color: #767676
}
.top-rankings__headshot,
.top-rankings__headshot:before {
    display: block;
    transform: translateY(2px);
    transition: transform .4s ease;
    transform-origin: bottom center
}
.top-rankings__headshot-doubles {
    display: inline-block;
    background-color: #fff
}
.top-rankings__headshot-doubles:nth-child(2) {
    margin-left: -.8rem
}
.top-rankings__qualified {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    background-image: linear-gradient(90deg, #a8771d, #f5e5bb 25%, #d5b16d 50%, #f9fbca 75%, #a8771d);
    color: #0a4d3c;
    float: left;
    font-size: 1.4rem;
    height: 3rem;
    letter-spacing: normal;
    line-height: 2.3;
    margin-right: 1rem;
    text-align: center;
    width: 3rem
}
.top-rankings__country-flag {
    margin-right: .2rem;
    width: 1.8rem;
    height: 1.3rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);
    vertical-align: middle
}
.top-rankings__country-name {
    color: #767676;
    font-size: 1.1rem;
    line-height: 1.1rem;
    font-weight: 600
}
.top-rankings__player {
    white-space: nowrap
}
.top-rankings__player-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: -999rem;
    z-index: 4
}
.top-rankings__player-name {
    display: block;
    position: relative;
    font-size: 1.5rem;
    line-height: 1.13;
    letter-spacing: -.023rem;
    width: 100%;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden
}
.top-rankings__first-name {
    position: relative;
    color: #767676
}
.top-rankings__points {
    color: #0a4d3c;
    font-size: 1.5rem;
    line-height: 1.6rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.top-rankings__link {
    padding: 1.3rem 1.2rem 1.4rem
}
.top-rankings:not(.top-rankings--champ-doubles) .top-rankings__country-flag {
    display: inline
}
.top-rankings:not(.top-rankings--champ-doubles) .top-rankings__top-player:focus .top-rankings__top-last-name {
    text-decoration: underline
}
@media (min-width:52.5em) {
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__top-player:hover .top-rankings__top-last-name {
        text-decoration: underline
    }
}
.top-rankings:not(.top-rankings--champ-doubles) .top-rankings__top-last-name {
    margin-top: .1rem;
    overflow: hidden;
    text-overflow: ellipsis
}
@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) {
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__row:focus .top-rankings__headshot,
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__row:focus .top-rankings__headshot:before {
        transform: translateY(0) scale(1.04)
    }
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__row:focus .top-rankings__first-name,
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__row:focus .top-rankings__player-name {
        color: #0a4d3c
    }
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__row:focus .top-rankings__player-name {
        text-decoration: underline
    }
}
@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) and (min-width:52.5em) {
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__row:hover .top-rankings__headshot,
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__row:hover .top-rankings__headshot:before {
        transform: translateY(0) scale(1.04)
    }
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__row:hover .top-rankings__first-name,
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__row:hover .top-rankings__player-name {
        color: #0a4d3c
    }
    .top-rankings:not(.top-rankings--champ-doubles) .top-rankings__row:hover .top-rankings__player-name {
        text-decoration: underline
    }
}
.top-rankings--champ-doubles .top-rankings__top-headshot:first-child {
    top: auto;
    right: -10%;
    bottom: 0
}
.top-rankings--champ-doubles .top-rankings__top-headshot:nth-child(2) {
    z-index: -1
}
.top-rankings--champ-doubles .top-rankings__top-player-link {
    text-decoration: none
}
.top-rankings--champ-doubles .top-rankings__top-player-link:focus .top-rankings__top-first-name,
.top-rankings--champ-doubles .top-rankings__top-player-link:focus .top-rankings__top-last-name {
    text-decoration: underline;
    color: #fff
}
@media (min-width:52.5em) {
    .top-rankings--champ-doubles .top-rankings__top-player-link:hover .top-rankings__top-first-name,
    .top-rankings--champ-doubles .top-rankings__top-player-link:hover .top-rankings__top-last-name {
        text-decoration: underline;
        color: #fff
    }
}
.top-rankings--champ-doubles .top-rankings__top-first-name {
    display: inline-block
}
.top-rankings--champ-doubles .top-rankings__top-last-name {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 2.1rem;
    letter-spacing: -.084rem;
    color: #fff
}
.top-rankings--champ-doubles .top-rankings__top-country {
    margin-top: .4rem
}
.top-rankings--champ-doubles .top-rankings__column {
    padding-top: .2rem;
    padding-bottom: .2rem
}
.top-rankings--champ-doubles .top-rankings__column--photo {
    width: 8.6rem
}
.top-rankings--champ-doubles .top-rankings__player {
    display: -ms-flexbox;
    display: flex;
    margin: .6rem 0
}
.top-rankings--champ-doubles .top-rankings__player-name {
    color: #0a0a0a;
    text-decoration: none;
    font-size: 1.2rem
}
.top-rankings--champ-doubles .top-rankings__player-name:focus .top-rankings__player-name {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .top-rankings--champ-doubles .top-rankings__player-name:hover .top-rankings__player-name {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.top-rankings--champ-doubles .top-rankings__country {
    height: 1.3rem;
    margin-right: .8rem
}
.top-rankings--championship.top-rankings--champ-doubles .top-rankings__top-details {
    display: -ms-flexbox;
    display: flex
}
@media (min-width:1401px) {
    .top-rankings {
        transform: translateX(0)!important
    }
}
@media (min-width:1351px) {
    .top-rankings:first-child:not(:last-child) {
        padding-right: 2.7rem
    }
}
@media (max-width:1350px) {
    .top-rankings {
        width: 100%;
        -ms-flex: none;
        flex: none;
        transition: transform .5s ease
    }
    .top-rankings__rankingtype {
        display: none
    }
    .top-rankings:not(:last-child) {
        margin-right: 6rem;
        padding-right: 0
    }
    .top-rankings__section--bg:before {
        right: -.8rem
    }
    .top-rankings__title-container {
        display: block
    }
    .top-rankings__title {
        position: relative;
        display: inline-block;
        margin-bottom: 1.6rem;
        font-size: 2.4rem;
        line-height: 2.4rem;
        font-family: Ferry, Arial, Helvetica Neue, sans-serif;
        font-weight: 900;
        outline: none;
        cursor: default;
        color: #5e5e5e;
        transition: color .25s
    }
    .top-rankings__title:nth-child(2):before {
        content: "";
        position: relative;
        display: inline-block;
        top: .5rem;
        margin: 0 .8rem 0 .4rem;
        width: .1rem;
        height: 2.7rem;
        background-color: #dedede
    }
    .top-rankings__title--active {
        color: #0a4d3c
    }
    .top-rankings__title:not(.top-rankings__title--active) {
        cursor: pointer
    }
    .top-rankings__title:not(.top-rankings__title--active):focus {
        color: #3d3d3d
    }
}
@media (max-width:1350px) and (min-width:52.5em) {
    .top-rankings__title:not(.top-rankings__title--active):hover {
        color: #3d3d3d
    }
}
@media (max-width:1350px) {
    .top-rankings__top-headshot--doubles-player-1 {
        right: -12%
    }
}
@media (max-width:1420px) and (min-width:1350px) {
    .top-rankings--doubles .top-rankings__column--photo,
    .top-rankings--doubles .top-rankings__table-title--photo {
        display: none
    }
}
@media (max-width:1350px) and (min-width:840px) {
    .top-rankings__section:first-child {
        max-width: 50rem
    }
    .top-rankings__column {
        width: 6rem
    }
    .top-rankings__column--player {
        width: auto
    }
    .top-rankings__headshot-doubles {
        margin-right: 0
    }
}
@media (max-width:1025px) {
    .top-rankings__top-headshot--doubles-player-1 {
        right: -5%
    }
}
@media (max-width:840px) {
    .top-rankings:first-child:not(:last-child) {
        margin-right: 1.6rem
    }
}
@media (max-width:715px) and (min-width:640px) {
    .top-rankings--champ-doubles .top-rankings__column--photo,
    .top-rankings--champ-doubles .top-rankings__table-title--photo {
        display: none
    }
}
@media (max-width:640px) {
    .top-rankings__content {
        display: block;
        height: auto
    }
    .top-rankings__section {
        margin-right: 0
    }
    .top-rankings__section:first-child {
        max-width: 100%
    }
    .top-rankings__section--bg:before {
        left: -.8rem;
        right: -.8rem
    }
    .top-rankings__title {
        font-size: 1.9rem;
        line-height: 1.9rem
    }
    .top-rankings__top-country {
        font-size: 1.1rem;
        line-height: 1.1rem
    }
    .top-rankings__top-points {
        line-height: 1.07
    }
    .top-rankings__column {
        width: 4rem
    }
    .top-rankings__column--photo {
        width: 5rem
    }
    .top-rankings__column--player {
        width: auto
    }
    .top-rankings__movement {
        font-size: .9rem;
        line-height: 1.2rem
    }
    .top-rankings__movement:before {
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 3px solid
    }
    .top-rankings__movement--down:before {
        border-top-width: 3px;
        border-bottom: none
    }
    .top-rankings__link {
        margin-top: .8rem
    }
    .top-rankings__link-icon {
        display: inline-block;
        width: 1.1rem;
        height: 1.1rem;
        fill: #fff
    }
    .top-rankings__top-headshot--doubles-player-1 {
        right: -8%
    }
    .top-rankings--champ-doubles .top-rankings__top-player:before {
        width: 75%
    }
    .top-rankings--champ-doubles .top-rankings__top-country {
        margin: .1rem 0 .8rem
    }
    .top-rankings--champ-doubles .top-rankings__column--photo {
        width: 8.4rem
    }
}
@media (max-width:415px) {
    .top-rankings__country-flag {
        vertical-align: middle
    }
}
@media (max-width:360px) {
    .top-rankings__column--photo,
    .top-rankings__table-title--photo {
        display: none
    }
}
.date-picker {
    position: absolute;
    margin-top: .5rem;
    width: 25.7rem;
    min-height: 30.4rem;
    background-color: #fff;
    visibility: hidden;
    transform: scale(0);
    transition: transform .2s ease;
    transform-origin: top;
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .24);
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}
.date-picker--open {
    visibility: visible;
    transform: scale(1)
}
.date-picker__nav {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1.6rem 1.6rem 1.4rem;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    z-index: 20
}
.date-picker__nav-button {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #0a4d3c;
    border-radius: 100%;
    border: none;
    outline: none
}
.date-picker__nav-button:focus .date-picker__nav-button-mask {
    opacity: 1
}
@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
    .date-picker__nav-button:focus .date-picker__nav-button-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:52.5em) {
    .date-picker__nav-button:hover .date-picker__nav-button-mask {
        opacity: 1
    }
    @supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
        .date-picker__nav-button:hover .date-picker__nav-button-mask {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
        }
    }
}
.date-picker__nav-button--prev {
    transform: rotate(180deg)
}
.date-picker__nav-button--disabled {
    pointer-events: none;
    background-color: #3d3d3d;
    opacity: .25
}
.date-picker__nav-button--disabled:focus .date-picker__nav-button-mask {
    opacity: 0
}
@media (min-width:52.5em) {
    .date-picker__nav-button--disabled:hover .date-picker__nav-button-mask {
        opacity: 0
    }
}
.date-picker__nav-button-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #141414;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
    border-radius: 100%
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .date-picker__nav-button-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.date-picker__nav-button-mask svg {
    fill: #fff
}
.date-picker__nav-button-mask .date-picker__nav-button-icon {
    margin-left: 0
}
.date-picker__nav-button-icon {
    margin-left: .2rem;
    width: .8rem;
    height: .8rem;
    fill: #fff
}
.date-picker__month-year {
    display: -ms-flexbox;
    display: flex;
    padding-top: .2rem;
    width: 16.4rem;
    -ms-flex-line-pack: center;
    align-content: center
}
.date-picker__month-year-label {
    display: inline-block;
    width: 50%;
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -.115rem;
    text-align: right;
    cursor: pointer;
    transition: color .4s ease;
    outline: none
}
.date-picker__month-year-label:after {
    content: "";
    display: inline-block;
    margin-left: .5rem;
    vertical-align: middle;
    border-top: 4px solid #000;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    transition: border .4s ease
}
.date-picker__month-year-label:last-child {
    text-align: left
}
.date-picker__month-year-label:last-child:before {
    content: "";
    display: inline-block;
    margin: 0 1.1rem;
    width: .1rem;
    height: 2.4rem;
    vertical-align: middle;
    background-color: rgba(61, 61, 61, .12)
}
.date-picker__month-year-label:focus {
    color: #0a4d3c
}
.date-picker__month-year-label:focus:after {
    border-top-color: #0a4d3c
}
@media (min-width:52.5em) {
    .date-picker__month-year-label:hover {
        color: #0a4d3c
    }
    .date-picker__month-year-label:hover:after {
        border-top-color: #0a4d3c
    }
}
.date-picker__view-container {
    position: relative;
    padding: 0 1.6rem
}
.date-picker__calendar {
    width: 100%
}
.date-picker__header-cell {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.1rem;
    font-weight: 300;
    letter-spacing: -.085rem;
    color: gray;
    text-align: center;
    text-transform: uppercase
}
.date-picker__row {
    cursor: not-allowed;
    opacity: .4
}
.date-picker__row--data {
    opacity: 1;
    cursor: pointer
}
.date-picker__row--data:focus .date-picker__cell:after {
    opacity: 1;
    background-color: rgba(61, 61, 61, .08)
}
@media (min-width:52.5em) {
    .date-picker__row--data:hover .date-picker__cell:after {
        opacity: 1;
        background-color: rgba(61, 61, 61, .08)
    }
}
.date-picker__row--selected {
    opacity: 1;
    cursor: default
}
.date-picker__row--selected .date-picker__cell:after {
    opacity: 1;
    background-color: rgba(120, 20, 255, .16)
}
.date-picker__row--selected .date-picker__cell--monday {
    color: #fff;
    font-weight: 600
}
.date-picker__row--selected .date-picker__cell--monday:before {
    background-color: #0a4d3c
}
.date-picker__row--selected:focus .date-picker__cell:after,
.date-picker__row--selected:focus:after {
    background-color: rgba(120, 20, 255, .16)
}
@media (min-width:52.5em) {
    .date-picker__row--selected:hover .date-picker__cell:after,
    .date-picker__row--selected:hover:after {
        background-color: rgba(120, 20, 255, .16)
    }
}
.date-picker__cell {
    position: relative;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.3rem;
    letter-spacing: -.1rem;
    text-align: center
}
.date-picker__cell:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .4s ease;
    height: 3.2rem
}
.date-picker__cell:first-child,
.date-picker__cell:first-child:after {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}
.date-picker__cell:last-child,
.date-picker__cell:last-child:after {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}
.date-picker__cell--today:before {
    border: 2px solid rgba(120, 20, 255, .4);
    border-radius: 100%;
    width: 2.4rem;
    height: 2.4rem
}
.date-picker__cell--monday:before,
.date-picker__cell--today:before {
    content: "";
    position: absolute;
    top: .2rem;
    left: .2rem;
    right: .2rem;
    bottom: .2rem
}
.date-picker__cell--monday:before {
    background-color: #f0f0f0;
    border-radius: 100%
}
.date-picker__cell--faded {
    color: rgba(61, 61, 61, .2)
}
.date-picker__cell-data {
    position: relative;
    z-index: 1
}
.date-picker__overlay {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 .8rem;
    height: calc(100% + 1.6rem);
    transform: translateY(-150%);
    transition: transform .2s ease;
    transform-origin: top center;
    background-color: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
    z-index: 10
}
.date-picker__overlay--open {
    transform: translateY(0)
}
.date-picker__years .date-picker__button {
    height: 3.8rem
}
.date-picker__button {
    padding: 0;
    width: 33.33%;
    height: 4.6rem;
    background: transparent;
    border: none;
    cursor: default;
    opacity: .2;
    outline: none
}
.date-picker__button--current .date-picker__button-label {
    color: #fff;
    font-weight: 800;
    background-color: #0a4d3c
}
.date-picker__button--selectable {
    cursor: pointer;
    opacity: 1
}
.date-picker__button--selectable:focus .date-picker__button-label {
    background-color: rgba(61, 61, 61, .08)
}
@media (min-width:52.5em) {
    .date-picker__button--selectable:hover .date-picker__button-label {
        background-color: rgba(61, 61, 61, .08)
    }
}
.date-picker__button--nav {
    background-color: #f5f5f5
}
.date-picker__button--nav .date-picker__button-label {
    color: #0a0a0a;
    font-weight: 800
}
.date-picker__button-label {
    display: inline-block;
    min-width: 8.2rem;
    padding: .8rem 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: #3d3d3d;
    letter-spacing: -.1rem;
    border-radius: 4px
}
.date-picker__today {
    margin-top: 1.4rem;
    padding: 1rem 0 1.2rem;
    border-top: 1px solid #f0f0f0;
    font-size: 1.5rem;
    font-weight: 900;
    text-align: center;
    letter-spacing: -.115rem;
    color: #0a4d3c;
    cursor: pointer;
    transition: color .4s ease;
    outline: none
}
.date-picker__today:focus {
    color: #0a0a0a
}
@media (min-width:52.5em) {
    .date-picker__today:hover {
        color: #0a0a0a
    }
}
@media (max-width:840px) {
    .date-picker {
        position: static;
        margin-top: 0;
        width: 100%;
        visibility: visible;
        transform: scale(1);
        box-shadow: none;
        background: none
    }
    .date-picker__nav {
        padding: .8rem 0 .9rem;
        -ms-flex-pack: center;
        justify-content: center;
        background: #f5f5f5
    }
    .date-picker__nav-button {
        display: none
    }
    .date-picker__month-year {
        width: 100%
    }
    .date-picker__month-year-label {
        display: -ms-flexbox;
        display: flex;
        height: 4rem;
        font-size: 1.9rem;
        letter-spacing: -.05rem;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .date-picker__month-year-label:last-child {
        border-left: 2px solid rgba(0, 0, 0, .1)
    }
    .date-picker__month-year-label:last-child:before {
        content: none
    }
    .date-picker__view-container {
        margin: 0 .8rem;
        padding: 2.4rem 0 0;
        background-color: #fff
    }
    .date-picker__calendar {
        max-width: 33.6rem;
        margin: 0 auto
    }
    .date-picker__today {
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
        padding: 0;
        height: 6.6rem;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #fff;
        border: none
    }
    .date-picker__cell {
        width: 4.8rem;
        height: 3.8rem;
        font-size: 1.5rem
    }
    .date-picker__cell:after {
        height: 3.8rem
    }
    .date-picker__cell:first-child:after {
        left: .4rem
    }
    .date-picker__cell:last-child:after {
        right: .4rem
    }
    .date-picker__cell--monday:before {
        left: .7rem;
        right: auto;
        width: 3.5rem;
        height: 3.5rem
    }
    .date-picker__cell--today:before {
        left: .7rem;
        right: auto;
        width: 3rem;
        height: 3rem
    }
    .date-picker__overlay {
        padding-top: 1.6rem;
        height: calc(100% + .1rem);
        overflow: hidden
    }
    .date-picker__button,
    .date-picker__years .date-picker__button {
        height: 5.8rem
    }
    .date-picker__button-label {
        font-size: 1.5rem
    }
}
@media (max-width:350px) {
    .date-picker__view-container {
        margin: 0
    }
    .date-picker__cell {
        width: 4.5rem
    }
    .date-picker__cell--monday:before {
        left: .6rem;
        right: auto;
        width: 3.4rem;
        height: 3.4rem
    }
    .date-picker__cell--today:before {
        left: .6rem;
        right: auto;
        width: 3rem;
        height: 3rem
    }
}
.rankings-filter {
    position: relative;
    transition: background .4s ease;
    z-index: 3;
    outline: none
}
.rankings-filter:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .4rem;
    background: #0a4d3c;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease
}
.rankings-filter__content {
    width: 22rem;
    padding: 1.6rem 5.2rem 1.6rem 2.4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .2s ease;
    outline: none
}
.rankings-filter__content.is-disabled {
    opacity: .4;
    cursor: not-allowed
}
.rankings-filter__label {
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: -.1rem;
    opacity: .9;
    transition: color .4s ease;
    pointer-events: none
}
.rankings-filter__value {
    margin-top: -.2rem;
    font-size: 2.1rem;
    line-height: 2.5rem;
    font-weight: 900;
    color: #212121;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.rankings-filter__icon {
    position: absolute;
    top: 50%;
    right: 2.4rem;
    margin-top: -.6rem;
    width: 1.2rem;
    height: 1.2rem;
    transform: rotate(90deg);
    fill: gray;
    transition: fill .4s ease, transform .4s ease
}
.rankings-filter--open .rankings-filter__icon {
    transform: rotate(-90deg)
}
.rankings-filter:focus {
    background: #f5f5f5
}
.rankings-filter:focus:after {
    transform: scale(1)
}
.rankings-filter:focus .rankings-filter__label {
    color: #0a4d3c
}
.rankings-filter:focus .rankings-filter__icon {
    fill: #0a4d3c
}
@media (min-width:52.5em) {
    .rankings-filter:hover {
        background: #f5f5f5
    }
    .rankings-filter:hover:after {
        transform: scale(1)
    }
    .rankings-filter:hover .rankings-filter__label {
        color: #0a4d3c
    }
    .rankings-filter:hover .rankings-filter__icon {
        fill: #0a4d3c
    }
}
.mobile-filters {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: #f5f5f5;
    transform: translateY(200%);
    opacity: 0;
    transition: opacity .4s ease, transform .4s ease
}
.mobile-filters--open {
    transform: translateY(0);
    opacity: 1
}
.mobile-filters__button {
    position: fixed;
    right: 6.4rem;
    bottom: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem 2.4rem .8rem .8rem;
    color: #fff;
    background: #141414;
    border: none;
    border-radius: 24px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .12);
    z-index: 50;
    min-height: 4.8rem
}
.mobile-filters__button--confirm {
    z-index: 30
}
.mobile-filters__button-icon-container {
    display: inline-block;
    margin-right: 1.6rem;
    padding: .7rem;
    width: 3.2rem;
    height: 3.2rem;
    background-color: hsla(0, 0%, 100%, .12);
    border-radius: 100%
}
.mobile-filters__button-icon {
    width: 1.8rem;
    height: 1.8rem;
    fill: #fff
}
.mobile-filters__button-label {
    font-size: 1.6rem;
    font-weight: 800
}
.mobile-filters__button-counter {
    display: inline-block;
    margin-left: .6rem;
    margin-top: .1rem;
    width: 1.7rem;
    height: 1.7rem;
    background-color: #0a4d3c;
    color: #fff;
    padding-top: .1rem;
    font-size: 1.3rem;
    font-weight: 800
}
.mobile-filters__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #141414
}
.mobile-filters__header-icon-container {
    margin-right: 1.2rem;
    padding: 1.2rem;
    width: 4.8rem;
    height: 4.8rem;
    background-color: hsla(0, 0%, 100%, .12)
}
.mobile-filters__header-icon {
    width: 2.4rem;
    height: 2.4rem;
    fill: #fff
}
.mobile-filters__header-title {
    font-size: 2.8rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: -.1rem
}
.mobile-filters__close {
    padding: 0;
    margin-left: auto;
    width: 4.8rem;
    height: 4.8rem;
    background-color: #0a4d3c
}
.mobile-filters__close .icon {
    right: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    fill: #fff
}
.mobile-filters__content {
    padding: 1.6rem 0
}
.mobile-filters__selection {
    margin-bottom: .4rem;
    padding: 1.3rem 1.6rem;
    background-color: #fff;
    position: relative
}
.mobile-filters__selection.is-disabled {
    opacity: .4;
    cursor: not-allowed
}
.mobile-filters__selection-label {
    margin-bottom: .6rem;
    font-size: 1.3rem;
    color: #666
}
.mobile-filters__selection-icon {
    position: relative;
    display: inline-block;
    top: -.2rem;
    margin-right: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    fill: #3e3e3e;
    vertical-align: middle
}
.mobile-filters__selection-value {
    font-size: 1.9rem;
    font-weight: 600;
    letter-spacing: -.05rem;
    color: #3d3d3d;
    vertical-align: middle
}
.mobile-filters__selection-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.mobile-filters__flag {
    display: inline-block;
    margin-right: 1rem
}
.mobile-filters__select {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border: none;
    background-color: transparent;
    padding: 3rem 4rem 1rem;
    font-size: 1.9rem;
    font-weight: 600;
    letter-spacing: -.05rem;
    color: #3d3d3d
}
@media (max-width:840px) {
    .mobile-filters__button {
        right: 6.4rem;
        bottom: 4rem;
        transition: right .4s ease, opacity .4s ease
    }
    .mobile-filters__button--confirm {
        position: absolute;
        right: 1.2rem;
        bottom: 1.5rem
    }
    .mobile-filters__button--confirm .mobile-filters__button-icon-container {
        padding: .9rem;
        background-color: #0a4d3c
    }
    .mobile-filters__button--confirm .mobile-filters__button-icon {
        width: 1.4rem;
        height: 1.4rem
    }
    .mobile-filters__button--cancel {
        padding: 1rem 1.8rem;
        pointer-events: none;
        opacity: 0
    }
    .scroll-top-is-visible .mobile-filters__button--open {
        right: 13rem
    }
    .mobile-filters--open .mobile-filters__button {
        right: 1.2rem
    }
    .cancel-is-visible .mobile-filters__button--confirm {
        right: 11rem
    }
    .cancel-is-visible .mobile-filters__button--cancel {
        opacity: 1;
        pointer-events: all
    }
}
@media (max-width:640px) {
    .mobile-filters__button {
        right: 1.2rem;
        bottom: 1.2rem
    }
    .scroll-top-is-visible .mobile-filters__button--open {
        right: 7.2rem
    }
}
.rankings {
    transition: margin-bottom .25s
}
.rankings.cls-padding {
    margin-bottom: 100vh
}
.rankings__wrapper {
    position: relative
}
.rankings__list {
    width: 100%;
    transition: opacity .4s ease
}
.rankings__mobile-toggle {
    display: none;
    margin-bottom: 1.8rem;
    padding-left: .8rem
}
.rankings__header-cell {
    width: 10%;
    padding-bottom: 1.4rem;
    min-width: 7rem;
    font-size: 1.5rem;
    letter-spacing: -.125rem;
    color: #5e5e5e;
    font-weight: 500
}
.rankings__header-cell--rank {
    width: 10rem
}
.rankings__header-cell--player {
    padding-left: 4rem;
    width: auto;
    text-align: left
}
.rankings__header-cell--tournaments {
    min-width: 15rem
}
.rankings__header-cell--active {
    color: #0a4d3c;
    font-weight: 900
}
.rankings__header-cell--active .rankings__sort-icon {
    fill: #0a4d3c;
    opacity: 1
}
.rankings__header-cell--active.rankings__header-cell--asc .rankings__sort-icon {
    transform: rotate(-90deg)
}
.rankings__header-cell--sort {
    cursor: pointer;
    transition: color .4s ease;
    white-space: nowrap
}
.rankings__header-cell--sort:focus {
    color: #0a4d3c
}
.rankings__header-cell--sort:focus .rankings__sort-icon {
    fill: #0a4d3c
}
@media (min-width:52.5em) {
    .rankings__header-cell--sort:hover {
        color: #0a4d3c
    }
    .rankings__header-cell--sort:hover .rankings__sort-icon {
        fill: #0a4d3c
    }
}
.rankings__sort-icon {
    display: inline-block;
    margin-left: .4rem;
    width: 1rem;
    height: 1rem;
    fill: #5e5e5e;
    opacity: .4;
    transform: rotate(90deg);
    transition: fill .4s ease
}
.rankings__cell {
    height: 6.4rem;
    font-size: 2.1rem;
    line-height: 2.1rem;
    text-align: center;
    font-weight: 900;
    color: #767676;
    border-bottom: 1px solid #ececec;
    letter-spacing: -.029rem
}
.rankings__cell--player {
    position: relative;
    padding: 0 .8rem 0 1rem;
    text-align: left
}
.rankings__cell--points {
    font-size: 2.1rem;
    line-height: 1
}
.rankings__cell--points,
.rankings__rank {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #0a4d3c
}
.rankings__rank {
    display: inline-block;
    margin-right: .8rem;
    font-size: 1.9rem;
    text-align: right
}
.rankings__movement {
    position: relative;
    top: -.5rem;
    width: 3rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -.025rem;
    text-align: center
}
.rankings__movement:before {
    content: "";
    display: inline-block;
    margin-right: .1rem;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid
}
.rankings__movement--up {
    color: #14861a
}
.rankings__movement--up:before {
    border-bottom-color: #14861a
}
.rankings__movement--down {
    color: red
}
.rankings__movement--down:before {
    margin-top: .1rem;
    border-top: 6px solid red;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: none
}
.rankings__movement--none {
    padding-left: .7rem;
    font-size: 1.9rem;
    color: #767676;
    letter-spacing: -.031rem;
    top: -.2rem
}
.rankings__movement--none:before {
    content: none
}
.rankings__movement--long {
    font-size: .9rem
}
.rankings__player-picture {
    position: absolute;
    top: .4rem;
    left: 1rem;
    width: 5.6rem;
    height: 5.6rem
}
.rankings__player-picture--doubles:first-child {
    left: 0
}
.rankings__player-picture--doubles:nth-child(2) {
    left: 5rem
}
.rankings__flag {
    margin-right: .4rem;
    width: 2.7rem;
    height: 2rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .16)
}
.rankings__country,
.rankings__flag {
    display: inline-block;
    vertical-align: middle
}
.rankings__country {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 900;
    color: #767676;
    text-align: left;
    width: 3.2rem
}
.rankings .loader,
.rankings__show-more {
    margin-top: 2.4rem
}
.rankings__error {
    margin: 2.4rem 0;
    text-align: center;
    font-weight: 900
}
.rankings:not(.rankings--champ-doubles) .rankings__row {
    transform: scale(1)
}
@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) {
    .rankings:not(.rankings--champ-doubles) .rankings__row:focus .player-name,
    .rankings:not(.rankings--champ-doubles) .rankings__row:focus .player-name__last-name {
        color: #0a4d3c
    }
    .rankings:not(.rankings--champ-doubles) .rankings__row:focus .player-name__names {
        display: inline-block;
        position: relative
    }
    .rankings:not(.rankings--champ-doubles) .rankings__row:focus .player-name__names:after {
        content: "";
        position: absolute;
        top: calc(100% - .2rem);
        left: 0;
        width: 100%;
        height: .2rem;
        background: #0a4d3c;
        transition: width .4s ease
    }
}
@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) and (min-width:52.5em) {
    .rankings:not(.rankings--champ-doubles) .rankings__row:hover .player-name,
    .rankings:not(.rankings--champ-doubles) .rankings__row:hover .player-name__last-name {
        color: #0a4d3c
    }
    .rankings:not(.rankings--champ-doubles) .rankings__row:hover .player-name__names {
        display: inline-block;
        position: relative
    }
    .rankings:not(.rankings--champ-doubles) .rankings__row:hover .player-name__names:after {
        content: "";
        position: absolute;
        top: calc(100% - .2rem);
        left: 0;
        width: 100%;
        height: .2rem;
        /* background: #0a4d3c; */
        transition: width .4s ease
    }
}
@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) {
    .rankings:not(.rankings--champ-doubles) .rankings__row .rankings__player-link {
        display: none
    }
    .rankings:not(.rankings--champ-doubles) .rankings__row .rankings__player-link--chrome {
        display: block
    }
}
.rankings:not(.rankings--champ-doubles) .rankings__cell--player:focus .player-headshot__picture-wrapper:before,
.rankings:not(.rankings--champ-doubles) .rankings__cell--player:focus .rankings__player-picture {
    transform: translateY(0) scale(1.04)
}
@media (min-width:52.5em) {
    .rankings:not(.rankings--champ-doubles) .rankings__cell--player:hover .player-headshot__picture-wrapper:before,
    .rankings:not(.rankings--champ-doubles) .rankings__cell--player:hover .rankings__player-picture {
        transform: translateY(0) scale(1.04)
    }
}
.rankings:not(.rankings--champ-doubles) .rankings__player-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: -999rem;
    z-index: 4
}
.rankings:not(.rankings--champ-doubles) .rankings__player-link--chrome {
    display: none
}
.rankings--champ-doubles .rankings__header-cell--country {
    width: 16rem
}
.rankings--champ-doubles .rankings__player-link {
    position: relative;
    color: #767676;
    text-decoration: none
}
.rankings--champ-doubles .rankings__player-link:focus .player-name__first-name,
.rankings--champ-doubles .rankings__player-link:focus .player-name__last-name {
    text-decoration: underline;
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .rankings--champ-doubles .rankings__player-link:hover .player-name__first-name,
    .rankings--champ-doubles .rankings__player-link:hover .player-name__last-name {
        text-decoration: underline;
        color: #0a4d3c
    }
}
.rankings--champ-doubles .rankings .player-name__container {
    margin-left: 11rem
}
.rankings--champ-doubles .rankings__name-separator {
    margin: 0 .6rem;
    font-size: 2.2rem;
    font-weight: 600;
    color: hsla(0, 0%, 51%, .4)
}
.rankings--champ-doubles .rankings__country--first {
    margin-right: 1rem
}
.rankings--historical .rankings__cell--tournaments,
.rankings--historical .rankings__header-cell--tournaments,
.rankings--historical .rankings__sort-icon {
    display: none
}
.rankings--historical .rankings__header-cell {
    pointer-events: none;
    cursor: default
}
.rankings--loading .rankings__wrapper {
    min-height: 20rem
}
.rankings--loading .rankings__list {
    opacity: .25
}
.rankings--loading .rankings__loader {
    position: absolute;
    top: 10rem;
    left: 50%;
    transform: translateX(-50%)
}
.rankings .player-search__dropdown-list {
    display: none
}
@media (max-width:1240px) {
    .rankings-filter__content {
        width: 20rem;
        padding: 1.6rem 4.4rem 1.6rem 1.6rem
    }
    .rankings-filter__value {
        font-size: 1.8rem
    }
    .rankings--champ-doubles .rankings__cell--player,
    .rankings--champ-doubles .rankings__header-cell--player {
        padding-left: 2rem
    }
    .rankings--champ-doubles .rankings__player-picture--doubles {
        left: 0
    }
    .rankings--champ-doubles .rankings__player-picture--doubles:nth-child(2) {
        left: 4.8rem
    }
}
@media (max-width:53.75em) {
    .rankings-filter__content {
        width: 18rem
    }
    .rankings--champ-doubles .rankings__name-separator {
        font-size: 1.5rem;
        height: 1.5rem
    }
}
@media (max-width:52.49em) {
    .rankings__wrapper {
        background-color: #fff;
        padding-top: 1.2rem
    }
    .rankings__header-cell--rank {
        width: 11rem
    }
    .rankings__header-cell--player {
        padding-left: 7rem
    }
    .rankings__cell--player {
        padding-left: 0
    }
    .rankings__player-picture {
        left: 0
    }
    .rankings__player-name {
        padding-top: .2rem
    }
    .rankings__first-name,
    .rankings__last-name {
        font-size: 2.1rem;
        line-height: 1
    }
    .rankings__country-container {
        margin-top: -.4rem
    }
    .rankings__flag {
        width: 2rem;
        height: 1.4rem
    }
    .rankings__country {
        font-size: 1.3rem;
        font-style: normal
    }
    .rankings__player-link {
        padding-left: .5rem
    }
    .rankings--champ-doubles .rankings .player-name {
        display: block
    }
    .rankings--champ-doubles .rankings .player-name__first-name,
    .rankings--champ-doubles .rankings .player-name__last-name {
        font-size: 2.1rem;
        line-height: 1
    }
    .rankings--champ-doubles .rankings__name-separator {
        display: none
    }
}
@media (max-width:640px) {
    .rankings__filters {
        margin-bottom: 2rem;
        padding: 0 0 .8rem;
        border: none
    }
    .rankings__filters-content {
        padding: .8rem 0;
        background-color: #fafafa;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .08)
    }
    .rankings__table-toggle {
        color: hsla(0, 0%, 39%, .8);
        background-color: #ebebeb;
        border-radius: .2rem
    }
    .rankings__table-toggle--active {
        color: #fff;
        background-color: #0a4d3c
    }
    .rankings__table-toggle:first-child {
        margin-right: .8rem
    }
    .rankings__header-cell {
        font-size: 1.3rem;
        letter-spacing: -.108rem
    }
    .rankings__header-cell--rank {
        padding-left: .9rem;
        text-align: left;
        width: 9rem
    }
    .rankings__header-cell--player {
        padding-left: 5.6rem
    }
    .rankings__sort-icon {
        width: .9rem;
        height: .8rem
    }
    .rankings__rank {
        margin-right: .3rem;
        font-size: 1.9rem
    }
    .rankings__movement {
        width: 1.6rem;
        font-size: .9rem
    }
    .rankings__movement:before {
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
        border-bottom: 3px solid
    }
    .rankings__movement--down:before {
        border-top-width: 3px;
        border-bottom: none
    }
    .rankings__movement--none {
        top: -.4rem;
        padding-left: .3rem
    }
    .rankings__player-picture {
        top: .6rem;
        width: 4.4rem;
        height: 4.4rem
    }
    .rankings__player-name-container {
        margin-left: 5.6rem
    }
    .rankings__first-name,
    .rankings__last-name {
        font-size: 1.5rem;
        line-height: 1.07
    }
    .rankings__flag {
        width: 1.8rem;
        height: 1.2rem
    }
    .rankings__country {
        font-size: 1.1rem
    }
    .rankings--champ-doubles .rankings__header-cell--rank {
        width: 8rem
    }
    .rankings--champ-doubles .rankings .player-name__container {
        margin-left: 8.6rem
    }
    .rankings--champ-doubles .rankings .player-name__first-name,
    .rankings--champ-doubles .rankings .player-name__last-name {
        font-size: 1.5rem;
        line-height: 1.07
    }
}
@media (max-width:575px) {
    .rankings__mobile-toggle {
        display: block
    }
    .rankings__list--extended .rankings__cell--points,
    .rankings__list--extended .rankings__header-cell--points,
    .rankings__list--overview .rankings__cell--age,
    .rankings__list--overview .rankings__cell--tournaments,
    .rankings__list--overview .rankings__header-cell--age,
    .rankings__list--overview .rankings__header-cell--tournaments {
        display: none
    }
    .rankings__list--extended .rankings__cell--player {
        max-width: calc(100vw - 21rem);
        overflow: hidden
    }
    .rankings__list--extended .rankings__cell--player .player-name__container {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden
    }
    .rankings__header-cell {
        padding-bottom: 0
    }
    .rankings__header-cell--tournaments {
        min-width: auto
    }
    .rankings__cell {
        height: 5.6rem;
        font-size: 1.3rem;
        letter-spacing: -.087rem
    }
    .rankings__cell--points {
        padding-right: 1.2rem;
        font-size: 1.5rem;
        letter-spacing: -.1rem
    }
    .rankings__country-container {
        margin-top: 0
    }
    .rankings--champ-doubles .rankings__header-cell--tournaments {
        width: 5rem
    }
    .rankings--champ-doubles .rankings__header-cell--rank {
        width: 7rem
    }
}
@media (max-width:415px) {
    .rankings--champ-doubles .rankings__player-picture--doubles {
        display: none
    }
    .rankings--champ-doubles .rankings__cell--points {
        padding-right: 0
    }
    .rankings--champ-doubles .rankings__cell--player {
        padding-left: 0
    }
}
@media (max-width:370px) {
    .rankings__header-cell--rank {
        width: 7rem
    }
}
@media (max-width:350px) {
    .rankings__movement--long {
        display: block;
        margin-top: .4rem;
        width: auto
    }
}
.match-status-wrapper {
    margin-bottom: 3.2rem
}
.match-status-wrapper__title {
    font-size: 2.4rem;
    margin: 2.4rem 0 1.6rem
}
.match-status-wrapper__container {
    margin-left: -.8rem
}
.match-status-wrapper__error-text {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    margin: 0;
    font-size: 1.6rem;
    text-align: left
}
.scores-sidebar-item:first-of-type {
    min-height: 16rem
}
.scores-sidebar__glue {
    left: auto!important
}
.scores-sidebar__image {
    margin-top: 1rem
}
.scores-sidebar .tournament-background-image {
    z-index: -1
}
.scores-sidebar .tournament-thumbnail__picture {
    z-index: 0
}
.scores-sidebar .sidebar-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.scores-sidebar .sidebar-item__header-level {
    margin: 0 1rem 1rem 0
}
@media (max-width:840px) {
    .scores-sidebar__image {
        margin-top: .8rem;
        -ms-flex-order: 2;
        order: 2
    }
    .scores-sidebar__container {
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        -ms-flex-order: 1;
        order: 1
    }
    .scores-sidebar__glue {
        top: 6.4rem!important;
        left: .8rem!important;
        background: #fff;
        padding-bottom: .8rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
    .scores-sidebar .sidebar-item {
        min-height: auto;
        max-height: 8rem;
        padding: .8rem;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .scores-sidebar .sidebar-item__header-level {
        margin: 0
    }
    .scores-sidebar .sidebar-item__content {
        max-width: 16rem
    }
    .scores-sidebar .sidebar-item__title {
        font-size: 1.8rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    .scores-sidebar .sidebar-item__subtitle {
        font-size: 1.2rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    .scores-sidebar .sidebar-item .tournament-tag__level {
        width: 6.2rem;
        height: 1.8rem
    }
}
.tournament-wrapper {
    min-height: 37.6rem;
    position: relative
}
.tournament-wrapper__header {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 3.2rem;
    margin-bottom: .8rem
}
.tournament-wrapper__header-link {
    color: #0a0a0a;
    text-decoration: none
}
.tournament-wrapper__header-link:focus {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .tournament-wrapper__header-link:hover {
        color: #0a4d3c
    }
}
@media (max-width:840px) {
    .tournament-wrapper .content-anchor {
        top: -31.6rem
    }
    .tournament-wrapper .filter-bar__content {
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 0
    }
    .tournament-wrapper .filter-bar__listbox {
        -ms-flex-order: 2;
        order: 2;
        border-top: .1rem solid #fff
    }
    .tournament-wrapper .filter-bar__tabs-list li {
        padding: 1.2rem 2.5rem;
        font-size: 1.8rem
    }
    .tournament-wrapper .filter-bar .is-active:before {
        width: calc(100% - 5rem)
    }
}
.scroll-to-top {
    width: 4.8rem;
    height: 4.8rem;
    background-color: #141414;
    position: fixed;
    right: 6.4rem;
    bottom: 4rem;
    border-radius: 50%;
    box-shadow: 0 .8rem 1.6rem 0 hsla(0, 0%, 8%, .08);
    z-index: 20;
    border: none;
    opacity: 0;
    transition: transform .4s ease, opacity .4s ease;
    pointer-events: none
}
.scroll-to-top--visible {
    opacity: 1;
    pointer-events: all
}
.scroll-to-top__icon {
    fill: #fff;
    width: 1.35rem;
    height: 1.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.scroll-to-top__mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0a4d3c;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none;
    background-color: #0a4d3c;
    border-radius: 50%
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .scroll-to-top__mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.scroll-to-top__mask svg {
    fill: #fff
}
.scroll-to-top:focus {
    transform: translateY(-.2rem)
}
.scroll-to-top:focus .scroll-to-top__mask {
    opacity: 1
}
@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
    .scroll-to-top:focus .scroll-to-top__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:52.5em) {
    .scroll-to-top:hover {
        transform: translateY(-.2rem)
    }
    .scroll-to-top:hover .scroll-to-top__mask {
        opacity: 1
    }
    @supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
        .scroll-to-top:hover .scroll-to-top__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 (max-width:39.99em) {
    .scroll-to-top {
        right: 1.2rem;
        bottom: 1.2rem
    }
}
.search-header {
    padding: 2.4rem 0 5.6rem;
    background-color: #e6e6e6;
    margin: .8rem
}
.search-header__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0
}
.search-header__title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    color: #3d3d3d;
    font-size: 2.8rem;
    letter-spacing: -.05rem;
    line-height: 1;
    margin-bottom: 1.6rem
}
.search-header__input-wrapper {
    position: relative
}
.search-header__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2.4rem;
    width: 3.2rem;
    height: 3.2rem;
    fill: #3d3d3d;
    transition: fill .4s ease;
    pointer-events: none
}
.search-header__label {
    position: absolute;
    left: 8rem;
    top: 1.1rem;
    font-size: 1.6rem;
    color: gray;
    line-height: .75;
    letter-spacing: -.107rem;
    pointer-events: none
}
.search-header__label,
.search-header input.search-header__input {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.search-header input.search-header__input {
    width: 100%;
    border: 0;
    border-bottom: 2px solid #5e5e5e;
    color: #0a0a0a;
    font-size: 2.4rem;
    line-height: .79;
    letter-spacing: -.063rem;
    padding: 2.6rem 8rem 1rem;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    box-shadow: 0 1.2rem 2.4rem 0 hsla(0, 0%, 8%, .08);
    transition: border-color .4s ease, color .4s ease
}
.search-header input.search-header__input:-ms-input-placeholder {
    color: #0a0a0a;
    opacity: .9;
    transition: opacity .2s ease
}
.search-header input.search-header__input::placeholder {
    color: #0a0a0a;
    opacity: .9;
    transition: opacity .2s ease
}
.search-header input.search-header__input:focus {
    color: #0a4d3c;
    border-color: #0a4d3c;
    outline: none
}
.search-header input.search-header__input:focus+.search-header__icon {
    fill: #0a4d3c
}
.search-header input.search-header__input:focus:-ms-input-placeholder {
    opacity: 0
}
.search-header input.search-header__input:focus::placeholder {
    opacity: 0
}
.search-header__submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 7.8rem;
    background-color: transparent;
    box-shadow: none
}
.search-header__submit .icon {
    right: 50%;
    transform: translate(50%, -50%);
    fill: #3d3d3d;
    width: 2rem;
    height: 2rem
}
.search-header__submit:focus {
    background: transparent
}
.search-header__submit:focus .icon {
    fill: #3d3d3d
}
@media (min-width:52.5em) {
    .search-header__submit:hover {
        background: transparent
    }
    .search-header__submit:hover .icon {
        fill: #3d3d3d
    }
}
.search-header__results-count {
    margin-top: 1.6rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.07;
    letter-spacing: -.023rem;
    min-height: 1.6rem
}
.search-header__results-count strong {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: -.023rem
}
@media (max-width:52.49em) {
    .search-header {
        padding: 1.6rem 0 2.4rem;
        margin: 0
    }
    .search-header__title {
        font-size: 1.8rem;
        line-height: 1.33;
        letter-spacing: -.038rem;
        margin-bottom: 1rem
    }
    .search-header__icon {
        left: 1.6rem;
        width: 2.4rem;
        height: 2.4rem
    }
    .search-header__label {
        left: 5.6rem;
        top: 1rem;
        font-size: 1.3rem;
        line-height: .92;
        letter-spacing: -.087rem
    }
    .search-header input.search-header__input {
        font-size: 1.9rem;
        line-height: 1;
        letter-spacing: -.05rem;
        padding: 2.4rem 5.6rem 1rem
    }
    .search-header__submit {
        display: none
    }
    .search-header__results-count {
        margin-top: 1.2rem;
        font-size: 1.3rem;
        line-height: 1.23
    }
}
.search__tab {
    display: none;
    transition: margin-bottom .25s
}
.search__tab.cls-padding {
    margin-bottom: 100vh
}
.search__tab.is-active {
    display: block
}
.search .tabs__nav {
    margin-bottom: 1.6rem
}
.search li.search__no-results {
    width: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}
.search__no-results-icon {
    margin: 3rem auto 2.4rem;
    fill: #3d3d3d;
    width: 6.4rem;
    height: 6.4rem;
    opacity: .6
}
.search__no-results-header {
    color: #3d3d3d;
    font-size: 4.2rem;
    line-height: 1.14;
    letter-spacing: -.2rem;
    margin-bottom: 2.4rem
}
.search__no-results-text {
    color: #3d3d3d
}
.search__no-results-btn {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-top: 11.2rem
}
.search-header+.search .tabs__nav {
    transform: translateY(-50%)
}
@media (max-width:52.49em) {
    .search-header+.search .tabs__nav {
        transform: none;
        margin-bottom: 2.4rem
    }
}
@media (max-width:39.99em) {
    .search__list {
        margin-bottom: 0
    }
}
.global-social-follow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1rem
}
.global-social-follow:before {
    content: "";
    display: block;
    background: #fff;
    width: .3rem;
    height: .3rem
}
.global-social-follow .social-follow {
    margin: 0 0 0 1rem
}
.global-social-follow .social-follow__item {
    width: 4.2rem;
    height: 4.2rem
}
.global-social-follow .social-follow__item:focus {
    border: .8rem solid #fff
}
@media (min-width:52.5em) {
    .global-social-follow .social-follow__item:hover {
        border: .8rem solid #fff
    }
}
.global-social-follow .social-follow__item--facebook {
    background: none
}
.global-social-follow .social-follow__item--facebook:focus {
    background: #117df2
}
@media (min-width:52.5em) {
    .global-social-follow .social-follow__item--facebook:hover {
        background: #117df2
    }
}
.global-social-follow .social-follow__item--twitter {
    background: none
}
.global-social-follow .social-follow__item--twitter:focus {
    background: #55acee
}
@media (min-width:52.5em) {
    .global-social-follow .social-follow__item--twitter:hover {
        background: #55acee
    }
}
.global-social-follow .social-follow__item--youtube {
    background: none
}
.global-social-follow .social-follow__item--youtube:focus {
    background: #b00
}
@media (min-width:52.5em) {
    .global-social-follow .social-follow__item--youtube:hover {
        background: #b00
    }
}
.global-social-follow .social-follow__item--instagram {
    background: none
}
.global-social-follow .social-follow__item--instagram:focus {
    background-image: linear-gradient(45deg, #4c68d6, #b22d98 33%, #e85a50 65%, #fbbb59)
}
@media (min-width:52.5em) {
    .global-social-follow .social-follow__item--instagram:hover {
        background-image: linear-gradient(45deg, #4c68d6, #b22d98 33%, #e85a50 65%, #fbbb59)
    }
}
.stats-hub {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 3rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
@media (min-width:1025px) {
    .stats-hub {
        padding: 0 5rem
    }
}
.stats-hub:before {
    content: "";
    position: absolute;
    top: -1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: calc(100% - 1rem);
    background-color: #e6e6e6;
    z-index: -1
}
.stats-hub__header {
    text-align: center;
    background-color: #0a4d3c
}
.stats-hub__container {
    max-width: 151.2rem;
    width: 100%
}
@media (min-width:415px) {
    .stats-hub__container {
        margin-top: 1rem
    }
}
@media (max-width:1025px) {
    .stats-hub__container {
        max-width: 640px
    }
}
@media (max-width:640px) {
    .stats-hub__container {
        max-width: 500px
    }
}
.stats-hub__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media (min-width:1025px) {
    .stats-hub__row {
        margin-top: 1.5rem
    }
}
@media (max-width:640px) {
    .stats-hub__row--top .stats-hub__item:first-child {
        -ms-flex-order: 3;
        order: 3
    }
    .stats-hub__row--top .stats-hub__item:nth-child(2) {
        -ms-flex-order: 1;
        order: 1
    }
    .stats-hub__row--top .stats-hub__item:nth-child(3) {
        -ms-flex-order: 4;
        order: 4
    }
    .stats-hub__row--top .stats-hub__item:nth-child(4) {
        -ms-flex-order: 2;
        order: 2
    }
    .stats-hub__row--bottom .stats-hub__item:first-child {
        -ms-flex-order: 1;
        order: 1
    }
    .stats-hub__row--bottom .stats-hub__item:nth-child(2) {
        -ms-flex-order: 3;
        order: 3
    }
    .stats-hub__row--bottom .stats-hub__item:nth-child(3) {
        -ms-flex-order: 2;
        order: 2
    }
    .stats-hub__row--bottom .stats-hub__item:nth-child(4) {
        -ms-flex-order: 4;
        order: 4
    }
}
.stats-hub__item {
    background-color: #1c1c1c;
    padding: 1.92rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 2px 5px -2px #000;
    position: relative
}
@media (max-width:415px) {
    .stats-hub__item {
        padding: 1.37143rem
    }
}
@media (min-width:1025px) {
    .stats-hub__item:nth-child(2) {
        margin-right: 1rem
    }
    .stats-hub__item:nth-child(3) {
        margin-left: 1rem
    }
}
.stats-hub__item .stats-hub__stat-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.stats-hub__item--small {
    width: 16.16667%
}
.stats-hub__item--small,
.stats-hub__item--small .stats-hub__stat-container {
    -ms-flex-align: center;
    align-items: center
}
@media (max-width:1025px) {
    .stats-hub__item--small {
        width: 33%;
        margin-top: 1rem
    }
}
@media (max-width:640px) {
    .stats-hub__item--small {
        width: 48.5%
    }
}
.stats-hub__item--small .stats-hub__stat-title {
    text-align: center
}
.stats-hub__item--small .stats-hub__stat {
    font-size: 5rem
}
@media (max-width:1440px) {
    .stats-hub__item--small .stats-hub__stat {
        font-size: 4rem
    }
}
@media (max-width:1025px) {
    .stats-hub__item--small .stats-hub__stat {
        font-size: 5rem
    }
}
@media (max-width:415px) {
    .stats-hub__item--small .stats-hub__stat {
        font-size: 3.2rem
    }
}
.stats-hub__item--small .stats-hub__player--country {
    -ms-flex-pack: center;
    justify-content: center
}
.stats-hub__item--small--container-outer {
    width: 100%;
    padding-top: 100%
}
.stats-hub__item--small--container-inner {
    position: absolute;
    inset: 1.92rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}
@media (max-width:415px) {
    .stats-hub__item--small--container-inner {
        inset: 1.37143rem
    }
}
.stats-hub__item--small .stat-hub__player--name {
    display: -ms-flexbox;
    display: flex
}
@media (max-width:1440px) {
    .stats-hub__item--small .stat-hub__player--name {
        font-size: 1.3rem
    }
}
@media (max-width:1025px) {
    .stats-hub__item--small .stat-hub__player--name {
        font-size: 1.9rem
    }
}
@media (max-width:415px) {
    .stats-hub__item--small .stat-hub__player--name {
        font-size: 1.3rem
    }
}
.stats-hub__item--large {
    width: 32.33333%;
    background: linear-gradient(90deg, #1c1c1c, #1c1c1c 73.5%, transparent 0, transparent 75%, #0a4d3c 0)
}
@media (max-width:1025px) {
    .stats-hub__item--large {
        width: 66%;
        margin-top: 1rem
    }
}
@media (max-width:640px) {
    .stats-hub__item--large {
        width: 100%;
        min-height: 20rem
    }
}
@media (max-width:415px) {
    .stats-hub__item--large {
        width: 100%;
        min-height: 18rem
    }
}
.stats-hub__item--large .stats-hub__stat-title {
    -ms-flex-order: 1;
    order: 1
}
.stats-hub__item--large .stats-hub__stat {
    font-size: 4rem;
    -ms-flex-order: 3;
    order: 3
}
@media (max-width:1440px) {
    .stats-hub__item--large .stats-hub__stat {
        margin-top: .5rem;
        font-size: 3.2rem
    }
}
.stats-hub__item--large .stat-hub__player {
    -ms-flex-order: 2;
    order: 2
}
.stats-hub__item--large .stat-hub__player--name--item {
    display: block
}
.stats-hub__item--large .stat-hub__player--name--first {
    opacity: .7;
    font-size: 1.6rem
}
@media (max-width:1300px) {
    .stats-hub__item--large .stat-hub__player--name--first {
        font-size: 1.3rem
    }
}
.stats-hub__item--large .stat-hub__player--name--last {
    font-size: 3.2rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin-bottom: .5rem
}
@media (max-width:1300px) {
    .stats-hub__item--large .stat-hub__player--name--last {
        font-size: 2.4rem
    }
}
.stats-hub__item--large .stats-hub__player--country {
    -ms-flex-pack: start;
    justify-content: flex-start
}
.stats-hub__item .stats-hub__stat-title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    letter-spacing: -.06rem;
    font-weight: 700;
    text-transform: uppercase
}
@media (max-width:1440px) {
    .stats-hub__item .stats-hub__stat-title {
        font-size: 1.2rem
    }
}
@media (max-width:1025px) {
    .stats-hub__item .stats-hub__stat-title {
        font-size: 1.4rem
    }
}
@media (max-width:415px) {
    .stats-hub__item .stats-hub__stat-title {
        font-size: 1.2rem
    }
}
.stats-hub__item .stats-hub__stat {
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-weight: 700
}
.stats-hub__item .stats-hub__stat--percent,
.stats-hub__item .stats-hub__stat--rank {
    color: #0a4d3c
}
.stats-hub__item .stats-hub__player--country {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    margin-top: .3rem
}
.stats-hub__item .stats-hub__player--country--flag {
    margin-right: .5rem;
    width: 1.5rem
}
@media (max-width:640px) {
    .stats-hub__item .stats-hub__player--country {
        font-size: 1.2rem
    }
}
.stats-hub__item .stats-hub__player--headshot {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    overflow: hidden
}
.stats-hub__item .player-headshot.full-body img {
    height: 160%
}
.stats-hub__item .player-headshot--thumbnail.has-placeholder:before {
    background-position-x: 53%
}
.stats-hub {
    padding: 0
}
.stats-hub:before {
    display: none
}
.stats-hub--timeline {
    padding: 0;
    margin: 0 -.4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.stats-hub--timeline .stats-hub__item {
    width: calc(25% - .8rem);
    margin: 0 .4rem;
    height: auto;
    text-align: center;
    padding: 1.6rem 1.6rem 4rem
}
.stats-hub--timeline .stats-hub__stat-title {
    font-size: 1.4rem;
    min-height: 3.2rem
}
.stats-hub--timeline .stats-hub__stat {
    margin-top: 1rem;
    font-size: 5rem;
    -ms-flex-pack: center;
    justify-content: center
}
@media (max-width:1300px) {
    .stats-hub--timeline .stats-hub__stat {
        font-size: 3.2rem
    }
}
@media (max-width:1300px) {
    .stats-hub--timeline .stats-hub__item {
        margin: .4rem;
        width: calc(50% - .8rem)
    }
}
.stats-list {
    margin-top: .8rem;
    transition: margin-bottom .25s
}
.stats-list.cls-padding {
    margin-bottom: 100vh
}
.stats-list__filter-bar {
    position: relative
}
.stats-list__content {
    max-width: 151.2rem;
    padding: 0 .8rem;
    margin: 0 auto
}
.stats-list__table-container {
    position: relative
}
.stats-list__table-container--Aces .stats-list__cell[data-stat=Aces],
.stats-list__table-container--Aces .stats-list__header-cell[data-stat=Aces],
.stats-list__table-container--breakpoint_converted_percent .stats-list__cell[data-stat=breakpoint_converted_percent],
.stats-list__table-container--breakpoint_converted_percent .stats-list__header-cell[data-stat=breakpoint_converted_percent],
.stats-list__table-container--breakpoint_saved_percent .stats-list__cell[data-stat=breakpoint_saved_percent],
.stats-list__table-container--breakpoint_saved_percent .stats-list__header-cell[data-stat=breakpoint_saved_percent],
.stats-list__table-container--Double_Faults .stats-list__cell[data-stat=Double_Faults],
.stats-list__table-container--Double_Faults .stats-list__header-cell[data-stat=Double_Faults],
.stats-list__table-container--first_return_percent .stats-list__cell[data-stat=first_return_percent],
.stats-list__table-container--first_return_percent .stats-list__header-cell[data-stat=first_return_percent],
.stats-list__table-container--first_serve_percent .stats-list__cell[data-stat=first_serve_percent],
.stats-list__table-container--first_serve_percent .stats-list__header-cell[data-stat=first_serve_percent],
.stats-list__table-container--first_serve_won_percent .stats-list__cell[data-stat=first_serve_won_percent],
.stats-list__table-container--first_serve_won_percent .stats-list__header-cell[data-stat=first_serve_won_percent],
.stats-list__table-container--return_games_won_percent .stats-list__cell[data-stat=return_games_won_percent],
.stats-list__table-container--return_games_won_percent .stats-list__header-cell[data-stat=return_games_won_percent],
.stats-list__table-container--return_points_won_percent .stats-list__cell[data-stat=return_points_won_percent],
.stats-list__table-container--return_points_won_percent .stats-list__header-cell[data-stat=return_points_won_percent],
.stats-list__table-container--second_return_percent .stats-list__cell[data-stat=second_return_percent],
.stats-list__table-container--second_return_percent .stats-list__header-cell[data-stat=second_return_percent],
.stats-list__table-container--second_serve_won_percent .stats-list__cell[data-stat=second_serve_won_percent],
.stats-list__table-container--second_serve_won_percent .stats-list__header-cell[data-stat=second_serve_won_percent],
.stats-list__table-container--service_games_won_percent .stats-list__cell[data-stat=service_games_won_percent],
.stats-list__table-container--service_games_won_percent .stats-list__header-cell[data-stat=service_games_won_percent],
.stats-list__table-container--service_points_won_percent .stats-list__cell[data-stat=service_points_won_percent],
.stats-list__table-container--service_points_won_percent .stats-list__header-cell[data-stat=service_points_won_percent] {
    display: none
}
.stats-list__table {
    margin-top: 2rem;
    width: 100%
}
.stats-list__table-body {
    transition: opacity .2s ease
}
.stats-list__header-cell {
    position: sticky;
    top: 8.8rem;
    overflow: hidden;
    background-color: #fff;
    padding: 1rem .3rem 2rem;
    font-size: 1.2rem;
    color: rgba(61, 61, 61, .8);
    text-align: center;
    letter-spacing: -.1rem;
    white-space: nowrap;
    z-index: 10
}
.stats-list__header-cell--current {
    color: #0a4d3c;
    font-weight: 800
}
.stats-list__header-cell--current .stats-list__header-sort:after {
    border-top-color: #0a4d3c
}
.stats-list__header-cell--asc .stats-list__header-sort:after,
.stats-list__header-cell--default-asc .stats-list__header-sort:after {
    transform: rotate(180deg)
}
.stats-list__header-cell--desc .stats-list__header-sort:after {
    transform: none
}
.stats-list__header-cell--player {
    padding-left: 7.2rem;
    text-align: left
}
.stats-list__header-cell--sort {
    transition: color .4s ease, transform .4s ease;
    cursor: pointer
}
.stats-list__header-cell--sort:focus {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .stats-list__header-cell--sort:hover {
        color: #0a4d3c
    }
}
.stats-list__header-cell:last-child .stats-list__description {
    left: auto;
    right: 0;
    transform: none
}
.stats-list__column-return {
    display: none
}
.stats-list__header-sort {
    position: relative
}
.stats-list__header-sort:after {
    content: "";
    display: inline-block;
    margin-left: .3rem;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid rgba(61, 61, 61, .8);
    vertical-align: middle
}
.stats-list__header-sort--tooltip {
    display: inline-block;
    border-bottom: 1px dotted #979797
}
.stats-list__header-sort--tooltip-open .stats-list__description {
    visibility: visible;
    opacity: 1
}
.stats-list__advert {
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.stats-list__cell {
    padding: .6rem 0;
    height: 6.4rem;
    text-align: center;
    font-size: 1.5rem;
    color: #666;
    font-weight: 900;
    letter-spacing: -.084rem;
    border-bottom: 1px solid #ececec
}
.stats-list__cell--current {
    color: #0a4d3c
}
.stats-list__cell--fixed-width {
    width: 9rem
}
.stats-list__cell--pos {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 2.4rem;
    color: #0a4d3c
}
.stats-list__cell--matches,
.stats-list__cell--rank {
    position: relative
}
.stats-list__cell--matches:before,
.stats-list__cell--rank:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2rem;
    width: .1rem;
    height: 4rem;
    background-color: #ececec
}
.stats-list__cell--matches:before {
    left: auto;
    right: 0
}
.stats-list__cell--player {
    position: relative;
    width: 40rem;
    text-align: left;
    padding-right: 1rem
}
.stats-list__cell .player-name__first-name,
.stats-list__cell .player-name__last-name {
    font-size: 1.6rem;
    line-height: 1.13
}
.stats-list__cell--stat {
    min-width: 7rem
}
.stats-list__description {
    position: absolute;
    left: 50%;
    top: 2rem;
    padding: 1.6rem 1.2rem;
    width: 20rem;
    transform: translateX(-50%);
    background-color: #fff;
    text-align: left;
    box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .12);
    visibility: hidden;
    opacity: 0;
    transition: opacity .4s ease;
    z-index: 10
}
.stats-list__description-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: hsla(0, 0%, 4%, .7);
    letter-spacing: -.08rem
}
.stats-list__description-text {
    margin-top: .4rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: -.092rem;
    color: #6e6e6e;
    white-space: normal
}
.stats-list__custom-filters {
    margin: 0 auto;
    padding: 2.4rem 2.4rem 1.1rem;
    max-width: 144.1rem;
    border-bottom: 1px solid #ececec
}
.stats-list__custom-filters-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}
.stats-list__custom-filters-label {
    padding: .8rem 1.6rem;
    font-size: 1.3rem;
    font-weight: 800;
    color: #a3a3a3;
    border-left: 1px solid #f0f0f0
}
.stats-list__custom-filters-container {
    height: 2.4rem
}
.stats-list__custom-filter {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .8rem;
    padding: .2rem 1.2rem .2rem .2rem;
    font-size: 1.3rem;
    font-weight: 600;
    color: #6e6e6e;
    letter-spacing: -.069rem;
    border-radius: 14px;
    background-color: #e1e1e1;
    white-space: nowrap;
    cursor: pointer;
    transition: background .4s ease, color .4s ease
}
.stats-list__custom-filter:last-child {
    margin-right: 0
}
.stats-list__custom-filter:focus {
    background-color: #5f00e0;
    color: #fff
}
.stats-list__custom-filter:focus .stats-list__custom-filter-check {
    background-color: #0a4d3c
}
@media (min-width:52.5em) {
    .stats-list__custom-filter:hover {
        background-color: #5f00e0;
        color: #fff
    }
    .stats-list__custom-filter:hover .stats-list__custom-filter-check {
        background-color: #0a4d3c
    }
}
.stats-list__custom-filter--checked {
    color: #fff;
    background-color: #0a4d3c
}
.stats-list__custom-filter--checked .stats-list__custom-filter-tick {
    opacity: 1
}
.stats-list__custom-filter--checked .stats-list__custom-filter-check {
    background-color: #0a4d3c
}
.stats-list__custom-filter--return {
    display: none
}
.stats-list__custom-filter:focus .stats-list__custom-filter-tick {
    opacity: 1
}
@media (min-width:52.5em) {
    .stats-list__custom-filter:hover .stats-list__custom-filter-tick {
        opacity: 1
    }
}
.stats-list__custom-filter-check {
    margin-right: .4rem;
    padding: .5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-color: #6e6e6e;
    transition: background .4s ease
}
.stats-list__custom-filter-tick {
    display: block;
    width: .9rem;
    height: .9rem;
    fill: #fff;
    opacity: 0;
    transition: opacity .4s ease
}
.stats-list__show-more {
    margin-top: 2.4rem
}
.stats-list__error {
    margin: 2.4rem 0;
    text-align: center;
    font-weight: 900
}
.stats-list__player-picture {
    position: absolute;
    top: .4rem;
    left: .4rem;
    width: 5.6rem;
    height: 5.6rem
}
.stats-list__row {
    transform: scale(1)
}
@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) {
    .stats-list__row:focus .player-name {
        color: #0a4d3c
    }
    .stats-list__row:focus .player-name__container {
        position: relative
    }
    .stats-list__row:focus .player-name__container:after {
        content: "";
        position: absolute;
        top: calc(100% - .2rem);
        left: 0;
        width: 100%;
        height: .2rem;
        background: #0a4d3c;
        transition: width .4s ease
    }
    .stats-list__row:focus .player-name__first-name,
    .stats-list__row:focus .player-name__last-name {
        color: #0a4d3c
    }
}
@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm) and (min-width:52.5em) {
    .stats-list__row:hover .player-name {
        color: #0a4d3c
    }
    .stats-list__row:hover .player-name__container {
        position: relative
    }
    .stats-list__row:hover .player-name__container:after {
        content: "";
        position: absolute;
        top: calc(100% - .2rem);
        left: 0;
        width: 100%;
        height: .2rem;
        background: #0a4d3c;
        transition: width .4s ease
    }
    .stats-list__row:hover .player-name__first-name,
    .stats-list__row:hover .player-name__last-name {
        color: #0a4d3c
    }
}
.stats-list .loader {
    margin: 3.2rem 0
}
.stats-list--returns .stats-list__column-return {
    display: table-cell;
    width: 12.7rem
}
.stats-list--returns .stats-list__column-serve,
.stats-list--returns .stats-list__custom-filter--serve {
    display: none
}
.stats-list--returns .stats-list__custom-filter--return {
    display: -ms-inline-flexbox;
    display: inline-flex
}
.stats-list--loading .stats-list__table-body {
    opacity: .25
}
.stats-list--loading .stats-list__table-loader {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 15rem;
    left: 50%;
    transform: translateX(-50%)
}
@media (max-width:1200px) {
    .stats-list__cell--fixed-width {
        width: 5rem
    }
}
@media (max-width:1240px) {
    .stats-list__custom-filters {
        padding: .4rem 0 1.1rem 1.6rem
    }
    .stats-list__custom-filters-content {
        display: block;
        overflow: hidden;
        white-space: nowrap
    }
    .stats-list__custom-filters-container {
        height: auto;
        overflow: auto
    }
    .stats-list__custom-filter {
        margin-right: .2rem
    }
    .stats-list__custom-filters-label {
        display: block;
        padding-left: 0;
        border: none;
        color: #666
    }
}
@media (max-width:1100px) {
    .stats-list__table-container--returns .stats-list__column-return {
        width: 11rem
    }
}
@media (max-width:1025px) {
    .stats-list__header-cell {
        font-size: 1rem;
        padding-bottom: 1.6rem
    }
    .stats-list__header-cell--player {
        padding-left: 1rem;
        text-align: left
    }
    .stats-list__cell--player {
        width: 22rem
    }
    .stats-list__player-picture {
        display: none
    }
    .stats-list .player-name {
        margin-left: .8rem
    }
}
@media (max-width:950px) {
    .stats-list__table-container--returns .stats-list__column-return {
        width: 9rem
    }
}
@media (max-width:840px) {
    .stats-list__table-container {
        margin: 0 -.8rem;
        overflow-x: auto;
        overflow-y: hidden
    }
    .stats-list__table {
        margin-top: 1.6rem;
        white-space: nowrap
    }
    .stats-list__header-cell {
        position: static;
        top: 0;
        padding: 0 .4rem;
        height: 2.4rem;
        font-size: 1.1rem
    }
    .stats-list__header-cell--player {
        padding-left: 1rem
    }
    .stats-list__header-sort {
        border-bottom: none
    }
    .stats-list__cell {
        position: relative;
        height: 4.8rem;
        background-color: #fff;
        font-size: 1.3rem;
        min-width: 4.8rem
    }
    .stats-list__cell:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -.1rem;
        height: .1rem;
        background-color: #f2f2f2
    }
    .stats-list__cell--player,
    .stats-list__cell--pos {
        z-index: 10
    }
    .stats-list__cell--pos {
        font-size: 1.6rem;
        line-height: 1.5
    }
    .stats-list__cell--fixed-width,
    .stats-list__cell--stat {
        min-width: 4.8rem
    }
    .stats-list__cell--matches:before,
    .stats-list__cell--rank:before {
        content: none
    }
    .stats-list__description {
        display: none
    }
}
@media (max-width:800px) {
    .stats-list__content {
        position: relative
    }
    .stats-list__content:before {
        content: "";
        position: absolute;
        top: 1.6rem;
        left: 0;
        bottom: 7.2rem;
        width: 18.7rem;
        box-shadow: 4px 0 16px 0 rgba(0, 0, 0, .16);
        z-index: 10;
        pointer-events: none
    }
    .stats-list__header-cell {
        background-color: #f5f5f5
    }
    .stats-list__header-cell--player,
    .stats-list__header-cell--pos {
        position: sticky;
        left: 0;
        z-index: 10
    }
    .stats-list__header-cell--player {
        left: 3.2rem
    }
    .stats-list__cell--player,
    .stats-list__cell--pos {
        position: sticky;
        left: 0
    }
    .stats-list__cell--pos {
        min-width: 3.2rem
    }
    .stats-list__cell--player {
        left: 3.2rem;
        max-width: 15.6rem;
        min-width: 15.6rem;
        padding-right: .8rem
    }
    .stats-list__advert {
        width: 100vw;
        padding: 0;
        margin: 0;
        position: sticky;
        left: 0;
        z-index: 20;
        background-color: #fff
    }
    .stats-list .player-name a.player-name__container {
        color: #0a0a0a;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .stats-list .player-name__first-name {
        font-size: 1.3rem;
        line-height: 1.6rem;
        color: #767676
    }
    .stats-list .player-name__last-name {
        font-size: 1.3rem;
        line-height: 1.6rem
    }
    .stats-list .player-name__country {
        font-size: 1rem
    }
}
@media (max-width:640px) {
    .stats-list__table-body {
        transform: none
    }
    .stats-list__content:before {
        width: 16.6rem
    }
    .stats-list__table-loader {
        top: 10rem;
        width: 100%
    }
    .stats-list__header-cell--player {
        left: 2.5rem
    }
    .stats-list__cell--pos {
        min-width: 2rem
    }
    .stats-list__cell--pos-small {
        font-size: .9rem
    }
    .stats-list__cell--player {
        left: 2.5rem;
        min-width: 14.2rem;
        max-width: 14.2rem
    }
    .stats-list .player-name {
        margin-left: .6rem
    }
    .stats-list .player-name__first-name,
    .stats-list .player-name__last-name {
        font-size: 1.1rem;
        line-height: 1.09rem;
        letter-spacing: -.02rem
    }
    .stats-list__custom-filters {
        padding-left: .8rem;
        padding-bottom: 0;
        border: none
    }
    .stats-list__custom-filters-container {
        height: auto;
        overflow: auto
    }
    .stats-list__custom-filter {
        margin-right: 0;
        font-size: 1.1rem
    }
    .stats-list__custom-filter-check {
        padding: .4rem;
        width: 1.6rem;
        height: 1.6rem
    }
    .stats-list__custom-filter-tick {
        width: .8rem;
        height: .8rem
    }
}
.photo-featured__wrapper {
    position: relative
}
.photo-featured__photo-wrapper {
    position: relative;
    padding-top: 56.25%
}
.photo-featured__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2.4rem;
    max-width: 70rem;
    z-index: 9
}
.photo-featured__caption-inner {
    font-size: 9rem;
    line-height: .85;
    color: #fff;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
@media (max-width:840px) {
    .photo-featured__caption-inner {
        font-size: 6rem;
        line-height: .9rem
    }
}
@media (max-width:640px) {
    .photo-featured__caption {
        padding: 1.2rem;
        max-width: 30rem
    }
    .photo-featured__caption-inner {
        font-size: 3.5rem;
        line-height: .93rem
    }
}
.quote__container {
    padding: 3rem
}
.quote__caption {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: .85;
    font-size: 9rem;
    overflow: hidden;
    max-height: 15.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
@media (max-width:840px) {
    .quote__caption {
        line-height: .9;
        font-size: 6rem;
        overflow: hidden;
        max-height: 16.2rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
}
@media (max-width:640px) {
    .quote__container {
        padding: 1.5rem
    }
    .quote__caption {
        line-height: .93;
        font-size: 3.5rem;
        overflow: hidden;
        max-height: 9.765rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
}
.short-text__container {
    padding: 2.4rem 3.8rem;
    background: #0a4d3c
}
.short-text__caption {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 2.8rem;
    line-height: 1.5;
    font-size: 2.4rem;
    overflow: hidden;
    max-height: 10.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}
@media (max-width:840px) {
    .short-text__container {
        padding: 2.4rem 3.8rem
    }
    .short-text__caption {
        line-height: 2.4rem;
        line-height: 1.2;
        font-size: 2rem;
        overflow: hidden;
        max-height: 9.6rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }
}
@media (max-width:640px) {
    .short-text__container {
        padding: 1.2rem
    }
    .short-text__caption {
        line-height: 2.2rem;
        line-height: 1.4;
        font-size: 1.6rem;
        overflow: hidden;
        max-height: 11.2rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5
    }
}
.timeline-gallery-slider {
    z-index: 1
}
.timeline-gallery-slider__content,
.timeline-gallery-slider__slides-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.timeline-gallery-slider__slides-container {
    overflow: hidden;
    z-index: 1
}
.timeline-gallery-slider__slides-container .slider-viewport__list {
    width: 300%;
    -ms-flex: 0 0 300%;
    flex: 0 0 300%
}
.timeline-gallery-slider__slides {
    font-size: 0;
    white-space: nowrap;
    transition: .2s;
    position: relative;
    left: 0
}
.timeline-gallery-slider .lazy-image-wrapper {
    padding-top: 56.25%
}
.timeline-gallery-slider__image:before {
    content: "";
    background: rgba(120, 20, 255, .3);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}
.timeline-gallery-slider__slide {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33.33333333333333%;
    height: 100%;
    min-height: 1px;
    cursor: pointer
}
.timeline-gallery-slider__slide:focus .timeline-gallery-slider__expand {
    opacity: 1
}
@media (min-width:52.5em) {
    .timeline-gallery-slider__slide:hover .timeline-gallery-slider__expand {
        opacity: 1
    }
}
.timeline-gallery-slider__info {
    width: 100%;
    margin-top: 1.8rem;
    color: #fff;
    z-index: 1;
    bottom: 0
}
.timeline-gallery-slider__photo-title {
    font-size: 9rem;
    line-height: .85
}
.timeline-gallery-slider__photo-title--small {
    font-size: 8rem;
    line-height: 1.16
}
.timeline-gallery-slider__photo-summary {
    margin-bottom: 1.6rem;
    font-size: 1.7rem;
    line-height: 1.5;
    color: hsla(0, 0%, 100%, .8);
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400
}
.timeline-gallery-slider__bottom-content {
    bottom: 0;
    z-index: 1;
    position: absolute;
    width: 100%;
    padding: 0 2.4rem 1.8rem
}
.timeline-gallery-slider__gallery-icon {
    background-color: #0a4d3c;
    width: 4.8rem;
    height: 4.8rem;
    position: relative
}
.timeline-gallery-slider__gallery-icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff
}
.timeline-gallery-slider__controls {
    display: -ms-flexbox;
    display: flex
}
.timeline-gallery-slider__nav {
    position: relative;
    padding: 1.3rem 1.5rem;
    height: 4.8rem;
    width: 4.8rem;
    background-color: #0a4d3c;
    line-height: 11rem;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: background .2s;
    z-index: 1000;
    overflow: hidden
}
.timeline-gallery-slider__nav--prev {
    margin-left: .8rem
}
.timeline-gallery-slider__nav--prev .timeline-gallery-slider__nav-icon {
    transform: rotate(180deg)
}
.timeline-gallery-slider__nav:focus .timeline-gallery-slider__nav-mask {
    opacity: 1
}
@supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
    .timeline-gallery-slider__nav:focus .timeline-gallery-slider__nav-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:52.5em) {
    .timeline-gallery-slider__nav:hover .timeline-gallery-slider__nav-mask {
        opacity: 1
    }
    @supports ((-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)) or (clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%))) {
        .timeline-gallery-slider__nav:hover .timeline-gallery-slider__nav-mask {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
        }
    }
}
.timeline-gallery-slider__nav-icon {
    fill: #fff
}
.timeline-gallery-slider__nav-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.3rem 1.5rem;
    background: #fff;
    opacity: 0;
    transition: opacity .4s ease;
    pointer-events: none
}
@supports ((-webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%)) or (clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%))) {
    .timeline-gallery-slider__nav-mask {
        opacity: 1;
        transition: -webkit-clip-path .4s ease;
        transition: clip-path .4s ease;
        transition: clip-path .4s ease, -webkit-clip-path .4s ease;
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
    }
}
.timeline-gallery-slider__nav-mask svg {
    fill: #141414
}
@media (max-width:1300px) {
    .timeline-gallery-slider__photo-title {
        font-size: 6rem
    }
}
@media (max-width:1025px) {
    .timeline-gallery-slider--snap-scroll .timeline-gallery-slider__slides-container {
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
    }
    .timeline-gallery-slider--snap-scroll .timeline-gallery-slider__slide {
        scroll-snap-align: center
    }
    .timeline-gallery-slider__photo-title {
        font-size: 4.5rem
    }
}
@media (max-width:840px) {
    .timeline-gallery-slider__photo-title {
        font-size: 6rem
    }
}
@media (max-width:640px) {
    .timeline-gallery-slider__bottom-content {
        padding: 0 1.2rem 1rem
    }
    .timeline-gallery-slider__nav {
        padding: .8rem
    }
    .timeline-gallery-slider__gallery-icon,
    .timeline-gallery-slider__nav {
        width: 3.2rem;
        height: 3.2rem
    }
    .timeline-gallery-slider__gallery-icon .icon,
    .timeline-gallery-slider__nav .icon {
        height: 1.6rem;
        width: 1.6rem
    }
    .timeline-gallery-slider__info {
        margin-top: 1rem
    }
    .timeline-gallery-slider__photo-title {
        font-size: 3.5rem
    }
}
.timeline-group.widget {
    margin-bottom: 0
}
.timeline-group .articleWidget {
    margin-bottom: .8rem
}
.timeline-hub-slim .timeline-hub__item {
    -ms-flex: 0 0 32rem;
    flex: 0 0 32rem;
    max-width: 32rem;
    margin: 0 1rem
}
.timeline-hub-slim .timeline-hub__title {
    font-size: 2.7rem
}
.timeline-hub-slim .timeline-hub__summary {
    font-size: 2rem
}
@media (max-width:840px) {
    .timeline-hub-slim .timeline-hub__item {
        -ms-flex: 0 0 28rem;
        flex: 0 0 28rem;
        max-width: 28rem
    }
}
@media (max-width:840px) {
    .timeline-hub-slim .timeline-hub__title {
        font-size: 1.8rem
    }
}
@media (max-width:415px) {
    .timeline-hub-slim .timeline-hub__item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 1rem
    }
}
.timeline-hub__carousel-container {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1.2rem
}
.timeline-hub__carousel-container.will-animate {
    transition: transform .75s ease
}
.timeline-hub__item {
    -ms-flex: 0 0 40rem;
    flex: 0 0 40rem;
    max-width: 40rem;
    margin: 0 1.2rem;
    color: #fff;
    text-decoration: none
}
.timeline-hub__item:focus .timeline-hub__content-container--description {
    background-color: #000;
    text-decoration: underline
}
.timeline-hub__item:focus .timeline-hub__btn {
    background-color: #0a4d3c;
    text-decoration: none
}
.timeline-hub__item:focus .timeline-hub__image:before {
    background-color: rgba(120, 20, 255, 0)
}
@media (min-width:52.5em) {
    .timeline-hub__item:hover .timeline-hub__content-container--description {
        background-color: #000;
        text-decoration: underline
    }
    .timeline-hub__item:hover .timeline-hub__btn {
        background-color: #0a4d3c;
        text-decoration: none
    }
    .timeline-hub__item:hover .timeline-hub__image:before {
        background-color: rgba(120, 20, 255, 0)
    }
}
.timeline-hub__btn {
    display: inline-block
}
.timeline-hub__image-container {
    padding-top: 56.25%;
    position: relative
}
.timeline-hub__image {
    transform: translateZ(0)
}
.timeline-hub__image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(120, 20, 255, .3);
    mix-blend-mode: color;
    transition: background-color .4s ease;
    z-index: 10
}
.timeline-hub__title {
    color: #fff;
    font-size: 4rem;
    text-decoration: none
}
.timeline-hub__summary {
    color: #fff;
    font-size: 3rem;
    text-decoration: none;
    margin-bottom: 1.4rem
}
.timeline-hub__content-container {
    background-color: #000;
    padding: 1.4rem;
    margin-top: .8rem;
    transition: background-color .25s ease
}
.timeline-hub__content-container--description {
    background-color: #0a4d3c
}
@media (max-width:840px) {
    .timeline-hub__carousel-container {
        overflow: scroll
    }
    .timeline-hub__item {
        -ms-flex: 0 0 33.3rem;
        flex: 0 0 33.3rem;
        max-width: 33.3rem
    }
    .timeline-hub__title {
        font-size: 3rem
    }
    .timeline-hub__summary {
        font-size: 2rem
    }
}
@media (max-width:415px) {
    .timeline-hub__carousel-container {
        margin: 0 -.5rem
    }
    .timeline-hub__item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 1rem
    }
    .timeline-hub__content-container {
        padding: 1.4rem
    }
    .timeline-hub__title {
        font-size: 2rem
    }
    .timeline-hub__summary {
        font-size: 1.8rem;
        margin-bottom: 1.4rem
    }
}
.timeline-navigation {
    border: .1rem solid #f1f1f1;
    padding: 2.6rem
}
.timeline-navigation__link-container {
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.timeline-navigation__label {
    font-size: 5rem;
    color: #0a4d3c
}
.timeline-navigation__icon {
    fill: #0a4d3c;
    height: 3rem;
    width: 3rem;
    margin-left: -1.2rem
}
.timeline-navigation__icon-container {
    margin-left: .6rem;
    display: -ms-flexbox;
    display: flex
}
.timeline-navigation--back {
    margin-bottom: .6rem
}
.timeline-navigation--back .timeline-navigation__label {
    -ms-flex-order: 2;
    order: 2
}
.timeline-navigation--back .timeline-navigation__icon-container {
    margin-right: 1rem;
    -ms-flex-order: 1;
    order: 1
}
.timeline-navigation--back .timeline-navigation__icon {
    transform: rotate(180deg)
}
.timeline-navigation--forward .timeline-navigation__link-container {
    -ms-flex-pack: end;
    justify-content: flex-end
}
.timeline-navigation--forward .timeline-navigation__icon-container {
    margin-left: 2rem
}
@media (max-width:840px) {
    .timeline-navigation__label {
        font-size: 3.6rem;
        margin-bottom: 2.8rem
    }
    .timeline-navigation__icon-container {
        margin-left: .3rem
    }
    .timeline-navigation__icon {
        height: 2.5rem;
        width: 2.5rem;
        margin-left: -.8rem
    }
}
.timeline-sidebar .sidebar-item {
    -ms-flex-pack: center;
    justify-content: center
}
.timeline-sidebar .sidebar-item__title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 2.4rem
}
.timeline-sidebar .sidebar-item__subtitle {
    font-size: 1.6rem
}
.timeline-sidebar .sidebar-item__keymoment {
    background: #0a4d3c;
    color: #fff;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: .2rem .6rem;
    margin-bottom: .8rem
}
@media (min-width:840px) {
    .timeline-sidebar .sidebar-item--active .sidebar-item__title {
        font-size: 4rem
    }
    .timeline-sidebar .sidebar-item--active .sidebar-item__subtitle {
        font-size: 2.2rem
    }
}
@media (max-width:840px) {
    .timeline-sidebar .sidebar-item {
        min-width: 25rem
    }
}
@media (max-width:640px) {
    .timeline-sidebar .sidebar-item {
        min-height: 5.4rem;
        min-width: 18.6rem;
        padding: .8rem
    }
    .timeline-sidebar .sidebar-item__title {
        font-size: 1.8rem
    }
    .timeline-sidebar .sidebar-item__subtitle {
        font-size: 1.2rem
    }
    .timeline-sidebar .sidebar-item__keymoment {
        margin-bottom: .4rem
    }
}
.timeline-sidebar__title-container {
    background: #0a4d3c;
    padding: 2rem 1.6rem
}
.timeline-sidebar__title {
    color: #fff;
    font-size: 8rem;
    line-height: 6.2rem
}
.timeline-sidebar__back {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    text-transform: uppercase;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    margin-bottom: 1.4rem
}
.timeline-sidebar__back .icon {
    fill: #fff;
    transform: rotate(180deg);
    height: 1.2rem
}
.timeline-sidebar__container {
    left: auto!important
}
@media (max-width:840px) {
    .timeline-sidebar__container {
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto
    }
    .timeline-sidebar__container.is-glued {
        top: 6.4rem!important;
        left: .8rem!important;
        background: #fff;
        padding-bottom: .8rem
    }
}
@media (max-width:640px) {
    .timeline-sidebar {
        padding: 0
    }
    .timeline-sidebar__title {
        font-size: 4rem
    }
    .timeline-sidebar__back {
        margin-bottom: .8rem
    }
}
.long-text__container {
    padding: 2.4rem 3.8rem;
    background: #0a4d3c
}
.long-text__summary {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 2.4rem;
    line-height: 2.8rem
}
.long-text__button {
    background-color: #141414;
    display: inline-block;
    vertical-align: middle;
    margin-top: 1rem
}
@media (max-width:840px) {
    .long-text__container {
        padding: 2.4rem 3.8rem
    }
    .long-text__summary {
        font-size: 2rem;
        line-height: 2.4rem
    }
}
@media (max-width:640px) {
    .long-text__container {
        padding: 1.2rem
    }
    .long-text__summary {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}
.toast {
    background-color: #141414;
    position: fixed;
    left: 50%;
    transform: translate(-50%, 2rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60rem;
    max-width: 94vw;
    bottom: 4rem;
    border-radius: 5rem;
    box-shadow: 0 .8rem 3.2rem 0 hsla(0, 0%, 8%, .24);
    z-index: 110;
    border: none;
    opacity: 0;
    transition: transform .4s ease, opacity .4s ease;
    pointer-events: none;
    color: #fff;
    padding: 1.2rem 1rem;
    font-size: 1.6rem
}
.toast,
.toast strong {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.toast__icon {
    width: 2rem;
    height: 2rem;
    fill: #efefef;
    margin-right: 1rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.toast.is-visible {
    opacity: 1;
    transform: translate(-50%);
    pointer-events: all
}
@media (max-width:52.49em) {
    .toast {
        bottom: 10rem;
        text-align: center;
        padding: 1rem 2rem
    }
}
@media (max-width:39.99em) {
    .toast {
        bottom: 8rem
    }
}
.day-navigation {
    margin: 0 auto;
    position: relative;
    padding-right: 0;
    border-top: .2rem solid #f0f0f0;
    background-color: #e6e6e6;
    max-width: calc(100% - 1.6rem)
}
.day-navigation--stackable {
    border-top: 0
}
.day-navigation:after,
.day-navigation:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 2rem;
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    transition: opacity .25s ease
}
.day-navigation:before {
    left: 2.4rem;
    background-image: linear-gradient(270deg, hsla(0, 0%, 90%, 0), #e6e6e6)
}
@media (max-width:64.0525em) {
    .day-navigation:before {
        left: 1.6rem
    }
}
@media (max-width:52.49em) {
    .day-navigation:before {
        left: .4rem
    }
}
.day-navigation.is-scrolling-left:before,
.day-navigation.is-scrolling-right:after {
    opacity: 1
}
.day-navigation:after {
    right: 0;
    background-image: linear-gradient(90deg, hsla(0, 0%, 90%, 0), #e6e6e6);
    display: block
}
.day-navigation__list {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 auto
}
.day-navigation__list::-webkit-scrollbar {
    display: none
}
.day-navigation__list:after,
.day-navigation__list:before {
    content: "";
    display: block
}
.day-navigation__list:before {
    margin-right: auto
}
.day-navigation__list:after {
    min-width: 4.15rem;
    margin-left: auto
}
.day-navigation__button {
    background: none;
    border: none;
    text-align: center;
    margin: 1.6rem 1.75rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    text-decoration: none
}
.day-navigation__button:first-child {
    margin-left: 0
}
.day-navigation__button:last-child {
    margin-right: 0
}
.day-navigation__button:not(.is-empty).is-active,
.day-navigation__button:not(.is-empty):focus {
    outline: none
}
.day-navigation__button:not(.is-empty).is-active .day-navigation__day,
.day-navigation__button:not(.is-empty):focus .day-navigation__day {
    border-color: #0a4d3c
}
.day-navigation__button:not(.is-empty).is-active .day-navigation__day-number,
.day-navigation__button:not(.is-empty):focus .day-navigation__day-number {
    color: #0a4d3c
}
.day-navigation__button:not(.is-empty).is-active .day-navigation__date,
.day-navigation__button:not(.is-empty):focus .day-navigation__date {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    color: #0a4d3c
}
.day-navigation__button.is-live .day-navigation__date {
    display: none
}
.day-navigation__button.is-live .day-navigation__live {
    display: -ms-inline-flexbox;
    display: inline-flex
}
.day-navigation__button.is-empty {
    opacity: .6
}
.day-navigation__button.is-empty:focus {
    outline: 0
}
@media (min-width:52.5em) {
    .day-navigation__button:hover:not(.is-empty) .day-navigation__day {
        border-color: #0a4d3c
    }
}
.day-navigation__day {
    width: 6.2rem;
    height: 6.2rem;
    border-radius: 50%;
    background-color: #fff;
    border: .2rem solid #dedede;
    box-shadow: 0 .3rem .5rem 0 rgba(0, 0, 0, .06);
    margin: 0 auto .8rem;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: border-color .4s ease, background-color .4s ease
}
.day-navigation__day-label {
    font-size: 1.3rem;
    line-height: 1;
    margin-bottom: .4rem
}
.day-navigation__day-label,
.day-navigation__day-number {
    letter-spacing: normal;
    color: #3d3d3d;
    transition: color .4s ease
}
.day-navigation__day-number {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 2.4rem;
    line-height: .88
}
.day-navigation__date {
    font-size: 1.3rem;
    line-height: .92;
    letter-spacing: normal;
    color: #141414
}
.day-navigation__date-day {
    font-weight: 900
}
.day-navigation__date strong,
.day-navigation__live {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: normal
}
.day-navigation__live {
    display: none;
    color: #0a4d3c;
    font-size: 1.3rem;
    line-height: 1;
    text-transform: uppercase;
    -ms-flex-align: middle;
    align-items: middle
}
.day-navigation__ball {
    margin-right: .4rem;
    width: 1.2rem;
    height: 1.2rem;
    position: relative
}
.day-navigation__ball-icon {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}
.day-navigation__ball-icon:first-child {
    z-index: 4;
    background-color: #fff
}
.day-navigation__ball-icon:nth-child(2) {
    opacity: .4;
    animation-delay: .12s;
    z-index: 3
}
.day-navigation__ball-icon:nth-child(3) {
    opacity: .2;
    animation-delay: .24s;
    z-index: 2
}
.day-navigation__ball-icon:nth-child(4) {
    opacity: .1;
    animation-delay: .36s;
    z-index: 1
}
.day-navigation__under {
    overflow: hidden;
    display: block;
    min-height: 2.3rem;
    max-height: 3.5rem;
    transition: max-height .4s ease
}
.is-glued .day-navigation {
    max-width: 100%
}
.is-glued .day-navigation .day-navigation__under {
    min-height: 0;
    max-height: 0
}
.is-loading .day-navigation {
    cursor: progress
}
.is-loading .day-navigation .day-navigation__button {
    pointer-events: none
}
@media (max-width:52.49em) {
    .day-navigation__list {
        padding: 0 1.2rem
    }
    .day-navigation__list:after {
        min-width: 2rem
    }
    .day-navigation__button {
        margin: .7rem .7rem 1rem
    }
    .day-navigation__button.is-empty {
        opacity: .4
    }
    .day-navigation__day {
        width: 5rem;
        height: 5rem;
        box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .06);
        margin: 0 auto
    }
    .day-navigation__day-label {
        font-size: 1.1rem;
        margin-bottom: .1rem
    }
    .day-navigation__day-number {
        font-size: 1.7rem;
        line-height: 1
    }
    .day-navigation__date {
        font-size: 1rem;
        line-height: 1;
        color: #3d3d3d
    }
    .day-navigation__under {
        min-height: 1.9rem
    }
    .day-navigation__live {
        font-size: 1rem
    }
    .day-navigation__ball {
        display: none
    }
}
@media (max-width:39.99em) {
    .day-navigation__day {
        width: 4rem;
        height: 4rem
    }
    .day-navigation__day-label {
        font-size: .92rem;
        margin-bottom: .08rem
    }
    .day-navigation__day-number {
        font-size: 1.3rem
    }
}
.tournament-draw {
    position: relative;
    transition: margin-bottom .25s
}
.tournament-draw.cls-padding {
    margin-bottom: 100vh
}
.tournament-draw .rr-explained {
    display: none
}
.tournament-draw--round-robin .rr-explained {
    display: -ms-flexbox;
    display: flex
}
.tournament-draw__error-container {
    padding: 2rem;
    width: 100%;
    max-width: 58rem;
    margin: auto;
    text-align: center
}
.tournament-draw__error-icon {
    fill: #0a4d3c;
    width: 6.4rem;
    height: 6.4rem;
    margin: 0 auto 2.4rem
}
.tournament-draw__error-title {
    font-size: 2.4rem;
    margin-bottom: 1.6rem
}
.tournament-draw__error-text {
    font-size: 1.9rem
}
.tournament-draw__tab {
    display: none;
    max-width: 100%;
    padding: 0
}
.tournament-draw__tab.is-active {
    display: block
}
.tournament-draw__navigation {
    background: #fafafa;
    margin-bottom: 3.2rem;
    border-bottom: .2rem solid #f1f1f1
}
@media (min-width:94.5em) {
    .tournament-draw__navigation {
        padding-left: calc(((100vw - 151.2rem) / 2) + 3.6rem)
    }
}
.tournament-draw__navigation.is-glued .tournament-draw__navigation-desktop {
    margin: auto
}
.tournament-draw__navigation-responsive {
    display: none
}
.tournament-draw__navigation-desktop {
    max-width: 144rem;
    margin: 0;
    padding: 1.6rem 1.6rem 1.6rem 0
}
@media (max-width:94.5em) {
    .tournament-draw__navigation-desktop {
        padding: 1.6rem 3.6rem
    }
}
@media (max-width:64.0625em) {
    .tournament-draw__navigation-desktop {
        padding: 1.6rem 2.4rem
    }
}
.tournament-draw__nav-rounds-container,
.tournament-draw__nav-titles-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.tournament-draw__nav-round-title {
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.6rem
}
.tournament-draw__nav-button-container {
    width: calc(100% - 1.6rem);
    left: .8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 50vh!important
}
.tournament-draw__nav-button-container.is-glued {
    position: fixed
}
.tournament-draw__nav-button {
    width: 4rem;
    height: 4rem;
    background-color: #141414;
    position: absolute;
    left: .4rem;
    border-radius: 100%;
    border: none;
    z-index: 20;
    transition: background-color .4s ease
}
.tournament-draw__nav-button--next {
    right: .4rem;
    left: auto
}
.tournament-draw__nav-button:first-of-type {
    transform: rotate(180deg)
}
.tournament-draw__nav-button .icon {
    fill: #fff;
    transition: transform .3s ease;
    width: 1rem;
    height: 1.4rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto
}
.tournament-draw__nav-button.is-inactive {
    opacity: .2
}
.tournament-draw__nav-button.is-inactive:focus .icon {
    transform: none
}
@media (min-width:52.5em) {
    .tournament-draw__nav-button.is-inactive:hover .icon {
        transform: none
    }
}
.tournament-draw__nav-button:focus {
    background-color: #0a4d3c
}
.tournament-draw__nav-button:focus .icon {
    transform: scale(1.5)
}
@media (min-width:52.5em) {
    .tournament-draw__nav-button:hover {
        background-color: #0a4d3c
    }
    .tournament-draw__nav-button:hover .icon {
        transform: scale(1.5)
    }
}
.tournament-draw__nav-round-button-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.6rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 30rem
}
.tournament-draw__nav-round-button-container--round-1 {
    padding: .8rem 0
}
.tournament-draw__nav-round-button-container--round-2 {
    padding: 1.6rem 0
}
.tournament-draw__nav-round-button-container--round-3 {
    padding: 2.4rem 0
}
.tournament-draw__nav-round-button-container--round-4 {
    padding: 3.2rem 0
}
.tournament-draw__nav-round-button-container--round-5 {
    padding: 4rem 0
}
.tournament-draw__nav-round-button-container--round-6 {
    padding: 4.8rem 0
}
.tournament-draw__nav-round-button-container--round-7 {
    padding: 5.6rem 0
}
.tournament-draw__nav-round-button-container--round-8 {
    padding: 6.4rem 0
}
.tournament-draw__nav-round-button-container--round-9 {
    padding: 7.2rem 0
}
.tournament-draw__nav-round-button-container--round-10 {
    padding: 8rem 0
}
.tournament-draw__nav-round-button-container--round-11 {
    padding: 8.8rem 0
}
.tournament-draw__nav-round-button {
    min-height: 2.4rem;
    width: 100%;
    background: #e6e6e6;
    border-radius: 0;
    margin-bottom: .8rem;
    display: block;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    border: .2rem solid #e6e6e6
}
.tournament-draw__nav-round-button.is-active {
    border-color: #0a4d3c;
    background-color: rgba(120, 20, 255, .1)
}
.tournament-draw__round-nav-item {
    min-width: 4.76rem;
    min-height: 4.76rem;
    max-width: 4.76rem;
    max-height: 4.76rem;
    margin: 0 .8rem;
    overflow: hidden;
    border-radius: 100%;
    border: .14rem solid #dedede;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .06);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}
.tournament-draw__round-nav-item:first-of-type {
    margin-left: 0
}
.tournament-draw__round-nav-item.is-active {
    border: .24rem solid #dedede;
    border-color: #0a4d3c;
    background: #fff
}
.tournament-draw__round-nav-item.is-active .tournament-draw__round-nav-title {
    color: #0a4d3c
}
.tournament-draw__round-nav-title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 1.3rem;
    text-align: center;
    letter-spacing: -.04rem;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 30rem;
    margin-right: 1.6rem
}
.tournament-draw__round-container-titles {
    width: 100%;
    z-index: 30
}
.tournament-draw__round-container-titles.is-glued {
    top: 8.8rem!important;
    background: #fff
}
.tournament-draw__round-container-titles.is-glued .tournament-draw__round-title-container {
    box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .04)
}
.tournament-draw__round-container-titles-slider {
    display: -ms-flexbox;
    display: flex;
    transition: transform .4s ease-in-out .2s;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 0
}
.tournament-draw__round-title-container {
    padding: 1.2rem;
    width: 46rem;
    min-width: 46rem;
    max-width: 46rem;
    -ms-flex: 1;
    flex: 1;
    transition: left .3s ease;
    margin-right: 1.6rem;
    background: #e6e6e6
}
.tournament-draw__round-title-container--round-robin {
    width: 70.8rem;
    min-width: 70.8rem;
    max-width: 70.8rem
}
.tournament-draw__round-container-scrollbar {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    transition: transform .4s ease-in-out
}
.tournament-draw__round-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 1.6rem;
    width: 46rem;
    min-width: 46rem;
    background: linear-gradient(180deg, #fafafa, #fff);
    height: 0;
    opacity: 0
}
.tournament-draw__round-container--round-robin {
    width: 70.8rem;
    min-width: 70.8rem
}
.tournament-draw__round-container:first-of-type .tournament-draw__match-table:nth-of-type(odd) {
    margin-top: 2.4rem
}
.tournament-draw__round-container:first-of-type .tournament-draw__match-table:nth-of-type(2n) {
    margin-bottom: 2.4rem
}
.tournament-draw__round-container.is-previous {
    opacity: .5;
    height: auto
}
.tournament-draw__round-container.is-previous .tournament-draw__match-table:nth-of-type(odd) {
    margin-top: 2.4rem
}
.tournament-draw__round-container.is-previous .tournament-draw__match-table:nth-of-type(2n) {
    margin-bottom: 2.4rem
}
.tournament-draw__round-container.is-active {
    opacity: 1;
    height: auto
}
.tournament-draw__round-container.is-active+.tournament-draw__round-container:not(.is-active) {
    height: auto;
    opacity: .5
}
.tournament-draw__round-container[data-round-class-index="0"] .tournament-draw__match-table:after {
    height: 8rem
}
.tournament-draw__round-container[data-round-class-index="0"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 14.7rem
}
.tournament-draw__round-container[data-round-class-index="0"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 14.7rem
}
.tournament-draw__round-container[data-round-class-index="1"] .tournament-draw__match-table:after {
    height: 17.3rem
}
.tournament-draw__round-container[data-round-class-index="1"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 24rem
}
.tournament-draw__round-container[data-round-class-index="1"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 24rem
}
.tournament-draw__round-container[data-round-class-index="2"] .tournament-draw__match-table:after {
    height: 34.6rem
}
.tournament-draw__round-container[data-round-class-index="2"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 41.3rem
}
.tournament-draw__round-container[data-round-class-index="2"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 41.3rem
}
.tournament-draw__round-container[data-round-class-index="3"] .tournament-draw__match-table:after {
    height: 69.3rem
}
.tournament-draw__round-container[data-round-class-index="3"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 76rem
}
.tournament-draw__round-container[data-round-class-index="3"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 76rem
}
.tournament-draw__round-container[data-round-class-index="4"] .tournament-draw__match-table:after {
    height: 138.8rem
}
.tournament-draw__round-container[data-round-class-index="4"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 145.5rem
}
.tournament-draw__round-container[data-round-class-index="4"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 145.5rem
}
.tournament-draw__round-container[data-round-class-index="5"] .tournament-draw__match-table:after {
    height: 277.9rem
}
.tournament-draw__round-container[data-round-class-index="5"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 284.6rem
}
.tournament-draw__round-container[data-round-class-index="5"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 284.6rem
}
.tournament-draw__round-container[data-round-class-index="6"] .tournament-draw__match-table:after {
    height: 556.2rem
}
.tournament-draw__round-container[data-round-class-index="6"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 562.9rem
}
.tournament-draw__round-container[data-round-class-index="6"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 562.9rem
}
.tournament-draw__round-container[data-round-class-index="7"] .tournament-draw__match-table:after {
    height: 1112.9rem
}
.tournament-draw__round-container[data-round-class-index="7"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 1119.6rem
}
.tournament-draw__round-container[data-round-class-index="7"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 1119.6rem
}
.tournament-draw__round-container[data-round-class-index="8"] .tournament-draw__match-table:after {
    height: 2226.4rem
}
.tournament-draw__round-container[data-round-class-index="8"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 2233.1rem
}
.tournament-draw__round-container[data-round-class-index="8"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 2233.1rem
}
.tournament-draw__round-container[data-round-class-index="9"] .tournament-draw__match-table:after {
    height: 4453.5rem
}
.tournament-draw__round-container[data-round-class-index="9"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 4460.2rem
}
.tournament-draw__round-container[data-round-class-index="9"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 4460.2rem
}
.tournament-draw__round-container[data-round-class-index="10"] .tournament-draw__match-table:after {
    height: 8907.8rem
}
.tournament-draw__round-container[data-round-class-index="10"] .tournament-draw__match-table:nth-of-type(odd):before {
    top: 8914.5rem
}
.tournament-draw__round-container[data-round-class-index="10"] .tournament-draw__match-table:nth-of-type(2n):before {
    bottom: 8914.5rem
}
.tournament-draw__round-container--bronze .tournament-draw__match-table:after,
.tournament-draw__round-container--bronze .tournament-draw__match-table:before,
.tournament-draw__round-container:last-child .tournament-draw__match-table:after,
.tournament-draw__round-container:last-child .tournament-draw__match-table:before {
    display: none
}
.tournament-draw__round {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%;
    padding-top: 1.2rem;
    padding-left: .4rem
}
.tournament-draw__round--round-robin {
    -ms-flex-pack: center;
    justify-content: center
}
.tournament-draw__round--round-robin .tournament-draw__match-table:after {
    width: calc(100% + 2.9rem)
}
.tournament-draw__round--round-robin .tournament-draw__match-table .match-table {
    z-index: 20
}
.tournament-draw__round--num-pools-2 .tournament-draw__round-robin-container:first-of-type .tournament-draw__round-robin-table:not(.not-lines-union):after {
    height: calc(100% - (100% - 12.6rem) + 2rem)
}
.tournament-draw__round--num-pools-2 .tournament-draw__round-robin-container:nth-of-type(2) .tournament-draw__round-robin-table:not(.not-lines-union):after {
    top: auto;
    bottom: 8.4rem;
    border-top: none;
    border-bottom: .2rem solid #ccc;
    height: calc(100% - 6.3rem)
}
.tournament-draw__round--num-pools-4 .tournament-draw__round-robin-container:first-of-type .tournament-draw__round-robin-table:not(.not-lines-union):after {
    height: calc(200% - (100% - 12.6rem) + 4rem)
}
.tournament-draw__round--num-pools-4 .tournament-draw__round-robin-container:nth-of-type(2) .tournament-draw__round-robin-table:not(.not-lines-union):after {
    height: calc(100% - (100% - 6.3rem) + 4rem)
}
.tournament-draw__round--num-pools-4 .tournament-draw__round-robin-container:nth-of-type(3) .tournament-draw__round-robin-table:not(.not-lines-union):after {
    top: auto;
    bottom: 8.4rem;
    border-top: none;
    border-bottom: .2rem solid #ccc;
    height: calc(100% - 6.3rem)
}
.tournament-draw__round--num-pools-4 .tournament-draw__round-robin-container:nth-of-type(4) .tournament-draw__round-robin-table:not(.not-lines-union):after {
    top: auto;
    bottom: 8.4rem;
    border-top: none;
    border-bottom: .2rem solid #ccc;
    height: calc(200% - 2rem)
}
.tournament-draw__round-prize,
.tournament-draw__round-title {
    display: inline-block;
    vertical-align: baseline
}
.tournament-draw__round-title {
    font-size: 1.8rem
}
.tournament-draw__round-prize {
    font-size: 1.3rem;
    line-height: 1.46;
    letter-spacing: .054rem;
    color: hsla(0, 0%, 8%, .8);
    font-weight: 900
}
.tournament-draw__round-prize strong {
    color: #141414
}
.tournament-draw__match-table {
    position: relative;
    margin: 1.2rem .4rem 1.2rem 0;
    border: .2rem solid #ececec;
    transition: border .4s ease;
    max-height: 13.8rem
}
.tournament-draw__match-table.is-active,
.tournament-draw__match-table.is-search-active {
    border: .2rem solid #0a4d3c
}
.tournament-draw__match-table.is-active .match-table__row,
.tournament-draw__match-table.is-search-active .match-table__row {
    border-bottom: .2rem solid #0a4d3c
}
.tournament-draw__match-table.is-search-winner:before,
.tournament-draw__match-table.is-winner:before {
    background: #0a4d3c;
    z-index: 10
}
.tournament-draw__match-table.is-search-winner:after,
.tournament-draw__match-table.is-winner:after {
    border-color: #0a4d3c;
    z-index: 10
}
.tournament-draw__match-table.is-search-winner:nth-of-type(2n):after,
.tournament-draw__match-table.is-winner:nth-of-type(2n):after {
    border-bottom: .2rem solid #0a4d3c
}
.tournament-draw__match-table:before {
    content: "";
    position: absolute;
    height: .2rem;
    background: #ccc;
    right: -2.8rem;
    width: 1.5rem
}
.tournament-draw__match-table:after {
    content: "";
    position: absolute;
    top: calc(50% - .1rem);
    right: -1.5rem;
    width: 1.1rem;
    border: .2rem solid #ccc;
    border-bottom: none;
    border-left: none;
    z-index: 0
}
.tournament-draw__match-table:nth-of-type(2n):after {
    top: auto;
    bottom: calc(50% - .1rem);
    border-top: none;
    border-bottom: .2rem solid #ccc
}
.tournament-draw__match-table .match-table {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04);
    position: relative;
    width: 100%;
    max-width: 100%
}
.tournament-draw__match-table .match-table__player--link,
.tournament-draw__match-table .match-table__player-fname,
.tournament-draw__match-table .match-table__player-lname,
.tournament-draw__match-table .match-table__player-name,
.tournament-draw__match-table .match-table__player-seed {
    transition: color .1s ease
}
.tournament-draw__match-table .match-table--winner-a .match-table__row--player-a__player-cell:before {
    content: "";
    height: calc(100% - .8rem);
    width: .4rem;
    background: #0a4d3c;
    display: block;
    position: absolute;
    top: .4rem;
    left: -.2rem
}
.tournament-draw__match-table .match-table--winner-a .match-table__row--player-a__player {
    color: #0a4d3c
}
.tournament-draw__match-table .match-table--winner-b .match-table__row--player-b__player-cell:before {
    content: "";
    height: calc(100% - .8rem);
    width: .4rem;
    background: #0a4d3c;
    display: block;
    position: absolute;
    top: .4rem;
    left: -.2rem
}
.tournament-draw__match-table .match-table--winner-b .match-table__row--player-b__player {
    color: #0a4d3c
}
.tournament-draw__match-table .match-table__row {
    border-bottom: .2rem solid #ececec;
    transition: background-color .4s ease
}
.tournament-draw__match-table .match-table__row:last-child {
    border: none
}
.tournament-draw__match-table .match-table__row .match-table__score-cell {
    transition: background-color .4s ease
}
.tournament-draw__match-table .match-table__row.is-active,
.tournament-draw__match-table .match-table__row.is-search-active {
    background-color: #0a4d3c;
    color: #fff
}
.tournament-draw__match-table .match-table__row.is-active .match-table__player,
.tournament-draw__match-table .match-table__row.is-active .match-table__player-fname,
.tournament-draw__match-table .match-table__row.is-active .match-table__player-lname,
.tournament-draw__match-table .match-table__row.is-active .match-table__player-name,
.tournament-draw__match-table .match-table__row.is-active .match-table__player-seed,
.tournament-draw__match-table .match-table__row.is-search-active .match-table__player,
.tournament-draw__match-table .match-table__row.is-search-active .match-table__player-fname,
.tournament-draw__match-table .match-table__row.is-search-active .match-table__player-lname,
.tournament-draw__match-table .match-table__row.is-search-active .match-table__player-name,
.tournament-draw__match-table .match-table__row.is-search-active .match-table__player-seed {
    color: #fff;
    transition: color .4s ease
}
.tournament-draw__match-table .match-table__row.is-active .match-table__score-cell,
.tournament-draw__match-table .match-table__row.is-search-active .match-table__score-cell {
    color: #fff
}
.tournament-draw__match-table .match-table__row.is-active .match-table__score-cell:nth-last-of-type(odd),
.tournament-draw__match-table .match-table__row.is-search-active .match-table__score-cell:nth-last-of-type(odd) {
    background-color: hsla(0, 0%, 100%, .1)
}
.tournament-draw__match-table .match-table__row.is-active .match-table__player-win-tick,
.tournament-draw__match-table .match-table__row.is-search-active .match-table__player-win-tick {
    fill: #fff
}
.tournament-draw__match-table .match-table__player-cell {
    height: 6.7rem
}
.tournament-draw__match-table .match-table__player-name--bye,
.tournament-draw__match-table .match-table__player-name--qualifier {
    padding-left: 3.6rem
}
.tournament-draw__match-table .match-table__player-flag {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16)
}
.tournament-draw__round-robin-container {
    margin: 2rem 0
}
.tournament-draw__round-robin-table {
    padding: 0 .8rem 0 .4rem;
    position: relative
}
.tournament-draw__round-robin-table:not(.not-lines-union):after {
    content: "";
    position: absolute;
    top: calc(100% - (100% - 12.6rem) / 2);
    right: -.6rem;
    width: 1.1rem;
    border: .2rem solid #ccc;
    border-bottom: none;
    border-left: none;
    z-index: 0
}
.tournament-draw__round-robin-table.is-active tbody {
    border: .2rem solid #0a4d3c
}
@media (max-width:52.49em) {
    .tournament-draw__tab {
        overflow: hidden
    }
    .tournament-draw__navigation-responsive {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        overflow: auto;
        padding: 1.2rem;
        border-bottom: 1px solid #f0f0f0;
        background: #fafafa;
        margin-bottom: .8rem;
        min-height: 7.3rem;
        box-shadow: 0 .8rem 1.4rem 0 hsla(0, 0%, 8%, .08);
        z-index: 10
    }
    .tournament-draw__navigation-responsive:after {
        content: "";
        min-width: .4rem;
        height: .4rem
    }
    .tournament-draw__round-nav-title {
        font-size: 1.7rem;
        margin: auto;
        padding: .2rem;
        font-family: Ferry, Arial, Helvetica Neue, sans-serif;
        font-weight: 900
    }
    .tournament-draw__round-container-wrapper {
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 .8rem 1.4rem 0 hsla(0, 0%, 8%, .08);
        position: relative
    }
    .tournament-draw__round-container-scrollbar {
        overflow-x: auto;
        overflow-y: hidden
    }
    .tournament-draw__round-container-titles.is-glued {
        position: relative;
        top: auto!important;
        left: auto!important
    }
    .tournament-draw__round-container {
        min-width: 100%;
        width: 100%;
        background: transparent;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0
    }
    .tournament-draw__round-container--round-robin {
        min-width: 100%;
        width: 100%
    }
    .tournament-draw__round-container.is-previous {
        height: 0;
        opacity: 0
    }
    .tournament-draw__round-container .tournament-draw__match-table:before {
        right: -3.8rem;
        width: 2.5rem
    }
    .tournament-draw__round-container .tournament-draw__match-table:after {
        height: 8rem
    }
    .tournament-draw__round-container .tournament-draw__match-table:nth-of-type(odd):before {
        top: 14.7rem
    }
    .tournament-draw__round-container .tournament-draw__match-table:nth-of-type(2n):before {
        bottom: 14.7rem
    }
    .tournament-draw__round--round-robin .tournament-draw__match-table:after {
        width: calc(100% + 2rem)
    }
    .tournament-draw__round-robin-table:not(.not-lines-union):after {
        right: 0;
        width: .6rem
    }
    .tournament-draw__match-table:after,
    .tournament-draw__match-table:before {
        z-index: 0
    }
}
.round-robin-table th {
    vertical-align: bottom
}
.round-robin-table tbody {
    box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .04);
    border: .2rem solid #f0f0f0;
    background: #fff
}
.round-robin-table td {
    border: .1rem solid #f0f0f0
}
.round-robin-table__round-title {
    vertical-align: bottom;
    text-align: left;
    padding: 2.4rem 2rem
}
.round-robin-table__heading-player-cell {
    height: 12.6rem;
    max-width: 5.6rem;
    vertical-align: bottom;
    text-align: center;
    padding-bottom: .8rem
}
.round-robin-table__heading-player-cell .match-table__player-name {
    transform: rotate(-90deg);
    transform-origin: bottom left;
    left: 3.4rem;
    width: 11.2rem;
    position: relative;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    word-break: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.round-robin-table__heading-player-cell .match-table__player-name+.match-table__player-name {
    left: 5.4rem
}
.round-robin-table__heading-player-cell .match-table__player-lname {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    color: hsla(0, 0%, 4%, .7);
    font-size: 1.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 2rem)
}
.round-robin-table__heading-player-cell.is-doubles .match-table__player-name {
    left: 2.8rem;
    bottom: -1.9rem
}
.round-robin-table__heading-player-cell.is-doubles .match-table__player-name+.match-table__player-name {
    left: 4.4rem;
    bottom: 0
}
.round-robin-table__final-result-cell,
.round-robin-table__heading-result-cell {
    width: 11.2rem;
    min-width: 11.2rem;
    font-size: 1.5rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-align: center
}
.round-robin-table__heading-result-cell {
    padding-bottom: .8rem
}
.round-robin-table__player-row.is-winner .round-robin-table__player-cell {
    position: relative
}
.round-robin-table__player-row.is-winner .round-robin-table__player-cell:before {
    content: "";
    height: calc(100% - .8rem);
    width: .4rem;
    background: #0a4d3c;
    display: block;
    position: absolute;
    top: .4rem;
    left: -.2rem
}
.round-robin-table__player-row.is-winner .match-table__player-name,
.round-robin-table__player-row.is-winner .round-robin-table__final-result-cell {
    color: #0a4d3c
}
.round-robin-table__player-row.is-active,
.round-robin-table__player-row.is-search-active {
    background-color: #0a4d3c;
    color: #fff
}
.round-robin-table__player-row.is-active .match-table__player,
.round-robin-table__player-row.is-active .match-table__player-name,
.round-robin-table__player-row.is-active .match-table__player-seed,
.round-robin-table__player-row.is-active .match-table__score-cell,
.round-robin-table__player-row.is-search-active .match-table__player,
.round-robin-table__player-row.is-search-active .match-table__player-name,
.round-robin-table__player-row.is-search-active .match-table__player-seed,
.round-robin-table__player-row.is-search-active .match-table__score-cell {
    color: #fff
}
.round-robin-table__player-row.is-active .match-table__score-cell:nth-last-of-type(odd),
.round-robin-table__player-row.is-search-active .match-table__score-cell:nth-last-of-type(odd) {
    background-color: hsla(0, 0%, 100%, .1)
}
.round-robin-table__player-row.is-active .match-table__player-win-tick,
.round-robin-table__player-row.is-search-active .match-table__player-win-tick {
    fill: #fff
}
.round-robin-table__player-row.is-active .round-robin-table__result-cell.is-inactive,
.round-robin-table__player-row.is-search-active .round-robin-table__result-cell.is-inactive {
    background: #9547ff
}
.round-robin-table__player-row.is-active .round-robin-table__result-link,
.round-robin-table__player-row.is-search-active .round-robin-table__result-link {
    color: hsla(0, 0%, 100%, .7)
}
.round-robin-table__player-row.is-active .round-robin-table__final-result-cell,
.round-robin-table__player-row.is-active .round-robin-table__result-link.is-winner,
.round-robin-table__player-row.is-search-active .round-robin-table__final-result-cell,
.round-robin-table__player-row.is-search-active .round-robin-table__result-link.is-winner {
    color: #fff
}
.round-robin-table__player-cell {
    max-width: 36rem;
    width: 100%;
    padding: 1.6rem 2.5rem 1.6rem 1.6rem;
    position: relative
}
.round-robin-table__result-cell {
    width: 5.6rem;
    height: 5.6rem;
    text-align: center;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.5rem
}
.round-robin-table__result-cell.is-inactive {
    background: #f6f6f6
}
.round-robin-table__result-link {
    color: #767676;
    text-decoration: none
}
.round-robin-table__result-link.is-winner {
    color: #0a4d3c
}
.round-robin-table__result-link:focus {
    text-decoration: underline
}
@media (min-width:52.5em) {
    .round-robin-table__result-link:hover {
        text-decoration: underline
    }
}
@media (max-width:52.49em) {
    .round-robin-table__round-title {
        padding: 1.6rem .4rem
    }
    .round-robin-table__player-cell {
        padding: 1.8rem 1.2rem
    }
    .round-robin-table__heading-player-cell,
    .round-robin-table__result-cell {
        width: 3.2rem;
        max-width: 3.2rem
    }
    .round-robin-table__final-result-cell,
    .round-robin-table__heading-result-cell {
        width: 4.8rem;
        min-width: 4.8rem
    }
    .round-robin-table .match-table__player-name {
        left: 2.2rem
    }
}
@media (max-width:22.5em) {
    .round-robin-table .match-table__player-fname {
        font-size: 1.3rem
    }
    .round-robin-table .match-table__player-lname {
        font-size: 1.5rem
    }
}
.tournament-header {
    position: relative;
    padding-top: 16.8rem;
    margin: 0 .8rem 4.8rem
}
.tournament-header--top {
    margin-top: 3.6rem
}
.tournament-header--top .tournament-header__topbar {
    height: 2.8rem;
    top: -3.6rem;
    background: #141414;
    left: 50%;
    right: 0;
    position: absolute;
    width: 100%;
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.tournament-header__photo {
    background-image: url(../images/tournament-hard.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 16rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}
.tournament-header--grass .tournament-header__photo {
    background-image: url(../images/tournament-grass.jpg)
}
.tournament-header--clay .tournament-header__photo {
    background-image: url(../images/tournament-clay.jpg)
}
.tournament-header--beach .tournament-header__photo {
    background-image: url(../images/tournament-hard.jpg)
}
.tournament-header__topbar {
    display: none
}
.tournament-header__content {
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: .8rem;
    min-height: 20rem;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    position: relative;
    text-align: center;
    background: #e6e6e6;
    border-radius: 20px;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}
.tournament-header__sponsor-wrapper {
    height: 16rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20
}
.tournament-header__sponsor {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%)
}
.tournament-header__countdown {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    font-size: 1.6rem;
    letter-spacing: .02rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #fff
}
.tournament-header__countdown-title {
    margin-right: .6rem;
    text-align: right
}
.tournament-header__countdown-number {
    background-color: #0a4d3c;
    color: #fff;
    font-size: 1.8rem;
    height: 2.4rem;
    margin: 0 .1rem;
    text-align: center;
    width: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.tournament-header__countdown-text {
    margin-left: .6rem
}
.tournament-header__title {
    font-size: 4.4rem;
    line-height: 1;
    margin: 0 10rem;
    max-width: 90rem;
    position: relative;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.tournament-header__date {
    font-weight: 900;
    font-size: 1.2rem;
    letter-spacing: normal;
    line-height: 1
}
.tournament-header__location {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1.9rem;
    letter-spacing: .292rem;
    line-height: .95;
    margin: 1rem 0 1.5rem
}
.tournament-header__metadata-icon {
    display: inline-block;
    height: 1.6rem;
    margin-right: .6rem;
    position: relative;
    width: 1.6rem
}
.tournament-header__metadata-icon .icon {
    fill: #fff;
    height: 1.6rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.6rem
}
.tournament-header__metadata-icon .hover-icn {
    opacity: 0;
    fill: #bbda16;
    transition: opacity .4s ease
}
.tournament-header__metadata {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2.5rem 0 0;
    position: relative;
    width: 100%
}
.tournament-header__social {
    position: static;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    text-align: center
}
.tournament-header__metadata-link {
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -.15rem;
    line-height: 1.16;
    margin: 0 .8rem;
    text-decoration: none
}
.tournament-header__metadata-link+.tournament-header__social {
    margin-top: 2.4rem
}
.tournament-header__metadata-text {
    position: relative;
    transition: color .4s ease
}
.tournament-header__social-item {
    text-decoration: none
}
.tournament-header__metadata-link:focus .hover-icn,
.tournament-header__social-item:focus .hover-icn {
    opacity: 1
}
.tournament-header__metadata-link:focus .tournament-header__metadata-text,
.tournament-header__social-item:focus .tournament-header__metadata-text {
    color: #fff;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .tournament-header__metadata-link:hover .hover-icn,
    .tournament-header__social-item:hover .hover-icn {
        opacity: 1
    }
    .tournament-header__metadata-link:hover .tournament-header__metadata-text,
    .tournament-header__social-item:hover .tournament-header__metadata-text {
        color: #fff;
        text-decoration: underline
    }
}
.tournament-header__social-title {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -.06rem;
    line-height: 1;
    margin-bottom: .8rem;
    display: block
}
.tournament-header__social-icon {
    display: inline-block;
    height: 4rem;
    position: relative;
    width: 4rem;
    background: #fff;
    border-radius: 50%;
    border: .8px solid #f0f0f0;
    margin-right: .4rem
}
.tournament-header__social-icon .icon {
    fill: #141414;
    height: 1.7rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2rem
}
.tournament-header__social-icon .hover-icn {
    opacity: 0;
    fill: #0a4d3c;
    transition: opacity .4s ease
}
.tournament-header--webview {
    padding-top: 12.8rem
}
.tournament-header--webview .tournament-header__photo,
.tournament-header--webview .tournament-header__sponsor-wrapper {
    height: 12rem
}
.tournament-header--webview .tournament-header__content {
    padding-bottom: 3.2rem
}
.tournament-header--webview .tournament-header__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 4.8rem;
    margin: 0 .8rem 1rem
}
.tournament-header--webview .tournament-header__item .tournament-tag {
    line-height: normal
}
.tournament-header--webview .tournament-header__value {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.tournament-header--webview .tournament-header__level {
    margin-bottom: .3rem;
    width: 11rem;
    height: 3.5rem;
    fill: #fff
}
.tournament-header--webview .tournament-header__link {
    text-decoration: none
}
@media (max-width:64.0525em) {
    .tournament-header__content {
        min-height: auto;
        padding-bottom: 2rem;
        max-width: 100%
    }
    .tournament-header__photo {
        margin: 0 0 .8rem
    }
    .tournament-header__countdown {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        text-align: left
    }
    .tournament-header__countdown-title {
        font-size: 1.2rem
    }
    .tournament-header__countdown-number {
        font-size: 1.7rem;
        height: 2.1rem;
        line-height: 1.4;
        padding-right: .3rem;
        width: 2.1rem
    }
    .tournament-header__countdown-text {
        font-size: 1rem
    }
    .tournament-header__date {
        font-size: 1.3rem;
        margin-top: 1rem
    }
    .tournament-header__location {
        letter-spacing: .2rem;
        line-height: 1.13;
        margin: .8rem 0 1rem
    }
    .tournament-header__metadata-link {
        font-size: 1.5rem;
        letter-spacing: -.118rem;
        line-height: 1.47
    }
}
@media (max-width:52.49em) {
    .tournament-header__title {
        font-size: 2.8rem;
        line-height: 1.14;
        margin: 0 2.4rem
    }
}
@media (max-width:39.99em) {
    .tournament-header {
        margin-bottom: 3rem
    }
}
.tournament-overview {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .8rem;
    margin-top: 2.4rem;
    position: relative
}
.tournament-overview__item {
    margin: 0 2.8rem;
    text-align: center
}
.tournament-overview__item .tournament-tag {
    line-height: normal
}
.tournament-overview__title {
    display: block;
    font-size: 1.9rem;
    font-weight: 900;
    letter-spacing: -.127rem;
    line-height: .89;
    margin-bottom: 1rem
}
.tournament-overview__value {
    color: #0a4d3c;
    font-size: 2.4rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900
}
.tournament-overview__notes {
    position: absolute;
    right: 0
}
.tournament-overview__pdf-icon {
    height: 3.2rem;
    width: 2.5rem
}
.tournament-overview__level {
    width: 13.3rem;
    height: 4rem;
    margin-bottom: -.2rem;
    fill: #0a4d3c
}
@media (min-width:40em) {
    .tournament-overview__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        height: 5rem
    }
}
@media (min-width:64.0625em) {
    .tournament-overview__item {
        height: 6rem
    }
}
@media (max-width:81.24em) {
    .tournament-overview__notes {
        position: relative
    }
}
@media (max-width:64.0525em) {
    .tournament-overview {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .tournament-overview__item {
        margin: 0
    }
    .tournament-overview__title {
        font-size: 1.5rem;
        letter-spacing: -.1rem;
        line-height: .87
    }
    .tournament-overview__value {
        font-size: 2.5rem;
        letter-spacing: -.161rem;
        line-height: .92
    }
}
@media (max-width:52.49em) {
    .tournament-overview__value--smaller {
        font-size: 1.9rem
    }
}
@media (max-width:39.99em) {
    .tournament-overview {
        border-bottom: none;
        display: block;
        margin-top: 2rem
    }
    .tournament-overview__item {
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #f2f2f2;
        display: -ms-flexbox;
        display: flex;
        height: 4.8rem;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 .8rem;
        flex-direction: column;
    }
    .tournament-overview__title {
        margin-bottom: 0
    }
    .tournament-overview__value {
        font-size: 2.1rem;
        padding: 1rem 0
    }
    .tournament-overview__level {
        margin-bottom: .3rem;
        width: 11rem;
        height: 3.5rem
    }
}
@media (max-width:23.115em) {
    .tournament-overview__value {
        font-size: 1.9rem
    }
}
.mobile-year-filter {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: #f5f5f5;
    transform: translateY(200%);
    opacity: 0;
    transition: opacity .4s ease, transform .4s ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.mobile-year-filter--open {
    transform: translateY(0);
    opacity: 1
}
.mobile-year-filter__button {
    position: fixed;
    right: 6.4rem;
    bottom: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem 2.4rem .8rem .8rem;
    color: #fff;
    background: #141414;
    border: none;
    border-radius: 24px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .12);
    z-index: 15;
    transition: transform .4s ease
}
.scroll-top-is-visible .mobile-year-filter__button {
    transform: translateX(-6rem)
}
.mobile-year-filter__button-icon-container {
    display: inline-block;
    margin-right: 1.6rem;
    padding: .7rem;
    width: 3.2rem;
    height: 3.2rem;
    background-color: hsla(0, 0%, 100%, .12);
    border-radius: 100%
}
.mobile-year-filter__button-icon {
    width: 1.8rem;
    height: 1.8rem;
    fill: #fff
}
.mobile-year-filter__button-label {
    font-size: 1.6rem;
    font-weight: 800
}
.mobile-year-filter__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #141414;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.mobile-year-filter__header-icon-container {
    margin-right: 1.2rem;
    padding: 1.2rem;
    width: 4.8rem;
    height: 4.8rem;
    background-color: hsla(0, 0%, 100%, .12)
}
.mobile-year-filter__header-icon {
    width: 2.4rem;
    height: 2.4rem;
    fill: #fff
}
.mobile-year-filter__header-title {
    font-size: 2.8rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: -.1rem
}
.mobile-year-filter__close {
    padding: 0;
    margin-left: auto;
    width: 4.8rem;
    height: 4.8rem;
    background-color: #0a4d3c
}
.mobile-year-filter__close .icon {
    right: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    fill: #fff
}
.mobile-year-filter__content {
    padding: 1.6rem 0;
    display: -ms-flexbox;
    display: flex;
    min-height: 0
}
.mobile-year-filter__overview {
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.mobile-year-filter__overview::-webkit-scrollbar {
    width: .4rem
}
.mobile-year-filter__overview::-webkit-scrollbar-track {
    background-color: #fff
}
.mobile-year-filter__overview::-webkit-scrollbar-thumb {
    background-color: #0a4d3c
}
.mobile-year-filter__year-list {
    background-color: #fff;
    padding: .8rem
}
@media (max-width:640px) {
    .mobile-year-filter__button {
        right: 1.2rem;
        bottom: 1.2rem
    }
    .scroll-top-is-visible .mobile-year-filter__button {
        transform: translateX(-6rem)
    }
}
.tournament-background-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    background-image: url(../images/tournament-hard.jpg);
    background-size: cover;
    background-repeat: no-repeat
}
.tournament-background-image--clay {
    background-image: url(../images/tournament-clay.jpg)
}
.tournament-background-image--hard {
    background-image: url(../images/tournament-hard.jpg)
}
.tournament-background-image--grass {
    background-image: url(../images/tournament-grass.jpg)
}
.tournament-background-image--beach {
    background-image: url(../images/tournament-hard.jpg)
}
.tournament-list {
    overflow: hidden
}
.tournament-list__filters {
    width: 100%;
    z-index: 20;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.tournament-list__filters-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    position: relative
}
.tournament-list__filters-content:after,
.tournament-list__filters-content:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: -100%;
    bottom: 0;
    height: 100%;
    width: 100vw;
    background-color: #e6e6e6;
    z-index: -1
}
.tournament-list__filters-content:before {
    right: -100%;
    left: 0
}
.tournament-list__filters-content--months {
    background-color: #e6e6e6;
    height: 5.6rem
}
.tournament-list__filters-content--levels {
    background-color: #fff;
    width: 100%;
    box-shadow: 0 .2rem 2rem 0 hsla(0, 0%, 8%, .08)
}
.tournament-list__filters-content--levels:after,
.tournament-list__filters-content--levels:before {
    background-color: #fff
}
.tournament-list__filters-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative
}
.tournament-list__filters-wrapper:after,
.tournament-list__filters-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 4rem;
    z-index: 10;
    opacity: 0;
    transition: opacity .2s ease;
    display: block;
    pointer-events: none
}
.tournament-list__filters-wrapper:before {
    left: 0;
    background-image: linear-gradient(270deg, hsla(0, 0%, 90%, 0), #e6e6e6)
}
.tournament-list__filters-wrapper:after {
    right: 0;
    background-image: linear-gradient(90deg, hsla(0, 0%, 90%, 0), #e6e6e6)
}
.tournament-list__filters-content--levels .tournament-list__filters-wrapper:before {
    background-image: linear-gradient(270deg, hsla(0, 0%, 90%, 0), #fff)
}
.tournament-list__filters-content--levels .tournament-list__filters-wrapper:after {
    background-image: linear-gradient(90deg, hsla(0, 0%, 90%, 0), #fff)
}
.tournament-list__filters-wrapper.is-scrolling-left:before,
.tournament-list__filters-wrapper.is-scrolling-right:after {
    opacity: 1
}
.tournament-list__filters-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}
.tournament-list__filters-item::-webkit-scrollbar {
    display: none
}
.tournament-list__filters-item:after,
.tournament-list__filters-item:before {
    content: "";
    width: .1rem;
    -ms-flex: 0 0 .1rem;
    flex: 0 0 .1rem;
    height: .1rem;
    display: block
}
.tournament-list__filters-item:before {
    margin-right: auto
}
.tournament-list__filters-item:after {
    margin-left: auto
}
.tournament-list__filters-month-button {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.46;
    letter-spacing: normal;
    color: #0a0a0a;
    text-decoration: none;
    padding: .5rem .4rem;
    transition: color .2s ease, background-color .2s ease, border .2s ease;
    border: .2rem solid transparent;
    font-weight: 900
}
@media (min-width:52.5em) {
    .tournament-list__filters-month-button:hover {
        background-color: #fff
    }
}
.tournament-list__filters-month-button.is-active {
    background-color: #0a4d3c;
    color: #fff
}
.tournament-list__filters-month-button--current {
    border-color: #0a4d3c
}
.tournament-list__filters-month-button--current:focus {
    background-color: #0a4d3c;
    color: #fff
}
@media (min-width:52.5em) {
    .tournament-list__filters-month-button--current:hover {
        background-color: #0a4d3c;
        color: #fff
    }
}
.tournament-list__filters-month-long,
.tournament-list__filters-month-short {
    pointer-events: none
}
.tournament-list__filters-month-short {
    display: none
}
.tournament-list__filters-download {
    position: relative;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem 1.6rem .8rem 2.3rem;
    text-decoration: none;
    color: #545454;
    -ms-flex-item-align: stretch;
    align-self: stretch
}
.tournament-list__filters-download:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background-color: #0a4d3c;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform .4s ease
}
.tournament-list__filters-download:focus:after {
    transform: scaleX(1)
}
.tournament-list__filters-download:focus .tournament-list__filters-download-label {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .tournament-list__filters-download:hover:after {
        transform: scaleX(1)
    }
    .tournament-list__filters-download:hover .tournament-list__filters-download-label {
        color: #0a4d3c
    }
}
.tournament-list__filters-download-label {
    text-align: right;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: -.054rem;
    margin-right: .8rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition: color .4s ease;
    font-weight: 900;
    color: hsla(0, 0%, 8%, .9)
}
.tournament-list__filters-download-label strong {
    display: block;
    letter-spacing: -.054rem
}
.tournament-list__filters-download-icon {
    height: 3.2rem;
    width: 2.5rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    fill: #0a0a0a
}
.tournament-list__month {
    margin: 6.4rem auto;
    position: relative
}
.tournament-list__month.is-active-month .tournament-list__header-icon {
    background-color: #0a4d3c
}
.tournament-list__month.is-active-month .tournament-list__header-svg {
    fill: #fff
}
.tournament-list__month.is-active-month .tournament-list__heading {
    color: #0a4d3c
}
.tournament-list__month .content-anchor {
    top: -16.5rem
}
.tournament-list__month--error .tournament-list__item {
    min-height: 0;
    opacity: 0
}
.tournament-list__filters-level {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    text-decoration: none;
    color: #0a0a0a;
    font-size: 1.3rem;
    border: .2rem solid transparent;
    padding: .8rem 1.2rem;
    line-height: 2.4rem;
    white-space: nowrap
}
.tournament-list__filters-level.is-active-level {
    border-color: #0a4d3c;
    color: #0a4d3c
}
.tournament-list__filters-level.is-active-level svg {
    fill: #0a4d3c
}
.tournament-list__filters-level-icon {
    height: 2.4rem;
    width: auto;
    max-width: 8rem
}
.tournament-list__header {
    margin-bottom: 3.4rem
}
.tournament-list__header,
.tournament-list__header-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.tournament-list__header-icon {
    background-color: #e6e6e6;
    width: 8rem;
    height: 5.6rem;
    -ms-flex-pack: center;
    justify-content: center;
    transform: translateX(-2.4rem)
}
.tournament-list__header-svg {
    width: 3.2rem;
    height: 3.2rem;
    fill: #141414
}
.tournament-list__heading {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 3.8rem;
    letter-spacing: -.04rem;
    margin-right: auto
}
.tournament-list__active {
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: -.076rem;
    color: hsla(0, 0%, 8%, .76);
    margin-right: 1.2rem;
    font-weight: 900
}
.tournament-list__active-count {
    background-color: #0a4d3c;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: normal;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem
}
.tournament-list__list:before {
    content: "";
    display: block
}
.tournament-list__list:after {
    content: "";
    display: table;
    clear: both
}
.tournament-list__list .tournament-list__error {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: normal;
    width: 100%;
    display: block
}
.tournament-list__list li:nth-child(2) .tournament-thumbnail--placeholder {
    animation-delay: .333s
}
.tournament-list__list li:nth-child(3) .tournament-thumbnail--placeholder {
    animation-delay: .666s
}
.tournament-list__item {
    transition: min-height .1s, opacity .1s
}
.tournament-list .tournament-background-image {
    z-index: -1
}
@media screen and (max-width:1503px) {
    .tournament-list__header-icon {
        transform: none;
        margin-right: 2.4rem
    }
}
@media (max-width:81.24em) {
    .tournament-list__list li:nth-child(3) .tournament-thumbnail--placeholder {
        display: none
    }
}
@media (max-width:64.0525em) {
    .tournament-list__filters-month-button {
        -ms-flex: 0 0 6.4rem;
        flex: 0 0 6.4rem
    }
}
@media (max-width:52.49em) {
    .tournament-list__filters {
        top: 7.2rem
    }
    .tournament-list__filters-content {
        position: relative;
        height: 4.4rem
    }
    .tournament-list__filters-content:after {
        content: "";
        position: absolute;
        top: -.1rem;
        height: .1rem;
        left: 0;
        right: 0;
        box-shadow: inset 0 1.2rem 1.2rem hsla(0, 0%, 8%, .12)
    }
    .tournament-list__filters-month-button {
        padding: .4rem;
        color: #5e5d5e
    }
    .tournament-list__filters-month-long {
        display: none
    }
    .tournament-list__filters-month-short {
        display: block
    }
    .tournament-list__filters-download-label {
        display: none
    }
    .tournament-list__filters-download-icon {
        width: 2rem;
        height: 2.6rem
    }
    .tournament-list__item {
        min-height: 25.7rem
    }
    .tournament-list__filters-level {
        font-size: 1.2rem;
        line-height: 1.7rem;
        padding: .6rem 1.7rem
    }
    .tournament-list__filters-level-icon {
        max-width: 5.6rem;
        height: 1.7rem
    }
}
@media (max-width:39.99em) {
    .tournament-list__month {
        margin: 5rem auto
    }
    .tournament-list__month.is-active .tournament-list__active {
        display: none
    }
    .tournament-list__month .content-anchor {
        top: -14rem
    }
    .tournament-list__header {
        margin-bottom: 2.4rem
    }
    .tournament-list__header-icon {
        width: 4rem;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        margin-right: 1.2rem
    }
    .tournament-list__header-svg {
        width: 2.4rem;
        height: 2.4rem
    }
    .tournament-list__heading {
        font-size: 2.4rem;
        letter-spacing: normal
    }
    .tournament-list__active {
        display: none
    }
}
@media (max-width:23.125em) {
    .tournament-list__item {
        min-height: 28.6rem
    }
}
.non-wta-event {
    display: block;
    width: 100%;
    max-width: 48rem;
    margin: 3.2rem auto;
    border-bottom: .1rem solid #f0f0f0
}
.non-wta-event__header {
    display: block;
    width: 100%;
    background-color: #fafafa;
    padding: .8rem
}
.non-wta-event__time {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 1.07;
    letter-spacing: -.047rem;
    color: #0a0a0a;
    transition: color .4s ease
}
.non-wta-event__content {
    min-height: 10rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}
.non-wta-event__text {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.9rem;
    line-height: 1;
    letter-spacing: -.06rem;
    color: #3d3d3d;
    opacity: .8;
    margin: .5rem 2.8rem
}
.tournament-oop.cls-padding {
    margin-bottom: 100vh
}
.tournament-oop__day {
    z-index: 1;
    position: relative;
    display: none
}
.tournament-oop__day.is-active {
    display: block
}
.tournament-oop__court {
    width: 100%;
    padding: .4rem;
    background-image: linear-gradient(180deg, hsla(0, 0%, 98%, .8), hsla(0, 0%, 100%, .8))
}
.tournament-oop__court-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: .8rem 1rem .8rem .4rem;
    margin-bottom: 3.2rem;
    background-color: #0a4d3c
}
.tournament-oop__court-icon {
    fill: #fff;
    width: 5rem;
    height: 2rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: .4rem 1.2rem .4rem .4rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}
.tournament-oop__court-name {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.8rem;
    line-height: 1.61;
    margin-right: .6rem;
    color: #fff
}
.tournament-oop__court-start {
    font-weight: 900;
    font-size: 1.3rem;
    line-height: 1.46;
    letter-spacing: -.054rem;
    color: hsla(0, 0%, 100%, .8);
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.tournament-oop__court-start .time {
    color: #fff
}
.tournament-oop__loader {
    margin: 6rem 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    min-height: 5rem
}
.tournament-oop__match-item {
    margin: .7rem 0
}
.tournament-oop__lists {
    transition: opacity .1s ease;
    min-height: 10rem
}
.tournament-oop.is-loading {
    min-height: 40rem
}
.tournament-oop.is-loading .tournament-oop__lists {
    pointer-events: none;
    opacity: .1
}
@media (max-width:840px) {
    .tournament-oop__lists {
        min-height: 5rem
    }
    .tournament-oop__button {
        padding: .8rem 1.2rem
    }
    .tournament-oop__button-label {
        font-size: 1.3rem;
        letter-spacing: -.054rem
    }
    .tournament-oop__button-icon {
        width: 1.7rem;
        height: 2.1rem
    }
    .tournament-oop__loader {
        margin: 3.2rem auto
    }
    .tournament-oop__court {
        padding-top: 1.6rem;
        background-image: none;
        background-color: #fff;
        box-shadow: 0 .8rem 1.4rem 0 rgba(0, 0, 0, .08)
    }
    .tournament-oop__court-header {
        border-bottom: .2rem solid #0a4d3c;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 48rem;
        margin: 0 auto 1.6rem
    }
    .tournament-oop__court-icon {
        margin: auto .6rem auto .4rem;
        position: absolute
    }
    .tournament-oop__court-name {
        font-size: 1.9rem;
        line-height: 1;
        letter-spacing: -.09rem;
        margin: 0 0 .2rem 6.5rem
    }
    .tournament-oop__court-start {
        font-size: 1.3rem;
        line-height: .92;
        display: block;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 6.5rem
    }
}
@media (max-width:39.99em) {
    .tournament-oop__lists {
        padding: 0
    }
    .tournament-oop__lists .tournament-oop__day-item {
        padding: 0;
        margin-bottom: .8rem
    }
}
@media (max-width:23.115em) {
    .tournament-oop__court {
        padding: 1.6rem 0 0
    }
}
.tournament-past-winners__content {
    padding-top: 3.2rem
}
.tournament-past-winners__tournament {
    padding: 1rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}
.tournament-past-winners__date {
    width: 16rem;
    text-align: center;
    letter-spacing: -.2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #0a4d3c
}
.tournament-past-winners__date-year {
    color: #fff;
    font-size: 3.6rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: .89;
    margin-bottom: .4rem
}
.tournament-past-winners__date-period {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.07;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700
}
.tournament-past-winners__name-link {
    text-decoration: none;
    color: inherit;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.7
}
.tournament-past-winners__name-link:focus .tournament-past-winners__first-name,
.tournament-past-winners__name-link:focus .tournament-past-winners__last-name {
    color: #0a4d3c;
    text-decoration: underline
}
@media (min-width:52.5em) {
    .tournament-past-winners__name-link:hover .tournament-past-winners__first-name,
    .tournament-past-winners__name-link:hover .tournament-past-winners__last-name {
        color: #0a4d3c;
        text-decoration: underline
    }
}
.tournament-past-winners__first-name--desktop {
    color: #767676;
    text-transform: capitalize;
    font-size: 2.1rem;
    margin-right: .8rem
}
.tournament-past-winners__first-name--mobile {
    display: none
}
.tournament-past-winners__last-name {
    text-transform: uppercase
}
.tournament-past-winners__first-name,
.tournament-past-winners__last-name {
    position: relative;
    transition: color .4s ease, text-decoration .4s ease
}
.tournament-past-winners__winners {
    margin-left: .8rem;
    padding: 2.4rem;
    -ms-flex: 1;
    flex: 1;
    background-color: #e6e6e6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}
.tournament-past-winners__winners-countryflag {
    display: inline-block;
    box-shadow: 0 .2rem .8rem 0 rgba(0, 0, 0, .16);
    width: 3rem;
    height: 2rem;
    margin-right: .6rem
}
.tournament-past-winners__winners-singles-winner {
    line-height: 1.14;
    margin: 0 0 1.2rem
}
.tournament-past-winners__winners-doubles-winner,
.tournament-past-winners__winners-singles-winner {
    color: #0a0a0a;
    font-size: 2.1rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    text-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.tournament-past-winners__winners-doubles-winner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.tournament-past-winners__winners-doubles-winner-divider {
    color: #0a4d3c;
    font-size: 1.3rem;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: 1.6rem;
    text-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5)
}
.tournament-past-winners__winners-divider {
    margin: 0 1rem;
    color: #767676
}
.tournament-past-winners__links {
    background: #e6e6e6;
    padding-right: 3.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}
.tournament-past-winners__links-link {
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    margin: 0 0 1.2rem;
    font-weight: 900
}
.tournament-past-winners__links-link:last-of-type {
    margin: 0
}
@media (max-width:840px) {
    .tournament-past-winners__tournament {
        padding: 1.7rem 0
    }
    .tournament-past-winners__first-name--mobile {
        display: inline-block;
        text-transform: capitalize;
        color: #767676;
        font-size: 1.4rem
    }
    .tournament-past-winners__first-name--desktop {
        display: none
    }
    .tournament-past-winners__winners {
        margin: 0
    }
    .tournament-past-winners__winners-singles-winner {
        font-size: 1.4rem;
        margin: 0 0 .6rem
    }
    .tournament-past-winners__winners-doubles-winner {
        font-size: 1.4rem
    }
    .tournament-past-winners__winners-divider {
        margin: 0 .8rem
    }
    .tournament-past-winners__winners-countryflag {
        width: 2.4rem;
        height: 1.6rem
    }
}
@media (max-width:640px) {
    .tournament-past-winners__content {
        margin: 1.5rem 0
    }
    .tournament-past-winners__tournament {
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1.1rem
    }
    .tournament-past-winners__date {
        text-align: left;
        width: 100%;
        padding: 1rem 1.3rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-right: none
    }
    .tournament-past-winners__date-year {
        font-size: 2.8rem;
        font-family: Ferry, Arial, Helvetica Neue, sans-serif;
        font-weight: 900;
        line-height: 3.1rem;
        margin-bottom: 0
    }
    .tournament-past-winners__date-period {
        font-size: 1.3rem;
        line-height: 1.23;
        text-shadow: 0 2px 12px 0 rgba(0, 0, 0, .5);
        margin-left: .55rem;
        margin-bottom: .4rem;
        letter-spacing: .038rem
    }
    .tournament-past-winners__winners {
        border-right: 2px solid #f0f0f0;
        width: 100%;
        padding: 1.2rem
    }
    .tournament-past-winners__winners-singles-winner {
        color: #0a0a0a
    }
    .tournament-past-winners__winners-doubles-winner {
        color: #0a0a0a;
        text-shadow: 0 2px 8px 0 rgba(0, 0, 0, .5)
    }
    .tournament-past-winners__links {
        padding: 0;
        margin-top: 0;
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative
    }
    .tournament-past-winners__links:before {
        content: "";
        position: absolute;
        width: 2px;
        background-color: #f0f0f0;
        opacity: .1;
        left: 50%;
        z-index: 10;
        margin: .42rem 0;
        height: 80%
    }
    .tournament-past-winners__links-link {
        -ms-flex-positive: 1;
        flex-grow: 1;
        color: #fff;
        font-size: 1.5rem;
        text-align: center;
        margin: 0
    }
}
.tournament-past-winners__download {
    padding-left: 2.4rem
}
.tournament-past-winners__download-draw {
    padding: 1.4rem 1.5rem;
    padding-left: 4rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 800;
    text-align: center;
    margin: .4rem 0
}
.tournament-past-winners__download-draw:before {
    padding: 1.4rem 1.5rem 1.4rem 4rem!important
}
.tournament-past-winners__download-draw-icon.icon {
    width: 2.5rem;
    height: 2.5rem;
    left: 1rem;
    fill: #fff
}
@media (max-width:640px) {
    .tournament-past-winners__download {
        padding-left: 0;
        margin-top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }
    .tournament-past-winners__download-draw {
        -ms-flex-positive: 1;
        flex-grow: 1;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 800;
        text-align: center;
        margin: 0
    }
    .tournament-past-winners__download-draw-icon.icon {
        left: calc(50% - 87px)
    }
}
.tennis-match {
    max-width: 48rem;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    position: relative;
    background: #fff
}
.tennis-match--no-max,
.tennis-match .match-table {
    max-width: none
}
.tennis-match--completed .tennis-match__time-wrap {
    color: #141414
}
.tennis-match--completed .tennis-match__time-wrap .icon {
    fill: #141414
}
.tennis-match--completed .tennis-match__date {
    color: #141414
}
.tennis-match__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-color: #e6e6e6;
    padding: .8rem .8rem .7rem
}
.tennis-match__header.is-live {
    background-color: #0a4d3c
}
.tennis-match__header.is-live .tennis-match__date,
.tennis-match__header.is-live .tennis-match__round,
.tennis-match__header.is-live .tennis-match__status,
.tennis-match__header.is-live .tennis-match__time,
.tennis-match__header.is-live .tennis-match__time-wrap,
.tennis-match__header.is-live .tennis-match__tournament-title {
    color: #fff
}
.tennis-match__header.is-live .tennis-match__time-wrap .icon {
    fill: #fff
}
.tennis-match__footer {
    padding: .8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative
}
.tennis-match__footer:after,
.tennis-match__footer:before {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    height: 100%;
    background: #fff
}
.tennis-match__footer:after {
    right: -.1rem
}
.tennis-match__footer:before {
    left: -.1rem
}
.tennis-match__footer--large {
    padding: .8rem
}
.tennis-match__status-time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-right: .4rem
}
.tennis-match__status {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1.07;
    color: #0a0a0a;
    margin-right: .7rem;
    text-transform: uppercase
}
.tennis-match__status.is-live {
    text-transform: uppercase;
    color: #0a4d3c
}
.tennis-match__date,
.tennis-match__time-wrap {
    color: #767676;
    font-size: 1.3rem;
    line-height: .69;
    letter-spacing: -.072rem;
    font-weight: 900
}
.tennis-match__date.is-date,
.tennis-match__time-wrap.is-date {
    color: #0a4d3c;
    font-size: 1.4rem;
    line-height: 1.07
}
.is-live+.tennis-match__date.is-date,
.is-live+.tennis-match__time-wrap.is-date {
    color: #0a0a0a
}
.tennis-match__date .icon,
.tennis-match__time-wrap .icon {
    display: inline-block;
    width: .9rem;
    height: .9rem;
    fill: #767676
}
.tennis-match__date {
    margin-left: .6rem;
    text-transform: uppercase
}
.tennis-match__round {
    margin-left: auto;
    font-size: 1.3rem;
    line-height: 1.23;
    letter-spacing: -.041rem;
    color: #3e3e3e
}
.tennis-match__match-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}
.tennis-match__stats-logo {
    height: 1.5rem;
    width: 2.9rem;
    margin-right: .4rem
}
.tennis-match__stats-text {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.1;
    letter-spacing: .04rem;
    text-transform: uppercase;
    color: #767676;
    transition: color .4s ease;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.tennis-match__tournament-title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.23;
    letter-spacing: -.041rem;
    color: #222;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 2rem
}
.tennis-match__live-blog-indicator {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: -.047rem;
    color: #fff;
    background: #be0228;
    border-radius: 5rem;
    padding: .2rem .7rem
}
.tennis-match--light-border {
    border: .1rem solid #f0f0f0;
    border-bottom: none
}
.tennis-match--small .tennis-match__header {
    padding: .75rem .8rem;
    min-height: 2.8rem;
    font-size: 1.2rem;
    letter-spacing: -.08rem
}
.tennis-match--small .tennis-match__header.is-live {
    background-color: #0a4d3c
}
.tennis-match--small .tennis-match__header.is-live .tennis-match__round,
.tennis-match--small .tennis-match__header.is-live .tennis-match__tournament-title {
    color: #fff
}
.tennis-match--small .tennis-match__header.is-live .tennis-match__time-wrap .icon {
    fill: #fff
}
.tennis-match--small .tennis-match__tournament-title {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #141414
}
.tennis-match--small .tennis-match__footer {
    padding: .5rem;
    min-height: 2.7rem;
    background-color: #fff;
    border: .1rem solid #e6e6e6
}
.tennis-match--small .tennis-match__status {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    color: #141414;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: normal;
    margin-right: .4rem
}
.tennis-match--small .tennis-match__status.is-live {
    color: #0a4d3c;
    letter-spacing: .06rem
}
.tennis-match--small .tennis-match__time-wrap {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: -.05rem
}
.tennis-match--small .tennis-match__time-wrap .icon {
    margin-bottom: -.1rem;
    width: .9rem;
    height: .9rem;
    fill: #767676
}
.tennis-match--small .tennis-match__round {
    margin-left: auto;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -.04rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.tennis-match--small .tennis-match__stats-text {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 400;
    color: #767676;
    font-size: .9rem;
    line-height: 1.1;
    letter-spacing: .04rem;
    text-transform: uppercase
}
.tennis-match--small .tennis-match__live-blog-indicator {
    font-size: 1.1rem;
    line-height: 1rem;
    letter-spacing: -.03rem;
    padding: .4rem .5rem .3rem;
    margin: -.2rem 0
}
.tennis-match--small .tennis-match__live-blog-label {
    display: block
}
.tennis-match--small.tennis-match--light-border {
    border: .1rem solid #e6e6e6;
    border-bottom: .1rem solid #e6e6e6
}
.tennis-match:focus .tennis-match__stats-text {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .tennis-match:hover .tennis-match__stats-text {
        color: #0a4d3c
    }
}
@media (max-width:52.49em) {
    .tennis-match--small .tennis-match__header {
        min-height: 3.2rem;
        background-color: #e6e6e6
    }
    .tennis-match--small .tennis-match__tournament-title {
        font-size: 1.3rem;
        letter-spacing: -.08rem;
        line-height: 1.8
    }
    .tennis-match--small .tennis-match__round {
        font-size: 1.3rem;
        line-height: 1.8;
        letter-spacing: -.04rem
    }
    .tennis-match--small .tennis-match__footer {
        background-color: #fff;
        height: 2.2rem
    }
    .tennis-match--small .tennis-match__status {
        font-size: 1.2rem;
        letter-spacing: normal;
        line-height: .83
    }
    .tennis-match--small .tennis-match__stats-text,
    .tennis-match--small .tennis-match__time-wrap {
        font-size: 1.2rem;
        letter-spacing: -.04rem;
        line-height: 1.33
    }
}
.tournament-scores.cls-padding {
    margin-bottom: 100vh
}
.tournament-scores__day-nav-holder {
    border-top: 0;
    margin: 0 auto 3.6rem;
    z-index: 30
}
.tournament-scores__tab:not(.tournament-scores__tab--webview) {
    display: none
}
.tournament-scores__tab:not(.tournament-scores__tab--webview).is-active {
    display: block
}
.tournament-scores__day {
    z-index: 1;
    position: relative;
    display: none
}
.tournament-scores__day.is-active {
    display: block
}
.tournament-scores__day .tournament-scores__item {
    margin-bottom: 2.4rem
}
.tournament-scores__item {
    min-height: 17rem
}
.tournament-scores__placeholder {
    animation: e 1s ease 0s infinite alternate;
    background-color: #e7e7e7;
    width: 100%
}
.tournament-scores__loader {
    margin: 6rem auto
}
@media (max-width:840px) {
    .tournament-scores__day-nav-holder {
        margin: 0 auto .8rem
    }
    .tournament-scores__loader {
        margin: 3.2rem auto
    }
    .tournament-scores__day {
        padding-top: 1.2rem;
        background-color: #fff;
        position: relative;
        z-index: 1
    }
    .tournament-scores__day .tournament-scores__item {
        margin-bottom: 1.2rem;
        padding: 0
    }
}
.tournament-year-dropdown {
    cursor: pointer;
    line-height: 1;
    letter-spacing: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    position: relative;
    z-index: 15;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-right: 1.8rem
}
.tournament-year-dropdown:after {
    content: "";
    height: .4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0a4d3c;
    transition: transform .4s ease;
    transform: scaleX(0);
    transform-origin: left
}
.tournament-year-dropdown:focus:after {
    transform: scaleX(1)
}
@media (min-width:52.5em) {
    .tournament-year-dropdown:hover:after {
        transform: scaleX(1)
    }
}
.tournament-year-dropdown__clickzone {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}
.tournament-year-dropdown__label {
    display: block;
    position: absolute;
    top: .8rem;
    left: 1rem;
    font-size: 1.1rem;
    color: #5e5e5e;
    z-index: 10
}
.tournament-year-dropdown__current {
    position: relative;
    transition: color .4s ease;
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    color: hsla(0, 0%, 8%, .6);
    margin-right: 1.5rem
}
.tournament-year-dropdown__current-icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.tournament-year-dropdown__current-icon-svg {
    fill: #0a0a0a;
    width: 1.6rem;
    height: 1.6rem;
    transition: fill .4s ease
}
.tournament-year-dropdown__icon {
    display: block;
    position: absolute;
    top: .9rem;
    bottom: .9rem;
    right: 3.8rem
}
.tournament-year-dropdown__icon .icon {
    position: absolute;
    top: 50%;
    left: .5rem;
    margin-top: -.4rem;
    margin-left: .7rem;
    width: .8rem;
    height: .8rem;
    fill: hsla(0, 0%, 8%, .75);
    transform: rotate(90deg);
    transition: transform .4s ease, fill .4s ease
}
.tournament-year-dropdown--list-style {
    padding-right: 1.8rem;
    width: 15rem
}
.tournament-year-dropdown--list-style:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100vw;
    background-color: #e6e6e6;
    z-index: -1
}
.tournament-year-dropdown--list-style .tournament-year-dropdown__current {
    font-size: 1.6rem;
    padding-right: 2rem;
    color: #0a0a0a;
    font-weight: 900
}
.tournament-year-dropdown--list-style .tournament-year-dropdown__icon {
    display: block;
    position: absolute;
    top: .9rem;
    bottom: .9rem;
    right: 6rem
}
.tournament-year-dropdown--list-style .tournament-year-dropdown__icon .icon {
    position: absolute;
    top: 50%;
    left: .5rem;
    margin-top: -.6rem;
    margin-left: .7rem;
    width: 1rem;
    height: 1rem;
    fill: #141414;
    transform: rotate(90deg);
    transition: transform .4s ease, fill .4s ease
}
.tournament-year-dropdown__dropdown {
    max-height: 30rem;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    transform: scale(0);
    transform-origin: top center;
    background-color: #fff;
    border-top: none;
    visibility: hidden;
    transition: transform .2s ease;
    overflow: hidden;
    z-index: 25;
    box-shadow: 0 1.2rem 3.2rem 0 hsla(0, 0%, 8%, .24);
    min-width: 25.7rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.tournament-year-dropdown__dropdown::-webkit-scrollbar {
    width: .4rem
}
.tournament-year-dropdown__dropdown::-webkit-scrollbar-track {
    background-color: #fff
}
.tournament-year-dropdown__dropdown::-webkit-scrollbar-thumb {
    background-color: #0a4d3c
}
.tournament-year-dropdown__dropdown:after {
    content: "";
    z-index: 26;
    position: absolute;
    bottom: 0;
    left: 0;
    right: .4rem;
    height: 2.4rem;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    pointer-events: none
}
.tournament-year-dropdown__list {
    width: 100%;
    padding: .8rem
}
.tournament-year-dropdown__option {
    font-weight: 900;
    font-size: 1.6rem;
    line-height: 1.05;
    letter-spacing: -.05rem;
    padding: 1rem 1.1rem;
    color: #141414;
    transition: color .4s ease;
    cursor: pointer;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none
}
.tournament-year-dropdown__option:not(:last-child) {
    border-bottom: 1px solid #ececec
}
.tournament-year-dropdown__option:focus {
    color: #0a4d3c
}
@media (min-width:52.5em) {
    .tournament-year-dropdown__option:hover {
        color: #0a4d3c
    }
}
.tournament-year-dropdown__option--current {
    letter-spacing: -.05rem
}
.tournament-year-dropdown__option--current:before {
    content: "";
    position: absolute;
    left: -.8rem;
    top: 50%;
    transform: translateY(-50%);
    width: .3rem;
    background-color: #0a4d3c;
    height: 80%
}
.tournament-year-dropdown__option--current .tournament-year-dropdown__tick {
    display: -ms-flexbox;
    display: flex
}
.tournament-year-dropdown__tick {
    border-radius: 50%;
    background-color: #0a4d3c;
    width: 2rem;
    height: 1.9rem;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.tournament-year-dropdown__tick-svg {
    width: 1rem;
    height: .79rem;
    fill: #fff
}
.tournament-year-dropdown.is-open:after {
    transform: scaleX(1)
}
.tournament-year-dropdown.is-open .tournament-year-dropdown__dropdown {
    transform: scale(1);
    visibility: visible
}
.tournament-year-dropdown.is-open .tournament-year-dropdown__current-icon-svg {
    fill: #0a4d3c
}
.tournament-year-dropdown.is-open .tournament-year-dropdown__current {
    color: #0a4d3c
}
.tournament-year-dropdown.is-open .tournament-year-dropdown__icon .icon {
    transform: rotate(-90deg);
    fill: #0a4d3c
}
@media (max-width:53.75em) {
    .tournament-year-dropdown {
        /*display: none*/
    }
}
.tournament-player-list__tab {
    display: none
}
.tournament-player-list__tab.is-active {
    display: block
}
.tournament-player-list__tab .tournament-player-list__error {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: normal;
    text-align: center;
    width: 100%;
    display: block;
    margin: 6rem auto
}
.tournament-player-list__eliminated-filter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 2.4rem;
    margin-bottom: 1.4rem
}
.tournament-player-list__eliminated-filter-button {
    background-color: #e1e1e1;
    border-radius: 1.4rem;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.6rem;
    letter-spacing: -.095rem;
    color: #6e6e6e;
    line-height: normal;
    padding: .5rem 1.2rem;
    margin-left: 1.6rem;
    transition: background-color .4s ease, color .4s ease
}
.tournament-player-list__eliminated-filter-button:focus {
    background-color: #452e84;
    color: #fff
}
.tournament-player-list__eliminated-filter-button:focus .tournament-player-list__eliminated-filter-icon {
    fill: #fff
}
@media (min-width:52.5em) {
    .tournament-player-list__eliminated-filter-button:hover {
        background-color: #452e84;
        color: #fff
    }
    .tournament-player-list__eliminated-filter-button:hover .tournament-player-list__eliminated-filter-icon {
        fill: #fff
    }
}
.tournament-player-list__eliminated-filter-button.is-active {
    background-color: #0a4d3c;
    color: #fff
}
.tournament-player-list__eliminated-filter-button.is-active .tournament-player-list__eliminated-filter-icon {
    fill: #fff
}
.tournament-player-list__eliminated-filter-icon {
    width: 1.2rem;
    height: 1.2rem;
    fill: #6e6e6e;
    margin-right: .4rem;
    transition: fill .4s ease
}
.tournament-player-list__list .tournament-player-list__item {
    margin-bottom: 2.6rem
}
.tournament-player-list__error {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    letter-spacing: normal;
    text-align: center;
    width: 100%;
    display: block;
    margin: 6rem auto
}
@media (min-width:840px) and (max-width:1025px) {
    .tournament-player-list__list .tournament-player-list__item {
        width: 33.3%
    }
}
@media (max-width:840px) {
    .tournament-player-list__lists {
        background-color: #fff;
        box-shadow: 0 .8rem 1.4rem 0 hsla(0, 0%, 8%, .08);
        position: relative;
        overflow: hidden
    }
    .tournament-player-list__eliminated-filter {
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0;
        margin: 1.6rem .4rem .5rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .tournament-player-list__eliminated-filter-button {
        border-radius: 1.2rem;
        font-family: Ferry, Arial, Helvetica Neue, sans-serif;
        font-weight: 900;
        font-size: 1.4rem;
        letter-spacing: -.073rem;
        color: #989898;
        padding: .4rem 1rem;
        margin: 0 .6rem .75rem 0
    }
    .tournament-player-list__eliminated-filter-icon {
        width: 1rem;
        height: 1rem;
        margin-right: .3rem
    }
    .tournament-player-list__list .tournament-player-list__item {
        margin-bottom: .8rem
    }
}
@media (max-width:25.9275em) {
    .tournament-player-list__eliminated-filter-button {
        padding: .4rem .6rem
    }
}
.featured-vp {
    padding: 0 .8rem
}
.featured-vp .widget-footer,
.featured-vp .widget-header,
.featured-vp .wrapper {
    padding: 0
}
.featured-vp__inner {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.featured-vp__video {
    width: 70%
}
.featured-vp__video .inline-player__content {
    padding-top: 56.25%;
    width: 100%;
    height: 0
}
@media (max-width:64.0525em) {
    .featured-vp__inner {
        display: block
    }
    .featured-vp__video {
        width: 100%
    }
}
.full-width-video {
    background-color: #141414
}
.full-width-video:focus .full-width-video__play {
    background-color: #0a4d3c
}
@media (min-width:52.5em) {
    .full-width-video:hover .full-width-video__play {
        background-color: #0a4d3c
    }
}
.full-width-video__video {
    width: 100%;
    margin: 0 auto;
    position: relative
}
.full-width-video__overlay {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
    transition: opacity .25s, visibility .25s;
    transform: translateZ(0)
}
.full-width-video__overlay:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(120, 20, 255, .3);
    mix-blend-mode: color;
    transition: background-color .4s ease;
    z-index: 10
}
.full-width-video__overlay-content {
    -ms-flex-direction: column;
    flex-direction: column;
    transition: transform .25s
}
.full-width-video__overlay-content,
.full-width-video__play {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.full-width-video__play {
    width: 11rem;
    height: 11rem;
    border-radius: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: rgba(0, 0, 0, .7);
    transition: background-color .25s
}
.full-width-video__play .icon {
    fill: #fff;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: .9rem
}
.full-width-video__meta-tags {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    margin-top: 3.5rem
}
.full-width-video__meta-tag {
    margin-right: 1rem
}
.full-width-video__meta-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.full-width-video__meta-date .icon {
    fill: #fff;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .5rem
}
.full-width-video__title {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    text-align: center;
    max-width: 96rem;
    margin-top: 2.5rem;
    padding: 0 4rem;
    line-height: 6rem;
    font-size: 4.8rem;
    overflow: hidden;
    max-height: 115.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}
.full-width-video .inline-player__content {
    padding-top: 56.25%;
    width: 100%;
    height: 0;
    position: relative;
    cursor: pointer
}
.full-width-video .inline-player__content.vjs-playing+.full-width-video__overlay {
    visibility: hidden;
    opacity: 0
}
.full-width-video .inline-player__content.vjs-playing+.full-width-video__overlay .full-width-video__overlay-content {
    transform: translateY(1rem)
}
.full-width-video .inline-player__content.vjs-paused .vjs-control-bar {
    transform: translateY(3em)
}
.full-width-video .inline-player__content.vjs-paused.vjs-fullscreen.vjs-control-bar {
    transform: translateY(0)
}
.full-width-video .vjs-play-progress,
.full-width-video .vjs-volume-level {
    background-color: #0a4d3c
}
.full-width-video .vjs-big-play-button {
    display: none
}
@media (max-width:1025px) {
    .full-width-video__video {
        width: 100%;
        border: none
    }
    .full-width-video__title {
        line-height: 5rem;
        font-size: 4rem;
        overflow: hidden;
        max-height: 60rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
}
@media (max-width:840px) {
    .full-width-video__play {
        width: 8rem;
        height: 8rem
    }
    .full-width-video__play .icon {
        width: 3rem;
        height: 3rem;
        margin-left: .6rem
    }
    .full-width-video__meta-tags {
        margin-top: 2.5rem
    }
    .full-width-video__title {
        line-height: 5rem;
        font-size: 4rem;
        overflow: hidden;
        max-height: 60rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-top: 2rem
    }
}
@media (max-width:640px) {
    .full-width-video__play {
        width: 6rem;
        height: 6rem
    }
    .full-width-video__play .icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-left: .4rem
    }
    .full-width-video__meta-tags {
        margin-top: 1.8rem
    }
    .full-width-video__title {
        line-height: 3.6rem;
        font-size: 2.6rem;
        overflow: hidden;
        max-height: 28.08rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        padding: 0 2rem;
        margin-top: 1rem
    }
}
@media (max-width:415px) {
    .full-width-video__play {
        width: 4rem;
        height: 4rem
    }
    .full-width-video__play .icon {
        fill: #fff;
        width: 2rem;
        height: 2rem
    }
    .full-width-video__meta-tags {
        margin-top: 1.6rem
    }
    .full-width-video__title {
        line-height: 2.9rem;
        font-size: 2rem;
        overflow: hidden;
        max-height: 17.4rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-top: 1.3rem
    }
}
.related-video-item {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #141414;
    margin: .4rem
}
.related-video-item__link {
    text-decoration: none;
    color: inherit;
    transition: box-shadow .4s ease;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 11.2rem
}
.related-video-item__link:focus .related-video-item__heading {
    text-decoration: underline
}
@media (min-width:52.5em) {
    .related-video-item__link:hover .related-video-item__heading {
        text-decoration: underline
    }
}
.related-video-item__image-container {
    position: relative;
    overflow: hidden;
    z-index: 1;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 11.2rem;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}
.related-video-item__picture {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.related-video-item__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    font-family: "object-fit: cover; object-position: center";
    width: 100%;
    height: 100%
}
.related-video-item__type-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0a4d3c;
    width: 3.2rem;
    height: 3.2rem
}
.related-video-item__type-icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #fff;
    transition: opacity .2s ease
}
.related-video-item__type-icon .icn-video {
    margin-left: .1rem;
    width: 1.4rem;
    height: 1.6rem
}
.related-video-item__type-icon .icn-pause {
    fill: #fff;
    width: 1.8rem;
    height: 1.2rem;
    opacity: 0
}
.related-video-item__tag-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.related-video-item__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .9rem 1.6rem
}
.related-video-item__heading {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    flex: 1 0 auto;
    letter-spacing: -.01rem;
    position: relative;
    color: #fff;
    transition: color .2s ease;
    line-height: 1.19;
    font-size: 1.6rem;
    overflow: hidden;
    max-height: 5.712rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}
.related-video-item__meta-content {
    display: -ms-flexbox;
    display: flex
}
.related-video-item__tag {
    color: #fff;
    margin-right: .8rem
}
.related-video-item__date {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    color: #fff;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.related-video-item__date .icn-clock {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .4rem;
    fill: hsla(0, 0%, 100%, .7)
}
.related-video-item__date .ago,
.related-video-item__date .year {
    margin-left: .3rem
}
.related-video-item__date .ago {
    color: hsla(0, 0%, 100%, .6)
}
.related-video-item__date,
.related-video-item__tag {
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: -.02rem;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    white-space: nowrap;
    margin-top: .8rem
}
.is-playing .related-video-item .related-video-item__type-icon .hover-icn,
.is-playing .related-video-item .related-video-item__type-icon .icn-video {
    opacity: 0
}
.is-playing .related-video-item .related-video-item__type-icon .icn-pause {
    opacity: 1
}
@media (max-width:81.24em) {
    .related-video-item__heading {
        letter-spacing: .02rem;
        line-height: 1.2;
        font-size: 1.4rem;
        overflow: hidden;
        max-height: 5.04rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
}
@media (max-width:64.0525em) {
    .related-video-item {
        margin: .8rem .8rem 0
    }
}
.video-player {
    display: -ms-flexbox;
    display: flex
}
.video-player__video {
    width: 75%;
    padding: 1.6rem;
    background-color: #141414
}
.video-player .inline-player__content {
    padding-top: 56.25%;
    width: 100%;
    height: 0
}
.video-player__video-caption {
    padding: 3.4rem 2.4rem 4.1rem
}
.video-player__meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.5rem
}
.video-player__tag {
    font-size: 1.3rem;
    letter-spacing: -.02rem;
    margin-right: .8rem
}
.video-player__date,
.video-player__tag {
    color: #fff;
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    line-height: 1.33
}
.video-player__date {
    font-size: 1.2rem;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.video-player__date .icn-clock {
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: .3rem;
    fill: #999
}
.video-player .social-share-expand {
    margin-left: auto
}
.video-player .social-share-expand__label {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 600;
    letter-spacing: -.06rem;
    color: hsla(0, 0%, 100%, .8);
    padding-left: .9rem
}
.video-player__title-container {
    max-width: 76rem
}
.video-player__title-container .social-share-expand {
    display: none
}
.video-player__title {
    color: #fff;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: 1.2;
    font-size: 2.1rem;
    letter-spacing: -.06rem;
    margin: 0
}
.video-player__description {
    color: hsla(0, 0%, 100%, .8);
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 1.31
}
@media (max-width:81.24em) {
    .video-player__video {
        width: 68%
    }
    .video-player__video-caption {
        padding: 2.4rem 0
    }
}
@media (max-width:64.0525em) {
    .video-player {
        display: block
    }
    .video-player__video {
        width: 100%;
        padding: 0
    }
    .video-player__video-caption {
        padding: 2.4rem 1.2rem
    }
    .video-player__meta .social-share-expand {
        display: none
    }
    .video-player__date,
    .video-player__tag {
        font-size: 1.2rem;
        line-height: 1;
        letter-spacing: -.08rem
    }
    .video-player__date .icn-clock {
        width: .88rem;
        height: .88rem
    }
    .video-player__title-container .social-share-expand {
        display: block;
        margin-top: 2.1rem
    }
    .video-player__title-container .social-share-expand__option {
        background-color: #fff;
        height: 4.4rem;
        width: 4.4rem
    }
    .video-player__title-container .social-share-expand__option .icon {
        fill: #000
    }
    .video-player__title {
        line-height: 1.37;
        font-size: 1.9rem;
        margin: 0;
        letter-spacing: -.05rem
    }
    .video-player__description {
        font-size: 1.4rem;
        color: #fff
    }
}
@media (max-width:52.49em) {
    .video-player__video-caption {
        padding-left: 1.7rem;
        padding-right: 1.7rem
    }
    @supports (padding:max(1.7rem)) {
        .video-player__video-caption {
            padding-left: max(1.7rem, env(safe-area-inset-left));
            padding-right: max(1.7rem, env(safe-area-inset-right))
        }
    }
}
@media (max-width:440px) {
    .video-player .inline-player .vjs-layout-small .vjs-time-control {
        display: block;
        padding: 0;
        font-size: .9rem;
        line-height: 3rem;
        margin: 0
    }
    .video-player .inline-player .vjs-layout-small .vjs-time-divider {
        min-width: 0;
        width: 1rem
    }
    .video-player .inline-player .vjs-layout-small .vjs-duration {
        color: hsla(0, 0%, 100%, .8)
    }
    .video-player .inline-player .vjs-layout-small .vjs-button {
        margin-right: .8rem;
        width: 2em
    }
    .video-player .inline-player .vjs-layout-small .vjs-icon-placeholder:before {
        text-align: right
    }
    .video-player .inline-player .vjs-layout-small .vjs-remaining-time,
    .video-player .inline-player .vjs-layout-small .vjs-volume-panel {
        display: none
    }
}
.video-sidebar {
    background-color: #141414;
    margin-left: .8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 0 30rem;
    flex: 1 0 30rem;
    padding-bottom: 1rem
}
.video-sidebar__meta {
    background-color: #141414;
    padding: 1.2rem 5.6rem 1.2rem 1.2rem
}
.video-sidebar__meta-title {
    color: #fff;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    line-height: 1.33;
    letter-spacing: -.1rem;
    font-size: 2.4rem;
    margin: 0 0 .8rem
}
.video-sidebar__meta-tag {
    margin-right: .8rem
}
.video-sidebar__meta-date,
.video-sidebar__meta-tag {
    color: #fff;
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 1.07
}
.video-sidebar__meta-date {
    white-space: nowrap
}
.video-sidebar__meta-date .icn-clock {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .3rem;
    fill: #999
}
.video-sidebar__meta-date .ago,
.video-sidebar__meta-date .year {
    margin-left: .3rem;
    color: hsla(0, 0%, 100%, .6)
}
.video-sidebar__header {
    background-color: #0a4d3c;
    color: #fff;
    padding: 1.6rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.video-sidebar__header--small {
    padding: 1.2rem 1.6rem
}
.video-sidebar__heading {
    font-family: Ferry, Arial, Helvetica Neue, sans-serif;
    font-weight: 900;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: -.04rem
}
.video-sidebar__heading--small {
    font-size: 2.1rem;
    line-height: 1;
    letter-spacing: -.1rem
}
.video-sidebar__caption {
    font-family: Work Sans, Arial, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: -.076rem;
    margin-top: .6rem
}
.video-sidebar__related-holder {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.video-sidebar__related-holder:after,
.video-sidebar__related-holder:before {
    content: "";
    position: absolute;
    left: 0;
    right: .4rem;
    height: 4rem;
    z-index: 2;
    pointer-events: none
}
.video-sidebar__related-holder:before {
    top: 0;
    opacity: 0;
    transition: opacity .4s ease;
    background-image: linear-gradient(0deg, transparent, #141414)
}
.video-sidebar__related-holder:after {
    bottom: 0;
    background-image: linear-gradient(180deg, transparent, #141414)
}
.video-sidebar__related-holder--scrolling:before {
    opacity: 1
}
.video-sidebar__related-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 4rem
}
.video-sidebar__related-list::-webkit-scrollbar {
    width: .4rem
}
.video-sidebar__related-list::-webkit-scrollbar-track {
    background-color: #141414
}
.video-sidebar__related-list::-webkit-scrollbar-thumb {
    background-color: #0a4d3c
}
@media (max-width:81.24em) {
    .video-sidebar__header {
        padding: .8rem 0;
        padding-left: 1.7rem;
        padding-right: 1.7rem
    }
    @supports (padding:max(1.7rem)) {
        .video-sidebar__header {
            padding-left: max(1.7rem, env(safe-area-inset-left));
            padding-right: max(1.7rem, env(safe-area-inset-right))
        }
    }
    .video-sidebar__heading {
        font-size: 2.1rem;
        letter-spacing: -.1rem;
        margin-top: .2rem
    }
    .video-sidebar__caption {
        font-size: 1.2rem;
        letter-spacing: -.057rem
    }
}
@media (max-width:64.0525em) {
    .video-sidebar {
        width: 100%;
        display: block;
        margin-left: 0
    }
    .video-sidebar__related-holder {
        padding-bottom: 6.4rem
    }
    .video-sidebar__related-holder:after,
    .video-sidebar__related-holder:before {
        display: none
    }
    .video-sidebar__related-holder--no-expand {
        padding-bottom: 0
    }
    .video-sidebar__related-holder--no-expand .video-sidebar__related-item:nth-child(n+6) {
        display: none
    }
    .video-sidebar__related-list {
        position: relative;
        padding: 0 0 1rem;
        max-height: 120rem;
        overflow: hidden;
        transition: max-height 1s ease
    }
    .video-sidebar__related-show-more {
        width: calc(100% - 1.6rem);
        position: absolute;
        bottom: .8rem;
        left: .8rem
    }
    .video-sidebar__related-holder--expanded {
        padding-bottom: 0
    }
    .video-sidebar__related-holder--expanded .video-sidebar__related-list {
        max-height: 700rem
    }
    .video-sidebar__related-holder--expanded .video-sidebar__related-show-more {
        display: none
    }
}
@media (max-width:39.99em) {
    .video-sidebar__meta {
        padding: 2.5rem 0 2.4rem;
        padding-left: 1.7rem;
        padding-right: 1.7rem
    }
    @supports (padding:max(1.7rem)) {
        .video-sidebar__meta {
            padding-left: max(1.7rem, env(safe-area-inset-left));
            padding-right: max(1.7rem, env(safe-area-inset-right))
        }
    }
    .video-sidebar__meta-title {
        font-size: 1.9rem;
        line-height: 1.37;
        letter-spacing: -.05rem
    }
    .video-sidebar__meta-date,
    .video-sidebar__meta-tag {
        font-size: 1.2rem;
        line-height: 1;
        letter-spacing: -.08rem
    }
}
.article-modal .article__body {
    max-width: none
}
.tournament-list__list {
    margin-bottom: 0!important
}
.u-filter-hide,
.u-hide,
.u-search-hide {
    display: none!important
}
.u-show {
    display: block!important
}
.u-visually-hidden {
    visibility: hidden
}
.u-screen-reader {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.u-no-overflow {
    overflow: visible
}
.u-no-font {
    font-size: 0
}
.u-text-upper {
    text-transform: uppercase!important
}
.u-observed {
    min-width: .1rem;
    min-height: .1rem
}
@media (max-width:52.49em) {
    .u-flex-tablet {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.u-block {
    display: block
}
.u-body-fixed {
    position: fixed;
    width: 100%
}
@media (max-width:52.49em) {
    .u-display-tablet {
        display: inline-block!important
    }
}
@media (max-width:23.115em) {
    .u-hide-small-mobile {
        display: none!important
    }
}
@media (min-width:23.125em) {
    .u-show-small-mobile {
        display: none!important
    }
}
@media (max-width:25.9275em) {
    .u-hide-mobile {
        display: none!important
    }
}
@media (min-width:25.9375em) {
    .u-show-mobile {
        display: none!important
    }
}
@media (max-width:31.24em) {
    .u-hide-large-mobile {
        display: none!important
    }
}
@media (min-width:31.25em) {
    .u-show-large-mobile {
        display: none!important
    }
}
@media (max-width:39.99em) {
    .u-hide-phablet {
        display: none!important
    }
}
@media (min-width:40em) {
    .u-show-phablet {
        display: none!important
    }
}
@media (max-width:52.49em) {
    .u-hide-tablet {
        display: none!important
    }
}
@media (min-width:52.5em) {
    .u-show-tablet {
        display: none!important
    }
}
@media (max-width:64.0525em) {
    .u-hide-desktop {
        display: none!important
    }
}
@media (min-width:64.0625em) {
    .u-show-desktop {
        display: none!important
    }
}
@media (max-width:81.24em) {
    .u-hide-wide {
        display: none!important
    }
}
@media (min-width:81.25em) {
    .u-show-wide {
        display: none!important
    }
}
@media (max-width:89.99em) {
    .u-hide-extra-wide {
        display: none!important
    }
}
@media (min-width:90em) {
    .u-show-extra-wide {
        display: none!important
    }
}
@media (max-width:94.49em) {
    .u-hide-wrapper-width {
        display: none!important
    }
}
@media (min-width:94.5em) {
    .u-show-wrapper-width {
        display: none!important
    }
}
@media (max-width:99.115em) {
    .u-hide-bg-wrapper {
        display: none!important
    }
}
@media (min-width:99.125em) {
    .u-show-bg-wrapper {
        display: none!important
    }
}