/* Minification failed. Returning unminified contents. (126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (151,38): run-time error CSS1039: Token not allowed after unary operator: '-swiper-wrapper-transition-timing-function' (280,31): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (283,54): run-time error CSS1030: Expected identifier, found ' ' (286,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (290,30): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before' (293,52): run-time error CSS1030: Expected identifier, found ' ' (296,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after' (311,24): run-time error CSS1036: Expected expression, found ';' (312,24): run-time error CSS1036: Expected expression, found ';' (313,24): run-time error CSS1036: Expected expression, found ';' (314,25): run-time error CSS1036: Expected expression, found ';' (315,25): run-time error CSS1036: Expected expression, found ';' (316,25): run-time error CSS1036: Expected expression, found ';' (317,23): run-time error CSS1036: Expected expression, found ';' (318,23): run-time error CSS1036: Expected expression, found ';' (319,23): run-time error CSS1036: Expected expression, found ';' (320,25): run-time error CSS1036: Expected expression, found ';' (321,24): run-time error CSS1036: Expected expression, found ';' (322,24): run-time error CSS1036: Expected expression, found ';' (323,25): run-time error CSS1036: Expected expression, found ';' (324,25): run-time error CSS1036: Expected expression, found ';' (333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (365,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (370,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size' (374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (379,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-top-offset' (380,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (381,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (382,33): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (388,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color' (388,47): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (409,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size' (417,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (426,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-sides-offset' (455,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bottom' (456,15): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-top' (492,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width' (492,54): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (493,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height' (493,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size' (495,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-border-radius' (496,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color' (497,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity' (517,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity' (518,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (518,52): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (522,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-right' (523,16): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-left' (529,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap' (545,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap' (558,101): run-time error CSS1030: Expected identifier, found '.' (558,130): run-time error CSS1031: Expected selector, found ')' (558,130): run-time error CSS1025: Expected comma or open brace, found ')' (563,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-fraction-color' (567,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-bg-color' (572,26): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color' (572,56): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color' (588,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size' (594,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-progressbar-size' (605,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius' (607,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bg-color' (616,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (617,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-bottom' (618,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-top' (620,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size' (621,33): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (626,20): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-left' (627,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-right' (628,19): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (630,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-size' (631,34): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-sides-offset' (638,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-drag-bg-color' (639,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-scrollbar-border-radius' (13376,38): run-time error CSS1034: Expected closing parenthesis, found ',' (13376,38): run-time error CSS1042: Expected function, found ',' (13376,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (13385,38): run-time error CSS1034: Expected closing parenthesis, found ',' (13385,38): run-time error CSS1042: Expected function, found ',' (13385,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (13395,34): run-time error CSS1034: Expected closing parenthesis, found ',' (13395,34): run-time error CSS1042: Expected function, found ',' (13395,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (27709,21): run-time error CSS1030: Expected identifier, found '.' (27709,35): run-time error CSS1031: Expected selector, found ')' (27709,35): run-time error CSS1025: Expected comma or open brace, found ')' (29207,34): run-time error CSS1034: Expected closing parenthesis, found ',' (29207,34): run-time error CSS1042: Expected function, found ',' (29207,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (29245,35): run-time error CSS1046: Expect comma, found '184' (29245,42): run-time error CSS1046: Expect comma, found ')' (29246,31): run-time error CSS1046: Expect comma, found '184' (29246,38): run-time error CSS1046: Expect comma, found ')' (29256,34): run-time error CSS1034: Expected closing parenthesis, found ',' (29256,34): run-time error CSS1042: Expected function, found ',' (29256,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (29401,1): run-time error CSS1019: Unexpected token, found '@import' (29401,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap")' (37940,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (37941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (37946,1): run-time error CSS1019: Unexpected token, found '@keyframes' (37947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (37952,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (37953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '49%' (37967,1): run-time error CSS1019: Unexpected token, found '@keyframes' (37968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '49%' (37982,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (37983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (37992,1): run-time error CSS1019: Unexpected token, found '@keyframes' (37993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38002,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38012,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38022,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38032,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38042,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38052,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38062,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38072,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38082,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38096,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38110,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38124,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38138,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38152,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38166,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38176,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38186,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38196,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38206,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38216,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38226,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38236,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38246,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (38264,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (38282,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38299,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (38375,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (38376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (38382,1): run-time error CSS1019: Unexpected token, found '@keyframes' (38383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (39670,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (39671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (39680,1): run-time error CSS1019: Unexpected token, found '@keyframes' (39681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (49300,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (49301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (49310,1): run-time error CSS1019: Unexpected token, found '@keyframes' (49311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' */ @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap"); body { padding: 0px; margin: 0px; background-color: rgb(242, 242, 242) !important; } .conteudo { padding: 0px 50px 50px 50px; } @media (max-width: 450px) { .conteudo { padding: 5px !important; } } .col-buttons, .col-buttons-modal { text-align: right } .col-fix-50 { max-width: 50px !important; padding-left: 25px !important; margin: 0px !important; } .col-fix-50 i { color: #ff0000 } .col-fix-50 i:hover { color: #ba0000 } @media (max-width: 500px) { .conteudo { padding: 10px !important; } .col-buttons { width: 20% !important; } .button_grid { border-radius: 50% !important; padding: 0.375rem 0.6rem !important; } .player-row__team--doubles { font-size: 8pt !important; } .player-row__team-wrapper { margin-right: 0px !important; } .player-row__team-wrapper--doubles { margin-left: -10px !important; } .player-row__score-game-wrapper { margin-right: 0px !important; } .player-row__score-game-results { font-size: 12pt !important; } .fa-times, .fa-check { font-size: 7pt !important; padding-top: 4px !important; } .home-torneio .score-row { width: 50% !important; } .player-row__team-wrapper p { font-size: 0.675rem !important; } .group-row__score-game { width: 50px !important; } .group-row__balance { right: 16px !important; top: -5px !important; } .form-row p { font-size: 0.675rem !important; line-height: 1.71429em !important; } .form-input { font-size: 12pt !important; } .menu-topo { padding: 5px 10px 0px 10px !important; } .col-lg-3, .col-lg-6 { padding: 0px !important; } .col-lg-3 { width: 30% !important; } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translateZ(0px); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide, swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); } .swiper-css-mode > .swiper-wrapper { overflow: auto; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper: :before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper: :before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-radius: 50%; border-right-color:; border-right-style:; border-right-width:; border-bottom-color:; border-bottom-style:; border-bottom-width:; border-left-color:; border-left-style:; border-left-width:; border-image-source:; border-image-slice:; border-image-width:; border-image-outset:; border-image-repeat:; border-top: 4px solid transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .swiper-virtual .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0px; top: 0px; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/44*27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size)/2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: normal; line-height: 1; text-transform: none !important; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; } .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; } .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s ease 0s; transform: translateZ(0px); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0px; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); } button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s ease 0s, top 0.2s ease 0s; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, left 0.2s ease 0s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, right 0.2s ease 0s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); left: 0px; top: 0px; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; left: 0px; top: 0px; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius,10px); position: relative; background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50; height: var(--swiper-scrollbar-size,4px); width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left,auto); right: var(--swiper-scrollbar-right,4px); top: var(--swiper-scrollbar-sides-offset,1%); z-index: 50; width: var(--swiper-scrollbar-size,4px); height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5)); border-radius: var(--swiper-scrollbar-border-radius,10px); left: 0px; top: 0px; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification, swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-flow: column wrap; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0px; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow::before { content: ""; background: rgb(0, 0, 0); position: absolute; inset: 0px; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } 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: 0px; } [hidden], template { display: none; } a:active, a:hover { outline: 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0px; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0px; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0px; padding: 0px; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0px; } td, th { padding: 0px; } html { min-height: 100%; } body { background-color: rgb(255, 255, 255); width: 100%; overflow-x: hidden; } @media (min-width: 64rem) { body { background-color: rgb(255, 255, 255); } } body.-lock-body-scrolling { overflow: hidden; } body.-enable-scroll-x { overflow-x: auto; } body > svg { display: none; } body:not(.is-using-keyboard) button, body:not(.is-using-keyboard) select { outline: none; } main { width: auto; max-width: 1440px; box-sizing: border-box; margin: 0px auto; background-color: rgb(255, 255, 255); transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; font-size: 0px; } main section { font-size: 1rem; } main section.wide-left-column { padding: 1.5em 3.5% 0px; } main section.wide-left-column .image-credit { font-size: 11px; color: rgb(102, 102, 102); padding-left: 3.5%; } main section.center-column { padding: 0px 3.5%; } main section.full-width { width: 100%; position: relative; } main section.full-width .right-sidebar { padding: 7% 0px; } main section.full-width .intro-block { padding: 1.5em 3.5% 0px; } main section.left-sidebar { padding-top: 1.5em; padding-left: 3.5%; padding-right: 3.5%; margin-bottom: 1.5em; } main section.right-sidebar { text-align: center; } main section.-no-padding { padding: 1.5em 0px 0px; } main section twitterwidget { margin-bottom: 2em !important; } .full-width main { max-width: 100%; } .full-width main .article-layout__wrapper .article-container { width: 100%; } .scorecards-container { display: flex; flex-flow: wrap; } footer { width: auto; box-sizing: border-box; margin: 0px auto; overflow: hidden; transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; font-size: 1rem; } picture.-hide-image .img { background-size: cover; background-position: 50% center; width: 100%; height: 100%; } picture.-hide-image img { display: none; } .-modal-active .dialog-off-canvas-main-canvas * :not(.no-change-index), .-modal-active .gdpr-popup, .-modal-active .outline-main * :not(.no-change-index) { z-index: 0; } .-overlay-active .outline-main, .-overlay-active .page-standard, .-overlay-active main { height: 100vh; overflow: hidden; opacity: 0; } .padded-full-width { padding: 0px 3.5%; } @media (min-width: 768px) { .padded-full-width.padded-full-width { padding: 0px 7%; } } .sub-section { margin: 0px 0px 1.875rem; } @media (min-width: 768px) { .sub-section { margin: 0px 0px 3.125rem; } } @media (min-width: 768px) { main section.left-sidebar { width: 100%; } main section.center-column, main section.left-sidebar { display: inline-block; vertical-align: top; box-sizing: border-box; padding-left: 7%; padding-top: 2.5em; padding-right: 3.5%; } main section.center-column { width: calc(93% - 300px); } main section.right-sidebar { vertical-align: top; padding-left: 1.5em; box-sizing: border-box; padding-top: 2.5em; } .ao-banner .ao-banner-info-panel-tile--lime-green main section.right-sidebar .ao-banner-info-panel-tile__button, main section.right-sidebar .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, main section.right-sidebar .ao-btn, main section.right-sidebar .ao-btn--darker, main section.right-sidebar .ao-btn--secondary, main section.right-sidebar .ao-btn--tertiary, main section.right-sidebar .btn { margin-bottom: 1.25em; } main section.wide-left-column { padding: 1.5em 7% 0px; } main section.wide-left-column .image-credit { padding-left: 7%; } main section.full-width .right-sidebar { padding: 3.5% 0px; } main section.full-width .intro-block { padding: 0px 3.5%; font-size: 0px; } main section.full-width .intro-block .left { padding-top: 5em; display: inline-block; width: 50%; font-size: 1rem; } main section.full-width .intro-block .left p { margin-bottom: 0px; font-size: 1.0625em; color: rgb(17, 17, 17); } main section.full-width .intro-block .right { padding-top: 1.5em; display: inline-block; width: 50%; font-size: 1rem; text-align: right; } main section.-no-padding { padding: 1.5em 0px 0px; } } @media (min-width: 1024px) { main section.full-width .intro-block { padding: 0px 7%; } } @media (min-width: 1365px) { main section.left-sidebar { width: 25%; padding-left: 100px; padding-right: 3.5%; } main section.center-column { width: 50%; padding-right: 1.5em; padding-left: 1.5em; padding-top: 2.5em; } main section.right-sidebar { width: 25%; padding-right: 7%; display: inline-block; } main section.wide-left-column { width: 75%; display: inline-block; vertical-align: top; padding-right: 1.5em; box-sizing: border-box; padding-left: 100px; padding-top: 2.5em; } main section.wide-left-column .image-credit { padding-left: 100px; } main section.full-width .right-sidebar { width: 25%; position: absolute; top: 5.4375em; right: 0px; padding: 0px 0px 0px 1.5em; box-sizing: border-box; } main section.full-width .intro-block { padding: 1.5em 100px 0px; } main section.-no-padding { padding: 1.5em 0px 0px; } } .sr-only { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .-force-hide, .-geo-hidden { display: none !important; } @-webkit-keyframes display-none-transition { 0% { opacity: 0; } } @keyframes display-none-transition { 0% { opacity: 0; } } @-webkit-keyframes toTopFromBottom { 49% { opacity: 0; transform: translateY(-100%); } 50% { transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { opacity: 0; transform: translateY(-100%); } 50% { transform: translateY(100%); } 51% { opacity: 1; } } @-webkit-keyframes search-animate-in { 0% { height: 0px; } 100% { height: 13.25rem; } } @keyframes search-animate-in { 0% { height: 0px; } 100% { height: 13.25rem; } } @-webkit-keyframes search-animate-in-mobile { 0% { height: 0px; } 100% { height: 10rem; } } @keyframes search-animate-in-mobile { 0% { height: 0px; } 100% { height: 10rem; } } @-webkit-keyframes header-animate-out { 0% { transform: translateY(0px) translateX(-50%); } 100% { transform: translateY(-100%) translateX(-50%); } } @keyframes header-animate-out { 0% { transform: translateY(0px) translateX(-50%); } 100% { transform: translateY(-100%) translateX(-50%); } } @-webkit-keyframes menu-animate-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes menu-animate-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes menu-animate-height { 0% { height: 0px; } 100% { height: 56px; } } @keyframes menu-animate-height { 0% { height: 0px; } 100% { height: 56px; } } @-webkit-keyframes mobile-main-animate-out { 0% { max-height: none; } 99% { max-height: none; } 100% { max-height: 0px; } } @keyframes mobile-main-animate-out { 0% { max-height: none; } 99% { max-height: none; } 100% { max-height: 0px; } } @-webkit-keyframes accordion-animate-open { 0% { max-height: 0px; } 99% { max-height: 500px; } 100% { max-height: 9999px; } } @keyframes accordion-animate-open { 0% { max-height: 0px; } 99% { max-height: 500px; } 100% { max-height: 9999px; } } @-webkit-keyframes accordion-animate-close { 0% { max-height: 9999px; } 1% { max-height: 200px; } 100% { max-height: 0px; } } @keyframes accordion-animate-close { 0% { max-height: 9999px; } 1% { max-height: 200px; } 100% { max-height: 0px; } } @-webkit-keyframes button-animate-on { 0% { transform: translateZ(0px) rotate(-20deg); } 100% { transform: translate3d(0px, 100%, 0px) rotate(0deg); } } @keyframes button-animate-on { 0% { transform: translateZ(0px) rotate(-20deg); } 100% { transform: translate3d(0px, 100%, 0px) rotate(0deg); } } @-webkit-keyframes button-animate-off { 0% { transform: translate3d(0px, 100%, 0px) rotate(-20deg); } 100% { transform: translateZ(0px) rotate(0deg); } } @keyframes button-animate-off { 0% { transform: translate3d(0px, 100%, 0px) rotate(-20deg); } 100% { transform: translateZ(0px) rotate(0deg); } } @-webkit-keyframes filters-animate-in { 0% { transform: translate(-50%, -100%); } 100% { transform: translate(-50%); } } @keyframes filters-animate-in { 0% { transform: translate(-50%, -100%); } 100% { transform: translate(-50%); } } @-webkit-keyframes modal-slide-in { 0% { transform: translateY(40px); } 100% { transform: translateY(0px); } } @keyframes modal-slide-in { 0% { transform: translateY(40px); } 100% { transform: translateY(0px); } } @-webkit-keyframes card-ease-in { 25% { opacity: 0; transform: translateY(100%); filter: blur(20px) grayscale(50%); } 50% { opacity: 0.3; } 75% { opacity: 1; transform: translateY(0px); filter: blur(0px) grayscale(0); } } @keyframes card-ease-in { 25% { opacity: 0; transform: translateY(100%); filter: blur(20px) grayscale(50%); } 50% { opacity: 0.3; } 75% { opacity: 1; transform: translateY(0px); filter: blur(0px) grayscale(0); } } @-webkit-keyframes pulse { 0% { animation-timing-function: ease-in; transform: scaleX(1); } 50% { animation-timing-function: ease-out; transform: scale3d(1.35, 1.35, 1.35); } 100% { animation-timing-function: ease-in; transform: scaleX(1); } } @keyframes pulse { 0% { animation-timing-function: ease-in; transform: scaleX(1); } 50% { animation-timing-function: ease-out; transform: scale3d(1.35, 1.35, 1.35); } 100% { animation-timing-function: ease-in; transform: scaleX(1); } } .pulse { animation-name: pulse; } .draws-container .scorecards-container { padding-bottom: 1em; } .draws-container h2 { margin-top: 23px; } .draws-container h2::before { content: ""; position: absolute; top: -23px; width: 76px; height: 4px; } .schedules-container h2 { margin-top: 23px; } .schedules-container h2::before { content: ""; position: absolute; top: -23px; width: 76px; height: 4px; } .schedules-container h5 { font-weight: 700; margin-bottom: 0.75em; } .schedules-container h5.icon::before { color: rgb(215, 215, 0); margin-right: 10px; } .schedules-container .scorecards-container { padding-bottom: 1em; } .view-schedules h2, .view-schedules h5 { display: inline-block; } .view-scores .scorecards-container .leaderboard { margin-right: auto; margin-left: auto; } .column-container { position: relative; } #tickets iframe { height: calc(100vh - 64px); min-height: 500px; width: 100%; border: 0px; } @media (min-width: 1024px) { #tickets iframe { height: calc(100vh - 80px); min-height: 700px; } } @media print { .path--schedules #dfp-ad-medrec-1, .path--schedules .background-texture, .path--schedules .component-filters, .path--schedules .hero-background, .path--schedules .hero-background-overlay, .path--schedules .hero-clock-wrapper, .path--schedules .hero-description > :not(h1), .path--schedules .leaderboard, .path--schedules .operator-container, .path--schedules .right-sidebar, .path--schedules .scorecard .cta-links, .path--schedules footer, .path--schedules header div:not(.logo-wrapper) { display: none !important; } .path--schedules .wide-left-column { width: 100% !important; } .path--schedules .component-hero-type { display: block !important; height: auto !important; padding-top: 0px !important; padding-bottom: 0px !important; } .path--schedules .component-hero-type-1 { display: block !important; height: auto !important; background: none !important; } .path--schedules .component-hero-type-1 h1 { color: rgb(34, 34, 34) !important; max-width: 100% !important; } .path--schedules .component-hero-type-1 .icon { display: none !important; } .path--schedules .hero-description h1 { color: rgb(34, 34, 34) !important; max-width: 100% !important; } } body.is-aus-open-app .hide-for-aus-open-app, body:not(.is-aus-open-app) .show-only-for-aus-open-app { display: none; } .svg-icon--xx-small { width: 10px; height: 10px; } .svg-icon--x-small { width: 16px; height: 16px; } .svg-icon--small { width: 24px; height: 24px; } .svg-icon--medium { width: 32px; height: 32px; } .svg-icon--large { width: 48px; height: 48px; } .svg-icon--inline { display: inline; } a:focus-visible, button:focus-visible, div:focus-visible, input:focus-visible, li:focus-visible, select:focus-visible, svg:focus-visible, textarea:focus-visible { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 4px !important; outline: -webkit-focus-ring-color auto 1px !important; } a:focus, button:focus, div:focus, input:focus, li:focus, select:focus, svg:focus, textarea:focus { outline: none; } #block-partners-blade a { display: inline-block; } .browser-ie picture { height: 100%; position: relative; top: 0px; } .browser-ie picture img { position: relative; } button[data-balloon] { overflow: visible; } [data-balloon] { position: relative; cursor: pointer; } [data-balloon]::after { background: rgb(255, 255, 255); border-radius: 2px; color: rgb(102, 102, 102); font-family: "Sharp Sans No2", Arial, sans-serif; content: attr(data-balloon); padding: 12px; white-space: nowrap; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; font-size: 0.75rem; line-height: 1rem; } [data-balloon]::after, [data-balloon]::before { opacity: 0; pointer-events: none; transition: all 0.18s ease-out 0.18s; position: absolute; z-index: 10; } [data-balloon]::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='%23fff' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E") 0% 0% / 100% no-repeat; width: 18px; height: 6px; content: ""; } [data-balloon]:hover::after, [data-balloon]:hover::before, [data-balloon][data-balloon-visible]::after, [data-balloon][data-balloon-visible]::before { opacity: 1; pointer-events: auto; } [data-balloon]:not([data-balloon-pos])::after { margin-bottom: 11px; } [data-balloon]:not([data-balloon-pos])::after, [data-balloon]:not([data-balloon-pos])::before { bottom: 100%; left: 50%; transform: translate(-50%, 10px); transform-origin: center top; } [data-balloon]:not([data-balloon-pos])::before { margin-bottom: 5px; } [data-balloon]:not([data-balloon-pos]):hover::after, [data-balloon]:not([data-balloon-pos]):hover::before, [data-balloon]:not([data-balloon-pos])[data-balloon-visible]::after, [data-balloon]:not([data-balloon-pos])[data-balloon-visible]::before { transform: translate(-50%); } [data-balloon].font-awesome::after { font-family: FontAwesome; } [data-balloon][data-balloon-break]::after { white-space: pre; } [data-balloon][data-balloon-blunt]::after, [data-balloon][data-balloon-blunt]::before { transition: none 0s ease 0s; } [data-balloon][data-balloon-pos="up"]::after { margin-bottom: 11px; } [data-balloon][data-balloon-pos="up"]::after, [data-balloon][data-balloon-pos="up"]::before { bottom: 100%; left: 50%; transform: translate(-50%, 10px); transform-origin: center top; } [data-balloon][data-balloon-pos="up"]::before { margin-bottom: 5px; } [data-balloon][data-balloon-pos="up"]:hover::after, [data-balloon][data-balloon-pos="up"]:hover::before, [data-balloon][data-balloon-pos="up"][data-balloon-visible]::after, [data-balloon][data-balloon-pos="up"][data-balloon-visible]::before { transform: translate(-50%); } [data-balloon][data-balloon-pos="up-left"]::after { left: 0px; margin-bottom: 11px; } [data-balloon][data-balloon-pos="up-left"]::after, [data-balloon][data-balloon-pos="up-left"]::before { bottom: 100%; transform: translateY(10px); transform-origin: center top; } [data-balloon][data-balloon-pos="up-left"]::before { left: 5px; margin-bottom: 5px; } [data-balloon][data-balloon-pos="up-left"]:hover::after, [data-balloon][data-balloon-pos="up-left"]:hover::before, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]::after, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]::before { transform: translate(0px); } [data-balloon][data-balloon-pos="up-right"]::after { right: 0px; margin-bottom: 11px; } [data-balloon][data-balloon-pos="up-right"]::after, [data-balloon][data-balloon-pos="up-right"]::before { bottom: 100%; transform: translateY(10px); transform-origin: center top; } [data-balloon][data-balloon-pos="up-right"]::before { right: 5px; margin-bottom: 5px; } [data-balloon][data-balloon-pos="up-right"]:hover::after, [data-balloon][data-balloon-pos="up-right"]:hover::before, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]::after, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]::before { transform: translate(0px); } [data-balloon][data-balloon-pos="down"]::after { margin-top: 11px; } [data-balloon][data-balloon-pos="down"]::after, [data-balloon][data-balloon-pos="down"]::before { left: 50%; top: 100%; transform: translate(-50%, -10px); } [data-balloon][data-balloon-pos="down"]::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='%23fff' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E") 0% 0% / 100% no-repeat; width: 18px; height: 6px; margin-top: 5px; } [data-balloon][data-balloon-pos="down"]:hover::after, [data-balloon][data-balloon-pos="down"]:hover::before, [data-balloon][data-balloon-pos="down"][data-balloon-visible]::after, [data-balloon][data-balloon-pos="down"][data-balloon-visible]::before { transform: translate(-50%); } [data-balloon][data-balloon-pos="down-left"]::after { left: 0px; margin-top: 11px; top: 100%; transform: translateY(-10px); } [data-balloon][data-balloon-pos="down-left"]::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='%23fff' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E") 0% 0% / 100% no-repeat; width: 18px; height: 6px; left: 5px; margin-top: 5px; top: 100%; transform: translateY(-10px); } [data-balloon][data-balloon-pos="down-left"]:hover::after, [data-balloon][data-balloon-pos="down-left"]:hover::before, [data-balloon][data-balloon-pos="down-left"][data-balloon-visible]::after, [data-balloon][data-balloon-pos="down-left"][data-balloon-visible]::before { transform: translate(0px); } [data-balloon][data-balloon-pos="down-right"]::after { right: 0px; margin-top: 11px; top: 100%; transform: translateY(-10px); } [data-balloon][data-balloon-pos="down-right"]::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='%23fff' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E") 0% 0% / 100% no-repeat; width: 18px; height: 6px; right: 5px; margin-top: 5px; top: 100%; transform: translateY(-10px); } [data-balloon][data-balloon-pos="down-right"]:hover::after, [data-balloon][data-balloon-pos="down-right"]:hover::before, [data-balloon][data-balloon-pos="down-right"][data-balloon-visible]::after, [data-balloon][data-balloon-pos="down-right"][data-balloon-visible]::before { transform: translate(0px); } [data-balloon][data-balloon-pos="left"]::after { margin-right: 11px; right: 100%; top: 50%; transform: translate(10px, -50%); } [data-balloon][data-balloon-pos="left"]::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='%23fff' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E") 0% 0% / 100% no-repeat; width: 6px; height: 18px; margin-right: 5px; right: 100%; top: 50%; transform: translate(10px, -50%); } [data-balloon][data-balloon-pos="left"]:hover::after, [data-balloon][data-balloon-pos="left"]:hover::before, [data-balloon][data-balloon-pos="left"][data-balloon-visible]::after, [data-balloon][data-balloon-pos="left"][data-balloon-visible]::before { transform: translateY(-50%); } [data-balloon][data-balloon-pos="right"]::after { left: 100%; margin-left: 11px; top: 50%; transform: translate(-10px, -50%); } [data-balloon][data-balloon-pos="right"]::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='%23fff' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E") 0% 0% / 100% no-repeat; width: 6px; height: 18px; left: 100%; margin-left: 5px; top: 50%; transform: translate(-10px, -50%); } [data-balloon][data-balloon-pos="right"]:hover::after, [data-balloon][data-balloon-pos="right"]:hover::before, [data-balloon][data-balloon-pos="right"][data-balloon-visible]::after, [data-balloon][data-balloon-pos="right"][data-balloon-visible]::before { transform: translateY(-50%); } [data-balloon][data-balloon-length="small"]::after { white-space: normal; width: 80px; } [data-balloon][data-balloon-length="medium"]::after { white-space: normal; width: 150px; } [data-balloon][data-balloon-length="large"]::after { white-space: normal; width: 260px; } [data-balloon][data-balloon-length="xlarge"]::after { white-space: normal; width: 380px; } @media screen and (max-width: 768px) { [data-balloon][data-balloon-length="xlarge"]::after { white-space: normal; width: 90vw; } } [data-balloon][data-balloon-length="fit"]::after { white-space: normal; width: 100%; } .flatpickr-calendar { opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0px; animation: auto ease 0s 1 normal none running none; direction: ltr; border: 0px; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: rgb(255, 255, 255); box-shadow: rgb(230, 230, 230) 1px 0px 0px, rgb(230, 230, 230) -1px 0px 0px, rgb(230, 230, 230) 0px 1px 0px, rgb(230, 230, 230) 0px -1px 0px, rgba(0, 0, 0, 0.08) 0px 3px 13px; } .flatpickr-calendar.inline, .flatpickr-calendar.open { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { animation: 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal none running fpFadeInDown; } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: rgb(230, 230, 230) -2px 0px 0px, rgb(230, 230, 230) 5px 0px 0px; } .flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0px; } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid rgb(230, 230, 230); } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar::after, .flatpickr-calendar::before { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0px; width: 0px; left: 22px; } .flatpickr-calendar.rightMost::after, .flatpickr-calendar.rightMost::before { left: auto; right: 22px; } .flatpickr-calendar::before { border-width: 5px; margin: 0px -5px; } .flatpickr-calendar::after { border-width: 4px; margin: 0px -4px; } .flatpickr-calendar.arrowTop::after, .flatpickr-calendar.arrowTop::before { bottom: 100%; } .flatpickr-calendar.arrowTop::before { border-bottom-color: rgb(230, 230, 230); } .flatpickr-calendar.arrowTop::after { border-bottom-color: rgb(255, 255, 255); } .flatpickr-calendar.arrowBottom::after, .flatpickr-calendar.arrowBottom::before { top: 100%; } .flatpickr-calendar.arrowBottom::before { border-top-color: rgb(230, 230, 230); } .flatpickr-calendar.arrowBottom::after { border-top-color: rgb(255, 255, 255); } .flatpickr-calendar:focus { outline: 0px; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 28px; line-height: 1; text-align: center; position: relative; user-select: none; overflow: hidden; flex: 1 1 0%; } .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { text-decoration: none; cursor: pointer; position: absolute; top: 0px; line-height: 16px; height: 28px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); } .flatpickr-months .flatpickr-next-month.disabled, .flatpickr-months .flatpickr-prev-month.disabled { display: none; } .flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i { position: relative; } .flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { left: 0px; } .flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month { right: 0px; } .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover { color: rgb(149, 158, 169); } .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { fill: rgb(246, 71, 71); } .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path { transition: fill 0.1s ease 0s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper span { position: absolute; right: 0px; width: 14px; padding: 0px 4px 0px 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span::after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0px; border-bottom: 0px; } .numInputWrapper span.arrowUp::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 6.16px 0px 0px; line-height: 1; height: 28px; display: inline-block; text-align: center; transform: translateZ(0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0px; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp::after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown::after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: text; padding: 0px 0px 0px 0.5ch; margin: 0px; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0px; border-radius: 0px; vertical-align: initial; } .flatpickr-current-month input.cur-year:focus { outline: 0px; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: flex; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; flex: 1 1 0%; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0px; text-align: center; display: block; flex: 1 1 0%; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0px 0px; } .flatpickr-days { position: relative; overflow: hidden; display: flex; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0px; } .dayContainer { padding: 0px; outline: 0px; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; transform: translateZ(0px); opacity: 1; } .dayContainer + .dayContainer { box-shadow: rgb(230, 230, 230) -1px 0px 0px; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: rgb(57, 57, 57); cursor: pointer; font-weight: 400; width: 14.2857%; flex-basis: 14.2857%; max-width: 39px; height: 39px; line-height: 39px; margin: 0px; display: inline-block; position: relative; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover { cursor: pointer; outline: 0px; background: rgb(230, 230, 230); border-color: rgb(230, 230, 230); } .flatpickr-day.today { border-color: rgb(149, 158, 169); } .flatpickr-day.today:focus, .flatpickr-day.today:hover { border-color: rgb(149, 158, 169); background: rgb(149, 158, 169); color: rgb(255, 255, 255); } .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: rgb(86, 159, 247); box-shadow: none; color: rgb(255, 255, 255); border-color: rgb(86, 159, 247); } .flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange { border-radius: 50px 0px 0px 50px; } .flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange { border-radius: 0px 50px 50px 0px; } .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: rgb(86, 159, 247) -10px 0px 0px; } .flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0px; box-shadow: rgb(230, 230, 230) -5px 0px 0px, rgb(230, 230, 230) 5px 0px 0px; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); } .flatpickr-day.week.selected { border-radius: 0px; box-shadow: rgb(86, 159, 247) -5px 0px 0px, rgb(86, 159, 247) 5px 0px 0px; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { display: inline-block; float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0px 12px; box-shadow: rgb(230, 230, 230) 1px 0px 0px; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: flex; overflow: hidden; } .flatpickr-innerContainer, .flatpickr-rContainer { box-sizing: border-box; } .flatpickr-rContainer { display: inline-block; padding: 0px; } .flatpickr-time { text-align: center; outline: 0px; height: 0px; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; } .flatpickr-time::after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { flex: 1 1 0%; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp::after { border-bottom-color: rgb(57, 57, 57); } .flatpickr-time .numInputWrapper span.arrowDown::after { border-top-color: rgb(57, 57, 57); } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; box-shadow: none; border: 0px; border-radius: 0px; text-align: center; margin: 0px; padding: 0px; height: inherit; line-height: inherit; color: rgb(57, 57, 57); font-size: 14px; position: relative; box-sizing: border-box; } .flatpickr-time input.flatpickr-hour { font-weight: 700; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0px; border: 0px; } .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { height: inherit; display: inline-block; float: left; line-height: inherit; color: rgb(57, 57, 57); font-weight: 700; width: 2%; user-select: none; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0px; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover { background: rgb(243, 243, 243); } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fpFadeInDown { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .swiper-pagination-bullet { opacity: 0.1; } .swiper-pagination-bullet-active { background: rgb(0, 115, 178); opacity: 1; } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .ao-btn, .ao-btn--darker, .ao-btn--secondary, .ao-btn--tertiary, .btn { display: inline-block; color: rgb(255, 255, 255); background-color: transparent; padding: 0.8125em 1.875em; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px; border-radius: 100px; font-size: 0.875em; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; position: relative; overflow: hidden; z-index: 10; text-decoration: none; transition: color 0.3s cubic-bezier(0.2, 1, 0.3, 1) 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button > span, .ao-btn--darker > span, .ao-btn--secondary > span, .ao-btn--tertiary > span, .ao-btn > span, .btn > span { position: relative; z-index: 10; } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button:disabled, .ao-btn--darker:disabled, .ao-btn--secondary:disabled, .ao-btn--tertiary:disabled, .ao-btn:disabled, .btn:disabled { cursor: not-allowed; opacity: 0.3; } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button:not(:disabled):focus, .ao-btn--darker:not(:disabled):focus, .ao-btn--secondary:not(:disabled):focus, .ao-btn--tertiary:not(:disabled):focus, .ao-btn:not(:disabled):focus, .btn:not(:disabled):focus { text-decoration: none; } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button:not(:disabled):focus::after, .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button:not(:disabled):hover::after, .ao-btn--darker:not(:disabled):focus::after, .ao-btn--darker:not(:disabled):hover::after, .ao-btn--secondary:not(:disabled):focus::after, .ao-btn--secondary:not(:disabled):hover::after, .ao-btn--tertiary:not(:disabled):focus::after, .ao-btn--tertiary:not(:disabled):hover::after, .ao-btn:not(:disabled):focus::after, .ao-btn:not(:disabled):hover::after, .btn:not(:disabled):focus::after, .btn:not(:disabled):hover::after { animation: 0.3s ease-in 0s 1 normal forwards running button-animate-on; } .-alt.ao-btn--darker::before, .-alt.ao-btn--secondary::before, .-alt.ao-btn--tertiary::before, .-alt.ao-btn::before, .ao-banner .ao-banner-info-panel-tile--lime-green .-alt.ao-banner-info-panel-tile__button::before, .btn.-alt::before { background-color: rgb(0, 145, 210); } .-alt.ao-btn--darker::after, .-alt.ao-btn--secondary::after, .-alt.ao-btn--tertiary::after, .-alt.ao-btn::after, .ao-banner .ao-banner-info-panel-tile--lime-green .-alt.ao-banner-info-panel-tile__button::after, .btn.-alt::after { background-color: rgb(255, 255, 255); } .-alt.ao-btn--darker:not(:disabled):focus, .-alt.ao-btn--darker:not(:disabled):hover, .-alt.ao-btn--secondary:not(:disabled):focus, .-alt.ao-btn--secondary:not(:disabled):hover, .-alt.ao-btn--tertiary:not(:disabled):focus, .-alt.ao-btn--tertiary:not(:disabled):hover, .-alt.ao-btn:not(:disabled):focus, .-alt.ao-btn:not(:disabled):hover, .ao-banner .ao-banner-info-panel-tile--lime-green .-alt.ao-banner-info-panel-tile__button:not(:disabled):focus, .ao-banner .ao-banner-info-panel-tile--lime-green .-alt.ao-banner-info-panel-tile__button:not(:disabled):hover, .btn.-alt:not(:disabled):focus, .btn.-alt:not(:disabled):hover { background-color: rgb(255, 255, 255); color: rgb(0, 58, 93); text-decoration: none; } .-article.ao-btn--darker::before, .-article.ao-btn--secondary::before, .-article.ao-btn--tertiary::before, .-article.ao-btn::before, .ao-banner .ao-banner-info-panel-tile--lime-green .-article.ao-banner-info-panel-tile__button::before, .btn.-article::before { background-color: rgb(255, 255, 255); } .-article.ao-btn--darker::after, .-article.ao-btn--secondary::after, .-article.ao-btn--tertiary::after, .-article.ao-btn::after, .ao-banner .ao-banner-info-panel-tile--lime-green .-article.ao-banner-info-panel-tile__button::after, .btn.-article::after { background-color: rgb(0, 145, 210); } .-article.ao-btn--darker:not(:disabled):focus, .-article.ao-btn--darker:not(:disabled):hover, .-article.ao-btn--secondary:not(:disabled):focus, .-article.ao-btn--secondary:not(:disabled):hover, .-article.ao-btn--tertiary:not(:disabled):focus, .-article.ao-btn--tertiary:not(:disabled):hover, .-article.ao-btn:not(:disabled):focus, .-article.ao-btn:not(:disabled):hover, .ao-banner .ao-banner-info-panel-tile--lime-green .-article.ao-banner-info-panel-tile__button:not(:disabled):focus, .ao-banner .ao-banner-info-panel-tile--lime-green .-article.ao-banner-info-panel-tile__button:not(:disabled):hover, .btn.-article:not(:disabled):focus, .btn.-article:not(:disabled):hover { background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); text-decoration: none; } .-secondary.ao-btn, .-secondary.ao-btn--darker, .-secondary.ao-btn--secondary, .-secondary.ao-btn--tertiary, .ao-banner .ao-banner-info-panel-tile--lime-green .-secondary.ao-banner-info-panel-tile__button, .btn.-secondary { color: rgb(0, 0, 0); } .-secondary.ao-btn--darker::before, .-secondary.ao-btn--secondary::before, .-secondary.ao-btn--tertiary::before, .-secondary.ao-btn::before, .ao-banner .ao-banner-info-panel-tile--lime-green .-secondary.ao-banner-info-panel-tile__button::before, .btn.-secondary::before { background-color: rgb(255, 255, 255); } .-secondary.ao-btn--darker::after, .-secondary.ao-btn--secondary::after, .-secondary.ao-btn--tertiary::after, .-secondary.ao-btn::after, .ao-banner .ao-banner-info-panel-tile--lime-green .-secondary.ao-banner-info-panel-tile__button::after, .btn.-secondary::after { background-color: rgb(238, 238, 238); } .-tertiary.ao-btn, .-tertiary.ao-btn--darker, .-tertiary.ao-btn--secondary, .-tertiary.ao-btn--tertiary, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.ao-banner-info-panel-tile__button, .btn.-tertiary { color: rgb(0, 58, 93); } .-tertiary.ao-btn--darker::before, .-tertiary.ao-btn--secondary::before, .-tertiary.ao-btn--tertiary::before, .-tertiary.ao-btn::before, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.ao-banner-info-panel-tile__button::before, .btn.-tertiary::before { background-color: rgb(244, 244, 244); } .-tertiary.ao-btn--darker::after, .-tertiary.ao-btn--secondary::after, .-tertiary.ao-btn--tertiary::after, .-tertiary.ao-btn::after, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.ao-banner-info-panel-tile__button::after, .btn.-tertiary::after { background-color: rgb(0, 145, 210); } .-tertiary.ao-btn--darker:hover, .-tertiary.ao-btn--secondary:hover, .-tertiary.ao-btn--tertiary:hover, .-tertiary.ao-btn:hover, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.ao-banner-info-panel-tile__button:hover, .btn.-tertiary:hover { color: rgb(255, 255, 255); } .-tertiary.-green.ao-btn--darker::before, .-tertiary.-green.ao-btn--secondary::before, .-tertiary.-green.ao-btn--tertiary::before, .-tertiary.-green.ao-btn::before, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.-green.ao-banner-info-panel-tile__button::before, .btn.-tertiary.-green::before { background-color: rgb(215, 215, 0); } .-tertiary.-green.ao-btn--darker::after, .-tertiary.-green.ao-btn--secondary::after, .-tertiary.-green.ao-btn--tertiary::after, .-tertiary.-green.ao-btn::after, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.-green.ao-banner-info-panel-tile__button::after, .btn.-tertiary.-green::after { background-color: rgb(244, 244, 244); } .-tertiary.-green.ao-btn--darker:hover, .-tertiary.-green.ao-btn--secondary:hover, .-tertiary.-green.ao-btn--tertiary:hover, .-tertiary.-green.ao-btn:hover, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.-green.ao-banner-info-panel-tile__button:hover, .btn.-tertiary.-green:hover { color: rgb(0, 58, 93); } .-small.ao-btn, .-small.ao-btn--darker, .-small.ao-btn--secondary, .-small.ao-btn--tertiary, .ao-banner .ao-banner-info-panel-tile--lime-green .-small.ao-banner-info-panel-tile__button, .btn.-small { padding: 7px 16px; } .-xsmall.ao-btn, .-xsmall.ao-btn--darker, .-xsmall.ao-btn--secondary, .-xsmall.ao-btn--tertiary, .ao-banner .ao-banner-info-panel-tile--lime-green .-xsmall.ao-banner-info-panel-tile__button, .btn.-xsmall { height: 30px; line-height: 1; padding: 0px 1.25rem 0.1875rem; } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button::before, .ao-btn--darker::before, .ao-btn--secondary::before, .ao-btn--tertiary::before, .ao-btn::before, .btn::before { content: ""; position: absolute; left: -50%; width: 200%; height: 200%; top: -50%; z-index: -1; } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button::after, .ao-btn--darker::after, .ao-btn--secondary::after, .ao-btn--tertiary::after, .ao-btn::after, .btn::after { content: ""; position: absolute; left: -50%; width: 200%; height: 200%; top: -250%; z-index: -1; animation: 0.3s ease-in 0s 1 normal forwards running button-animate-off; } .-white.ao-btn--darker::before, .-white.ao-btn--secondary::before, .-white.ao-btn--tertiary::before, .-white.ao-btn::before, .ao-banner .ao-banner-info-panel-tile--lime-green .-white.ao-banner-info-panel-tile__button::before, .btn.-white::before { background: rgb(0, 145, 210); } .-white.ao-btn--darker::after, .-white.ao-btn--secondary::after, .-white.ao-btn--tertiary::after, .-white.ao-btn::after, .ao-banner .ao-banner-info-panel-tile--lime-green .-white.ao-banner-info-panel-tile__button::after, .btn.-white::after { background: rgb(255, 255, 255); } .btn-play-video { width: 3em; height: 3em; background-color: rgb(0, 145, 210); border: transparent; outline: none; border-radius: 50%; position: absolute; top: 50%; left: 67%; transform: translate(-50%, -50%); z-index: 8; display: inline-flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); padding: 0px 6px 0px 8px; } .link-wrapper { height: 100%; display: inline-block; } .icon-btn { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; color: rgb(0, 58, 93); font-size: 0.875rem; text-decoration: none; } .icon-btn:hover { text-decoration: underline; } @media (min-width: 768px) { .btn-play-video { left: 50%; } } @media (min-width: 1365px) { .-tertiary.ao-btn, .-tertiary.ao-btn--darker, .-tertiary.ao-btn--secondary, .-tertiary.ao-btn--tertiary, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.ao-banner-info-panel-tile__button, .btn.-tertiary { color: rgb(0, 58, 93); } .-tertiary.ao-btn--darker::before, .-tertiary.ao-btn--secondary::before, .-tertiary.ao-btn--tertiary::before, .-tertiary.ao-btn::before, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.ao-banner-info-panel-tile__button::before, .btn.-tertiary::before { background-color: rgb(244, 244, 244); } .-tertiary.ao-btn--darker::after, .-tertiary.ao-btn--secondary::after, .-tertiary.ao-btn--tertiary::after, .-tertiary.ao-btn::after, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.ao-banner-info-panel-tile__button::after, .btn.-tertiary::after { background-color: rgb(0, 145, 210); } .-tertiary.ao-btn--darker:hover, .-tertiary.ao-btn--secondary:hover, .-tertiary.ao-btn--tertiary:hover, .-tertiary.ao-btn:hover, .ao-banner .ao-banner-info-panel-tile--lime-green .-tertiary.ao-banner-info-panel-tile__button:hover, .btn.-tertiary:hover { color: rgb(255, 255, 255); } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button::before, .ao-btn--darker::before, .ao-btn--secondary::before, .ao-btn--tertiary::before, .ao-btn::before, .btn::before { background: rgb(0, 58, 93); } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button::after, .ao-btn--darker::after, .ao-btn--secondary::after, .ao-btn--tertiary::after, .ao-btn::after, .btn::after { background: rgb(34, 34, 34); } } .ao-banner .ao-banner-info-panel-tile--lime-green a.ao-banner-info-panel-tile__button:active, .ao-banner .ao-banner-info-panel-tile--lime-green a.ao-banner-info-panel-tile__button:focus, .ao-banner .ao-banner-info-panel-tile--lime-green a.ao-banner-info-panel-tile__button:hover, a.ao-btn:active, a.ao-btn:focus, a.ao-btn:hover { text-decoration: none; } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .ao-btn { color: rgb(0, 58, 93); box-shadow: none; border: transparent; } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button::before, .ao-btn::before { color: rgb(0, 58, 93); background: rgb(215, 215, 0); } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button::after, .ao-btn::after { color: rgb(0, 58, 93); background: rgb(193, 193, 0); } .ao-btn--darker { color: rgb(0, 58, 93); } .ao-btn--darker::before { color: rgb(0, 58, 93); background: rgb(193, 193, 0); } .ao-btn--darker::after { color: rgb(0, 58, 93); background: rgb(173, 173, 0); } .ao-btn--secondary { color: rgb(0, 58, 93); } .ao-btn--secondary::before { color: rgb(0, 58, 93); background: rgb(230, 230, 230); } .ao-btn--secondary::after { color: rgb(0, 58, 93); background: rgb(193, 193, 0); } .ao-btn--tertiary { color: rgb(0, 58, 93); } .ao-btn--tertiary::before { color: rgb(0, 58, 93); background: rgb(255, 255, 255); } .ao-btn--tertiary::after { color: rgb(0, 58, 93); background: rgb(193, 193, 0); } .ao-banner .ao-banner-info-panel-tile--pink .ao-banner-info-panel-tile__button::before, .ao-btn--pink::before { color: rgb(0, 58, 93); background: rgb(255, 81, 205); } .ao-banner .ao-banner-info-panel-tile--pink .ao-banner-info-panel-tile__button::after, .ao-btn--pink::after { color: rgb(0, 58, 93); background: rgb(255, 59, 199); } .ao-banner .ao-banner-info-panel-tile--watermelon .ao-banner-info-panel-tile__button::before, .ao-btn--watermelon::before { color: rgb(0, 58, 93); background: rgb(255, 102, 100); } .ao-banner .ao-banner-info-panel-tile--watermelon .ao-banner-info-panel-tile__button::after, .ao-btn--watermelon::after { color: rgb(0, 58, 93); background: rgb(255, 80, 78); } .ao-btn--dark-blue { color: rgb(255, 255, 255) !important; } .ao-btn--dark-blue i, .ao-btn--dark-blue i::before { filter: brightness(0) invert(100%); } .ao-btn--dark-blue::before { color: rgb(255, 255, 255); background: rgb(0, 58, 93); } .ao-btn--dark-blue::after { color: rgb(255, 255, 255); background: rgb(0, 44, 71); } .ao-btn--mid-blue { color: rgb(255, 255, 255) !important; } .ao-btn--mid-blue i, .ao-btn--mid-blue i::before { filter: brightness(0) invert(100%); } .ao-btn--mid-blue::before { color: rgb(255, 255, 255); background: rgb(0, 145, 210); } .ao-btn--mid-blue::after { color: rgb(255, 255, 255); background: rgb(0, 130, 188); } .ao-btn--dark-blue-on-blue { box-shadow: none; color: rgb(255, 255, 255) !important; } .ao-btn--dark-blue-on-blue::before { color: rgb(255, 255, 255); background: rgb(0, 58, 93); } .ao-btn--dark-blue-on-blue::after { color: rgb(255, 255, 255); background: rgb(0, 72, 115); } .ao-btn--small { font-size: 0.75rem; padding: 0.4375rem 1.0625rem; } .text-blade { padding: 0px 1rem; } @media (min-width: 48rem) { .text-blade { max-width: 36.125rem; padding: 0px; margin: auto; } } @media (min-width: 64rem) { .text-blade { max-width: 45.5rem; } } @media (min-width: 85.3125rem) { .text-blade { max-width: 51rem; } } @media (min-width: 105rem) { .text-blade { max-width: 60vw; } } .text-blade .text-align-center { text-align: center; } .text-blade h1, .text-blade h2, .text-blade h3, .text-blade h4, .text-blade h5, .text-blade h6 { font-weight: 700; text-transform: none; letter-spacing: 0.02em; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); margin: 0px 0px 0.75rem; } @media (min-width: 48rem) { .text-blade h1, .text-blade h2, .text-blade h3, .text-blade h4, .text-blade h5, .text-blade h6 { margin: 0px 0px 1rem; } } .text-blade h1, .text-blade h2 { font-size: 2rem; line-height: 2.375rem; } @media (min-width: 48rem) { .text-blade h1, .text-blade h2 { font-size: 3rem; line-height: 3.5rem; } } @media (min-width: 85.3125rem) { .text-blade h1, .text-blade h2 { font-size: 3.5rem; line-height: 4.375rem; } } .text-blade h3 { font-size: 1.5rem; line-height: 1.75rem; } @media (min-width: 48rem) { .text-blade h3 { font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 85.3125rem) { .text-blade h3 { font-size: 3rem; line-height: 3.5rem; } } .text-blade h4 { font-size: 1.5rem; line-height: 1.75rem; } @media (min-width: 48rem) { .text-blade h4 { font-size: 2rem; line-height: 2.375rem; } } @media (min-width: 85.3125rem) { .text-blade h4 { font-size: 2.5rem; line-height: 3rem; } } .text-blade h5 { font-size: 1.25rem; line-height: 1.5rem; } @media (min-width: 48rem) { .text-blade h5 { font-size: 1.5rem; line-height: 1.75rem; } } @media (min-width: 85.3125rem) { .text-blade h5 { font-size: 2rem; line-height: 2.375rem; } } .text-blade h6 { font-size: 1rem; line-height: 1.25rem; } @media (min-width: 48rem) { .text-blade h6 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .text-blade h6 { font-size: 1.5rem; line-height: 1.75rem; } } .text-blade li, .text-blade p { font-weight: 500; margin: 0px 0px 0.75rem; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(102, 102, 102); font-size: 0.875rem; line-height: 1.375rem; } @media (min-width: 48rem) { .text-blade li, .text-blade p { margin: 0px 0px 0.375rem; } } @media (min-width: 85.3125rem) { .text-blade li, .text-blade p { font-size: 1rem; line-height: 1.625rem; } } .text-blade li.large-intro-text, .text-blade li.large-intro-text .ao-button, .text-blade p.large-intro-text, .text-blade p.large-intro-text .ao-button { font-weight: 600; margin-bottom: 0.75rem; font-size: 1rem; line-height: 1.5rem; } .text-blade li.large-intro-text .ao-button:first-child, .text-blade li.large-intro-text:first-child, .text-blade p.large-intro-text .ao-button:first-child, .text-blade p.large-intro-text:first-child { color: rgb(51, 51, 51); } @media (min-width: 48rem) { .text-blade li.large-intro-text, .text-blade li.large-intro-text .ao-button, .text-blade p.large-intro-text, .text-blade p.large-intro-text .ao-button { margin-bottom: 1rem; font-size: 1.25rem; line-height: 1.875rem; } } @media (min-width: 85.3125rem) { .text-blade li.large-intro-text, .text-blade li.large-intro-text .ao-button, .text-blade p.large-intro-text, .text-blade p.large-intro-text .ao-button { font-size: 1.5rem; line-height: 2.25rem; } } .text-blade p:first-child { color: rgb(51, 51, 51); } .text-blade ul { list-style: none; } .text-blade ul li { position: relative; } .text-blade ul li::before { content: ""; position: absolute; width: 3.3px; height: 3.3px; top: 10px; left: -15px; background-color: rgb(0, 115, 178); border-radius: 50%; } @media (min-width: 85.3125rem) { .text-blade ul li::before { top: 12px; } } .text-blade ol, .text-blade ul { padding-left: 1rem; } .text-blade a { font-size: unset; line-height: inherit; color: rgb(0, 115, 178); } .text-blade a:hover { color: rgb(30, 40, 134); } .text-blade strong { font-weight: 700; } .text-blade blockquote { font-weight: 700; color: rgb(0, 115, 178); font-size: 1.5rem; line-height: 1.75rem; } @media (min-width: 48rem) { .text-blade blockquote { font-size: 2rem; line-height: 2.375rem; } } @media (min-width: 85.3125rem) { .text-blade blockquote { font-size: 2.5rem; line-height: 3rem; } } .text-blade .ao-button { margin: 0.75rem 0.5rem 0px; padding: 0.6875rem 1.125rem 0.625rem; font-size: 0.75rem; line-height: 1rem; } .text-blade .ao-button:first-child { margin-left: 0px; } @media (min-width: 48rem) { .text-blade .ao-button { margin: 1rem 0.5rem 0px; } } @media (min-width: 85.3125rem) { .text-blade .ao-button { margin: 1.5rem 0.5rem 0px; } } @media (min-width: 48rem) and (max-width: 63.9375rem) { .article-content { max-width: 33.625rem; margin: auto; width: 100%; } } .article-content .text-blade li, .article-content .text-blade p { color: rgb(51, 51, 51); font-size: 0.875rem; line-height: 1.5rem; } @media (min-width: 85.3125rem) { .article-content .text-blade li, .article-content .text-blade p { font-size: 1rem; line-height: 1.625rem; } } .article-content .text-blade ol, .article-content .text-blade p, .article-content .text-blade ul { margin-bottom: 1rem; } .article-content .text-blade h2, .article-content .text-blade h3, .article-content .text-blade h4, .article-content .text-blade h5 { color: rgb(51, 51, 51); margin: 2rem 0px; } @media (min-width: 48rem) { .article-content .text-blade h2, .article-content .text-blade h3, .article-content .text-blade h4, .article-content .text-blade h5 { margin: 2.5rem 0px; } } @media (min-width: 85.3125rem) { .article-content .text-blade h2, .article-content .text-blade h3, .article-content .text-blade h4, .article-content .text-blade h5 { margin: 3rem 0px; } } .article-content .text-blade h6 { color: rgb(51, 51, 51); margin: 2rem 0px 1rem; } @media (min-width: 48rem) { .article-content .text-blade h6 { margin: 2.5rem 0px 1.5rem; } } @media (min-width: 85.3125rem) { .article-content .text-blade h6 { margin: 3rem 0px 2rem; } } .article-content .text-blade p.large-intro-text { margin-bottom: 2rem; font-size: 1rem; line-height: 1.5rem; } @media (min-width: 48rem) { .article-content .text-blade p.large-intro-text { padding-left: 4.75rem; margin-bottom: 2.5rem; font-size: 1.25rem; line-height: 1.875rem; } } @media (min-width: 85.3125rem) { .article-content .text-blade p.large-intro-text { padding-left: 6.625rem; margin-bottom: 3rem; font-size: 1.5rem; line-height: 2.25rem; } } .brand-wrapper { position: relative; } .brand-wrapper__header { right: 0.625rem; position: absolute; top: 1rem; z-index: 10; } @media (min-width: 48rem) { .brand-wrapper__header { right: 30%; top: 3.125rem; transform: translateY(-50%); } } .brand-wrapper__logo-desktop { display: none; height: 2.5625rem; width: auto; } @media (min-width: 48rem) { .brand-wrapper__logo-desktop { display: block; } } .brand-wrapper__logo-desktop img, .brand-wrapper__logo-desktop svg { height: 100%; width: auto; } .brand-wrapper__logo-mobile { display: block; height: 1.25rem; width: auto; } @media (min-width: 48rem) { .brand-wrapper__logo-mobile { display: none; } } .brand-wrapper__logo-mobile img, .brand-wrapper__logo-mobile svg { height: 100%; width: auto; } .brand-wrapper--match-centre .brand-wrapper__header { right: 50%; top: 1rem; transform: translateX(50%); } @media (min-width: 48rem) { .brand-wrapper--match-centre .brand-wrapper__header { right: 2.5rem; top: 0.8125rem; transform: none; } } .brand-wrapper--match-centre .brand-wrapper__logo-desktop { height: 1.75rem; } .brand-wrapper--match-centre .brand-wrapper__logo-mobile { display: flex; align-items: flex-end; } @media (min-width: 48rem) { .brand-wrapper--match-centre .brand-wrapper__logo-mobile { display: none; } } .brand-wrapper--match-centre .brand-wrapper__logo-mobile img { margin-bottom: -0.25rem; } .block.-pad { padding: 2.5em 3.5%; } @media (min-width: 768px) { .block.-pad { padding-left: 7%; padding-right: 7%; } } @media (min-width: 1365px) { .block.-pad { padding-left: 100px; padding-right: 100px; } } .ao-banner .ao-banner-info-panel-tile--lime-green .card.clean .card-inner .cta .ao-banner-info-panel-tile__button, .card.clean .card-inner .cta .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .card.clean .card-inner .cta .ao-btn, .card.clean .card-inner .cta .ao-btn--darker, .card.clean .card-inner .cta .ao-btn--secondary, .card.clean .card-inner .cta .ao-btn--tertiary, .card.clean .card-inner .cta .btn { display: inline-block; text-transform: uppercase; padding: 0.8125em 1.875em; box-shadow: none; } @media (min-width: 1365px) { .ao-banner .ao-banner-info-panel-tile--lime-green .card.clean .card-inner .cta .ao-banner-info-panel-tile__button, .card.clean .card-inner .cta .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .card.clean .card-inner .cta .ao-btn, .card.clean .card-inner .cta .ao-btn--darker, .card.clean .card-inner .cta .ao-btn--secondary, .card.clean .card-inner .cta .ao-btn--tertiary, .card.clean .card-inner .cta .btn { padding: 1.125em 2.8125em; } } .card.standard_page { padding: 0px; margin-top: 0px; margin-bottom: 2em; } .no-results-container { position: relative; width: 100%; box-sizing: border-box; padding: 3em 2.5em; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 12px 0px; overflow: hidden; margin-bottom: 2em; } .no-results-container .background-texture { position: absolute; right: -5em; height: 10em; top: 10%; transform: translateY(-50%); opacity: 0.05; } .no-results-container ul { font-size: 0.875em; } .path--news-media .card:not(.video) { background-color: rgb(255, 255, 255); } .path--news-media .card:not(.video) .card-inner-title { color: rgb(34, 34, 34); } .path--news-media .card:not(.video) .card-copy, .path--news-media .card:not(.video) .card-meta-time, .path--news-media .card:not(.video) p { color: rgb(102, 102, 102); } .path--news-media .card:not(.video) .card-inner .cta a, .path--news-media .card:not(.video) .card-meta-type { color: rgb(0, 58, 93); } .path--news-media .cards.two .card:nth-of-type(2) { background-color: rgb(17, 17, 17); } .path--news-media .cards.two .card:nth-of-type(2) .card-inner-title { color: rgb(255, 255, 255); } .path--news-media .cards.two .card:nth-of-type(2) .card-copy, .path--news-media .cards.two .card:nth-of-type(2) .card-meta-time, .path--news-media .cards.two .card:nth-of-type(2) p { color: rgb(221, 221, 221); } .path--news-media .cards.two .card:nth-of-type(2) .card-inner .cta a, .path--news-media .cards.two .card:nth-of-type(2) .card-meta-type { color: rgb(215, 215, 0); } .path--news-media .component-cards-12-up .card.-wide { background-color: rgb(17, 17, 17); } .path--news-media .component-cards-12-up .card.-wide .card-inner-title { color: rgb(255, 255, 255); } .path--news-media .component-cards-12-up .card.-wide .card-copy, .path--news-media .component-cards-12-up .card.-wide .card-meta-time, .path--news-media .component-cards-12-up .card.-wide p { color: rgb(221, 221, 221); } .path--news-media .component-cards-12-up .card.-wide .card-inner .cta a, .path--news-media .component-cards-12-up .card.-wide .card-meta-type { color: rgb(215, 215, 0); } .alias--event-guide-partners .cards.four { margin-top: 0px; padding: 0px; } .alias--tickets .article-layout { padding-top: 0px; } .card.minimalistic { border-radius: 0px; box-shadow: none; display: flex; flex-flow: column; justify-content: space-between; height: auto; margin: 0px; min-height: 100%; } .card.minimalistic a.card-inner { margin-bottom: 0px; padding: 1rem 0px; max-height: none; display: flex; flex-direction: column; } .card.minimalistic a.card-inner:hover { text-decoration: none; } .card.minimalistic a.card-inner:hover h4 { text-decoration: underline; } @media (min-width: 64rem) { .card.minimalistic a.card-inner { padding: 1.5rem 0px; } } .card.minimalistic h4 { font-size: 1rem; font-weight: 800; text-decoration: none; color: rgb(0, 58, 93); line-height: 1.25rem; font-family: "Sharp Sans No2", Arial, sans-serif; margin-bottom: 0px; } @media (min-width: 48rem) { .card.minimalistic h4 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .card.minimalistic h4 { font-size: 1.5rem; line-height: 1.75rem; margin-bottom: 0.5rem; } } .card.minimalistic p { font-size: 0.75rem; line-height: 1rem; color: grey; font-family: "Roboto Medium", Arial, sans-serif; display: none; margin-bottom: 0px; } .card.minimalistic p.time-stamp { display: block; margin-top: 8px; width: 100%; } @media (min-width: 48rem) { .card.minimalistic p.time-stamp { margin-top: 16px; } } @media (min-width: 85.3125rem) { .card.minimalistic p.time-stamp { margin-top: 12px; } } @media (min-width: 85.3125rem) { .card.minimalistic p { display: block; } } .card.minimalistic .card-inner { padding: 0px; border: 0px; width: auto; margin-bottom: 0.75rem; } .card.minimalistic .card-meta { border: 0px; padding: 0px; display: none; } @media (min-width: 85.3125rem) { .card.minimalistic .card-meta { display: block; } } .card.minimalistic .card-meta a.-primary { font-size: 0.75rem; font-weight: 400; line-height: 1rem; font-family: "Roboto Medium", Arial, sans-serif; text-decoration: underline; } .card.minimalistic .card-meta .cta { margin: 0px; display: block; } .card.minimalistic .card-wrapper { margin-bottom: 0px; } @media (min-width: 85.3125rem) { .card.minimalistic .card-wrapper { margin-bottom: 0.75rem; } } .parent-link { display: flex; align-items: center; margin: 1em 0px 1em 1em; box-sizing: border-box; width: 100%; text-decoration: none; font-size: 0.8125em; font-weight: lighter; color: rgb(34, 34, 34); } .parent-link .parent-link__icon { will-change: transform; transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; margin-right: 0.3125rem; color: rgb(0, 145, 210); } .parent-link:focus .parent-link__icon, .parent-link:hover .parent-link__icon { transform: translateX(-0.625rem); } .parent-link__text { display: inline-block; } @media (min-width: 1024px) { .parent-link { margin: 1em 0px; font-size: 1em; } } .loader-wrapper { position: relative; height: 8px; width: 26px; margin: 20px; } .loader, .loader-wrapper { display: inline-block; } .bounce div { border-radius: 100%; height: 4px; width: 4px; animation: 1s ease-in-out 0s infinite normal none running bounce; position: absolute; top: 0px; transform: translateY(2px); background: rgb(187, 187, 187); } .bounce div:first-of-type { left: 0px; animation-delay: 0.1s; } .bounce div:nth-of-type(2) { left: 10px; animation-delay: 0.3s; } .bounce div:last-of-type { left: 20px; animation-delay: 0.5s; } @-webkit-keyframes bounce { 50% { transform: translateY(-2px); } 100% { transform: translateY(2px); } } .article-layout { font-size: 1rem; padding: 3.625rem 0px 1.25rem; width: 100%; } @media (min-width: 48rem) { .article-layout { padding: 3.625rem 0px 2.5rem; } } @media (min-width: 85.3125rem) { .article-layout { padding: 7.375rem 7% 2.5rem; } } .article-layout, .article-layout * { box-sizing: border-box; } .article-layout__wrapper { align-items: stretch; display: flex; flex-flow: column-reverse; padding: 0px; width: 100%; } @media (min-width: 85.3125rem) { .article-layout__wrapper { flex-direction: row; } } .article-layout__column, .article-layout__column .center-column { width: 100%; } .article-layout__column--full-width { max-width: 100%; } .article-layout__column--content { margin: 0px auto; max-width: 57.5rem; padding: 0px 3.5%; } @media (min-width: 48rem) { .article-layout__column--content { padding: 0px 7%; } } @media (min-width: 85.3125rem) { .article-layout__column--content { display: flex; max-width: 100%; padding-left: 0px; padding-right: 2.5rem; } } .article-layout__column--content .left-sidebar { margin-bottom: 1.875rem; } @media (min-width: 85.3125rem) { .article-layout__column--content .left-sidebar { flex: 0 0 auto; width: 12.5rem; } } @media (min-width: 85.3125rem) { .article-layout__column--content .left-sidebar + .center-column { padding-left: 2.5rem; } } .article-layout__column--content .wrapper { margin-left: 0px !important; margin-right: 0px !important; } .article-layout__column--sidebar { padding: 0px; margin-bottom: 1.25rem; } @media (min-width: 48rem) { .article-layout__column--sidebar { margin-bottom: 2.5rem; } } @media (min-width: 85.3125rem) { .article-layout__column--sidebar { flex: 0 0 auto; margin-bottom: 0px; width: 18.75rem; } } .alias--tickets .article-layout__column--content { padding: 3.625rem 0px 0px; } @media (min-width: 768px) { .alias--tickets .article-layout__column--content { padding: 3.625rem 7% 0px; } } @media (min-width: 1024px) { .alias--tickets .article-layout__column--content { padding: 7.375rem 7% 0px; } } @media (min-width: 48rem) { section.hero + .article-layout { padding: 2.5rem 0px; } } @media (min-width: 85.3125rem) { section.hero + .article-layout { padding: 2.5rem 7%; } } .icon-btn { display: inline-flex; align-items: center; } .icon-btn i.icon { width: 1.9375rem; height: 1.9375rem; background-repeat: no-repeat; background-position: 50% center; margin-right: 0.625rem; } .icon-btn i.download { background-image: url("/img/download.94ad0c089f628fb4fe55f3be7d69a760.svg"); } .icon-download { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.7em; } .icon-download::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 20.731h-.914L8.21 16.404l.927-.917 3.916 3.875 3.916-3.875.926.917-4.385 4.327z' fill='%23003a5d'/%3E%3Cpath d='M13.706 11.625H12.4v7.75h1.306v-7.75zM18.273 23.25H7.831v1.292h10.442V23.25z' fill='%23003a5d'/%3E%3Cpath d='M23.495 31H2.61C1.175 31 0 29.837 0 28.417V7.104l.196-.452L6.722.194 7.18 0h16.316c1.435 0 2.61 1.163 2.61 2.583v25.834c0 1.42-1.175 2.583-2.61 2.583zM1.305 7.363v21.054c0 .71.588 1.291 1.306 1.291h20.884c.718 0 1.305-.58 1.305-1.291V2.583c0-.71-.587-1.291-1.305-1.291H7.44l-6.135 6.07z' fill='%23003a5d'/%3E%3C/svg%3E"); } .icon-location { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.6em; } .icon-location::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.13 0 0 3.13 0 7c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z' fill='%23003a5d'/%3E%3C/svg%3E"); } .icon-shop { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.7em; } .icon-shop::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4v11.592C15 16.9 13.95 18 12.649 18H3.35C2.05 18 1 16.934 1 15.592V4h14z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5 7V4.405C5 2.541 6.357 1 8 1s3 1.54 3 3.405V7' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .icon-tennis { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.8em; } .icon-tennis::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 18a8.5 8.5 0 100-17 8.5 8.5 0 000 17z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 3.5C5.4 5.044 7.367 6 9.5 6s4.1-.956 5.5-2.5C13.6 1.956 11.633 1 9.5 1S5.4 1.956 4 3.5zM15 15.72C13.567 14.03 11.533 13 9.3 13c-2.033 0-3.9.882-5.3 2.28C5.433 16.97 7.467 18 9.7 18c2.033 0 3.9-.882 5.3-2.28z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .icon-pdf { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.7em; } .icon-pdf::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23003a5d' fill-rule='evenodd'%3E%3Cpath d='M2 0h8l6 6v12c0 1.1-.9 2-2 2H1.99C.89 20 0 19.1 0 18L.01 2C.01.9.9 0 2 0zm0 2v16h12V7H9V2H2z'/%3E%3Cpath d='M4 12h1c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1H3v5h1v-2zm6 1v-3c0-.55-.45-1-1-1H7v5h2c.55 0 1-.45 1-1zm3-1h-1v2h-1V9h2v1h-1v1h1v1zm-9-2h1v1H4v-1zm4 0h1v3H8v-3z'/%3E%3C/g%3E%3C/svg%3E"); } .icon-radio { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.5em; } .icon-radio::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12c1.66 0 2.99-1.34 2.99-3L10 3c0-1.66-1.34-3-3-3S4 1.34 4 3v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S1.7 12 1.7 9H0c0 3.41 2.72 6.23 6 6.72V19h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z' fill='%23003a5d'/%3E%3C/svg%3E"); } .ao-link { color: rgb(0, 58, 93); display: inline; font-size: inherit; line-height: 1em; position: relative; margin-left: 0.3em; } .ao-link[class*="--icon-"]::before { content: ""; display: inline-block; position: relative; top: 0.4em; background-size: contain; background-repeat: no-repeat; height: 1.5em; } .ao-link--icon-download::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 20.731h-.914L8.21 16.404l.927-.917 3.916 3.875 3.916-3.875.926.917-4.385 4.327z' fill='%23003a5d'/%3E%3Cpath d='M13.706 11.625H12.4v7.75h1.306v-7.75zM18.273 23.25H7.831v1.292h10.442V23.25z' fill='%23003a5d'/%3E%3Cpath d='M23.495 31H2.61C1.175 31 0 29.837 0 28.417V7.104l.196-.452L6.722.194 7.18 0h16.316c1.435 0 2.61 1.163 2.61 2.583v25.834c0 1.42-1.175 2.583-2.61 2.583zM1.305 7.363v21.054c0 .71.588 1.291 1.306 1.291h20.884c.718 0 1.305-.58 1.305-1.291V2.583c0-.71-.587-1.291-1.305-1.291H7.44l-6.135 6.07z' fill='%23003a5d'/%3E%3C/svg%3E"); width: 1.7em; } .ao-link--icon-location::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.13 0 0 3.13 0 7c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z' fill='%23003a5d'/%3E%3C/svg%3E"); width: 1.6em; } .ao-link--icon-shop::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4v11.592C15 16.9 13.95 18 12.649 18H3.35C2.05 18 1 16.934 1 15.592V4h14z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5 7V4.405C5 2.541 6.357 1 8 1s3 1.54 3 3.405V7' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); width: 1.7em; } .ao-link--icon-tennis::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 18a8.5 8.5 0 100-17 8.5 8.5 0 000 17z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 3.5C5.4 5.044 7.367 6 9.5 6s4.1-.956 5.5-2.5C13.6 1.956 11.633 1 9.5 1S5.4 1.956 4 3.5zM15 15.72C13.567 14.03 11.533 13 9.3 13c-2.033 0-3.9.882-5.3 2.28C5.433 16.97 7.467 18 9.7 18c2.033 0 3.9-.882 5.3-2.28z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); width: 1.8em; } .ao-link--icon-pdf::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23003a5d' fill-rule='evenodd'%3E%3Cpath d='M2 0h8l6 6v12c0 1.1-.9 2-2 2H1.99C.89 20 0 19.1 0 18L.01 2C.01.9.9 0 2 0zm0 2v16h12V7H9V2H2z'/%3E%3Cpath d='M4 12h1c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1H3v5h1v-2zm6 1v-3c0-.55-.45-1-1-1H7v5h2c.55 0 1-.45 1-1zm3-1h-1v2h-1V9h2v1h-1v1h1v1zm-9-2h1v1H4v-1zm4 0h1v3H8v-3z'/%3E%3C/g%3E%3C/svg%3E"); width: 1.7em; } .ao-link--icon-radio::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12c1.66 0 2.99-1.34 2.99-3L10 3c0-1.66-1.34-3-3-3S4 1.34 4 3v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S1.7 12 1.7 9H0c0 3.41 2.72 6.23 6 6.72V19h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z' fill='%23003a5d'/%3E%3C/svg%3E"); width: 1.5em; } .ao-layout__section--light-text-mode .ao-link--icon-download::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 20.731h-.914L8.21 16.404l.927-.917 3.916 3.875 3.916-3.875.926.917-4.385 4.327z' fill='%23fff'/%3E%3Cpath d='M13.706 11.625H12.4v7.75h1.306v-7.75zM18.273 23.25H7.831v1.292h10.442V23.25z' fill='%23fff'/%3E%3Cpath d='M23.495 31H2.61C1.175 31 0 29.837 0 28.417V7.104l.196-.452L6.722.194 7.18 0h16.316c1.435 0 2.61 1.163 2.61 2.583v25.834c0 1.42-1.175 2.583-2.61 2.583zM1.305 7.363v21.054c0 .71.588 1.291 1.306 1.291h20.884c.718 0 1.305-.58 1.305-1.291V2.583c0-.71-.587-1.291-1.305-1.291H7.44l-6.135 6.07z' fill='%23fff'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .ao-link--icon-pdf::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M2 0h8l6 6v12c0 1.1-.9 2-2 2H1.99C.89 20 0 19.1 0 18L.01 2C.01.9.9 0 2 0zm0 2v16h12V7H9V2H2z'/%3E%3Cpath d='M4 12h1c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1H3v5h1v-2zm6 1v-3c0-.55-.45-1-1-1H7v5h2c.55 0 1-.45 1-1zm3-1h-1v2h-1V9h2v1h-1v1h1v1zm-9-2h1v1H4v-1zm4 0h1v3H8v-3z'/%3E%3C/g%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .ao-link--icon-location::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.13 0 0 3.13 0 7c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z' fill='%23fff'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .ao-link--icon-shop::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4v11.592C15 16.9 13.95 18 12.649 18H3.35C2.05 18 1 16.934 1 15.592V4h14z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5 7V4.405C5 2.541 6.357 1 8 1s3 1.54 3 3.405V7' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .ao-link--icon-tennis::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 18a8.5 8.5 0 100-17 8.5 8.5 0 000 17z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 3.5C5.4 5.044 7.367 6 9.5 6s4.1-.956 5.5-2.5C13.6 1.956 11.633 1 9.5 1S5.4 1.956 4 3.5zM15 15.72C13.567 14.03 11.533 13 9.3 13c-2.033 0-3.9.882-5.3 2.28C5.433 16.97 7.467 18 9.7 18c2.033 0 3.9-.882 5.3-2.28z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .ao-link--icon-radio::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12c1.66 0 2.99-1.34 2.99-3L10 3c0-1.66-1.34-3-3-3S4 1.34 4 3v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S1.7 12 1.7 9H0c0 3.41 2.72 6.23 6 6.72V19h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z' fill='%23fff'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode i.download { background-image: url("/img/download-white.de8affa9286d75541326027027618134.svg"); } .browser-ie .ao-btn--dark-blue .icon-download::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 20.731h-.914L8.21 16.404l.927-.917 3.916 3.875 3.916-3.875.926.917-4.385 4.327z' fill='%23fff'/%3E%3Cpath d='M13.706 11.625H12.4v7.75h1.306v-7.75zM18.273 23.25H7.831v1.292h10.442V23.25z' fill='%23fff'/%3E%3Cpath d='M23.495 31H2.61C1.175 31 0 29.837 0 28.417V7.104l.196-.452L6.722.194 7.18 0h16.316c1.435 0 2.61 1.163 2.61 2.583v25.834c0 1.42-1.175 2.583-2.61 2.583zM1.305 7.363v21.054c0 .71.588 1.291 1.306 1.291h20.884c.718 0 1.305-.58 1.305-1.291V2.583c0-.71-.587-1.291-1.305-1.291H7.44l-6.135 6.07z' fill='%23fff'/%3E%3C/svg%3E"); } .browser-ie .ao-btn--dark-blue .icon-location::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.13 0 0 3.13 0 7c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z' fill='%23fff'/%3E%3C/svg%3E"); } .browser-ie .ao-btn--dark-blue .icon-shop::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4v11.592C15 16.9 13.95 18 12.649 18H3.35C2.05 18 1 16.934 1 15.592V4h14z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5 7V4.405C5 2.541 6.357 1 8 1s3 1.54 3 3.405V7' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .browser-ie .ao-btn--dark-blue .icon-tennis::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 18a8.5 8.5 0 100-17 8.5 8.5 0 000 17z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 3.5C5.4 5.044 7.367 6 9.5 6s4.1-.956 5.5-2.5C13.6 1.956 11.633 1 9.5 1S5.4 1.956 4 3.5zM15 15.72C13.567 14.03 11.533 13 9.3 13c-2.033 0-3.9.882-5.3 2.28C5.433 16.97 7.467 18 9.7 18c2.033 0 3.9-.882 5.3-2.28z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .browser-ie .ao-btn--dark-blue .icon-pdf::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M2 0h8l6 6v12c0 1.1-.9 2-2 2H1.99C.89 20 0 19.1 0 18L.01 2C.01.9.9 0 2 0zm0 2v16h12V7H9V2H2z'/%3E%3Cpath d='M4 12h1c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1H3v5h1v-2zm6 1v-3c0-.55-.45-1-1-1H7v5h2c.55 0 1-.45 1-1zm3-1h-1v2h-1V9h2v1h-1v1h1v1zm-9-2h1v1H4v-1zm4 0h1v3H8v-3z'/%3E%3C/g%3E%3C/svg%3E"); } .browser-ie .ao-btn--dark-blue .icon-radio::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12c1.66 0 2.99-1.34 2.99-3L10 3c0-1.66-1.34-3-3-3S4 1.34 4 3v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S1.7 12 1.7 9H0c0 3.41 2.72 6.23 6 6.72V19h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z' fill='%23fff'/%3E%3C/svg%3E"); } .player-flag-2021 { overflow: hidden; width: 1.125rem; min-width: 1.125rem; height: 0.75rem; border-radius: 2px; position: relative; display: inline-block; box-sizing: border-box; background-position: 50% center; background-size: cover; background-repeat: no-repeat; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; } .player-flag-2021--no-flag { height: 1.125rem; width: 1.125rem; min-width: 1.125rem; } .player-flag-2021--no-flag::before { content: ""; height: 0.75rem; width: 0.75rem; margin-top: 3px; margin-left: 3px; position: absolute; background-image: url("/img/player-name-na.275524617cbce056c8132fa7a0977d49.svg"); background-repeat: no-repeat; background-position: 50% center; background-size: contain; } .player-avatar { border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; background-repeat: no-repeat; } .player-label { display: flex; flex-direction: row; width: 100%; gap: 8px; } .player-label__image-container, .player-label__text-container { display: flex; flex-direction: column; justify-content: center; } .player-label__player-name { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; font-size: 0.75rem; line-height: 1rem; margin: 0px; color: rgb(51, 51, 51); text-align: inherit; } .player-label a.player-label__player-name { text-decoration: underline; } .player-label a.player-label__player-name:hover { color: rgb(0, 115, 178); } .player-label__profile-link { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; font-size: 0.625rem; color: rgb(0, 115, 178); line-height: 0.75rem; text-decoration: underline; text-align: inherit; } .player-label--align-right { flex-direction: row-reverse; text-align: right; } @media (min-width: 64rem) { .player-label--stacked .player-label__player-name { font-size: 1rem; line-height: 1.5rem; } .player-label--stacked .player-label__profile-link { font-size: 0.75rem; line-height: 1rem; } } @media (-ms-high-contrast:none) { } .bar-gauge { width: 100%; background-color: rgb(242, 242, 242); height: 20px; border-radius: 2px; position: relative; display: flex; } .bar-gauge__fill { background-color: rgb(0, 115, 178); border-radius: 2px; height: 100%; flex: 0 0 0%; } .bar-gauge__inner-label { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.625rem; font-weight: 600; line-height: 1; padding: 0px 4px; position: absolute; top: calc(50% - 0.3125rem); left: 4px; } .bar-gauge--secondary .bar-gauge__fill { background: rgb(102, 102, 102); } .bar-gauge--align-right { flex-direction: row-reverse; } .bar-gauge--align-right .bar-gauge__inner-label { left: unset; right: 4px; } .tag-pill { width: auto; display: inline-block; text-transform: uppercase; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.625rem; line-height: 1rem; padding: 0px 0.25rem; font-weight: 700; border-radius: 4px; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; } .tag-pill abbr, .tag-pill abbr[title] { text-decoration: none; border-bottom: none; } @media print { .tag-pill { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .tag-pill { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent !important; } } } .tag-pill--bg-ao-white { background-color: rgb(255, 255, 255); } .tag-pill--bg-white-dark { background-color: rgb(242, 242, 242); } .tag-pill--bg-grey-stone { background-color: rgb(230, 230, 230); } .tag-pill--bg-grey-lightest { background-color: rgb(248, 248, 248); } .tag-pill--bg-grey-lighterer { background-color: grey; } .tag-pill--bg-grey-lighter { background-color: rgb(244, 244, 244); } .tag-pill--bg-grey-light { background-color: rgb(238, 238, 238); } .tag-pill--bg-grey-light-border { background-color: rgb(204, 204, 204); } .tag-pill--bg-grey-mid { background-color: rgb(221, 221, 221); } .tag-pill--bg-grey-dark { background-color: rgb(102, 102, 102); } .tag-pill--bg-grey-opacity { background-color: rgb(222, 222, 222); } .tag-pill--bg-gray-darker { background-color: rgb(123, 121, 121); } .tag-pill--bg-grey-darkerer { background-color: rgb(51, 51, 51); } .tag-pill--bg-grey-darkest { background-color: rgb(34, 34, 34); } .tag-pill--bg-off-black { background-color: rgb(17, 17, 17); } .tag-pill--bg-ao-black { background-color: rgb(0, 0, 0); } .tag-pill--bg-blue-outline-highlight { background-color: rgb(102, 207, 255); } .tag-pill--bg-blue-background-highlight { background-color: rgb(230, 245, 255); } .tag-pill--bg-ao-footer-grey { background-color: rgb(249, 249, 249); } .tag-pill--bg-ao-grey-dark { background-color: rgb(153, 153, 153); } .tag-pill--bg-ao-blue { background-color: rgb(0, 145, 210); } .tag-pill--bg-ao-dark-blue { background-color: rgb(0, 58, 93); } .tag-pill--bg-ao-darker-blue { background-color: rgb(30, 40, 134); } .tag-pill--bg-ao-orange { background-color: rgb(247, 152, 29); } .tag-pill--bg-ao-lime-green { background-color: rgb(215, 215, 0); } .tag-pill--bg-ao-watermelon { background-color: rgb(255, 102, 100); } .tag-pill--bg-ao-live { background-color: rgb(255, 81, 205); } .tag-pill--bg-ao-red { background-color: rgb(228, 5, 33); } .tag-pill--bg-ao-ruby-red { background-color: rgb(223, 22, 76); } .tag-pill--bg-ao-yellow { background-color: rgb(255, 222, 20); } .tag-pill--bg-ao-live-ball { background-color: rgb(191, 212, 0); } .tag-pill--bg-infosys-blue { background-color: rgb(0, 116, 168); } .tag-pill--bg-ao-grey { background-color: rgb(229, 229, 229); } .tag-pill--bg-ao-brand-digital-blue { background-color: rgb(0, 115, 178); } .tag-pill--bg-ao-blue-highlight { background-color: rgb(235, 246, 251); } .tag-pill--bg-ao-graphite-grey { background-color: rgb(51, 51, 51); } .tag-pill--bg-rolex-green { background-color: rgb(39, 95, 60); } .tag-pill--bg-blue-lighter { background-color: rgb(217, 234, 243); } .tag-pill--bg-blue-mid { background-color: rgb(0, 145, 210); } .tag-pill--bg-blue-dark { background-color: rgb(0, 58, 93); } .tag-pill--bg-blue-darker { background-color: rgb(0, 50, 85); } .tag-pill--bg-blue-darkest { background-color: rgb(0, 91, 166); } .tag-pill--bg-blue-button-dark { background-color: rgb(0, 73, 133); } .tag-pill--bg-green-mid { background-color: rgb(215, 215, 0); } .tag-pill--bg-blue-light { background-color: rgb(243, 250, 253); } .tag-pill--bg-orange-mid { background-color: rgb(234, 144, 47); } .tag-pill--bg-orange-dark { background-color: rgb(228, 5, 33); } .tag-pill--bg-green-light { background-color: rgb(255, 222, 20); } .tag-pill--bg-pale-yellow { background-color: rgb(255, 248, 208); } .toggler { border-radius: 1.75rem; height: 1.5rem; min-width: 2.5rem; cursor: pointer; position: relative; border: none; } .toggler__indicator { display: inline-block; width: 1.25rem; height: 1.25rem; margin: 0.125rem; border-radius: 50%; background: rgb(255, 255, 255); position: absolute; top: 0px; transition: all 1s linear 0s; } .toggler__indicator--on { right: 0px; } .toggler__indicator--off { left: 0px; } .toggler--on { background: rgb(0, 115, 178); } .toggler--off { background: rgb(204, 204, 204); } input[type="checkbox"] { width: 1.5rem; height: 1.5rem; box-sizing: border-box; border-radius: 0.25rem; appearance: none; background-color: rgb(255, 255, 255); border: 0.125rem solid rgb(204, 204, 204); position: relative; transition: all 0.3s ease 0s; display: flex; align-items: center; justify-content: center; } input[type="checkbox"]::after { content: ""; background-image: url("/img/checked-ico.09fe3464a1b6adb6eafc73de40d995ab.svg"); background-size: contain; width: 0.9375rem; height: 0.625rem; } input[type="checkbox"]:checked { background-color: rgb(0, 115, 178); border-color: rgb(0, 115, 178); } input[type="checkbox"]:hover { cursor: pointer; } input[type="checkbox"]:disabled { background-color: rgb(230, 230, 230); border-color: rgb(178, 178, 178); } input[type="checkbox"]:disabled:hover { cursor: default; } .activity-card { width: 100%; margin-bottom: 1.75rem; } .activity-card__image { width: 100%; min-height: 5.8125rem; aspect-ratio: 16 / 9; font-family: "object-fit:cover"; object-fit: cover; margin-bottom: 0.75rem; } .activity-card__body { display: flex; } .activity-card__number { display: none; } .activity-card__content > h4 { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; margin-bottom: 0.375rem; color: rgb(51, 51, 51); font-size: 0.875rem; line-height: 1.125rem; } .activity-card__content > p { display: none; } .activity-card__location { display: flex; } .activity-card__location > p { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; margin: 0.125rem 0px 0px; color: rgb(51, 51, 51); font-size: 0.75rem; line-height: 1.125rem; } .activity-card__location-icon { flex: 0 0 0.875rem; margin: 0px 0.6875rem 0px 0.3125rem; width: 0.875rem; height: 1.25rem; } @media screen and (min-width: 48rem) { .activity-card { margin-bottom: 1.625rem; } .activity-card__image { min-height: 11.875rem; } .activity-card__number { display: block; width: 1.5rem; position: relative; flex: 0 0 1.5rem; margin-right: 0.5rem; } .activity-card__number > p { font-family: "Sharp Sans No2", Arial, sans-serif; position: absolute; top: 0.1875rem; left: 50%; transform: translateX(-50%); color: rgb(255, 255, 255); font-weight: 700; margin: 0px; font-size: 0.875rem; line-height: 0.875rem; } .activity-card__number::before { content: ""; position: absolute; background-color: rgb(0, 115, 178); border-radius: 50%; width: 1.5rem; height: 1.5rem; top: -0.125rem; left: 0px; } .activity-card__content > h4 { margin-bottom: 0.25rem; font-size: 1rem; line-height: 1.25rem; } .activity-card__content > p { display: block; margin-bottom: 0.375rem; font-weight: 500; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); font-size: 0.75rem; line-height: 1.125rem; } .activity-card__location { display: flex; } .activity-card__location > p { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; margin-bottom: 0px; font-size: 0.875rem; line-height: 1.375rem; } } @media screen and (min-width: 64rem) { .activity-card__image { min-height: 0px; height: 15.1875rem; } } @media screen and (min-width: 85.3125rem) { .activity-card__image { height: 10.125rem; } } .media-thumbnail { width: 100%; max-width: 21.4375rem; padding-bottom: 0.75rem; } .media-thumbnail__image-wrapper { height: 100%; position: relative; max-height: 12.125rem; margin-bottom: 0.75rem; overflow: hidden; } .browser-ie .media-thumbnail__image-wrapper { height: 12.125rem; } .media-thumbnail__image-wrapper picture { display: block; height: 100%; font-size: 0px; line-height: 0; } .media-thumbnail__image-wrapper picture::after { content: ""; background-color: rgb(51, 51, 51); left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; opacity: 0.2; transition: all 0.5s ease 0s; } .media-thumbnail__image-wrapper img { width: 100%; height: 100%; display: block; transition: all 0.5s ease 0s; font-family: "object-fit:cover"; object-fit: cover; } .media-thumbnail__image { height: 100%; } .media-thumbnail__play-icon-wrapper { position: absolute; width: 3rem; height: 3rem; top: 0.75rem; left: 0.75rem; opacity: 0.9; background-color: rgb(0, 115, 178); border-radius: 50%; transition: all 0.5s ease 0s; } .media-thumbnail__play-icon-wrapper::after { content: ""; position: absolute; background-image: url("/img/play-video-white.87b4ea076e27d19d8a73630547b81e3f.svg"); background-size: contain; background-position: 100% center; width: 1.25rem; height: 1.25rem; top: 50%; left: 50%; opacity: 0.9; transform: translate(-50%, -50%); background-repeat: no-repeat; } .media-thumbnail__tag { font-family: "Sharp Sans No2", Arial, sans-serif; position: absolute; bottom: 0.75rem; left: 0.75rem; padding: 0.125rem 0.375rem; background-color: rgb(51, 51, 51); font-weight: 500; color: rgb(255, 255, 255); opacity: 0.9; transition: all 0.5s ease 0s; font-size: 0.75rem; line-height: 1rem; } .media-thumbnail__link { display: flex; flex-direction: column; text-decoration: none; height: 100%; overflow-y: hidden; } .media-thumbnail__link:focus, .media-thumbnail__link:hover { text-decoration: none; } .media-thumbnail__link:focus .media-thumbnail__play-icon-wrapper, .media-thumbnail__link:focus .media-thumbnail__tag, .media-thumbnail__link:hover .media-thumbnail__play-icon-wrapper, .media-thumbnail__link:hover .media-thumbnail__tag { opacity: 1; } .media-thumbnail__link:focus picture::after, .media-thumbnail__link:hover picture::after { opacity: 0; } .media-thumbnail__link:focus img, .media-thumbnail__link:hover img { transform: scale(1.05); } .media-thumbnail__title { font-weight: 700; margin-bottom: 0px; color: rgb(51, 51, 51); overflow-wrap: break-word; font-size: 1rem; line-height: 1.25rem; } @media (max-width: 47.9375rem) { .media-thumbnail { max-width: 21.4375rem; width: 100%; } .media-thumbnail__image-wrapper { height: auto; max-height: 12.125rem; } .media-thumbnail--mobile { min-height: 5.8125rem; padding-bottom: 0px; width: 100%; } .media-thumbnail--mobile .media-thumbnail__link { width: 100%; flex-direction: row; align-items: center; justify-content: flex-start; } .media-thumbnail--mobile .media-thumbnail__image-wrapper { height: 5.8125rem; flex: 0 0 10.25rem; margin-bottom: 0px; max-width: 50%; } .media-thumbnail--mobile .media-thumbnail__play-icon-wrapper { width: 2rem; height: 2rem; } .media-thumbnail--mobile .media-thumbnail__play-icon-wrapper::after { width: 0.625rem; height: 0.625rem; } .media-thumbnail--mobile .media-thumbnail__content { flex: 0 1 10.4375rem; max-width: 10.4375rem; margin-left: 0.75rem; } } @media (min-width: 64rem) { .media-thumbnail { max-width: 17.875rem; } .browser-ie .media-thumbnail__image-wrapper, .media-thumbnail__image-wrapper { height: 10.125rem; } } .quote { width: 100%; padding: 1.5625rem 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); max-width: 100%; text-align: left; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(0, 58, 93); font-weight: 800; font-size: 1.5rem; line-height: 1.75rem; text-transform: none; margin: 0px 0px 2rem; } @media (min-width: 48rem) { .quote { font-size: 2.5rem; line-height: 3rem; padding: 2rem 0px; margin: 3.75rem 0px; } } @media (min-width: 85.3125rem) { .quote { padding: 3rem 0px; margin: 4rem 0px; } } .quote::before { content: none; } .quote .author { font-family: "Source Sans", Arial, sans-serif; text-transform: none; font-size: 0.75rem; display: block; line-height: 0.875rem; font-weight: 600; padding-top: 1.5em; color: rgb(102, 102, 102); } @media (min-width: 48rem) { .quote .author { font-size: 0.875rem; line-height: 1rem; } } .panel { max-width: 37.5rem; margin: auto auto 2rem; border-radius: 0.5rem; border: 1px solid rgb(221, 221, 221); } .panel__header { padding: 1rem; background-color: rgb(238, 238, 238); display: flex; align-items: center; justify-content: space-between; border-top-left-radius: inherit; border-top-right-radius: inherit; } .panel__heading { font-size: 1.0625rem; margin-bottom: 0px; } .panel label { font-size: 0.75rem; display: flex; align-items: center; font-weight: 700; } .panel label input { margin-right: 0.5rem; } .panel__body { display: flex; padding: 1rem; align-items: center; justify-content: center; transition: background-color 0.3s ease 0s; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .panel__body > div { width: 100%; } .panel__body--dark { background-color: rgb(0, 58, 93); } .panel__body--no-padding { padding: 0px; } .panel--full-width { width: 100%; max-width: none; } .panel--no-border-radius, .panel--no-border-radius .panel__body { border-radius: 0px; } .next-article { box-sizing: border-box; display: flex; place-content: center; flex-direction: column; position: relative; padding: 2rem 1rem; margin-top: 2rem; text-decoration: none; min-height: 12.75rem; height: 100%; } @media (min-width: 48rem) { .next-article { min-height: 21rem; padding: 4rem 7.75rem; margin-top: 3rem; } } @media (min-width: 64rem) { .next-article { padding: 4rem 13.0625rem; margin-top: 4.5rem; } } @media (min-width: 85.3125rem) { .next-article { min-height: 26.5rem; padding: 5rem 0px; margin-top: 6rem; } } @media (min-width: 120rem) { .next-article { min-height: 23rem; } } .next-article::after { position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%; background-image: url("/img/next-articles-pattern-mobile.6b51427ad6b9e50215b692bf20bd4378.svg"); background-position: left 47% top 43%; background-size: 160%; background-repeat: repeat-y; background-color: transparent; z-index: 0; } @media (min-width: 48rem) { .next-article::after { background-size: 150%; background-position: left 42% top 46%; } } @media (min-width: 64rem) { .next-article::after { background-image: url("/img/next-articles-pattern-tablet.84039052a93298c152a591877ccc3f3a.svg"); background-size: 124%; background-position: left 60% top 49%; } } @media (min-width: 85.3125rem) { .next-article::after { background-image: url("/img/next-articles-pattern.5a2c4b0bfdfa8e1bf3af92a898bf611a.svg"); background-size: 155%; background-position: left 32% top 70%; } } @media (min-width: 120rem) { .next-article::after { background-image: url("/img/next-articles-pattern-desktop-large.dbdfd77027dba9fb697d12124ee5e0ff.svg"); background-size: 115%; background-position: left 20% top 68%; } } .next-article h3, .next-article p { color: rgb(255, 255, 255); text-decoration: none; position: relative; z-index: 1; } .next-article p { font-size: 0.75rem; line-height: 1.125rem; margin-bottom: 0.5rem; font-weight: 700; font-family: Roboto, Arial, sans-serif; } @media (min-width: 48rem) { .next-article p { font-size: 1rem; line-height: 1.5rem; margin-bottom: 1rem; font-family: "Sharp Sans No2", Arial, sans-serif; } } @media (min-width: 85.3125rem) { .next-article p { font-size: 1.5rem; line-height: 1.5rem; } } .next-article h3 { margin: 0px; font-size: 2rem; line-height: 2.375rem; font-weight: 800; font-family: "Sharp Sans No2", Arial, sans-serif; } @media (min-width: 48rem) { .next-article h3 { font-size: 3rem; line-height: 3.5rem; } } @media (min-width: 85.3125rem) { .next-article h3 { font-size: 3.5rem; line-height: 3.5rem; } } @media (min-width: 85.3125rem) { .next-article__article-title { padding: 0px 8.125rem 0px 52%; } } @media (min-width: 105rem) { .next-article__article-title { padding-right: 0px; max-width: 37.75rem; } } @media (min-width: 120rem) { .next-article__article-title { padding: 0px 0px 0px 50%; } } .next-article:focus, .next-article:focus h3, .next-article:focus p, .next-article:hover, .next-article:hover h3, .next-article:hover p { text-decoration: none; } .graph-container { position: relative; overflow: hidden; width: 100%; background: rgb(34, 34, 34); border-radius: 0.375rem; font-family: "Sharp Sans No2", Arial, sans-serif; max-width: 37.5rem; margin-bottom: 2em; } .graph-container .icon::before { color: rgb(215, 215, 0); } .graph-container.graph .graph-scale { height: 0.3125rem; margin: 0.3125rem 0px 0.8125rem; } .graph-container.graph .graph-player.first .bar span { background-color: rgb(0, 145, 210); } .graph-container.graph .graph-player.second .bar span { background-color: rgb(215, 215, 0); } .graph-container.graph .bar { display: block; position: relative; overflow: hidden; height: 0.375rem; width: 80%; border-radius: 0.625rem; background-color: rgb(55, 55, 55); } .graph-container.graph .bar span { display: inline-block; height: 100%; width: 100%; position: absolute; transform: translateX(-100%); transition: transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s; } .graph-container.circle .graph-numbers .sub { margin: 0px 0px 0px 0.3125rem; } .graph-container.circle .graph-player-image { margin: 0px 14% 0px 0px; } .graph-container.circle .graph-players { margin: 2.8125rem 0px 0px 1.0625rem; } .graph-container.circle .graph-player.first .circle-graph .circle .mask .fill { background-color: rgb(0, 145, 210); } .graph-container.circle .graph-player.second .circle-graph .circle .mask .fill { background-color: rgb(215, 215, 0); } .graph-container.circle .circle-graph { position: absolute; z-index: 1; left: -1rem; top: 50%; transform: translateY(-50%); width: 5.375rem; height: 5.375rem; background-color: rgb(55, 55, 55); border-radius: 50%; } .graph-container.circle .circle-graph .inset { width: 4.625rem; height: 4.625rem; position: absolute; margin-left: 0.375rem; margin-top: 0.375rem; background-color: rgb(34, 34, 34); border-radius: 50%; } .graph-container.circle .circle-graph .circle .fill, .graph-container.circle .circle-graph .circle .mask, .graph-container.circle .circle-graph .circle .shadow { width: 5.375rem; height: 5.375rem; position: absolute; border-radius: 50%; } .graph-container.circle .circle-graph .circle .fill, .graph-container.circle .circle-graph .circle .mask { backface-visibility: hidden; transition: transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s; border-radius: 50%; } .graph-container.circle .circle-graph .circle .mask { clip: rect(0px, 5.375rem, 5.375rem, 2.6875rem); } .graph-container.circle .circle-graph .circle .mask .fill { clip: rect(0px, 2.6875rem, 5.375rem, 0px); } .graph-container.circle .circle-graph .circle .fill, .graph-container.circle .circle-graph .circle .fill.fix, .graph-container.circle .circle-graph .circle .mask.full { transform: rotate(0deg); } .graph-container.info .graph-numbers { line-height: 1; } .graph-container.info .graph-numbers .sub { margin: 0px 0px 0px 0.5625rem; } .graph-container.info .first .graph-numbers { color: rgb(0, 145, 210); } .graph-container.info .second .graph-numbers { color: rgb(215, 215, 0); } .graph-container.info .graph-players { margin: 2.9375rem 0px 0px; } .graph-container.info .graph-player-name { margin: 0.75rem 0px 0px; } .graph-picture { position: absolute; left: 0px; right: 0px; top: 0px; margin: auto; width: 53.125rem; } .graph-inner { position: relative; padding: 1em 2.5em; } .graph-players { flex-direction: column; margin: 2.1875rem 0px 0px; flex: 1 0 auto; } .graph-player, .graph-players { display: flex; } .graph-player { width: 100%; align-items: center; position: relative; margin-bottom: 2.5rem; flex: 1 0 auto; } .graph-player-image { display: inline-block; position: relative; height: 3rem; width: 3rem; border-radius: 100%; border: 0.1875rem solid rgb(255, 255, 255); margin: 0px 0.9375em 0px 0px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.375rem 0.9375rem; z-index: 10; flex: 0 0 auto; } .graph-player-image img { width: 100%; height: 100%; font-family: "object-fit:cover"; object-fit: cover; } .graph-player-info { display: flex; flex-direction: column; flex: 1 0 auto; } .graph-player-name { font-family: "Source Sans", Arial, sans-serif; color: rgb(221, 221, 221); font-size: 0.75em; } .graph-numbers { display: block; color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 2.6em; font-weight: 700; } .graph-numbers .sub { font-size: 0.4em; } .graph-title { color: rgb(255, 255, 255); text-transform: uppercase; font-size: 0.8125rem; margin: 0px; letter-spacing: 0.6px; font-weight: 700; } .graph-header { display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 480px) { .graph-players { flex-flow: wrap; flex: 1 0 auto; } .graph-player { box-sizing: border-box; flex: 1 0 50%; } .graph-header { flex-direction: row; align-items: center; } .graph-header__icon { color: rgb(215, 215, 0); } .graph-title { margin: 0px 0px 0px 0.8125rem; } .graph-picture { width: 100%; } } .article-layout-live .graph-container { background: transparent; border-radius: 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1.5rem 0px; margin: 0.9375rem 0px 2rem; } .article-layout-live .graph-container.circle .graph-players { padding: 0.5rem 0px 0px; flex-direction: row; margin: 0px; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .graph-players { padding: 1.5625rem 0px 0px; } } .article-layout-live .graph-container.circle .circle-graph { background-color: rgb(230, 230, 230); width: 3rem; height: 3rem; left: 0px; top: 0px; transform: none; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .circle-graph { width: 4.5rem; height: 4.5rem; } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .circle-graph { width: 5rem; height: 5rem; } } .article-layout-live .graph-container.circle .circle-graph .inset { background: rgb(255, 255, 255); width: 2.75rem; height: 2.75rem; margin-left: 0.125rem; margin-top: 0.125rem; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .circle-graph .inset { width: 4.125rem; height: 4.125rem; margin-left: 0.1875rem; margin-top: 0.1875rem; } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .circle-graph .inset { width: 4.5rem; height: 4.5rem; margin-left: 0.25rem; margin-top: 0.25rem; } } .article-layout-live .graph-container.circle .circle .fill, .article-layout-live .graph-container.circle .circle .mask, .article-layout-live .graph-container.circle .circle .shadow { width: 3rem; height: 3rem; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .circle .fill, .article-layout-live .graph-container.circle .circle .mask, .article-layout-live .graph-container.circle .circle .shadow { width: 4.5rem; height: 4.5rem; } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .circle .fill, .article-layout-live .graph-container.circle .circle .mask, .article-layout-live .graph-container.circle .circle .shadow { width: 5rem; height: 5rem; } } .article-layout-live .graph-container.circle .circle .mask { clip: rect(0px, 3rem, 3rem, 1.5rem); } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .circle .mask { clip: rect(0px, 4.5rem, 4.5rem, 2.25rem); } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .circle .mask { clip: rect(0px, 5rem, 5rem, 2.5rem); } } .article-layout-live .graph-container.circle .circle .mask .fill { clip: rect(0px, 1.5rem, 3rem, 0px); } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .circle .mask .fill { clip: rect(0px, 2.25rem, 4.5rem, 0px); } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .circle .mask .fill { clip: rect(0px, 2.5rem, 5rem, 0px); } } .article-layout-live .graph-container.circle .graph-player { margin-bottom: 0px; flex: 1 0 auto; width: 50%; box-sizing: border-box; padding-right: 1.5rem; align-items: flex-start; } .article-layout-live .graph-container.circle .graph-player-image { border: 1px solid rgba(0, 0, 0, 0.1); background: transparent; box-shadow: none; height: 2rem; width: 2rem; position: relative; top: 0.4375rem; margin-left: 0.4375rem; bottom: 2px; margin-right: 0.875rem; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .graph-player-image { height: 3.19375rem; width: 3.19375rem; margin-left: 0.5625rem; margin-right: 1.5rem; top: 0.5625rem; } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .graph-player-image { height: 3.19375rem; width: 3.19375rem; margin-right: 2rem; margin-left: 0.8125rem; top: 0.8125rem; } } .article-layout-live .graph-container.circle .graph-player-info { flex-direction: column-reverse; width: 69%; } .article-layout-live .graph-container.circle .graph-numbers .sub { margin-left: 0px; margin-top: 0px; line-height: 0.6875rem; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .graph-numbers .sub { margin-top: 0.3125rem; line-height: 1.125rem; } } .article-layout-live .graph-container.circle .graph-numbers span:first-child { margin-right: 0.3125rem; } .article-layout-live .graph-container.graph { padding: 1.5rem 0px; } .article-layout-live .graph-container.graph .bar { background-color: rgb(230, 230, 230); } .article-layout-live .graph-container.graph .graph-numbers { margin-bottom: 0px; } @media (min-width: 48rem) { .article-layout-live .graph-container.graph .graph-numbers { margin-bottom: 0.8125rem; } } .article-layout-live .graph-container.graph .graph-numbers .sub { margin-left: 0px; margin-top: 0.3125rem; } .article-layout-live .graph-container.graph .graph-numbers span:first-child { margin-right: 0.3125rem; } .article-layout-live .graph-container.graph .graph-player, .article-layout-live .graph-container.graph .graph-player .graph-player-name { margin-bottom: 0px; } .article-layout-live .graph-container.graph .graph-player.first { margin-bottom: 2.5rem; } @media (min-width: 48rem) { .article-layout-live .graph-container.graph .graph-player.first { margin-bottom: 0px; } } .article-layout-live .graph-container.info { padding: 1.5rem 0px; } .article-layout-live .graph-container.info .graph-players { flex-direction: column; margin-top: 1.5625rem; } .article-layout-live .graph-container.info .graph-player { flex: 1 0 auto; } .article-layout-live .graph-container.info .graph-player.second { margin-bottom: 0px; } .article-layout-live .graph-container.info .graph-numbers .sub { position: relative; top: -3px; } .article-layout-live .graph-picture { display: none; } .article-layout-live .graph-inner { padding: 0px; } .article-layout-live .graph-numbers, .article-layout-live .graph-player-name, .article-layout-live .graph-title { font-family: "Sharp Sans No2", Arial, sans-serif; } .article-layout-live .graph-player-name { font-size: 0.75rem; line-height: 1rem; font-weight: 600; color: rgb(102, 102, 102); font-family: "Roboto Medium", Arial, sans-serif; margin-top: 0.1875rem; margin-bottom: 0.125rem; } @media (min-width: 48rem) { .article-layout-live .graph-player-name { font-size: 0.875rem; line-height: 1rem; margin-bottom: 1rem; font-family: "Sharp Sans No2", Arial, sans-serif; } } .article-layout-live .graph-player-image { background: transparent; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.1); } .article-layout-live .graph-numbers { color: rgb(0, 58, 93); font-size: 2rem; line-height: 2rem; font-weight: 800; display: flex; flex-wrap: wrap; align-items: baseline; } @media (min-width: 48rem) { .article-layout-live .graph-numbers { font-size: 3rem; line-height: 1.75rem; letter-spacing: 0.02em; } } @media (min-width: 85.3125rem) { .article-layout-live .graph-numbers { font-size: 3.5rem; line-height: 1.75rem; } } @media (min-width: 48rem) { .article-layout-live .graph-numbers > span { display: inline-block; } } .article-layout-live .graph-title { color: rgb(0, 58, 93); font-size: 1rem; line-height: 1.5rem; font-weight: 800; margin: 0px; } @media (min-width: 48rem) { .article-layout-live .graph-title { font-size: 1.5rem; line-height: 2rem; } } .article-layout-live .graph-header .svg-icon { display: none; } .statistical-lsg-showcase { margin-top: 1.25rem; } .statistical-lsg-showcase .article-layout-live { padding: 0px; margin: 0px; } .statistical-lsg-showcase .panel__body { display: block; } .timezone-picker { height: 100%; display: flex; align-content: stretch; width: 100%; position: relative; } @media (min-width: 48rem) { .timezone-picker { margin-top: 0px; } } .timezone-picker__button { cursor: pointer; color: rgb(0, 115, 178); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; font-size: 1rem; line-height: 1.5rem; padding: 0px 1rem 0px 1.1875rem; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; box-sizing: border-box; border: 0.0625rem solid transparent; transition: all 0.2s ease 0s; border-radius: 4px; background-color: transparent; } @media (min-width: 48rem) { .timezone-picker__button { justify-content: flex-start; display: inline-flex; min-width: 14.75rem; } } .browser-ie .timezone-picker__button { min-height: 2.5rem; } .timezone-picker__button:hover { background-color: rgb(242, 242, 242); } .timezone-picker__button--on { border: 0.0625rem solid rgb(0, 115, 178); border-radius: 0.25rem; } .timezone-picker__button .clock-icon { width: 1.625rem; height: 1.625rem; margin-right: 0.25rem; } .timezone-picker__button .tick-icon { width: 1.25rem; height: 0.875rem; margin-right: 0.25rem; } .timezone-picker__paragraph { font-family: "Sharp Sans No2", Arial, sans-serif; display: inline-block; color: rgb(102, 102, 102); font-size: 0.75rem; line-height: 1.125rem; white-space: normal; font-weight: 500; margin: 0px; } .timezone-picker__selector { position: absolute; padding: 1rem 1.125rem 1rem 1rem; border-radius: 0.1875rem; background: rgb(255, 255, 255); border: 0.0625rem solid rgb(230, 230, 230); top: 2.75rem; width: 100%; box-sizing: border-box; z-index: 11; justify-content: space-between; } @media (min-width: 48rem) { .timezone-picker__selector { width: 23.5rem; max-width: 23.5rem; top: calc(100% + 4px); left: 0px; } } .timezone-picker__selector--on { display: flex; padding: 1rem; } .timezone-picker__selector--off { display: none; } .timezone-picker .toggler { margin-left: 1.5rem; } .related-articles { box-sizing: border-box; border-top: 0.0625rem solid rgb(230, 230, 230); } @media (min-width: 48rem) { .related-articles { border: 0.0625rem solid rgb(230, 230, 230); margin: 0px auto 2.5rem; max-width: 40.1875rem; } } @media (min-width: 64rem) { .related-articles { max-width: 100%; } } @media (min-width: 85.3125rem) { .related-articles { margin-bottom: 3rem; } } .related-articles__wrapper { box-sizing: border-box; margin: 1.5rem auto 2rem; } @media (min-width: 48rem) { .related-articles__wrapper { padding: 0px 1.5rem; margin: 1.5rem auto 0px; } } @media (min-width: 85.3125rem) { .related-articles__wrapper { padding: 0px 3rem 0px 1.5rem; } } .related-articles__title { font-family: "Sharp Sans No2", Arial, sans-serif; line-height: 1.5rem; font-size: 1.25rem; margin: 0px; color: rgb(51, 51, 51); letter-spacing: 0.02em; } @media (min-width: 85.3125rem) { .related-articles__title { line-height: 1.75rem; font-size: 1.5rem; } } .related-articles__list { display: flex; flex-flow: column; padding: 0px; margin: 0px; } @media (min-width: 48rem) { .related-articles__list { flex-flow: wrap; } } .related-articles__paragraph { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1.375rem; margin-bottom: 0.5rem; color: rgb(51, 51, 51); } @media (min-width: 85.3125rem) { .related-articles__paragraph { font-size: 1rem; line-height: 1.625rem; } } .related-articles__link { display: flex; text-decoration: none; } .related-articles__link:active, .related-articles__link:hover { text-decoration: none; } .related-articles__link:active .related-articles__paragraph, .related-articles__link:hover .related-articles__paragraph { color: rgb(0, 115, 178); } .related-articles__label { font-size: 0.75rem; line-height: 1.25rem; color: rgb(153, 153, 153); margin: 0px; letter-spacing: 0.06em; font-weight: 700; font-family: "Sharp Sans No2", Arial, sans-serif; } @media (min-width: 48rem) { .related-articles__label { letter-spacing: 0.08em; line-height: 1rem; } } .related-articles__image { flex-basis: 6.75rem; flex-shrink: 0; } .related-articles__image img { width: 100%; } .related-articles__text { margin-left: 1rem; } .related-articles__item { padding: 1.5rem 0px; border-bottom: 0.0625rem solid rgb(230, 230, 230); } @media (min-width: 48rem) { .related-articles__item { border: none; flex: 0 1 calc(50% - 16px); } } @media (min-width: 85.3125rem) { .related-articles__item { flex-basis: calc(50% - 5px); } } .related-articles__item-spacer { display: none; } @media (min-width: 48rem) { .related-articles__item-spacer { display: block; flex: 0 0 2rem; } } @media (min-width: 85.3125rem) { .related-articles__item-spacer { flex-basis: 0.625rem; } } .toggle-switch { width: 100%; height: 3.25rem; display: flex; border-radius: 0.25rem; padding: 0.125rem; background-color: rgb(242, 242, 242); box-sizing: border-box; } @media (min-width: 48rem) { .toggle-switch { margin-bottom: 0px; width: 13.125rem; display: inline-flex; } } @media (min-width: 64rem) { .toggle-switch { margin-bottom: 0px; width: 17.1875rem; } } @media (min-width: 85.3125rem) { .toggle-switch { width: 17.875rem; } } .toggle-switch__pill { min-width: 3.75rem; cursor: pointer; width: 50%; background: rgb(242, 242, 242); border-radius: 0.125rem; display: flex; justify-content: center; align-items: center; flex-direction: column; border: none; } .toggle-switch__pill:hover { cursor: pointer; } .toggle-switch__pill--selected { background-color: rgb(255, 255, 255); } .toggle-switch__pill span { display: block; font-family: "Sharp Sans No2", Arial, sans-serif; } .toggle-switch__time-zone { display: block; font-size: 0.625rem; line-height: 0.75rem; color: grey; } .toggle-switch__pill--selected .toggle-switch__time-zone { color: rgb(102, 102, 102); } .toggle-switch__label { font-size: 1rem; line-height: 1.5rem; color: grey; font-weight: 600; font-family: "Sharp Sans No2", Arial, sans-serif; } .toggle-switch__pill--selected .toggle-switch__label { color: rgb(0, 115, 178); font-weight: 700; } .browser-ie .toggle-switch { flex: 1 0 auto; } .filter-checkbox__wrapper { display: flex; margin-bottom: 0.5rem; } .filter-checkbox__wrapper > input { flex: 0 0 auto; } .filter-checkbox__label { flex: 0 1 auto; width: 100%; margin-top: -0.5rem; padding: 0.5rem; font-weight: 600; color: rgb(51, 51, 51); font-family: "Sharp Sans No2", Arial, sans-serif; cursor: pointer; font-size: 1rem; line-height: 1.5rem; } .heading-cta { display: flex; flex-direction: column; align-items: center; } .heading-cta__content-wrapper { margin-bottom: 0.375rem; } .heading-cta h3 { font-weight: 700; letter-spacing: 0.02em; color: rgb(51, 51, 51); font-size: 1.25rem; line-height: 1.5rem; } .heading-cta h3, .heading-cta p { text-align: center; margin-bottom: 0px; } .heading-cta p { font-weight: 500; color: rgb(102, 102, 102); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.75rem; line-height: 1.125rem; } .heading-cta__button { text-transform: none; padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.25rem; } @media screen and (min-width: 48rem) { .heading-cta { flex-direction: row; padding: 1.5rem 1rem; justify-content: space-between; background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); } .heading-cta__content-wrapper { margin-bottom: 0px; } .heading-cta h3 { text-align: left; margin-bottom: 0.25rem; font-size: 1.5rem; line-height: 1.75rem; } .heading-cta p { text-align: left; font-size: 0.875rem; line-height: 1.375rem; } .heading-cta__button-wrapper { margin-left: 1rem; } .heading-cta__button { padding: 0.5rem 1.25rem; font-size: 1rem; line-height: 1.5rem; } } .heading-link { display: flex; justify-content: space-between; margin-bottom: 0.75rem; align-items: flex-end; } .heading-link__title { margin-bottom: 0px; letter-spacing: 0.4px; color: rgb(51, 51, 51); font-size: 1.25rem; line-height: 1.5rem; } .heading-link--dark .heading-link__title { color: rgb(255, 255, 255); } .heading-link__link { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; position: relative; text-decoration: none; flex-shrink: 0; color: rgb(0, 115, 178); font-size: 1rem; line-height: 1.5rem; } .heading-link__link::after { content: ""; position: absolute; height: 0.75px; width: 100%; background-color: rgb(0, 115, 178); opacity: 0.5; transition: all 0.25s ease 0s; bottom: 0.125rem; left: 0px; } .heading-link__link:focus, .heading-link__link:hover { text-decoration: none; } .heading-link__link:focus::after, .heading-link__link:hover::after { opacity: 1; } .heading-link--dark .heading-link__link { color: rgb(255, 255, 255); } .heading-link--dark .heading-link__link::after { background-color: rgb(255, 255, 255); } @media screen and (min-width: 85.3125rem) { .heading-link { margin-bottom: 1rem; } .heading-link__title { font-size: 1.5rem; line-height: 1.75rem; } } .mobile-cta { position: relative; overflow: hidden; } .mobile-cta__body::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(242, 242, 242, 0), rgba(242, 242, 242, 0.84) 22.91%, rgb(242, 242, 242) 51.32%); opacity: 0.95; } .mobile-cta__wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 2.5rem 2.5rem 0px 1rem; max-width: 73.5rem; margin: auto; position: relative; } @media screen and (min-width: 48rem) { .mobile-cta__wrapper { max-width: 52.625rem; padding: 2.6875rem 5rem 0px 2rem; } } @media screen and (min-width: 64rem) { .mobile-cta__wrapper { padding: 3.75rem 7.1875rem 0px 4.1875rem; } } @media screen and (min-width: 85.3125rem) { .mobile-cta__wrapper { max-height: 11.25rem; max-width: 73.5rem; padding: 3.75rem 8rem 0px 4rem; } } .mobile-cta__random-wrapper { position: absolute; width: 100%; } .mobile-cta__content { display: flex; flex-flow: column; justify-content: flex-end; flex: 0 1 auto; padding-right: 1rem; padding-bottom: 1rem; } @media screen and (min-width: 48rem) { .mobile-cta__content { padding-bottom: 2rem; } } .mobile-cta__content > h3 { margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 1.5rem; } @media screen and (min-width: 48rem) { .mobile-cta__content > h3 { margin-bottom: 1rem; font-size: 1.5rem; line-height: 1.75rem; } } @media screen and (min-width: 85.3125rem) { .mobile-cta__content > h3 { font-size: 2rem; line-height: 2.375rem; } } .mobile-cta__buttons-wrapper { display: flex; flex-wrap: wrap; } .mobile-cta__buttons-wrapper > div { height: 2.5rem; width: auto; flex: 0 0 100%; } @media screen and (min-width: 48rem) { .mobile-cta__buttons-wrapper > div { flex: 0 0 auto; } } .mobile-cta__buttons-wrapper a { height: 100%; width: 100%; } .mobile-cta__apple-wrapper { margin: 0px 1.125rem 0.5rem 0px; } .mobile-cta__apple-wrapper a, .mobile-cta__apple-wrapper img { border-radius: 0px !important; height: 2.5rem !important; width: 7.5rem !important; } @media screen and (min-width: 48rem) { .mobile-cta__apple-wrapper { margin-bottom: 0px; } } .mobile-cta__google-wrapper { height: 2.5rem; width: 8.4375rem; display: block; } .mobile-cta__google-wrapper a { overflow: hidden; } .mobile-cta__google-wrapper img { height: 3.75rem; margin: -0.625rem; } .mobile-cta__image-wrapper { width: 7.5rem; flex: 0 0 auto; display: flex; align-items: flex-end; } @media screen and (min-width: 48rem) { .mobile-cta__image-wrapper { width: 8.5rem; } } @media screen and (min-width: 85.3125rem) { .mobile-cta__image-wrapper { width: 12.375rem; max-height: 11.25rem; align-items: flex-start; } } .mobile-cta__image-wrapper > img { width: 100%; } .mobile-tray, .mobile-tray__toggle { width: 100%; position: relative; } .mobile-tray__toggle { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(102, 102, 102); font-weight: 600; background-color: rgb(255, 255, 255); border: 2px solid rgb(230, 230, 230); border-radius: 4px; padding: 0.375rem 0.625rem; text-align: left; font-size: 1rem; line-height: 1.5rem; } .mobile-tray__toggle, .mobile-tray__toggle::after { transition: all 0.3s ease 0s; } .mobile-tray__toggle::after { content: ""; position: absolute; right: 0.625rem; width: 0.625rem; height: 0.375rem; background-size: contain; top: 50%; transform: translateY(-50%); background-image: url("/img/chevron-down-grey.18e19ff6f9ed265b46dbbde2bdb54e67.svg"); } .mobile-tray__toggle--chevron-flipped, .mobile-tray__toggle:hover { background-color: rgb(242, 242, 242); } .mobile-tray__toggle--chevron-flipped::after { transform: translateY(-50%) rotate(180deg); } .mobile-tray__toggle--selected { background-color: rgb(0, 115, 178); color: rgb(255, 255, 255); border: 2px solid rgb(0, 115, 178); } .mobile-tray__toggle--selected::after { background-image: url("/img/chevron-down-white.9fe78eabe43f985e2867e7d1242e5e24.svg"); } .mobile-tray__toggle--selected:hover { background-color: rgb(30, 40, 134); border: 2px solid rgb(30, 40, 134); } .mobile-tray__tablet-up-wrapper { z-index: 11; opacity: 0; transition: all 0.3s ease 0s; } .mobile-tray__tablet-up-wrapper--is-visible { opacity: 1; } .mobile-tray__tablet-up { top: 3rem; z-index: 11; position: absolute; background-color: rgb(255, 255, 255); height: 25rem; border-radius: 4px; box-sizing: border-box; border: 1px solid rgb(204, 204, 204); } .mobile-tray__overlay-wrapper { opacity: 0; transition: all 0.3s ease 0s; } .mobile-tray__overlay-wrapper--is-visible { opacity: 1; } .mobile-tray__overlay { inset: 0px; position: fixed; background-color: rgba(0, 0, 0, 0.4); } .mobile-tray__content-wrapper { position: fixed; bottom: 0px; width: 100%; height: 25rem; transition: all 0.5s ease 0s; transform: translateY(100%); } .mobile-tray__content-wrapper--is-visible { transform: translateY(0px); } .mobile-tray__content { position: fixed; bottom: 0px; width: 100%; height: 25rem; background-color: rgb(255, 255, 255); border-radius: 8px 8px 0px 0px; box-sizing: border-box; } .mobile-tray__header { position: relative; padding: 1rem 1.5rem; display: flex; justify-content: center; border-bottom: 1px solid rgb(230, 230, 230); } .mobile-tray__header > h4 { margin: 0px; color: rgb(51, 51, 51); font-size: 1rem; line-height: 1.5rem; } .mobile-tray__reset { font-family: "Sharp Sans No2", Arial, sans-serif; left: 0.75rem; color: rgb(0, 115, 178); padding: 0.25rem; font-weight: 600; font-size: 1rem; line-height: 1.5rem; } .mobile-tray__close, .mobile-tray__reset { position: absolute; top: 0.75rem; background-color: transparent; border: none; } .mobile-tray__close { padding: 0px; width: 2rem; height: 2rem; background-size: 1.5rem; background-position: 50% center; background-image: url("/img/icon-close.e7654c564f7aee9eea82bd0016f33331.svg"); right: 0.75rem; } .mobile-tray__body { box-sizing: border-box; padding: 1rem 1rem 0px; height: 16.9375rem; overflow-y: scroll; } .mobile-tray__footer { background-color: rgb(255, 255, 255); bottom: 0px; width: 100%; padding: 1rem; position: absolute; border-top: 1px solid rgb(230, 230, 230); } .mobile-tray__footer > button { width: 100%; border-width: 0px; letter-spacing: 0.08em; font-size: 0.75rem; line-height: 1rem; } .mobile-tray__footer > button:hover { border-width: 0px; } @media screen and (min-width: 48rem) { .mobile-tray__wrapper--mobile-only { display: none; } .mobile-tray__tablet-up .mobile-tray__body { height: 100%; padding: 1rem 1rem 4.5rem; } } .ticketing-card { padding: 1.875rem 1.375rem 1.375rem; border: 2px solid rgb(230, 230, 230); } .ticketing-card > header { border-bottom: 1px solid rgb(230, 230, 230); } .ticketing-card__icon-wrapper { width: 100%; display: flex; height: 2.5rem; align-items: center; margin-bottom: 1.5rem; justify-content: center; } .ticketing-card img.ticketing-card__icon { width: auto !important; } .ticketing-card h3 { text-align: center; color: rgb(51, 51, 51); letter-spacing: 0.02em; margin-bottom: 1rem; font-size: 1rem; line-height: 1.25rem; } .ticketing-card__body { transition: height 0.3s ease 0s; position: relative; overflow-y: hidden; } .ticketing-card__body--show-more { padding-bottom: 2.5rem; } .ticketing-card ul { margin: 0px; padding: 1.125rem 0.125rem 0.25rem; } .ticketing-card__show-button-wrapper { background-color: rgb(255, 255, 255); display: flex; justify-content: center; width: 100%; padding: 0px 0px 1rem; position: absolute; bottom: 0px; } .ticketing-card__show-button { color: rgb(102, 102, 102); border: none; background-color: transparent; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 500; padding: 0.1875rem 1.375rem 0.1875rem 0.1875rem; position: relative; font-size: 0.75rem; line-height: 1.125rem; } .ticketing-card__show-button::after { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background-image: url("/img/chevron-down-grey.18e19ff6f9ed265b46dbbde2bdb54e67.svg"); width: 0.5rem; height: 0.3125rem; background-size: contain; transition: all 0.3s ease 0s; } .ticketing-card__show-button--expanded::after { transform: translateY(-50%) rotate(180deg); } .ticketing-card__price-prefix { text-transform: capitalize; font-weight: 600; color: rgb(102, 102, 102); font-size: 0.75rem; line-height: 1rem; } .ticketing-card__price-wrapper { margin: 0.5rem 0px; } .ticketing-card__price-wrapper p { font-weight: 500; display: flex; align-items: flex-start; margin-bottom: 0px; color: rgb(51, 51, 51); font-size: 0.875rem; line-height: 0.875rem; } .ticketing-card__price-wrapper span { font-weight: 700; letter-spacing: 0.02em; font-size: 3rem; line-height: 2.5rem; } .ticketing-card__terms { font-weight: 500; margin-bottom: 0px; font-size: 0.625rem; line-height: 0.875rem; } .ticketing-card__button { width: 100%; text-align: center; margin-top: 1rem; letter-spacing: 0.08em; font-size: 0.75rem; line-height: 1rem; } .ticketing-card > footer { display: flex; flex-direction: column; align-items: center; padding-top: 1rem; border-top: 1px solid rgb(230, 230, 230); } .ticketing-card > footer, .ticketing-card > footer p { font-family: "Sharp Sans No2", Arial, sans-serif; } @media screen and (min-width: 48rem) { .ticketing-card h3 { font-size: 1.25rem; line-height: 1.5rem; } .ticketing-card__body { padding-bottom: 0px; } .ticketing-card__show-button { display: none; } } @media screen and (min-width: 85.3125rem) { .ticketing-card h3 { font-size: 1.5rem; line-height: 1.75rem; } } .ticketing-list-item { margin-bottom: 0.75rem; display: flex; } .ticketing-list-item__icon { flex: 0 0 1.25rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; position: relative; background-color: rgb(102, 102, 102); } .ticketing-list-item__icon::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1rem; height: 1rem; background-image: url("/img/ticketing-close-white.a06f17d0e649ec494308bcf8cc18deee.svg"); } .ticketing-list-item__icon--tick { background-color: rgb(0, 145, 210); } .ticketing-list-item__icon--tick::after { width: 0.875rem; height: 0.625rem; background-image: url("/img/ticketing-tick-white.ecb21b84635b80801414af628cee0103.svg"); } .ticketing-list-item__text-wrapper { margin-left: 0.625rem; } .ticketing-list-item__text { color: rgb(102, 102, 102); font-family: "Sharp Sans No2", Arial, sans-serif; margin: -0.0625rem 0px 0.0625rem; font-size: 0.875rem; line-height: 1.375rem; } .ticketing-list-item__small-text { color: rgb(102, 102, 102); font-family: "Sharp Sans No2", Arial, sans-serif; margin: -0.3125rem 0px 0.0625rem; font-size: 0.75rem; line-height: 1.125rem; } .timeline-heading { position: relative; padding: 0.5rem 0px 0px 1.4375rem; } .timeline-heading::before { content: ""; position: absolute; height: 100%; top: 0.6875rem; left: 0.3125rem; width: 0.125rem; background-color: rgb(204, 204, 204); } .timeline-heading--disable-line::before { display: none; } .timeline-heading__heading { position: relative; padding-left: 0.3125rem; margin-bottom: 0.5rem; color: rgb(51, 51, 51); letter-spacing: 0.02em; font-size: 1.25rem; line-height: 1.5rem; } .timeline-heading__heading::before { content: ""; position: absolute; width: 0.75rem; height: 1.25rem; top: 0.125rem; left: -1.4375rem; background-color: rgb(242, 242, 242); } .timeline-heading__heading::after { content: ""; position: absolute; width: 0.75rem; height: 0.75rem; top: 0.375rem; left: -1.4375rem; border: 2px solid rgb(0, 115, 178); border-radius: 50%; box-sizing: border-box; } .timeline-heading__content { padding-bottom: 1rem; } .timeline-heading__example-content { background-color: rgb(255, 255, 255); height: 18.75rem; } @media screen and (min-width: 48rem) { .timeline-heading__heading { margin-bottom: 0.375rem; font-size: 1.5rem; line-height: 1.75rem; } .timeline-heading__heading::before { top: 0.25rem; } .timeline-heading__heading::after { top: 0.5rem; } } .stats-comparison-row { width: 100%; } .stats-comparison-row__labels { display: flex; justify-content: space-between; } .stats-comparison-row__bars { display: flex; gap: 4px; } .stats-comparison-row-label { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 500; font-size: 1rem; color: rgb(51, 51, 51); margin-bottom: 0px; flex: 0 0 auto; } .stats-comparison-row-label--left, .stats-comparison-row-label--right { flex: 1 0 0%; } .stats-comparison-row-label--right { text-align: right; } .stats-comparison-row-label--row-title { font-weight: 700; } .stats-comparison-row-label--winner { font-weight: 700; color: rgb(0, 115, 178); } @media (-ms-high-contrast:none) { } .stats-group-header { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; } .stats-group-header__left { flex: 1 0 0%; order: 1; } .stats-group-header__center { flex: 0 0 100%; margin-top: 1.5rem; order: 3; } .stats-group-header__right { flex: 1 0 0%; order: 2; } .stats-group-header__left .player-label:not(:first-child), .stats-group-header__right .player-label:not(:first-child) { margin-top: 2px; } @media (min-width: 48rem) { .stats-group-header .stats-group-header__center { flex: 0 0 274px; margin-top: 0px; order: 2; } .stats-group-header .stats-group-header__right { order: 3; } } .two-column-list { background-color: rgb(255, 255, 255); margin-bottom: 0.5rem; } .two-column-list__header { padding: 0px 0.9375rem; border-top: 1px solid rgb(230, 230, 230); border-right: 1px solid rgb(230, 230, 230); border-left: 1px solid rgb(230, 230, 230); border-image: initial; border-bottom: none; } .two-column-list__header > div { padding: 0.75rem 0px; border-bottom: 1px solid rgb(230, 230, 230); } .two-column-list__header--is-final { border: none; position: relative; background: linear-gradient(90.74deg, rgb(30, 40, 134), rgb(0, 145, 210) 132.54%); } .two-column-list__header--is-final::after { content: ""; position: absolute; right: 0px; top: 0px; background-image: url("/img/schedule-final-header-pattern.d47e4519bcfd6cfb8cef0a2fb739de73.svg"); width: 6.375rem; height: 100%; background-size: cover; } .two-column-list__header--is-final > div { padding: 1.75rem 0px; border-bottom: none; } .two-column-list__content { padding: 0px 0.9375rem; border-right: 1px solid rgb(230, 230, 230); border-bottom: 1px solid rgb(230, 230, 230); border-left: 1px solid rgb(230, 230, 230); border-image: initial; border-top: none; } .two-column-list__heading { color: rgb(51, 51, 51); font-weight: 700; margin-bottom: 0px; font-size: 1rem; line-height: 1.5rem; } .two-column-list__heading--is-final { color: rgb(255, 255, 255); letter-spacing: 0.02em; font-size: 1.25rem; line-height: 1.5rem; } .two-column-list ul { padding: 0px; margin: 0px; } .two-column-list li { display: flex; justify-content: space-between; align-items: center; padding: 0.9375rem 0px; border-bottom: 1px solid rgb(230, 230, 230); } .two-column-list li:last-child { border-bottom: none; } .two-column-list__item-name { font-weight: 500; color: rgb(102, 102, 102); margin-bottom: 0px; } .two-column-list__item-name, .two-column-list__item-time { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.75rem; line-height: 1rem; } .two-column-list__item-time { flex-shrink: 0; color: rgb(51, 51, 51); font-weight: 700; margin: 0px 0px 0px 1rem; } @media screen and (min-width: 48rem) { .two-column-list__item-time { font-size: 0.875rem; line-height: 1rem; } } .storyteller__storyteller { height: 7.5rem; } .storyteller--scroll-both .storyteller__storyteller > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, transparent 1%, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 88%, transparent 99%); } .storyteller--scroll-left .storyteller__storyteller > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, rgb(0, 0, 0) 88%, transparent 99%); } .storyteller--scroll-right .storyteller__storyteller > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, transparent 1%, rgb(0, 0, 0) 12%); } .storyteller__storyteller > div > div:nth-child(2) { right: 0px; } .storyteller__storyteller > div > div:nth-child(2) > div { border: 1px solid rgb(230, 230, 230); } .storyteller__storyteller > div > div:last-child { left: 0px; } .storyteller__storyteller > div > div:last-child > div { border: 1px solid rgb(230, 230, 230); } .storyteller__storyteller > div > div > a { transition: opacity 0.25s ease 0s; } .storyteller__storyteller > div > div > a:hover { opacity: 0.8; } .storyteller__storyteller > div > div > div > img { width: auto !important; } .storyteller__storyteller--square > div > div > a { margin: 0px 0.25rem; } .storyteller__storyteller--square > div > div > a > div > div, .storyteller__storyteller--square > div > div > a > div > span { font-weight: 700 !important; } .storyteller__storyteller--circle { margin-top: -0.625rem; } .storyteller__storyteller--circle > div > div:last-child > div, .storyteller__storyteller--circle > div > div:nth-child(2) > div { margin-bottom: 35px; } .storyteller__storyteller--circle > div > div > a > div:not(:last-child) { font-weight: 700 !important; } .storyteller__storyteller--circle > div > div > a > div:last-child { font-weight: 600 !important; } .storyteller__storyteller--circle > div > div > a > div:first-child { margin-bottom: 0.875rem !important; } .storyteller__storyteller--circle > div > div > a > div:nth-child(2):not(:last-child) { border-width: 2px; } .storyteller__storyteller--custom-size { height: auto; } .storyteller__storyteller--circle-small > div > div > a { margin: 0px 0.5rem; } .storyteller__storyteller--circle-small > div > div > a > div:first-child { width: 5rem !important; height: 5rem !important; } .storyteller__storyteller--circle-small > div > div > a > div:last-child { height: 3rem !important; } .storyteller__storyteller--circle-large > div > div > a { margin: 0px 0.5rem; } .storyteller__storyteller--circle-large > div > div > a > div:first-child { width: 6.5rem !important; height: 6.5rem !important; } .storyteller__storyteller--square-small { height: 12.375rem; } .storyteller__storyteller--square-small > div > div > a > div:first-child { width: 8.25rem !important; height: 12.375rem !important; } .storyteller__storyteller--square-small > div > div > a > div:first-child > div { font-size: 0.75rem; line-height: 0.875rem; } .storyteller__storyteller--square-medium { height: 18.5625rem; } .storyteller__storyteller--square-medium > div > div > a > div:first-child { border-radius: 8px; width: 12.375rem !important; height: 18.5625rem !important; } .storyteller__storyteller--square-medium > div > div > a > div:first-child > div { font-size: 1rem; line-height: 1.25rem; } .storyteller__storyteller--square-large { height: 24.75rem; } .storyteller__storyteller--square-large > div > div > a > div:first-child { border-radius: 8px; width: 16.5rem !important; height: 24.75rem !important; } .storyteller__storyteller--square-large > div > div > a > div:first-child > div { font-size: 1rem; line-height: 1.25rem; } .storyteller__storyteller--disable-read > div > div > a > div { color: rgb(26, 26, 26) !important; } .storyteller--dark .storyteller__storyteller--disable-read > div > div > a > div { color: rgb(255, 255, 255) !important; } .storyteller__storyteller--disable-read > div > div > a > div > svg > circle { stroke-width: inherit; stroke: rgb(0, 115, 178); } .storyteller--dark .storyteller__storyteller--disable-read > div > div > a > div > svg > circle { stroke: rgb(255, 255, 255); } .storyteller--scroll-both .storyteller__storyteller--light-square > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.2) 36px, rgb(0, 0, 0) 36px, rgb(0, 0, 0) calc(100% - 36px), rgba(0, 0, 0, 0.2) calc(100% - 36px), rgba(0, 0, 0, 0.2) 100%); } .storyteller--scroll-left .storyteller__storyteller--light-square > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, rgb(0, 0, 0) calc(100% - 36px), rgba(0, 0, 0, 0.2) calc(100% - 36px), rgba(0, 0, 0, 0.2) 100%); } .storyteller--scroll-right .storyteller__storyteller--light-square > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.2) 36px, rgb(0, 0, 0) 36px); } .storyteller__storyteller--grid { height: auto; } @media screen and (min-width: 48rem) { .storyteller__storyteller { height: 12.375rem; } .storyteller__storyteller--circle-small { height: auto; } .storyteller__storyteller--circle-small > div > div > a { width: fit-content !important; } .storyteller__storyteller--circle-small > div > div > a > div:last-child { width: 4.125rem !important; } .storyteller__storyteller--circle-large { height: auto; } .storyteller__storyteller--square-small { height: 12.375rem; } .storyteller__storyteller--square-medium { height: 18.5625rem; } .storyteller__storyteller--square-large { height: 24.75rem; } .storyteller__storyteller--grid { height: auto; } } @media screen and (min-width: 85.3125rem) { .storyteller__storyteller--no-padding > div > div:last-child { left: 4rem; } .storyteller__storyteller--no-padding > div > div:nth-child(2) { right: 4rem; } .storyteller--scroll-both .storyteller__storyteller--no-padding > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, transparent 4%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, transparent 96%); } .storyteller--scroll-left .storyteller__storyteller--no-padding > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, rgb(0, 0, 0) 85%, transparent 96%); } .storyteller--scroll-right .storyteller__storyteller--no-padding > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, transparent 4%, rgb(0, 0, 0) 15%); } .storyteller--scroll-both .storyteller__storyteller--no-padding.storyteller__storyteller--light-square > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.2) 100px, rgb(0, 0, 0) 100px, rgb(0, 0, 0) calc(100% - 100px), rgba(0, 0, 0, 0.2) calc(100% - 100px), rgba(0, 0, 0, 0.2) 100%); } .storyteller--scroll-left .storyteller__storyteller--no-padding.storyteller__storyteller--light-square > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, rgb(0, 0, 0) calc(100% - 100px), rgba(0, 0, 0, 0.2) calc(100% - 100px), rgba(0, 0, 0, 0.2) 100%); } .storyteller--scroll-right .storyteller__storyteller--no-padding.storyteller__storyteller--light-square > div > div:first-child { -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.2) 100px, rgb(0, 0, 0) 100px); } } .storyteller-ao24 { padding: 0.75rem 1rem; } .storyteller-ao24__wrapper { margin: 0px -1rem; } @media screen and (min-width: 85.3125rem) { .storyteller-ao24 { padding: 1rem 4rem; } .storyteller-ao24--no-padding { padding: 1rem; } .storyteller-ao24__wrapper { margin: 0px -4rem; } } .ao-2024-grid { max-width: 77.5rem; margin: auto; padding: 0.75rem 0px; } .ao-2024-grid * { box-sizing: border-box; } .ao-2024-grid__section { padding: 0px 1rem; } .grid-torneios { display: flex; flex-wrap: wrap; padding: 0px 0.5rem; } .grid-content { flex: 0 0 25%; padding: 0px 0.25rem; margin-bottom: 0.5rem; box-sizing: border-box; } .dados-content { height: 3.25rem; padding: 0.75rem 0.75rem 0.5rem; } .grid-imagem { position: relative; height: 12rem; } .imagem-content { height: 100%; position: relative; } .imagem-content::after { content: ""; position: absolute; inset: 0px; background-color: rgb(255, 255, 255); opacity: 0; transition: opacity 0.2s ease 0s; } @media (max-width: 450px) { .grid-content { flex: 0 0 50%; padding: 0px 0.25rem; margin-bottom: 0.5rem; } } .banner-ao23 { position: relative; width: 100%; overflow: hidden; display: flex; flex-direction: column; } .banner-ao23 * { box-sizing: border-box; } @media (min-width: 64rem) { .banner-ao23 { min-height: 21.3125rem; flex-direction: row; } } @media (min-width: 85.3125rem) { .banner-ao23 { min-height: 28.4375rem; } } @media (min-width: 120rem) { .banner-ao23 { min-height: 40rem; } } @media (min-width: 160rem) { .banner-ao23 { min-height: 53.375rem; } } .banner-ao23__main-banner-container { position: relative; flex: 1 0 auto; display: flex; flex-flow: wrap; } @media (min-width: 48rem) { .banner-ao23__main-banner-container { min-height: 22.125rem; flex-wrap: nowrap; } } @media (min-width: 64rem) { .banner-ao23__main-banner-container { flex: 1 1 auto; } } .banner-ao23__background-container { position: relative; order: 1; z-index: 1; display: block; height: 281px; width: 100%; } .banner-ao23__background-container > picture { display: block; width: 100%; height: 100%; } .banner-ao23__background-container > picture > img { width: 100%; object-position: center center; object-fit: cover; font-family: "object-fit:cover;object-position:center", "object-fit: cover; object-position: center;", sans-serif; height: 100%; min-height: 100%; } @media (min-width: 48rem) { .banner-ao23__background-container, .banner-ao23__background-container::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .banner-ao23__background-container::after { content: ""; background: linear-gradient(0.506turn, transparent 20.58%, rgba(0, 0, 0, 0.85) 98.18%); } } .banner-ao23__content-container { position: relative; order: 3; z-index: 2; width: 100%; flex: 1 0 100%; background-color: rgb(0, 115, 178); padding: 2rem 1rem; display: flex; flex-direction: column; } @media (min-width: 48rem) { .banner-ao23__content-container { flex: 1 1 0%; width: auto; order: 2; background-color: transparent; padding: 2rem; } .banner-ao23__content-container--bottom-left { justify-content: flex-end; align-items: flex-start; } .banner-ao23__content-container--top-right { justify-content: flex-start; align-items: flex-end; text-align: right; } .banner-ao23__content-container--top-left { justify-content: flex-start; align-items: flex-start; } .banner-ao23__content-container--bottom-right { justify-content: flex-end; align-items: flex-end; text-align: right; } .banner-ao23__content-container--top-centre { justify-content: flex-start; align-items: center; text-align: center; } .banner-ao23__content-container--bottom-centre { justify-content: flex-end; align-items: center; text-align: center; } } @media (min-width: 85.3125rem) { .banner-ao23__content-container { padding: 4rem; } } .banner-ao23__headline { color: rgb(255, 255, 255); font-size: 2rem; line-height: 2.375rem; } @media (min-width: 48rem) { .banner-ao23__headline { max-width: 33.9375rem; } } @media (min-width: 85.3125rem) { .banner-ao23__headline { font-size: 3rem; line-height: 3.5rem; max-width: 51rem; } } @media (min-width: 120rem) { .banner-ao23__headline { font-size: 3.5rem; line-height: 4.375rem; max-width: 59.25rem; } } .banner-ao23__logo-image { max-width: 12.5rem; margin-bottom: 2rem; } .banner-ao23__buttons-container { display: flex; gap: 1rem; } .banner-ao23__pattern-container { position: relative; order: 2; z-index: 3; margin-left: -70px; overflow: hidden; width: 4.375rem; } @media (min-width: 48rem) { .banner-ao23__pattern-container { margin-left: 0px; flex: 0 0 auto; order: 3; width: 8.125rem; } } @media (min-width: 64rem) { .banner-ao23__pattern-container { width: 8.75rem; } } @media (min-width: 85.3125rem) { .banner-ao23__pattern-container { width: 9.375rem; } } @media (min-width: 120rem) { .banner-ao23__pattern-container { width: 15.875rem; } } @media (min-width: 160rem) { .banner-ao23__pattern-container { width: 22.75rem; } } .banner-ao23__sidebar { position: relative; z-index: 2; width: 100%; flex: 1 0 auto; background: rgb(0, 115, 178); display: flex; flex-direction: column; } @media (min-width: 48rem) { .banner-ao23__sidebar { flex-direction: row; } } @media (min-width: 64rem) { .banner-ao23__sidebar { width: 17.5rem; flex: 0 0 17.5rem; flex-direction: column; } } @media (min-width: 120rem) { .banner-ao23__sidebar { padding: 1.875rem 0px; width: 24.4375rem; flex: 0 0 24.4375rem; } } .banner-ao23__sidebar-item { flex: 0 1 33%; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 1rem; } @media (min-width: 48rem) { .banner-ao23__sidebar-item { padding: 1.5rem 2rem; border-top: none; border-left: 1px solid rgba(255, 255, 255, 0.2); } .banner-ao23__sidebar-item:first-of-type { border: none; } } @media (min-width: 64rem) { .banner-ao23__sidebar-item { padding: 1rem 1.5rem; border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.2); } } @media (min-width: 120rem) { .banner-ao23__sidebar-item:first-of-type { border-top: 1px solid rgba(255, 255, 255, 0.2); } .banner-ao23__sidebar-item:last-of-type { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } } .banner-ao23__sidebar-item-description, .banner-ao23__sidebar-item-description a, .banner-ao23__sidebar-item-description p, .banner-ao23__sidebar-item-title { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.375rem; } @media (min-width: 85.3125rem) { .banner-ao23__sidebar-item-description, .banner-ao23__sidebar-item-description a, .banner-ao23__sidebar-item-description p, .banner-ao23__sidebar-item-title { font-size: 1rem; line-height: 1.625rem; } } .banner-ao23__sidebar-item-title { font-weight: 700; } .banner-ao23__sidebar-item-description, .banner-ao23__sidebar-item-description a { font-weight: 500; } .banner-ao23__sidebar-item-description a:hover { color: rgb(127, 210, 255); } @media (min-width: 48rem) { .banner-ao23--content-bottom-right .banner-ao23__content-container, .banner-ao23--content-top-right .banner-ao23__content-container { order: 3; } } @media (min-width: 48rem) { .banner-ao23--content-bottom-right .banner-ao23__pattern-container, .banner-ao23--content-top-right .banner-ao23__pattern-container { order: 2; } } .banner-ao23--content-bottom-center .banner-ao23__pattern-container, .banner-ao23--content-top-center .banner-ao23__pattern-container { display: none; } .hidden-for-full-screen-view { display: none !important; } main.no-margin-for-full-screen-view { margin: 0px !important; } @media screen and (max-width: 47.9375rem) { .hidden-xs { display: none !important; } } @media screen and (min-width: 48rem) { .visible-xs { display: none !important; } } .draws-score-row { position: relative; height: 106px; } .draws-score-row::before { border-radius: 2px; position: absolute; border-top: solid rgb(153, 153, 153); height: 1px; top: 49%; width: 16px; left: -24px; } .draws-score-row::after, .draws-score-row::before { content: ""; border-color: rgb(153, 153, 153); display: block; border-width: 1px; } .draws-score-row::after { position: relative; width: 8px; left: 100%; } @media screen and (min-width: 768px) { .draws-score-row::before { width: 15px; left: -15px; } .draws-score-row::after { width: 16px; } } .draws-score-row:nth-child(2n+1)::after { border-right-style: solid; border-top-style: solid; top: -51%; } .draws-score-row:nth-child(2n)::after { border-right-style: solid; border-bottom-style: solid; } .draws-score-row.carousel-index-0::before { width: 402px; left: -400px; } @media (min-width: 640px) { .draws-score-row.carousel-index-0::before { width: 102px; left: -100px; } } .draws-score-row.-first-round::before, .draws-score-row.-last-round::after { border: none; } .draws-score-row.-highlighted { border: 1px solid rgb(0, 115, 178); } @media screen { .draws-score-row.-highlighted-line::after, .draws-score-row.-highlighted::before { border-color: rgb(0, 115, 178); } } .draws-score-row.-full-draw::before { width: 10px; left: -10px; } .draws-score-row.-full-draw::after { width: 10px; } .draws-score-row.-print-view::before { top: calc(50% - 0.1rem); border-radius: 0px; border-color: rgb(0, 0, 0); border-width: 0.2rem; width: 3.174rem; left: -2.645rem; } .draws-score-row.-print-view::after { border-color: rgb(0, 0, 0); border-width: 0.2rem; width: 2.645rem; } .draws-score-row.carousel-index-0:nth-child(2n)::after { top: calc(-50% - 65px); } .draws-score-row.carousel-index-0::after { height: 64px; } .draws-score-row.-full-draw.carousel-index-0:nth-child(2n)::after { top: calc(-50% - 63px); } .draws-score-row.-full-draw.carousel-index-0::after { height: 62px; } .draws-score-row.-print-view.carousel-index-0:nth-child(2n)::after { top: calc(-50% - 4.35rem); } .draws-score-row.-print-view.carousel-index-0::after { height: 4.15rem; } .draws-score-row.carousel-index-1:nth-child(2n)::after { top: calc(-50% - 129px); } .draws-score-row.carousel-index-1::after { height: 128px; } .draws-score-row.-full-draw.carousel-index-1:nth-child(2n)::after { top: calc(-50% - 128px); } .draws-score-row.-full-draw.carousel-index-1::after { height: 127px; } .draws-score-row.-print-view.carousel-index-1:nth-child(2n)::after { top: calc(-50% - 8.5rem); } .draws-score-row.-print-view.carousel-index-1::after { height: 8.3rem; } .draws-score-row.carousel-index-2:nth-child(2n)::after { top: calc(-50% - 257px); } .draws-score-row.carousel-index-2::after { height: 256px; } .draws-score-row.-full-draw.carousel-index-2:nth-child(2n)::after { top: calc(-50% - 258px); } .draws-score-row.-full-draw.carousel-index-2::after { height: 257px; } .draws-score-row.-print-view.carousel-index-2:nth-child(2n)::after { top: calc(-50% - 16.8rem); } .draws-score-row.-print-view.carousel-index-2::after { height: 16.6rem; } .draws-score-row.carousel-index-3:nth-child(2n)::after { top: calc(-50% - 513px); } .draws-score-row.carousel-index-3::after { height: 512px; } .draws-score-row.-full-draw.carousel-index-3:nth-child(2n)::after { top: calc(-50% - 518px); } .draws-score-row.-full-draw.carousel-index-3::after { height: 517px; } .draws-score-row.-print-view.carousel-index-3:nth-child(2n)::after { top: calc(-50% - 33.4rem); } .draws-score-row.-print-view.carousel-index-3::after { height: 33.2rem; } .draws-score-row.carousel-index-4:nth-child(2n)::after { top: calc(-50% - 1025px); } .draws-score-row.carousel-index-4::after { height: 1024px; } .draws-score-row.-full-draw.carousel-index-4:nth-child(2n)::after { top: calc(-50% - 1038px); } .draws-score-row.-full-draw.carousel-index-4::after { height: 1037px; } .draws-score-row.-print-view.carousel-index-4:nth-child(2n)::after { top: calc(-50% - 66.6rem); } .draws-score-row.-print-view.carousel-index-4::after { height: 66.4rem; } .draws-score-row.carousel-index-5:nth-child(2n)::after { top: calc(-50% - 2049px); } .draws-score-row.carousel-index-5::after { height: 2048px; } .draws-score-row.-full-draw.carousel-index-5:nth-child(2n)::after { top: calc(-50% - 2078px); } .draws-score-row.-full-draw.carousel-index-5::after { height: 2077px; } .draws-score-row.-print-view.carousel-index-5:nth-child(2n)::after { top: calc(-50% - 133rem); } .draws-score-row.-print-view.carousel-index-5::after { height: 132.8rem; } .draws-score-row.carousel-index-6:nth-child(2n)::after { top: calc(-50% - 4168px); } .draws-score-row.carousel-index-6::after { height: 4167px; } .draws-score-row.-full-draw.carousel-index-6:nth-child(2n)::after { top: calc(-50% - 4158px); } .draws-score-row.-full-draw.carousel-index-6::after { height: 4157px; } .draws-score-row.-print-view.carousel-index-6:nth-child(2n)::after { top: calc(-50% - 265.8rem); } .draws-score-row.-print-view.carousel-index-6::after { height: 265.6rem; } .score-card::before { border-radius: 2px; position: absolute; border-top: solid rgb(244, 244, 244); height: 1px; top: calc(50% - 1.5px); width: 57px; left: -55px; } .score-card::after, .score-card::before { content: ""; border-color: rgb(244, 244, 244); display: block; border-width: 3px; } .score-card::after { position: relative; width: 15px; left: 100%; } @media screen and (min-width: 768px) { .score-card::before { width: 37px; left: -35px; } .score-card::after { width: 35px; } } .score-card:nth-child(2n+1)::after { border-right-style: solid; border-top-style: solid; top: -50%; border-top-right-radius: 4px; } .score-card:nth-child(2n)::after { border-right-style: solid; border-bottom-style: solid; border-bottom-right-radius: 4px; } .score-card.carousel-index-0::before { width: 402px; left: -400px; } @media (min-width: 640px) { .score-card.carousel-index-0::before { width: 102px; left: -100px; } } .score-card.-first-round::before, .score-card.-last-round::after { border: none; } @media screen { .score-card.-highlighted-line::after, .score-card.-highlighted::before { border-color: rgb(102, 207, 255); } } .score-card.-full-draw::before { width: 12px; left: -10px; } .score-card.-full-draw::after { width: 10px; } .score-card.-print-view::before { top: calc(50% - 0.1rem); border-radius: 0px; border-color: rgb(0, 0, 0); border-width: 0.2rem; width: 3.174rem; left: -2.645rem; } .score-card.-print-view::after { border-color: rgb(0, 0, 0); border-width: 0.2rem; width: 2.645rem; } .score-card.carousel-index-0:nth-child(2n)::after { top: calc(-50% - 52.35px); } .score-card.carousel-index-0::after { height: 49.35px; } .score-card.-doubles.carousel-index-0:nth-child(2n)::after { top: calc(-50% - 82.5px); } .score-card.-doubles.carousel-index-0::after { height: 79.5px; } .score-card.-full-draw.carousel-index-0:nth-child(2n)::after { top: calc(-50% - 45px); } .score-card.-full-draw.carousel-index-0::after { height: 42px; } .score-card.-doubles.-full-draw.carousel-index-0:nth-child(2n)::after { top: calc(-50% - 57.5px); } .score-card.-doubles.-full-draw.carousel-index-0::after { height: 54.5px; } .score-card.-print-view.carousel-index-0:nth-child(2n)::after { top: calc(-50% - 4.35rem); } .score-card.-print-view.carousel-index-0::after { height: 4.15rem; } .score-card.-doubles.-print-view.carousel-index-0::before { top: calc(50% - 1.6rem); left: -1.32rem; } .score-card.-doubles.-print-view.carousel-index-0:nth-child(2n)::after { top: calc(-50% - 9.7rem); } .score-card.-doubles.-print-view.carousel-index-0::after { height: 8.4rem; top: calc(-50% - 1.6rem); left: calc(100% + 1.32rem); } .score-card.carousel-index-1:nth-child(2n)::after { top: calc(-50% - 104.7px); } .score-card.carousel-index-1::after { height: 101.7px; } .score-card.-doubles.carousel-index-1:nth-child(2n)::after { top: calc(-50% - 165px); } .score-card.-doubles.carousel-index-1::after { height: 162px; } .score-card.-full-draw.carousel-index-1:nth-child(2n)::after { top: calc(-50% - 90px); } .score-card.-full-draw.carousel-index-1::after { height: 87px; } .score-card.-doubles.-full-draw.carousel-index-1:nth-child(2n)::after { top: calc(-50% - 115px); } .score-card.-doubles.-full-draw.carousel-index-1::after { height: 112px; } .score-card.-print-view.carousel-index-1:nth-child(2n)::after { top: calc(-50% - 8.5rem); } .score-card.-print-view.carousel-index-1::after { height: 8.3rem; } .score-card.-doubles.-print-view.carousel-index-1::before { top: calc(50% - 1.6rem); left: -1.32rem; } .score-card.-doubles.-print-view.carousel-index-1:nth-child(2n)::after { top: calc(-50% - 18.1rem); } .score-card.-doubles.-print-view.carousel-index-1::after { height: 16.8rem; top: calc(-50% - 1.6rem); left: calc(100% + 1.32rem); } .score-card.carousel-index-2:nth-child(2n)::after { top: calc(-50% - 209.4px); } .score-card.carousel-index-2::after { height: 206.4px; } .score-card.-doubles.carousel-index-2:nth-child(2n)::after { top: calc(-50% - 330px); } .score-card.-doubles.carousel-index-2::after { height: 327px; } .score-card.-full-draw.carousel-index-2:nth-child(2n)::after { top: calc(-50% - 180px); } .score-card.-full-draw.carousel-index-2::after { height: 177px; } .score-card.-doubles.-full-draw.carousel-index-2:nth-child(2n)::after { top: calc(-50% - 230px); } .score-card.-doubles.-full-draw.carousel-index-2::after { height: 227px; } .score-card.-print-view.carousel-index-2:nth-child(2n)::after { top: calc(-50% - 16.8rem); } .score-card.-print-view.carousel-index-2::after { height: 16.6rem; } .score-card.-doubles.-print-view.carousel-index-2::before { top: calc(50% - 1.6rem); left: -1.32rem; } .score-card.-doubles.-print-view.carousel-index-2:nth-child(2n)::after { top: calc(-50% - 34.9rem); } .score-card.-doubles.-print-view.carousel-index-2::after { height: 33.6rem; top: calc(-50% - 1.6rem); left: calc(100% + 1.32rem); } .score-card.carousel-index-3:nth-child(2n)::after { top: calc(-50% - 418.8px); } .score-card.carousel-index-3::after { height: 415.8px; } .score-card.-doubles.carousel-index-3:nth-child(2n)::after { top: calc(-50% - 639px); } .score-card.-doubles.carousel-index-3::after { height: 636px; } .score-card.-full-draw.carousel-index-3:nth-child(2n)::after { top: calc(-50% - 360px); } .score-card.-full-draw.carousel-index-3::after { height: 357px; } .score-card.-doubles.-full-draw.carousel-index-3:nth-child(2n)::after { top: calc(-50% - 460px); } .score-card.-doubles.-full-draw.carousel-index-3::after { height: 457px; } .score-card.-print-view.carousel-index-3:nth-child(2n)::after { top: calc(-50% - 33.4rem); } .score-card.-print-view.carousel-index-3::after { height: 33.2rem; } .score-card.-doubles.-print-view.carousel-index-3::before { top: calc(50% - 1.6rem); left: -1.32rem; } .score-card.-doubles.-print-view.carousel-index-3:nth-child(2n)::after { top: calc(-50% - 68.5rem); } .score-card.-doubles.-print-view.carousel-index-3::after { height: 67.2rem; top: calc(-50% - 1.6rem); left: calc(100% + 1.32rem); } .score-card.carousel-index-4:nth-child(2n)::after { top: calc(-50% - 837.6px); } .score-card.carousel-index-4::after { height: 834.6px; } .score-card.-doubles.carousel-index-4:nth-child(2n)::after { top: calc(-50% - 1275px); } .score-card.-doubles.carousel-index-4::after { height: 1272px; } .score-card.-full-draw.carousel-index-4:nth-child(2n)::after { top: calc(-50% - 720px); } .score-card.-full-draw.carousel-index-4::after { height: 717px; } .score-card.-doubles.-full-draw.carousel-index-4:nth-child(2n)::after { top: calc(-50% - 920px); } .score-card.-doubles.-full-draw.carousel-index-4::after { height: 917px; } .score-card.-print-view.carousel-index-4:nth-child(2n)::after { top: calc(-50% - 66.6rem); } .score-card.-print-view.carousel-index-4::after { height: 66.4rem; } .score-card.-doubles.-print-view.carousel-index-4::before { top: calc(50% - 1.6rem); left: -1.32rem; } .score-card.-doubles.-print-view.carousel-index-4:nth-child(2n)::after { top: calc(-50% - 135.7rem); } .score-card.-doubles.-print-view.carousel-index-4::after { height: 134.4rem; top: calc(-50% - 1.6rem); left: calc(100% + 1.32rem); } .score-card.carousel-index-5:nth-child(2n)::after { top: calc(-50% - 1675.2px); } .score-card.carousel-index-5::after { height: 1672.2px; } .score-card.-doubles.carousel-index-5:nth-child(2n)::after { top: calc(-50% - 2547px); } .score-card.-doubles.carousel-index-5::after { height: 2544px; } .score-card.-full-draw.carousel-index-5:nth-child(2n)::after { top: calc(-50% - 1440px); } .score-card.-full-draw.carousel-index-5::after { height: 1437px; } .score-card.-doubles.-full-draw.carousel-index-5:nth-child(2n)::after { top: calc(-50% - 1840px); } .score-card.-doubles.-full-draw.carousel-index-5::after { height: 1837px; } .score-card.-print-view.carousel-index-5:nth-child(2n)::after { top: calc(-50% - 133rem); } .score-card.-print-view.carousel-index-5::after { height: 132.8rem; } .score-card.-doubles.-print-view.carousel-index-5::before { top: calc(50% - 1.6rem); left: -1.32rem; } .score-card.-doubles.-print-view.carousel-index-5:nth-child(2n)::after { top: calc(-50% - 270.1rem); } .score-card.-doubles.-print-view.carousel-index-5::after { height: 268.8rem; top: calc(-50% - 1.6rem); left: calc(100% + 1.32rem); } .score-card.carousel-index-6:nth-child(2n)::after { top: calc(-50% - 3350.4px); } .score-card.carousel-index-6::after { height: 3347.4px; } .score-card.-doubles.carousel-index-6:nth-child(2n)::after { top: calc(-50% - 5091px); } .score-card.-doubles.carousel-index-6::after { height: 5088px; } .score-card.-full-draw.carousel-index-6:nth-child(2n)::after { top: calc(-50% - 2880px); } .score-card.-full-draw.carousel-index-6::after { height: 2877px; } .score-card.-doubles.-full-draw.carousel-index-6:nth-child(2n)::after { top: calc(-50% - 3680px); } .score-card.-doubles.-full-draw.carousel-index-6::after { height: 3677px; } .score-card.-print-view.carousel-index-6:nth-child(2n)::after { top: calc(-50% - 265.8rem); } .score-card.-print-view.carousel-index-6::after { height: 265.6rem; } .score-card.-doubles.-print-view.carousel-index-6::before { top: calc(50% - 1.6rem); left: -1.32rem; } .score-card.-doubles.-print-view.carousel-index-6:nth-child(2n)::after { top: calc(-50% - 538.9rem); } .score-card.-doubles.-print-view.carousel-index-6::after { height: 537.6rem; top: calc(-50% - 1.6rem); left: calc(100% + 1.32rem); } .status--warm-up { color: rgb(34, 34, 34); font-weight: 700; } .status--warm-up::before { content: ""; display: inline-block; margin-right: 0.3125rem; width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; background-color: rgb(234, 144, 47); -webkit-print-color-adjust: exact; } .status--warm-up::after { text-transform: uppercase; display: inline-block; font-size: 0.8125rem; font-family: "Sharp Sans No2", Arial, sans-serif; } .RRMatchCell .status--in-progress, .status--live { color: rgb(228, 5, 33); font-weight: 700; } .RRMatchCell .status--in-progress::before, .status--live::before { content: ""; display: inline-block; margin-right: 0.3125rem; width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; background-color: rgb(228, 5, 33); -webkit-print-color-adjust: exact; } .RRMatchCell .status--in-progress::after, .status--live::after { text-transform: uppercase; display: inline-block; font-size: 0.8125rem; font-family: "Sharp Sans No2", Arial, sans-serif; } .RRMatchCell .status--suspended, .status--suspended { color: rgb(34, 34, 34); font-weight: 700; } .RRMatchCell .status--suspended::before, .status--suspended::before { content: ""; display: inline-block; margin-right: 0.3125rem; width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; background-color: rgb(234, 144, 47); -webkit-print-color-adjust: exact; } .RRMatchCell .status--suspended::after, .status--suspended::after { text-transform: uppercase; display: inline-block; font-size: 0.8125rem; font-family: "Sharp Sans No2", Arial, sans-serif; } .RRMatchCell .status--cancelled, .status--cancelled { color: rgb(34, 34, 34); font-weight: 700; } .RRMatchCell .status--cancelled::before, .status--cancelled::before { content: ""; display: inline-block; margin-right: 0.3125rem; width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; background-color: rgb(234, 144, 47); -webkit-print-color-adjust: exact; } .RRMatchCell .status--cancelled::after, .status--cancelled::after { text-transform: uppercase; display: inline-block; font-size: 0.8125rem; font-family: "Sharp Sans No2", Arial, sans-serif; } .RRMatchCell .status--complete .team-status .-walkover::after, .status--walkover::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); text-align: center; vertical-align: bottom; } @media print { .RRMatchCell .status--complete .team-status .-walkover::after, .status--walkover::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .RRMatchCell .status--complete .team-status .-walkover::after, .status--walkover::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .RRMatchCell .status--complete .team-status .-walkover::after, .browser-ie .status--walkover::after, .RRMatchCell .status--complete .team-status .browser-ie .-walkover::after { line-height: 12px; } .RRMatchCell .status--complete .team-status .-retired::after, .status--retired::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .RRMatchCell .status--complete .team-status .-retired::after, .status--retired::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .RRMatchCell .status--complete .team-status .-retired::after, .status--retired::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .RRMatchCell .status--complete .team-status .-retired::after, .browser-ie .status--retired::after, .RRMatchCell .status--complete .team-status .browser-ie .-retired::after { line-height: 12px; } .RRMatchCell .status--complete .team-status .-default::after, .status--default::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .RRMatchCell .status--complete .team-status .-default::after, .status--default::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .RRMatchCell .status--complete .team-status .-default::after, .status--default::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .RRMatchCell .status--complete .team-status .-default::after, .browser-ie .status--default::after, .RRMatchCell .status--complete .team-status .browser-ie .-default::after { line-height: 12px; } .status--pill-bg-ao-white::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-white::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-white::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-white::after { line-height: 12px; } .status--pill-bg-ao-white::after { background-color: rgb(255, 255, 255); } .status--pill-bg-white-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-white-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-white-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-white-dark::after { line-height: 12px; } .status--pill-bg-white-dark::after { background-color: rgb(242, 242, 242); } .status--pill-bg-grey-stone::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-stone::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-stone::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-stone::after { line-height: 12px; } .status--pill-bg-grey-stone::after { background-color: rgb(230, 230, 230); } .status--pill-bg-grey-lightest::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-lightest::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-lightest::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-lightest::after { line-height: 12px; } .status--pill-bg-grey-lightest::after { background-color: rgb(248, 248, 248); } .status--pill-bg-grey-lighterer::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-lighterer::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-lighterer::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-lighterer::after { line-height: 12px; } .status--pill-bg-grey-lighterer::after { background-color: grey; } .status--pill-bg-grey-lighter::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-lighter::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-lighter::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-lighter::after { line-height: 12px; } .status--pill-bg-grey-lighter::after { background-color: rgb(244, 244, 244); } .status--pill-bg-grey-light::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-light::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-light::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-light::after { line-height: 12px; } .status--pill-bg-grey-light::after { background-color: rgb(238, 238, 238); } .status--pill-bg-grey-light-border::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-light-border::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-light-border::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-light-border::after { line-height: 12px; } .status--pill-bg-grey-light-border::after { background-color: rgb(204, 204, 204); } .status--pill-bg-grey-mid::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-mid::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-mid::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-mid::after { line-height: 12px; } .status--pill-bg-grey-mid::after { background-color: rgb(221, 221, 221); } .status--pill-bg-grey-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-dark::after { line-height: 12px; } .status--pill-bg-grey-dark::after { background-color: rgb(102, 102, 102); } .status--pill-bg-grey-opacity::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-opacity::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-opacity::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-opacity::after { line-height: 12px; } .status--pill-bg-grey-opacity::after { background-color: rgb(222, 222, 222); } .status--pill-bg-gray-darker::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-gray-darker::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-gray-darker::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-gray-darker::after { line-height: 12px; } .status--pill-bg-gray-darker::after { background-color: rgb(123, 121, 121); } .status--pill-bg-grey-darkerer::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-darkerer::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-darkerer::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-darkerer::after { line-height: 12px; } .status--pill-bg-grey-darkerer::after { background-color: rgb(51, 51, 51); } .status--pill-bg-grey-darkest::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-darkest::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-darkest::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-darkest::after { line-height: 12px; } .status--pill-bg-grey-darkest::after { background-color: rgb(34, 34, 34); } .status--pill-bg-off-black::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-off-black::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-off-black::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-off-black::after { line-height: 12px; } .status--pill-bg-off-black::after { background-color: rgb(17, 17, 17); } .status--pill-bg-ao-black::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-black::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-black::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-black::after { line-height: 12px; } .status--pill-bg-ao-black::after { background-color: rgb(0, 0, 0); } .status--pill-bg-blue-outline-highlight::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-outline-highlight::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-outline-highlight::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-outline-highlight::after { line-height: 12px; } .status--pill-bg-blue-outline-highlight::after { background-color: rgb(102, 207, 255); } .status--pill-bg-blue-background-highlight::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-background-highlight::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-background-highlight::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-background-highlight::after { line-height: 12px; } .status--pill-bg-blue-background-highlight::after { background-color: rgb(230, 245, 255); } .status--pill-bg-ao-footer-grey::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-footer-grey::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-footer-grey::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-footer-grey::after { line-height: 12px; } .status--pill-bg-ao-footer-grey::after { background-color: rgb(249, 249, 249); } .status--pill-bg-ao-grey-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-grey-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-grey-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-grey-dark::after { line-height: 12px; } .status--pill-bg-ao-grey-dark::after { background-color: rgb(153, 153, 153); } .status--pill-bg-ao-blue::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-blue::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-blue::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-blue::after { line-height: 12px; } .status--pill-bg-ao-blue::after { background-color: rgb(0, 145, 210); } .status--pill-bg-ao-dark-blue::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-dark-blue::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-dark-blue::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-dark-blue::after { line-height: 12px; } .status--pill-bg-ao-dark-blue::after { background-color: rgb(0, 58, 93); } .status--pill-bg-ao-darker-blue::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-darker-blue::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-darker-blue::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-darker-blue::after { line-height: 12px; } .status--pill-bg-ao-darker-blue::after { background-color: rgb(30, 40, 134); } .status--pill-bg-ao-orange::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-orange::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-orange::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-orange::after { line-height: 12px; } .status--pill-bg-ao-orange::after { background-color: rgb(247, 152, 29); } .status--pill-bg-ao-lime-green::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-lime-green::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-lime-green::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-lime-green::after { line-height: 12px; } .status--pill-bg-ao-lime-green::after { background-color: rgb(215, 215, 0); } .status--pill-bg-ao-watermelon::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-watermelon::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-watermelon::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-watermelon::after { line-height: 12px; } .status--pill-bg-ao-watermelon::after { background-color: rgb(255, 102, 100); } .status--pill-bg-ao-live::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-live::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-live::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-live::after { line-height: 12px; } .status--pill-bg-ao-live::after { background-color: rgb(255, 81, 205); } .status--pill-bg-ao-red::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-red::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-red::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-red::after { line-height: 12px; } .status--pill-bg-ao-red::after { background-color: rgb(228, 5, 33); } .status--pill-bg-ao-ruby-red::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-ruby-red::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-ruby-red::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-ruby-red::after { line-height: 12px; } .status--pill-bg-ao-ruby-red::after { background-color: rgb(223, 22, 76); } .status--pill-bg-ao-yellow::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-yellow::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-yellow::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-yellow::after { line-height: 12px; } .status--pill-bg-ao-yellow::after { background-color: rgb(255, 222, 20); } .status--pill-bg-ao-live-ball::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-live-ball::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-live-ball::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-live-ball::after { line-height: 12px; } .status--pill-bg-ao-live-ball::after { background-color: rgb(191, 212, 0); } .status--pill-bg-infosys-blue::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-infosys-blue::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-infosys-blue::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-infosys-blue::after { line-height: 12px; } .status--pill-bg-infosys-blue::after { background-color: rgb(0, 116, 168); } .status--pill-bg-ao-grey::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-grey::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-grey::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-grey::after { line-height: 12px; } .status--pill-bg-ao-grey::after { background-color: rgb(229, 229, 229); } .status--pill-bg-ao-brand-digital-blue::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-brand-digital-blue::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-brand-digital-blue::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-brand-digital-blue::after { line-height: 12px; } .status--pill-bg-ao-brand-digital-blue::after { background-color: rgb(0, 115, 178); } .status--pill-bg-ao-blue-highlight::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-blue-highlight::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-blue-highlight::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-blue-highlight::after { line-height: 12px; } .status--pill-bg-ao-blue-highlight::after { background-color: rgb(235, 246, 251); } .status--pill-bg-ao-graphite-grey::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-graphite-grey::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-graphite-grey::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-graphite-grey::after { line-height: 12px; } .status--pill-bg-ao-graphite-grey::after { background-color: rgb(51, 51, 51); } .status--pill-bg-rolex-green::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-rolex-green::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-rolex-green::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-rolex-green::after { line-height: 12px; } .status--pill-bg-rolex-green::after { background-color: rgb(39, 95, 60); } .status--pill-bg-blue-lighter::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-lighter::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-lighter::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-lighter::after { line-height: 12px; } .status--pill-bg-blue-lighter::after { background-color: rgb(217, 234, 243); } .status--pill-bg-blue-mid::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-mid::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-mid::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-mid::after { line-height: 12px; } .status--pill-bg-blue-mid::after { background-color: rgb(0, 145, 210); } .status--pill-bg-blue-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-dark::after { line-height: 12px; } .status--pill-bg-blue-dark::after { background-color: rgb(0, 58, 93); } .status--pill-bg-blue-darker::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-darker::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-darker::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-darker::after { line-height: 12px; } .status--pill-bg-blue-darker::after { background-color: rgb(0, 50, 85); } .status--pill-bg-blue-darkest::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-darkest::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-darkest::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-darkest::after { line-height: 12px; } .status--pill-bg-blue-darkest::after { background-color: rgb(0, 91, 166); } .status--pill-bg-blue-button-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-button-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-button-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-button-dark::after { line-height: 12px; } .status--pill-bg-blue-button-dark::after { background-color: rgb(0, 73, 133); } .status--pill-bg-green-mid::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-green-mid::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-green-mid::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-green-mid::after { line-height: 12px; } .status--pill-bg-green-mid::after { background-color: rgb(215, 215, 0); } .status--pill-bg-blue-light::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-light::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-light::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-light::after { line-height: 12px; } .status--pill-bg-blue-light::after { background-color: rgb(243, 250, 253); } .status--pill-bg-orange-mid::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-orange-mid::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-orange-mid::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-orange-mid::after { line-height: 12px; } .status--pill-bg-orange-mid::after { background-color: rgb(234, 144, 47); } .status--pill-bg-orange-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-orange-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-orange-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-orange-dark::after { line-height: 12px; } .status--pill-bg-orange-dark::after { background-color: rgb(228, 5, 33); } .status--pill-bg-green-light::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-green-light::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-green-light::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-green-light::after { line-height: 12px; } .status--pill-bg-green-light::after { background-color: rgb(255, 222, 20); } .status--pill-bg-pale-yellow::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-pale-yellow::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-pale-yellow::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-pale-yellow::after { line-height: 12px; } .status--pill-bg-pale-yellow::after { background-color: rgb(255, 248, 208); } .full-screen-draw { position: absolute; min-width: 100%; min-height: 100vh; z-index: 10000; padding: 0px 30px 30px; } .full-screen-draw, .full-screen-draw__header { top: 0px; left: 0px; background-color: rgb(255, 255, 255); box-sizing: border-box; } .full-screen-draw__header { width: 100%; padding: 0px 30px; position: fixed; right: 0px; z-index: 3; height: 90px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .full-screen-draw__heading { margin: 0px; line-height: 1em; } .full-screen-draw__right-container { display: flex; justify-content: flex-start; align-items: center; margin-left: 15px; } .full-screen-draw__header-element { display: block; } .full-screen-draw__header-element--player-select { display: none; margin-right: 15px; } @media screen and (min-width: 768px) { .full-screen-draw__header-element--player-select { display: block; } } .full-screen-draw__round-heading-container { display: inline-block; width: 300px; margin-right: 20px; } .full-screen-draw__round-heading-container .knockout-round-heading { width: 100%; min-height: 0px; padding: 10px 0px; } .full-screen-draw__round-headings { width: auto; white-space: nowrap; margin: 0px -30px 25px; padding: 90px 30px 0px; position: sticky; top: 0px; z-index: 2; background-color: rgb(255, 255, 255); display: flex; justify-content: flex-start; box-sizing: border-box; } .full-screen-draw .-container-width-1 { width: 202px; } .full-screen-draw .-container-width-2 { width: 404px; } .full-screen-draw .-container-width-3 { width: 606px; } .full-screen-draw .-container-width-4 { width: 808px; } .full-screen-draw .-container-width-5 { width: 1010px; } .full-screen-draw .-container-width-6 { width: 1212px; } .full-screen-draw .-container-width-7 { width: 1414px; } .knockout-tree { width: 100%; display: flex; } .knockout-tree__column { display: flex; justify-content: space-around; flex-flow: column wrap; flex-shrink: 0; } .knockout-tree__column .score-row { margin-bottom: 20px; } .knockout-tree__column.-full-draw { width: 300px; padding-right: 20px; } .knockout-tree__column.-print-view { width: 20.7rem; padding-right: 5.29rem; } .knockout-tree__column.-print-view:first-child { width: 25.45rem; } .knockout-tree__column.swiper-slide { height: auto; } .knockout-tree__column.-remove-height { height: 0px; opacity: 0; } .knockout-tree--centered { justify-content: center; } .round-navigation { top: 3.75rem; position: sticky; margin-top: -0.75rem; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(230, 230, 230); padding: 0.75rem calc(3.5% - 0.125rem) 2rem; } .round-navigation--sticked { z-index: 10000; border-top: 1px solid rgb(230, 230, 230); } .round-navigation__round-columns { display: flex; height: 5.5rem; margin: 0px -0.125rem; align-items: stretch; max-width: 80.25rem; justify-content: center; } .browser-ie .round-navigation__round-columns { justify-content: flex-start; } .round-navigation__round { flex: 1 0 auto; display: flex; margin: -0.125rem 0.125rem; flex-direction: column; position: relative; max-width: 3.25rem; } .round-navigation__round--stretched { max-width: none !important; } .round-navigation__lines-wrapper { position: absolute; left: 0.5rem; right: 0.5rem; top: 50%; transform: translateY(-50%); } .round-navigation__line-group { padding: 0px; margin: 1rem 0px; pointer-events: none; } .round-navigation__line-group--1 { margin: 0px; } .round-navigation__line { width: 100%; margin: 0.125rem 0px; height: 0.125rem; background-color: grey; } .round-navigation__group { position: relative; border: none; flex: 1 0 auto; margin: 0.125rem 0px; border-radius: 4px; background-color: rgb(242, 242, 242); } .round-navigation__group--F::after { content: ""; background-image: url("/img/final-gray.00a813af94fd99d288e5c2148858a706.svg"); position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 1.125rem; height: 1.125rem; } .round-navigation__group--SF .round-navigation__line-group { margin: 0.5rem 0px; } .round-navigation__group--R4 .round-navigation__line-group { margin: 0.375rem 0px; } .round-navigation__group:hover { background-color: rgb(230, 230, 230); } .round-navigation__group--selected { background-color: rgb(0, 115, 178); } .round-navigation__group--selected.round-navigation__group--F::after { background-image: url("/img/final-white.fac7aebf8ac190506040971d5366ea08.svg"); } .round-navigation__group--selected .round-navigation__line { background-color: rgb(255, 255, 255); } .round-navigation__group--selected:hover { background-color: rgb(0, 115, 178); } .round-navigation__heading { left: 50%; padding: 0px; width: 100%; border: none; height: 0.75rem; bottom: -1rem; font-weight: 700; position: absolute; transform: translateX(-50%); font-family: "Sharp Sans No2", Arial, sans-serif; background-color: transparent; color: grey; font-size: 0.625rem; line-height: 0.75rem; } .round-navigation__heading--selected { color: rgb(0, 115, 178); } .round-navigation__long-title { display: none; } @media (min-width: 48rem) { .round-navigation { margin-top: 0px; position: static; padding: 0.5rem calc(7% - 0.8125rem) 2rem; } .round-navigation__round-columns { margin: 0px auto; } .round-navigation__round { max-width: 6.0625rem; } .round-navigation__short-title { display: none; } .round-navigation__long-title { display: block; } } @media (min-width: 85.3125rem) { .round-navigation__round { max-width: 10.875rem; } } .knockout-carousel { opacity: 0; box-sizing: border-box; position: relative; margin: auto; } .knockout-carousel--visible { opacity: 1; } .knockout-carousel__header { position: sticky; width: 100%; z-index: 111; overflow-x: hidden; top: 60px; padding-bottom: 150px; margin-bottom: -150px; pointer-events: none; transform: translateZ(0px); } body.is-aus-open-app .knockout-carousel__header { top: 0px; } .knockout-carousel__header .swiper-container { overflow: visible; } .knockout-carousel__header .swiper-slide { transition: all 0.5s ease 0s; } .knockout-carousel__header .swiper-slide--hidden { visibility: hidden; } .knockout-carousel__header .swiper-wrapper--centered { justify-content: center; } .knockout-carousel__header-container { padding-left: 1rem; padding-right: 1rem; width: calc(100% - 32px); } .knockout-carousel__header-background { padding-bottom: 10px; width: 100%; pointer-events: all; position: relative; z-index: 2; } @media (min-width: 768px) { .knockout-carousel__header-background { padding-bottom: 0px; } } .knockout-carousel__button { display: flex; align-items: flex-start; position: absolute; z-index: 120; will-change: transform; top: 0px; } .browser-ios.version-9 .knockout-carousel__button .round-button { padding: 16px; } .knockout-carousel__button.-back { left: 1rem; } .knockout-carousel__button.-next { right: 1rem; } .knockout-carousel__button > button { width: 2rem; height: 2rem; box-shadow: none; margin-bottom: 0.625rem; border: 1px solid rgb(230, 230, 230); } .knockout-carousel__button > button .arrow { padding: 2.55px; } .knockout-carousel__draw-carousel { padding-left: 1rem; padding-right: 1rem; width: calc(100% - 32px); } .knockout-carousel__draw-carousel.header-padding { margin-top: 68px; } @media (min-width: 768px) { .knockout-carousel__draw-carousel.header-padding { margin-top: 100px; } } .is-aus-open-app .knockout-carousel__draw-carousel { min-height: calc(100vh - 310px); } .knockout-carousel .carousel-button:hover { font-weight: 700; text-decoration: none; } @media (min-width: 48rem) { .knockout-carousel__header-background { padding-top: 1.25rem; } .knockout-carousel__header--sticked, .knockout-carousel__header.js-is-sticky { border-top: 1px solid rgb(230, 230, 230); z-index: 9000; } .knockout-carousel__header--sticked .knockout-carousel__header-background, .knockout-carousel__header.js-is-sticky .knockout-carousel__header-background { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(230, 230, 230); } .knockout-carousel__header--sticked p::before, .knockout-carousel__header--sticked span, .knockout-carousel__header.js-is-sticky p::before, .knockout-carousel__header.js-is-sticky span { background-color: transparent; } .knockout-carousel__header--sticked .knockout-carousel__button > button, .knockout-carousel__header.js-is-sticky .knockout-carousel__button > button { margin-bottom: 0px; } .knockout-carousel__header-container { padding-left: 2rem; padding-right: 2rem; width: calc(100% - 64px); } .knockout-carousel__button { height: 100%; align-items: center; } .knockout-carousel__button.-back { left: 1rem; } .knockout-carousel__button.-next { right: 1rem; } .knockout-carousel__draw-carousel { padding-left: 2rem; padding-right: 2rem; width: calc(100% - 64px); } } @media screen and (min-width: 64rem) { .knockout-carousel__header { top: 64px; } .knockout-carousel__header-container { padding-left: 3.5%; padding-right: 3.5%; width: 93%; } .knockout-carousel__button.-back { left: calc(3.5% - 16px); } .knockout-carousel__button.-next { right: calc(3.5% - 16px); } .knockout-carousel__draw-carousel { padding-left: 3.5%; padding-right: 3.5%; width: 93%; } } @page { size: a4 portrait; margin: 10mm; } html.knockout-print-view-head { background-color: transparent; font-size: 1mm; } html.knockout-print-view-head.browser-safari { font-size: 0.88mm; } html.knockout-print-view-head.browser-safari .print-page-height .print-page-height__one-page { height: 250rem; } html.knockout-print-view-head header.-sticky + .header-margin { display: none !important; } .knockout-print-view__page { box-sizing: border-box; min-height: 270rem; min-width: 100%; padding: 0px 0px 0px 5.05rem; break-after: page; position: relative; z-index: 10000; } .browser-edge .knockout-print-view__page { min-height: 0px; } .knockout-print-view__round-headings { background-color: transparent; display: flex; margin-bottom: 0px; padding-top: 0px; position: relative; } .knockout-print-view__round-heading { width: 20.7rem; margin: 2.54rem 5.29rem 2.54rem 0px; font-size: 2.86rem; padding: 0px; text-align: center; } .knockout-print-view__round-heading:first-child { width: 25.45rem; } .knockout-print-view .-container-width-1, .knockout-print-view .-container-width-2, .knockout-print-view .-container-width-3, .knockout-print-view .-container-width-4, .knockout-print-view .-container-width-5, .knockout-print-view .-container-width-6, .knockout-print-view .-container-width-7 { width: auto; } .knockout-print-view__tournament-champion { position: absolute; top: 1.68rem; right: 1.68rem; z-index: 5; } .knockout-print-view__tournament-champion .score-card { height: auto !important; margin: 0px !important; } .knockout-print-view__tournament-champion .score-card::after, .knockout-print-view__tournament-champion .score-card::before { content: normal !important; } .knockout-print-view__tournament-champion .score-card__container { padding: 0px !important; height: auto !important; } .knockout-print-view .seeds-legend-lockup { position: absolute; bottom: 1.68rem; right: 1.68rem; display: flex; flex-direction: column; align-items: stretch; z-index: 6; break-before: page; } .knockout-print-view__table-overlay { background-color: rgb(255, 255, 255); border: 0.2rem solid rgb(151, 151, 151); min-width: 27rem; text-align: center; width: 100%; } .knockout-print-view__table-overlay tr:nth-child(2) td { padding-top: 1.27rem; } .knockout-print-view__table-overlay tr:last-child td { padding-bottom: 1.91rem; } .knockout-print-view__table-overlay th { font-size: 2.54rem; padding: 1.27rem; font-weight: 700; line-height: 1em; letter-spacing: normal; border-bottom: 0.2rem solid rgb(151, 151, 151); text-transform: uppercase; } .knockout-print-view__table-overlay td, .knockout-print-view__table-overlay th { font-family: "Sharp Sans No2", Arial, sans-serif; font-style: normal; font-stretch: normal; } .knockout-print-view__table-overlay td { font-size: 2rem; font-weight: 500; padding: 0.32rem 0.63rem; vertical-align: top; } .knockout-print-view__table-overlay td.seed-cell { text-align: left; width: 3.81rem; } .knockout-print-view__table-overlay td.player-cell { text-align: left; } .knockout-print-view__table-overlay td:first-child { padding-left: 1.9rem; } .knockout-print-view__table-overlay td:last-child { padding-right: 1.9rem; } .RoundRobinLayout { padding: 0.625rem 3.5%; } @media (min-width: 64rem) { .RoundRobinLayout { padding: 3.125rem 7%; } } @media print { .RoundRobinLayout { padding: 0px; } } .RoundRobinLayout .RRGroup { margin-bottom: 3.125rem; } .RoundRobinLayout .RRGroup .ad-leaderboard-responsive { margin: 1.5625rem 0px; } @media print { .RoundRobinLayout .RRGroup { margin-bottom: 0.5rem; } .RoundRobinLayout .RRGroup .section-heading { margin-bottom: 0.9375rem; } } .RoundRobinLayout .rr-final { margin-top: 3.125rem; display: flex; justify-content: space-between; flex-direction: column; break-inside: avoid; } @media (min-width: 64rem) { .RoundRobinLayout .rr-final { flex-direction: row; max-width: 24.375rem; } } .RoundRobinLayout .rr-final > div { width: 100%; } @media print { .RoundRobinLayout .rr-final { width: 28.125rem; margin-top: 1.25rem; } .RoundRobinLayout .rr-final h2 { margin-bottom: 0.9375rem; } } .RoundRobinLayout .rr-final .finals-mrec { margin-bottom: 0.9375rem; } @media (min-width: 64rem) { .RoundRobinLayout .rr-final .finals-mrec { margin-bottom: 0px; } } @media (max-width: 63.9375rem) { .RoundRobinLayout .rr-final .finals-mrec { margin-top: 1.5rem; } } @media print { .RoundRobinLayout .rr-final .finals-mrec, .RoundRobinLayout .rr-final .link { display: none; } } a.RRMatchCell, a.RRMatchCell:hover { text-decoration: none; } .RRMatchCell { min-height: 5.625rem; position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; } .RRMatchCell .status--scheduled { align-self: center; text-align: center; font-family: "Source Sans", Arial, sans-serif; } .RRMatchCell .status--scheduled p { margin: 0px; line-height: 1em; } .RRMatchCell .status--scheduled .date { font-weight: 700; text-transform: uppercase; color: rgb(34, 34, 34); font-size: 0.8125rem; display: flex; align-items: center; } .RRMatchCell .status--scheduled .date-icon { margin-left: 0.3125rem; } .RRMatchCell .status--scheduled .location { color: rgb(108, 108, 108); font-size: 0.6875rem; margin: 0.375rem 0px 0.25rem; } .RRMatchCell .status--scheduled .buy-tickets-link { text-decoration: none; font-weight: 700; font-size: 0.8125rem; display: inline-flex; align-items: center; } @media print { .RRMatchCell .status--scheduled .buy-tickets-link { display: none; } } .RRMatchCell .status--scheduled .buy-tickets-link-icon { margin-right: -0.25rem; } @media print { .RRMatchCell .status--in-progress { display: none; } } .RRMatchCell .status--complete { display: flex; flex-direction: column; } .RRMatchCell .status--complete .win-loss { font-weight: 700; font-size: 1rem; min-height: 1.75rem; color: rgb(34, 34, 34); } .RRMatchCell .status--complete .scores { font-weight: 600; font-size: 0.8125rem; box-sizing: border-box; color: rgb(102, 102, 102); } .RRMatchCell .status--complete .scores .score { text-align: left; } .RRMatchCell .status--complete .scores .score:not(:first-child) { margin-left: 0.1875rem; } .RRMatchCell .status--complete .scores .score .tie-break { display: inline-block; text-align: left; margin-left: -0.125rem; font-size: 0.5rem; vertical-align: super; } .RRMatchCell .status--complete .scores .comma, .RRMatchCell .status--complete .scores .dash { margin-left: -0.1875rem; margin-right: -0.1875rem; } @media (min-width: 85.3125rem) { .RRMatchCell .status--complete .scores { font-size: 1rem; } .RRMatchCell .status--complete .scores .score:not(:first-child) { margin-left: 0.4375rem; } .RRMatchCell .status--complete .scores .tie-break { font-size: 0.625rem; } } .RRMatchCell .status--complete .team-status .status::after { margin-top: 0.1875rem; vertical-align: top !important; } .RRMatchCell .score-card__status { margin-left: 0px; text-align: center; } .RRGroup { break-inside: avoid; } .RRGroup .table-wrapper { border-radius: 0.4375rem; border-width: 0.1875rem; border-style: solid; border-color: rgb(244, 244, 244) rgb(233, 233, 233) rgb(244, 244, 244) rgb(244, 244, 244); border-image: initial; margin-bottom: 1.875rem; } @media (min-width: 64rem), print { .RRGroup .table-wrapper { margin-bottom: 0px; border-right: 0.1875rem solid rgb(244, 244, 244); } } @media print { @supports not (-webkit-print-color-adjust:exact) { .RRGroup .table-wrapper { border: 0px; } } } .RRGroup__table { width: 100%; font-family: "Sharp Sans No2", Arial, sans-serif; table-layout: fixed; margin: -0.125rem 0px; } .RRGroup__table tbody tr:last-child th:first-child { border-radius: 0px 0px 0px 0.4375rem; } .RRGroup__table tbody tr:last-child td:last-child { border-radius: 0px 0px 0.4375rem; } .RRGroup__table .team-detail-column { text-align: left; width: 100%; } @media (min-width: 64rem), print { .RRGroup__table .team-detail-column { width: 16.875rem; } } .RRGroup__table .win-loss-column { width: 7.1875rem; border-radius: 0.375rem; border-collapse: separate; border-top: 0.1875rem solid rgb(233, 233, 233); border-bottom: 0.1875rem solid rgb(233, 233, 233); border-left: 0.1875rem solid rgb(233, 233, 233); border-image: initial; border-right: none; } @media print { @supports not (-webkit-print-color-adjust:exact) { .RRGroup__table .win-loss-column { border-top: 0px; border-bottom: 0px; } } } .RRGroup__table thead { font-size: 1.25rem; color: rgb(0, 58, 93); } .RRGroup__table thead th:first-child { border-radius: 0.4375rem 0px 0px; } .RRGroup__table thead th:last-child { border-radius: 0px 0.4375rem 0px 0px; } .RRGroup__table thead th { height: 3.75rem; } @media (min-width: 64rem) { .RRGroup__table thead th { height: 5.625rem; } } .RRGroup__table thead th:first-child { text-align: left; padding: 0px 0.9375rem; } @media (min-width: 64rem) { .RRGroup__table thead th:first-child { padding: 0px 1.875rem; } } .RRGroup__table thead th:first-child, .RRGroup__table thead th:nth-child(2) { text-transform: uppercase; } .RRGroup__table thead th:nth-child(2) { font-size: 1.0625rem; } .RRGroup__table thead .team-heading { border-left: 0.0625rem solid rgb(233, 233, 233); font-style: oblique; display: none; } .RRGroup__table thead .team-heading:not(:last-child) { border-right: 0.0625rem solid rgb(233, 233, 233); } .RRGroup__table thead .team-heading span { font-size: 0.9em; } @media (min-width: 64rem), print { .RRGroup__table thead .team-heading { display: table-cell; } } .RRGroup__table tbody th:first-child { text-align: left; padding: 0px 0.9375rem; } @media (min-width: 64rem), print { .RRGroup__table tbody th:first-child { padding: 0.625rem 1.875rem; } } .RRGroup__table tbody tr { height: 5.625rem; -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .RRGroup__table tbody tr { border-top: 1px solid rgb(233, 233, 233); } } .RRGroup__table tbody tr:nth-child(2n+1) { background: rgb(244, 244, 244); } .RRGroup__table tbody tr.-highlighted, .RRGroup__table tbody tr.-highlighted td { background: rgb(230, 245, 255); } .RRGroup__table tbody td { height: 0.0625rem; text-align: center; border-left: 0.0625rem solid rgb(233, 233, 233); display: none; } .RRGroup__table tbody td:not(:last-child) { border-right: 0.0625rem solid rgb(233, 233, 233); } @media (min-width: 64rem), print { .RRGroup__table tbody td { display: table-cell; } } .RRGroup__table tbody .team__wrapper { height: 100%; display: flex; align-items: center; } .RRGroup__table tbody .team__wrapper__team-number { display: none; } @media (min-width: 64rem), print { .RRGroup__table tbody .team__wrapper__team-number { display: block; width: 2.8125rem; font-size: 1.25rem; color: rgb(0, 58, 93); font-style: italic; } } .RRGroup__table tbody .team__wrapper__player-names { width: 100%; } .RRGroup__table tbody .team__wrapper__player-names .player { position: relative; padding-left: 1.5625rem; margin-bottom: 0px; } @media (min-width: 64rem), print { .RRGroup__table tbody .team__wrapper__player-names .player { padding-left: 2.5rem; } } .RRGroup__table tbody .team__wrapper__player-names .player a { text-decoration: none; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(34, 34, 34); display: block; font-size: 0.8125rem; padding: 0.3125rem 0px; } @media (min-width: 64rem), print { .RRGroup__table tbody .team__wrapper__player-names .player a { font-size: 1rem; padding: 0px; } } .RRGroup__table tbody .team__wrapper__player-names .player a:hover .player-name { text-decoration: underline; } .RRGroup__table tbody .team__wrapper__player-names .player.-winner { font-weight: 700; } .RRGroup__table tbody .team__wrapper__player-names .player-flag { height: 0.8125rem; left: 0px; line-height: 0.8em; position: absolute; top: 0.65em; width: 1.25rem; } @media (min-width: 64rem), print { .RRGroup__table tbody .team__wrapper__player-names .player-flag { top: 0.25em; height: 1.0625rem; width: 1.625rem; } } .RRGroup__table tbody .team__wrapper__player-names .player-name { hyphens: auto; word-break: break-all; overflow-wrap: break-word; } .RRGroup__table tbody .team-running-totals { font-size: 1.0625rem; } .RRGroup__table tbody .data-card__status--no-match { background: rgb(233, 233, 233); -webkit-print-color-adjust: exact; } .RRGroup .substituted-message p { margin: 0px; } @media (min-width: 64rem), print { .RRGroup .-hidden-desktop { display: none; } } .RRGroup .score-row { display: block; margin-bottom: 0.9375rem; } @media (min-width: 64rem), print { .RRGroup .score-row { display: none; } } .RRGroup .score-row::after, .RRGroup .score-row::before { display: none !important; } @media print { .RRGroup .RRGroup--ad { display: none; } } .knockout-layout { background-color: rgb(242, 242, 242); } .knockout-round-heading { padding-top: 0.25rem; padding-bottom: 10px; display: block; } @media (min-width: 768px) { .knockout-round-heading { min-height: 48px; padding-bottom: 0px; text-align: center; } } .knockout-round-heading.-force-full { padding-bottom: 0px; display: block; text-align: center; } .knockout-round-heading__heading { text-align: center; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 1.5rem; } .knockout-round-heading__prize-money { display: flex; justify-content: center; font-family: "Sharp Sans No2", Arial, sans-serif; position: relative; font-weight: 500; font-size: 0.75rem; line-height: 1.25rem; } .knockout-round-heading__prize-money .upper { text-transform: uppercase; } .knockout-round-heading__prize-money .tooltip { pointer-events: auto; display: flex; align-items: center; justify-content: center; background-image: url("/img/question-mark.aafc8652bd6a149e89bdf3a35bb3bd2a.svg"); background-repeat: no-repeat; background-size: 0.3125rem 0.5rem; background-position: 50% center; width: 1rem; height: 1rem; background-color: rgb(230, 230, 230); border-radius: 50%; margin-left: 0.25rem; } .knockout-round-heading__prize-money .tooltip[data-balloon][data-balloon-pos="down"]::before { display: none; } .knockout-round-heading__prize-money .tooltip[data-balloon][data-balloon-pos="down"]::after { left: calc(50% - 20px); } .knockout-round-heading__prize-money .tooltip .icon-tooltip { margin: -0.125rem 0px 0px 0.375rem; } .knockout-round-heading__prize-money.-force-full { display: block; } .knockout-round-heading__prize-money::before { content: ""; position: absolute; background-color: rgb(230, 230, 230); width: 100%; height: 0.125rem; left: 0px; top: 50%; transform: translateY(-50%); } .knockout-round-heading__prize-wrapper { display: flex; align-items: center; justify-content: center; padding: 0px 0.5rem; position: relative; background-color: rgb(242, 242, 242); } @media (min-width: 85.3125rem) { .knockout-round-heading__heading { font-size: 1.5rem; line-height: 1.75rem; } } .round-button { width: 42px; height: 42px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: border 0.4s ease 0s; position: relative; border: 0px; padding: 0px; } .round-button.disabled { display: none; } .round-button .cross::after, .round-button .cross::before { position: absolute; left: 20px; top: 11px; content: " "; height: 20px; width: 2px; background-color: rgb(0, 115, 178); will-change: background; transition: background 0.4s ease 0s; } .round-button .cross::before { transform: rotate(45deg); } .round-button .cross::after { transform: rotate(-45deg); } .round-button .arrow { border-style: solid; border-color: rgb(0, 115, 178); border-image: initial; border-width: 0px 2px 2px 0px; display: inline-block; padding: 3.5px; position: relative; transition: transform 0.4s ease 0s, background 0.4s ease 0s, -webkit-transform 0.4s ease 0s; will-change: transform, background; } .round-button .arrow.left { transform: rotate(135deg); left: 1px; } .round-button .arrow.right { transform: rotate(-45deg); left: -2px; } @media screen and (min-width: 64rem) { body:not(.is-using-touch) .round-button:hover { border: 1px solid rgb(0, 115, 178); } body:not(.is-using-touch) .round-button:hover .cross::after, body:not(.is-using-touch) .round-button:hover .cross::before { background-color: rgb(255, 255, 255); } } .DrawLoading { width: 100%; height: 300px; position: relative; } .DrawLoading .container { top: 50%; left: 50%; height: 50px; } .DrawLoading .ball, .DrawLoading .container { position: absolute; transform: translate(-50%, -50%); width: 25px; } .DrawLoading .ball { height: 25px; background: rgb(215, 215, 0); border-radius: 50%; overflow: hidden; animation: 2s cubic-bezier(1, 0.5, 0.5, 0.25) 0s infinite normal none running roll; } .DrawLoading .ball-bounce-container { animation: 0.5s cubic-bezier(0.5, 0.05, 1, 0.5) 0s infinite alternate none running bounce; } .DrawLoading .ball::before { left: -65%; } .DrawLoading .ball::after, .DrawLoading .ball::before { content: ""; position: absolute; width: 100%; height: 100%; border: 2px solid rgb(255, 255, 255); border-radius: 50%; box-sizing: border-box; background: transparent; } .DrawLoading .ball::after { right: -65%; } @keyframes bounce { 0% { transform: translateZ(0px) rotate(0deg); } 100% { transform: translate3d(0px, 100px, 0px); } } @-webkit-keyframes roll { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes roll { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .DrawLoading .shadow { position: absolute; bottom: -50px; left: 12.5px; width: 50px; height: 25px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; transform: translate(-50%, 100%); overflow: hidden; filter: blur(2px); z-index: -1; animation: 1s cubic-bezier(0.65, 0.14, 0.78, 0.95) 0s infinite normal none running shadow; } @-webkit-keyframes shadow { 0% { transform: translate(-50%, 100%) scale(1); } 50% { transform: translate(-50%, 100%) scale(0.5); } 100% { transform: translate(-50%, 100%) scale(1); } } @keyframes shadow { 0% { transform: translate(-50%, 100%) scale(1); } 50% { transform: translate(-50%, 100%) scale(0.5); } 100% { transform: translate(-50%, 100%) scale(1); } } .draws { margin-bottom: -1.25rem; padding-bottom: 1.25rem; } .draws .draws__message-card { margin: 2.5rem auto 1.25rem; } .draws .filter-bar__wrapper { box-shadow: none; border-bottom: none; z-index: 112; } .homepage-recap__news-feed { background-color: rgb(242, 242, 242); } .homepage-recap__component--d-up, .homepage-recap__component--tl-up { display: none; } @media (min-width: 64rem) { .homepage-recap__wrapper { display: flex; flex-wrap: wrap; align-items: stretch; } .homepage-recap__quick-links { flex: 1 0 100%; } .homepage-recap__news-feed { flex: 0 0 33.3333%; } .homepage-recap__hero { flex: 1 0 66.6667%; } .homepage-recap__component--tp-down { display: none; } .homepage-recap__component--tl-up { display: block; } } @media (min-width: 85.3125rem) { .homepage-recap__wrapper { flex-wrap: nowrap; } .homepage-recap__news-feed, .homepage-recap__quick-links { flex: 0 0 25%; max-width: 23.4375rem; } .homepage-recap__hero { flex: 1 0 50%; } .homepage-recap__component--d-up { display: block; } .homepage-recap__component--tl-down { display: none; } } @media (min-width: 160rem) { .homepage-recap__news-feed, .homepage-recap__quick-links { max-width: 31.25rem; } } .homepage-feature__image { position: relative; overflow: hidden; } .homepage-feature__image img { width: 100%; font-family: "object-fit:cover"; object-fit: cover; min-height: 13.1875rem; height: 60vw; transition: all 0.5s ease 0s; } .homepage-feature__image picture { display: block; height: 100%; font-size: 0px; line-height: 0; } .browser-ie .homepage-feature__image picture { height: 13.1875rem; } .homepage-feature__image::after { content: ""; background: linear-gradient(0.506turn, transparent 37.6%, rgba(0, 0, 0, 0.85) 74.18%); position: absolute; inset: 0px; } .homepage-feature__image-overlay { position: absolute; background: rgba(51, 51, 51, 0.2); inset: 0px; transition: all 0.5s ease 0s; } .homepage-feature__sponsorship { position: absolute; top: 1rem; right: 1rem; width: 5rem; height: 3.125rem; border-radius: 3px; background-size: contain; background-repeat: no-repeat; } .homepage-feature__content { position: absolute; left: 0px; bottom: 0px; padding: 0.75rem 1rem; } .homepage-feature__play-icon { position: relative; width: 3rem; height: 3rem; opacity: 0.9; background-color: rgb(0, 115, 178); border-radius: 50%; transition: all 0.5s ease 0s; margin-bottom: 2rem; } .homepage-feature__play-icon::after { content: ""; position: absolute; background-image: url("/img/play-video-white.87b4ea076e27d19d8a73630547b81e3f.svg"); background-size: contain; background-position: 100% center; width: 1.25rem; height: 1.25rem; top: 50%; left: 50%; opacity: 0.9; transform: translate(-50%, -50%); background-repeat: no-repeat; } .homepage-feature__play-icon--mobile { position: absolute; top: 1rem; left: 1rem; } .homepage-feature__play-icon--tp-up { display: none; } .homepage-feature__duration-tag { font-family: "Sharp Sans No2", Arial, sans-serif; padding: 0.125rem 0.375rem; background-color: rgb(51, 51, 51); font-weight: 500; color: rgb(255, 255, 255); opacity: 0.9; transition: all 0.5s ease 0s; font-size: 0.75rem; line-height: 1rem; } .homepage-feature__title { color: rgb(255, 255, 255); font-weight: 700; font-family: "Sharp Sans No2", Arial, sans-serif; letter-spacing: 0.02em; margin-bottom: 0px; margin-top: 1rem; font-size: 1.25rem; line-height: 1.5rem; } .homepage-feature__button { margin-top: 0.75rem; font-size: 0.75rem; line-height: 0.9375rem; } .homepage-feature__link { display: block; position: relative; max-width: 100%; } .homepage-feature__link:focus .homepage-feature__image-overlay, .homepage-feature__link:hover .homepage-feature__image-overlay { opacity: 0; } .homepage-feature__link:focus .homepage-feature__duration-tag, .homepage-feature__link:focus .homepage-feature__play-icon, .homepage-feature__link:hover .homepage-feature__duration-tag, .homepage-feature__link:hover .homepage-feature__play-icon { opacity: 1; } .homepage-feature__link:focus .homepage-feature__image img, .homepage-feature__link:hover .homepage-feature__image img { transform: scale(1.05); } @media (min-width: 48rem) { .browser-ie .homepage-feature__image picture { height: 27rem; } .homepage-feature__image img { max-height: 27rem; } .homepage-feature__sponsorship { width: 10.3125rem; height: 6.375rem; } .homepage-feature__content { padding: 1.5rem 2rem; } .homepage-feature__play-icon { width: 4rem; height: 4rem; } .homepage-feature__play-icon::after { width: 1.6875rem; height: 1.6875rem; } .homepage-feature__play-icon--mobile { display: none; } .homepage-feature__play-icon--tp-up { display: block; } .homepage-feature__title { font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 64rem) { .browser-ie .homepage-feature__image picture { height: 34rem; } .homepage-feature__image img { max-height: 34rem; } } @media (min-width: 160rem) { .browser-ie .homepage-feature__image picture { height: 44.8125rem; } .homepage-feature__image img { max-height: 44.8125rem; } .homepage-feature__sponsorship { width: 13.75rem; height: 8.5rem; } .homepage-feature__title { font-size: 3.5rem; line-height: 4.1875rem; } } .homepage-quick-links { position: relative; padding: 1rem 0px 1.125rem; } .homepage-quick-links__ad { margin-bottom: 1rem; } .homepage-quick-links__wrapper { display: flex; flex-direction: column; position: relative; } .homepage-quick-links__wrapper::after { content: ""; background-color: rgb(255, 255, 255); position: absolute; width: 100%; height: 3px; bottom: -1px; left: 0px; } .homepage-quick-links__link { position: relative; color: rgb(51, 51, 51); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; padding: 0.875rem 1rem; text-decoration: none; transition: all 0.25s ease 0s; font-size: 1rem; line-height: 1.625rem; } .homepage-quick-links__link::before { content: ""; position: absolute; left: 1rem; right: 1rem; bottom: 0px; border-bottom: 1px solid rgb(230, 230, 230); } .homepage-quick-links__link::after { content: ""; position: absolute; background-image: url("/img/chevron.347f15102260c4bddbf068d524aa9a87.svg"); height: 0.75rem; width: 0.375rem; top: 50%; transform: translateY(-50%); right: 1.5rem; background-size: cover; transition: all 0.25s ease 0s; } .homepage-quick-links__link:focus, .homepage-quick-links__link:hover { color: rgb(51, 51, 51); text-decoration: none; background-color: rgb(249, 249, 249); } .homepage-quick-links__link:focus::after, .homepage-quick-links__link:hover::after { right: 1rem; } @media (min-width: 48rem) and (max-width: 1364px) { .homepage-quick-links { padding: 2rem 0px 1.5rem; } .homepage-quick-links__ad { margin-bottom: 1rem; } .homepage-quick-links__wrapper { flex-wrap: wrap; padding: 0px 1rem; align-content: center; } .homepage-quick-links__link { padding: 0.875rem 1rem; max-width: 26.8125rem; width: calc(50% - 32px); } .homepage-quick-links::after { width: 32px; } } @media (min-width: 85.3125rem) { .homepage-quick-links { height: 100%; box-sizing: border-box; padding: 1.5rem 0px 0px; display: flex; flex-direction: column; justify-content: space-between; } .homepage-quick-links__link { padding: 0.875rem 1.5rem; } .homepage-quick-links__link::before { left: 1.5rem; right: 1.5rem; } .homepage-quick-links__link::after { right: 2rem; } .homepage-quick-links__link:focus::after, .homepage-quick-links__link:hover::after { right: 1.5rem; } .homepage-quick-links__wrapper::after { display: none; } } @media (min-width: 160rem) { .homepage-quick-links__link { padding: 1.625rem 1.5rem; } } .homepage-recap-feed__header { position: relative; padding: 2rem 1rem 0px; } .homepage-recap-feed__header::after { content: ""; display: block; width: 100%; height: 1px; margin-top: 0.375rem; background-color: rgb(204, 204, 204); } .homepage-recap-feed__title { color: rgb(51, 51, 51); font-weight: 700; font-family: "Sharp Sans No2", Arial, sans-serif; margin-bottom: 0px; padding-right: 4.625rem; font-size: 1rem; line-height: 1.625rem; } .homepage-recap-feed__sponsor { position: absolute; display: flex; flex-direction: column; align-items: flex-end; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 500; color: rgb(51, 51, 51); top: 1rem; right: 1rem; font-size: 0.75rem; line-height: 1.125rem; } .homepage-recap-feed__sponsor img { margin-top: 0.25rem; width: auto; height: 1rem; font-family: "object-fit:contain"; object-fit: contain; } .homepage-recap-feed__wrapper { display: flex; position: relative; flex-direction: column; } .homepage-recap-feed__wrapper::after { content: ""; background-color: rgb(242, 242, 242); position: absolute; bottom: 0px; width: 100%; height: 1px; } .homepage-recap-feed__item { padding: 0px 3.5rem; display: flex; position: relative; justify-content: flex-start; align-items: center; min-height: 5rem; transition: all 0.25s ease 0s; background-size: 24px 24px; background-repeat: no-repeat; background-position: 16px 28px; text-decoration: none; } .homepage-recap-feed__item p { margin-bottom: 0px; font-weight: 500; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); font-size: 0.875rem; line-height: 1.375rem; } .homepage-recap-feed__item::before { content: ""; position: absolute; bottom: 0px; left: 1rem; right: 1rem; height: 1px; background-color: rgb(230, 230, 230); } .homepage-recap-feed__item::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 1.5rem; height: 0.75rem; width: 0.375rem; transition: all 0.25s ease 0s; background-size: cover; background-image: url("/img/chevron.347f15102260c4bddbf068d524aa9a87.svg"); } .homepage-recap-feed__item:focus, .homepage-recap-feed__item:hover { background-color: rgb(230, 230, 230); text-decoration: none; color: rgb(51, 51, 51); } .homepage-recap-feed__item:focus::after, .homepage-recap-feed__item:hover::after { right: 1rem; } .homepage-recap-feed__item--no-link::after { display: none; } @media (min-width: 48rem) and (max-width: 1023px) { .homepage-recap-feed__wrapper { flex-wrap: wrap; } .homepage-recap-feed__wrapper--tablet-80 { height: 80px; } .homepage-recap-feed__wrapper--tablet-160 { height: 160px; } .homepage-recap-feed__wrapper--tablet-240 { height: 240px; } .homepage-recap-feed__wrapper--tablet-320 { height: 320px; } .homepage-recap-feed__wrapper--tablet-400 { height: 400px; } .homepage-recap-feed__wrapper--tablet-480 { height: 480px; } .homepage-recap-feed__wrapper--tablet-560 { height: 560px; } .homepage-recap-feed__wrapper--tablet-640 { height: 640px; } .homepage-recap-feed__wrapper--tablet-720 { height: 720px; } .homepage-recap-feed__wrapper--tablet-800 { height: 800px; } .homepage-recap-feed__item { height: 5rem; width: calc(50% - 0.5rem); box-sizing: border-box; } .homepage-recap-feed__item--tablet-first-column { margin-right: 1rem; } } @media (min-width: 160rem) { .homepage-recap-feed__header { padding: 2.5rem 1rem 0px; } .homepage-recap-feed__header::after { margin-top: 1rem; } .homepage-recap-feed__title { font-size: 1.25rem; line-height: 1.5rem; } .homepage-recap-feed__sponsor { top: 1.5rem; } .homepage-recap-feed__item { height: 6.625rem; background-position: 16px 41px; } .homepage-recap-feed__item p { font-size: 1rem; line-height: 1.5rem; } } .live-scores { padding-bottom: 1rem; } .live-scores__venue, .live-scores__wrapper { margin: auto; max-width: 80rem; } .live-scores__row, .live-scores__venue > div:last-child, .live-scores__wrapper > div:last-child { margin-bottom: 1rem; } .live-scores__row { display: flex; flex-wrap: nowrap; } .live-scores div.live-scores__ad { margin: 1.5rem 0px; } .live-scores__venue-title { margin: 0.5rem 0px 1rem; font-weight: 700; color: rgb(51, 51, 51); font-size: 1.5rem; line-height: 2rem; } @media (min-width: 48rem) { .live-scores { padding-bottom: 2rem; } .live-scores__row { margin: 0px -1rem 2rem; } .live-scores__row > div { margin: 0px 1rem; flex: 0 0 calc(50% - 34px); } .live-scores div.live-scores__ad { margin: 2.5rem 0px; } } @media (min-width: 85.3125rem) { .live-scores { padding-bottom: 3rem; } .live-scores__row { margin: 0px -1rem 2rem; } .live-scores__row > div { margin: 0px 1rem; flex: 0 0 calc(33.3333% - 34px); } .live-scores__venue-divider { border-bottom: 1px solid rgb(230, 230, 230); width: 200vw; margin: 4rem 0px 4rem -50vw; overflow-x: hidden; } } @media (min-width: 120rem) { .live-scores__venue-divider { width: 200vw; margin-left: -50vw; } } .scores-reset-button { padding: 0.75rem 0.5rem 0.5rem; width: 100%; margin: -1rem 0px 0.5rem; border: none; text-transform: none; display: flex; align-items: center; justify-content: center; position: relative; font-weight: 600; font-size: 1rem; line-height: 1.5rem; } .scores-reset-button.-hide-mobile { display: none; } .scores-reset-button > img { width: 1rem; height: 1rem; margin-right: 0.5rem; } .scores-reset-button:hover { border: none; } .scores-reset-button--border-bottom { margin: -1rem 0px 1.5rem; } .scores-reset-button--border-bottom::before { content: ""; position: absolute; height: 1px; width: 107%; bottom: -0.5rem; background-color: rgb(230, 230, 230); } @media screen and (max-width: 47.9375rem) { .scores-reset-button { box-shadow: none; } } @media screen and (min-width: 48rem) { .scores-reset-button { width: auto; padding: 0.5rem; margin: 0px 0px 0px -0.75rem; } .scores-reset-button.-hide-mobile { display: flex; } .scores-reset-button.-show-mobile, .scores-reset-button::before { display: none; } } @media screen and (min-width: 85.3125rem) { .scores-reset-button { margin: 0px 0px 0px 0.0625rem; } } .score-row { width: 100%; border: 1px solid rgb(230, 230, 230); transition: all 0.25s ease 0s; } .score-row--sticky { position: fixed; left: 0px; z-index: 11; } .score-row__wrapper { display: block; cursor: pointer; position: relative; } .score-row__wrapper, .score-row__wrapper:focus, .score-row__wrapper:hover { text-decoration: none; } .score-row__wrapper--disabled { cursor: default; } .score-row__anchor { text-decoration: none; height: 100%; width: 100%; position: absolute; display: block; } .score-row__anchor--disabled { pointer-events: none; } .score-row__anchor:focus, .score-row__anchor:hover { text-decoration: none; } .score-row__players-wrapper { position: relative; } .score-row--focussed, .score-row--selected, .score-row:hover { border: 1px solid rgb(0, 145, 210); } .score-row--disabled:hover { border: 1px solid rgb(230, 230, 230); } .score-header { box-sizing: border-box; background-color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: space-between; padding: 0.625rem 0.5rem 0.625rem 0.75rem; border-bottom: 1px solid rgb(230, 230, 230); } .score-header p { margin-bottom: 0px; font-family: "Sharp Sans No2", Arial, sans-serif; } .score-header__title { font-weight: 700; color: rgb(51, 51, 51); font-size: 0.75rem; line-height: 1rem; } .score-header__subtitle { font-weight: 500; color: grey; font-size: 0.625rem; line-height: 0.75rem; } .score-header__title { display: inline; text-align: right; font-weight: 700; position: relative; color: rgb(51, 51, 51); font-size: 0.75rem; line-height: 1rem; } .score-header__title--uppercase { text-transform: uppercase; } .score-header__duration { font-weight: 500; color: grey; font-size: 0.625rem; line-height: 0.75rem; } .score-header__title-wrapper { display: flex; flex-direction: column; align-items: flex-end; } .score-header__title-wrapper .day-list__link { margin-top: 0px !important; margin-right: 15px !important; } .score-header__live-indicator { left: -0.75rem; top: 50%; transform: translateY(-50%); } .score-header__live-indicator, .score-header__live-indicator::before { position: absolute; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: rgb(191, 212, 0); } .score-header__live-indicator::before { content: ""; left: 0px; top: 0px; opacity: 0.5; animation: 1.5s cubic-bezier(0.66, 0, 0, 1) 0s infinite normal none running pulseRadiate; } .score-header--minimised { height: 2.0625rem; padding: 0.5rem 0.75rem; } .score-header--minimised .score-header__duration, .score-header--minimised .score-header__subtitle { font-weight: 600; } .score-footer { padding: 0.5rem; pointer-events: auto; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(230, 230, 230); } .score-footer__wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin: 0px -0.25rem; } .score-footer__wrapper > a, .score-footer__wrapper button { flex: 1 0 calc(50% - 32px); margin: 0px 0.25rem; } .score-label { position: absolute; display: flex; align-items: center; justify-content: flex-end; top: 49%; right: 0px; transform: translateY(-50%); padding-right: 0.75rem; pointer-events: none; } .score-label p { font-weight: 500; text-align: center; background-color: rgb(255, 255, 255); color: grey; font-size: 0.625rem; line-height: 0.8125rem; } .score-label__set { width: 1rem; margin: 0px 0.25rem; } .score-label__point { width: 1.5rem; margin: 0px 0.125rem 0px 0.5rem; } .player-row { display: flex; height: 3.3125rem; box-sizing: border-box; align-items: stretch; background-color: rgb(255, 255, 255); justify-content: space-between; padding-right: 0.5rem; border-bottom: 1px solid rgb(230, 230, 230); } .player-row:nth-child(2) { /*border-bottom: none;*/ } .player-row p { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); } .player-row--highlighted { background-color: rgb(235, 246, 251); } .player-row--no-team p { color: grey; } .player-row__team-wrapper { overflow-x: scroll; } .player-row__team-wrapper::-webkit-scrollbar { display: none; } .player-row__team-wrapper p { margin: 0px 0px 0px 0.375rem; font-weight: 500; font-size: 0.875rem; line-height: 1.5rem; } .player-row__team-wrapper p:hover { text-decoration: none !important; } .player-row__team-wrapper span { font-weight: 500; text-transform: uppercase; color: grey; } .player-row__team-wrapper--doubles p, .player-row__team-wrapper span { font-size: 0.75rem; line-height: 1rem; } .player-row__team-wrapper--winner p { font-weight: 700; } .player-row__team { padding: 0px 1rem 0px 0.75rem; font-weight: 500; white-space: nowrap; display: flex; align-items: center; height: 100%; justify-content: flex-start; transition: opacity 0.2s ease 0s; text-decoration: none; } .player-row__team--doubles { height: 50%; box-sizing: border-box; width: 200px; } .player-row__team--doubles:first-child { padding-bottom: 0.125rem; align-items: flex-end; } .player-row__team--doubles:first-child > span { margin-bottom: 0.125rem; } .player-row__team--doubles:last-child { padding-top: 0.125rem; align-items: flex-start; } .player-row__team--doubles:last-child > span { margin-top: 0.125rem; } .player-row__team:focus-visible { outline: none !important; box-shadow: none !important; } .player-row__team:hover { opacity: 0.5; text-decoration: none; } @media (min-width: 64rem) { .player-row__team:hover { opacity: 1; text-decoration: underline; } } .player-row__score-wrapper { display: flex; align-items: center; justify-content: flex-end; } .player-row__score-wrapper .placar { border: 1px solid rgb(0, 115, 178); border-color: rgb(0, 115, 178, .5); width: 60px; height: 35px; font-size: 20pt; color: rgb(0, 115, 178); } .player-row__score-wrapper .placar-tie { border: 1px solid rgb(0, 115, 178); border-color: rgb(0, 115, 178, .5); width: 30px; height: 30px; font-size: 10pt; color: rgb(0, 115, 178); margin-left: 10px; } .form-text { border: 1px solid rgb(0, 115, 178); border-color: rgb(0, 115, 178, .5); width: 98%; height: 35px; font-size: 20pt; color: rgb(0, 115, 178); } .player-row__score-badge { line-height: 0; color: #008fd2; font-size: 10pt; } .player-row__score-badge-loose { line-height: 0; color: #FFF !important; font-size: 10pt; } .player-row__score-badge-versus { line-height: 0; color: #bababa !important; font-size: 10pt; } .player-row__score-point { width: 2.25rem; height: 2.25rem; border-radius: 4px; background-color: rgb(242, 242, 242); display: flex; align-items: center; justify-content: center; } .player-row__score-point p { margin: 0px; font-weight: 500; font-size: 0.875rem; line-height: 1.5rem; } .player-row__tick { width: 0.875rem; height: 0.625rem; margin-right: 0.4375rem; } .player-row__tick--has-score { margin-right: 0.1875rem; } .player-row__ball { width: 0.75rem; height: 0.75rem; margin-right: 0.125rem; } .player-row__tag-pill { margin: 0px 0.25rem; } .player-row__score-game { font-weight: 500; position: relative; margin: 0px; width: 1.5rem; display: flex; justify-content: center; font-size: 0.875rem; line-height: 1.5rem; } .player-row__score-game-results { font-weight: 500; position: relative; margin: 0px; width: 1.5rem; display: flex; justify-content: center; font-size: 15pt; line-height: 1.5rem; } .player-row__score-game--winner { font-weight: 700 !important; } .player-row__tie-break { position: absolute; left: 17px; top: -2px; letter-spacing: -0.2em; font-size: 0.625rem; line-height: 0.75rem; } .player-row__score-game-wrapper { display: flex; align-items: center; justify-content: flex-end; margin-right: 0.25rem; } .player-row__score-game-wrapper--live { margin-right: 0.125rem; } .score-button { display: flex; flex-wrap: nowrap; font-weight: 700; border-radius: 4px; align-items: center; text-decoration: none; justify-content: center; padding: 0.375rem 0.75rem; color: rgb(0, 145, 210); font-family: "Sharp Sans No2", Arial, sans-serif; background-color: rgb(242, 242, 242); font-size: 0.875rem; line-height: 1.25rem; } .score-button, .score-button img { transition: all 0.25s ease 0s; } .score-button img { height: auto; margin-left: 0.25rem; max-width: 6.25rem; max-height: 1rem; } .score-button--double img { max-width: 2.25rem; } .score-button:focus, .score-button:hover { text-decoration: none; background-color: rgb(0, 145, 210); color: rgb(255, 255, 255); } .score-button:focus img, .score-button:hover img { filter: brightness(0) invert(1); } .media-component { position: relative; display: flex; flex-direction: column; padding: 1rem 1rem 1.5rem; justify-content: center; align-items: center; margin-bottom: -1.25rem; } .media-component::before { content: ""; top: 0px; position: absolute; width: 102vw; margin-left: -50vw; left: 50%; height: 100%; background-color: rgb(230, 230, 230); } .media-component__row { margin-bottom: 1rem; flex: 1 0 100%; width: 100%; z-index: 0; } .browser-ie .media-component__row { min-height: 5.8125rem; } .browser-ie .media-component__row--featured { min-height: 14.875rem; } .media-component__article { margin: auto; } .media-component div.media-component__ad { margin: 0.5rem 0px 1.5rem; z-index: 0; } @media (min-width: 48rem) { .media-component { padding: 2rem 0px 2.5rem; margin-bottom: -2.5rem; } .media-component__row { width: auto; min-width: 46.875rem; display: flex; margin: 0px -1rem 2rem; justify-content: flex-start; align-items: flex-start; } .browser-ie .media-component__row { min-height: 14.875rem; } .media-component__article { flex-grow: 0; flex-shrink: 1; margin: 0px 1rem; } .media-component div.media-component__ad { margin: -0.25rem auto 2.5rem; } } @media (min-width: 64rem) { .media-component__row { min-width: 59.625rem; } .browser-ie .media-component__row { min-height: 12.875rem; } } @media (min-width: 85.3125rem) { .media-component { padding-bottom: 4rem; } .media-component__row { position: relative; width: 77.5rem; margin: 0px -1rem 2rem; } .browser-ie .media-component__row { min-height: 14.625rem; } .media-component__row--mrec { margin: 0px -1rem 2.5rem; } .media-component__row .media-thumbnail { max-width: calc(25% - 2rem); } .media-component__row:last-child { margin: 0px -1rem 2rem; } .media-component__mrec-ad-wrapper { flex: 0 0 18.75rem; margin: 0px 0px -1rem; width: 18.75rem; height: 15.625rem; overflow: hidden; } .media-component__mrec-ad-wrapper--last { margin-right: 1rem; } .media-component__mrec-ad-wrapper--first { margin-left: 1rem; } .media-component__mrec-ad-wrapper--only { position: absolute; right: 0px; } } .news-tile { border-radius: 8px; overflow: hidden; } .news-tile__anchor, .news-tile__anchor:hover { text-decoration: none; } .news-tile__image-wrapper { position: relative; height: 8.4375rem; } .news-tile__image-overlay { height: 100%; position: relative; } .news-tile__image-overlay::after { content: ""; position: absolute; inset: 0px; background-color: rgb(255, 255, 255); opacity: 0; transition: opacity 0.2s ease 0s; } .news-tile__anchor:hover .news-tile__image-overlay::after { opacity: 0.1; } .news-tile__image { height: 100%; width: 100%; font-family: "object-fit:cover"; object-fit: cover; } .news-tile__content { display: flex; flex-direction: column; padding-bottom: 0.75rem; background-color: rgb(242, 242, 242); } .news-tile--dark .news-tile__content { background-color: rgb(249, 249, 249); } .news-tile__category-wrapper { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 0.25rem 0.75rem; background-color: rgb(217, 234, 243); } .news-tile__category { margin-bottom: 0px; font-weight: 700; text-transform: uppercase; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(0, 115, 178); font-size: 0.75rem; line-height: 1rem; } .news-tile__title-wrapper { height: 6.25rem; padding: 0.75rem 0.75rem 0.5rem; } .news-tile__title { margin-bottom: 0px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; color: rgb(51, 51, 51); font-size: 1rem; line-height: 1.25rem; } .news-tile__time { padding: 0px 0.75rem; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); font-size: 0.75rem; line-height: 1rem; } @media screen and (min-width: 85.3125rem) { .news-tile__image-wrapper { height: 10.75rem; } .news-tile__content { padding-bottom: 1rem; } .news-tile__category-wrapper { padding: 0.25rem 1rem; } .news-tile__title-wrapper { height: 4rem; padding: 0.75rem 1rem; } .news-tile__title { -webkit-line-clamp: 2; } .news-tile__time { padding: 0px 1rem; } } .homepage-score__component--desktop-up { display: none; } .homepage-score__rolex-wrapper { background-color: rgb(39, 95, 60); display: flex; align-items: center; justify-content: center; } .homepage-score__content { background: linear-gradient(294.52deg, rgb(30, 40, 134) -55.01%, rgb(0, 145, 210) 67.8%); } .homepage-score--transparent-bg .homepage-score__content { background: none; } .homepage-score__score-wrapper { padding: 1.25rem 0px 1.5rem; } .homepage-score__wrapper { padding: 0.5rem 0px; display: flex; flex-wrap: nowrap; overflow-x: scroll; } .homepage-score__score-row { margin: 0px 0.25rem; flex: 0 0 calc(100vw - 32px); max-width: 22.25rem; box-sizing: border-box; } .homepage-score__score-row:nth-child(2) { margin-left: 1rem; } .homepage-score__score-row:focus, .homepage-score__score-row:hover { border: 1px solid rgb(230, 230, 230); box-shadow: rgba(51, 51, 51, 0.35) 0px 4px 16px 2px; } .homepage-score__last-item { flex: 0 0 0.5rem; margin: 0px 0.25rem; box-sizing: border-box; } @media (min-width: 48rem) { .homepage-score__score-row { margin: 0px 0.5rem; } .homepage-score__score-wrapper { padding: 2rem 0px 1.5rem; } .homepage-score__last-item { margin: 0px 0.5rem 0px 0.25rem; flex-basis: 0.25rem; } } @media (min-width: 64rem) { .homepage-score__score-row { max-width: 19.75rem; } } @media (min-width: 85.3125rem) { .homepage-score__component--tablet-down { display: none; } .homepage-score__component--desktop-up { display: block; } .homepage-score__score-wrapper { padding: 0px; } .homepage-score--no-rolex .homepage-score__score-wrapper { padding: 2rem 0px 0px; } .homepage-score__wrapper { padding: 1rem 0px; overflow-x: hidden; } .homepage-score--no-rolex .homepage-score__wrapper { padding: 0.5rem 0px; } .homepage-score__score-row { flex: 1 1 auto; min-width: 20.1875rem; max-width: none; } .homepage-score__score-row--hidden-desktop { display: none; } .homepage-score__score-row--last-matchcard-desktop { margin-right: 1rem; } .homepage-score__last-item { display: none; } .homepage-score__rolex-wrapper-desktop { box-sizing: border-box; align-self: flex-end; margin: 0px 0.5rem 0px 1rem; flex: 0 0 calc(25% - 32px); max-width: 21.4375rem; } } @media (min-width: 120rem) { .homepage-score__score-row:nth-last-child(3) { margin-right: 0.5rem; } .homepage-score__score-row:nth-last-child(2) { margin-right: 1rem; } .homepage-score__score-row--hidden-desktop { display: block; } } @media (min-width: 160rem) { .homepage-score__rolex-wrapper-desktop { max-width: 29.25rem; } } .homepage-content-header { padding: 0px 1rem; display: flex; justify-content: space-between; align-items: flex-end; } .homepage-content-header__title-wrapper { display: flex; align-items: center; } .homepage-content-header__title { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; margin-bottom: 0px; font-size: 1.25rem; line-height: 1.5rem; } .homepage-content-header--light .homepage-content-header__title { color: rgb(0, 58, 93); } .homepage-content-header__link { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; text-decoration: none; position: relative; font-size: 1rem; line-height: 1.25rem; } .homepage-content-header__link::after { content: ""; position: absolute; height: 0.75px; width: 100%; background-color: rgb(255, 255, 255); opacity: 0.5; transition: all 0.25s ease 0s; bottom: 0.125rem; left: 0px; } .homepage-content-header__link:focus, .homepage-content-header__link:hover { color: rgb(255, 255, 255); text-decoration: none; } .homepage-content-header__link:focus::after, .homepage-content-header__link:hover::after { opacity: 1; } .homepage-content-header--light .homepage-content-header__link { color: rgb(0, 58, 93); } .homepage-content-header--light .homepage-content-header__link::after { background-color: rgb(0, 58, 93); } .homepage-content-header--light .homepage-content-header__link:focus, .homepage-content-header--light .homepage-content-header__link:hover { color: rgb(0, 58, 93); } .homepage-content-header__live-indicator { position: relative; margin-right: 0.5rem; display: block; width: 0.5625rem; height: 0.5625rem; border-radius: 50%; background-color: rgb(191, 212, 0); } .homepage-content-header__live-indicator::before { content: ""; position: absolute; display: block; left: 0px; top: 0px; opacity: 0.5; width: 0.5625rem; height: 0.5625rem; border-radius: 50%; background-color: rgb(191, 212, 0); animation: 1.5s cubic-bezier(0.66, 0, 0, 1) 0s infinite normal none running pulseRadiate; } @media (min-width: 85.3125rem) { .homepage-content-header { padding: 0px; } .homepage-content-header--no-rolex { padding: 0px 1rem; } .homepage-content-header__link, .homepage-content-header__title-wrapper { margin-bottom: 0.5rem; } .homepage-content-header--no-rolex .homepage-content-header__link, .homepage-content-header--no-rolex .homepage-content-header__title-wrapper { margin-bottom: 0px; } } .homepage-static-banner { display: flex; flex-direction: column; overflow: hidden; position: relative; box-sizing: border-box; background: linear-gradient(276.27deg, rgb(30, 40, 134) -14.88%, rgb(0, 145, 210) 57.33%); } .homepage-static-banner::before { content: ""; bottom: -13.5625rem; right: -6.1875rem; width: 8.6875rem; height: 23.5rem; position: absolute; background-size: contain; background-repeat: no-repeat; background-image: url("/img/ao-2021-static-pattern.91caee555df96e080e0f584c970738fb.svg"); } .homepage-static-banner__content { display: flex; min-height: 8.125rem; padding: 1.75rem 1rem 1.25rem; justify-content: space-between; } .homepage-static-banner__rolex-wrapper { display: none; } .homepage-static-banner__title { color: rgb(255, 255, 255); font-weight: 700; margin-bottom: 0.5rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1.5rem; line-height: 1.75rem; } .homepage-static-banner__wrapper { min-width: 7.5rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .homepage-static-banner__link { width: auto; display: inline-block; letter-spacing: 0.11em; font-size: 0.875rem; line-height: 1.125rem; } .homepage-static-banner__image { z-index: 1; margin: auto -1rem -1.25rem 0px; max-width: 12.8125rem; max-height: 8.125rem; height: auto; } @media (min-width: 48rem) { .homepage-static-banner { background: linear-gradient(276.27deg, rgb(30, 40, 134) -14.88%, rgb(0, 145, 210) 46.52%); } .homepage-static-banner::before { right: 0px; bottom: -11.75rem; background-image: url("/img/ao-2021-static-pattern-tablet-up.16ff8787bf2ca864f1f3db9755c57f7b.svg"); } .homepage-static-banner__content { min-height: 6rem; padding: 3.1875rem 22.3125rem 3.1875rem 1.875rem; } .homepage-static-banner__title { font-size: 2rem; line-height: 2.375rem; } .homepage-static-banner__image { margin: auto; position: absolute; right: 5rem; bottom: 0px; max-width: 17.3125rem; max-height: 11rem; height: auto; } } @media (min-width: 64rem) { .homepage-static-banner__content { min-height: 7rem; } } @media (min-width: 85.3125rem) { .homepage-static-banner__content { min-height: 6rem; padding: 2.875rem 22.3125rem; justify-content: center; } .homepage-static-banner__rolex-wrapper { justify-content: center; position: absolute; left: 1rem; bottom: 1rem; width: calc(25% - 32px); max-width: 21.4375rem; background-color: rgb(39, 95, 60); } .homepage-static-banner__rolex-wrapper, .homepage-static-banner__wrapper { display: flex; align-items: center; } .homepage-static-banner__wrapper { flex-direction: column; } .homepage-static-banner__title { text-align: center; font-size: 2.5rem; line-height: 3rem; } } @media (min-width: 160rem) { .homepage-static-banner__rolex-wrapper { max-width: 29.25rem; } } .homepage-storyteller { padding: 0.75rem 0px 0px; } .homepage-storyteller__storyteller { padding-bottom: 1.25rem; } .homepage-storyteller__mobile-line { margin: 0px 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } @media (min-width: 48rem) { .homepage-storyteller { padding: 1rem 0px 0px; } .homepage-storyteller__storyteller { padding-bottom: 0px; border-bottom: none; } .homepage-storyteller__mobile-line { display: none; } } @media (min-width: 85.3125rem) { .homepage-storyteller { padding: 1rem 0px; } } .key-events { margin: auto; max-width: 55.625rem; padding: 1.5rem 1rem; } .key-events__wrapper { margin-top: 1.375rem; } .key-events__wrapper--continues { margin-top: 1.5rem; } @media screen and (min-width: 48rem) { .key-events { padding: 1.5rem 2rem; } } .schedule-location { padding: 2rem 0px 0.5rem; background-color: rgb(242, 242, 242); } .schedule-location__header { display: flex; align-items: center; flex-direction: column; margin-bottom: 1rem; justify-content: center; } .schedule-location__location-title { font-weight: 700; text-align: center; margin-bottom: 0.25rem; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); font-size: 1.25rem; line-height: 1.5rem; } .schedule-location__link { text-align: center; text-transform: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.25rem; } .schedule-location__session-wrapper { display: flex; position: relative; margin-bottom: 1rem; justify-content: center; } .schedule-location__session-wrapper::before { top: 50%; left: 0px; content: ""; width: 100%; height: 2px; position: absolute; transform: translateY(-50%); background-color: rgb(230, 230, 230); } .schedule-location__session-text { font-weight: 500; margin-bottom: 0px; padding: 0px 0.5rem; text-align: center; color: rgb(102, 102, 102); font-family: "Sharp Sans No2", Arial, sans-serif; background-color: rgb(242, 242, 242); font-size: 0.75rem; line-height: 1rem; } .schedule-location__row { margin-bottom: 1rem; } .schedule-location__event { padding: 0.75rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); } .schedule-location__event-text { margin-bottom: 0px; font-weight: 500; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); font-size: 0.875rem; line-height: 1.25rem; } .schedule-component { padding: 1rem 0px 1.5rem; background-color: rgb(242, 242, 242); } .schedule-component__header { border-bottom: 1px solid rgb(230, 230, 230); } .schedule-component__ad-rolex { margin-bottom: 1rem; } .schedule-component__ad { margin-bottom: 1.5rem; } .schedule-component__row { border-bottom: 1px solid rgb(230, 230, 230); } .schedule-component__row-content { padding: 0px 1rem; display: flex; flex-wrap: nowrap; justify-content: center; } .schedule-component__row-content > div { flex: 1 0 100%; } @media (min-width: 48rem) { .schedule-component__header, .schedule-component__row { border-bottom: none; } .schedule-component__ad { margin: 3.5rem 0px 3rem; } .schedule-component__row-content { padding: 0px 2rem; margin: 0px -1rem; } .schedule-component__row-content > div { margin: 0px 1rem; max-width: 26.8125rem; flex: 1 0 calc(50% - 32px); } } @media (min-width: 85.3125rem) { .schedule-component__row-content > div { margin: 0px 1rem; max-width: 24.5625rem; flex: 1 0 calc(33.3333% - 32px); } } .newsletter-signup { position: relative; background-color: rgb(30, 40, 134); width: 100vw; margin: 0px calc(-50vw + 50%); overflow: hidden; box-sizing: border-box; padding: 3rem 2rem; } .newsletter-signup::after { position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%; background-image: url("/img/newsletter-bar-M.a4ce007b7db17050072f2346e1a8fab4.svg"); background-position: 0px 0px; background-repeat: no-repeat; } @media (min-width: 48rem) { .newsletter-signup { padding: 4rem 0px; width: auto; left: auto; right: auto; margin: 0px 1rem; } .newsletter-signup::after { background-image: url("/img/newsletter-horizontal-bar-D.ab10f4d1ca845369a9bd43cf039097ea.svg"); background-size: auto 2rem; background-position: -13.25rem top; } } @media (min-width: 64rem) { .newsletter-signup { margin: 0px 3.25rem; } } @media (min-width: 85.3125rem) { .newsletter-signup { padding: 5rem 0px; margin: 0px calc(-45.38vw + 50%); } .newsletter-signup::after { background-image: url("/img/newsletter-horizontal-bar-D.ab10f4d1ca845369a9bd43cf039097ea.svg"), url("/img/newsletter-vertical-bar-D.50b686cfa851638d7c9d1e02ba0f90a9.svg"); background-size: auto 2rem, 6.625rem 21.125rem; background-position: -13.25rem top, 100% 100%; background-repeat: no-repeat, no-repeat; } } @media (min-width: 105rem) { .newsletter-signup { margin: 0px calc(-46.02vw + 50%); } .newsletter-signup::after { background-image: url("/img/newsletter-horizontal-bar-XL.ab10f4d1ca845369a9bd43cf039097ea.svg"), url("/img/newsletter-vertical-bar-D.50b686cfa851638d7c9d1e02ba0f90a9.svg"); background-size: auto 2rem, 6.625rem 21.125rem; background-position: 0px 0px, 100% 100%; background-repeat: no-repeat, no-repeat; } } @media (min-width: 120rem) { .newsletter-signup { margin: 0px calc(-46.5vw + 50%); } } .newsletter-signup .wrapper { width: auto; max-width: 1440px; margin: 0px auto; position: relative; z-index: 1; } .newsletter-signup .header { text-align: center; margin: 0px auto; max-width: 53.75rem; width: 100%; } @media (min-width: 48rem) { .newsletter-signup .header { max-width: 28.625rem; margin: 0px auto 1rem; } } @media (min-width: 64rem) { .newsletter-signup .header { max-width: 53.75rem; } } .newsletter-signup .header h1, .newsletter-signup .header h2, .newsletter-signup .header h3, .newsletter-signup .header h4, .newsletter-signup .header h5, .newsletter-signup .header h6 { font-weight: 700; margin-bottom: 2rem; color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 2rem; line-height: 2.375rem; } .newsletter-signup .header h1.heading, .newsletter-signup .header h2.heading, .newsletter-signup .header h3.heading, .newsletter-signup .header h4.heading, .newsletter-signup .header h5.heading, .newsletter-signup .header h6.heading { line-height: 1.75rem; font-size: 1.5rem; margin-bottom: 1rem; } @media (min-width: 48rem) { .newsletter-signup .header h1.heading, .newsletter-signup .header h2.heading, .newsletter-signup .header h3.heading, .newsletter-signup .header h4.heading, .newsletter-signup .header h5.heading, .newsletter-signup .header h6.heading { line-height: 2.375rem; font-size: 2rem; margin-bottom: 1.5rem; } } @media (min-width: 85.3125rem) { .newsletter-signup .header h1.heading, .newsletter-signup .header h2.heading, .newsletter-signup .header h3.heading, .newsletter-signup .header h4.heading, .newsletter-signup .header h5.heading, .newsletter-signup .header h6.heading { line-height: 3rem; font-size: 2.5rem; } } .newsletter-signup .header p { margin-bottom: 0px; } .newsletter-signup .header a, .newsletter-signup .header p { font-weight: 500; font-size: 0.875rem; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(255, 255, 255); line-height: 1.375rem; } @media (min-width: 85.3125rem) { .newsletter-signup .header a, .newsletter-signup .header p { font-size: 1rem; line-height: 1.625rem; } } .newsletter-signup .header .text-box { margin: 0px auto; max-width: 50.9375rem; width: 100%; } .newsletter-signup .header .contact-methods { margin: 2em 0px 0px; padding: 0px; } .newsletter-signup .header .contact-methods .field { margin: 1.25em 0px; font-weight: 700; font-size: 0.9375em; line-height: 1; } .newsletter-signup .header .contact-methods .field .field__label { display: inline-block; color: rgb(215, 215, 0); margin-right: 0.25em; } .newsletter-signup .header .contact-methods .field .field__item { display: inline-block; } .newsletter-signup .success-message { display: none; position: absolute; top: 11%; width: 100%; } @media (min-width: 48rem) { .newsletter-signup .success-message { top: 12%; } } @media (min-width: 64rem) { .newsletter-signup .success-message { top: 33%; } } @media (min-width: 85.3125rem) { .newsletter-signup .success-message { top: 34.5%; } } .newsletter-signup .success-message p { color: rgb(255, 255, 255); font-weight: 700; font-size: 0.875rem; line-height: 1.375rem; font-family: "Sharp Sans No2", Arial, sans-serif; } @media (min-width: 85.3125rem) { .newsletter-signup .success-message p { font-size: 1rem; line-height: 1.625rem; } } .newsletter-signup .form-container { position: relative; text-align: center; color: rgb(102, 102, 102); z-index: 1; margin: 0px auto; max-width: 53.75rem; width: 100%; } @media (min-width: 48rem) { .newsletter-signup .form-container { max-width: 28.625rem; } } @media (min-width: 64rem) { .newsletter-signup .form-container { max-width: 53.75rem; } } .newsletter-signup .form-container .form-item { margin: 1rem 0px 0px; position: relative; width: 100%; } @media (min-width: 64rem) { .newsletter-signup .form-container .form-item { margin-right: 2rem; width: 17.8125rem; } } @media (min-width: 85.3125rem) { .newsletter-signup .form-container .form-item { width: 17.875rem; } } .newsletter-signup .form-container .form-item.form-type-checkbox::after { display: none; } .newsletter-signup .form-container .form-item .form-text { padding: 1rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(242, 242, 242); font-size: 0.875rem; border-radius: 0.1875rem; line-height: 1.125rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; box-sizing: border-box; color: rgb(51, 51, 51); width: 100%; height: 3.5rem; } @media (min-width: 64rem) { .newsletter-signup .form-container .form-item .form-text { font-size: 1rem; } } .newsletter-signup .form-container .form-item .form-text::-webkit-input-placeholder { color: grey; font-family: "Sharp Sans No2", Arial, sans-serif; transition: color 0.15s ease 0s; opacity: 1; } .newsletter-signup .form-container .form-item .form-text::placeholder { color: grey; font-family: "Sharp Sans No2", Arial, sans-serif; transition: color 0.15s ease 0s; opacity: 1; } .newsletter-signup .form-container .form-item .form-text.isSelected { color: rgb(51, 51, 51); } .newsletter-signup .form-container .form-item .form-text:focus { outline: none; } .newsletter-signup .form-container .form-item .form-text.error { background: linear-gradient(0deg, rgba(255, 0, 0, 0.1), rgba(255, 0, 0, 0.1)), rgb(255, 255, 255); border-color: red; } .newsletter-signup .form-container .form-item .form-text.error .isSelected::-webkit-input-placeholder { color: grey; } .newsletter-signup .form-container .form-item .form-text.error .isSelected::placeholder { color: grey; } .newsletter-signup .form-container .form-item .form-text .form-select { appearance: none; color: grey; font-weight: 700; } .newsletter-signup .form-container .form-item .form-text:disabled { background-color: rgb(230, 230, 230); border-color: rgb(178, 178, 178); opacity: 1; } .newsletter-signup .form-container .form-item .form-text:disabled::-webkit-input-placeholder { color: rgb(170, 170, 170); } .newsletter-signup .form-container .form-item .form-text:disabled::placeholder { color: rgb(170, 170, 170); } @media (max-width: 47.9375rem) { .newsletter-signup .form-container .form-item.form-email { margin-top: 2rem; } } .newsletter-signup .form-container .form-item.select-item select.select { padding-right: 2rem; height: 3.5rem; appearance: none; color: grey; } .newsletter-signup .form-container .form-item.select-item select.select:disabled { background-color: rgb(230, 230, 230); color: rgb(170, 170, 170); border-color: rgb(178, 178, 178); opacity: 1; } .newsletter-signup .form-container .form-item.select-item select.select.error.isSelected, .newsletter-signup .form-container .form-item.select-item select.select.isSelected { color: rgb(51, 51, 51); } .newsletter-signup .form-container .form-item.select-item::after { content: ""; background: url("/img/chevron-smallest-down.4a37e76e2f4a2031d361d433d62b0b68.png") 0px 0px no-repeat; pointer-events: none; width: 0.625rem; height: 0.625rem; position: absolute; right: 1.0625rem; top: 1.5625rem; } .newsletter-signup .form-container .error-message { color: rgb(255, 112, 112); display: block; margin-top: 0.5rem; text-align: left; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.75rem; font-weight: 600; } .newsletter-signup .form-container .form-item-privacy { margin: 2rem auto 0px; color: rgb(0, 58, 93); font-family: "Sharp Sans No2", Arial, sans-serif; justify-content: center; flex-flow: row; align-items: flex-start; } @media (min-width: 64rem) { .newsletter-signup .form-container .form-item-privacy { width: 100%; margin: 2rem 1.5rem 0px; } } .newsletter-signup .form-container .form-item-privacy__description-wrapper { flex: 0 1 max-content; display: flex; flex-direction: column; padding-left: 1rem; } .newsletter-signup .form-container .form-item-privacy label, .newsletter-signup .form-container .form-item-privacy label p { font-family: "Sharp Sans No2", Arial, sans-serif; margin-bottom: 0px; display: inline-block; font-weight: 600; font-size: 0.875rem; color: rgb(255, 255, 255); text-align: left; } @media (min-width: 64rem) { .newsletter-signup .form-container .form-item-privacy label, .newsletter-signup .form-container .form-item-privacy label p { font-size: 1rem; } } .newsletter-signup .form-container .form-item-privacy label a, .newsletter-signup .form-container .form-item-privacy label p a { font-size: 0.875rem; color: rgb(255, 255, 255); } @media (min-width: 64rem) { .newsletter-signup .form-container .form-item-privacy label a, .newsletter-signup .form-container .form-item-privacy label p a { font-size: 1rem; } } .newsletter-signup .form-container .form-item-privacy label:hover, .newsletter-signup .form-container .form-item-privacy label p:hover { cursor: pointer; } .newsletter-signup .form-container .form-item-privacy .form-checkbox { flex: 0 0 1.5rem; width: 1.5rem; height: 1.5rem; border-radius: 0.25rem; appearance: none; background: rgb(255, 255, 255); border: 0.125rem solid rgb(204, 204, 204); position: relative; margin-top: 0.125rem; } .newsletter-signup .form-container .form-item-privacy .form-checkbox:checked { background-color: rgb(0, 115, 178); border-color: rgb(0, 115, 178); } .newsletter-signup .form-container .form-item-privacy .form-checkbox:hover { cursor: pointer; } .newsletter-signup .form-container .form-item-privacy .form-checkbox:disabled { background-color: rgb(230, 230, 230); border-color: rgb(178, 178, 178); } .newsletter-signup .form-container .form-item-privacy .form-checkbox:disabled:hover { cursor: default; } .newsletter-signup .form-container .form-item-privacy .error-message { width: 100%; flex: 1 0 100%; } .newsletter-signup .form-container .messages__list { text-align: left; padding-left: 0px; } .newsletter-signup .form-container .form-actions { order: 1; margin-top: 2rem; } @media (min-width: 64rem) { .newsletter-signup .form-container .form-actions { margin-top: 1rem; order: unset; } } .newsletter-signup .form-container .form-actions .form-submit-wrapper .form-submit { box-shadow: none; text-transform: uppercase; font-size: 1rem; height: 3.5rem; padding: 1.0625rem 4.1875rem; width: 100%; background-color: transparent; border: 1.6px solid rgb(255, 255, 255); } @media (min-width: 64rem) { .newsletter-signup .form-container .form-actions .form-submit-wrapper .form-submit { font-size: 0.875rem; padding: 1.1875rem 4.3125rem; width: 11.25rem; } } @media (min-width: 85.3125rem) { .newsletter-signup .form-container .form-actions .form-submit-wrapper .form-submit { padding: 1.12rem 4.1875rem; } } .newsletter-signup .form-container .action-wrapper { display: flex; flex-direction: column; } @media (min-width: 64rem) { .newsletter-signup .form-container .action-wrapper { display: block; flex-direction: unset; width: 11.25rem; } } .newsletter-signup .fields-flex { display: flex; flex-flow: column; } @media (min-width: 64rem) { .newsletter-signup .fields-flex { justify-content: center; flex-flow: wrap; } } .newsletter-signup .fields-flex label[for="country"], .newsletter-signup .fields-flex label[for="email"] { position: absolute; opacity: 0; pointer-events: none; } .newsletter-signup #submitResult { display: none; } .newsletter-signup.submitted .form-subscribe { opacity: 0; } .newsletter-signup.submitted .success-message { display: block; } .alias--contact-us .component-hospitality-enquiry { padding-bottom: 10em; } .commentary-app { padding: 1.5rem 0px 0px; position: relative; } .commentary-app__section { padding: 0px 1rem; margin-bottom: 2rem; } .commentary-app__ads.ad-banner-responsive { margin-bottom: 2rem; } .commentary-app__filter-container { width: calc(100% - 2rem); margin: 0px 1rem; } .commentary-app__game { padding: 0px 1rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); } .commentary-app__game-wrapper { margin-bottom: 2rem; } .commentary-app__game-heading { font-family: "Sharp Sans No2", Arial, sans-serif; margin-bottom: -1.25rem; text-transform: none; letter-spacing: 0.02em; color: rgb(51, 51, 51); font-size: 1.5rem; line-height: 1.75rem; } @media (min-width: 48rem) { .commentary-app { padding: 2rem 2rem 3rem; } .commentary-app__filter-container { max-width: 24.5rem; margin: 0px auto; } .commentary-app__section { padding: 0px; } .commentary-app__game-wrapper, .commentary-app__section { max-width: 55.625rem; margin: 0px auto 2rem; } } @media (min-width: 85.3125rem) { .commentary-app__game-wrapper, .commentary-app__section { max-width: 51rem; } } .commentary-header { padding: 1rem 0px; display: flex; align-items: center; position: relative; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(230, 230, 230); } .commentary-header p { font-weight: 700; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); } .commentary-header__heading { margin-bottom: 0.25rem; font-size: 1rem; line-height: 1.25rem; } .commentary-header__score { margin: 0px; letter-spacing: 0.02em; font-size: 1.25rem; line-height: 1.5rem; } .commentary-header__content-wrapper { flex-grow: 1; display: flex; flex-direction: column; } .commentary-header__image { width: 3rem; height: 3rem; background-size: contain; background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 50%; background-color: rgb(255, 255, 255); } .commentary-header__image--flag { position: relative; height: 2.25rem; border: none; border-radius: 2px; background-size: cover; background-position: 50% center; } .commentary-header__image--flag::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 2px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); } .commentary-header__image--doubles { width: 1.875rem; height: 1.875rem; } .commentary-header__image--doubles:first-child { margin-right: 1.125rem; } .commentary-header__image--doubles:last-child { margin: -0.75rem 0px 0px 1.125rem; } .commentary-header__image--doubles-flag { width: 2.25rem; height: 1.5rem; } .commentary-header__image--doubles-flag:first-child { margin-right: 0.75rem; } .commentary-header__image--doubles-flag:last-child { margin: -0.75rem 0px 0px 0.75rem; } .commentary-header__image--hero { width: 4.5rem; height: 4.5rem; border-radius: 0px; border: none; background-color: transparent; position: absolute; right: 1rem; bottom: 0px; } .commentary-header--invert { border-radius: 4px; padding: 1rem; border-bottom: none; background: linear-gradient(90deg, rgb(30, 40, 134), rgb(0, 145, 210) 140.32%); } .commentary-header--invert p { color: rgb(255, 255, 255); } .commentary-header--hero { padding-right: 5.5rem; } .commentary-row { padding: 0.75rem 0px; display: flex; flex-wrap: nowrap; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(230, 230, 230); } .commentary-row:last-child { border-bottom: none; } .commentary-row__image-wrapper { margin-right: 1rem; } .commentary-row__content-wrapper { flex-grow: 1; display: flex; position: relative; flex-direction: column; justify-content: center; } .commentary-row__content-top { display: flex; padding-right: 3.5rem; justify-content: space-between; } .commentary-row__image { background-size: contain; background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; position: relative; } .commentary-row__image--player { width: 2.5rem; height: 2.5rem; border-radius: 50%; } .commentary-row__image--doubles { width: 1.875rem; height: 1.875rem; } .commentary-row__image--doubles:first-child { margin: -0.25rem 0px 0px -0.25rem; } .commentary-row__image--doubles:last-child { background-color: rgb(255, 255, 255); margin: -0.75rem -0.25rem 0px 1rem; } .commentary-row__image--flag { position: relative; border: none; width: 2.25rem; height: 1.5rem; border-radius: 2px; margin: 0.5rem 0.125rem; background-size: cover; background-position: 50% center; } .commentary-row__image--flag::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 2px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); } .commentary-row__image--doubles-flag { width: 1.5rem; height: 1rem; } .commentary-row__image--doubles-flag:first-child { margin: 0.5rem 0px 0px 0.125rem; } .commentary-row__image--doubles-flag:last-child { margin: -0.5rem 0.125rem 0.5rem 0.875rem; } .commentary-row p, .commentary-row span { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); } .commentary-row__heading { margin: 0.25rem 0px; font-weight: 700; font-size: 0.75rem; line-height: 1rem; } .commentary-row__heading > span { font-weight: 400; } .commentary-row__score { position: absolute; right: 0px; top: 0px; margin: 0px; font-weight: 700; letter-spacing: 0.02em; font-size: 1rem; line-height: 1.5rem; } .commentary-row__commentary { font-weight: 400; margin: 0px; font-size: 0.75rem; line-height: 1rem; } .floating-control { top: 0px; right: 0px; z-index: 15; display: flex; position: fixed; align-items: center; padding: 0.25rem 0.75rem; justify-content: center; background-color: rgba(255, 255, 255, 0.8); } .floating-control > .input-field, .floating-control > .input-field > * { cursor: pointer; } .match-centre-scorecard { margin-bottom: 1.875rem; width: 100%; } .match-centre-scorecard__card::after, .match-centre-scorecard__card::before { display: none !important; } .match-centre-scorecard__header { align-items: center; color: rgb(255, 255, 255); display: flex; justify-content: center; margin-bottom: 1.125rem; margin-top: 0.375rem; } .match-centre-scorecard__header .match-centre-scorecard__status, .match-centre-scorecard__header .match-centre-scorecard__time { padding-left: 0.5rem; padding-right: 0.5rem; } .match-centre-scorecard__header .match-centre-scorecard__status .status-label__dot-wrapper.position__left, .match-centre-scorecard__header .match-centre-scorecard__time .status-label__dot-wrapper.position__left { left: 0.5rem; } .match-centre-scorecard__header .match-centre-scorecard__status .status-label__dot-wrapper.position__left + span, .match-centre-scorecard__header .match-centre-scorecard__time .status-label__dot-wrapper.position__left + span { margin-left: 0.875rem; } .match-centre-scorecard__time { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.75rem; font-weight: 600; margin-top: -0.125rem; display: flex; align-items: center; } .match-centre-scorecard__time-icon { margin-right: 3px; } .match-centre-scorecard__time-icon.white { display: none; } .match-centre-scorecard__time-value { margin-bottom: -3px; } .blue-layout .match-centre-scorecard .match-centre-scorecard__time-icon { display: none; } .blue-layout .match-centre-scorecard .match-centre-scorecard__time-icon.white { display: inline-block; } .tab-content-match { font-size: 1rem; position: relative; } .tab-content-match, .tab-content-match > * { box-sizing: border-box; } .tab-content-match__inner { display: flex; flex-direction: column-reverse; padding: 0px 3.5% 1.25rem; } @media (min-width: 48rem) { .tab-content-match__inner { padding: 2.5rem 7%; } } @media (min-width: 85.3125rem) { .tab-content-match__inner { flex-direction: row; } } .tab-content-match__inner--no-top-padding { padding-top: 0px; } .tab-content-match__tab-content { padding: 0px; } @media (min-width: 85.3125rem) { .tab-content-match__tab-content { padding-right: 3.75rem; width: 100%; } } .tab-content-match__tab-content--full-width { width: 100%; } @media (min-width: 768px) { .tab-content-match__tab-content.component-tabs-content .tab-viewport .tab-view { min-height: auto; } } .tab-content-match__nav { background-color: rgb(255, 255, 255); display: flex; justify-content: center; position: sticky; top: 4rem; width: 100%; z-index: 10; } .tab-content-match__nav--fixed { position: fixed; box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 8px; } .tab-content-match__nav nav.component-tabs-nav { width: 100%; } .browser-ie .tab-content-match__nav.js-is-sticky { max-width: 1440px; } .browser-ie .tab-content-match__nav.js-is-sticky + #js-player-profile-tab-content { padding-top: 3.375rem; } body.is-aus-open-app .tab-content-match__nav { top: -1px; } .tab-content-match__sidebar { display: flex; justify-content: center; position: relative; } @media (min-width: 85.3125rem) { .tab-content-match__sidebar { display: block; flex: 0 0 auto; width: 300px; } } .tab-content-match__content, .tab-content-match__sidebar--hide, .tab-content-match__tab-item { display: none; } .tab-content-match__content.is-active, .tab-content-match__tab-item.is-active { display: block; } #InfosysMatchCenter, .tab-content-match .pager { display: none; } #InfosysMatchCenter.is-active { display: block; } .match-center-stats__column { width: 100%; } .match-center-stats .mc-stats-table-container { background-color: rgb(34, 34, 34); background-image: url("/img/statistic-pattern.745fbbc49e739b2d69048fb0439ecb1a.svg"); background-position: center top; background-repeat: repeat-x; background-size: auto 65px; border-radius: 6px; font-family: "Sharp Sans No2", Arial, sans-serif; margin: 0px 0px 2.5rem; overflow: hidden; padding: 0px 0px 1.875rem; position: relative; width: 100%; } @media (min-width: 48rem) { .match-center-stats .mc-stats-table-container { max-width: 640px; width: auto; } } .match-center-stats .mc-stats-table-header { align-items: center; background: none; box-sizing: border-box; display: flex; flex-wrap: wrap; width: 100%; } @media (min-width: 48rem) { .match-center-stats .mc-stats-table-header { flex-wrap: nowrap; } } .match-center-stats .mc-stats-table-header__column { box-sizing: border-box; } .match-center-stats .mc-stats-table-header__column--team { width: 50%; } @media (min-width: 48rem) { .match-center-stats .mc-stats-table-header__column--team { width: 30%; } } .match-center-stats .mc-stats-table-header__column--stat { order: 2; padding: 0.625rem 0px 0.9375rem; width: 100%; } @media (min-width: 48rem) { .match-center-stats .mc-stats-table-header__column--stat { order: inherit; padding: 0px; width: 40%; } } .match-center-stats .mc-stats-table-header__column--left { padding-right: 5%; text-align: center; } @media (min-width: 30rem) { .match-center-stats .mc-stats-table-header__column--left { padding-right: 10%; text-align: right; } } @media (min-width: 48rem) { .match-center-stats .mc-stats-table-header__column--left { padding-right: 0px; } } .match-center-stats .mc-stats-table-header__column--right { padding-left: 5%; text-align: center; } @media (min-width: 30rem) { .match-center-stats .mc-stats-table-header__column--right { text-align: left; padding-left: 10%; } } @media (min-width: 48rem) { .match-center-stats .mc-stats-table-header__column--right { padding-left: 0px; } } .match-center-stats .mc-stats-table-header__team { display: inline-block; margin: 2.5rem 0px 0.625rem; } .match-center-stats .mc-stats-table-header__player { margin: 0px auto; text-align: center; text-transform: uppercase; } .match-center-stats .mc-stats-table-header__player-name { color: rgb(255, 255, 255); font-size: 0.625rem; font-weight: 700; hyphens: auto; letter-spacing: 0.5px; margin: 0.125rem auto 0px; overflow-wrap: break-word; text-align: center; } .match-center-stats .mc-stats-table-header__player-name:last-child { margin-top: 0.3125rem; } .match-center-stats .mc-stats-table-header__dropdown .button-dropdown__display { background-color: rgb(244, 244, 244); border: none; padding: 0.25rem; text-align: center; width: 60%; } .match-center-stats .mc-stats-table-header__dropdown .button-dropdown__value { color: rgb(102, 102, 102); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.6875rem; font-weight: 600; padding-top: 0.25rem; } .match-center-stats .mc-stats-table { table-layout: fixed; margin: 0px 2%; width: 96%; } .match-center-stats .mc-stats-table th { padding: 0px 10px; width: 33.33%; } @media (min-width: 48rem) { .match-center-stats .mc-stats-table th { width: auto; } } .match-center-stats .mc-stats-table td { height: 3.75rem; word-break: break-word; vertical-align: middle; } .match-center-stats .mc-stats-table td:first-child, .match-center-stats .mc-stats-table td:last-child { padding: 0px 10px; } .match-center-stats .mc-stats-table td:nth-child(2), .match-center-stats .mc-stats-table td:nth-child(4) { width: 24px; } .match-center-stats .mc-stats-table__stat-row { color: rgb(255, 255, 255); padding: 0.625rem; } .match-center-stats .mc-stats-table__stat-row:nth-child(2n+1) { background: rgba(0, 0, 0, 0.25); border-radius: 3px; } .match-center-stats .mc-stats-table__stat { padding: 0.625rem 0px; } .match-center-stats .mc-stats-table__stat--left { text-align: right; } .match-center-stats .mc-stats-table__stat--right { text-align: left; } .match-center-stats .mc-stats-table__stat-name { color: rgb(238, 238, 238); display: block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.75rem; font-weight: 700; hyphens: auto; text-align: center; } .match-center-stats .mc-stats-table__teamA-icon { text-align: right; display: block; } .match-center-stats .mc-stats-table__teamB-icon { text-align: left; display: block; } .match-center-stats .mc-stats-table__primary-stat { display: block; font-size: 1.5em; font-weight: 700; line-height: 1; } .match-center-stats .mc-stats-table__primary-stat--subscript { display: inline-block; font-size: 0.5em; left: -4px; position: relative; } .match-center-stats .mc-stats-table__secondary-stat { color: rgb(238, 238, 238); display: block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.7em; line-height: 1; margin-top: 0.3125rem; } .match-center-stats.blue-layout .mc-stats-table-container { background-color: rgb(244, 244, 244); background-image: none; } .match-center-stats.blue-layout .mc-stats-table-header__player-name { color: rgb(0, 0, 0); } .match-center-stats.blue-layout .mc-stats-table-header__dropdown .button-dropdown__display { background-color: rgb(255, 255, 255); } .match-center-stats.blue-layout .mc-stats-table__stat-row { color: rgb(0, 58, 93); } .match-center-stats.blue-layout .mc-stats-table__stat-row:nth-child(2n+1) { background: none; } .match-center-stats.blue-layout .mc-stats-table__secondary-stat, .match-center-stats.blue-layout .mc-stats-table__stat-name { color: rgb(0, 58, 93); } .match-center-stats { padding: 1.5rem 0px 0px; position: relative; box-sizing: border-box; } .match-center-stats__section { padding: 0px; margin-bottom: 2rem; width: 100%; } .match-center-stats__ads.ad-banner-responsive { margin-bottom: 2rem; } .match-center-stats__filter-container { width: calc(100% - 2rem); margin: 0px 1rem; } @media (min-width: 48rem) { .match-center-stats { padding: 2rem 2rem 3rem; } .match-center-stats__section { padding: 0px; max-width: 55.625rem; margin: 0px auto 2rem; } .match-center-stats__filter-container { max-width: 21rem; margin: 0px auto; } } @media (min-width: 64rem) { .match-center-stats__filter-container { max-width: 17.25rem; } } @media (min-width: 85.3125rem) { .match-center-stats__filter-container { max-width: 24.5rem; } .match-center-stats__section { max-width: 51rem; } } .mc-stats-table-2022 { margin-top: 2rem; width: 100%; } .mc-stats-table-2022__title { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.75rem; margin: 2rem 1rem 0.75rem; } @media (min-width: 48rem) { .mc-stats-table-2022__title { margin: 2rem 0px 0.75rem; } } .mc-stats-table-2022__container { background: rgb(255, 255, 255); padding: 1rem; } @media (min-width: 85.3125rem) { .mc-stats-table-2022__container { padding: 1.5rem; } } .mc-stats-table-2022__subgroup { padding-bottom: 1.5rem; border-bottom: 1px solid rgb(230, 230, 230); } .mc-stats-table-2022__subgroup:last-of-type { padding-bottom: 0px; border-bottom: none; } .mc-stats-table-2022__subgroup-title { padding-top: 24px; margin-bottom: 0px; font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; font-family: "Sharp Sans No2", Arial, sans-serif; } .mc-stats-table-2022 .stats-comparison-row { margin-top: 1.5rem; } .mc-commentary { width: 100%; } @media (min-width: 85.3125rem) { .mc-commentary { padding-right: 2.5rem; } } .mc-commentary__container { max-width: 40rem; width: 100%; } .mc-commentary__header { align-items: center; background-color: rgb(244, 244, 244); background-image: url("/img/statistic-pattern-light.646986d3803eb0ebe39958ac07e8ed52.svg"); background-position: center top; background-repeat: repeat-x; background-size: 29.3125rem 3.125rem; border-radius: 5px 5px 0px 0px; color: rgb(0, 0, 0); display: flex; flex-wrap: wrap; font-family: "Sharp Sans No2", Arial, sans-serif; justify-content: flex-start; min-height: 62px; min-width: 300px; padding-top: 50px; width: 100%; } @media (min-width: 48rem) { .mc-commentary__header { flex-wrap: nowrap; } } .mc-commentary__header__heading { font-size: 1.0625rem; color: rgb(0, 0, 0); font-weight: 400; margin: 0px 0px 0.9375rem; } .mc-commentary__header__heading--bold { font-weight: 700; } @media (min-width: 48rem) { .mc-commentary__header__heading { margin: 0.9375rem 0px; } } .mc-commentary__header__game-score { margin: auto; text-align: right; font-size: 1.875rem; font-weight: 700; } .mc-commentary__header__players { margin: 0.5rem 0px; } .mc-commentary__header__left-column { order: 1; margin-left: 0.625rem; } @media (min-width: 48rem) { .mc-commentary__header__left-column { order: 1; display: inline-block; } } .mc-commentary__header__middle-column { display: block; flex: 0 1 100%; margin-left: 0.9375rem; order: 3; } @media (min-width: 48rem) { .mc-commentary__header__middle-column { flex: 0 0 auto; width: auto; display: inline-block; order: 2; margin-left: 0.625rem; } } .mc-commentary__header__right-column { height: 100%; margin: auto 0.625rem auto auto; min-width: 80px; order: 2; width: 4.375rem; } @media (min-width: 48rem) { .mc-commentary__header__right-column { order: 3; } } .mc-commentary__header--dark { background-image: url("/img/statistic-pattern.745fbbc49e739b2d69048fb0439ecb1a.svg"); background-color: rgb(34, 34, 34); color: rgb(255, 255, 255); } .mc-commentary__header--dark .mc-commentary__header__heading { color: rgb(255, 255, 255); } .mc-commentary__commentary { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: center; border-top: 1px solid rgb(221, 221, 221); padding: 1em 0px; width: 100%; } .mc-commentary__commentary--no-top-border { border: 0px; } .mc-commentary__commentary--heading { border-top: 0px; } .mc-commentary__commentary__left-column { min-width: 125px; order: 1; display: flex; align-items: center; padding-left: 1.125rem; box-sizing: border-box; } .mc-commentary__commentary__left-column--timestamp { background-color: rgb(248, 248, 248); border-radius: 20px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: rgb(102, 102, 102); display: inline-block; font-size: 0.75em; margin-left: 0.9375rem; padding: 0.5em; text-align: center; width: 3.4375rem; } .mc-commentary__commentary__left-column--timestamp::before { color: rgb(215, 215, 0); margin-right: 0.25em; margin-top: -3px; } .mc-commentary__commentary__left-column .-bold { font-weight: 700; } .mc-commentary__commentary__middle-column { width: 100%; padding: 0.625rem 1.25rem 0px; order: 3; } .mc-commentary__commentary__middle-column p { font-size: 0.75rem; } .mc-commentary__commentary__right-column { order: 2; margin-right: 0.625rem; margin-left: auto; text-align: right; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; font-size: 1.0625rem; } .mc-commentary__commentary p { margin-bottom: 0px; } @media (min-width: 48rem) { .mc-commentary__commentary__left-column { order: 1; } .mc-commentary__commentary__middle-column { order: 2; margin-left: 0.625rem; padding: 0px; width: auto; } .mc-commentary__commentary__right-column { order: 3; } } .mc-commentary__points-icon { width: 1.875rem; height: 1.875rem; } .mc-commentary__racquet-icon { width: 1.5rem; height: 1.5rem; margin: 0.1875rem; } .mc-commentary.blue-layout .mc-commentary__header { background: rgb(0, 145, 210); padding-top: 16px; } .mc-commentary.blue-layout .mc-commentary__header .mc-commentary__header__game-score, .mc-commentary.blue-layout .mc-commentary__header__heading { color: rgb(255, 255, 255); } .image-content-block { display: flex; flex-direction: column-reverse; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); justify-content: center; padding: 3rem 1rem; } @media (min-width: 48rem) { .image-content-block { flex-direction: row; padding: 0px; } } .image-content-block__image { background-size: cover; background-position: 50% center; width: 100%; min-height: 21.4375rem; } @media (min-width: 48rem) { .image-content-block__image { min-height: 21rem; } } @media (min-width: 64rem) { .image-content-block__image { width: 100%; min-height: 26.75rem; } } @media (min-width: 85.3125rem) { .image-content-block__image { min-height: 31.125rem; } } .image-content-block__image-wrapper { display: flex; } @media (min-width: 48rem) { .image-content-block__image-wrapper { flex-basis: 21rem; } } @media (min-width: 64rem) { .image-content-block__image-wrapper { flex-basis: 26.75rem; } } @media (min-width: 85.3125rem) { .image-content-block__image-wrapper { flex-basis: 31.125rem; } } .image-content-block__extrawide-image { justify-content: flex-start; } @media (min-width: 48rem) { .image-content-block__image-wrapper--extrawide-image { flex-basis: 47.8%; } } @media (min-width: 64rem) { .image-content-block__image-wrapper--extrawide-image { flex-basis: 48.35%; } } @media (min-width: 85.3125rem) { .image-content-block__image-wrapper--extrawide-image { flex-basis: 41.07%; } } @media (min-width: 120rem) { .image-content-block__image-wrapper--extrawide-image { flex-basis: 43.65%; } } @media (min-width: 48rem) { .image-content-block__spacer { width: 2.0625rem; } } @media (min-width: 85.3125rem) { .image-content-block__spacer { width: 8.625rem; } } @media (min-width: 48rem) { .image-content-block__content-wrapper { flex-basis: 21rem; } } @media (min-width: 64rem) { .image-content-block__content-wrapper { flex-basis: 26.75rem; } } @media (min-width: 85.3125rem) { .image-content-block__content-wrapper { flex-basis: 37.75rem; } } .image-content-block__logo-image-wrapper { margin: 2.5rem 0px; } @media (min-width: 48rem) { .image-content-block__logo-image-wrapper { margin: 3rem 0px; } } @media (min-width: 85.3125rem) { .image-content-block__logo-image-wrapper { margin: 3.5rem 0px; } } .image-content-block h1, .image-content-block h2 { font-size: 2rem; line-height: 2.375rem; margin-bottom: 1.5rem; letter-spacing: 0.02em; color: rgb(51, 51, 51); font-weight: 700; } @media (min-width: 48rem) { .image-content-block h1, .image-content-block h2 { font-size: 3rem; line-height: 3.5rem; } } @media (min-width: 85.3125rem) { .image-content-block h1, .image-content-block h2 { font-size: 3.5rem; line-height: 4.375rem; } } .image-content-block h3 { font-size: 2rem; line-height: 2rem; letter-spacing: 0.02em; color: rgb(0, 58, 93); font-weight: 900; } @media (min-width: 64rem) { .image-content-block h3 { font-size: 3.5rem; line-height: 3.5rem; } } .image-content-block h4 { font-size: 1.125rem; line-height: 1.5rem; letter-spacing: 0.02em; color: rgb(0, 58, 93); font-weight: 900; } @media (min-width: 64rem) { .image-content-block h4 { font-size: 1.5rem; line-height: 2rem; } } .image-content-block__body-text { margin-bottom: 1.5rem; } .image-content-block__body-text ol li, .image-content-block__body-text p, .image-content-block__body-text ul li { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(102, 102, 102); font-size: 0.75rem; line-height: 1.125rem; font-weight: 500; } @media (min-width: 48rem) { .image-content-block__body-text ol li, .image-content-block__body-text p, .image-content-block__body-text ul li { font-size: 0.875rem; line-height: 1.375rem; } } @media (min-width: 85.3125rem) { .image-content-block__body-text ol li, .image-content-block__body-text p, .image-content-block__body-text ul li { font-size: 1rem; line-height: 1.625rem; } } .image-content-block__body-text ol, .image-content-block__body-text p, .image-content-block__body-text ul { margin-bottom: 1rem; } .image-content-block__body-text ul li { position: relative; } .image-content-block__body-text ul li::before { content: ""; position: absolute; width: 3.3px; height: 3.3px; top: calc(0.5em + 3.3px); left: -15px; background-color: rgb(0, 115, 178); border-radius: 50%; } .image-content-block__body-text a { font-size: 0.75rem; line-height: 1.125rem; } @media (min-width: 48rem) { .image-content-block__body-text a { font-size: 0.875rem; line-height: 1.375rem; } } @media (min-width: 85.3125rem) { .image-content-block__body-text a { font-size: 1rem; line-height: 1.625rem; } } .image-content-block__body-text p:last-child { margin-bottom: 0px; } .image-content-block__body-text .text-align-center { text-align: center; } .image-content-block__body-text .text-align-right { text-align: right; } .image-content-block__label { font-size: 1rem; line-height: 1.25rem; letter-spacing: 0.02em; color: rgb(0, 115, 178); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; margin: 0px; } @media (min-width: 48rem) { .image-content-block__label { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .image-content-block__label { font-size: 1.5rem; line-height: 1.75rem; } } .image-content-block__label + .image-content-block__body-text, .image-content-block__label + .image-content-block__title { margin-top: 1rem; } .image-content-block img.image-content-block__logo-image { display: block; max-height: 4.75rem; width: auto !important; } @media (min-width: 48rem) { .image-content-block img.image-content-block__logo-image { max-height: 6.25rem; } } @media (min-width: 85.3125rem) { .image-content-block img.image-content-block__logo-image { max-height: 9rem; } } .image-content-block__button { line-height: 0.8125rem; font-size: 0.75rem; letter-spacing: 0.08em; padding: 0.5625rem 1rem 0.4375rem; margin-left: 1rem; text-align: center; } .image-content-block__button:first-child { margin-left: 0px; } @media (min-width: 48rem) { .image-content-block__button { padding: 0.8125rem 1.25rem 0.6875rem; } } @media (min-width: 85.3125rem) { .image-content-block__button { font-size: 0.875rem; line-height: 0.9375rem; letter-spacing: 0.1em; padding: 1.25rem 1.5rem 1.125rem; margin-left: 2rem; } } .image-content-block__buttons-container { padding-bottom: 3rem; } @media (min-width: 48rem) { .image-content-block__buttons-container { padding-bottom: 4rem; } } @media (min-width: 85.3125rem) { .image-content-block__buttons-container { padding-bottom: 5rem; } } @media (min-width: 48rem) { .image-content-block--image-right { flex-direction: row-reverse; } } .image-content-block--extra-padding { padding-top: 3rem; } @media (min-width: 48rem) { .image-content-block--extra-padding { padding-top: 4rem; } } @media (min-width: 85.3125rem) { .image-content-block--extra-padding { padding-top: 5rem; } } .ao-layout__section--light-text-mode .image-content-block__body-text ol, .ao-layout__section--light-text-mode .image-content-block__body-text p, .ao-layout__section--light-text-mode .image-content-block__body-text ul, .ao-layout__section--light-text-mode .image-content-block__label, .ao-layout__section--light-text-mode .image-content-block h1, .ao-layout__section--light-text-mode .image-content-block h2, .ao-layout__section--light-text-mode .image-content-block h3, .ao-layout__section--light-text-mode .image-content-block h4, .ao-layout__section--light-text-mode .image-content-block h5, .ao-layout__section--light-text-mode .image-content-block h6 { color: rgb(255, 255, 255); } .image-content-block__wrapper--overhang { margin-bottom: -3.5rem; } .image-content-block__wrapper--overhang .image-content-block__image { margin-bottom: -112px; } @media (min-width: 48rem) { .image-content-block__wrapper--overhang { margin-bottom: 0px; } } .ao-layout__section--thin-padding .image-content-block__wrapper--overhang { margin-bottom: -3rem; } .ao-layout__section--thin-padding .image-content-block__wrapper--overhang .image-content-block__image { margin-bottom: -96px; } @media (min-width: 48rem) { .ao-layout__section--thin-padding .image-content-block__wrapper--overhang { margin-bottom: 0px; } .ao-layout__section--thin-padding .image-content-block__wrapper--overhang .image-content-block__image { margin-bottom: -128px; } } @media (min-width: 85.3125rem) { .ao-layout__section--thin-padding .image-content-block__wrapper--overhang .image-content-block__image { margin-bottom: -160px; } } .browser-ie .image-content-block { margin-left: calc(49% - 50vw); margin-right: calc(49% - 50vw); } @media (min-width: 64rem) { .browser-ie .image-content-block__image-wrapper--extrawide-image { flex-basis: 47.5%; } } @media (min-width: 85.3125rem) { .browser-ie .image-content-block__image-wrapper--extrawide-image { flex-basis: 40.3%; } } @media (min-width: 120rem) { .browser-ie .image-content-block__image-wrapper--extrawide-image { flex-basis: 42.8%; } } .bc-playlist { position: relative; } .bc-playlist__heading-wrapper { position: relative; padding: 0px 0px 0.5rem; box-sizing: border-box; } .bc-playlist__heading { margin-bottom: 1rem; padding-right: 5rem; max-width: 31.25rem; font-size: 1.5rem; line-height: 1.75rem; } .bc-playlist__container { max-width: 77.5rem; margin: auto; position: relative; padding: 0px 1rem; } .bc-playlist__sponsor-wrapper { display: flex; align-items: center; } .bc-playlist__sponsor-text { margin: 0px 0.375rem 0px 0px; font-weight: 500; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.875rem; line-height: 1.375rem; } .bc-playlist img.bc-playlist__sponsor-logo { max-width: 6.25rem; font-family: "object-fit:contain"; object-fit: contain; height: 0.9375rem; width: auto !important; } .bc-playlist__show-ie { display: none; max-width: 6.25rem; height: 0.9375rem; background-size: contain; background-repeat: no-repeat; background-position: 50% center; width: 100%; } .browser-ie .bc-playlist__show-ie { display: block; } .browser-ie .bc-playlist__hide-ie { display: none; } .bc-playlist__selector { margin-top: 2rem; } .bc-playlist__selector > select { width: 100%; } .bc-playlist__wrapper { margin: 1rem -0.375rem 0px; padding-bottom: 1.5rem; } .bc-playlist__wrapper::after { content: ""; position: absolute; border-bottom: 1px solid rgb(230, 230, 230); width: calc(100% - 12px); left: 0.375rem; bottom: 0px; } .bc-playlist__video { padding: 0px 0.375rem; box-sizing: border-box; max-width: none; } .bc-playlist--dark { background-color: rgb(26, 26, 26); padding-bottom: 3rem; } .bc-playlist--dark h3, .bc-playlist--dark p { color: rgb(255, 255, 255); } .bc-playlist--dark .bc-playlist__heading-wrapper { background-size: cover; background-position: 50% center; padding: 3rem 0px 0.5rem; } .bc-playlist--dark .bc-playlist__wrapper::after { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .bc-playlist--background .bc-playlist__heading-wrapper { padding-bottom: 18.1875rem; } .bc-playlist--background .bc-playlist__heading-wrapper::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(transparent 37.64%, rgb(26, 26, 26) 87.53%); } .bc-playlist--background .bc-playlist__sponsor-wrapper { position: absolute; } .browser-ie .bc-playlist--background .bc-playlist__sponsor-wrapper { position: relative; } .bc-playlist--background .bc-playlist__selector { left: 1rem; right: 1rem; position: absolute; bottom: -15.4375rem; } .bc-playlist--background .bc-playlist__wrapper { margin-top: -7.5rem; } .bc-playlist--background.bc-playlist--multi .bc-playlist__wrapper { margin-top: -2.25rem; } .bc-playlist--multi .bc-playlist__wrapper { margin-top: 1rem; } @media (min-width: 48rem) { .bc-playlist__heading-wrapper { padding: 0px 0px 1.5rem; } .bc-playlist__heading { padding-right: 15rem; font-size: 2rem; line-height: 2.375rem; } .bc-playlist__container { padding: 0px 2rem; } .bc-playlist__wrapper { margin: 0px -0.5rem; } .bc-playlist__video { padding: 0px 0.5rem; } .bc-playlist__selector { width: 13.625rem; } .bc-playlist--dark { padding-bottom: 4rem; } .bc-playlist--dark .bc-playlist__heading-wrapper { padding: 4rem 0px 1.5rem; } .bc-playlist--background .bc-playlist__heading-wrapper { padding-bottom: 18.125rem; } .bc-playlist--background .bc-playlist__selector { inset: auto auto -14.1875rem 2rem; } .bc-playlist--background.bc-playlist--multi .bc-playlist__wrapper { margin-top: -3rem; } .bc-playlist--right-select .bc-playlist__wrapper { margin: 0px -0.5rem; } .bc-playlist--right-select .bc-playlist__selector { inset: 0px 2rem auto auto; margin-top: 0px; position: absolute; min-width: 13.625rem; } .bc-playlist--multi .bc-playlist__wrapper { margin-top: 0px; } } @media (min-width: 64rem) { .bc-playlist__heading { padding-right: 25rem; } .bc-playlist__container { padding: 0px 4.1875rem; } .bc-playlist .bc-playlist__wrapper::after { width: calc(100% - 16px); left: 0.5rem; } .bc-playlist--background .bc-playlist__heading-wrapper { padding: 4rem 0px 18.125rem; } .bc-playlist--background .bc-playlist__selector { left: 3.75rem; } .bc-playlist--right-select .bc-playlist__selector { left: auto; right: 4.1875rem; min-width: 12.5rem; } } @media (min-width: 85.3125rem) { .bc-playlist__heading { font-size: 2.5rem; line-height: 3rem; } .bc-playlist__container { padding: 0px 3.9375rem; } .bc-playlist__video { padding: 0px 1rem; } .bc-playlist__selector { width: 17.875rem; } .bc-playlist__wrapper { margin: 0px -1rem; } .bc-playlist__wrapper::after { width: calc(100% - 32px); left: 1rem; } .bc-playlist--dark { padding-bottom: 5rem; } .bc-playlist--background .bc-playlist__selector { bottom: -8.8125rem; } .bc-playlist--background.bc-playlist--multi .bc-playlist__wrapper { margin-top: -6rem; } .bc-playlist--background .bc-playlist__heading-wrapper { padding: 5rem 0px 16.5625rem; } .bc-playlist--right-select .bc-playlist__selector { right: 3.9375rem; min-width: 17.875rem; } .bc-playlist--right-select .bc-playlist__wrapper { margin: 0px -1rem; } } .ticketing-component { margin: auto; display: flex; flex-wrap: wrap; padding: 0px 1rem 2rem; justify-content: center; } .ticketing-component__item { width: 100%; padding-bottom: 1rem; max-width: 26.8125rem; } @media screen and (min-width: 48rem) { .ticketing-component__item { width: auto; padding: 0px 1rem 2rem; flex: 0 0 calc(50% - 32px); } } @media screen and (min-width: 85.3125rem) { .ticketing-component { padding: 0px 0px 3rem; max-width: 79.5rem; } .ticketing-component__item { flex: 0 0 calc(25% - 32px); } } .video-banner, .video-banner * { box-sizing: border-box; } .video-banner { position: relative; width: 100%; height: 100%; } .video-banner__video-wrapper { position: absolute; inset: 0px; overflow: hidden; z-index: 1; } .video-banner--gradient-overlay .video-banner__video-wrapper { -webkit-mask-image: linear-gradient(rgb(0, 0, 0) 50%, transparent); } .video-banner__video-wrapper::after { content: ""; position: absolute; background: rgb(0, 0, 0); inset: 0px; opacity: 0; z-index: 1; display: none; } .video-banner--30-overlay .video-banner__video-wrapper::after { opacity: 0.3; display: block; } .video-banner--40-overlay .video-banner__video-wrapper::after { opacity: 0.4; display: block; } .video-banner--50-overlay .video-banner__video-wrapper::after { opacity: 0.5; display: block; } .video-banner__background-video { pointer-events: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url("/img/video-campaign-fallback-fallback.58ac2614bd6e8be024a757cd92770f97.jpg"); background-position: 50% center; background-size: cover; } .video-banner__background-video .vjs-control-bar, .video-banner__background-video .vjs-error-display { display: none; } .video-banner__video-wrapper .vjs-poster, .video-banner__video-wrapper .vjs-tech { font-family: "object-fit:cover"; object-fit: cover; background-color: transparent; } .plan-your-day { padding-top: 3rem; } .plan-your-day--no-padding { padding-top: 0px; } .plan-your-day__heading { color: rgb(51, 51, 51); margin: 0px auto; padding: 0px 1rem 1.5rem; text-align: center; letter-spacing: 0.4px; font-size: 1.25rem; line-height: 1.5rem; } .plan-your-day__button-wrapper { display: flex; padding: 0px 0.625rem 1.5rem; overflow-x: scroll; } .plan-your-day__button { margin: 0px 0.375rem; flex-shrink: 0; padding: 0.5rem 1rem; min-width: 8.75rem; font-size: 1rem; line-height: 1.5rem; } .plan-your-day__activity-wrapper { display: flex; padding: 0px 0.5rem; flex-wrap: wrap; position: relative; } .plan-your-day__activity-wrapper--overlay { opacity: 0.55; } .plan-your-day__activity-wrapper--overlay::after { content: ""; position: absolute; inset: 0px 0px -1.5rem; background: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0) 56.77%); } .plan-your-day__activity-wrapper > div { box-sizing: border-box; padding: 0px 0.5rem; flex: 0 0 50%; } @media screen and (min-width: 48rem) { .plan-your-day__heading { max-width: 57.625rem; letter-spacing: 0.48px; font-size: 1.5rem; line-height: 1.75rem; } .plan-your-day__button-wrapper { padding: 0px 1.625rem 0.75rem; overflow-x: auto; justify-content: center; flex-wrap: wrap; } .plan-your-day__button { margin-bottom: 0.75rem; } .plan-your-day__activity-wrapper { margin: auto; max-width: 57.625rem; padding: 0px 1rem; } .plan-your-day__activity-wrapper > div { padding: 0px 1rem; } } @media screen and (min-width: 85.3125rem) { .plan-your-day { padding-top: 5.5rem; } .plan-your-day--no-padding { padding-top: 0px; } .plan-your-day__heading { max-width: 79.5rem; padding: 0px 0px 2.5rem; letter-spacing: 0.64px; font-size: 2rem; line-height: 2.375rem; } .plan-your-day__button-wrapper { padding: 0px 2rem 1.75rem; } .plan-your-day__activity-wrapper { max-width: 79.5rem; } .plan-your-day__activity-wrapper > div { flex: 0 0 25%; } } @media screen and (min-width: 120rem) { .plan-your-day__heading { padding: 0px 0px 2rem; } } .tile-group-wrapper { margin: auto; padding: 0px 1rem 1rem; display: flex; flex-wrap: wrap; justify-content: center; } .tile-group-wrapper * { box-sizing: border-box; } .tile-group-wrapper__item { flex: 0 0 100%; max-width: 26.8125rem; } @media screen and (min-width: 48rem) { .tile-group-wrapper { max-width: 57.625rem; justify-content: flex-start; } .tile-group-wrapper__item { flex: 0 0 50%; padding: 0px 1rem; max-width: none; } } @media screen and (min-width: 85.3125rem) { .tile-group-wrapper { max-width: 79.5rem; padding: 0px 1rem 3rem; } .tile-group-wrapper__item { flex: 0 0 25%; } } @media screen and (min-width: 120rem) { .tile-group-wrapper { padding: 0px 1rem 3.25rem; } } .tile-item { border-radius: 8px; display: flex; flex-direction: column; overflow: hidden; height: 22.1875rem; margin-bottom: 2rem; } .tile-item, .tile-item * { box-sizing: border-box; } .tile-item__image-wrapper { flex: 1 1 auto; position: relative; background-size: cover; background-position: 50% center; } .tile-item__image { display: none; } .tile-item__subheading { position: absolute; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5); padding: 0px 0.25rem; left: 0.75rem; bottom: 0.75rem; font-weight: 600; margin: 0px; border-radius: 2px; font-size: 0.625rem; line-height: 1rem; } .tile-item__content-wrapper { padding: 1rem 0.75rem 0.75rem; background-color: rgb(242, 242, 242); } .tile-item__title { margin: 0px; font-weight: 700; color: rgb(51, 51, 51); font-size: 1rem; line-height: 1.25rem; } .tile-item--dark .tile-item__title { color: rgb(255, 255, 255); } .tile-item__body { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); margin: 0.5rem 0px 0px; font-weight: 500; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 0.75rem; line-height: 1.125rem; } .tile-item--dark .tile-item__body { color: rgb(255, 255, 255); } .tile-item__buttons-wrapper { display: flex; margin: 1rem -0.25rem 0px; } .tile-item__button { flex-grow: 1; margin: 0px 0.25rem; text-transform: uppercase; letter-spacing: 0.96px; text-align: center; padding: 0.875rem; font-size: 0.75rem; line-height: 1rem; } @media screen and (min-width: 48rem) { .tile-item { height: 23.5rem; } .tile-item__body { -webkit-line-clamp: 4; } } @media screen and (min-width: 64rem) { .tile-item { height: 24.625rem; } .tile-item__body { -webkit-line-clamp: 3; } .tile-item--with-buttons .tile-item__body { -webkit-line-clamp: 2; } } @media screen and (min-width: 85.3125rem) { .tile-item { height: 23.0625rem; } .tile-item--with-buttons .tile-item__body, .tile-item__body { -webkit-line-clamp: 4; } } .tiled-gallery { width: 100%; padding-top: 100%; position: relative; } .tiled-gallery, .tiled-gallery * { box-sizing: border-box; } .tiled-gallery__layout-wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: grid; grid-template: "image-1 image-1" 1fr "image-1 image-1" 1fr / 1fr 1fr; gap: 4px; } .tiled-gallery--2-up { grid-template-areas: "image-1 image-2" "image-1 image-2"; } .tiled-gallery--3-up { grid-template-areas: "image-1 image-2" "image-1 image-3"; } .tiled-gallery__thumbnail-container { overflow: hidden; position: relative; } .tiled-gallery__thumbnail-container:first-of-type { grid-area: image-1; } .tiled-gallery__thumbnail-container:nth-of-type(2) { grid-area: image-2; } .tiled-gallery__thumbnail-container:nth-of-type(3) { grid-area: image-3; } .tiled-gallery__thumbnail-container::after { opacity: 0; transition: opacity 0.5s ease 0s; background-color: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; content: ""; display: block; z-index: 5; top: 0px; left: 0px; position: absolute; pointer-events: none; } .tiled-gallery__thumbnail-container:hover { cursor: pointer; } .tiled-gallery__thumbnail-container:hover::after { opacity: 1; } .tiled-gallery--more-images { grid-area: image-3; content: ""; width: 100%; height: 100%; position: absolute; z-index: 3; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tiled-gallery--more-images-message { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: 0.02em; } .tiled-gallery__thumbnail-link { display: block; width: 100%; height: 100%; } .tiled-gallery__thumbnail-image { width: 100%; object-position: center center; object-fit: cover; font-family: "object-fit:cover;object-position:center", "object-fit: cover; object-position: center;", sans-serif; height: 100%; min-height: 100%; } .video-campaign-carousel, .video-campaign-carousel * { box-sizing: border-box; } .video-campaign-carousel { width: 100%; height: 70vh; overflow: hidden; border: 16px solid transparent; position: relative; } @media (min-width: 48rem) { .video-campaign-carousel { height: 80vh; } } @media (min-width: 64rem) { .video-campaign-carousel { height: 60vh; } } @media (min-width: 85.3125rem) { .video-campaign-carousel { height: 60vh; } } @media (min-width: 105rem) { .video-campaign-carousel { height: 70vh; } } @media (min-width: 120rem) { .video-campaign-carousel { height: 75vh; } } @media (min-width: 160rem) { .video-campaign-carousel { height: 80vh; } } .video-campaign-carousel .swiper-container, .video-campaign-carousel .swiper-slide { width: 100%; transition: all 0.4s ease-in-out 0s; } .video-campaign-carousel .swiper-slide { visibility: hidden; } .video-campaign-carousel .swiper-slide-active { visibility: visible; } .video-campaign-carousel__top-corner-pattern { position: absolute; top: 0px; left: 0px; z-index: 5; } .video-campaign-carousel__bottom-corner-pattern { position: absolute; bottom: -30px; right: 0px; z-index: 5; display: none; } @media (min-width: 64rem) { .video-campaign-carousel__bottom-corner-pattern { display: block; height: 12.5rem; width: 16.625rem; } } @media (min-width: 120rem) { .video-campaign-carousel__bottom-corner-pattern { height: 18.75rem; width: 25rem; } } .video-campaign-carousel__nav-button { border-radius: 50%; height: 32px; width: 32px; background-image: none; background-color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; bottom: 2rem; top: unset; } .video-campaign-carousel__nav-button.swiper-button-prev { left: 1.5rem; } @media (min-width: 40rem) { .video-campaign-carousel__nav-button.swiper-button-prev { left: 2.5rem; } } .video-campaign-carousel__nav-button.swiper-button-next { right: 1.5rem; } @media (min-width: 40rem) { .video-campaign-carousel__nav-button.swiper-button-next { right: 2.5rem; } } .video-campaign-carousel__nav-button > .svg-icon { pointer-events: none; } .video-campaign-carousel__nav-button:hover { box-shadow: rgb(0, 115, 178) 0px 0px 0px 1px inset; } @media (min-width: 48rem) { .video-campaign-carousel__nav-button { bottom: 50%; } } .video-campaign-carousel__nav-button::after { content: ""; } .video-campaign-carousel__pagination.swiper-pagination-custom { position: absolute; bottom: 2.75rem; z-index: 4; display: flex; align-items: center; justify-content: center; } @media (min-width: 48rem) { .video-campaign-carousel__pagination.swiper-pagination-custom { bottom: 2rem; } } .video-campaign-carousel__pagination.swiper-pagination-custom .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.4); } .video-campaign-carousel__pagination.swiper-pagination-custom .swiper-pagination-bullet-active { background: rgb(255, 255, 255); } .video-campaign-carousel .swiper-button-lock, .video-campaign-carousel .swiper-pagination-lock { display: none; } .video-campaign-carousel__bg-container, .video-campaign-carousel__image-container { position: relative; z-index: 1; display: block; height: 100%; width: 100%; } .video-campaign-carousel--gradient-overlay .video-campaign-carousel__image-container { -webkit-mask-image: linear-gradient(rgb(0, 0, 0) 50%, transparent); } .video-campaign-carousel__image-container::after { content: ""; position: absolute; background: rgb(0, 0, 0); inset: 0px; opacity: 0; z-index: 1; display: none; } .video-campaign-carousel__image-container--30-overlay::after { opacity: 0.3; display: block; } .video-campaign-carousel__image-container--40-overlay::after { opacity: 0.4; display: block; } .video-campaign-carousel__image-container--50-overlay::after { opacity: 0.5; display: block; } .video-campaign-carousel__background-image { display: block; width: 100%; object-position: center center; object-fit: cover; font-family: "object-fit:cover;object-position:center", "object-fit: cover; object-position: center;", sans-serif; height: 100%; min-height: 100%; } .video-campaign-carousel__content-layer { position: absolute; z-index: 2; height: 100%; width: 100%; display: flex; justify-content: center; } .video-campaign-carousel__content-container { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 100%; padding: 2.5rem 1.5rem 6rem; opacity: 0; } @media (min-width: 48rem) { .video-campaign-carousel__content-container { padding: 3rem 0px 4.5rem; max-width: 36.375rem; } } @media (min-width: 85.3125rem) { .video-campaign-carousel__content-container { max-width: 51rem; } } @media (min-width: 120rem) { .video-campaign-carousel__content-container { padding: 4rem 0px 5.5rem; max-width: 64rem; } } .swiper-slide-active .video-campaign-carousel__content-container { animation: 0.4s ease-out 0.45s 1 normal forwards running textSlide; } @-webkit-keyframes textSlide { 0% { transform: translateY(16px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes textSlide { 0% { transform: translateY(16px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } .video-campaign-carousel__tagline { font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; } .video-campaign-carousel__tagline, .video-campaign-carousel__title { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; text-align: center; } .video-campaign-carousel__title { font-size: 2rem; line-height: 2.375rem; margin-bottom: 1.5rem; } @media (min-width: 85.3125rem) { .video-campaign-carousel__title { font-size: 2.5rem; line-height: 3rem; margin-bottom: 2rem; } } @media (min-width: 120rem) { .video-campaign-carousel__title { font-size: 3.5rem; line-height: 4.375rem; } } .video-campaign-carousel__buttons { display: flex; flex-wrap: wrap; width: 100%; gap: 1rem; max-width: 25rem; } .video-campaign-carousel__buttons a, .video-campaign-carousel__buttons button { flex: 1 0 calc(50% - 8px); letter-spacing: 0.1em; text-align: center; white-space: nowrap; } @media (min-width: 48rem) { .video-campaign-carousel__buttons { width: auto; } .video-campaign-carousel__buttons a, .video-campaign-carousel__buttons button { flex: 0 0 auto; } } @media (max-width: 47rem) { .video-campaign-carousel--no-border-mobile { border-width: 0px; } } .video-campaign-carousel--no-border-top { border-top-width: 0px; } .video-campaign-carousel--no-border-bottom { border-bottom-width: 0px; } .sponsor-banner { height: 8.25rem; width: 100%; display: flex; flex-direction: column; align-items: center; padding: 2rem; } .sponsor-banner, .sponsor-banner * { box-sizing: border-box; } @media screen and (min-width: 48rem) { .sponsor-banner { height: 9.75rem; } } .sponsor-banner__lead-text { font-size: 1rem; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 0.25rem; } @media screen and (min-width: 48rem) { .sponsor-banner__lead-text { margin-bottom: 0.5rem; } } .sponsor-banner__logo-container { width: 100%; pointer-events: none; height: 3rem; } @media screen and (min-width: 48rem) { .sponsor-banner__logo-container { height: 4rem; } } .sponsor-banner__logo-container img, .sponsor-banner__logo-container object, .sponsor-banner__logo-container svg { height: 100%; overflow: hidden; object-position: right bottom; font-family: "object-fit:cover;object-position:right bottom"; object-fit: cover; margin: 0px auto; } .sponsor-banner__logo-container object > svg { height: 100%; } .player-circles { padding: 0.75rem 1rem; } .player-circles__wrapper { margin: 0px -1rem; } .player-circles__wrapper--desktop { display: none; } .player-circles__content { display: flex; padding: 0.5rem; } .player-circles__content--mobile { overflow-x: scroll; } .player-circles__item { margin: 0px 0.5rem; } .player-circles__button { border: 1px solid rgb(230, 230, 230); background-color: rgb(255, 255, 255); border-radius: 50%; width: 2rem; height: 2rem; top: 41%; position: absolute; transition: border-color 0.1s ease 0s; } .player-circles__button::after { content: ""; } .player-circles__button--prev { left: 1rem; } .player-circles__button--next { right: 1rem; } .player-circles__button.swiper-button-disabled { display: none; } .player-circles__button:hover { border-color: rgb(0, 115, 178); } @media screen and (min-width: 85.3125rem) { .player-circles { padding: 1rem 4rem; } .player-circles__wrapper { margin: 0px -4rem; position: relative; } .player-circles__wrapper--mobile { display: none; } .player-circles__wrapper--desktop { display: block; } .player-circles__content { padding: 0px 4rem; -webkit-mask-image: linear-gradient(270deg, transparent 1%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, transparent 99%); } .player-circles--scroll-left .player-circles__content { -webkit-mask-image: linear-gradient(270deg, rgb(0, 0, 0) 95%, transparent 99%); } .player-circles--scroll-right .player-circles__content { -webkit-mask-image: linear-gradient(270deg, transparent 1%, rgb(0, 0, 0) 5%); } } .player-circle { display: flex; flex-direction: column; transition: opacity 0.2s ease 0s; text-decoration: none; width: 5.5rem; } .player-circle:active, .player-circle:hover { opacity: 0.8; text-decoration: none; } .player-circle * { box-sizing: border-box; } .player-circle__image-wrapper { position: relative; width: 5.5rem; height: 5.5rem; border-radius: 50%; overflow: hidden; border: 0.125rem solid rgb(0, 145, 210); display: flex; align-items: center; justify-content: center; margin-bottom: 0.5rem; } .player-circle__image { height: 5rem; border-radius: 50%; overflow: hidden; width: 5rem !important; } .player-circle__name { color: rgb(51, 51, 51); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; text-align: center; margin-bottom: 0px; padding: 0px 0.25rem; min-height: 2rem; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 0.75rem; line-height: 1rem; } @media screen and (min-width: 85.3125rem) { .player-circle { width: 7rem; } .player-circle__image-wrapper { width: 7rem; height: 7rem; } .player-circle__image { height: 6.5rem; width: 6.5rem !important; } } .leaderboard { margin-bottom: 32px; } .right-sidebar #dfp-ad-medrec-1 { margin-bottom: 2em; width: 300px; margin-left: auto; margin-right: auto; } .view-player-listing .leaderboard { margin-bottom: 0px; margin-top: 32px; } @media (min-width: 1024px) { .article-container .leaderboard { transform: translateX(calc(50% - 364px)); } } .ao-banner * { box-sizing: border-box; } .ao-banner { position: relative; display: flex; width: 100%; flex-direction: column-reverse; overflow: hidden; } .ao-banner--is-page-header { flex-direction: column; } .ao-banner--is-page-header .ao-banner__info-panel { display: flex; } @media (min-width: 40rem) { .ao-banner { min-height: 40rem; } } @media (min-width: 85.3125rem) { .ao-banner { min-height: 45rem; } } @media (min-width: 105rem) { .ao-banner { min-height: 55.625rem; flex-direction: row; } } .ao-banner__background-image { position: relative; z-index: 1; display: block; height: 272px; } .ao-banner__background-image::after { content: ""; position: absolute; background: linear-gradient(81.12deg, rgba(0, 0, 0, 0.2) 41.74%, transparent 118.17%); width: 100%; height: 100%; left: 0px; } .ao-banner__background-image .simpleParallax { height: 100%; } .ao-banner__background-image img, .ao-banner__background-image picture { width: 100%; object-position: center center; object-fit: cover; font-family: "object-fit:cover;object-position:center", "object-fit: cover; object-position: center;", sans-serif; height: 100%; min-height: 100%; transform: scale(1.3); } @media (min-width: 40rem) { .ao-banner__background-image { width: 100%; height: 100%; } .ao-banner__background-image, .ao-banner__background-image img, .ao-banner__background-image picture { position: absolute; top: 0px; left: 0px; } } .ao-banner__content-wrapper { position: relative; z-index: 2; flex: 1 1 auto; display: flex; flex-direction: column; width: 100%; background: rgb(0, 58, 93); padding: 2.5rem 1.5rem; } @media (min-width: 40rem) { .ao-banner__content-wrapper { background: transparent; padding: 2.5rem 2rem; } } @media (min-width: 85.3125rem) { .ao-banner__content-wrapper { padding: 6.9375rem 7rem; } } .ao-banner__logo-container { flex: 0 0 auto; line-height: 0; max-width: 60%; } .ao-banner__logo-container img { position: relative; display: inline-block; max-width: 100%; max-height: 100%; margin-bottom: 40px; } @media (min-width: 40rem) { .ao-banner__logo-container { height: 2.9375rem; width: auto; margin-bottom: 40px; } .ao-banner__logo-container img { margin-bottom: 0px; } } @media (min-width: 40rem) { .ao-banner__logo-container { height: 5.125rem; } } @media (min-width: 105rem) { .ao-banner__logo-container { height: 6.25rem; } } .ao-banner__content-container { flex: 1 0 auto; width: 100%; display: flex; flex-direction: column; } @media (min-width: 40rem) { .ao-banner__content-container--top-right { align-items: flex-end; text-align: right; } .ao-banner__content-container--bottom-left { justify-content: flex-end; } .ao-banner__content-container--bottom-right { justify-content: flex-end; align-items: flex-end; text-align: right; } } @media (min-width: 40rem) { .ao-banner__content-positioning-wrapper { max-width: 33.4375rem; } } @media (min-width: 85.3125rem) { .ao-banner__content-positioning-wrapper { max-width: 49.75rem; } } .ao-banner__label { font-size: 24px; font-weight: 700; color: rgb(230, 230, 230); } .ao-banner__title { font-weight: 900; color: rgb(255, 255, 255); font-size: 2rem; line-height: 2rem; margin-bottom: 2rem; } @media (min-width: 40rem) { .ao-banner__title { font-size: 3.5rem; line-height: 3.5rem; } } @media (min-width: 85.3125rem) { .ao-banner__title { font-size: 5.625rem; line-height: 5.625rem; } } .ao-banner__subtitle { font-weight: 900; color: rgb(255, 255, 255); font-size: 1.5rem; line-height: 1.5rem; margin-bottom: 2rem; } @media (min-width: 40rem) { .ao-banner__subtitle { font-size: 2rem; line-height: 2rem; } } @media (min-width: 85.3125rem) { .ao-banner__subtitle { font-size: 2.5rem; line-height: 2.5rem; } } .ao-banner__buttons-container a[class*="ao-btn"] { margin-right: 8px; margin-top: 8px; } .ao-banner__info-panel { position: relative; z-index: 2; background-color: rgb(0, 58, 93); flex: 0 0 auto; display: none; flex-direction: column; } @media (min-width: 40rem) { .ao-banner__info-panel { flex-direction: row; padding: 0px 1.5rem; justify-content: center; } } @media (min-width: 105rem) { .ao-banner__info-panel { flex: 0 0 28rem; flex-direction: column; padding: 5rem 0px; } } .ao-banner .ao-banner-info-panel-tile { flex: 0 0 10.75rem; display: flex; flex-direction: column; padding: 1.5rem; border-top: 1px solid rgb(10, 87, 133); } .ao-banner .ao-banner-info-panel-tile:last-child { border-bottom: 1px solid rgb(10, 87, 133); } .ao-banner .ao-banner-info-panel-tile:hover { background: rgb(0, 49, 81); } @media (min-width: 40rem) and (max-width: 104.9375rem) { .ao-banner .ao-banner-info-panel-tile { flex: 0 0 33.333%; max-width: 330px; border-top: none; border-left: 1px solid rgb(10, 87, 133); } .ao-banner .ao-banner-info-panel-tile:last-child { border-bottom: none; border-right: 1px solid rgb(10, 87, 133); } } @media (min-width: 85.3125rem) { .ao-banner .ao-banner-info-panel-tile { flex: 0 0 33.333%; padding: 2rem 5rem 2rem 2rem; } } @media (min-width: 105rem) { .ao-banner .ao-banner-info-panel-tile { flex: 0 0 33.333%; padding: 1.5rem 4.75rem 1.5rem 1.75rem; } } .ao-banner .ao-banner-info-panel-tile__label { font-weight: 700; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(230, 230, 230); margin-bottom: 0.5rem; font-size: 0.875rem; } @media (min-width: 48rem) { .ao-banner .ao-banner-info-panel-tile__label { font-size: 1rem; } } @media (min-width: 105rem) { .ao-banner .ao-banner-info-panel-tile__label { font-size: 1.1875rem; } } .ao-banner .ao-banner-info-panel-tile__text { font-weight: 700; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(255, 255, 255); flex: 1 0 auto; font-size: 1rem; line-height: 1.25rem; } @media (min-width: 64rem) { .ao-banner .ao-banner-info-panel-tile__text { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .ao-banner .ao-banner-info-panel-tile__text { font-size: 1.5rem; line-height: 1.75rem; } } .ao-banner .ao-banner-info-panel-tile__button { padding: 0.6875rem 1.5rem; line-height: 1em; flex: 0 0 auto; align-self: flex-start; font-size: 0.75rem; } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__label { color: rgb(215, 215, 0); } .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button { font-size: 0.75rem; } .ao-banner .ao-banner-info-panel-tile--pink .ao-banner-info-panel-tile__label { color: rgb(255, 81, 205); } .ao-banner .ao-banner-info-panel-tile--watermelon .ao-banner-info-panel-tile__label { color: rgb(255, 102, 100); } @media (min-width: 40rem) { } @media (min-width: 85.3125rem) { } @media (min-width: 105rem) { } @media (min-width: 105rem) { } .ao-media-mosaic-banner { display: flex; width: 100%; max-width: 100%; flex-direction: column; } @media (min-width: 64rem) { .ao-media-mosaic-banner { flex-flow: wrap; } } .ao-media-mosaic-banner__live-container { order: 2; flex: 0 0 auto; } @media (min-width: 64rem) { .ao-media-mosaic-banner__live-container { order: 1; flex: 0 0 100%; } } .ao-media-mosaic-banner__featured-item { order: 1; height: 320px; flex: 0 0 320px; } @media (min-width: 40rem) { .ao-media-mosaic-banner__featured-item { height: 500px; flex: 0 0 500px; } } @media (min-width: 64rem) { .ao-media-mosaic-banner__featured-item { order: 2; height: 465px; flex: 1 1 calc(100% - 238px); max-width: calc(100% - 238px); } } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner__featured-item { height: 609px; flex: 1 1 calc(100% - 324px); max-width: calc(100% - 324px); } } @media (min-width: 120rem) { .ao-media-mosaic-banner__featured-item { height: 870px; flex: 1 1 calc(100% - 462px); max-width: calc(100% - 462px); } } .ao-media-mosaic-banner__featured-item .marketing-panel, .ao-media-mosaic-banner__featured-item .video-module { height: 320px; } @media (min-width: 40rem) { .ao-media-mosaic-banner__featured-item .marketing-panel, .ao-media-mosaic-banner__featured-item .video-module { height: 100%; } } .ao-media-mosaic-banner__rhs-panel { order: 3; flex: 0 0 auto; display: flex; flex-direction: column; } @media (min-width: 64rem) { .ao-media-mosaic-banner__rhs-panel { order: 3; flex: 0 1 238px; } } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner__rhs-panel { order: 3; flex: 0 1 324px; } } @media (min-width: 120rem) { .ao-media-mosaic-banner__rhs-panel { order: 3; flex: 0 1 462px; } } .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__featured-item { height: 240px; flex: 0 0 240px; } @media (min-width: 40rem) { .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__featured-item { height: 440px; flex: 0 0 440px; } } @media (min-width: 64rem) { .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__featured-item { height: 520px; flex: 1 1 calc(100% - 238px); max-width: calc(100% - 238px); } } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__featured-item { height: 688px; flex: 1 1 calc(100% - 320px); max-width: calc(100% - 320px); } } @media (min-width: 120rem) { .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__featured-item { height: 840px; flex: 1 1 calc(100% - 400px); max-width: calc(100% - 400px); } } .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__featured-item .marketing-panel, .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__featured-item .video-module { height: 240px; } @media (min-width: 40rem) { .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__featured-item .marketing-panel, .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__featured-item .video-module { height: 100%; } } @media (min-width: 64rem) { .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__rhs-panel { flex: 0 1 238px; } } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__rhs-panel { flex: 0 1 320px; } } @media (min-width: 120rem) { .ao-media-mosaic-banner--news-list .ao-media-mosaic-banner__rhs-panel { flex: 0 1 400px; } } .ao-media-mosaic-banner__secondary-items-container { flex: 1 0 auto; display: flex; flex-direction: column; background-color: rgb(247, 247, 247); } @media (min-width: 40rem) { .ao-media-mosaic-banner__secondary-items-container { flex-direction: row; } .ao-media-mosaic-banner__secondary-items-container > div { width: 33.333%; } .ao-media-mosaic-banner__secondary-items-container > div:nth-child(n+4) { display: none; } } @media (min-width: 64rem) { .ao-media-mosaic-banner__secondary-items-container { flex-direction: column; } .ao-media-mosaic-banner__secondary-items-container > div { width: 100%; flex: 1 1 100%; } } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner__secondary-items-container > div:nth-child(n+4) { display: flex; } } .ao-media-mosaic-banner__secondary-items-container .video-module { min-height: 9.375rem; display: flex; } @media (min-width: 64rem) { .ao-media-mosaic-banner__secondary-items-container .video-module { min-height: auto; } } .ao-media-mosaic-banner__secondary-items-container .video-module__modal-trigger { flex: 1 0 100%; } .ao-media-mosaic-banner__secondary-items-container .video-module__modal-trigger:active .video-module__play-icon, .ao-media-mosaic-banner__secondary-items-container .video-module__modal-trigger:focus .video-module__play-icon, .ao-media-mosaic-banner__secondary-items-container .video-module__modal-trigger:hover .video-module__play-icon { background: transparent; } .ao-media-mosaic-banner__secondary-items-container .video-module__content-overlay { padding: 1rem; } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner__secondary-items-container .video-module__content-overlay { padding: 1.5rem; } } .ao-media-mosaic-banner__secondary-items-container .video-module__play-icon { background: transparent; width: 1rem; height: 1rem; } .ao-media-mosaic-banner__secondary-items-container .video-module__play-icon svg { margin-left: 0px; width: 11px; height: 14px; } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner__secondary-items-container .video-module__play-icon svg { width: 16px; height: 20px; } } .ao-media-mosaic-banner__secondary-items-container .video-module__title { font-size: 1rem; line-height: 1.5rem; padding-right: 1rem; } @media (min-width: 40rem) { .ao-media-mosaic-banner__secondary-items-container .video-module__title { font-size: 1.25rem; } } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner__secondary-items-container .video-module__title { font-size: 1.5rem; line-height: 1.75rem; } } .ao-media-mosaic-banner__secondary-items-container .video-module__duration { font-size: 0.625rem; padding: 0px 0.5rem; line-height: 1rem; } @media (min-width: 40rem) { .ao-media-mosaic-banner__secondary-items-container .video-module__duration { padding: 0.1875rem 0.5rem; } } .ao-media-mosaic-banner__secondary-items-container .news-item { border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; } @media (min-width: 40rem) and (max-width: 63.9375rem) { .ao-media-mosaic-banner__secondary-items-container .news-item { border-top: 0px; border-bottom: 0px; border-right: 1px solid rgba(0, 0, 0, 0.1); height: 10rem; } .ao-media-mosaic-banner__secondary-items-container .news-item:first-child { margin-left: 2rem; border-left: 1px solid rgba(0, 0, 0, 0.1); } .ao-media-mosaic-banner__secondary-items-container .news-item:nth-child(n+3) { margin-right: 2rem; } } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner__secondary-items-container .news-item { height: 170px; } } .ao-media-mosaic-banner__secondary-items-container .news-item__link-wrapper { flex: 1 0 100%; max-width: 100%; padding: 1rem; text-decoration: none; display: flex; flex-direction: column; justify-content: stretch; box-sizing: border-box; } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner__secondary-items-container .news-item__link-wrapper { padding: 1.5rem; } } .ao-media-mosaic-banner__secondary-items-container .news-item__link-wrapper:active .news-item__headline, .ao-media-mosaic-banner__secondary-items-container .news-item__link-wrapper:focus .news-item__headline, .ao-media-mosaic-banner__secondary-items-container .news-item__link-wrapper:hover .news-item__headline { text-decoration: underline; } .ao-media-mosaic-banner__secondary-items-container .news-item__text-content { flex: 1 0 auto; } .ao-media-mosaic-banner__secondary-items-container .news-item__headline { color: rgb(0, 58, 93); font-weight: 800; font-size: 1rem; line-height: 1.25rem; margin-bottom: 0.5rem; } @media (min-width: 40rem) { .ao-media-mosaic-banner__secondary-items-container .news-item__headline { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .ao-media-mosaic-banner__secondary-items-container .news-item__headline { font-size: 1.5rem; line-height: 1.75rem; } } .ao-media-mosaic-banner__secondary-items-container .news-item__blurb { display: none; } @media (min-width: 120rem) { .ao-media-mosaic-banner__secondary-items-container .news-item__blurb { color: grey; font-family: "Roboto Medium", Arial, sans-serif; font-weight: 500; font-size: 0.75rem; line-height: 1rem; display: block; } } .ao-media-mosaic-banner__secondary-items-container .news-item__date { flex: 0 0 auto; margin-bottom: 0px; color: grey; font-family: "Roboto Medium", Arial, sans-serif; font-weight: 500; font-size: 0.75rem; line-height: 1rem; } @media (max-width: 39.9375rem) { .ao-media-mosaic-banner__secondary-items-container.horizontal-mobile-scroll { flex-direction: row; overflow-x: scroll; padding: 2.5rem 1rem; } .ao-media-mosaic-banner__secondary-items-container.horizontal-mobile-scroll > div:not(.ao-media-mosaic-banner__rolex-clock-container) { margin-right: 0.5rem; width: 10.5rem; flex: 0 0 auto; } .ao-media-mosaic-banner__secondary-items-container.horizontal-mobile-scroll > div:last-child { border-right: 1rem solid transparent; box-sizing: content-box; } .ao-media-mosaic-banner__secondary-items-container.horizontal-mobile-scroll .video-module { flex: 0 0 auto; display: block; min-height: auto; } .ao-media-mosaic-banner__secondary-items-container.horizontal-mobile-scroll .video-module__content-overlay { position: static; display: block; padding: 0px; } .ao-media-mosaic-banner__secondary-items-container.horizontal-mobile-scroll .video-module__thumbnail-image { position: static; display: block; margin-bottom: 0.5rem; } .ao-media-mosaic-banner__secondary-items-container.horizontal-mobile-scroll .video-module__modal-trigger { display: block; } .ao-media-mosaic-banner__secondary-items-container.horizontal-mobile-scroll .video-module__title { color: rgb(0, 58, 93); display: block; } .ao-media-mosaic-banner__secondary-items-container.horizontal-mobile-scroll .video-module__play-icon { position: absolute; top: 0.5rem; left: 0.5rem; } .ao-media-mosaic-banner__secondary-items-container.horizontal-mobile-scroll .video-module__duration { position: absolute; top: 4.5rem; right: 0.5rem; } } .ao-media-mosaic-banner__rolex-clock-container { background: rgb(0, 96, 57); text-align: center; flex: 0 0 auto; height: 80px; } .card-list, html:not(.browser-ie) .ao-media-mosaic-banner, html:not(.browser-ie) .ao-media-mosaic-banner * { box-sizing: border-box; } .card-list { display: flex; flex-wrap: wrap; margin: 0px; min-width: 100%; padding: 0px; } .card-list * { box-sizing: border-box; } @media (min-width: 48rem) { .card-list { margin: 0px -0.875rem; } } .card-list__item { padding: 0px; width: 100%; } @media (min-width: 48rem) { .card-list__item { padding: 0px 0.875rem; margin-bottom: 1.875rem; width: 50%; } } @media (min-width: 64rem) { .card-list__item { width: 33.333%; } } .card-list__2020-layout .card-list__item { margin-bottom: 1rem; padding: 0px; } @media (min-width: 48rem) { .card-list__2020-layout .card-list__item { padding: 0px 0.5rem; } } #player-profile-articles .card-list__item { display: flex; flex-flow: column; padding: 1rem 0px; flex: 0 1 calc(50% - 16px); border-bottom: 1px solid rgb(230, 230, 230); border-top: 1px solid rgba(230, 230, 230, 0.05); margin: 0px 0.5rem; } #player-profile-articles .card-list__item:nth-child(-n+2) { border-top: 1px solid rgb(230, 230, 230); } @media (min-width: 48rem) { #player-profile-articles .card-list__item { margin: 0px 1rem; flex: 0 1 calc(50% - 32px); } } @media (min-width: 64rem) { #player-profile-articles .card-list__item { padding: 1.5rem 0px; flex: 0 1 calc(33.3333% - 32px); } #player-profile-articles .card-list__item:nth-child(-n+3) { border-top: 1px solid rgb(230, 230, 230); } } #player-profile-articles .card-list__item:hover { border-color: rgb(0, 58, 93); } #player-profile-articles .players_tab_articles { padding: 0px; } .card-tile-generic-content { overflow: hidden; } .card-tile-generic-content__image img { width: 100%; display: block; } .card-tile-generic-content__content-wrapper { padding: 1.5rem; background: rgb(255, 255, 255); } @media (min-width: 85.3125rem) { .card-tile-generic-content__content-wrapper { padding: 2rem; } } .card-tile-generic-content__content-wrapper .line-border-table { margin: 0px; width: 100% !important; } .card-tile-generic-content__title { font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; color: rgb(51, 51, 51); letter-spacing: 0.03125rem; margin-bottom: 1rem; } @media (min-width: 85.3125rem) { .card-tile-generic-content__title { font-size: 1.5rem; line-height: 1.75rem; } } .card-tile-generic-content__title--large { font-size: 3rem; line-height: 3rem; font-weight: 800; color: rgb(0, 58, 93); } .card-tile-generic-content p { color: rgb(102, 102, 102); font-size: 0.875rem; line-height: 1.375rem; font-family: "Sharp Sans No2", Arial, sans-serif; } @media (min-width: 85.3125rem) { .card-tile-generic-content p { font-size: 1rem; line-height: 1.5rem; } } .card-tile-generic-content p.card-tile-generic-content__subtitle { font-weight: 700; color: rgb(102, 102, 102); } .card-tile-generic-content__buttons-container { display: flex; margin: 1.5rem -0.5rem 0px; } .card-tile-generic-content__buttons-container > a { display: flex; margin: 0px 0.5rem; font-size: 0.75rem; text-align: center; align-items: center; line-height: 1rem; justify-content: center; padding: 0.5625rem 1.25rem 0.4375rem; text-transform: uppercase; min-width: 5.875rem; word-break: break-all; letter-spacing: 0.08em; } @media (min-width: 48rem) { .card-tile-generic-content__buttons-container > a { padding: 0.8125rem 1.25rem 0.6875rem; } } .card-tile-generic-content__buttons-container--single > a { flex: 0 1 auto; padding: 0.5625rem 1.25rem 0.4375rem; } @media (min-width: 48rem) { .card-tile-generic-content__buttons-container--single > a { padding: 0.8125rem 1.25rem 0.6875rem; } } .card-tile-generic-content__location-tag { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.875rem; line-height: 1.375rem; color: rgb(51, 51, 51); font-weight: 700; margin-top: 2.125rem; position: relative; padding-left: 1.875rem; } @media (min-width: 85.3125rem) { .card-tile-generic-content__location-tag { font-size: 1rem; line-height: 1.5rem; } } .card-tile-generic-content__location-tag svg { position: absolute; left: 0.3125rem; top: 0px; width: 0.875rem; height: 1.25rem; } .card-tile-generic-content__location-tag svg path { fill: rgb(51, 51, 51); } .card-tile-generic-content__category-tags { margin-top: 1rem; } .card-tile-generic-content__category-tag { display: inline; border-radius: 2rem; padding: 0.5rem 1.5rem; background: rgb(244, 244, 244); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.875rem; font-weight: 700; color: rgb(102, 102, 102); margin-right: 0.5rem; line-height: 2.5rem; } .card-tile-generic-content--food-tile .card-tile-generic-content__price-wrapper { display: flex; margin: 0px 0px 1rem; } .card-tile-generic-content--food-tile .card-tile-generic-content__dollar-sign svg { height: 1rem; width: 0.625rem; } .card-tile-generic-content--food-tile .card-tile-generic-content__dollar-sign path { fill: rgb(102, 102, 102); } .card-tile-generic-content--food-tile .card-tile-generic-content__dollar-sign--orange path { fill: rgb(0, 115, 178); } .card-tile-generic-content--food-tile h3 { margin-bottom: 0.3125rem; } .card-tile-generic-content--image-tile > img { display: block; } .card-tile-generic-content--product-tile h3 { margin-bottom: 0px; font-size: 1.25rem; line-height: 1.5rem; } @media (min-width: 85.3125rem) { .card-tile-generic-content--product-tile h3 { font-size: 1.5rem; line-height: 1.75rem; } } .card-tile-generic-content--product-tile .card-tile-generic-content__price-wrapper { font-weight: 700; color: rgb(51, 51, 51); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1.25rem; line-height: 1.5rem; letter-spacing: 0.02em; } @media (min-width: 85.3125rem) { .card-tile-generic-content--product-tile .card-tile-generic-content__price-wrapper { font-size: 1.5rem; line-height: 1.75rem; } } .card-tile-generic-content--product-tile p.card-tile-generic-content__subtitle { color: rgb(102, 102, 102); margin-bottom: 0.75rem; font-size: 0.875rem; line-height: 1.375rem; } @media (min-width: 85.3125rem) { .card-tile-generic-content--product-tile p.card-tile-generic-content__subtitle { font-size: 1rem; line-height: 1.5rem; } } .card-tile-generic-content--product-tile .card-tile-generic-content__buttons-container { display: flex; margin-top: 1.5rem; } .card-tile-generic-content--product-tile .card-tile-generic-content__buttons-container > a { padding: 0.8125rem 1.25rem 0.6875rem; } .card-tile-generic-content table.line-border-table { margin: 0.5rem 0px; display: inline-table; } .card-tile-generic-content table.line-border-table > tbody > tr { border-bottom: 0.0625rem solid rgb(204, 204, 204); } .card-tile-generic-content table.line-border-table > tbody > tr:first-child { border-top: 0.0625rem solid rgb(204, 204, 204); } .card-tile-generic-content table.line-border-table > tbody > tr td { padding: 0.4375rem 0px; width: 50%; } .card-tile-generic-content table.line-border-table > tbody > tr td:first-child { color: rgb(51, 51, 51); } .card-tile-colored-link { background-color: rgb(215, 215, 0); padding: 1.5rem; display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 85.3125rem) { .card-tile-colored-link { padding: 2rem; } } .card-tile-colored-link__label { width: 100%; color: rgb(255, 255, 255); font-size: 0.875rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 900; line-height: 1.375rem; } @media (min-width: 85.3125rem) { .card-tile-colored-link__label { font-size: 1rem; line-height: 1.5rem; } } .card-tile-colored-link__text { width: 100%; color: rgb(255, 255, 255); font-size: 2.5rem; line-height: 3rem; font-weight: 800; margin-bottom: 0px; letter-spacing: 0.0625rem; } @media (min-width: 85.3125rem) { .card-tile-colored-link__text { font-size: 3rem; line-height: 3.5rem; } } .card-tile-colored-link__button { margin-top: 4.8125rem; display: inline-block; padding: 0.5625rem 1.25rem 0.4375rem; font-size: 0.75rem; line-height: 1rem; box-shadow: none; letter-spacing: 0.08em; } @media (min-width: 48rem) { .card-tile-colored-link__button { margin-top: 4rem; padding: 0.8125rem 1.25rem 0.6875rem; } } .card-tile-colored-link__button:hover { text-decoration: none; } .card-tile-colored-link--limeGreen { background-color: rgb(215, 215, 0); } .card-tile-colored-link--pink { background-color: rgb(255, 81, 205); } .card-tile-colored-link--watermelon { background-color: rgb(255, 102, 100); } .component-cards-1-up { width: 100%; display: flex; align-items: center; position: relative; flex-direction: column-reverse; box-sizing: border-box; padding: 3.5% 7% 0px; background: rgb(17, 17, 17); } .component-cards-1-up::before { content: " "; position: absolute; top: 0px; right: 0px; width: 300px; height: 200px; background: url("/img/O-Texture-Large-222.85c7ead10af88e053a0c0356385c1413.svg") 50px -400px / 575px no-repeat transparent; } .component-cards-1-up .feature-container { padding: 1.5em 1.25em 2em; width: 100%; box-sizing: border-box; color: rgb(238, 238, 238); text-align: left; } .component-cards-1-up .feature-container h2 { color: rgb(255, 255, 255); font-size: 1.4375em; margin: 0px; } .component-cards-1-up .feature-container h2::before { content: ""; width: 70px; height: 4px; display: block; margin: 0.5em 0px; } .component-cards-1-up .feature-container p { color: rgb(244, 244, 244); margin: 0px 0px 1.5em; font-size: 0.875em; } .component-cards-1-up .feature-container a:not(.btn):not(.ao-btn):not(.ao-btn--darker):not(.ao-btn--secondary):not(.ao-btn--tertiary) { position: relative; text-decoration: none; display: inline-block; color: rgb(215, 215, 0); font-weight: 700; font-size: 0.875em; line-height: 1.71429em; transition: all 0.3s ease-in-out 0s; padding-right: 1em; } .component-cards-1-up .feature-container a:not(.btn):not(.ao-btn):not(.ao-btn--darker):not(.ao-btn--secondary):not(.ao-btn--tertiary)::before { display: inline-block; font-size: 18px; line-height: 23px; height: 18px; width: 18px; position: absolute; right: -6px; } .component-cards-1-up .feature-container a:not(.btn):not(.ao-btn):not(.ao-btn--darker):not(.ao-btn--secondary):not(.ao-btn--tertiary):hover::before { transform: translateX(4px); } .component-cards-1-up .feature-container .meta { color: inherit; margin: 1.25em 0px; } .component-cards-1-up .feature-container .meta-category { color: rgb(215, 215, 0); text-decoration: none; font-weight: 700; font-size: 0.875em; } .component-cards-1-up .feature-container .meta-category a { color: inherit; text-decoration: none; font-weight: inherit; } .component-cards-1-up .feature-container .meta-time { color: inherit; font-size: 0.75em; margin-left: 0.5em; } .component-cards-1-up .cards-container { width: 100%; display: block; padding: 0px; box-sizing: border-box; } .component-cards-1-up .cards-container .gallery-modal { font-size: 1rem; } .component-cards-1-up .card { display: block; overflow: hidden; font-size: 1rem; text-decoration: none; height: 17em; position: relative; width: 100%; border-radius: 6px; box-shadow: rgba(34, 34, 34, 0.3) 0px 3px 13px 0px; background-color: rgb(17, 17, 17); margin-top: -2em; bottom: -2em; z-index: 1; } .component-cards-1-up .card-background { background: none; height: 100%; width: 100%; } .component-cards-1-up .card-background .img, .component-cards-1-up .card-background img { height: 100%; width: 100%; font-family: "object-fit:cover;object-position:top"; object-fit: cover; object-position: center top; transition: transform 1.5s ease-out 0s, -webkit-transform 1.5s ease-out 0s; } .component-cards-1-up .card-inner { display: none; } .component-cards-1-up .card:hover { border-radius: 6px; } .component-cards-1-up .card:hover .img, .component-cards-1-up .card:hover img { transform: scale(1.1); } .component-cards-1-up .btn-play-video { left: 50%; } @media (min-width: 768px) { .component-cards-1-up .btn-play-video { top: 34%; } } @media (min-width: 1024px) { .component-cards-1-up .btn-play-video { top: 50%; } } @media (min-width: 1024px) { .component-cards-1-up { flex-direction: row-reverse; margin: 0px auto; padding: 0px 7%; position: relative; } .component-cards-1-up::before { content: " "; position: absolute; top: auto; right: 0px; bottom: 0px; width: 250px; height: 300px; background: url("/img/O-Texture-Large-222.85c7ead10af88e053a0c0356385c1413.svg") -5px 20px / 800px no-repeat transparent; } .component-cards-1-up .feature-container { width: 33%; padding: 2.5em 3.5% 2.5em 7%; z-index: 1; min-height: 25em; } .component-cards-1-up .feature-container h2 { max-width: 9em; } .component-cards-1-up .feature-container p { max-width: 18em; } .component-cards-1-up .cards-container { width: 67%; height: 100%; position: static; bottom: 0px; right: 0px; display: flex; align-items: flex-end; } .component-cards-1-up .card { width: 100%; position: relative; right: 0px; bottom: 0px; box-sizing: border-box; min-height: 25em; margin: 3.5% 7% -3.5% 3.5%; } .component-cards-1-up .card:last-child { margin-right: 10.5%; } .component-cards-1-up.right { flex-direction: row; } .component-cards-1-up.right::before { right: auto; left: 0px; background: url("/img/O-Texture-Large-222.85c7ead10af88e053a0c0356385c1413.svg") -550px 10px / 800px no-repeat transparent; } .component-cards-1-up.right .feature-container { padding: 3.5% 0px 3.5% 3.5%; } .component-cards-1-up.right .card { left: 0px; right: auto; } } @media (min-width: 1365px) { .component-cards-1-up { justify-content: center; } .component-cards-1-up .feature-container { max-width: 337.92px; padding: 2.5em 3.5% 2.5em 0px; } .component-cards-1-up .feature-container h2 { font-size: 1.875em; line-height: 1.2em; max-width: 9em; } .component-cards-1-up .feature-container p { max-width: 18em; } .component-cards-1-up .cards-container { max-width: 686.08px; padding: 3.5% 0px 0px; position: relative; } .component-cards-1-up .card { position: relative; width: 100%; margin: 0px 0px -2.5em; } .component-cards-1-up .card:last-child { margin-right: 0px; } .component-cards-1-up.right .feature-container { padding: 3.5% 0px 3.5% 7%; } } .card[data-animate$="easeIn"] { opacity: 0; transform: translateY(50%); filter: blur(20px) grayscale(50%); transition: all 0.5s ease-in-out 0s; } .card.-ease-in { opacity: 1; transform: translateY(0px); filter: blur(0px) grayscale(0); } .component-cards-12-up { width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 0; box-sizing: border-box; padding: 0px 3.5%; margin-top: 1.25em; } .component-cards-12-up .cards { padding: 0px; max-width: none; width: 100%; } .component-cards-12-up .card-main { position: relative; width: 100%; display: flex; flex-direction: column; margin: 0px 0px 1em; transform: translateZ(0px); cursor: pointer; box-sizing: border-box; } .component-cards-12-up .card-main:hover .card-main-image img { transition: transform 1.5s ease-out 0s, -webkit-transform 1.5s ease-out 0s; transform: translate(-50%, -50%) scale(1.1); } .component-cards-12-up .card-main .content { padding: 2em 0px 0px; position: relative; } .component-cards-12-up .card-main .content p { margin: 0px 0px 1.5em; } .component-cards-12-up .card-main-card-link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } .component-cards-12-up .card-main-image { width: 100%; flex-shrink: 1; flex-basis: 16em; max-height: 10em; overflow: hidden; position: relative; border-radius: 6px; transform: translateZ(0px); } .component-cards-12-up .card-main-image img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.5s ease-out 0s, -webkit-transform 0.5s ease-out 0s; } .component-cards-12-up .card-main .meta { margin: 1.25em 0px; } .component-cards-12-up .card-main .meta-category { color: rgb(0, 58, 93); text-decoration: none; font-weight: 700; font-size: 0.75em; } .component-cards-12-up .card-main .meta-time { color: rgb(102, 102, 102); font-size: 0.75em; margin-left: 0.5em; } .component-cards-12-up .card-main-title { font-size: 1.4375em; margin: 0px; } .component-cards-12-up .card-main-title::before { content: ""; width: 70px; height: 4px; display: block; margin: 0px 0px 0.5em; } .component-cards-12-up .card-main-link { transition: color 0.5s ease 0s; z-index: 2; font-size: 0.75em; position: relative; box-sizing: border-box; padding-right: 1em; font-weight: 700; text-decoration: none; } .component-cards-12-up .card-main-link::before { color: rgb(0, 145, 210); display: inline-block; font-size: 23px; line-height: 23px; height: 18px; width: 18px; position: absolute; right: -6px; } @media (min-width: 768px) { .component-cards-12-up { width: 100%; padding: 0px 3.5%; margin-top: 5em; margin-bottom: 5em; flex-direction: column; } .component-cards-12-up .cards { margin-bottom: 0px; } .component-cards-12-up .card-main, .component-cards-12-up .cards-container { width: 100%; flex-direction: row; } .component-cards-12-up .card-main { display: flex; min-height: 25em; margin: 0px; } .component-cards-12-up .card-main-image { display: block; padding: 0px; max-height: none; margin: 0px 1.875em 0px 0px; flex-basis: 50%; width: 50%; } .component-cards-12-up .card-main-image img { width: auto; height: 100%; } .component-cards-12-up .card-main-title { font-size: 1.875em; } .component-cards-12-up .card-main .content { padding: 2em 0px; width: 50%; } .component-cards-12-up .card-main .content > * { max-width: 360px; } .component-cards-12-up .card-main .meta-category { font-size: 0.875em; } .component-cards-12-up .card-main .meta-time { font-size: 0.75em; } .component-cards-12-up .card-main-link { font-size: 0.875em; } } @media (min-width: 1024px) { .component-cards-12-up { padding: 0px 7%; height: 25em; align-items: stretch; } .component-cards-12-up, .component-cards-12-up.left { flex-direction: row; } .component-cards-12-up.left .card-main { margin-right: 1.875em; } .component-cards-12-up.right { flex-direction: row-reverse; } .component-cards-12-up.right .card-main { margin-left: 1.875em; } .component-cards-12-up .cards { margin-top: 0px; width: calc(50% - 15px); height: 100%; } .component-cards-12-up .card-main { width: 50%; flex: 1 1 0%; } .component-cards-12-up .card-main-image { max-height: none; } .component-cards-12-up .card-main .content { max-width: 280px; } } .component-cards-2-up { width: 100%; display: flex; align-items: center; position: relative; z-index: 0; flex-direction: column-reverse; box-sizing: border-box; padding: 0px 3.5%; } .component-cards-2-up.darker-bg { background-color: rgb(248, 248, 248); } .component-cards-2-up h2 { margin: 0px; font-size: 1.4375em; } .component-cards-2-up h2::before { content: ""; width: 70px; height: 4px; display: block; margin: 0.5em 0px; } .component-cards-2-up p { margin: 0px 0px 1.5em; font-size: 0.875em; } .ao-banner .ao-banner-info-panel-tile--lime-green .component-cards-2-up .ao-banner-info-panel-tile__button, .component-cards-2-up .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .component-cards-2-up .ao-btn, .component-cards-2-up .ao-btn--darker, .component-cards-2-up .ao-btn--secondary, .component-cards-2-up .ao-btn--tertiary, .component-cards-2-up .btn { display: inline-block; color: rgb(0, 58, 93); } .component-cards-2-up .cards-container { width: 100%; display: flex; flex-direction: column; align-items: center; padding: 0px; box-sizing: border-box; } .component-cards-2-up .feature-background { position: relative; height: 12em; width: 100%; order: 1; top: 0px; z-index: -1; overflow: hidden; text-align: center; } .component-cards-2-up .feature-background .field { height: 100%; } .component-cards-2-up .feature-background img { width: auto; height: 100%; transform: scale(1.25); transform-origin: 50% 0px; } .component-cards-2-up .feature-container { padding: 1.5em 1.25em 2em; margin-bottom: 1em; width: 100%; box-sizing: border-box; } .component-cards-2-up .meta { margin: 1.25em 0px; } .component-cards-2-up .meta-category { color: rgb(0, 58, 93); text-decoration: none; font-weight: 700; font-size: 0.875em; } .component-cards-2-up .meta-time { color: rgb(102, 102, 102); font-size: 0.75em; margin-left: 0.5em; } .component-cards-2-up.left .feature-background { right: 0px; } .component-cards-2-up.right .feature-background { left: 0px; } @media (min-width: 480px) { .component-cards-2-up { flex-direction: column-reverse; } .component-cards-2-up .feature-container { padding: 0px 3.5%; } } @media (min-width: 768px) { .component-cards-2-up { padding: 0px 3.5%; } .component-cards-2-up p { overflow: hidden; } .component-cards-2-up .cards-container { flex-direction: row; } .component-cards-2-up .feature-container { width: 50%; margin-right: 50%; margin-bottom: 2em; min-height: 25em; padding-top: 5em; } .component-cards-2-up .feature-background { position: absolute; width: auto; height: 25em; } .component-cards-2-up .feature-background img { transform: scale(1); } .component-cards-2-up.right .feature-container { margin-left: 50%; margin-right: 0px; } } @media (min-width: 1024px) { .component-cards-2-up { padding: 5em 7%; overflow: hidden; background-size: contain; } .component-cards-2-up p { overflow: hidden; } .component-cards-2-up .cards-container { width: calc(50% - 15px); justify-content: flex-end; align-items: center; flex-direction: row; flex: 0 1 auto; } .component-cards-2-up .cards-container .card { flex: 0 1 auto; transform: translateZ(0px); } .component-cards-2-up .feature-container { margin-right: 0px; width: 280px; padding: 0px 2em; } .component-cards-2-up .feature-background { position: absolute; top: 0px; height: 100%; overflow: initial; } .component-cards-2-up .feature-background img { max-width: 100%; } .component-cards-2-up.left { flex-direction: row; } .component-cards-2-up.left .cards-container { justify-content: flex-end; } .component-cards-2-up.left .feature-background { right: auto; left: 64%; min-width: 592px; } .component-cards-2-up.right { flex-direction: row-reverse; } .component-cards-2-up.right .cards-container { justify-content: flex-start; } .component-cards-2-up.right .cards-container .card:last-of-type { margin-right: 0px; } .component-cards-2-up.right .feature-container { margin-left: 0px; margin-right: 1.875em; padding: 0px 2em 0px 0px; } .component-cards-2-up.right .feature-background { right: 68%; left: auto; min-width: 592px; } } @media (min-width: 1365px) { .component-cards-2-up { padding: 5em 100px; } .component-cards-2-up h2 { font-size: 1.875em; line-height: 1.2em; } .component-cards-2-up.left .feature-container { margin-left: 3.75em; } } .cards-3-up { overflow: hidden; position: relative; background-color: rgb(248, 248, 248); } .cards-3-up .card { background-color: rgb(255, 255, 255); } .cards-3-up .texture { position: absolute; top: 25%; left: 50%; width: 2000px; height: 2000px; z-index: 0; right: 0px; margin: auto; transform: translate(-50%, -85%); } .cards-3-up .title { text-align: center; display: block; font-weight: 700; margin: 17px 0px 0px; font-size: 0.9375em; font-family: "Sharp Sans No2", Arial, sans-serif; position: relative; z-index: 1; color: rgb(34, 34, 34); } .cards-3-up.alt { background: rgb(17, 17, 17); } .cards-3-up.alt .title { color: rgb(215, 215, 0); } .cards-3-up.alt h3 { color: rgb(255, 255, 255); } .cards-3-up.alt .card { background: rgb(17, 17, 17); } .cards-3-up .cards { margin-top: 2em; margin-bottom: 2em; } .cards-3-up.-has-title .cards { margin-top: 1em; margin-bottom: 2.5em; } .draws-navigation { background-color: rgb(244, 244, 244); padding: 2em 3.5%; display: flex; flex-direction: row; flex: 1 0 auto; place-content: stretch space-between; } .draws-navigation .round { display: flex; flex-direction: column; flex: 0 0 auto; text-align: center; } .draws-navigation .round .title { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.8125em; font-weight: 700; color: rgb(102, 102, 102); margin-bottom: 1em; background-color: rgb(255, 255, 255); border-radius: 50%; width: 40px; height: 40px; line-height: 38px; } .draws-navigation .round .title a { color: inherit; text-decoration: none; font-size: inherit; } .draws-navigation .round .title a:hover { color: rgb(34, 34, 34); } .draws-navigation .round .title a .desktop-label { display: none; } .draws-navigation .round .title a .mobile-label { display: inline; } .draws-navigation .round .group { display: none; } @media (min-width: 768px) { .draws-navigation { padding: 2em 7%; } .draws-navigation .round { flex: 1 0 auto; } .draws-navigation .round .title { background-color: transparent; width: auto; height: auto; } .draws-navigation .round .title a .desktop-label { display: inline; } .draws-navigation .round .title a .mobile-label { display: none; } .draws-navigation .round .group { position: relative; display: flex; flex: 1 0 auto; background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); justify-content: center; align-items: center; height: 40px; } .draws-navigation .round .group a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-sizing: border-box; } .draws-navigation .round .group a:hover { border: 1px solid rgb(0, 145, 210); background-color: rgba(0, 145, 210, 0.05); } .draws-navigation .round .group .game-dot { position: relative; display: inline; margin: 0px 0.125em; } .draws-navigation .round .group .game-dot::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: rgb(102, 102, 102); top: 50%; left: 0px; transform: translate(-50%, -50%); } } @media (min-width: 768px) { .draws-navigation { padding: 2em 100px; } } .featured-matches-banner { display: flex; flex-wrap: nowrap; padding: 0px 1.5rem; background-size: cover; background-position: 50% center; justify-content: space-between; background-color: rgb(0, 145, 210); background-image: url("/img/banner-shapes-mobile.253ed0922f27eff06c729816c14a36cf.svg"); } .featured-matches-banner__content { flex: 0 0 50%; max-width: 50%; display: flex; padding: 2.5rem 0px; flex-direction: column; justify-content: center; align-items: flex-start; } .featured-matches-banner h2 { color: rgb(255, 255, 255); font-weight: 900; letter-spacing: 0.02em; margin-bottom: 1rem; font-size: 1.5rem; line-height: 1.75rem; } .featured-matches-banner a { letter-spacing: 0.02em; text-transform: uppercase; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.75rem; line-height: 1.375rem; } .featured-matches-banner__img-wrapper { display: flex; flex: 0 1 50%; height: auto; margin-top: 2.8125rem; max-width: 10.625rem; align-items: flex-end; } .featured-matches-banner__img-wrapper img { width: 100%; } @media (min-width: 23.4375rem) { .featured-matches-banner a { font-size: 0.875rem; line-height: 1.375rem; } } @media (min-width: 48rem) { .featured-matches-banner { padding: 0px 3rem; background-image: url("/img/banner-shapes.8cce90c7105e70231b947d2b881e4783.svg"); } .featured-matches-banner h2 { font-size: 2rem; line-height: 2.375rem; } .featured-matches-banner__img-wrapper { margin-top: 1.4375rem; max-width: 12.5rem; } } @media (min-width: 85.3125rem) { .featured-matches-banner { padding: 0px 4.1875rem; } .featured-matches-banner__content { padding: 3rem 0px; } .featured-matches-banner a { padding: 1.125rem 2.6875rem 1rem; } .featured-matches-banner h2 { font-size: 2.5rem; line-height: 3rem; } .featured-matches-banner__img-wrapper { max-width: 15rem; } } @media (min-width: 120rem) { .featured-matches-banner { padding: 0px 7rem; } .featured-matches-banner__content { padding: 5rem 0px; } .featured-matches-banner h2 { font-size: 3.5rem; line-height: 3.5rem; } .featured-matches-banner__img-wrapper { max-width: 18.75rem; } } .current-matches { display: flex; flex-wrap: wrap; } .current-matches__primary, .current-matches__secondary { flex: 0 1 100%; } .current-matches__secondary { background-color: rgb(0, 91, 166); } @media (min-width: 64rem) { .current-matches { flex-wrap: nowrap; } .current-matches__primary { flex: 1 1 auto; } .current-matches__secondary { flex: 0 1 462px; } } .current-matches-block { min-height: 12.9375rem; padding: 1.5rem 1rem 0.75rem; background-color: rgb(0, 145, 210); } .current-matches-block__title { color: rgb(255, 255, 255); font-weight: 800; text-transform: none; margin-bottom: 0.5rem; letter-spacing: 0.02em; font-size: 1rem; line-height: 1.5rem; } .current-matches-block__matches-wrapper { display: flex; flex-wrap: wrap; margin-bottom: 1.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .current-matches-block__matches-wrapper > div { border-bottom: none; } .current-matches-block__matches-wrapper > div:nth-child(3), .current-matches-block__matches-wrapper > div:nth-child(4) { display: none; } .current-matches-block__buttons-wrapper { display: flex; flex-wrap: wrap; margin: 0px -0.375rem; } .current-matches-block__buttons-wrapper, .current-matches-block__buttons-wrapper * { box-sizing: border-box !important; } .current-matches-block__button { text-align: center; margin: 0px 0.375rem 0.75rem; text-transform: uppercase; flex: 1 1 calc(50% - 12px); padding: 0.75rem; font-size: 0.75rem; line-height: 1.375rem; } @media (min-width: 48rem) { .current-matches-block { padding: 1rem 1rem 0px; } .current-matches-block__matches-wrapper { flex-wrap: nowrap; border-bottom: none; margin: 0px -0.5rem 0.75rem; } .current-matches-block__matches-wrapper > div { margin: 0px 0.5rem; flex: 0 1 calc(50% - 16px); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .current-matches-block__buttons-wrapper { display: flex; flex-wrap: nowrap; justify-content: flex-end; } .current-matches-block__button { flex: 0 1 auto; padding: 0.5rem 1.375rem; } } @media (min-width: 64rem) { .current-matches-block__matches-wrapper { margin: 0px -0.75rem 0.75rem; } .current-matches-block__matches-wrapper > div { margin: 0px 0.75rem; flex: 0 1 calc(33.3333% - 24px); } .current-matches-block__matches-wrapper > div:nth-child(3) { display: block; } } @media (min-width: 85.3125rem) { .current-matches-block__matches-wrapper > div { flex: 0 1 calc(25% - 24px); } .current-matches-block__matches-wrapper > div:nth-child(3), .current-matches-block__matches-wrapper > div:nth-child(4) { display: block; } } @media (min-width: 120rem) { .current-matches-block { padding: 2rem 2rem 0px; } .current-matches-block__title { margin-bottom: 0.75rem; font-size: 1.5rem; line-height: 1.75rem; } .current-matches-block__matches-wrapper { margin: 0px -1rem 1rem; } .current-matches-block__matches-wrapper > div { margin: 0px 1rem; flex: 0 1 calc(25% - 32px); } } html:not(.browser-ie) .featured-matches, html:not(.browser-ie) .featured-matches * { box-sizing: content-box; } .faq-scroll-padding h3::before, .faq-scroll-padding h4::before { content: ""; display: block; height: 5rem; margin-top: -5rem; visibility: hidden; } .footer-wrapper { background: rgb(249, 249, 249); } .footer-wrapper a { display: inline-block; } .footer-wrapper .container { color: rgb(0, 58, 93); padding: 1.75rem 0px 1.4375rem; font-size: 0px; width: 100%; max-width: 1792px; margin: 0px auto; } @media (min-width: 64rem) { .footer-wrapper .container { padding-top: 2.75rem; } } .footer-wrapper .container .footer-copyright, .footer-wrapper .container .footer-upper { padding: 0px 1.0625rem; } @media (min-width: 48rem) { .footer-wrapper .container .footer-copyright, .footer-wrapper .container .footer-upper { padding: 0px 1.75rem; } } @media (min-width: 64rem) { .footer-wrapper .container .footer-copyright, .footer-wrapper .container .footer-upper { padding: 0px 4rem; } } .footer-wrapper .container .footer-upper { display: flex; flex-flow: wrap; } @media (min-width: 48rem) { .footer-wrapper .container .footer-upper { flex-flow: wrap; } } @media (min-width: 48rem) { .footer-wrapper .container .footer-upper > * { flex: 1 1 100%; } } .footer-wrapper .container .social-wrapper { order: 3; width: 100%; } @media (min-width: 48rem) { .footer-wrapper .container .social-wrapper { width: auto; } } .footer-wrapper .container .social-wrapper .menu { width: auto; } .footer-wrapper .container .social-wrapper .menu > li { display: inline; margin-right: 1.0625rem; } .footer-wrapper .container .social-wrapper .menu > li:last-child { margin-right: 0px; } .footer-wrapper .container .social-wrapper a { color: rgb(0, 145, 210); } .footer-wrapper .container .social-wrapper a svg { color: rgb(0, 145, 210); transition: color 0.1s ease 0s; } .footer-wrapper .container .social-wrapper a:focus, .footer-wrapper .container .social-wrapper a:focus svg, .footer-wrapper .container .social-wrapper a:hover, .footer-wrapper .container .social-wrapper a:hover svg { color: rgb(0, 58, 93); } .footer-wrapper .container .menus-wrapper { display: flex; order: 1; flex-flow: wrap; margin: 5.0625rem 0px 0px; width: 100%; } @media (min-width: 48rem) { .footer-wrapper .container .menus-wrapper { flex-flow: row; flex: 2 0 0%; justify-content: flex-end; margin: 1.875rem 0px 0px; } } @media (min-width: 64rem) { .footer-wrapper .container .menus-wrapper { padding-left: 10%; margin: 0px; } } @media (min-width: 85.3125rem) { .footer-wrapper .container .menus-wrapper { padding-left: 25%; } } .footer-wrapper .container .menus-wrapper .menu { order: 2; flex: 1 1 0%; margin-bottom: 5.0625rem; } @media (min-width: 48rem) { .footer-wrapper .container .menus-wrapper .menu { width: 33.33%; flex: 1 1 100%; } } @media (min-width: 64rem) { .footer-wrapper .container .menus-wrapper .menu { width: 28%; padding-left: 15px; } } .footer-wrapper .container .menus-wrapper .menu a { font-size: 0.75rem; font-family: "Sharp Sans No2", Arial, sans-serif; line-height: 29px; letter-spacing: 0.02em; font-weight: 700; color: rgb(0, 58, 93); text-decoration: none; text-transform: uppercase; } @media (min-width: 48rem) { .footer-wrapper .container .menus-wrapper .menu a { font-size: 0.875rem; } } .footer-wrapper .container .menus-wrapper .menu a:focus, .footer-wrapper .container .menus-wrapper .menu a:hover { text-decoration: underline; } .footer-wrapper .container .menus-wrapper .menu:first-child { order: 1; padding-left: 0px; } .footer-wrapper .container .menus-wrapper .menu.mobile-links { text-align: right; display: flex; justify-content: flex-start; order: 3; flex: 3 1 100%; margin-bottom: 2.25rem; } @media (min-width: 48rem) { .footer-wrapper .container .menus-wrapper .menu.mobile-links { width: 33.33%; flex: 1 1 100%; display: block; margin-top: 0px; } } @media (min-width: 64rem) { .footer-wrapper .container .menus-wrapper .menu.mobile-links { width: 24%; padding-left: 15px; margin-bottom: 0px; } } .footer-wrapper .container .menus-wrapper .menu.mobile-links > li { margin-right: 0.625rem; } @media (min-width: 48rem) { .footer-wrapper .container .menus-wrapper .menu.mobile-links > li { margin-right: 0px; margin-bottom: 0.875rem; } } .footer-wrapper .container .menus-wrapper .menu.mobile-links > li:last-child { margin-bottom: 0px; } .footer-wrapper .container .menus-wrapper .menu.mobile-links a { color: transparent; font-size: 0px; transition: filter 0.1s ease 0s; line-height: normal; } .footer-wrapper .container .menus-wrapper .menu.mobile-links a[rel="apple"]::before, .footer-wrapper .container .menus-wrapper .menu.mobile-links a[rel="google"]::before { content: ""; background-repeat: no-repeat; display: inline-block; } .footer-wrapper .container .menus-wrapper .menu.mobile-links a[rel="apple"]::before { background-image: url("/img/appleStore.d4b338a991892ade16df0e1820c5b716.png"); width: 7.33688rem; height: 2.5rem; background-size: auto 2.5rem; } .footer-wrapper .container .menus-wrapper .menu.mobile-links a[rel="google"]::before { background-image: url("/img/googlePlay.b2455dad6f4834a7bd20e2d0fea070a7.png"); width: 8.4375rem; height: 2.5rem; } .footer-wrapper .container .menus-wrapper .menu.mobile-links a:focus[rel="apple"]::before, .footer-wrapper .container .menus-wrapper .menu.mobile-links a:hover[rel="apple"]::before { background-position-x: -7.33688rem; } .footer-wrapper .container .menus-wrapper .menu.mobile-links a:focus[rel="google"]::before, .footer-wrapper .container .menus-wrapper .menu.mobile-links a:hover[rel="google"]::before { background-position-x: -8.4375rem; } @media (min-width: 48rem) { .footer-wrapper .container .menus-wrapper .menu.mobile-links a[rel="apple"]::before { width: 8.4375rem; height: 2.875rem; background-size: auto; } .footer-wrapper .container .menus-wrapper .menu.mobile-links a:focus[rel="apple"]::before, .footer-wrapper .container .menus-wrapper .menu.mobile-links a:hover[rel="apple"]::before { background-position-x: -8.4375rem; } } .footer-wrapper .container #block-footerlogos img { max-width: 100%; max-height: 4.375rem; width: 63%; } .footer-wrapper .container #block-footerlogos a:focus img { opacity: 0.7; } @media (min-width: 48rem) { .footer-wrapper .container #block-footerlogos { font-size: 1rem; } } @media (min-width: 64rem) { .footer-wrapper .container #block-footerlogos { display: flex; flex-direction: row; order: 1; flex: 1 1 0%; width: auto; } .footer-wrapper .container #block-footerlogos img { max-width: 100%; width: auto; } } .footer-wrapper .container #block-footerlogos .field--name-field-mediawithlink-image { margin-right: 3.4375em; } .footer-wrapper .container #block-footerlogos .field__items { display: flex; align-items: baseline; } .footer-wrapper .container #block-footerlogos .field__items > .field__item:last-child .paragraph .field__item { margin: 0px; } .footer-wrapper .container .footer-copyright { font-size: 1rem; } .footer-wrapper .container .footer-copyright .row { border-top: 1px solid rgb(230, 230, 230); margin: 1.5rem 0px 0px; position: relative; padding-top: 0.8125rem; } @media (min-width: 48rem) { .footer-wrapper .container .footer-copyright .row { display: flex; justify-content: space-between; } } .footer-wrapper .container .footer-copyright p { color: rgb(0, 58, 93); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; font-size: 0.75rem; margin: 0px; } .footer-wrapper .container .footer-copyright p.-small { display: inline-block; vertical-align: sub; } #block-copyright { width: 100%; max-width: 100%; padding-right: 15px; margin-bottom: 0.625rem; } @media (min-width: 48rem) { #block-copyright { max-width: 18.75rem; margin-bottom: 0px; } } @media (min-width: 85.3125rem) { #block-copyright { max-width: 25rem; } } #block-copyright p { text-transform: uppercase; } #block-motto p { font-weight: 400; } .full-width-video { border-radius: 6px; box-shadow: rgba(34, 34, 34, 0.1) 0px 2px 12px 0px; cursor: pointer; height: 17em; margin: 0px auto 2em; overflow: hidden; position: relative; width: 100%; } .full-width-video .img, .full-width-video img { max-width: 100%; min-height: 100%; transition: transform 0.5s ease-out 0s, -webkit-transform 0.5s ease-out 0s; width: 100%; } .full-width-video picture:not(.-hide-image) { position: absolute; top: 25%; transform: translateY(-25%); width: 100%; height: 100%; } .full-width-video .video-poster-wrapper { font-size: 0px; height: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; } .full-width-video .video-description { background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent 50%); border-radius: 6px; bottom: 0px; height: auto; left: 0px; margin: 0px; padding-top: 30%; position: absolute; right: 0px; width: 100%; } .full-width-video .video-description__inner { margin: 0.75em 5%; } .full-width-video .video-description h3 { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1.0625em; font-weight: 700; margin: 0px; padding: 1em 0px; display: flex; align-items: center; } .full-width-video .video-description__icon { margin-right: 0.875rem; } .full-width-video .video-description p { border-top: 1px solid rgba(221, 221, 221, 0.2); color: rgb(215, 215, 0); line-height: 3.75em; margin: 0px; padding: 0px; } .full-width-video .video-description p span { color: rgb(255, 255, 255); font-size: 0.8em; margin-left: 0.5em; } .full-width-video .video-description a { color: rgb(215, 215, 0); font-size: 1em; font-weight: 700; line-height: 3em; margin: 0px; padding: 0px 0px 1em; text-decoration: none; } .full-width-video .card-meta { border-top: 1px solid rgba(255, 255, 255, 0.25); padding: 1em 0px 0.5em; width: 100%; } .full-width-video .card-meta-type { color: rgb(215, 215, 0); font-size: 0.75em; font-weight: 700; text-decoration: none; } .full-width-video .card-meta-time { color: rgb(255, 255, 255); font-size: 0.75em; margin-left: 0.5em; } .full-width-video .btn-play-video { background-color: rgb(0, 145, 210); border-radius: 50%; border: transparent; box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 16px -4px; left: 50%; outline: none; padding: 0px; position: absolute; top: 50%; transform: translate(-50%, -50%); } .full-width-video .btn-play-video .icon { color: rgb(255, 255, 255); } .full-width-video .btn-play-video .icon::before { padding-left: 2px; } .full-width-video:hover .img, .full-width-video:hover img { transform: scale(1.1); transition: transform 1.5s ease-out 0s, -webkit-transform 1.5s ease-out 0s; } @media (min-width: 480px) { .full-width-video .video-description { padding-top: 15%; } } @media (min-width: 768px) { .full-width-video { height: 25em; width: 100%; } .full-width-video .video-description h3 { font-size: 1.4375em; line-height: 1.25em; } .full-width-video .video-description h3 .icon { display: initial; } .full-width-video .card-meta { padding: 1em 0px; width: 100%; } .full-width-video .card-meta-type { font-size: 0.875em; } .full-width-video .card-meta-time { font-size: 0.75em; } } .ao-layout__main .full-width-video { box-shadow: unset; border-radius: 0px; height: auto; margin: 0px; } .ao-layout__main .full-width-video .video-poster-wrapper { width: 100%; padding-top: 56.25%; height: 0px; position: relative; transform: none; top: 0px; left: 0px; } .ao-layout__main .full-width-video .video-poster-wrapper .contextual-region { position: static; } .ao-layout__main .full-width-video .video-poster-wrapper img { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: block; } .ao-layout__main .full-width-video .video-description { display: none; } .ao-layout__main .full-width-video .btn-play-video { background-color: transparent; height: 30%; width: 16.875%; max-height: 9.375rem; max-width: 9.375rem; } .ao-layout__main .full-width-video .btn-play-video .svg-icon { display: none; } .ao-layout__main .full-width-video .btn-play-video::before { content: ""; height: 100%; width: 100%; z-index: 1; background-color: rgb(204, 204, 204); border-radius: 50%; opacity: 0.5; transition: opacity 0.5s ease 0s; position: absolute; top: 0px; left: 0px; } .ao-layout__main .full-width-video .btn-play-video::after { content: ""; width: 40%; height: 40%; z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-30%, -50%); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 39 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.807 19.18c1.984 1.158 1.984 4.025 0 5.183L4.747 43.072c-2 1.167-4.511-.276-4.511-2.591V3.063C.236.747 2.748-.695 4.748.472l32.06 18.709z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E"); } .ao-layout__main .full-width-video:hover .img, .ao-layout__main .full-width-video:hover img { transform: none; } .ao-layout__main .full-width-video:hover .btn-play-video::before { opacity: 0.7; } .hero-404 { background-color: rgb(0, 145, 210); display: flex; flex-direction: column; height: calc(100vh - 5.625rem); justify-content: space-between; min-height: 40rem; text-align: center; } @media (min-width: 85.3125rem) { .hero-404 { height: calc(100vh - 7.5rem); } } .hero-404, .hero-404 * { box-sizing: border-box; } .hero-404__court { flex: 0 0 auto; overflow: hidden; padding-top: 6.25rem; } .hero-404__lines { background-color: rgb(255, 255, 255); height: 5.625rem; position: relative; width: 100%; } @media (min-width: 48rem) { .hero-404__lines { height: 7.5rem; } } .hero-404__lines::before { display: none; background-color: rgb(255, 255, 255); bottom: 0px; content: ""; height: 300%; left: 6%; position: absolute; width: 5.625rem; z-index: 10; } @media (min-width: 48rem) { .hero-404__lines::before { display: block; width: 7.5rem; } } .hero-404__ball-shadow { background-color: rgba(0, 0, 0, 0.2); border-radius: 100%; height: 10.4375rem; width: 5.0625rem; margin: 0.3125rem auto 0px; } @media (min-width: 48rem) { .hero-404__ball-shadow { height: 14.125rem; width: 6.875rem; } } .hero-404__content { flex: 0 0 auto; padding: 1.25rem 0px 3.125rem; } .hero-404__badge { background-color: rgb(0, 58, 93); border-radius: 0.3125rem; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px 0px; color: rgb(255, 255, 255); display: inline-block; height: 3.75rem; line-height: 1; padding: 0.6875rem 0.625rem; text-transform: uppercase; } @media (min-width: 48rem) { .hero-404__badge { height: 5rem; padding: 0.875rem 1.25rem; } } .hero-404__badge-inner { align-items: center; display: flex; justify-content: center; } .hero-404__badge-title { color: rgb(255, 255, 255); font-size: 0.9375rem; line-height: 1.3; margin: 0px; } @media (min-width: 48rem) { .hero-404__badge-title { font-size: 1.25rem; } } .hero-404__badge-img { height: 2.375rem; margin-right: 1.25rem; width: 5.9375rem; } @media (min-width: 48rem) { .hero-404__badge-img { height: 3.125rem; margin-right: 2.5rem; width: 7.6875rem; } } .hero-404__text { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.9375rem; font-weight: 700; margin-top: 1rem; text-align: center; } .hero-404__text a { color: rgb(255, 255, 255); font-size: inherit; font-weight: inherit; } .component-hero-event-stats { width: 100%; height: auto; background-image: linear-gradient(to right bottom, rgb(17, 17, 17) 40%, rgb(102, 102, 102)); display: flex; flex-direction: column; align-items: center; box-sizing: border-box; position: relative; z-index: 0; padding-left: 3.5%; padding-right: 3.5%; } .component-hero-event-stats .col { height: 17em; display: flex; width: 100%; } .component-hero-event-stats .col:first-child { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .component-hero-event-stats .col h3 { font-family: "Source Sans", Arial, sans-serif; } .component-hero-event-stats .player-data { align-self: center; height: 100%; padding: 2.5em 0px; box-sizing: border-box; min-width: 50%; margin: auto 0px; z-index: 10; } .component-hero-event-stats .player-data-rounded { margin: auto 2em auto 1em; } .component-hero-event-stats .player-data h3 { color: rgb(255, 255, 255); text-transform: uppercase; font-size: 0.8125em; margin: 0px 0px 0.5em; } .component-hero-event-stats .player-data .player-name h4 { font-size: 0.9375em; color: rgb(255, 255, 255); vertical-align: middle; margin: 0px 0px 0px 0.75em; display: inline-block; } .component-hero-event-stats .player-data .player-name h4 a { font-family: inherit; font-size: inherit; color: inherit; text-decoration: none; display: block; } .component-hero-event-stats .player-data .player-name .img, .component-hero-event-stats .player-data .player-name img { height: 0.75em; vertical-align: middle; } .component-hero-event-stats .player-data .player-number { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; font-size: 4.75em; line-height: 1; margin-bottom: 0.4em; color: rgb(215, 215, 0); } @supports ((-webkit-text-fill-color:transparent) or (text-fill-color:transparent)) and ((-webkit-background-clip: text) or (background-clip:text)) { .component-hero-event-stats .player-data .player-number { background: linear-gradient(rgb(0, 145, 210), rgb(255, 222, 20)) text; -webkit-text-fill-color: transparent; } } .component-hero-event-stats .player-image { align-self: flex-end; height: 80%; width: 100%; } .component-hero-event-stats .player-image .img, .component-hero-event-stats .player-image img { height: 100%; vertical-align: bottom; box-sizing: border-box; } .component-hero-event-stats .player-image-rounded { align-self: center; display: flex; justify-content: center; align-items: center; height: 9em; transform: scaleX(1); } .component-hero-event-stats .player-image-rounded .img, .component-hero-event-stats .player-image-rounded img { border-radius: 999px; border: 2px solid rgb(255, 255, 255); max-width: 90%; height: auto; } .component-hero-event-stats .player-image-rounded .-hide-image { width: 100%; height: 100%; } .component-hero-event-stats .player-image-rounded .-hide-image .img { padding-top: 100%; max-width: none; } .component-hero-event-stats .player-image .-hide-image .img { background-size: contain; background-repeat: no-repeat; background-position: center bottom; } .component-hero-event-stats .background-pattern { position: absolute; inset: 0px; z-index: -1; background-image: url("/img/ao-shape-mobile.80c767d7ff68e64f7e2f7b1303951924.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .component-hero-event-stats.blue-layout { background-color: rgb(0, 145, 210); background-image: none; } .component-hero-event-stats.blue-layout .player-data .player-number { color: rgb(255, 255, 255); background: none; } @supports ((-webkit-text-fill-color:transparent) or (text-fill-color:transparent)) and ((-webkit-background-clip: text) or (background-clip:text)) { .component-hero-event-stats.blue-layout .player-data .player-number { background: unset; -webkit-text-fill-color: rgb(255, 255, 255); } } .component-hero-event-stats.blue-layout .background-pattern { background-image: none; } .component-hero-event-stats.blue-layout .player-image-rounded .img, .component-hero-event-stats.blue-layout .player-image-rounded img { border: 0px; background-color: rgb(0, 114, 191); } @media (min-width: 480px) { .component-hero-event-stats .player-data { margin: auto 0px; } .component-hero-event-stats .player-data-rounded { margin: auto 4.5em auto 3.5%; } .component-hero-event-stats .player-data h3 { font-size: 0.875em; margin: 0px 0px 1em; } .component-hero-event-stats .player-data .player-name h4 { font-size: 1em; } .component-hero-event-stats .player-data .player-name img { height: 1em; vertical-align: middle; } .component-hero-event-stats .player-data svg { height: 6.6em; } .component-hero-event-stats .player-data .player-number { font-size: 5.3125em; margin-bottom: 0.4em; } .component-hero-event-stats .player-image { margin: 0px 3.5% 0px 0px; height: 80%; } .component-hero-event-stats .player-image-rounded { max-width: 100%; } } @media (min-width: 768px) { .component-hero-event-stats { padding-left: 7%; padding-right: 7%; } .component-hero-event-stats .player-image-rounded img { max-width: 60%; } } @media (min-width: 1024px) { .component-hero-event-stats { width: 100%; height: 18.75em; padding: 0px 2em 0px 7%; flex-direction: row; } .component-hero-event-stats .col { background: none; height: 100%; width: 44%; justify-content: space-between; } .component-hero-event-stats .col:first-child { margin-right: 3em; border: none; } .component-hero-event-stats .col-margin-left .player-data { margin-left: 2.8em; } .component-hero-event-stats .player-data { margin: 0px; align-self: center; height: 100%; padding: 3.5em 0px; } .component-hero-event-stats .player-data h3 { font-size: 0.875em; margin: 0px 0px 0.5em; } .component-hero-event-stats .player-data .player-name h4 { margin: 0px 0px 0px 0.75em; } .component-hero-event-stats .player-data .player-name img { height: 1em; vertical-align: middle; border-radius: 2px; } .component-hero-event-stats .player-data .player-number { font-size: 6.875em; line-height: 1; margin-bottom: 0.25em; } .component-hero-event-stats .player-image { align-self: flex-end; margin: 0px; } .component-hero-event-stats .player-image img { height: auto; max-height: 100%; } .component-hero-event-stats .player-image-rounded { height: 70%; align-self: center; max-width: 35%; } .component-hero-event-stats .player-image-rounded img { border-radius: 999px; border: 2px solid rgb(255, 255, 255); height: auto; max-width: 100%; } .component-hero-event-stats .background-pattern { background-image: url("/img/ao-shape.13980a9acb459c97c42da6288f50ed3a.svg"); } .component-hero-event-stats.blue-layout .background-pattern { background-image: none; } } @media (min-width: 1365px) { .component-hero-event-stats { padding: 0px 5em 0px 100px; } .component-hero-event-stats .background-pattern { width: 90%; margin: auto; } } .component-hero-player-profile { width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; position: relative; z-index: 0; justify-content: space-between; overflow: hidden; background: url("/img/MatchBG-Plain-1600x523.44c52eb8de1bbcbf7e6d77831bf151f6.jpg") 100% 0px / cover no-repeat rgb(49, 49, 49); } .component-hero-player-profile .player-data { margin: 0px 10%; align-self: flex-start; height: auto; box-sizing: border-box; padding: 3.5em 0px 2em; order: 2; flex: 1 0 auto; } .component-hero-player-profile .player-data h1 { color: rgb(255, 255, 255); margin: 0px 0px 0.75em; } .component-hero-player-profile .player-data h1::before { content: ""; position: absolute; top: -23px; width: 76px; height: 4px; } .component-hero-player-profile .player-data .player-flag { margin-bottom: 1.5625rem; font-size: 16px; } .component-hero-player-profile .player-data .player-flag a { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; font-size: 0.9375em; color: rgb(238, 238, 238); display: inline-block; vertical-align: middle; margin: 0px 0px 0px 0.75em; text-decoration: none; } .component-hero-player-profile .player-data .player-flag img { height: 1em; border-radius: 2px; vertical-align: middle; } .component-hero-player-profile .player-data .player-stats { display: flex; } .component-hero-player-profile .player-data .player-stats-col { border-left: 1px solid rgba(255, 255, 255, 0.1); } .component-hero-player-profile .player-data .player-stats-col:first-child { padding-right: 1em; border-left: 0px; } .component-hero-player-profile .player-data .player-stats-col:nth-child(2) { padding-left: 1em; } .component-hero-player-profile .player-data .player-stats-number { display: block; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; font-size: 4.375em; line-height: 1; color: rgb(215, 215, 0); } @supports ((-webkit-text-fill-color:transparent) or (text-fill-color:transparent)) and ((-webkit-background-clip: text) or (background-clip:text)) { .component-hero-player-profile .player-data .player-stats-number { background: linear-gradient(rgb(0, 145, 210), rgb(255, 222, 20)) text; -webkit-text-fill-color: transparent; } } .component-hero-player-profile .player-data .player-stats-desc { font-family: "Source Sans", Arial, sans-serif; font-weight: 700; font-size: 0.8125em; display: block; color: rgb(215, 215, 0); } .component-hero-player-profile .player-image { background: linear-gradient(rgb(17, 17, 17), rgb(102, 102, 102)) 50% center / cover no-repeat; position: relative; order: 1; width: 100%; height: 8.75em; display: flex; flex-direction: column; z-index: 1; flex: 1 0 auto; } .component-hero-player-profile .player-image .img, .component-hero-player-profile .player-image img { max-height: 90%; margin: 0px auto; position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 1; } .avatar .player-image { justify-content: center; } .component-hero-player-profile .player-image-normal { display: flex; justify-content: center; align-items: flex-end; height: 100%; } .component-hero-player-profile .player-image-normal .img, .component-hero-player-profile .player-image-normal img { height: auto; max-height: 70%; max-width: 60%; vertical-align: bottom; position: relative; z-index: 1; } .component-hero-player-profile .player-image-normal-rounded { align-self: center; height: auto; } .component-hero-player-profile .player-image-normal-rounded .img, .component-hero-player-profile .player-image-normal-rounded img { height: auto; } .component-hero-player-profile .player-image-avatar { align-self: center; width: 7.5em; height: 7.5em; } .component-hero-player-profile .player-image-avatar .-hide-image { top: 0px; height: auto; } .component-hero-player-profile .player-image-avatar .-hide-image::after { content: ""; display: block; padding-bottom: 100%; } .component-hero-player-profile .player-image-avatar .-hide-image .img { max-height: 100%; } .component-hero-player-profile .player-image-avatar .img, .component-hero-player-profile .player-image-avatar img { box-sizing: border-box; border: 3px solid rgb(255, 255, 255); border-radius: 999px; top: 0px; max-height: 80%; margin: auto; } .component-hero-player-profile .player-table { height: auto; width: 94%; display: flex; flex: 1 0 auto; flex-direction: column; background-color: rgb(34, 34, 34); border: 3px solid rgba(255, 255, 255, 0.05); border-radius: 6px; padding: 1.25em 0.25em; order: 3; box-sizing: border-box; margin: 1em 0px 3em; position: relative; } .component-hero-player-profile .player-table .image-credit { position: absolute; left: 0px; bottom: -30px; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.4); font-size: 11px; } .component-hero-player-profile .player-table .row { display: flex; place-content: center space-between; padding: 0.675em 1em; border-radius: 3px; margin: 0px 0.5em; } .component-hero-player-profile .player-table .row:nth-child(2n+2) { background-color: rgba(0, 0, 0, 0.25); } .component-hero-player-profile .player-table-cat, .component-hero-player-profile .player-table-val { font-family: "Source Sans", Arial, sans-serif; color: rgb(238, 238, 238); } .component-hero-player-profile .player-table-cat { font-size: 0.8125em; font-weight: 700; padding-right: 0.9375rem; } .component-hero-player-profile .player-table-val { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.9375em; font-weight: 700; line-height: 1.3; padding-left: 0.9375rem; text-align: right; } .component-hero-player-profile .player-table-link { padding: 1em 1em 0.5em 1.5em; } .component-hero-player-profile .player-table-link a { position: relative; box-sizing: border-box; padding-right: 1em; font-weight: 700; text-decoration: none; font-size: 0.8125em; color: rgb(215, 215, 0); } .component-hero-player-profile .player-table-link a:focus, .component-hero-player-profile .player-table-link a:hover { color: rgb(215, 215, 0); } .component-hero-player-profile .player-table-link a::before { color: rgb(215, 215, 0); display: inline-block; font-size: 18px; line-height: 23px; height: 18px; width: 18px; position: absolute; right: -6px; } .component-hero-player-profile .background-pattern { position: absolute; inset: 0px; z-index: 0; background: url("/img/MatchBG-Pattern-Mobile@2x.5434a6513384bee5e05d5027acdcfe93.jpg") 50% 0px / cover no-repeat rgba(0, 0, 0, 0.8); } .component-hero-player-profile.blue-layout { background: rgb(0, 145, 210); } .component-hero-player-profile.blue-layout .player-data h1 { font-family: "Sharp Sans No2", Arial, sans-serif; } .component-hero-player-profile.blue-layout .player-data .player-stats-number { color: rgb(255, 255, 255); } @supports ((-webkit-text-fill-color:transparent) or (text-fill-color:transparent)) and ((-webkit-background-clip: text) or (background-clip:text)) { .component-hero-player-profile.blue-layout .player-data .player-stats-number { background: unset; -webkit-text-fill-color: rgb(255, 255, 255); } } .component-hero-player-profile.blue-layout .player-data .player-stats-desc { color: rgb(255, 255, 255); } .component-hero-player-profile.blue-layout .player-table { background-color: rgb(0, 145, 210); border: none; border-radius: 0px; } .component-hero-player-profile.blue-layout .player-table .row { border-bottom: 1px solid rgb(255, 255, 255); } .component-hero-player-profile.blue-layout .player-table .row:nth-child(2n+2) { background-color: transparent; } .component-hero-player-profile.blue-layout .background-pattern, .component-hero-player-profile.blue-layout .player-image { background: none; } .component-hero-player-profile.blue-layout .player-image-avatar .img, .component-hero-player-profile.blue-layout .player-image-avatar img { border: 0px; background-color: rgb(0, 114, 191); } @media (min-width: 768px) { .component-hero-player-profile .player-image { height: 17em; } .component-hero-player-profile .player-image-avatar { width: auto; height: auto; max-width: 15.625em; max-height: 15.625em; } } @media (min-width: 1024px) { .component-hero-player-profile { padding: 0px 1.25em; flex-direction: row; height: 28.5em; background: url("/img/MatchBG-Pattern-1600x523.5a34e4025afa7a1220b59cdbe187df88.png") 50% 0px no-repeat rgba(0, 0, 0, 0.8); align-items: flex-end; } .component-hero-player-profile .player-data { align-self: center; flex: initial; height: auto; margin: auto 1.5em 5.25em 1em; min-width: unset; order: 0; padding: 0px; z-index: 10; } .component-hero-player-profile .player-data .player-flag { margin-bottom: 0.3125rem; } .component-hero-player-profile .player-data .player-stats { max-width: 18.75rem; margin-top: 1em; } .component-hero-player-profile .player-data .player-stats-col:first-child { padding-right: 1.5em; } .component-hero-player-profile .player-data .player-stats-col:nth-child(2) { padding-left: 1.5em; } .component-hero-player-profile .player-data .player-stats-number { font-size: 5em; } .component-hero-player-profile .player-image { order: 0; align-self: flex-end; width: auto; border: none; background: none; height: 27.5em; max-width: 21.875em; max-height: 21.875em; flex: 1 0 100%; } .component-hero-player-profile .player-image .-hide-image { position: absolute; width: 100%; height: 100%; } .component-hero-player-profile .player-image .-hide-image .img { position: absolute; bottom: 0px; background-size: auto 100%; background-repeat: no-repeat; } .component-hero-player-profile .player-image .player-image-avatar { height: auto; } .component-hero-player-profile .player-image .player-image-avatar .-hide-image { top: 0px; height: 100%; } .avatar .player-image { align-self: center; } .component-hero-player-profile .player-image .img { position: static; max-width: 100%; } .component-hero-player-profile .player-image-normal .img, .component-hero-player-profile .player-image-normal img { max-width: 100%; max-height: 100%; } .component-hero-player-profile .player-image-avatar { width: 72%; max-height: none; height: auto; margin: auto; } .component-hero-player-profile .player-table { order: 0; flex: 1 0 20em; padding: 1.25em; max-width: 24em; position: relative; z-index: 1; margin-bottom: 3.25em; } .avatar .player-table { max-width: 23em; } .component-hero-player-profile .player-table .image-credit { text-align: right; } .component-hero-player-profile .background-pattern { width: 100%; margin: auto; background: none; z-index: -1; } .component-hero-player-profile.blue-layout { background: rgb(0, 145, 210); } } .no-objectfit .component-hero-player-profile .player-image .player-image-avatar { position: relative; height: 100%; width: 100%; max-height: 15.62em; } @media (min-width: 1365px) { .component-hero-player-profile { padding: 0px 4.375em 0px 5.25em; } .component-hero-player-profile .player-data { flex: initial; } .avatar .player-data { margin-right: 2.5em; } .component-hero-player-profile .player-data .player-stats-number { font-size: 7.25em; } .component-hero-player-profile .player-image { max-width: 27.5em; max-height: 27.5em; } } .component-hero-type-1 { position: relative; display: flex; justify-content: space-between; align-items: center; min-height: 6.5rem; width: auto; padding: 2.0625rem 2rem; box-sizing: border-box; } .component-hero-type-1__heading { margin: auto; font-size: 2rem; line-height: 2.375rem; font-weight: 700; max-width: 90rem; color: rgb(255, 255, 255); text-align: center; z-index: 4; } .component-hero-type-1__heading .day-item { display: inline-block; color: rgb(215, 215, 0); cursor: pointer; } .component-hero-type-1__sponsor-wrapper { display: flex; align-items: flex-end; justify-content: center; margin: 0.5rem auto -0.125rem; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(255, 255, 255); font-weight: 500; flex-wrap: wrap; font-size: 0.875rem; line-height: 0.875rem; } .component-hero-type-1__sponsor-image { height: 2rem; width: auto; margin: -0.5rem 0px 0.125rem 0.5rem; } .browser-ie .component-hero-type-1__sponsor-image { margin-bottom: -0.5rem; } .component-hero-type-1__sponsor-image--infosys { height: 1rem; margin: 0px 0px -0.0625rem 0.5rem; } .browser-ie .component-hero-type-1__sponsor-image--infosys { margin-bottom: -0.25rem; } .component-hero-type-1::before { content: ""; position: absolute; background-image: url("/img/ao-2021-pattern.adc3bc160e31e1a88e52210ae7bd70d2.svg"); background-repeat: no-repeat; bottom: 0px; left: -2.125rem; top: -0.4375rem; width: 4.125rem; background-size: 5.6875rem; } .component-hero-type-1.blue-mid { background-color: rgb(0, 145, 210); } .component-hero-type-1.green-mid { background-color: rgb(215, 215, 0); } .component-hero-type-1.ao-live { background-color: rgb(255, 81, 205); } .component-hero-type-1.ao-watermelon { background-color: rgb(255, 102, 100); } .component-hero-type-1__container { width: 99.96%; } .component-hero-type-1 .operator-container { display: block; padding-top: 0.25em; } .ao-banner .ao-banner-info-panel-tile--lime-green .component-hero-type-1 .operator-container .ao-banner-info-panel-tile__button, .component-hero-type-1 .operator-container .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .component-hero-type-1 .operator-container .ao-btn, .component-hero-type-1 .operator-container .ao-btn--darker, .component-hero-type-1 .operator-container .ao-btn--secondary, .component-hero-type-1 .operator-container .ao-btn--tertiary, .component-hero-type-1 .operator-container .btn { color: rgb(0, 58, 93); } .ao-banner .ao-banner-info-panel-tile--lime-green .component-hero-type-1 .operator-container .ao-banner-info-panel-tile__button:focus, .ao-banner .ao-banner-info-panel-tile--lime-green .component-hero-type-1 .operator-container .ao-banner-info-panel-tile__button:hover, .component-hero-type-1 .operator-container .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button:focus, .component-hero-type-1 .operator-container .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button:hover, .component-hero-type-1 .operator-container .ao-btn--darker:focus, .component-hero-type-1 .operator-container .ao-btn--darker:hover, .component-hero-type-1 .operator-container .ao-btn--secondary:focus, .component-hero-type-1 .operator-container .ao-btn--secondary:hover, .component-hero-type-1 .operator-container .ao-btn--tertiary:focus, .component-hero-type-1 .operator-container .ao-btn--tertiary:hover, .component-hero-type-1 .operator-container .ao-btn:focus, .component-hero-type-1 .operator-container .ao-btn:hover, .component-hero-type-1 .operator-container .btn:focus, .component-hero-type-1 .operator-container .btn:hover { color: rgb(255, 255, 255); } .component-hero-type-1.hidden-mobile { display: flex; } @media (min-width: 768px) { .component-hero-type-1.hidden-mobile { display: flex; } } @media (min-width: 48rem) { .component-hero-type-1 { padding: 2.5rem 3.5rem 2rem; min-height: 8rem; } .component-hero-type-1::before { left: -2.375rem; top: 0px; width: 5.3125rem; background-size: 7.25rem; } .component-hero-type-1__heading { font-size: 3rem; line-height: 3.5rem; } .component-hero-type-1__sponsor-wrapper { font-size: 1rem; line-height: 1rem; } .component-hero-type-1__sponsor-image { margin: -0.5rem 0px 0.1875rem 0.5rem; } .component-hero-type-1__sponsor-image--infosys { height: 1.125rem; margin: 0px 0px -0.0625rem 0.5rem; } } @media (min-width: 85.3125rem) { .component-hero-type-1 { padding: 4.375rem 8.75rem 3.5rem; min-height: 11.5rem; width: 100vw; margin-left: -50vw; left: 50%; overflow-x: hidden; } .component-hero-type-1::before { left: -0.125rem; top: 0px; width: 8.6875rem; background-size: 8.6875rem; } .component-hero-type-1__heading { font-size: 3.5rem; } .component-hero-type-1__sponsor-wrapper { margin: 0.875rem auto -0.125rem; font-size: 1.25rem; line-height: 1.25rem; } .component-hero-type-1__sponsor-image { height: 2.8125rem; } .component-hero-type-1__sponsor-image--infosys { height: 1.375rem; } .component-hero-type-1::after { content: ""; position: absolute; background-image: url("/img/ao-2021-pattern-bottom.d8cdbf822c8e21cfd60fa18de330a1e6.svg"); bottom: 0px; right: 0px; width: 14.6875rem; height: 1.5625rem; background-size: contain; } } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .component-hero-type-1 { width: calc(100vw - 1.0625rem); } } .component-hero-type { height: auto; box-sizing: border-box; display: flex; flex-direction: column; } .component-hero-type, .component-hero-type .hero-background { width: 100%; position: relative; flex: 0 1 auto; } .component-hero-type .hero-background { display: block; height: 17em; line-height: 0; overflow: hidden; } .component-hero-type .hero-background img { width: 100%; min-height: 17em; position: absolute; top: 0px; left: 0px; font-family: "object-fit:cover"; object-fit: cover; } .component-hero-type .hero-description { background-image: linear-gradient(to right bottom, rgb(0, 58, 93), rgb(0, 145, 210)); position: relative; padding: 2em 3.5%; height: auto; box-sizing: border-box; overflow: hidden; } .component-hero-type .hero-description-background { position: absolute; left: 66%; top: 0px; height: 100%; width: auto; } .component-hero-type .hero-description-background img { height: 100%; width: auto; } .component-hero-type .hero-clock-wrapper { overflow: hidden; text-align: center; padding: 1.25em; } .component-hero-type .hero-clock { display: inline-flex; margin-bottom: 1em; text-align: left; } .component-hero-type h1 { max-width: 75%; margin: 0px; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1.875em; z-index: 1; color: rgb(255, 255, 255); } .component-hero-type h1::before { content: ""; width: 70px; height: 4px; display: block; margin: 0.5em 0px 0.68em; } .component-hero-type p { margin: 0px 0px 1em; font-size: 0.8125em; } .component-hero-type .meta { margin: 1.25em 0px; } .component-hero-type .meta-category { font-size: 0.875em; color: rgb(215, 215, 0); text-decoration: none; font-weight: 700; } .component-hero-type .meta-time { color: rgb(248, 248, 248); font-size: 0.75em; margin-left: 0.5em; } @media (min-width: 768px) { .component-hero-type .hero-description { padding-left: 7%; } .component-hero-type .hero-clock-wrapper { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; box-sizing: border-box; padding: 1.5em; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 12px 0px; margin: 1.25em 1.25em 0px; background: url("/img/o-texture-o5.460e256a12a5fe6e6706c1fd8a2044d7.png") calc(100% + 140px) calc(100% + 35px) / 345.15px 303.75px no-repeat transparent; } .component-hero-type .hero-clock-wrapper > div { flex: 0 1 auto; } .component-hero-type .hero-clock-wrapper > div:nth-of-type(2) { width: auto; } .component-hero-type .hero-clock { margin-left: 60px; } } @media (min-width: 1024px) { .component-hero-type { flex-direction: row; justify-content: flex-start; align-items: flex-end; overflow: initial; margin: auto; padding: 4em 3.5% 4em 7%; width: 100%; height: 512px; } .component-hero-type .hero-background { display: block; position: absolute; top: 0px; left: 0px; min-height: 100%; width: 100%; overflow: hidden; } .component-hero-type .hero-background img { min-height: 100%; width: auto; } } @media (min-width: 1024px) and (-ms-high-contrast:active), (min-width: 1024px) and (-ms-high-contrast:none) { .component-hero-type .hero-background img { width: 100%; position: absolute; transform: translate(-50%, -50%); } } @media (min-width: 1024px) { .component-hero-type .hero-background-overlay { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: linear-gradient(to right top, rgba(0, 0, 0, 0.4), transparent 50%); } .component-hero-type h1 { font-size: 2.5625em; max-width: 360px; } .component-hero-type .hero-description { padding: 0px; position: relative; background: transparent; flex-grow: 1; } .component-hero-type .hero-description::after { content: none; } .component-hero-type .hero-description-background { display: none; } .component-hero-type .hero-clock-wrapper { background-color: rgb(34, 34, 34); display: flex; flex-direction: column; position: relative; width: 21.25em; border-radius: 6px; box-sizing: border-box; flex-shrink: 0; padding: 1.25em; box-shadow: none; margin: 0px; background-image: none; } .component-hero-type .hero-clock { margin-left: 0px; } .component-hero-type .hero-clock .time-wrapper { flex-direction: row; } .component-hero-type .hero-clock .clock-time span { font-family: "Source Sans", Arial, sans-serif; font-weight: 700; font-size: 0.8125em; color: rgb(215, 215, 0); } .component-hero-type .hero-clock .clock-time h5 { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; display: block; color: rgb(255, 255, 255); font-size: 1.4375em; text-transform: none; margin-bottom: 0px; line-height: 1.4em; } .component-hero-type .hero-clock .clock-time h5 span { color: rgb(255, 255, 255); font-size: 0.8125em; } .component-hero-type .hero-clock .clock-time.clock-melbourne { margin-right: 1.25em; margin-bottom: 0px; } } .component-hero-type-3 { background: url("/img/MatchBG-Plain-1600x523.44c52eb8de1bbcbf7e6d77831bf151f6.jpg") 100% 0px / cover no-repeat rgb(28, 28, 28); } @media (min-width: 64rem) { .component-hero-type-3 { overflow: hidden; } } .component-hero-type-3 > .wrapper { display: flex; flex-flow: wrap; position: relative; } .browser-ie .component-hero-type-3 > .wrapper { margin: 20px 0px -20px; } .component-hero-type-3 .team { justify-content: center; width: 50%; align-items: center; position: relative; } .component-hero-type-3 .team .avatar { height: 6rem; width: 6rem; } .component-hero-type-3 .team .avatar img { width: 100%; } .component-hero-type-3 .match-container { background-size: cover; padding: 0px 3.5%; position: relative; width: 100%; min-height: 29.1875rem; } @media (min-width: 48rem) { .component-hero-type-3 .match-container { min-height: 37.8125rem; } } @media (min-width: 64rem) { .component-hero-type-3 .match-container { min-height: auto; } } .component-hero-type-3 .match-container.has-pad-top-mobile { padding-top: 0.75rem; } @media (min-width: 480px) { .component-hero-type-3 .match-container.has-pad-top-mobile { padding-top: 1.25rem; } } @media (min-width: 768px) { .component-hero-type-3 .match-container.has-pad-top-mobile { padding-top: 0px; } } .component-hero-type-3 .match-container .scorecards-container .scorecard { margin-bottom: 0px; } .component-hero-type-3 .match-container .scorecards-container .scorecard .winner-status { display: none; } .component-hero-type-3 .match-container .scorecards-container .scorecard.-small .player .score-row .left-section .game-points, .component-hero-type-3 .match-container .scorecards-container .scorecard.-small .player .score-row .left-section .serving { display: inline-block; } .component-hero-type-3 .match-container .scorecards-container .player h3 a { width: 100%; } .component-hero-type-3 .match-container .meta-container { padding: 1.25rem 0.625rem; text-align: center; } .component-hero-type-3 .match-container .meta-container .duration-label { background-color: rgba(0, 0, 0, 0.25); border-radius: 999px; color: rgb(255, 255, 255); font-size: 0.75em; margin: 0px 0px 0.833333em; padding: 0.5em 1.16667em 0.5em 0.666667em; display: inline-flex; justify-content: center; align-items: center; } .component-hero-type-3 .match-container .meta-container .duration-label .state-label { color: rgb(215, 215, 0); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; } .component-hero-type-3 .match-container .meta-container .duration-label__icon { color: rgb(215, 215, 0); margin-right: 0.1875rem; } .component-hero-type-3 .match-container .sponsor-container { margin: 0px 0px 1.66667em; } .component-hero-type-3 .match-container .sponsor-container img { margin: 0px auto; display: block; } .component-hero-type-3.-doubles { background-size: cover; } .component-hero-type-3.-doubles .wrapper { padding-bottom: 2.1875rem; } .component-hero-type-3.-doubles .team { flex-wrap: nowrap; } .component-hero-type-3.-doubles .team.team-1 .avatar { margin-right: 0.5rem; } .component-hero-type-3.-doubles .team.team-2 .avatar { margin-left: 0.5rem; } .component-hero-type-3.-doubles .match-container { min-width: 16.25rem; } .component-hero-type-3.-featured .team .avatar { height: calc(100% - 0.625rem); margin-top: 0.625rem; max-height: none; max-width: none; width: auto; } .component-hero-type-3.-featured .team .avatar img { border-radius: 0px; border: none; height: 100%; width: auto; } @media (min-width: 768px) { .component-hero-type-3 > .wrapper { flex-wrap: nowrap; min-height: 23.75rem; } .component-hero-type-3 > .wrapper.-doubles { padding-bottom: 0.5rem; } .component-hero-type-3 .team { display: flex; flex: 1 1 auto; height: auto; width: auto; } .component-hero-type-3 .team.team-1 { margin-right: 1.25rem; order: 1; } .component-hero-type-3 .team.team-2 { margin-left: 1.25rem; order: 3; } .component-hero-type-3 .team .avatar { display: block; height: auto; max-height: 10rem; max-width: 10rem; width: auto; } .component-hero-type-3 .match-container { background: none; flex: 0 0 25rem; order: 2; padding: 0px; width: auto; } .component-hero-type-3 .match-container .description-container { padding-bottom: 0.75rem; padding-top: 3.75rem; } .component-hero-type-3 .match-container .description-container .date-label { font-size: 0.8125em; margin-bottom: 0.5rem; } .component-hero-type-3 .match-container .description-container .location-label { font-size: 0.8125em; padding-bottom: 0.533333em; padding-top: 0.333333em; } .component-hero-type-3 .match-container .description-container .match-label { font-size: 1.875em; } .component-hero-type-3 .match-container .scorecards-container { margin-left: auto; margin-right: auto; max-width: 26.25rem; } .component-hero-type-3 .match-container .scorecards-container .scorecard .main-content { margin-right: 0px; width: 100%; } .component-hero-type-3 .match-container .meta-container { padding-bottom: 1.875em; padding-top: 1.875em; } .component-hero-type-3 .match-container .meta-container .duration-label { font-size: 0.8125em; margin-bottom: 0px; margin-top: -0.307692em; padding-left: 0.769231em; } .component-hero-type-3.-doubles { padding-left: 0px; padding-right: 0px; } .component-hero-type-3.-doubles .team, .component-hero-type-3.-doubles > .wrapper { align-items: center; } .component-hero-type-3.-doubles .team { flex-wrap: wrap; margin-bottom: 1.25rem; margin-top: auto; } .component-hero-type-3.-doubles .match-container { min-width: 25rem; } .component-hero-type-3.-featured .team { align-items: flex-end; } .component-hero-type-3.-featured .team .avatar { height: auto; margin-bottom: -0.3125rem; margin-top: 0px; max-width: 20.625rem; } .component-hero-type-3.-featured .team .avatar img { height: auto; width: 100%; } .component-hero-type-3.-featured .team.team-1, .component-hero-type-3.-featured .team.team-2 { margin-left: calc(-16.5625rem + 18vw); margin-right: calc(-16.5625rem + 18vw); } .component-hero-type-3.-featured .match-container { min-width: 320px; } } @media (min-width: 1024px) { .component-hero-type-3 .team .avatar { max-height: none; max-width: 220px; width: 72%; margin-top: 0px; margin-bottom: 0px; } .component-hero-type-3.-doubles .team { flex-wrap: nowrap; margin-bottom: 0.9375rem; } .component-hero-type-3 .match-container { flex-basis: 25rem; } } @media (min-width: 1365px) { .component-hero-type-3.-doubles .team.team-1 { margin-right: 0px; margin-left: 3.75rem; } .component-hero-type-3.-doubles .team.team-2 { margin-left: 0px; margin-right: 3.75rem; } .component-hero-type-3.-featured .team.team-1 { margin-left: 0px; margin-right: -5rem; } .component-hero-type-3.-featured .team.team-2 { margin-left: -5rem; margin-right: 0px; } } .component-hero-type-3 .description-container-mobile { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; padding: 3.125rem 0px 0.9375rem; text-align: center; width: 100%; } @media (min-width: 768px) { .component-hero-type-3 .description-container-mobile { display: none; } } .component-hero-type-3 .description-container-mobile .date-label { color: rgb(215, 215, 0); display: block; font-size: 0.8125em; } .component-hero-type-3 .description-container-mobile .location-label { display: block; font-size: 0.75em; padding-bottom: 0.533333em; padding-top: 0px; } .component-hero-type-3 .description-container-mobile .match-label { display: block; font-size: 1.25em; font-weight: 700; } .component-hero-type-3 .description-container-mobile .round-label { font-weight: 600; } .component-hero-type-3__manhattan-container { border-top: 3px solid rgba(255, 255, 255, 0.05); padding: 20px 0px; width: 100%; } .component-hero-type-3__manhattan-container .User::after { content: ""; clear: both; display: table; } .component-hero-type-3.blue-layout { background: linear-gradient(rgb(0, 145, 210), rgb(21, 72, 157)); position: relative; padding-top: 0.9375rem; } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout { padding-top: 2.5rem; } } .component-hero-type-3.blue-layout .mobile-hidden { display: none; } @media (min-width: 64rem) { .component-hero-type-3.blue-layout .mobile-hidden { display: flex; } } .component-hero-type-3.blue-layout .wrapper { min-height: auto; } .component-hero-type-3.blue-layout .mobile-team-wrapper { display: flex; position: relative; margin-top: 2rem; } @media (min-width: 64rem) { .component-hero-type-3.blue-layout .mobile-team-wrapper { display: none; } } .component-hero-type-3.blue-layout .mobile-team-wrapper .team { display: flex; justify-content: center; } .component-hero-type-3.blue-layout .mobile-team-wrapper .vs { top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.5rem; line-height: 1.75rem; position: absolute; color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout .mobile-team-wrapper .vs { font-size: 2rem; line-height: 2.375rem; } } .component-hero-type-3.blue-layout .brand-wrapper__header { position: relative; right: auto; top: auto; transform: none; text-align: center; } .component-hero-type-3.blue-layout .brand-wrapper__header img, .component-hero-type-3.blue-layout .brand-wrapper__logo-desktop { height: 2rem; } .component-hero-type-3.blue-layout .brand-wrapper__logo-mobile { display: block; height: auto; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout .brand-wrapper__logo-mobile { display: none; } } .component-hero-type-3.blue-layout .brand-wrapper__logo-mobile img { margin: 0px; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout .match-container { min-width: 36.375rem; margin: 0px auto; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout .match-container { min-width: 22.1875rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout .match-container { min-width: 28.625rem; margin: 0px; } } .component-hero-type-3.blue-layout .match-container.xlname { flex-basis: 33.5rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout .match-container .scorecards-container { max-width: 36.375rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout .match-container .scorecards-container { max-width: 21.25rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout .match-container .scorecards-container { max-width: 24.5rem; } } .component-hero-type-3.blue-layout .match-container .scorecards-container .vue-portal-target { width: 100%; } .component-hero-type-3.blue-layout .match-container .scorecards-container .match-centre-scorecard { margin-bottom: 3rem; } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout .match-container .scorecards-container .match-centre-scorecard { margin-bottom: 3.625rem; } } .component-hero-type-3.blue-layout .team { width: 100%; } .component-hero-type-3.blue-layout .team .avatar { display: block; background-color: rgb(255, 255, 255); border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.1); width: 10rem; height: 10rem; overflow-y: hidden; } .component-hero-type-3.blue-layout .description-container { padding: 1.0625rem 0px 0px; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout .description-container { padding: 1.25rem 0px 0px; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout .description-container { padding: 1.0625rem 0px 2rem; } } .component-hero-type-3.blue-layout .description-container .player-name { line-height: 1.75rem; display: flex; justify-content: center; flex-flow: wrap; align-items: baseline; font-weight: 700; font-size: 1.5rem; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(255, 255, 255); text-align: center; letter-spacing: 0.02em; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout .description-container .player-name { font-size: 2rem; line-height: 2.375rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout .description-container .player-name { line-height: 3rem; font-size: 2.5rem; } } .component-hero-type-3.blue-layout .description-container .vs { margin: 0px 0.5rem; } .component-hero-type-3.blue-layout.-featured .team { height: auto; margin: 0px; } .component-hero-type-3.blue-layout.-featured .team .avatar { background-color: transparent; border: 0px; border-radius: 0px; height: auto; overflow: visible; margin-bottom: -0.375rem; width: 100%; max-width: 7.5rem; text-align: center; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-featured .team .avatar { max-width: 15rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-featured .team .avatar { max-width: 17.875rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-featured .team .avatar { max-width: 26.25rem; } } .component-hero-type-3.blue-layout.-featured .team img { height: 100%; width: 100%; max-width: 22.5rem; } .component-hero-type-3.blue-layout.-featured .team.team-1 { margin-right: 0px; } .component-hero-type-3.blue-layout.-featured .team.team-2 { margin-left: 0px; } .component-hero-type-3.blue-layout.-featured .mobile-team-wrapper .team { align-items: end; } .component-hero-type-3.blue-layout.-featured .mobile-team-wrapper .team .avatar { margin: 0px; display: flex; } .component-hero-type-3.blue-layout.-featured .mobile-team-wrapper .team img { width: 100%; } .component-hero-type-3.blue-layout.-profile .team .avatar { width: 6.5rem; height: 6.5rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-profile .team .avatar { width: 12.5rem; height: 12.5rem; max-width: 12.5rem; max-height: 12.5rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-profile .team .avatar { width: 10rem; height: 10rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-profile .team .avatar { width: 12.5rem; height: 12.5rem; } } .component-hero-type-3.blue-layout.-profile .mobile-team-wrapper { margin-bottom: 1rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-profile .mobile-team-wrapper { margin-bottom: 2.5rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-profile .mobile-team-wrapper { margin-bottom: 0px; } } .component-hero-type-3.blue-layout.-profile .mobile-team-wrapper .vs { display: block; } .component-hero-type-3.blue-layout.-doubles .wrapper { padding-bottom: 0px; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .description-container { padding-bottom: 2.5rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles .description-container { padding-bottom: 1.5rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles .description-container { padding-bottom: 2rem; } } .component-hero-type-3.blue-layout.-doubles .description-container .players-box { display: flex; flex-flow: wrap; justify-content: center; align-items: baseline; } .component-hero-type-3.blue-layout.-doubles .description-container .players-box .player-name-0 { order: 1; } .component-hero-type-3.blue-layout.-doubles .description-container .players-box .player-name-1 { order: 3; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .description-container .players-box .player-name-1 { width: 100%; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles .description-container .players-box .player-name-1 { width: auto; } } .component-hero-type-3.blue-layout.-doubles .description-container .vs { font-weight: 700; font-size: 1.5rem; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(255, 255, 255); text-align: center; letter-spacing: 0.02em; order: 2; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .description-container .vs { font-size: 2rem; line-height: 2.375rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles .description-container .vs { line-height: 3rem; font-size: 2.5rem; } } .component-hero-type-3.blue-layout.-doubles .team { margin: 0px; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .team { margin-bottom: 2.5rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles .team { margin-top: 3.75rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles .team { margin-top: 3.125rem; } } .component-hero-type-3.blue-layout.-doubles .team .avatar { background-color: rgb(255, 255, 255); border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; box-sizing: border-box; width: 4rem; height: 4rem; margin: 0px; position: relative; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .team .avatar { width: 8rem; height: 8rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles .team .avatar { width: 10rem; height: 10rem; } } .component-hero-type-3.blue-layout.-doubles .team .avatar:first-child { margin-top: -4rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .team .avatar:first-child { margin-top: -6.25rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles .team .avatar:first-child { margin-top: -8.9375rem; } } .component-hero-type-3.blue-layout.-doubles .team.team-1 .avatar:first-child { left: 0.625rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .team.team-1 .avatar:first-child { left: 0.9375rem; } } .component-hero-type-3.blue-layout.-doubles .team.team-1 .avatar:last-child { left: -0.625rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .team.team-1 .avatar:last-child { left: -1.6875rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles .team.team-1 .avatar:last-child { left: -1.25rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles .team.team-1 .avatar:last-child { left: -1.6875rem; } } .component-hero-type-3.blue-layout.-doubles .team.team-2 .avatar:first-child { left: 0.75rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .team.team-2 .avatar:first-child { left: 1.6875rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles .team.team-2 .avatar:first-child { left: 1.25rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles .team.team-2 .avatar:first-child { left: 0.9375rem; } } .component-hero-type-3.blue-layout.-doubles .team.team-2 .avatar:last-child { left: -0.75rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .team.team-2 .avatar:last-child { left: -1.6875rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles .team.team-2 .avatar:last-child { left: -1.25rem; } } .component-hero-type-3.blue-layout.-doubles .mobile-team-wrapper { min-height: 7.25rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .mobile-team-wrapper { min-height: 12.5rem; margin-top: 1.75rem; align-items: flex-end; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles .mobile-team-wrapper { align-items: center; margin-top: 0px; } } .component-hero-type-3.blue-layout.-doubles .mobile-team-wrapper .vs { display: block; top: 40%; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles .mobile-team-wrapper .vs { top: 50%; } } .component-hero-type-3.blue-layout.-doubles.-hasFlag .team { flex-wrap: nowrap; flex-shrink: 0; max-width: 10.625rem; } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team { margin-left: 9.3125rem; margin-right: 9.3125rem; } .browser-ie .component-hero-type-3.blue-layout.-doubles.-hasFlag .team { margin-left: 50px; margin-right: 250px; } } .component-hero-type-3.blue-layout.-doubles.-hasFlag .team .avatar { flex-shrink: 0; background-color: transparent; border-radius: 0px; border: 0px; width: 100%; max-width: 5rem; height: 2.5rem; aspect-ratio: 2 / 1; display: flex; } .component-hero-type-3.blue-layout.-doubles.-hasFlag .team .avatar > * { font-family: "object-fit:contain"; object-fit: contain; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team .avatar { max-width: 10.5rem; height: 5.25rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team .avatar { max-width: 9.5rem; height: 4.75rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team .avatar { width: 12.75rem; height: 6.375rem; max-width: none; } } .component-hero-type-3.blue-layout.-doubles.-hasFlag .mobile-team-wrapper { margin-bottom: 0px; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .mobile-team-wrapper { margin-bottom: 1.8125rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .mobile-team-wrapper { margin-bottom: 6.4375rem; } } .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-1 .avatar:last-child { left: -1.5rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-1 .avatar:last-child { left: -4.25rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-1 .avatar:last-child { left: -3.3125rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-1 .avatar:last-child { left: -3.8125rem; } } .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-1 .avatar:first-child { left: 1.5rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-1 .avatar:first-child { left: 4.25rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-1 .avatar:first-child { left: 3.3125rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-1 .avatar:first-child { left: 3.8125rem; } } .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-2 .avatar:first-child { left: 1.5rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-2 .avatar:first-child { left: 4.25rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-2 .avatar:first-child { left: 3.3125rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-2 .avatar:first-child { left: 3.8125rem; } } .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-2 .avatar:last-child { left: -1.5rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-2 .avatar:last-child { left: -4.25rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-2 .avatar:last-child { left: -3.3125rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-doubles.-hasFlag .team-2 .avatar:last-child { left: -3.8125rem; } } .component-hero-type-3.blue-layout.-hasFlag .wrapper { justify-content: center; } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-hasFlag .wrapper { max-width: 56.3125rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-hasFlag .wrapper { max-width: 90rem; } } .component-hero-type-3.blue-layout.-hasFlag .team { align-items: center; } .component-hero-type-3.blue-layout.-hasFlag .team .avatar { margin-bottom: 0px; max-height: none; aspect-ratio: 2 / 1; flex-shrink: 0; background-color: transparent; border-radius: 0px; border: 0px; height: 3rem; width: 100%; max-width: 6rem; display: flex; } .component-hero-type-3.blue-layout.-hasFlag .team .avatar > * { font-family: "object-fit:contain"; object-fit: contain; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-hasFlag .team .avatar { max-width: 12.25rem; height: 6.125rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-hasFlag .team .avatar { max-width: 11.25rem; height: 5.625rem; } } @media (min-width: 85.3125rem) { .component-hero-type-3.blue-layout.-hasFlag .team .avatar { max-width: 17.875rem; height: 8.9375rem; } } .component-hero-type-3.blue-layout.-hasFlag .mobile-team-wrapper { justify-content: space-around; margin-bottom: 2.8125rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-hasFlag .mobile-team-wrapper { margin-bottom: 6rem; margin-top: 3.125rem; } } @media (min-width: 64rem) { .component-hero-type-3.blue-layout.-hasFlag .mobile-team-wrapper { margin-bottom: 0px; } } .component-hero-type-3.blue-layout.-hasFlag .mobile-team-wrapper .team { max-width: 6rem; } @media (min-width: 48rem) { .component-hero-type-3.blue-layout.-hasFlag .mobile-team-wrapper .team { max-width: 12.25rem; } } .component-hero-type-3.blue-layout .score-card .score-card__container { background-color: rgb(0, 145, 210); border: none; } .component-hero-type-3.blue-layout .score-card .score-card__container .breaker-line { background: rgb(255, 255, 255); } @media (min-width: 48rem) { .no-object-fit .component-hero-type-3 .team .avatar { height: 14vw; max-height: 20.625rem; max-width: 20.625rem; width: 14vw; } } .no-object-fit .component-hero-type-3 .team .avatar div.img { width: 100%; } .no-object-fit .component-hero-type-3 .team.team-2 .avatar div.img { border-color: rgb(215, 215, 0); } @media (min-width: 64rem) { .no-object-fit .component-hero-type-3.-featured { display: flex; } } @media (min-width: 85.3125rem) { .no-object-fit .component-hero-type-3.-featured { display: block; } } @media (min-width: 48rem) { .no-object-fit .component-hero-type-3.-featured .team .avatar { height: 32vw; width: 32vw; } } .no-object-fit .component-hero-type-3.-featured .team .avatar div.img { border-radius: 0px; border: none; height: 100%; width: 8.125rem; } @media (min-width: 48rem) { .no-object-fit .component-hero-type-3.-featured .team .avatar div.img { width: 100%; background-position: center top; } } .component-hero-type-full { width: 100%; box-sizing: border-box; position: relative; display: flex; flex-direction: column; flex: 0 1 auto; height: 16em; } .component-hero-type-full .hero-background { display: block; position: absolute; width: 100%; line-height: 0; overflow: hidden; height: 100%; flex: 0 1 auto; } .component-hero-type-full .hero-background img { position: absolute; top: 0px; left: 0px; width: 100%; font-family: "object-fit:cover;object-position:right"; object-fit: cover; height: 100%; object-position: right center; } @media (min-width: 40rem) { .component-hero-type-full .hero-background img { object-position: unset; } } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .component-hero-type-full .hero-background picture.-hide-image .img { position: absolute; } } .component-hero-type-full .hero-description { padding: 2.875em 3.5% 2em; box-sizing: border-box; left: 0px; bottom: 0px; height: 100%; width: 100%; position: absolute; display: table; overflow: hidden; color: rgb(255, 255, 255); } .component-hero-type-full .hero-description .container { vertical-align: bottom; display: table-cell; } .component-hero-type-full .hero-clock-wrapper { overflow: hidden; text-align: center; padding: 1.25em; } .component-hero-type-full .hero-clock { display: inline-flex; margin-bottom: 1em; text-align: left; } .component-hero-type-full h1, .component-hero-type-full h2, .component-hero-type-full h3, .component-hero-type-full h4, .component-hero-type-full h5, .component-hero-type-full h6 { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 900; z-index: 1; color: rgb(255, 255, 255); margin: 0px; line-height: 3.125rem; text-transform: none; } .component-hero-type-full h1 { font-size: 3rem; line-height: 3rem; width: 90%; } @media (min-width: 30rem) { .component-hero-type-full h1 { width: 80%; } } @media (min-width: 40rem) { .component-hero-type-full h1 { width: 70%; } } @media (min-width: 48rem) { .component-hero-type-full h1 { font-size: 4.375rem; line-height: 4.375rem; width: 35.9375rem; } } @media (min-width: 85.3125rem) { .component-hero-type-full h1 { font-size: 6.875rem; line-height: 6.25rem; width: 50.625rem; } } .component-hero-type-full h2 { font-size: 2.8125rem; line-height: 2.8125rem; } @media (min-width: 48rem) { .component-hero-type-full h2 { font-size: 4.0625rem; line-height: 3.75rem; } } @media (min-width: 85.3125rem) { .component-hero-type-full h2 { font-size: 6.5625rem; line-height: 6.25rem; } } .component-hero-type-full h3 { font-size: 2.625rem; line-height: 2.625rem; } @media (min-width: 48rem) { .component-hero-type-full h3 { font-size: 3.75rem; line-height: 3.75rem; } } @media (min-width: 85.3125rem) { .component-hero-type-full h3 { font-size: 6.25rem; line-height: 5.9375rem; } } .component-hero-type-full h4 { font-size: 2.4375rem; line-height: 2.4375rem; } @media (min-width: 48rem) { .component-hero-type-full h4 { font-size: 3.4375rem; line-height: 3.4375rem; } } @media (min-width: 85.3125rem) { .component-hero-type-full h4 { font-size: 5.9375rem; line-height: 5.625rem; } } .component-hero-type-full h5 { font-size: 2.25rem; line-height: 2.25rem; } @media (min-width: 48rem) { .component-hero-type-full h5 { font-size: 3.125rem; line-height: 3.125rem; } } @media (min-width: 85.3125rem) { .component-hero-type-full h5 { font-size: 5.625rem; line-height: 5.3125rem; } } .component-hero-type-full h6 { font-size: 2.0625rem; line-height: 2.0625rem; } @media (min-width: 48rem) { .component-hero-type-full h6 { font-size: 2.8125rem; line-height: 2.8125rem; } } @media (min-width: 85.3125rem) { .component-hero-type-full h6 { font-size: 5.3125rem; line-height: 5rem; } } .component-hero-type-full p { font-weight: 900; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(255, 255, 255); font-size: 0.75rem; margin-bottom: 0.3125rem; } @media (min-width: 48rem) { .component-hero-type-full p { margin: 0px 0px 0.625rem; font-size: 1rem; } } @media (min-width: 85.3125rem) { .component-hero-type-full p { font-size: 1.5rem; margin: 0px 0px 1.25rem; } } .component-hero-type-full .meta { margin: 1.25em 0px; } .component-hero-type-full .meta-category { font-size: 0.875em; color: rgb(215, 215, 0); text-decoration: none; font-weight: 700; } .component-hero-type-full .meta-time { color: rgb(248, 248, 248); font-size: 0.75em; margin-left: 0.5em; } .ao-banner .ao-banner-info-panel-tile--lime-green .component-hero-type-full .ao-banner-info-panel-tile__button, .component-hero-type-full .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .component-hero-type-full .ao-btn, .component-hero-type-full .ao-btn--darker, .component-hero-type-full .ao-btn--secondary, .component-hero-type-full .ao-btn--tertiary, .component-hero-type-full .btn { text-transform: uppercase; font-size: 0.75rem; box-shadow: none; padding: 0.625rem 1.5625rem; margin-top: 0.8125rem; } @media (min-width: 48rem) { .ao-banner .ao-banner-info-panel-tile--lime-green .component-hero-type-full .ao-banner-info-panel-tile__button, .component-hero-type-full .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .component-hero-type-full .ao-btn, .component-hero-type-full .ao-btn--darker, .component-hero-type-full .ao-btn--secondary, .component-hero-type-full .ao-btn--tertiary, .component-hero-type-full .btn { font-size: 0.875rem; padding: 1rem 2.3125rem; margin-top: 1.3125rem; } } @media (min-width: 85.3125rem) { .ao-banner .ao-banner-info-panel-tile--lime-green .component-hero-type-full .ao-banner-info-panel-tile__button, .component-hero-type-full .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .component-hero-type-full .ao-btn, .component-hero-type-full .ao-btn--darker, .component-hero-type-full .ao-btn--secondary, .component-hero-type-full .ao-btn--tertiary, .component-hero-type-full .btn { margin-top: 1.875rem; padding: 1rem 2.4375rem; } } .component-hero-type-full.-no-cta .container { padding-bottom: 3.125rem; } @media (min-width: 85.3125rem) { .component-hero-type-full.-no-cta .container { padding-bottom: 5.25rem; } } .ao-banner .ao-banner-info-panel-tile--lime-green .component-hero-type-full.-no-cta .ao-banner-info-panel-tile__button, .component-hero-type-full.-no-cta .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .component-hero-type-full.-no-cta .ao-btn, .component-hero-type-full.-no-cta .ao-btn--darker, .component-hero-type-full.-no-cta .ao-btn--secondary, .component-hero-type-full.-no-cta .ao-btn--tertiary, .component-hero-type-full.-no-cta .btn { display: none; } @media (min-width: 48rem) { .component-hero-type-full { height: 22.5em; } .component-hero-type-full .hero-description { padding-bottom: 2.75em; } .component-hero-type-full .hero-background { height: 100%; } .component-hero-type-full .hero-background img { min-height: 100%; } .component-hero-type-full .hero-clock-wrapper { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; box-sizing: border-box; padding: 1.5em; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 12px 0px; margin: 1.25em 1.25em 0px; background: url("/img/o-texture-o5.460e256a12a5fe6e6706c1fd8a2044d7.png") calc(100% + 140px) calc(100% + 35px) / 345.15px 303.75px no-repeat transparent; } .component-hero-type-full .hero-clock-wrapper > div { flex: 0 1 auto; } .component-hero-type-full .hero-clock-wrapper > div:nth-of-type(2) { width: auto; } .component-hero-type-full .hero-clock { margin-left: 60px; } } @media (min-width: 85.3125rem) { .component-hero-type-full { flex-direction: row; justify-content: flex-start; align-items: flex-end; overflow: initial; padding-bottom: 3.9375rem; width: 100vw; margin: auto auto auto -50vw; left: 50%; height: 32.6875em; } } @media (min-width: 85.3125rem) and (-ms-high-contrast:active), (min-width: 85.3125rem) and (-ms-high-contrast:none) { .component-hero-type-full { width: 99.4vw; } } @media (min-width: 85.3125rem) { @supports (-ms-ime-align:auto) { .component-hero-type-full { width: 99.5vw; } } .component-hero-type-full .hero-background { display: block; top: 0px; left: 0px; min-height: 100%; width: 100%; overflow: hidden; } .component-hero-type-full .hero-background img { min-height: 100%; width: 100%; } } @media (min-width: 85.3125rem) and (-ms-high-contrast:active), (min-width: 85.3125rem) and (-ms-high-contrast:none) { .component-hero-type-full .hero-background img { width: 100%; position: absolute; transform: translate(-50%, -50%); } } @media (min-width: 85.3125rem) { .component-hero-type-full .hero-background-overlay { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: linear-gradient(to right top, rgba(0, 0, 0, 0.4), transparent 50%); } .component-hero-type-full .hero-description { padding: 0px; position: relative; background: transparent; flex-grow: 1; max-width: 1440px; box-sizing: border-box; margin: 0px auto; } .component-hero-type-full .hero-description .container { padding-left: 7%; padding-right: 7%; } .component-hero-type-full .hero-description::after { content: none; } .component-hero-type-full .hero-description-background { display: none; } .component-hero-type-full .hero-clock-wrapper { background-color: rgb(34, 34, 34); display: flex; flex-direction: column; position: relative; width: 21.25em; border-radius: 6px; box-sizing: border-box; flex-shrink: 0; padding: 1.25em; box-shadow: none; margin: 0px; background-image: none; } .component-hero-type-full .hero-clock { margin-left: 0px; } .component-hero-type-full .hero-clock .time-wrapper { flex-direction: row; } .component-hero-type-full .hero-clock .clock-time span { font-family: "Source Sans", Arial, sans-serif; font-weight: 700; font-size: 0.8125em; color: rgb(215, 215, 0); } .component-hero-type-full .hero-clock .clock-time h5 { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; display: block; color: rgb(255, 255, 255); font-size: 1.4375em; text-transform: none; margin-bottom: 0px; line-height: 1.4em; } .component-hero-type-full .hero-clock .clock-time h5 span { color: rgb(255, 255, 255); font-size: 0.8125em; } .component-hero-type-full .hero-clock .clock-time.clock-melbourne { margin-right: 1.25em; margin-bottom: 0px; } } .component-hero-right-column { width: 100%; box-sizing: border-box; position: relative; margin: 0px; height: auto; } @media (min-width: 85.3125rem) { .component-hero-right-column { overflow: initial; width: 100vw; margin: auto auto auto -50vw; left: 50%; } } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .component-hero-right-column { width: 99.4vw; } } @supports (-ms-ime-align:auto) { .component-hero-right-column { width: 99.5vw; } } .component-hero-right-column .hero-background { position: relative; z-index: 1; display: block; width: 100%; line-height: 0; overflow: hidden; height: 400px; flex: 0 1 auto; } .component-hero-right-column .hero-background::after { content: ""; position: absolute; background: linear-gradient(81.12deg, rgba(0, 0, 0, 0.2) 41.74%, transparent 118.17%); width: 100%; height: 100%; } @media (min-width: 40rem) { .component-hero-right-column .hero-background { position: absolute; height: 100%; top: 0px; } } .component-hero-right-column .hero-background img { width: 100%; position: absolute; top: 0px; left: 0px; object-position: unset; font-family: "object-fit:cover;object-position:unset"; object-fit: cover; height: 100%; min-height: 100%; } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .component-hero-right-column .hero-background img { width: 100%; position: absolute; transform: translate(-50%, -50%); } } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .component-hero-right-column .hero-background picture.-hide-image .img { position: absolute; } } .component-hero-right-column .left-column { position: relative; z-index: 2; display: flex; align-items: flex-start; padding: 2.5rem 1.5rem; background-color: rgb(0, 58, 93); box-sizing: border-box; } @media (min-width: 40rem) { .component-hero-right-column .left-column { background-color: transparent; width: 36.25rem; padding: 2.5rem 0px 2.5rem 2rem; height: 40em; } } @media (min-width: 64rem) { .component-hero-right-column .left-column { padding: 3.5rem 0px 3.5rem 4.1875rem; width: 37.25rem; } } @media (min-width: 85.3125rem) { .component-hero-right-column .left-column { padding: 6.9375rem 0px 6.9375rem 7rem; width: 56.5rem; height: 45em; } } @media (min-width: 120rem) { .component-hero-right-column .left-column { height: 55.625em; width: 62.5rem; } } .component-hero-right-column .left-column .logos { margin-bottom: 1.25rem; } @media (min-width: 48rem) { .component-hero-right-column .left-column .logos { margin-bottom: 1.5625rem; } } @media (min-width: 85.3125rem) { .component-hero-right-column .left-column .logos { margin-bottom: 1.875rem; } } .component-hero-right-column .left-column .logos img { position: relative; display: inline-block; max-width: 100%; } @media (min-width: 23.4375rem) { .component-hero-right-column .left-column .logos img { height: 2.9375rem; width: auto; } } @media (min-width: 40rem) { .component-hero-right-column .left-column .logos img { height: 5.125rem; } } @media (min-width: 120rem) { .component-hero-right-column .left-column .logos img { height: auto; } } .component-hero-right-column .right-column { display: none; position: relative; background-color: rgb(0, 58, 93); color: rgb(255, 255, 255); z-index: 2; width: 100%; height: 15rem; } @media (min-width: 120rem) { .component-hero-right-column .right-column { width: 28rem; position: absolute; right: 0px; top: 0px; height: 100%; } } .component-hero-right-column h1 { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 900; color: rgb(255, 255, 255); font-size: 2rem; line-height: 2rem; margin-bottom: 2rem; } @media (min-width: 40rem) { .component-hero-right-column h1 { font-size: 3.5rem; line-height: 3.5rem; } } @media (min-width: 85.3125rem) { .component-hero-right-column h1 { font-size: 5.625rem; line-height: 5.625rem; } } .component-hero-right-column p { margin: 0px 0px 1em; font-size: 0.8125em; } .image-block { width: 100%; height: auto; text-align: center; margin: 1.5em auto; font-size: 16px; position: relative; } .image-block--image-wrapper { position: relative; } .image-block--image-wrapper, .image-block img { border-radius: 6px; width: 100%; } .image-block figcaption { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(102, 102, 102); font-size: 0.75em; line-height: 1.66667em; padding: 1.5em 0px; border-bottom: 3px solid rgb(244, 244, 244); } @media (min-width: 768px) { .image-block { margin: 2em auto; } .image-block figcaption { font-size: 0.75em; } } .nodetype--landing_page .image-block { margin: 0px; } .nodetype--landing_page .image-block img { border-radius: 0px; } .image-list { display: flex; flex-wrap: wrap; margin: 0px -0.3125rem; padding: 0px; } .image-list * { box-sizing: border-box; } .image-list__item { margin-bottom: 0.625rem; padding: 0px 0.3125rem; width: 33.3333%; } @media (min-width: 30rem) { .image-list__item { width: 25%; } } @media (min-width: 48rem) { .image-list__item { width: 20%; } } .image-list__item a { display: block; } .image-list__item img { width: 100%; } .marketing-panel { position: relative; display: flex; align-items: flex-end; } .marketing-panel__content-wrapper { position: relative; z-index: 3; padding: 1.5rem 1rem; } @media (min-width: 40rem) { .marketing-panel__content-wrapper { padding: 0px 0px 3rem 3rem; max-width: 35.75rem; } } @media (min-width: 64rem) { .marketing-panel__content-wrapper { padding: 0px 0px 3rem 4.1875rem; max-width: 31rem; } } @media (min-width: 85.3125rem) { .marketing-panel__content-wrapper { padding: 0px 0px 4.5rem 7rem; max-width: 37.75rem; } } @media (min-width: 120rem) { .marketing-panel__content-wrapper { padding: 0px 0px 5.5rem 7rem; max-width: 49.75rem; } } .marketing-panel__title { color: rgb(255, 255, 255); font-weight: 800; font-size: 1.5rem; line-height: 1.5rem; } @media (min-width: 40rem) { .marketing-panel__title { font-size: 3.5rem; line-height: 3.5rem; } } @media (min-width: 120rem) { .marketing-panel__title { font-size: 5.625rem; line-height: 5.625rem; } } .ao-banner .ao-banner-info-panel-tile--lime-green .marketing-panel__buttons-container .ao-banner-info-panel-tile__button, .marketing-panel__buttons-container .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .marketing-panel__buttons-container .ao-btn { margin-right: 1rem; padding: 0px 1.5rem; line-height: 2.5rem; } @media (min-width: 85.3125rem) { .ao-banner .ao-banner-info-panel-tile--lime-green .marketing-panel__buttons-container .ao-banner-info-panel-tile__button, .marketing-panel__buttons-container .ao-banner .ao-banner-info-panel-tile--lime-green .ao-banner-info-panel-tile__button, .marketing-panel__buttons-container .ao-btn { padding: 0px 2.5rem; line-height: 3.5rem; } } .marketing-panel__background-image { overflow: hidden; z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .marketing-panel__background-image img, .marketing-panel__background-image picture { width: 100%; object-position: center center; object-fit: cover; font-family: "object-fit:cover;object-position:center", "object-fit: cover; object-position: center;", sans-serif; height: 100%; min-height: 100%; transform: scale(1.3); } .match-detail-container { display: flex; flex-flow: wrap; } .match-detail-container .content-blade { width: 100%; box-sizing: border-box; padding: 0px 3.5%; } .match-detail-container .content-blade > .left { width: 100%; margin-bottom: 1.5em; box-sizing: border-box; } .match-detail-container .content-blade > .left h2, .match-detail-container .content-blade > .left h3 { margin: 0px 0px 1.5625em; } .match-detail-container .content-blade > .left h2::before, .match-detail-container .content-blade > .left h3::before { content: ""; width: 70px; height: 4px; display: block; margin: 0px 0px 0.9375em; } .match-detail-container .content-blade > .cards, .match-detail-container .content-blade > .right { width: 100%; } .match-detail-container .content-blade:first-child { padding-top: 2.1875em; } .match-detail-container .content-blade.full-width { width: 100%; flex: 0 1 100%; } .match-detail-container .content-blade.full-width .center { width: inherit; } .match-detail-container .content-blade.-alt { padding-top: 2em; padding-bottom: 2em; background: rgb(238, 238, 238); } .match-detail-container .content-blade.-alt .cards .card { background: rgb(255, 255, 255); } .match-detail-container .content-blade .live-match-container { width: 100%; box-sizing: border-box; margin-bottom: 2em; min-height: 300px; } .match-detail-container .content-blade .live-match-container .live-match-entry { display: flex; flex-flow: wrap; justify-content: flex-start; align-items: center; border-top: 1px solid rgb(221, 221, 221); padding: 1em 0px; } .match-detail-container .content-blade .live-match-container .live-match-entry:first-child { border-top: 0px; } .match-detail-container .content-blade .live-match-container .live-match-entry .left { width: 50%; } .match-detail-container .content-blade .live-match-container .live-match-entry .left .timestamp { font-size: 0.875em; color: rgb(102, 102, 102); background-color: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); border-radius: 20px; padding: 0.5em 1em; } .match-detail-container .content-blade .live-match-container .live-match-entry .left .timestamp::before { color: rgb(215, 215, 0); margin-right: 0.25em; margin-top: -3px; } .match-detail-container .content-blade .live-match-container .live-match-entry .middle { padding-top: 1em; width: 75%; order: 3; } .match-detail-container .content-blade .live-match-container .live-match-entry .right { width: 50%; text-align: right; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; font-size: 1.4375em; } .match-detail-container .content-blade .live-match-container .live-match-entry p { margin-bottom: 0px; } .match-detail-container .secondary-stats-container { width: 100%; } .match-detail-container .right-sidebar { width: 100%; padding: 7% 0px; box-sizing: border-box; } .match-detail-container .right-sidebar > :first-child { margin-top: 2.5em; } .match-detail-container .text-blade { margin-top: 1.5em; margin-bottom: 1.5em; } .match-detail-container .text-blade p { font-size: 0.875em; } .match-detail-container .text-blade .large { font-size: 1.0625em; line-height: 1.3913em; } .match-detail-container .gallery-card { margin: 2em 0px; } .match-detail-container .graph-container, .match-detail-container .twitter-tweet { margin-left: auto; margin-right: auto; } .match-detail-container .component-cards-12-up .card-main { margin-bottom: 0px; } .match-detail-container .component-cards-12-up .card-main .card { margin-top: 0px; margin-bottom: 0px; } .match-detail-container .filters-form { width: 100%; font-size: 1rem; margin-bottom: 4.25em; } .match-detail-container .filters-form .component-filters { box-shadow: none; } .match-detail-container .filters-form .component-filters > .wrapper { padding: 0px 3.5%; } .match-detail-container .filters-form .component-filters .filters-container { height: 3.875em; display: flex; flex-flow: wrap; align-items: center; box-sizing: border-box; } .match-detail-container .filters-form .component-filters .filters-container .filter-item { position: relative; top: auto; max-width: 50%; } .match-detail-container .filters-form .component-filters .filters-container .filter-item .filter-display { font-size: 0.8125em; top: 0.125em; } .match-detail-container .filters-form .component-filters .filters-container .filter-item .filter-display .label { display: inline-block; margin-right: 0.25em; } .match-detail-container .filters-form .component-filters .filters-container .filter-item .filter-display .label[data-mobile-content] { font-size: 0px; } .match-detail-container .filters-form .component-filters .filters-container .filter-item .filter-display .label[data-mobile-content]::after { display: inline; content: attr(data-mobile-content); font-size: 13px; margin-right: 0.25em; } .match-detail-container .filters-form .component-filters .filters-container .filter-item .filter-display::after { right: 0.22em; } .match-detail-container .filters-form .component-filters .filters-container .filter-item select { outline: none; height: 1.5em; } .match-detail-container .filters-form .component-filters .filters-container .filter-item.-units { margin-right: 0px; margin-left: auto; } .match-detail-container .filters-form .component-filters .filters-container .filter-item.-units .filter-display .label { display: none; } .match-detail-container .filters-form .component-filters .filters-container.icon::before { display: none; color: rgb(0, 145, 210); margin-right: 0.25em; } .match-detail-container .filters-form .component-filters:not(.sticky) { margin-bottom: -3.875em; } .match-detail-container .filters-form .component-filters.-sticky .filters-container { height: 3.875em; } .match-detail-container .filters-form .component-filters.-sticky .filters-container.icon::before { color: rgb(215, 215, 0); } .match-detail-container .filters-form + .content-blade, .match-detail-container .filters-form ~ .right-sidebar { padding-top: 0px; } .match-detail-container .filters-form ~ .right-sidebar > :first-child { margin-top: 0px; } .match-detail-container .stats-table { border-radius: 0.375rem; overflow: hidden; } .match-detail-container.-stats .content-blade { margin: 0px 0px 1em; } .match-detail-container.-stats .content-blade > .left { margin-bottom: 0px; } .match-detail-container.-stats .content-blade::before { content: " "; width: 100%; display: block; border-top: 1px solid rgb(238, 238, 238); height: 0px; margin-bottom: 2em; } .match-detail-container.-stats .content-blade:first-child { margin-top: 0px; } .match-detail-container.-stats .content-blade:first-child::before { content: none; } .match-detail-container.-stats .content-blade + .content-blade, .match-detail-container.-stats .content-blade.-summary { margin-top: 0px; } .match-detail-container.-stats .content-blade.-summary::before { content: none; } .match-detail-container.-stats .component-table { margin-bottom: 0px; text-align: left; } .match-detail-container.-stats .component-table thead tr th { padding-top: 0px; } .contributor-meta { list-style-type: none; margin: 0px; padding: 0px; font-size: 0.875em; display: flex; flex-wrap: wrap; } .contributor-meta-item { flex: 0 1 48%; border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); margin: 0px 0px -1px; padding: 0.9375em 0px; box-sizing: border-box; list-style-type: none; } .contributor-meta-item:nth-child(2n+1) { margin-right: 2%; } .contributor-meta-item:nth-child(2n) { margin-left: 2%; } .contributor-meta .label, .contributor-meta .value { display: block; line-height: 1.6em; } .contributor-meta .label a, .contributor-meta .value a { font-size: 1em; } .contributor-meta .label { font-weight: 700; color: rgb(17, 17, 17); } .contributor-meta .value { color: rgb(102, 102, 102); } @media (min-width: 768px) { .match-detail-container .content-blade { display: flex; flex-flow: wrap; } .match-detail-container .content-blade > .left { width: 25%; padding-right: 3.5%; } .match-detail-container .content-blade > .right { width: 75%; box-sizing: border-box; } .match-detail-container .content-blade:first-child { padding-top: 1em; } .match-detail-container .content-blade.-alt { padding-top: 2em; padding-bottom: 2em; } .match-detail-container .text-blade { margin-top: 1.5em; margin-bottom: 1.5em; } .match-detail-container .text-blade p { font-size: 1rem; } .match-detail-container .text-blade .large { font-size: 1.4375em; line-height: 1.3913em; } .match-detail-container .gallery-card .card-inner { height: auto; min-height: 12.5em; } .match-detail-container .component-related-articles { display: block; margin: 2em 0px; } .match-detail-container .component-cards-12-up { margin-bottom: 0px; } .match-detail-container .filters-form { margin-bottom: 4.625em; } .match-detail-container .filters-form .component-filters > .wrapper { padding: 0px 3.5%; } .match-detail-container .filters-form .component-filters .filters-container { height: 4.625em; } .match-detail-container .filters-form .component-filters .filters-container .filter-item { padding-right: 0px; } .match-detail-container .filters-form .component-filters .filters-container .filter-item .filter-display { font-size: 0.9375em; top: -0.0625em; } .match-detail-container .filters-form .component-filters .filters-container .filter-item .filter-display .label { display: inline-block; margin-right: 0.25em; } .match-detail-container .filters-form .component-filters .filters-container .filter-item .filter-display .label[data-mobile-content] { font-size: inherit; } .match-detail-container .filters-form .component-filters .filters-container .filter-item .filter-display .label[data-mobile-content]::after { content: none; display: none; } .match-detail-container .filters-form .component-filters .filters-container .filter-item.-units .filter-display .label, .match-detail-container .filters-form .component-filters .filters-container.icon::before { display: inline-block; } .match-detail-container .filters-form .component-filters:not(.sticky) { margin-bottom: -4.625em; } .match-detail-container.-stats .content-blade { margin: 0px 0px 2em; } .match-detail-container.-stats .content-blade > .left h2::before, .match-detail-container.-stats .content-blade > .left h3::before { margin-top: 0px; } .match-detail-container.-stats .content-blade::before { border-top: 1px solid rgb(238, 238, 238); flex: 1 0 100%; margin-bottom: 3em; } .match-detail-container.-stats .content-blade:last-child { margin-bottom: 0.5em; } .match-detail-container.-stats .content-blade.-summary::before { content: none; } .match-detail-container.-stats .content-blade ~ .content-blade::before { border-top: none; } .match-detail-container.-stats .content-blade + .content-blade::before { border-top: 1px solid rgb(238, 238, 238); } .match-detail-container.-stats .component-table thead tr th { padding: 1.5em; } .match-detail-container.-report .content-blade:first-child { padding-top: 1em; } .match-detail-container.-report .content-blade > .left { margin-top: 2em; } .contributor-meta-item { border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); margin: 0px 0px -1px; padding: 0.9375em 0px; box-sizing: border-box; } } @media (min-width: 1024px) { .match-detail-container .content-blade .live-match-container .live-match-entry .left { width: 15%; order: 1; } .match-detail-container .content-blade .live-match-container .live-match-entry .middle { width: 75%; order: 2; padding-top: 0px; } .match-detail-container .content-blade .live-match-container .live-match-entry .right { width: 10%; order: 3; } } @media (min-width: 1365px) { .match-detail-container .filters-form .component-filters > .wrapper { padding: 0px 1.875em 0px 100px; } .match-detail-container .content-blade { display: flex; flex-direction: row; width: 75%; flex: 0 1 75%; vertical-align: top; box-sizing: border-box; padding: 2.5em 0px 0px; } .match-detail-container .content-blade:first-child { padding-top: 2.5em; } .match-detail-container .content-blade > .left { width: 33.334%; box-sizing: border-box; padding-left: 100px; padding-right: 1.5em; } .match-detail-container .content-blade > .right { width: 66.667%; box-sizing: border-box; padding-left: 1.5em; padding-right: 1.5em; } .match-detail-container .right-sidebar { width: 25%; flex: 0 1 25%; padding: 2.5em 1.5%; } .match-detail-container .right-sidebar > :first-child { margin-top: 1.5em; } .match-detail-container.-stats .content-blade { margin: 0px 0px 2em; padding-top: 0px; } .match-detail-container.-stats .content-blade:last-child { margin-bottom: 2em; } .match-detail-container.-stats .component-table { margin-top: -1.25em; } .match-detail-container.-stats .component-table thead tr th { padding: 1.5em; } } @media (min-width: 1365px) and (min-width: 48rem) { .match-detail-container.-report-2018 { padding-right: 1.875rem; } } @media (min-width: 1365px) { .match-detail-container.-report-2018 .content-blade { flex: 0 0 auto; width: 100%; } .match-detail-container.-report-2018 .content-blade:first-child { padding-top: 0px; } .match-detail-container.-report-2018 .content-blade .text-blade:first-child { margin-top: 0px; } .match-detail-container.-report-2018 .content-blade .left { margin-top: 0px; padding-left: 0px; } .match-detail-container.-media-2018 .content-blade { flex: 0 0 auto; padding-top: 0px; width: 100%; } .contributor-meta { display: block; margin-bottom: 2em; } .contributor-meta-item { flex: 1 1 100%; padding: 1.25em 0px; } .contributor-meta-item .label, .contributor-meta-item .value { line-height: normal; display: inline-block; } .contributor-meta-item:nth-child(2n+1) { margin-right: 0px; } .contributor-meta-item:nth-child(2n) { margin-left: 0px; } } .masonry-grid { width: 100%; overflow-x: hidden; } .masonry-grid--3up .card-tile { width: 100%; margin-bottom: 32px; } @media only screen and (min-width: 768px) { .masonry-grid--3up .card-tile { width: calc(50% - 21px); } } @media only screen and (min-width: 1024px) { .masonry-grid--3up .card-tile { width: calc(33.333% - 21px); } } .masonry-grid--2up .card-tile { width: 100%; margin-bottom: 32px; } @media only screen and (min-width: 768px) { .masonry-grid--2up .card-tile { width: calc(50% - 16px); } .masonry-grid--2up .card-tile:first-child { margin-top: 0px; } .masonry-grid--2up .card-tile:nth-child(2) { margin-top: 62px; } } @media only screen and (min-width: 1024px) { .masonry-grid--2up .card-tile-generic-content__buttons-container .ao-button { padding: 0.75rem 1.25rem 0.6875rem; } .masonry-grid--2up .card-tile-generic-content__buttons-container--single .ao-button { padding: 0.75rem 2rem 0.6875rem; } .masonry-grid--2up .card-tile-colored-link .ao-button { line-height: 0.9375rem; padding: 0.75rem 2rem 0.6875rem; } } .masonry-grid--4up .card-tile { width: 100%; margin-bottom: 32px; } @media only screen and (min-width: 768px) { .masonry-grid--4up .card-tile { width: calc(50% - 21px); } } @media only screen and (min-width: 1024px) { .masonry-grid--4up .card-tile { width: calc(25% - 24px); } } .masonry-grid--4up .card-tile-generic-content__content-wrapper { padding: 1.5rem; } .masonry-grid--4up .card-tile-generic-content__content-wrapper .card-tile-generic-content__price-wrapper, .masonry-grid--4up .card-tile-generic-content__content-wrapper h3 { font-size: 1.25rem; line-height: 1.5rem; } .masonry-grid--4up .card-tile-colored-link__label, .masonry-grid--4up .card-tile-generic-content__content-wrapper p { font-size: 0.875rem; line-height: 1.375rem; } .masonry-grid--4up .card-tile-colored-link__text { font-size: 2.5rem; line-height: 3rem; } .masonry-grid--4up .card-tile-colored-link { padding: 1.5rem; } @media only screen and (min-width: 768px) { .masonry-grid--3up.masonry-grid--jagged-edge-style-1 .card-tile:first-child { margin-top: 62px; } .masonry-grid--3up.masonry-grid--jagged-edge-style-1 .card-tile:nth-child(2) { margin-top: 0px; } } @media only screen and (min-width: 1024px) { .masonry-grid--3up.masonry-grid--jagged-edge-style-1 .card-tile:nth-child(3) { margin-top: 160px; } } @media only screen and (min-width: 768px) { .masonry-grid--3up.masonry-grid--jagged-edge-style-2 .card-tile:first-child { margin-top: 160px; } .masonry-grid--3up.masonry-grid--jagged-edge-style-2 .card-tile:nth-child(2) { margin-top: 0px; } } @media only screen and (min-width: 1024px) { .masonry-grid--3up.masonry-grid--jagged-edge-style-2 .card-tile:nth-child(3) { margin-top: 62px; } } @media only screen and (min-width: 768px) { .masonry-grid--3up.masonry-grid--jagged-edge-style-3 .card-tile:first-child { margin-top: 62px; } .masonry-grid--3up.masonry-grid--jagged-edge-style-3 .card-tile:nth-child(2) { margin-top: 160px; } } @media only screen and (min-width: 1024px) { .masonry-grid--3up.masonry-grid--jagged-edge-style-3 .card-tile:nth-child(3) { margin-top: 0px; } } .masonry-grid__rollup-wrapper { overflow: hidden; } .masonry-grid__roll-down-button { display: block; margin: 2rem auto 0px; width: 100%; } @media only screen and (min-width: 480px) { .masonry-grid__roll-down-button { width: auto; } } .masonry-grid__grid:focus { outline: none; } .masonry-grid.swiper-container { padding-bottom: 57px; width: 100vw; margin-left: -16px; } .masonry-grid .card-tile { display: block; opacity: 1; } .masonry-grid .card-tile.shown { opacity: 1; transform: none; } .masonry-grid .card-tile.hidden { opacity: 0; transform: none; } .masonry-grid .card-tile.animate { animation: 1s ease 0s 1 normal forwards running moveUp; } @-webkit-keyframes moveUp { 0% { transform: translateY(200px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes moveUp { 0% { transform: translateY(200px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } .latest-news, .news-listing { display: flex; flex-flow: column; padding: 0px 16px; } @media (min-width: 48rem) { .latest-news, .news-listing { padding: 0px 32px; } } @media (min-width: 64rem) { .latest-news, .news-listing { padding: 0px 67px; } } @media (min-width: 85.3125rem) { .latest-news, .news-listing { padding: 0px 112px; flex-flow: row; } } @media (min-width: 105rem) { .latest-news, .news-listing { max-width: 1624px; margin: 0px auto; } } .latest-news .article-wrapper, .news-listing .article-wrapper { display: flex; flex-flow: wrap; justify-content: space-between; } @media (min-width: 85.3125rem) { .latest-news .article-wrapper, .news-listing .article-wrapper { width: 75%; padding-right: 1rem; } } .latest-news .article-wrapper .single-article, .news-listing .article-wrapper .single-article { padding: 0.9375rem 0px 1.5rem; border-bottom: 1px solid rgba(0, 58, 93, 0.4); border-top: 1px solid rgba(0, 58, 93, 0.05); width: calc(50% - 8px); text-decoration: none; } .latest-news .article-wrapper .single-article:nth-child(7), .latest-news .article-wrapper .single-article:nth-child(8), .news-listing .article-wrapper .single-article:nth-child(7), .news-listing .article-wrapper .single-article:nth-child(8) { display: none; } @media (min-width: 48rem) { .latest-news .article-wrapper .single-article, .news-listing .article-wrapper .single-article { width: calc(50% - 16px); } } @media (min-width: 64rem) { .latest-news .article-wrapper .single-article, .news-listing .article-wrapper .single-article { width: calc(33.3% - 24px); padding: 1.4375rem 0px; } } .latest-news .article-wrapper .single-article__title, .news-listing .article-wrapper .single-article__title { font-size: 1rem; font-weight: 800; text-decoration: none; color: rgb(0, 58, 93); line-height: 1.25rem; font-family: "Sharp Sans No2", Arial, sans-serif; margin: 0px; } @media (min-width: 48rem) { .latest-news .article-wrapper .single-article__title, .news-listing .article-wrapper .single-article__title { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .latest-news .article-wrapper .single-article__title, .news-listing .article-wrapper .single-article__title { font-size: 1.5rem; line-height: 1.75rem; } } .latest-news .article-wrapper .single-article:focus, .latest-news .article-wrapper .single-article:hover, .news-listing .article-wrapper .single-article:focus, .news-listing .article-wrapper .single-article:hover { border-bottom-color: rgb(0, 58, 93); border-top-color: rgb(0, 58, 93); text-decoration: underline; } .latest-news .article-wrapper .single-article:nth-child(-n+2), .news-listing .article-wrapper .single-article:nth-child(-n+2) { border-top: 1px solid rgba(0, 58, 93, 0.4); } .latest-news .article-wrapper .single-article:nth-child(-n+2):focus, .latest-news .article-wrapper .single-article:nth-child(-n+2):hover, .news-listing .article-wrapper .single-article:nth-child(-n+2):focus, .news-listing .article-wrapper .single-article:nth-child(-n+2):hover { border-top-color: rgb(0, 58, 93); } @media (min-width: 64rem) { .latest-news .article-wrapper .single-article:nth-child(-n+3), .news-listing .article-wrapper .single-article:nth-child(-n+3) { border-top: 1px solid rgba(0, 58, 93, 0.35); } .latest-news .article-wrapper .single-article:nth-child(-n+3):focus, .latest-news .article-wrapper .single-article:nth-child(-n+3):hover, .news-listing .article-wrapper .single-article:nth-child(-n+3):focus, .news-listing .article-wrapper .single-article:nth-child(-n+3):hover { border-top-color: rgb(0, 58, 93); } } .latest-news__full .article-wrapper { width: 100%; padding: 0px; } .latest-news__full .article-wrapper .single-article:nth-child(7), .latest-news__full .article-wrapper .single-article:nth-child(8) { display: block; } @media (min-width: 64rem) { .latest-news__full .article-wrapper .single-article { width: calc(25.33% - 36px); } } @media (min-width: 64rem) { .latest-news__full .article-wrapper .single-article:nth-child(-n+4) { border-top: 1px solid rgba(0, 58, 93, 0.35); } } .latest-news__full .radio-podcast-wrapper { display: none; } .news-listing { display: block; } @media (min-width: 85.3125rem) { .news-listing { padding: 0px 9.5rem; } } @media (min-width: 120rem) { .news-listing { padding: 0px; max-width: 77.5rem; margin: 0px auto; } } .news-listing__content { display: flex; justify-content: center; } .news-listing .article-wrapper { width: auto; padding: 0px; justify-content: flex-start; margin: 0px -0.5rem; } @media (min-width: 48rem) { .news-listing .article-wrapper { margin: 0px -1rem; max-width: 51.0625rem; } } @media (min-width: 64rem) { .news-listing .article-wrapper { max-width: 61.9375rem; } } @media (min-width: 85.3125rem) { .news-listing .article-wrapper { max-width: 77.5rem; } } .news-listing .article-wrapper .single-article { padding: 1rem 0px; flex: 0 1 calc(50% - 16px); border-bottom: 1px solid rgb(230, 230, 230); border-top: 1px solid rgba(230, 230, 230, 0.05); margin: 0px 0.5rem; } .news-listing .article-wrapper .single-article h6 { display: block; width: 100%; } @media (min-width: 85.3125rem) { .news-listing .article-wrapper .single-article h6 { margin-bottom: 0.5rem; } } .news-listing .article-wrapper .single-article:nth-child(7), .news-listing .article-wrapper .single-article:nth-child(8) { display: block; } .news-listing .article-wrapper .single-article:hover { text-decoration: none; border-bottom-color: rgb(0, 58, 93); border-top-color: rgb(0, 58, 93); } .news-listing .article-wrapper .single-article:hover h6 { text-decoration: underline; } .news-listing .article-wrapper .single-article:nth-child(-n+2) { border-top: 1px solid rgb(230, 230, 230); } .news-listing .article-wrapper .single-article:nth-child(-n+2):hover { border-top-color: rgb(0, 58, 93); } @media (min-width: 48rem) { .news-listing .article-wrapper .single-article { margin: 0px 1rem; flex: 0 1 calc(50% - 32px); } } @media (min-width: 64rem) { .news-listing .article-wrapper .single-article { padding: 1.5rem 0px; flex: 0 1 calc(33.3333% - 32px); } .news-listing .article-wrapper .single-article:nth-child(-n+3) { border-top: 1px solid rgb(230, 230, 230); } .news-listing .article-wrapper .single-article:nth-child(-n+3):hover { border-top-color: rgb(0, 58, 93); } } .news-listing__actions.show-mobile, .news-listing__item.show-mobile { display: block; } .news-listing__actions.hide-mobile, .news-listing__item.hide-mobile { display: none; } @media (min-width: 64rem) { .news-listing__actions.show-mobile, .news-listing__item.show-mobile { display: none; } .news-listing__actions.hide-mobile, .news-listing__item.hide-mobile { display: block; } } .news-listing__item { display: flex; flex-flow: column; justify-content: space-between; } .news-listing__actions { text-align: center; margin-top: 2.5rem; } .news-listing__content-wrapper { margin-bottom: 0.5rem; } @media (min-width: 48rem) { .news-listing__content-wrapper { margin-bottom: 1rem; } } @media (min-width: 85.3125rem) { .news-listing__content-wrapper { margin-bottom: 0.75rem; } } .news-listing__text-wrapper { padding-top: 0.5rem; display: flex; flex-flow: column; justify-content: space-between; } @media (min-width: 48rem) { .news-listing__text-wrapper { padding-top: 1rem; } } @media (min-width: 85.3125rem) { .news-listing__text-wrapper { padding-top: 0.5rem; } } .news-listing__byline, .news-listing__timestamp { font-size: 0.75rem; line-height: 1rem; color: grey; font-family: "Roboto Medium", Arial, sans-serif; } .news-listing__byline { display: none; margin-bottom: 0px; } @media (min-width: 85.3125rem) { .news-listing__byline { display: block; } } .news-listing__timestamp { margin-bottom: 0px; } .browser-ie .news-listing .article-wrapper { width: 100%; } @font-face { font-family: "Sharp Sans No2"; src: url("/fonts/SharpSansDispNo2-Medium.woff2") format("woff2"), url("/fonts/SharpSansDispNo2-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Sharp Sans No2"; src: url("/fonts/SharpSansDispNo2-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: "Sharp Sans No2"; src: url("/fonts/SharpSansDispNo2-Bold.woff2") format("woff2"), url("/fonts/SharpSansDispNo2-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "Sharp Sans No2"; src: url("/fonts/SharpSansNo2-Extrabold.woff2") format("woff2"), url("/fonts/SharpSansNo2-Extrabold.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: "Sharp Sans No2"; src: url("/fonts/SharpSansNo2-Extrabold.woff2") format("woff2"), url("/fonts/SharpSansNo2-Extrabold.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: "Source Sans"; src: url("/fonts/SourceSansPro-Regular.woff2") format("woff2"), url("/fonts/SourceSansPro-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Source Sans"; src: url("/fonts/SourceSansPro-Bold.woff2") format("woff2"), url("/fonts/SourceSansPro-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: Roboto; src: url("/fonts/Roboto-Regular.woff2") format("woff2"), url("/fonts/Roboto-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Roboto Medium"; src: url("/fonts/Roboto-Medium.woff2") format("woff2"), url("/fonts/Roboto-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } .default { font-size: 1em; line-height: 0.75em; } .alpha, .default, h1 { position: relative; margin: 0px 0px 32px; } .alpha, h1 { font-size: 1.875em; line-height: 1.2em; } .bravo, h2 { font-size: 1.4375em; line-height: 1.3913em; position: relative; margin: 0px 0px 32px; } .charlie, .delta, h3, h4 { font-size: 1.0625em; line-height: 1.41176em; position: relative; margin: 0px 0px 24px; } .echo, h5 { margin: 0px 0px 24px; } .echo, .foxtrot, h5, p { font-size: 0.875em; line-height: 1.71429em; position: relative; } .foxtrot, p { margin: 0px 0px 16px; } .golf { font-size: 0.75em; line-height: 2em; position: relative; margin: 0px 0px 32px; } body { font-family: "Source Sans", Arial, sans-serif; -webkit-font-smoothing: antialiased; color: rgb(0, 0, 0); } h1, h2, h3, h4, h5, h6 { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; color: rgb(34, 34, 34); text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 0.75em; line-height: 0.333333em; position: relative; margin: 0px 0px 12px; } h5 { text-transform: uppercase; } p { font-family: "Source Sans", Arial, sans-serif; color: rgb(102, 102, 102); } p.-lead { font-size: 1.125em; line-height: 0.777778em; color: rgb(0, 0, 0); } p.-lead, p.-small { position: relative; margin: 0px 0px 12px; } p.-small { font-size: 0.75em; line-height: 1.66667em; color: rgb(34, 34, 34); } .disclaimer { font-size: 0.6875rem; line-height: 1.4em; color: rgb(102, 102, 102); margin-bottom: 1.25rem; } .a, a { background: transparent; border: none; display: inline; cursor: pointer; font-size: 0.875em; line-height: 1.71429em; color: rgb(0, 145, 210); outline: none; } .a::before, a::before { transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .a.-primary, a.-primary { letter-spacing: 0.4px; font-weight: 700; } .a.-is-focus, .a.-is-hover, .a:active, .a:focus, .a:hover, a.-is-focus, a.-is-hover, a:active, a:focus, a:hover { color: rgb(0, 58, 93); text-decoration: underline; } .a.-is-focus.modal-icon, .a.-is-focus.popover-icon, .a.-is-focus.ui-btn, .a.-is-focus.ui-carousel-nav, .a:focus.modal-icon, .a:focus.popover-icon, .a:focus.ui-btn, .a:focus.ui-carousel-nav, a.-is-focus.modal-icon, a.-is-focus.popover-icon, a.-is-focus.ui-btn, a.-is-focus.ui-carousel-nav, a:focus.modal-icon, a:focus.popover-icon, a:focus.ui-btn, a:focus.ui-carousel-nav { outline: none; } .a.-is-visited, a.-is-visited { color: rgb(0, 58, 93); } ol.unstyled, ul.unstyled { margin: 0px; padding: 0px; list-style: none; } ol, ul { margin: 0px 0px 0.5em; padding-left: 1rem; box-sizing: border-box; } ol li, ul li { font-family: "Sharp Sans No2", Arial, sans-serif; } ul { list-style-type: none; } .-font-primary { font-family: "Source Sans", Arial, sans-serif; } .-font-secondary { font-family: "Sharp Sans No2", Arial, sans-serif; } .-light { font-weight: 100; } .-regular { font-weight: 400; } .-medium { font-weight: 500; } .-bold { font-weight: 700; } .-black { font-weight: 900; } .-underline { border-bottom: 1px solid; } .-italic { font-style: italic; } .-caps { text-transform: uppercase; } .-border { border-bottom: 2px solid; } .-align-center { text-align: center; justify-content: center; } .-align-left { text-align: left; } .-align-right { text-align: right; } .-align-center h1, .-align-center h2, .-align-center h3, .-align-center h4, .-align-center h5, .-align-center h6, .-align-center p { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { h1 { font-size: 2.5625em; line-height: 1.07317em; } h2 { font-size: 1.875em; line-height: 1.2em; } h3 { font-size: 1.4375em; line-height: 1.3913em; } } .browser-safari ol { margin: 0px 0px 0.375rem 0.5rem; } .block--bundle-partner-reference { border-top: 1px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); padding: 2.4375rem 1% 2.5rem; } @media (min-width: 768px) { .block--bundle-partner-reference { font-size: 2rem; padding-top: 3.75rem; padding-bottom: 7.75rem; } } @media (min-width: 1365px) { .block--bundle-partner-reference { padding-top: 2.875rem; padding-bottom: 8.75rem; } } .block--bundle-partner-reference .intro { width: 99.96%; text-align: center; margin-bottom: 1.5625rem; } @media (min-width: 768px) { .block--bundle-partner-reference .intro { margin-bottom: 5.1875rem; font-size: 1.875rem; } } .block--bundle-partner-reference .intro h2 { color: rgb(0, 58, 93); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 900; font-size: 1.5rem; margin: 0px; } @media (min-width: 768px) { .block--bundle-partner-reference .intro h2 { font-size: 2rem; } } @media (min-width: 1365px) { .block--bundle-partner-reference .intro h2 { font-size: 2.5rem; } } .block--bundle-partner-reference .intro p { font-size: 0.75rem; margin-top: 1.125rem; margin-bottom: 0px; } @media (min-width: 768px) { .block--bundle-partner-reference .intro p { font-size: 0.875rem; margin-top: 2.1875rem; } } .block--bundle-partner-reference .logos { width: 99.96%; } .block--bundle-partner-reference .logos > div { font-size: 0px; } .block--bundle-partner-reference .logos > div > div { font-size: 1rem; display: inline-block; vertical-align: middle; padding: 0px; width: 24.99%; } .block--bundle-partner-reference .logos img { max-width: 100%; transform-origin: 0px center; transform: scale(1); display: block; } .block--bundle-partner-reference .cta { display: inline-block; position: relative; padding: 1.5625rem 0px 0px; text-align: center; width: 99.96%; } .block--bundle-partner-reference .cta a { border-radius: 1.875rem; box-shadow: none; padding: 0.625rem 2.0625rem; font-size: 0.75rem; text-transform: uppercase; text-decoration: none; display: inline-flex; align-items: center; } @media (min-width: 480px) { .block--bundle-partner-reference .logos { width: 99.96%; } .block--bundle-partner-reference .logos > div { display: flex; flex-direction: row; align-items: center; } .block--bundle-partner-reference .logos > div > div { flex: 1 1 0%; } .block--bundle-partner-reference .logos > div > div:first-child img { width: 100%; } } @media (min-width: 768px) { .block--bundle-partner-reference { padding: 4.5625rem 9.375% 3.75rem; font-size: 0px; } .block--bundle-partner-reference > div { font-size: 1rem; display: inline-block; vertical-align: middle; } .block--bundle-partner-reference .logos { width: 81%; } .block--bundle-partner-reference .logos > div > div { margin: 0px 0.75rem 0px 0px; } .block--bundle-partner-reference .cta { width: 19%; text-align: right; box-sizing: border-box; padding-top: 0.1875rem; } .block--bundle-partner-reference .cta a { padding: 0.5rem 1.75rem; font-size: 0.875rem; } } @media (min-width: 1024px) { .block--bundle-partner-reference .intro { width: 99.96%; } .block--bundle-partner-reference .logos { width: 83.3%; } .block--bundle-partner-reference .logos img { transform-origin: 50% center; margin: 0px auto; } .block--bundle-partner-reference .cta { width: 16.66%; } .block--bundle-partner-reference .cta a { padding: 0.9375rem 1.75rem; } } @media (min-width: 1365px) { .block--bundle-partner-reference { padding: 4.5625rem 8.5% 3.75rem; } .block--bundle-partner-reference .logos { margin-top: 1.25rem; width: 83.3%; } .block--bundle-partner-reference .logos img { transform: scale(0.9); } .block--bundle-partner-reference .logos > div > div { width: 24.99%; } .block--bundle-partner-reference .logos > div > div:first-child img { transform: scale(0.8); padding-bottom: 0px; } .block--bundle-partner-reference .cta { width: 16.66%; padding-top: 1.25rem; } } .partners-section { padding: 0px; } @media (min-width: 48rem) { .partners-section { padding: 0px 7%; } } .partners-section, .partners-section * { box-sizing: border-box; } .partners-section__header { align-items: center; background-color: rgb(238, 238, 238); display: flex; font-size: 0.8125rem; height: 2.5rem; justify-content: center; line-height: 1; margin-bottom: 0.5rem; text-transform: uppercase; width: 100%; } @media (min-width: 48rem) { .partners-section__header { border-radius: 3px; margin-bottom: 0.9375rem; } } .partners-section__list { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0px -0.25rem; padding: 0px 0.75rem; } @media (min-width: 48rem) { .partners-section__list { margin: 0px -0.5rem; padding: 0px; } } .partners-section__list-item { margin: 0px 0px 0.5rem; padding: 0px 0.25rem; width: 50%; } @media (min-width: 48rem) { .partners-section__list-item { margin: 0px 0px 0.9375rem; padding: 0px 0.5rem; width: 20%; } } .partners-section__list-item > a { border: 2px solid rgb(238, 238, 238); display: block; line-height: 1; margin: 0px; padding: 0px; transition: all 0.3s ease 0s; } .partners-section__list-item > a:focus, .partners-section__list-item > a:hover { border-color: rgb(221, 221, 221); } .partners-section__list-item > a img { margin: 0px; padding: 0px; width: 100%; } .partners-section-wrapper { padding: 0px 0px 1.875rem; } @media (min-width: 48rem) { .partners-section-wrapper { padding: 1.875rem 0px; } } .player-card { padding: 1.625em 0.9375em; border-radius: 0.375em; display: flex; flex-wrap: nowrap; position: relative; } .player-card, .player-card:hover { text-decoration: none; } .player-card:nth-of-type(2n+1) { background-color: rgb(248, 248, 248); } .player-card .avatar-container { margin-right: 1em; } .player-card .avatar-container .avatar { width: 2.4375em; height: 2.4375em; box-sizing: border-box; border: 0.1875em solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 0px; border-radius: 999px; overflow: hidden; background-color: rgb(248, 248, 248); } .player-card .avatar-container .avatar img { width: 100%; transform: scale(1.2); } .player-card .avatar-container .flag { margin-top: 0.75em; text-align: center; } .player-card .avatar-container .flag img { height: 1em; border-radius: 2px; } .player-card .description-container .profile-container .name-container { padding-right: 2.5em; } .player-card .description-container .profile-container .name-container .flag { display: none; } .player-card .description-container .profile-container .name-container .full-name { display: inline; font-size: 1.0625em; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; color: rgb(34, 34, 34); } .player-card .description-container .profile-container .name-container .seed { display: inline; font-size: 0.625em; color: rgb(102, 102, 102); vertical-align: super; } .player-card .description-container .profile-container .country { font-size: 0.875em; color: rgb(34, 34, 34); margin-top: 0.25em; } .player-card .description-container .matches-container { display: flex; align-items: center; margin-top: 0.375em; } .player-card .description-container .matches-container .matches-label { display: block; font-size: 0.875em; color: rgb(102, 102, 102); } .player-card .star { font-size: 24px; color: rgb(102, 102, 102); position: absolute; right: 20px; top: 28px; } .player-card.-selected .star { color: rgb(0, 145, 210); } .player-card.-selected .star::before { content: "★"; position: absolute; top: 0px; left: 0px; } .player-card.-hide-star .star { display: none; } @media (min-width: 768px) { .player-card { padding: 1.75em; } .player-card .avatar-container { margin-right: 1.375em; } .player-card .avatar-container .avatar { width: 3.1875em; height: 3.1875em; } .player-card .avatar-container .flag { display: none; } .player-card .description-container { display: flex; flex-wrap: nowrap; flex-grow: 1; align-items: center; } .player-card .description-container .profile-container .name-container { padding-right: 0px; } .player-card .description-container .profile-container .name-container .flag { display: inline-block; margin-right: 0.875em; } .player-card .description-container .profile-container .name-container .flag img { height: 1em; border-radius: 2px; } .player-card .description-container .profile-container .name-container .full-name { font-size: 1.4375em; } .player-card .description-container .profile-container .name-container .seed { font-size: 0.75em; } .player-card .description-container .matches-container { margin-left: auto; text-align: right; } } @media (min-width: 1365px) { .player-card .star { display: none; } } .player-profile-container { background: rgb(255, 255, 255); display: flex; flex-flow: wrap; margin-bottom: 1.25em; } .player-profile-container .content-blade { width: 100%; padding: 0px; } .player-profile-container .content-blade:first-child { padding-top: 0.375em; } .player-profile-container .content-blade h2, .player-profile-container .content-blade h3 { margin: 0px 0px 1.75em; } .player-profile-container .content-blade .left { width: 100%; } .player-profile-container .content-blade .left h3::before { content: ""; width: 70px; height: 4px; display: block; margin-bottom: 0.75rem; } .player-profile-container .content-blade .right { width: 100%; } .player-profile-container .cards-container .card:first-child { margin-top: 0px; } .player-profile-container .cards-container .card:last-child { margin-bottom: 2em; } .player-profile-container .match-time-location { font-size: 0.875em; list-style-type: none; margin: 0px 0px 1.25em; padding: 0px; } .player-profile-container .match-time-location > * { display: inline-block; margin-right: 0.35em; margin-bottom: 0.875em; } .player-profile-container .match-time-location .label { color: rgb(34, 34, 34); font-weight: 700; margin-right: 0.35em; } .player-profile-container .match-time-location .date, .player-profile-container .match-time-location .value { color: rgb(102, 102, 102); } .player-profile-container .component-grandlslam-stats { width: 100%; } .player-profile-container .component-grandlslam-stats .-hide { display: none; } .player-profile-container .component-filters .wrapper { padding: 0px; } .player-profile-container .component-filters .filters-container { width: auto; margin-right: 0px; margin-left: auto; } .player-profile-container .component-filters .filters-container .filter-item { max-width: none; } .player-profile-container .stats-table { margin-bottom: 3.125rem; } @media (min-width: 64rem) { .player-profile-container .stats-table { margin-left: auto; margin-right: 0px; } } .player-profile-container .component-table, .player-profile-container .component-table .table-container, .player-profile-container .component-table .table-wrapper, .player-profile-container .component-table .ui-table { width: 100%; } .player-profile-container .component-table .table-container { font-family: "Sharp Sans No2", Arial, sans-serif; padding-left: 9.375rem; } .player-profile-container .component-table .table-container tbody, .player-profile-container .component-table thead th { font-size: 0.8125rem; } .player-profile-container .component-table tbody th { font-weight: 400; } .player-profile-container .component-table td:first-child, .player-profile-container .component-table th:first-child { width: 9.375rem; } .player-profile-container .component-table, .player-profile-container .component-table * { box-sizing: border-box; } .player-profile-container .stats-container { width: 100%; } @media (min-width: 64rem) { .player-profile-container .stats-container { padding-left: 4.6875rem; } } .player-profile-container .stats-container__title { font-size: 1.0625rem; margin-bottom: 1.25rem; } .player-profile-container.blue-layout h3 { font-family: "Sharp Sans No2", Arial, sans-serif; } @media (min-width: 768px) { .player-profile-container .content-blade { display: flex; flex-direction: row; padding-top: 1em; } .player-profile-container .content-blade .left { width: 25%; box-sizing: border-box; padding-right: 1em; } .player-profile-container .content-blade .right { width: 75%; } .player-profile-container .content-blade h2::before, .player-profile-container .content-blade h3::before { margin: 0px 0px 0.75em; } .player-profile-container .scorecard.one-up .main-content { width: 100%; } .player-profile-container .cards-container { display: flex; } .player-profile-container .cards-container .card { width: 50%; box-sizing: border-box; display: inline-block; } .player-profile-container .match-time-location { margin: 0px 0px 2em; } .player-profile-container .match-time-location > * { margin-bottom: 0px; } } .component-related-articles { display: none; margin-bottom: 2em; } .component-related-articles h5::before { content: ""; width: 70px; height: 4px; display: block; margin: 1.5em 0px; } .component-related-articles ul { position: relative; padding-left: 1.5em; } .component-related-articles ul li { margin-bottom: 1.5em; max-width: 12.5em; } .component-related-articles ul li a { font-size: 0.875em; line-height: 1.71429em; color: rgb(102, 102, 102); text-decoration: none; } .component-related-articles ul li a:focus, .component-related-articles ul li a:hover { text-decoration: underline; } @media (min-width: 1365px) { .component-related-articles { display: block; } } .related-article__icon { color: rgb(0, 145, 210); position: absolute; left: 0px; } .secondary-nav { align-items: center; background-color: rgb(0, 50, 85); box-sizing: border-box; color: rgb(255, 255, 255); display: none; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1rem; font-weight: 700; justify-content: space-between; margin: 0px auto; max-height: 2.5rem; max-width: 90rem; padding: 0px 3.5%; width: 100%; } .secondary-nav--is-visible-mobile { display: block; } @media screen and (min-width: 64rem) { .secondary-nav--is-visible-mobile { display: flex; } } .secondary-nav * { box-sizing: border-box; } @media print { .secondary-nav { display: none; } } @media screen and (min-width: 64rem) { .secondary-nav { display: flex; margin: 0px auto; } } .secondary-nav__date { color: rgb(255, 255, 255); display: block; flex: 0 0 auto; font-size: 0.8125rem; letter-spacing: 0.01875rem; padding: 0.1875rem 0px 0.25rem; text-align: center; white-space: nowrap; width: 100%; } @media screen and (min-width: 64rem) { .secondary-nav__date { padding: 0px; text-align: left; width: 10.3125rem; } } .secondary-nav__list { display: none; margin: 0px; padding: 0px; width: 100%; } @media screen and (min-width: 64rem) { .secondary-nav__list { display: flex; } } .secondary-nav__link { color: rgb(255, 255, 255); display: block; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.8125rem; letter-spacing: 0px; padding: 0.5625rem 1.25rem; text-decoration: none; } .secondary-nav__link:focus, .secondary-nav__link:hover, li.is-active .secondary-nav__link { color: rgb(215, 215, 0); text-decoration: none; } li:first-child .secondary-nav__link { padding-left: 0px; } li:last-child .secondary-nav__link { padding-right: 0px; } .table { border-radius: 0.3125rem; border: 0.1875rem solid rgb(244, 244, 244); box-sizing: border-box; } .table__table { width: 100%; } .table__td { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.8125rem; font-weight: 500; color: rgb(34, 34, 34); padding: 0.5rem 0.375rem; box-sizing: border-box; position: relative; } .table__td.score-table__mobile-cell, .table__td:first-child { padding-left: 0.75rem; } .table__td.score-table__mobile-cell, .table__td:last-child { padding-right: 0.75rem; } @media (min-width: 48rem), print { .table__td { padding: 0.5rem 0.625rem; } .table__td.score-table__mobile-cell, .table__td:first-child { padding-left: 1.25rem; } .table__td:last-child { padding-right: 1.25rem; } } @media (min-width: 85.3125rem), print { .table__td { padding: 0.5rem 0.9375rem; } .table__td.score-table__mobile-cell, .table__td:first-child { padding-left: 1.875rem; } .table__td:last-child { padding-right: 1.875rem; } } .table__tr { height: 2.5rem; border-top: 2px solid rgb(244, 244, 244); border-collapse: collapse; } .table__tr:first-child { border-top-width: 0px; } @media (min-width: 48rem), print { .table__tr { height: 3.125rem; } } .table__header-row, .table__header-row + .table__tr { border-top-width: 0px; } .table__header-row-th { padding: 0px; text-align: left; } .table__header-row-content { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.6875rem; font-weight: 700; color: rgb(34, 34, 34); background-color: rgb(244, 244, 244); -webkit-print-color-adjust: exact; height: 2.5rem; box-sizing: border-box; margin: 0px -0.0625rem 0px 0px; padding: 0.5rem 0.8125rem 0.5rem 0.75rem; display: flex; align-items: center; } tr:first-child .table__header-row-content { padding: 0.3125rem 0.75rem 0.5rem; } @media (min-width: 48rem), print { .table__header-row-content { font-size: 1.0625rem; height: 3.125rem; padding: 0.5rem 1.3125rem 0.5rem 1.25rem; } tr:first-child .table__header-row-content { padding: 0.3125rem 1.25rem 0.5rem; } } @media (min-width: 85.3125rem), print { .table__header-row-content { padding: 0.5rem 1.9375rem 0.5rem 1.875rem; } tr:first-child .table__header-row-content { padding: 0.3125rem 1.875rem 0.5rem; } } @media screen { html:not(.browser-ie) .table__tr--is-selected .table__td-highlight-box { position: absolute; inset: -0.1875rem 0px; content: ""; border-style: solid; border-color: rgb(153, 216, 255); border-image: initial; border-width: 0.1875rem 0px; pointer-events: none; box-sizing: border-box; } html:not(.browser-ie) .table__tr--is-selected .table__td:first-child .table__td-highlight-box { border-bottom-left-radius: 0.3125rem; border-top-left-radius: 0.3125rem; border-left-width: 0.1875rem; left: -0.1875rem; } html:not(.browser-ie) .table__tr--is-selected .table__td:last-child .table__td-highlight-box { border-bottom-right-radius: 0.3125rem; border-top-right-radius: 0.3125rem; border-right-width: 0.1875rem; right: -0.1875rem; } } @media screen { html.browser-ie .table__tr--is-selected { background-color: rgb(230, 245, 255); } } @media screen { .table__tr--is-muted > td { opacity: 0.5; } } table.line-border-table { margin: 0px auto; font-family: "Sharp Sans No2", Arial, sans-serif; width: 100%; text-align: left; border: none; } table.line-border-table > tbody > tr { border-bottom: 0.0625rem solid rgb(0, 58, 93); } table.line-border-table > tbody > tr:first-child { border-top: 0.0625rem solid rgb(0, 58, 93); } table.line-border-table > tbody > tr > td { width: auto; color: rgb(102, 102, 102); font-size: 1rem; padding: 1rem; border: none; } table.line-border-table > tbody > tr > td:first-child { color: rgb(0, 58, 93); font-weight: 700; } .ao-layout__section--light-text-mode .events-schedule table.line-border-table > tbody > tr, .ao-layout__section--light-text-mode .text-blade table.line-border-table > tbody > tr { border-bottom: 0.0625rem solid rgb(255, 255, 255); } .ao-layout__section--light-text-mode .events-schedule table.line-border-table > tbody > tr:first-child, .ao-layout__section--light-text-mode .text-blade table.line-border-table > tbody > tr:first-child { border-top: 0.0625rem solid rgb(255, 255, 255); } .ao-layout__section--light-text-mode .events-schedule table.line-border-table > tbody > tr > td, .ao-layout__section--light-text-mode .events-schedule table.line-border-table > tbody > tr > td:first-child, .ao-layout__section--light-text-mode .text-blade table.line-border-table > tbody > tr > td, .ao-layout__section--light-text-mode .text-blade table.line-border-table > tbody > tr > td:first-child { color: rgb(255, 255, 255); } .tab-content { font-size: 1rem; position: relative; } .tab-content, .tab-content > * { box-sizing: border-box; } .tab-content__inner { display: flex; flex-direction: column-reverse; padding: 0px 3.5% 1.25rem; } @media (min-width: 48rem) { .tab-content__inner { padding: 2.5rem 7%; } } @media (min-width: 85.3125rem) { .tab-content__inner { flex-direction: row; } } .tab-content__inner--grey-background { padding-top: 0px; padding-left: 0px; padding-right: 0px; background-color: rgb(242, 242, 242); } .tab-content__tab-content { padding: 0px; } @media (min-width: 85.3125rem) { .tab-content__tab-content { padding-right: 3.75rem; width: 100%; } } .tab-content__tab-content--full-width { width: 100%; } .tab-content__nav { background-color: rgb(255, 255, 255); max-width: 90rem; margin: 0px auto; position: sticky; top: 4rem; width: 100%; z-index: 201; } .browser-ie .tab-content__nav.js-is-sticky { max-width: 1440px; } .browser-ie .tab-content__nav.js-is-sticky + #js-player-profile-tab-content { padding-top: 3.375rem; } body.is-aus-open-app .tab-content__nav { top: -1px; } .tab-content__sidebar { display: flex; justify-content: center; position: relative; } @media (min-width: 85.3125rem) { .tab-content__sidebar { display: block; flex: 0 0 auto; width: 300px; } } .tab-content__content, .tab-content__sidebar--hide, .tab-content__tab-item { display: none; } .tab-content__content.is-active, .tab-content__tab-item.is-active { display: block; } .tab-content .pager { display: none; } .events-schedule { text-align: center; max-width: 1440px; margin: 0px auto; } .events-schedule .module-heading h4 { color: rgb(0, 58, 93); font-size: 3.5rem; font-weight: 900; margin-bottom: 5rem; } .events-schedule .module-heading h3 { color: rgb(0, 58, 93); margin-bottom: 2.5rem; font-size: 24px; font-weight: 900; } .events-schedule .schedule-image { margin-bottom: 7rem; } .events-schedule .schedule-image picture > img { max-width: 100%; width: auto; display: block; } .events-schedule .schedule-pdf { margin-top: 3.125rem; } .ao-layout__section--light-text-mode .events-schedule h3, .ao-layout__section--light-text-mode .events-schedule h4, .ao-layout__section--light-text-mode .events-schedule p { color: rgb(255, 255, 255); } .ao-layout__section { position: relative; padding: 7rem 0px; } .ao-layout__section--thin-padding { padding: 3rem 0px; } @media (min-width: 48rem) { .ao-layout__section--thin-padding { padding: 4rem 0px; } } @media (min-width: 85.3125rem) { .ao-layout__section--thin-padding { padding: 5rem 0px; } } .ao-layout__section--top-padding { padding: 0px; } @media (min-width: 48rem) { .ao-layout__section--top-padding { padding: 4rem 0px 0px; } } @media (min-width: 85.3125rem) { .ao-layout__section--top-padding { padding: 5rem 0px 0px; } } .ao-layout__section--bottom-padding { padding: 0px; } @media (min-width: 48rem) { .ao-layout__section--bottom-padding { padding: 0px 0px 4rem; } } @media (min-width: 85.3125rem) { .ao-layout__section--bottom-padding { padding: 0px 0px 5rem; } } .ao-layout__section--no-padding { padding: 0px; } .ao-layout__section--pattern-latest-news::after, .ao-layout__section--pattern-news-listing::after, .ao-layout__section--pattern-overlay-v1::after, .ao-layout__section--pattern-overlay-v2::after, .ao-layout__section--pattern-overlay-v3::after, .ao-layout__section--pattern-overlay-v4::after { position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%; } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v1-black::after { background-image: url("/img/bg-pattern-overlay-2021-v1-black.31b863077c94646405df6db3ce1ff32f.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v1-black::after, .ao-layout__section--pattern-overlay-2021-v1-white::after { content: ""; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center 400px; } .ao-layout__section--pattern-overlay-2021-v1-white::after { background-image: url("/img/bg-pattern-overlay-2021-v1-white.e21f7eb30c9fa151737f35be19791811.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v2-black::after { background-image: url("/img/bg-pattern-overlay-2021-v2-black.515e9d07ec87f5ce9d67538b577824d0.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v2-black::after, .ao-layout__section--pattern-overlay-2021-v2-white::after { content: ""; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center 400px; } .ao-layout__section--pattern-overlay-2021-v2-white::after { background-image: url("/img/bg-pattern-overlay-2021-v2-white.fd506a149a654f6de68247d1c120f2dd.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v3-black::after { background-image: url("/img/bg-pattern-overlay-2021-v3-black.ff7c9b5782601ec39054bb5c750f7f01.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v3-black::after, .ao-layout__section--pattern-overlay-2021-v3-white::after { content: ""; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center 400px; } .ao-layout__section--pattern-overlay-2021-v3-white::after { background-image: url("/img/bg-pattern-overlay-2021-v3-white.c3ffc995ad598480bda3ef7a81b076d8.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v4-black::after { background-image: url("/img/bg-pattern-overlay-2021-v4-black.1ffc64f5abd60235cd1b6baf68257a23.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v4-black::after, .ao-layout__section--pattern-overlay-2021-v4-white::after { content: ""; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center 400px; } .ao-layout__section--pattern-overlay-2021-v4-white::after { background-image: url("/img/bg-pattern-overlay-2021-v4-white.cb69923ab6b50b3c69a2620cabfb462c.svg"); } } .ao-layout__section--pattern-overlay-v1::after { background-image: url("/img/bg-pattern-overlay-v1.118f9e6fc2b129f333db13237b70ccf3.svg"); background-position: left 50% top -185px; background-size: 150%; background-repeat: repeat-y; background-color: transparent; } .ao-layout__section--pattern-overlay-v2::after { background-image: url("/img/bg-pattern-overlay-v2.f815929f7b60b6e0669cb44e0e404dfb.svg"); background-position: left 38% top -320px; background-size: 160%; background-repeat: repeat-y; background-color: transparent; } .ao-layout__section--pattern-overlay-v3::after { background-image: url("/img/bg-pattern-overlay-v3.903ce7bc3ff8bfdd2bb7c7507a33869e.svg"); background-position: left 67% top 0px; background-size: 165%; background-repeat: repeat-y; background-color: transparent; } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-v4::after { background-image: url("/img/newsletter-frame-one.0a51fa8df109b8e25bcd402299ab4cf8.svg"), url("/img/newsletter-frame-two.2c8dfa515560bf72f92338b625e268c3.svg"); background-size: auto, 31.0625rem 34.625rem; background-position: -10.625rem top, right -15.9375rem bottom -8.25rem; background-repeat: no-repeat, no-repeat; } } @media (min-width: 64rem) { .ao-layout__section--pattern-latest-news::after { background-image: url("/img/bg-pattern-latest-news-left-tablet.27fab20d51ffe2d71a534cd4a3c97522.svg"), url("/img/bg-pattern-latest-news-right-tablet.761add70d79ded2cff118274701eca0b.svg"); background-position: left -86px top -65px, right -120px top -150px; background-repeat: no-repeat; background-color: transparent; } } @media (min-width: 85.3125rem) { .ao-layout__section--pattern-latest-news::after { background-image: url("/img/bg-pattern-latest-news-left.8d567065ac459ea1439395dd9e606ce9.svg"), url("/img/bg-pattern-latest-news-right.d6734933a937ce021d836689024e473f.svg"); background-position: left -29px top -65px, right 12px top -150px; } } @media (min-width: 64rem) { .ao-layout__section--pattern-news-listing::after { background-image: url("/img/bg-pattern-news-listing-left-tablet.fc27b57ad0cfa8d79894425610663e5e.svg"), url("/img/bg-pattern-news-listing-right-tablet.58b28af61ac580b5f21f90799af31ca3.svg"); background-size: auto, auto; background-repeat: no-repeat, no-repeat; background-position: left 23px top 95px, right -62px top -60px; } } @media (min-width: 104.9375rem) { .ao-layout__section--pattern-news-listing::after { background-image: url("/img/bg-pattern-news-listing-left.9220b388a8c4c756526e081e078ff433.svg"), url("/img/bg-pattern-news-listing-right.e18266ec275b7e7e3b34308188ea5d0c.svg"); background-position: left -36px top -46px, right -140px top -45px; } } .ao-layout__section--gradient::before { position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%; background: linear-gradient(130deg, rgba(255, 255, 255, 0.15), transparent); } .ao-layout__section--light-text-mode, .ao-layout__section--light-text-mode .ao-layout__section-heading { color: rgb(255, 255, 255); } .ao-layout__main { max-width: none; font-size: 16px; } .ao-layout__section-heading { max-width: 826.667px; font-size: 2rem; color: rgb(51, 51, 51); margin: 0px auto; padding-bottom: 2rem; text-align: center; font-weight: 700; z-index: 3; } @media (min-width: 64rem) { .ao-layout__section-heading { font-size: 3.5rem; padding-bottom: 5rem; } } .ao-layout__row, .filmstrip { position: relative; display: flex; flex-wrap: wrap; max-width: 1272px; margin: 0px auto; z-index: 3; } @media (min-width: 48rem) { .ao-layout__row, .filmstrip { flex-wrap: nowrap; } } .ao-layout__row .ao-layout__col, .ao-layout__row [class*="2-col"], .ao-layout__row [class*="3-col"], .ao-layout__row [class*="4-col"], .filmstrip .ao-layout__col, .filmstrip [class*="2-col"], .filmstrip [class*="3-col"], .filmstrip [class*="4-col"] { box-sizing: border-box; } @media screen and (min-width: 48rem) { .ao-layout__row .ao-layout__col, .ao-layout__row [class*="2-col"], .ao-layout__row [class*="3-col"], .ao-layout__row [class*="4-col"], .filmstrip .ao-layout__col, .filmstrip [class*="2-col"], .filmstrip [class*="3-col"], .filmstrip [class*="4-col"] { margin: 0px 16px; } } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .ao-layout__row .ao-layout__col, .ao-layout__row [class*="2-col"], .ao-layout__row [class*="3-col"], .ao-layout__row [class*="4-col"], .filmstrip .ao-layout__col, .filmstrip [class*="2-col"], .filmstrip [class*="3-col"], .filmstrip [class*="4-col"] { margin: 0px; padding: 0px 16px; } } .ao-layout__row .ao-layout__col img, .ao-layout__row [class*="2-col"] img, .ao-layout__row [class*="3-col"] img, .ao-layout__row [class*="4-col"] img, .filmstrip .ao-layout__col img, .filmstrip [class*="2-col"] img, .filmstrip [class*="3-col"] img, .filmstrip [class*="4-col"] img { width: 100%; } .ao-layout__row .ao-layout__col .text-blade img, .ao-layout__row [class*="2-col"] .text-blade img, .ao-layout__row [class*="3-col"] .text-blade img, .ao-layout__row [class*="4-col"] .text-blade img, .filmstrip .ao-layout__col .text-blade img, .filmstrip [class*="2-col"] .text-blade img, .filmstrip [class*="3-col"] .text-blade img, .filmstrip [class*="4-col"] .text-blade img { width: auto; } .ao-layout__row ~ .ao-layout__row, .ao-layout__row ~ .filmstrip, .filmstrip ~ .ao-layout__row, .filmstrip ~ .filmstrip { margin-top: 3.5rem; } @media (max-width: 48rem) { .ao-layout__row .ao-layout__col ~ .ao-layout__col, .filmstrip .ao-layout__col ~ .ao-layout__col { margin-top: 2rem; } } .ao-layout__row::after, .filmstrip::after { content: ""; display: table; clear: both; } .ao-layout__row--full-width { flex-direction: row; } .ao-layout__row--full-width > .ao-layout__col { width: 100%; } @media screen and (min-width: 768px) { .ao-layout__row--full-width > .ao-layout__col { width: calc(100% - 32px); } } .ao-layout__row--full-width-content { max-width: 100%; } .ao-layout__row--full-width-content .ao-layout__col { margin: 0px; width: 100%; } .ao-layout__row--2-col-half-half { flex-direction: column; } .ao-layout__row--2-col-half-half > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 48rem) { .ao-layout__row--2-col-half-half { flex-direction: row; } .ao-layout__row--2-col-half-half > .ao-layout__col { width: calc(50% - 32px); } .ao-layout__row--2-col-half-half > .ao-layout__col:first-child { padding-right: calc(4.16667% - 16px); } .ao-layout__row--2-col-half-half > .ao-layout__col:last-child { padding-left: calc(4.16667% - 16px); } } .ao-layout__row--2-col-extra-large-left { flex-direction: column; } .ao-layout__row--2-col-extra-large-left > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 85.3125rem) { .ao-layout__row--2-col-extra-large-left { flex-direction: row; } .ao-layout__row--2-col-extra-large-left > .ao-layout__col:first-child { width: calc(75% - 32px); } .ao-layout__row--2-col-extra-large-left > .ao-layout__col:last-child { width: calc(25% - 32px); } } @media (min-width: 120rem) { .ao-layout__row--2-col-extra-large-left > .ao-layout__col:first-child { width: calc(66.6667% - 32px); } .ao-layout__row--2-col-extra-large-left > .ao-layout__col:last-child { width: calc(33.3333% - 32px); } } .ao-layout__row--2-col-large-left { flex-direction: column; } .ao-layout__row--2-col-large-left > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 48rem) { .ao-layout__row--2-col-large-left { flex-direction: row; } .ao-layout__row--2-col-large-left > .ao-layout__col:first-child { width: calc(58.3333% - 32px); } .ao-layout__row--2-col-large-left > .ao-layout__col:last-child { width: calc(41.6667% - 33px); padding-left: calc(8.33333% - 32px); } } .ao-layout__row--2-col-large-right { flex-direction: column; } .ao-layout__row--2-col-large-right > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 48rem) { .ao-layout__row--2-col-large-right { flex-direction: row; } .ao-layout__row--2-col-large-right > .ao-layout__col:first-child { width: calc(41.6667% - 33px); padding-right: calc(8.33333% - 32px); } .ao-layout__row--2-col-large-right > .ao-layout__col:last-child { width: calc(58.3333% - 32px); } } .ao-layout__row--3-col { flex-direction: column; } .ao-layout__row--3-col > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 64rem) { .ao-layout__row--3-col { flex-direction: row; } .ao-layout__row--3-col > .ao-layout__col { width: calc(33.3333% - 32px); } } .ao-layout__row--4-col { flex-direction: column; } .ao-layout__row--4-col > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 48rem) { .ao-layout__row--4-col { flex-flow: wrap; } .ao-layout__row--4-col > .ao-layout__col { width: calc(50% - 32px); } } @media (min-width: 64rem) { .ao-layout__row--4-col { flex-direction: row; } .ao-layout__row--4-col > .ao-layout__col { width: calc(25% - 32px); } } .ao-layout__row--stack-RTL { flex-direction: column-reverse; } @media (max-width: 48rem) { .ao-layout__row--stack-RTL .ao-layout__col ~ .ao-layout__col { margin-top: 0px; margin-bottom: 2rem; } } @media (min-width: 48rem) { .ao-layout__row--stack-RTL { flex-direction: row; } } @media only screen and (min-width: 768px) { } .pg-card-image { text-align: center; font-family: "Sharp Sans No2", Arial, sans-serif; padding: 0px; } @media (min-width: 48rem) { .pg-card-image { padding: 0px 1.25rem; } } .pg-card-image ._pg-image { display: flex; align-items: center; justify-content: center; min-height: 8.4375rem; } .pg-card-image ._pg-image img { width: auto; max-width: 100%; vertical-align: bottom; } .pg-card-image ._pg-body h3 { color: rgb(0, 58, 93); font-size: 0.875rem; padding: 1rem 0px 1.25rem; margin: 0px; } @media (min-width: 48rem) { .pg-card-image ._pg-body h3 { font-size: 1rem; } } .pg-card-image ._pg-body p { color: rgb(102, 102, 102); font-size: 0.875rem; } @media (min-width: 48rem) { .pg-card-image ._pg-body p { font-size: 1rem; } } .ao-layout__row:has(.pg-card-image), .filmstrip:has(.pg-card-image) { margin-bottom: 5.5625rem; } .ao-layout__section--light-text-mode .pg-card-image ._pg-body h3, .ao-layout__section--light-text-mode .pg-card-image ._pg-body p { color: rgb(255, 255, 255); } .mobile-app-banner { display: flex; padding-top: 3rem; flex-direction: column-reverse; align-items: center; position: relative; width: 100vw; margin: auto auto auto -50vw; left: 50%; background: linear-gradient(rgb(0, 145, 210), rgb(21, 72, 157)); } @media (min-width: 48rem) { .mobile-app-banner { padding-top: 3.5rem; } } @media (min-width: 64rem) { .mobile-app-banner { padding-top: 5rem; justify-content: center; flex-direction: row; } } @media (min-width: 85.3125rem) { .mobile-app-banner { padding-top: 9rem; } } .mobile-app-banner::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-color: transparent; } @media (min-width: 48rem) { .mobile-app-banner::before { background-image: url("/img/mobile-app-banner-pattern.45932b27d89198e362c040cc5cdda2e1.svg"); background-position: right 60vw bottom 0px; background-size: 900px 273px; } } @media (min-width: 64rem) { .mobile-app-banner::before { background-position: right 65vw bottom 0px; } } @media (min-width: 85.3125rem) { .mobile-app-banner::before { background-position: right 65vw bottom 0px; background-size: 1174px 356px; } } .mobile-app-banner .mobile-image { width: 11.625rem; display: flex; align-items: baseline; z-index: 1; } .mobile-app-banner .mobile-image img { width: 100%; } @media (min-width: 48rem) { .mobile-app-banner .mobile-image { width: 15rem; } } @media (min-width: 64rem) { .mobile-app-banner .mobile-image { margin-right: 6.25rem; align-self: flex-end; } } @media (min-width: 85.3125rem) { .mobile-app-banner .mobile-image { width: 18.8125rem; } } .mobile-app-banner .text-wrapper { text-align: center; margin-bottom: 2.5rem; padding: 0px 10%; z-index: 1; } @media (min-width: 64rem) { .mobile-app-banner .text-wrapper { padding: 0px; justify-content: center; max-width: 26.25rem; } } @media (min-width: 85.3125rem) { .mobile-app-banner .text-wrapper { max-width: 38.125rem; } } .mobile-app-banner h2 { font-size: 2rem; line-height: 2rem; color: rgb(255, 255, 255); font-weight: 700; font-family: "Sharp Sans No2", Arial, sans-serif; margin-bottom: 1.875rem; } @media (min-width: 48rem) { .mobile-app-banner h2 { font-size: 3rem; line-height: 3.5rem; } } @media (min-width: 85.3125rem) { .mobile-app-banner h2 { font-size: 3.5rem; line-height: 3.5rem; } } .mobile-app-banner .action-btns { display: flex; justify-content: center; } .mobile-app-banner .cta { overflow: hidden; height: 2.8125rem; display: block; margin: 0px 0.25rem; } .mobile-app-banner .cta.apple { background-image: url("/img/applestorehd.24346360d1abb198ad9238fd7e5a67b7.png"); width: 8.4375rem; } .mobile-app-banner .cta.apple:hover { background-position-x: -8.4375rem; } .mobile-app-banner .cta.google { background-image: url("/img/googleplayhd.639f896add15c8f5997b6e612a151b87.png"); width: 9.5rem; } .mobile-app-banner .cta.google:hover { background-position-x: -9.5rem; } .video-module { position: relative; } .video-module, .video-module * { box-sizing: border-box; } .video-module__thumbnail-image { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; object-position: center center; object-fit: cover; font-family: "object-fit:cover;object-position:center", "object-fit: cover; object-position: center;", sans-serif; height: 100%; min-height: 100%; } .video-module__modal-trigger, .video-module__modal-trigger:active, .video-module__modal-trigger:focus, .video-module__modal-trigger:hover { text-decoration: none; } .video-module__modal-trigger:active .video-module__play-icon, .video-module__modal-trigger:focus .video-module__play-icon, .video-module__modal-trigger:hover .video-module__play-icon { background: rgba(255, 255, 255, 0.4); animation: 0.5s ease 0s 1 normal none running leftRight; } @-webkit-keyframes leftRight { 50% { transform: translateX(5px); } 100% { transform: translateX(0px); } } @keyframes leftRight { 50% { transform: translateX(5px); } 100% { transform: translateX(0px); } } .video-module__content-overlay { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; z-index: 3; padding: 1rem; } @media (min-width: 40rem) { .video-module__content-overlay { padding: 3rem; } } @media (min-width: 64rem) { .video-module__content-overlay { padding: 3rem 4.1875rem; } } @media (min-width: 85.3125rem) { .video-module__content-overlay { padding: 5.5rem 7rem; } } .video-module__play-icon { width: 3rem; height: 3rem; border-radius: 50%; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; align-self: flex-start; transition: background 0.5s ease 0s; } .video-module__play-icon svg { width: 35%; margin-left: 5px; } @media (min-width: 40rem) { .video-module__play-icon { width: 5rem; height: 5rem; } } @media (min-width: 85.3125rem) { .video-module__play-icon { width: 7.5rem; height: 7.5rem; } } @media (min-width: 120rem) { .video-module__play-icon { width: 9rem; height: 9rem; } } .video-module__title-container { align-self: stretch; display: flex; } .video-module__title { color: rgb(255, 255, 255); margin-bottom: 0px; font-weight: 800; font-size: 1.5rem; line-height: 1.75rem; flex: 1 1 auto; padding-right: 1rem; } @media (min-width: 40rem) { .video-module__title { font-size: 3.5rem; line-height: 3.5rem; padding-right: 4rem; } } @media (min-width: 120rem) { .video-module__title { font-size: 5.625rem; line-height: 5.625rem; } } .video-module__duration { background: rgb(255, 255, 255); border-radius: 1.125rem; display: inline; color: rgb(0, 58, 93); font-family: Roboto, Arial, sans-serif; flex: 0 0 auto; align-self: flex-end; padding: 0px 0.75rem; font-size: 0.75rem; } @media (min-width: 40rem) { .video-module__duration { font-size: 0.875rem; padding: 0.25rem 1rem; } } .video-module__close-icon { padding: 0px; border: none; font: inherit; color: inherit; background-color: transparent; cursor: pointer; position: absolute; top: 1.5rem; right: 1.5rem; z-index: 99999; } .video-module__close-icon svg { width: 32px; height: 32px; } .video-module__modal .modal-container, .video-module__modal .modal-window, .video-module__modal .video-js, .video-module__modal .video-wrapper { height: 100%; } .video-module__modal .video-js { width: 100%; } @media (min-width: 85.3125rem) { .video-module__modal .modal-container, .video-module__modal .modal-window, .video-module__modal .video-wrapper { height: unset; } .video-module__modal .video-js { height: 100vh; } } .card-list__item .ao-media-mosaic-banner__secondary-items-container, .card-list__item .video-container { height: 100%; } .card-list__item .video-module { width: 100%; min-height: 11.5rem; } .radio-podcast-wrapper { display: flex; flex-flow: row; margin: 1.5rem 0px 0px; } @media only screen and (min-width: 48rem) { .radio-podcast-wrapper { margin: 2rem 0px 0px; } } @media only screen and (min-width: 85.3125rem) { .radio-podcast-wrapper { flex-direction: column; width: 25%; margin: 0px 0px 0px 1rem; } } .radio-podcast-wrapper a { text-decoration: none; display: flex; width: 50%; } .radio-podcast-wrapper a:focus, .radio-podcast-wrapper a:hover { text-decoration: none; } .radio-podcast-wrapper a:focus .ao-live-radio, .radio-podcast-wrapper a:hover .ao-live-radio { background-color: rgb(174, 174, 0); } .radio-podcast-wrapper a:focus .ao-podcast, .radio-podcast-wrapper a:hover .ao-podcast { background-color: rgb(0, 118, 170); } @media only screen and (min-width: 85.3125rem) { .radio-podcast-wrapper a { width: 100%; } } .radio-podcast-wrapper .ao-live-radio, .radio-podcast-wrapper .ao-podcast { border-radius: 0.375rem; padding: 1rem 1rem 5.3125rem; position: relative; min-height: 7.75rem; display: flex; flex-direction: column; box-sizing: border-box; width: 100%; } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .radio-podcast-wrapper .ao-live-radio, .radio-podcast-wrapper .ao-podcast { width: 100%; } } @media only screen and (max-width: 30rem) { .radio-podcast-wrapper .ao-live-radio, .radio-podcast-wrapper .ao-podcast { min-height: 11rem; } } @media only screen and (min-width: 40rem) { .radio-podcast-wrapper .ao-live-radio, .radio-podcast-wrapper .ao-podcast { padding: 1.5rem 8rem 1.25rem 1.5rem; } } @media only screen and (min-width: 48rem) { .radio-podcast-wrapper .ao-live-radio, .radio-podcast-wrapper .ao-podcast { padding-right: 8.4375rem; } } @media only screen and (min-width: 85.3125rem) { .radio-podcast-wrapper .ao-live-radio, .radio-podcast-wrapper .ao-podcast { padding: 1.5rem 1.5rem 1.25rem; } } @media only screen and (min-width: 105rem) { .radio-podcast-wrapper .ao-live-radio, .radio-podcast-wrapper .ao-podcast { padding: 1.5rem 8.75rem 1.25rem 1.5rem; } } .radio-podcast-wrapper .ao-live-radio h3, .radio-podcast-wrapper .ao-podcast h3 { font-size: 1.25rem; font-weight: 800; margin: 0px 0px 0.5rem; } @media only screen and (min-width: 48rem) { .radio-podcast-wrapper .ao-live-radio h3, .radio-podcast-wrapper .ao-podcast h3 { font-size: 1.5rem; margin: 0px 0px 0.5rem; } } .radio-podcast-wrapper .ao-live-radio p, .radio-podcast-wrapper .ao-podcast p { font-size: 0.75rem; font-weight: 600; line-height: 1.125rem; margin: 0px; font-family: Roboto, Arial, sans-serif; z-index: 1; } @media only screen and (min-width: 48rem) { .radio-podcast-wrapper .ao-live-radio p, .radio-podcast-wrapper .ao-podcast p { font-size: 1rem; line-height: 1.5rem; font-family: "Sharp Sans No2", Arial, sans-serif; } } .radio-podcast-wrapper .ao-live-radio::after, .radio-podcast-wrapper .ao-podcast::after { position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-color: transparent; } @media only screen and (min-width: 85.3125rem) { .radio-podcast-wrapper .ao-live-radio::after, .radio-podcast-wrapper .ao-podcast::after { display: none; } } @media only screen and (min-width: 105rem) { .radio-podcast-wrapper .ao-live-radio::after, .radio-podcast-wrapper .ao-podcast::after { display: block; } } .radio-podcast-wrapper .ao-live-radio { background-color: rgb(215, 215, 0); margin: 0px 0.5rem 0px 0px; } @media only screen and (min-width: 48rem) { .radio-podcast-wrapper .ao-live-radio { margin: 0px 1rem 0px 0px; padding-right: 5.3125rem; } } @media only screen and (min-width: 85.3125rem) { .radio-podcast-wrapper .ao-live-radio { margin: 0px 0px 1rem; padding-right: 1.5rem; } } @media only screen and (min-width: 105rem) { .radio-podcast-wrapper .ao-live-radio { padding-right: 5.625rem; } } .radio-podcast-wrapper .ao-live-radio h3, .radio-podcast-wrapper .ao-live-radio p { color: rgb(0, 58, 93); } .radio-podcast-wrapper .ao-live-radio::after { background-image: url("/img/ao-live-radio.1fd2fde20e11fdbc80ad91dded7f0655.svg"); background-position: right 16px bottom -5px; background-size: 44px; } @media only screen and (min-width: 40rem) { .radio-podcast-wrapper .ao-live-radio::after { background-position: right 26px bottom -5px; } } .radio-podcast-wrapper .ao-podcast { background-color: rgb(0, 145, 210); margin: 0px 0px 0px 0.5rem; } @media only screen and (min-width: 48rem) { .radio-podcast-wrapper .ao-podcast { margin: 0px 0px 0px 1rem; } } @media only screen and (min-width: 85.3125rem) { .radio-podcast-wrapper .ao-podcast { margin: 0px; } } .radio-podcast-wrapper .ao-podcast h3, .radio-podcast-wrapper .ao-podcast p { color: rgb(255, 255, 255); } .radio-podcast-wrapper .ao-podcast::after { background-image: url("/img/ao-podcast.abe9daf14a6a20a66f4c487961fc4668.svg"); background-position: right 16px bottom -55px; background-size: 93.1px; } @media only screen and (min-width: 40rem) { .radio-podcast-wrapper .ao-podcast::after { background-position: right 19px bottom -55px; background-size: 104px; } } .radio-podcast-wrapper.radio-podcast-component { padding: 3.5rem 1rem; margin: 0px; width: auto; flex-flow: row; } @media (min-width: 40rem) { .radio-podcast-wrapper.radio-podcast-component { padding: 5rem 2rem; } } @media (min-width: 64rem) { .radio-podcast-wrapper.radio-podcast-component { padding: 5rem 4.1875rem; } } @media (min-width: 85.3125rem) { .radio-podcast-wrapper.radio-podcast-component { max-width: 61.875rem; margin: 0px auto; } } @media (min-width: 120rem) { .radio-podcast-wrapper.radio-podcast-component { max-width: 51.125rem; } } .radio-podcast-wrapper.radio-podcast-component .ao-live-radio, .radio-podcast-wrapper.radio-podcast-component .ao-podcast { height: 100%; } @media only screen and (min-width: 85.3125rem) { .radio-podcast-wrapper.radio-podcast-component .ao-live-radio, .radio-podcast-wrapper.radio-podcast-component .ao-podcast { padding-right: 9.375rem; } } @media only screen and (min-width: 85.3125rem) { .radio-podcast-wrapper.radio-podcast-component .ao-live-radio::after, .radio-podcast-wrapper.radio-podcast-component .ao-podcast::after { display: block; } } @media only screen and (min-width: 85.3125rem) { .radio-podcast-wrapper.radio-podcast-component .ao-live-radio { margin-right: 1rem; } } @media only screen and (min-width: 85.3125rem) { .radio-podcast-wrapper.radio-podcast-component .ao-podcast { margin-left: 1rem; } } /* NOVAS CLASSSES */ .group-row { display: flex; height: 3.3125rem; box-sizing: border-box; align-items: stretch; background-color: rgb(255, 255, 255); justify-content: space-between; padding-right: 0.5rem; border-bottom: 1px solid rgb(230, 230, 230); } .group-row p { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); } .group-row--highlighted { background-color: rgb(235, 246, 251); } .group-row--no-team p { color: grey; } .group-row__team-wrapper { margin-right: 1rem; overflow-x: scroll; } .group-row__team-wrapper::-webkit-scrollbar { display: none; } .group-row__team-wrapper p { margin: 0px 0px 0px 0.375rem; font-weight: 500; font-size: 0.875rem; line-height: 1.5rem; } .group-row__team-wrapper span { font-weight: 500; text-transform: uppercase; color: grey; } .group-row__team-wrapper--doubles p, .group-row__team-wrapper span { font-size: 0.875rem; line-height: 1rem; } .group-row__team-wrapper--classified p { font-weight: 700; } .group-row__team { padding: 0px 1rem 0px 0.75rem; font-weight: 500; white-space: nowrap; display: flex; align-items: center; height: 100%; justify-content: flex-start; transition: opacity 0.2s ease 0s; text-decoration: none; } .group-row__team--doubles { height: 50%; box-sizing: border-box; } .group-row__team--doubles:first-child { padding-bottom: 0.125rem; align-items: flex-end; } .group-row__team--doubles:first-child > span { margin-bottom: 0.125rem; } .group-row__team--doubles:last-child { padding-top: 0.125rem; align-items: flex-start; } .group-row__team--doubles:last-child > span { margin-top: 0.125rem; } .group-row__team:focus-visible { outline: none !important; box-shadow: none !important; } .group-row__team:hover { opacity: 0.5; text-decoration: none; } @media (min-width: 64rem) { .group-row__team:hover { opacity: 1; text-decoration: underline; } } .group-row__score-wrapper { display: flex; align-items: center; justify-content: flex-end; } .group-row__score-badge { line-height: 0; color: #008fd2; font-size: 10pt; } .group-row__score-point { width: 2.25rem; height: 2.25rem; border-radius: 4px; background-color: rgb(242, 242, 242); display: flex; align-items: center; justify-content: center; } .group-row__score-point p { margin: 0px; font-size: 0.875rem; line-height: 1.5rem; } .group-row__tick { width: 0.875rem; height: 0.625rem; margin-right: 0.4375rem; } .group-row__tick--has-score { margin-right: 0.1875rem; } .group-row__ball { width: 0.75rem; height: 0.75rem; margin-right: 0.125rem; } .group-row__tag-pill { margin: 0px 0.25rem; } .group-row__score-game { font-weight: 500; position: relative; margin: 0px; width: 100px; display: flex; justify-content: center; font-size: 0.875rem; line-height: 1.5rem; } .group-row__score-game--title { font-weight: 700 !important; font-size: 0.75rem; } .group-row__score-game--classified { font-weight: 700 !important; } .group-row__balance { position: absolute; right: 18px; top: -2px; letter-spacing: -0.1em; font-size: 0.625rem; line-height: 0.75rem; font-weight: normal; } .group-row__score-game-wrapper { display: flex; align-items: center; justify-content: flex-end; margin-right: 0.25rem; } .group-row__score-game-wrapper--live { margin-right: 0.125rem; } .player-row__winners { font-size: 9pt !important; } .player-card-2018 { color: #222; display: block; font-family: Sharp Sans No2,Arial,sans-serif; line-height: 1; padding: .875rem .9375rem; text-decoration: none } .player-card-2018:hover { color: #222 } .player-card-2018__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .player-card-2018__title { color: #222; font-size: .8125rem; font-weight: 700; margin-bottom: 0 } .player-card-2018 .player-country-flag { margin-right: .625rem } @media(min-width: 48rem) { .player-list__header { display: -ms-flexbox; display: flex; margin: 0 -1.125rem } } .player-list__heading { padding-bottom: 1.875rem } @media(min-width: 48rem) { .player-list__heading { margin: 0 1.125rem; width: 50% } } .player-list__heading:last-child { display: none } @media(min-width: 48rem) { .player-list__heading:last-child { display: block } } .player-list__list { margin: 0 0 1.875rem; padding: 0 } .player-list__list-item { border-radius: .3125rem; display: block; margin: 0; padding: 0 } .player-list__list-item:nth-child(odd) { background-color: #f8f8f8 } .player-list__list-item:last-child { margin-bottom: 0 } .player-list__group { margin-bottom: .625rem } @media(min-width: 85.3125rem) { .player-list__group { margin-bottom: 1.875rem } } @media(min-width: 48rem) { .player-list__group-inner--two-column { display: -ms-flexbox; display: flex; margin: 0 -1.125rem } } @media(min-width: 48rem) { .player-list__column--two-column { margin: 0 1.125rem; width: 50% } } .player-list__column--two-column:last-child { display: none } @media(min-width: 48rem) { .player-list__column--two-column:last-child { display: block } } .player-list__group-heading { font-size: 1.0625rem; margin-bottom: .625rem; padding-top: .75rem; position: relative; text-transform: uppercase } @media(min-width: 48rem) { .player-list__group-heading { padding-top: 0 } } .player-card-visual { border-radius: .375rem; color: #222; display: block; font-family: Sharp Sans No2,Arial,sans-serif; padding: .5rem .5rem .5rem 1.875rem; position: relative; text-decoration: none; -webkit-transition: all .15s ease; transition: all .15s ease } @media(min-width: 48rem) { .player-card-visual { border: .1875rem solid #eee; padding: .625rem .75rem .75rem 1.875rem } } .player-card-visual__rank { color: #666; font-size: .8125rem; font-weight: 700; left: 0; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1.875rem } .player-card-visual__inner { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end } .player-card-visual__avatar { -ms-flex: none; flex: none; height: 3.125rem; margin: 0 0 -.5rem; width: 3.125rem } @media(min-width: 48rem) { .player-card-visual__avatar { height: 4.25rem; margin-bottom: -.75rem; width: 4.25rem } } .player-card-visual__avatar img { width: 100% } .player-card-visual__title { font-size: 1.0625rem; line-height: 1; margin: 0 0 .5rem } @media(min-width: 48rem) { .player-card-visual__title { margin-bottom: 1rem } } .player-card-visual__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-size: .8125rem; font-weight: 500; -ms-flex-pack: justify; justify-content: space-between; line-height: 1; padding-left: .75rem } @media(min-width: 48rem) { .player-card-visual__content { min-height: 3.75rem } } .player-card-visual__country { display: inline-block; line-height: 1; vertical-align: middle } .player-card-visual .player-country-flag { margin-bottom: -.0625rem; margin-right: .3125rem } @media(min-width: 48rem) { .player-list-featured--two-column { display: -ms-flexbox; display: flex; margin: 0 -1.125rem } } @media(min-width: 48rem) { .player-list-featured__column--two-column { margin: 0 1.125rem; width: 50% } } .player-list-featured__list { margin: 0 0 1.875rem; padding: 0 } @media(min-width: 48rem) { .player-list-featured__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -.4375rem } } .player-list-featured__list-item { display: block; padding: 0; margin: 0 } .player-list-featured__list-item:last-child { margin-bottom: 0 } @media(min-width: 48rem) { .player-list-featured__list-item { margin-bottom: .625rem; padding: 0 .4375rem } } .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(2n) .player-list-featured__card { background-color: #f8f8f8 } @media(min-width: 48rem) { .player-list-featured__list-item:not(.player-list-featured__list-item--two-column) { width: 50% } .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(2n) .player-list-featured__card { background-color: transparent } .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+3):nth-child(-n+4) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+7):nth-child(-n+8) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+11):nth-child(-n+12) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+15):nth-child(-n+16) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+19):nth-child(-n+20) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+23):nth-child(-n+24) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+27):nth-child(-n+28) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+31):nth-child(-n+32) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+35):nth-child(-n+36) .player-list-featured__card { background-color: #f8f8f8 } } @media(min-width: 64rem) { .player-list-featured__list-item:not(.player-list-featured__list-item--two-column) { width: 33.3333% } .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+3):nth-child(-n+4) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+7):nth-child(-n+8) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+11):nth-child(-n+12) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+15):nth-child(-n+16) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+19):nth-child(-n+20) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+23):nth-child(-n+24) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+27):nth-child(-n+28) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+31):nth-child(-n+32) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+35):nth-child(-n+36) .player-list-featured__card { background-color: transparent } .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+4):nth-child(-n+6) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+10):nth-child(-n+12) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+16):nth-child(-n+18) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+22):nth-child(-n+24) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+28):nth-child(-n+30) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+34):nth-child(-n+36) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+40):nth-child(-n+42) .player-list-featured__card { background-color: #f8f8f8 } } @media(min-width: 85.3125rem) { .player-list-featured__list-item:not(.player-list-featured__list-item--two-column) { width: 25% } .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+4):nth-child(-n+6) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+10):nth-child(-n+12) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+16):nth-child(-n+18) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+22):nth-child(-n+24) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+28):nth-child(-n+30) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+34):nth-child(-n+36) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+40):nth-child(-n+42) .player-list-featured__card { background-color: transparent } .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+5):nth-child(-n+8) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+13):nth-child(-n+16) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+21):nth-child(-n+24) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+29):nth-child(-n+32) .player-list-featured__card, .player-list-featured__list-item:not(.player-list-featured__list-item--two-column):nth-child(n+37):nth-child(-n+40) .player-list-featured__card { background-color: #f8f8f8 } } .player-list-featured__list-item--two-column { width: 100% } .player-list-featured__list-item--two-column:nth-child(2n) .player-list-featured__card { background-color: #f8f8f8 } @media(min-width: 85.3125rem) { .player-list-featured__list-item--two-column { width: 50% } .player-list-featured__list-item--two-column:nth-child(2n) .player-list-featured__card { background-color: transparent } .player-list-featured__list-item--two-column:nth-child(n+3):nth-child(-n+4) .player-list-featured__card, .player-list-featured__list-item--two-column:nth-child(n+7):nth-child(-n+8) .player-list-featured__card, .player-list-featured__list-item--two-column:nth-child(n+11):nth-child(-n+12) .player-list-featured__card, .player-list-featured__list-item--two-column:nth-child(n+15):nth-child(-n+16) .player-list-featured__card, .player-list-featured__list-item--two-column:nth-child(n+19):nth-child(-n+20) .player-list-featured__card, .player-list-featured__list-item--two-column:nth-child(n+23):nth-child(-n+24) .player-list-featured__card, .player-list-featured__list-item--two-column:nth-child(n+27):nth-child(-n+28) .player-list-featured__card, .player-list-featured__list-item--two-column:nth-child(n+31):nth-child(-n+32) .player-list-featured__card, .player-list-featured__list-item--two-column:nth-child(n+35):nth-child(-n+36) .player-list-featured__card { background-color: #f8f8f8 } } .player-navigation { display: block; padding-right: 15px; position: -webkit-sticky; position: sticky } .player-navigation__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; margin: 0; padding: 0px; } @media(min-width: 67.5rem) { .player-navigation__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between } } .player-navigation__list-item { margin-left: 10px } @media(min-width: 67.5rem) { .player-navigation__list-item { margin-right: 0 } } .player-navigation__link { -ms-flex-align: center; align-items: center; background-color: transparent; border-radius: 50%; color: #666; display: -ms-flexbox; display: flex; -ms-flex: none; flex: none; font-family: Sharp Sans No2,Arial,sans-serif; font-size: 1.0625rem; font-weight: 700; height: 2rem; width: 2rem; -ms-flex-pack: center; justify-content: center; line-height: 1; text-decoration: none; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; background-color: rgb(242, 242, 242); } .player-navigation__link i { font-size: 9pt; } .player-navigation__link:not(.player-navigation__link--disabled):focus, .player-navigation__link:not(.player-navigation__link--disabled):hover { color: #fff; text-decoration: none; background-color: rgb(0, 115, 178); } .player-navigation__link--disabled { color: #666 !important; cursor: default; opacity: .3 } .player-navigation__link--disabled:hover { text-decoration: none } .player-listing * { -webkit-box-sizing: border-box; box-sizing: border-box } .player-listing__sticky-header { background: #fff; width: 100%; z-index: 100; height: 7.125rem; max-width: 1440px } @media(min-width: 48rem) { .player-listing__sticky-header { height: 8.125rem } } .player-listing .mask { max-width: 1440px } .player-listing .mask.-sticky { top: 4rem; z-index: 100; width: 100%; position: fixed } @media (-ms-high-contrast:active),(-ms-high-contrast:none) { .player-listing .mask.-sticky { -webkit-transform: translateZ(0); transform: translateZ(0) } } .player-listing__event-dropdown { display: none } @media(min-width: 48rem) { .player-listing__event-dropdown { display: block } } .player-listing__event-dropdown--mobile { display: block } @media(min-width: 48rem) { .player-listing__event-dropdown--mobile { display: none } } .player-listing__section { padding: 1.25rem 3.5% } @media(min-width: 48rem) { .player-listing__section { padding: 1.25rem 7% } } .player-listing__section--no-pad-top { padding-top: 0 } .player-listing__messages { padding: 1.875rem 0 } .button_grid { position: relative; text-decoration: none; background: none rgb(242, 242, 242); box-sizing: border-box; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; text-align: center; border: 0.125rem solid transparent; margin-top: 10px; align-items: center; justify-content: center; border-radius: 0.25rem; transition: background-color 0.1s ease 0s; padding: 0.375rem 0.5rem; color: rgb(102, 102, 102); font-size: 9pt; } .button_grid:active, .button_grid:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: rgb(230, 230, 230); } .height-auto { height: auto !important } .no-results { color: transparent !important; } .home-torneio { margin-top: 15px; } .home-torneio a { text-decoration: none; } .home-torneio a:hover { text-decoration: none; } .home-torneio .player-row { height: 4rem; } .home-torneio .score-row { width: 20%; } .home-torneio .descricao-torneio { padding-left: 3.5rem !important; top: 0.75rem !important; line-height: 1rem !important; } .icone-torneio { position: absolute; width: 2.5rem; height: 2.5rem; top: 0.75rem; left: 0.75rem; opacity: 0.9; background-color: rgb(0, 115, 178); border-radius: 50%; transition: all 0.5s ease 0s; } .icone-torneio .fa-solid { color: #fff !important; margin-left: 10px !important; margin-top: 10px !important; font-size: 13pt !important; } .icone-champeao { color: gold; font-size: 13pt; } .icone-vicechampeao { color: silver; } .icone-terceiro { color: rgb(205, 127, 50); } .menu-topo { padding: 5px 50px 0px 50px; } .form-content { display: flex; height: 3.3125rem; box-sizing: border-box; align-items: stretch; background-color: rgb(255, 255, 255); padding-right: 0.5rem; border-bottom: 1px solid rgb(230, 230, 230); width: 100%; } .form-row { display: flex; align-items: center; margin-left: 10px; width: 100%; } .form-row p { margin: 0px 0px 0px 0.375rem; font-weight: 500; font-size: 0.875rem; line-height: 1.5rem; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(51, 51, 51); } .form-input { border: 1px solid rgb(0, 115, 178); border-color: rgb(0, 115, 178, .5); width: 100%; height: 35px; font-size: 20pt; color: rgb(0, 115, 178); float: right; } .button-model-1 { color: rgb(255, 255, 255); background-color: rgb(0, 115, 178); border: 1px solid rgb(0, 115, 178); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; text-align: center; border-radius: 0.25rem; padding: 0.42rem 0.5rem; font-size: 9pt; } .button-model-1:hover { background-color: rgb(1, 155, 239); border-color: rgb(1, 155, 239); } .button-model-2 { color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); border: 1px solid rgb(234, 144, 47); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; text-align: center; border-radius: 0.25rem; padding: 0.42rem 0.5rem; font-size: 9pt; } .button-model-2:hover { background-color: rgb(255 184 107); border-color: rgb(255 184 107); } .modal-g { width: 800px !important; } .escalacao { border: 1px solid rgb(0, 115, 178); border-color: rgb(0, 115, 178, .5); width: 220px; height: 35px; font-size: 10pt !important; color: rgb(0, 115, 178); margin-right: 15px; font-weight: 400 } .width-600 { width: 600px !important; align-items: center !important; display: flex } .width-400 { width: 400px !important; } .width-300 { width: 300px !important; align-items: center !important; display: flex } .width-100 { width: 100px !important; align-items: center !important; display: flex } .width-100 p, .width-300 p, .width-600 p { margin: 0px 0px 0px 0.375rem; font-weight: 500; font-size: 0.875rem; line-height: 1.5rem; } .codigo-confronto { padding: 3px; width: 14px; background-color: rgb(0, 145, 210); border-radius: 14px; color: #fff; font-weight: 500; } .icone-grupo-fechado { padding: 3px; width: 25px; height: 25px; background-color: rgb(0, 145, 210); border-radius: 20px; color: #fff; } #loader { background-color: rgba(136, 136, 136, 0.5); position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2147483647; } #load { position: absolute; left: 50%; top: 50%; z-index: 1; width: 120px; height: 120px; margin: -76px 0 0 -76px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid rgb(0, 145, 210); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s } @-webkit-keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0px; opacity: 1 } } @keyframes animatebottom { from { bottom: -100px; opacity: 0 } to { bottom: 0; opacity: 1 } } .justify-content-flex-start { justify-content: flex-start } .justify-content-space-around { justify-content: space-around !important; } @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap"); .filter-bar::after, .filter-bar::before { content: ""; display: table; clear: both; } .filter-bar__wrapper { padding: 0px calc(3.5% - 0.125rem); border-bottom: 1px solid rgb(238, 238, 238); background-color: rgb(255, 255, 255); box-shadow: rgba(34, 34, 34, 0.12) 0px 5px 10px -6px; position: relative; } @media (min-width: 48rem) { .filter-bar__wrapper { display: flex; flex-direction: column; padding: 0px calc(7% - 0.8125rem); } } .filter-bar__content { display: block; width: 100%; max-width: 80rem; margin: 1.125rem auto; } @media (min-width: 48rem) { .filter-bar__content { display: flex; flex-direction: row; margin: 1rem auto; justify-content: space-between; } } .filter-bar__content--bottom { width: 100%; max-width: 80rem; margin: 1.125rem auto 0.5rem; } @media (min-width: 48rem) { .filter-bar__content--bottom { margin: 0.5rem auto; } } .filter-bar .filter-bar__section { position: relative; align-items: center; display: flex; flex-shrink: 1; } @media (min-width: 48rem) { .filter-bar .filter-bar__section { align-items: center; } } .filter-bar .filter-bar__section--left { flex-basis: auto; display: block; padding: 0px; width: 100%; margin: 1rem 0px; border-radius: 0.25rem; } .schedules .filter-bar .filter-bar__section--left { display: flex; } @media (min-width: 48rem) { .filter-bar .filter-bar__section--left { width: 17.1875rem; flex-basis: 70%; margin: 0px 1.25rem 0px 0px; } } @media (min-width: 64rem) { .filter-bar .filter-bar__section--left { flex-basis: 45%; } } @media (min-width: 85.3125rem) { .filter-bar .filter-bar__section--left { width: 17.875rem; flex-basis: 29%; padding: 0px; margin: 0px 0.4375rem 0px 0px; } } .filter-bar .filter-bar__section--right { flex-basis: 100%; justify-content: flex-end; } @media (min-width: 48rem) { .filter-bar .filter-bar__section--right { flex-basis: 100%; } } .filter-bar .filter-bar__section--center { flex-basis: 20%; } .filter-bar .filter-bar__section--center .filter-bar__item { margin: 0px; } @media (max-width: 30rem) { .filter-bar .filter-bar__section--wrap-mobile { flex-wrap: wrap; } } @media (max-width: 30rem) { .filter-bar .filter-bar__section--wrap-mobile .filter-bar__mobile-title-wrapper { flex: 0 0 auto; width: 100%; } } .filter-bar .filter-bar__section--bottom { display: block; } .filter-bar .filter-bar__section--bottom .filter-bar__item { display: block; margin: 0px; } .filter-bar .filter-bar__section--justify-space-between { justify-content: space-between; } .filter-bar__item { margin: 0px; display: flex; align-items: center; flex: 1 1 auto; white-space: nowrap; } @media (min-width: 48rem) { .filter-bar__item { flex: 0 0 auto; margin: 0px 2rem 0px 2.125rem; } .filter-bar__item:first-child, .filter-bar__item:last-child { margin: 0px; } } .filter-bar__item--is-desktop-large-only { display: none; } @media (min-width: 48rem) { .filter-bar__item--is-desktop-large-only { display: flex; } } .filter-bar__item--is-desktop-large-only .svg-icon--x-small { width: 0.875rem; height: 0.875rem; } .filter-bar__item--is-desktop-only { display: none; } @media (min-width: 64rem) { .filter-bar__item--is-desktop-only { display: flex; } } .filter-bar__item--is-desktop-only .svg-icon--x-small { width: 1.25rem; height: 1.125rem; } .filter-bar__item--is-schedule:first-child { margin: 0px 2rem 0px 2.125rem; } .filter-bar__mobile-title-wrapper { flex: 0 1 0%; white-space: nowrap; } @media (min-width: 768px) { .filter-bar__mobile-title-wrapper { display: none; } } .filter-bar__mobile-title { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1.0625rem; font-weight: 700; line-height: 1.875rem; color: rgb(34, 34, 34); margin: 0px; } .filter-bar__mobile-title--is-small { font-size: 0.9375rem; } @media (min-width: 48rem) { .filter-bar__mobile-title--is-small { font-size: 1.0625rem; } } @media (max-width: 47.9375rem) { .filter-bar__content--center-slot-to-right-mobile { display: flex; flex-wrap: wrap; margin: 0px 0px 1rem; } .filter-bar__content--center-slot-to-right-mobile .filter-bar__section--center { justify-content: flex-end; margin-bottom: 0px; } .filter-bar__content--center-slot-to-right-mobile .filter-bar__section--center .filter-bar__item { flex: 0 0 auto; } } @media print { .filter-bar { display: none; } } .expandable-section { box-sizing: border-box; position: relative; width: 100%; } .expandable-section__mobile-header { box-sizing: border-box; cursor: pointer; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.8125rem; height: 3.75rem; line-height: 1; margin-bottom: 0px; padding-top: 1.25rem; text-align: center; text-transform: uppercase; } @media (min-width: 48rem) { .expandable-section__mobile-header { display: none; } } .expandable-section__animated-container { overflow: hidden; box-sizing: border-box; position: relative; width: 100%; border-radius: 0.3125rem; background-color: rgb(232, 232, 232); will-change: height; transition: height 0.4s ease 0s; max-width: 80rem; margin: auto; } .expandable-section__fade-gradient { background: linear-gradient(0deg, rgb(232, 232, 232) 20%, rgba(232, 232, 232, 0)); position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 2.0625rem; pointer-events: none; will-change: opacity; transition: opacity 0.4s ease 0s; } .expandable-section--is-expanded .expandable-section__fade-gradient { opacity: 0; } .expandable-section__expand-button { width: 1.5rem; height: 1.5rem; background: rgb(102, 102, 102); border: 0px; border-radius: 50%; padding: 0px; position: absolute; left: 50%; bottom: 0px; margin-left: -0.75rem; margin-bottom: -0.75rem; will-change: transform; transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: flex; justify-content: center; align-items: center; } .expandable-section__expand-button-icon { width: 0.875rem; height: 0.875rem; margin-bottom: -0.125rem; } .expandable-section__wrapper--padded-on-mobile { padding: 0px 1.25rem; } @media (min-width: 48rem) { .expandable-section__wrapper--padded-on-mobile { padding: 0px; } } .expandable-section--is-expanded .expandable-section__expand-button { transform: rotate(180deg); } .tabs-2018 { max-width: 80rem; margin: auto; } .tabs-2018__header-items { display: flex; flex-direction: row; border-style: solid; border-color: rgb(230, 230, 230); border-image: initial; border-width: 0px 0px 0.0625rem; padding: 0px; margin: 0px; } .tabs-2018__header-items li:not(:first-child) { margin-left: 1.25rem; } .tabs-2018__tab-button { height: 2.8125rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1.0625rem; font-weight: 700; line-height: 1.41em; color: rgb(34, 34, 34); position: relative; background: none; border: 0px; padding: 0.4375rem 0px 0.1875rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .tabs-2018__tab-button--is-active::after { width: 100%; height: 0.1875rem; content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; } .day-selector__mobile { overflow: auto hidden; margin: 0px; box-sizing: border-box; padding: 0.9375rem 0px; display: flex; flex-direction: row; } @media (min-width: 54.375rem) { .day-selector__mobile { display: none; } } .day-selector__days-list-mobile { flex: 1 0 auto; } .day-selector__day-list-mobile-padding { width: 3.5vw; flex: 0 0 3.5vw; height: 1px; } @media (min-width: 48rem) { .day-selector__day-list-mobile-padding { flex-basis: 7vw; width: 7vw; } } .browser-ios.version-7 .day-selector__day-list-mobile-padding, .browser-ios.version-8 .day-selector__day-list-mobile-padding, .browser-ios.version-9 .day-selector__day-list-mobile-padding { width: 1.875rem; flex-basis: 1.875rem; } @media (min-width: 48rem) { .browser-ios.version-7 .day-selector__day-list-mobile-padding, .browser-ios.version-8 .day-selector__day-list-mobile-padding, .browser-ios.version-9 .day-selector__day-list-mobile-padding { flex-basis: 4.6875rem; width: 4.6875rem; } } .day-selector__desktop { display: none; } @media (min-width: 54.375rem) { .day-selector__desktop { display: block; padding: 0px 7%; } } .day-selector__desktop-tab-content { display: flex; flex-direction: row; align-items: center; padding: 0.9375rem 0px; } .day-selector__days-heading { display: none; } @media (min-width: 67.5rem) { .day-selector__days-heading { display: block; height: 3.375rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1.0625rem; font-weight: 700; color: rgb(102, 102, 102); margin: 1.125rem 0.9375rem 0px 0px; line-height: 3.1875rem; } } .days-list { display: flex; flex-direction: row; padding: 0px; margin: 0px -0.625rem; } .days-list > li { flex: 0 0 auto; margin: 0px 0.625rem; } .days-list--is-space-between { flex: 1 1 auto; justify-content: space-between; margin: 0px -0.125rem; } .days-list--is-space-between > li { margin: 0px 0.125rem; } .days-list__item-link { text-decoration: none; display: flex; align-items: center; flex-direction: column; background: none; padding: 0px; border: 0px; } .days-list__item-link:active, .days-list__item-link:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .days-list__date { font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; font-weight: 700; text-align: center; color: rgb(102, 102, 102); text-transform: uppercase; line-height: 1em; height: 0.875rem; } @media (min-width: 64.6875rem) { .days-list__date { height: 1.125rem; } } .days-list__item-link--disabled .days-list__date { color: rgb(216, 216, 216); } .days-list__blank, .days-list__day-no { width: 2.5rem; height: 2.5rem; box-sizing: content-box; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.8125rem; font-weight: 700; line-height: 2.375rem; text-align: center; color: rgb(34, 34, 34); border-radius: 50%; border: 0.0625rem solid transparent; margin: 0.0625rem; } @media (min-width: 64.6875rem) { .days-list__blank, .days-list__day-no { width: 3.125rem; height: 3.125rem; font-size: 1.5rem; line-height: 2.9375rem; } } .days-list__item-link--available .days-list__blank, .days-list__item-link--available .days-list__day-no { background-color: rgb(242, 242, 242); border: 0.0625rem solid rgb(238, 238, 238); } .days-list__item-link--active .days-list__blank, .days-list__item-link--active .days-list__day-no { background-color: rgb(255, 255, 255); border: 0.125rem solid rgb(0, 58, 93); } .days-list__item-link--past .days-list__blank, .days-list__item-link--past .days-list__day-no { background-color: rgb(255, 255, 255); } .days-list__item-link--unavailable .days-list__blank, .days-list__item-link--unavailable .days-list__day-no { color: rgb(102, 102, 102); border: 0.0625rem solid rgb(216, 216, 216); } .days-list__item-link--disabled .days-list__blank, .days-list__item-link--disabled .days-list__day-no { color: rgb(216, 216, 216); border: 0.0625rem solid transparent; } .days-list__item-link--selected .days-list__blank, .days-list__item-link--selected .days-list__day-no { color: rgb(34, 34, 34); background-color: rgb(215, 215, 0); } .days-list__item-link--selected:not(.days-list__item-link--active) .days-list__blank, .days-list__item-link--selected:not(.days-list__item-link--active) .days-list__day-no { border: 0.125rem solid transparent; margin: 0px; } .days-list__day-no-text { margin-top: 0.09375rem; } .day-selector-container-2018 { background-color: rgb(244, 244, 244); min-height: 5.625rem; } @media (min-width: 64.6875rem) { .day-selector-container-2018 { min-height: 6.5rem; } } .gdpr-popup { bottom: 0px; position: fixed; right: 0px; transition: all 0.33s ease 0s; z-index: 1000; } @media (min-width: 48rem) { .gdpr-popup { bottom: 1.875rem; right: 1.25rem; } } .gdpr-popup__message { background-color: rgba(0, 58, 93, 0.9); box-sizing: border-box; color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; max-width: 26.25rem; padding: 1.25rem; text-align: center; line-height: 1.3; } @media (min-width: 48rem) { .gdpr-popup__message { padding: 1.25rem 1.25rem 1.875rem; } } .gdpr-popup__message p { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.875rem; margin-bottom: 1.25rem; } @media (min-width: 48rem) { .gdpr-popup__message p { font-size: 0.9375rem; } } .gdpr-popup__message p a { color: inherit; font-size: inherit; } .gdpr-popup .btn { border: none; box-shadow: transparent 0px 0px 0px 1px; box-sizing: border-box; min-width: 10.625rem; outline: none; } .gdpr-popup .btn:focus, .gdpr-popup .btn:hover { box-shadow: rgb(221, 221, 221) 0px 0px 0px 1px; } .gdpr-popup--hidden { opacity: 0; transform: translateY(10px); visibility: hidden; } .sidebar-sticky-ad { height: 100%; } .sidebar-sticky-ad__inner.js-is-stuck { top: auto; } @media (min-width: 85.3125rem) { .sidebar-sticky-ad__inner { position: sticky; margin-top: -1.25rem; } } .sticky-anchor-wrapper { height: 56px; } .anchor.-sticky { position: fixed; left: 0px; top: 3.9375rem; width: 100%; z-index: 9999; } .component-tabs-nav.anchor-tabs-nav { position: relative; border-bottom: 0px; } .component-tabs-nav.anchor-tabs-nav .hover-line { position: absolute; bottom: 0px; left: 0px; width: 36px; height: 3px; opacity: 0; transition: all 0.3s ease 0s; z-index: 1; } .component-tabs-nav.anchor-tabs-nav.component-tabs-nav--scrollable-on-mobile .scrolling-mask { overflow-x: auto; position: relative; } .component-tabs-nav.anchor-tabs-nav.component-tabs-nav--scrollable-on-mobile .scrolling-mask::-webkit-scrollbar { display: none; } .component-tabs-nav.anchor-tabs-nav.component-tabs-nav--scrollable-on-mobile ul { } .component-tabs-nav.anchor-tabs-nav ul.wrapper { height: 3.5rem; margin-right: 2rem; border-bottom: none; } .component-tabs-nav.anchor-tabs-nav ul.wrapper::-webkit-scrollbar { display: none; } .component-tabs-nav.anchor-tabs-nav ul.wrapper li { transform-style: preserve-3d; } @media (min-width: 768px) { .component-tabs-nav.anchor-tabs-nav ul.wrapper li { max-width: 100%; } } .component-tabs-nav.anchor-tabs-nav ul.wrapper li a.tab-nav { font-size: 0.875rem; letter-spacing: 0.2px; line-height: 0.9375rem; min-width: 40vw; border-width: 3px; backface-visibility: hidden; } @media (max-width: 30rem) { .component-tabs-nav.anchor-tabs-nav ul.wrapper li a.tab-nav { padding: 0px; } } @media (min-width: 48rem) { .component-tabs-nav.anchor-tabs-nav ul.wrapper li a.tab-nav { font-size: 1rem; padding: 0px; min-width: 22.2222vw; } } @media (min-width: 85.3125rem) { .component-tabs-nav.anchor-tabs-nav ul.wrapper li a.tab-nav { font-size: 1.1875rem; padding: 0px 1.875rem; min-width: 16.3934vw; } } .component-tabs-nav.anchor-tabs-nav ul.wrapper li a.is-active { border-bottom: 3px solid; } @media (min-width: 48rem) { .component-tabs-nav.anchor-tabs-nav ul.wrapper { margin: 0px 1rem; justify-content: flex-start; } } @media (min-width: 64rem) { .component-tabs-nav.anchor-tabs-nav ul.wrapper { padding-left: 0px; margin: 0px; } } @media (min-width: 85.3125rem) { .component-tabs-nav.anchor-tabs-nav ul.wrapper { max-width: 100%; } } .component-tabs-nav.anchor-tabs-nav:not([data-draggable]) ul.wrapper li a.tab-nav:hover { text-decoration: none; } .component-tabs-nav.anchor-tabs-nav button { appearance: none; background: transparent; padding: 0px 1rem; border: 0px; position: absolute; top: 0px; bottom: 0px; } @media (min-width: 48rem) { .component-tabs-nav.anchor-tabs-nav button { padding: 0px 2rem; } } .component-tabs-nav.anchor-tabs-nav button:focus { outline: 0px; } .component-tabs-nav.anchor-tabs-nav button.hidden { visibility: hidden; } .component-tabs-nav.anchor-tabs-nav button:hover { cursor: pointer; } .component-tabs-nav.anchor-tabs-nav button.btn-tab-nav-left { left: 0px; } @media (min-width: 48rem) { [data-overflowing="both"] ~ .component-tabs-nav.anchor-tabs-nav button.btn-tab-nav-left, [data-overflowing="left"] ~ .component-tabs-nav.anchor-tabs-nav button.btn-tab-nav-left { opacity: 1; } } .component-tabs-nav.anchor-tabs-nav button.btn-tab-nav-right { right: 0px; } @media (min-width: 48rem) { [data-overflowing="both"] ~ .component-tabs-nav.anchor-tabs-nav button.btn-tab-nav-right, [data-overflowing="right"] ~ .component-tabs-nav.anchor-tabs-nav button.btn-tab-nav-right { opacity: 1; } } .component-tabs-nav.anchor-tabs-nav button svg { width: 0.3125rem; height: 0.625rem; } @media (min-width: 48rem) { .component-tabs-nav.anchor-tabs-nav button svg { width: 0.375rem; height: 0.75rem; } } @media (min-width: 768px) { .component-tabs-nav.anchor-tabs-nav { padding: 0px; } } @media (min-width: 1365px) { .component-tabs-nav.anchor-tabs-nav { padding: 0px 6.25rem; } } .anchor-header { align-items: center; display: flex; flex-direction: row; height: 4rem; transition: opacity 0.18s ease-in-out 0s; position: fixed; width: 100%; opacity: 0; top: 0px; padding-left: 0.9375rem; padding-right: 0.625rem; box-sizing: border-box; z-index: 1; } @media (min-width: 64rem) { .anchor-header { padding-left: 3.5%; padding-right: 3.5%; } } .anchor-header::before { position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%; background: linear-gradient(130deg, rgba(255, 255, 255, 0.15), transparent); } .anchor-header .flex-basis { flex: 1 0 4rem; } @media (min-width: 48rem) { .anchor-header .flex-basis { flex: 2 0 4rem; } } @media (min-width: 85.3125rem) { .anchor-header .flex-basis { flex: 1 0 4rem; } } .anchor-header .flex-basis.-for-grid { height: 1px; } .anchor-header a { display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; } .anchor-header .logo-wrapper { height: 1.375rem; margin-bottom: 0.125rem; } @media (min-width: 48rem) { .anchor-header .logo-wrapper { height: 2rem; margin-bottom: 0.25rem; } } @media (min-width: 85.3125rem) { .anchor-header .logo-wrapper { height: 2.5rem; } } .anchor-header .logo-wrapper img, .anchor-header .logo-wrapper svg { height: 100%; width: 100%; fill: rgb(0, 145, 210); } .anchor-header .tournament-date { line-height: 1; font-size: 0.5rem; } .anchor-header .header-date { text-transform: uppercase; font-weight: 600; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.5rem; color: rgb(0, 145, 210); white-space: nowrap; } @media (min-width: 48rem) { .anchor-header .header-date { font-size: 0.625rem; } } .anchor-header .anchor-title { font-size: 1.25rem; line-height: 1.25rem; letter-spacing: 0.02em; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 800; flex: 2 1 auto; text-align: center; z-index: 1; position: relative; } @media (min-width: 64rem) { .anchor-header .anchor-title { font-size: 1.5rem; } } @media (min-width: 85.3125rem) { .anchor-header .anchor-title { margin-right: 6.25rem; } } .sectionBlock { height: 34.0625rem; background: grey; } .sectionBlock.dos { background: rgb(247, 152, 29); } .sectionBlock.tres { background: rgb(0, 145, 210); } .sectionBlock.cuatro { background: rgb(255, 222, 20); } .anchor-touched .anchor-header { position: fixed; opacity: 1; top: 0px; z-index: 9999; } .player-flag-2020 { width: 2rem; height: 2rem; position: relative; display: inline-block; border-radius: 50%; overflow: hidden; } @media (min-width: 120rem) { .player-flag-2020 { border-radius: 0px; overflow: hidden; } } .player-flag-2020 .pl-flag { overflow: hidden; width: 0.75rem; height: 0.75rem; display: inline-block; background-position: 50% center; border-radius: 0px; position: absolute; bottom: 0px; right: 0px; } @media (min-width: 120rem) { .player-flag-2020 .pl-flag { border-radius: 50%; } } .player-flag-2020 .player-image { display: inline-block; width: 2rem; height: 2rem; background-size: 2rem 2rem; border-radius: 50%; } .flag-only, .flag-only .pl-flag { width: 1rem; height: 1rem; } .flag-only .pl-flag { position: relative; right: 0px; bottom: 0px; } .flag-only .player-image { display: none; } .flag-only.small-flag-only { margin-bottom: 0.0625rem; width: 0.75rem; height: 0.75rem; } @media (min-width: 120rem) { .flag-only.small-flag-only { width: 1rem; height: 1rem; margin-bottom: 0.1875rem; } } .flagSprite { background-image: url("/flag-sprites/sprites.8e65ed082c5d78aee0453ea52555b379.png"); background-repeat: no-repeat; background-size: 1.25rem; } .flagSprite.big-flag { background-size: 1.66688rem; } .flagSprite.small-flag { background-size: 1.25rem; width: 0.75rem; height: 0.75rem; } @media (min-width: 120rem) { .flagSprite.small-flag { width: 1rem; height: 1rem; margin-bottom: 0.1875rem; background-size: 1.66688rem; } } @font-face { font-family: "Sharp Sans No2"; src: url("/fonts/SharpSansDispNo2-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Sharp Sans No2"; src: url("/fonts/SharpSansDispNo2-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: "Sharp Sans No2"; src: url("/fonts/SharpSansDispNo2-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "Sharp Sans No2"; src: url("/fonts/SharpSansNo2-Extrabold.woff") format("woff"); font-weight: 800; font-style: normal; } @font-face { font-family: "Sharp Sans No2"; src: url("/fonts/SharpSansNo2-Extrabold.woff") format("woff"); font-weight: 900; font-style: normal; } @font-face { font-family: "Source Sans"; src: url("/fonts/SourceSansPro-Regular.woff2") format("woff2"), url("/fonts/SourceSansPro-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Source Sans"; src: url("/fonts/SourceSansPro-Bold.woff2") format("woff2"), url("/fonts/SourceSansPro-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: Roboto; src: url("/fonts/Roboto-Regular.woff2") format("woff2"), url("/fonts/Roboto-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Roboto Medium"; src: url("/fonts/Roboto-Medium.woff2") format("woff2"), url("/fonts/Roboto-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } .default { font-size: 1em; line-height: 0.75em; } .alpha, .default, h1 { position: relative; margin: 0px 0px 32px; } .alpha, h1 { font-size: 1.875em; line-height: 1.2em; } .bravo, h2 { font-size: 1.4375em; line-height: 1.3913em; position: relative; margin: 0px 0px 32px; } .charlie, .delta, h3, h4 { font-size: 1.0625em; line-height: 1.41176em; position: relative; margin: 0px 0px 24px; } .echo, h5 { margin: 0px 0px 24px; } .echo, .foxtrot, h5, p { font-size: 0.875em; line-height: 1.71429em; position: relative; } .foxtrot, p { margin: 0px 0px 16px; } .golf { font-size: 0.75em; line-height: 2em; position: relative; margin: 0px 0px 32px; } body { font-family: "Source Sans", Arial, sans-serif; -webkit-font-smoothing: antialiased; color: rgb(0, 0, 0); } h1, h2, h3, h4, h5, h6 { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; color: rgb(34, 34, 34); text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 0.75em; line-height: 0.333333em; position: relative; margin: 0px 0px 12px; } h5 { text-transform: uppercase; } p { font-family: "Source Sans", Arial, sans-serif; color: rgb(102, 102, 102); } p.-lead { font-size: 1.125em; line-height: 0.777778em; color: rgb(0, 0, 0); } p.-lead, p.-small { position: relative; margin: 0px 0px 12px; } p.-small { font-size: 0.75em; line-height: 1.66667em; color: rgb(34, 34, 34); } .disclaimer { font-size: 0.6875rem; line-height: 1.4em; color: rgb(102, 102, 102); margin-bottom: 1.25rem; } .a, .icon-button, a { background: transparent; border: none; display: inline; cursor: pointer; font-size: 0.875em; line-height: 1.71429em; color: rgb(0, 145, 210); outline: none; } .a::before, .icon-button::before, a::before { transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .-primary.icon-button, .a.-primary, a.-primary { letter-spacing: 0.4px; font-weight: 700; } .-is-focus.icon-button, .-is-hover.icon-button, .a.-is-focus, .a.-is-hover, .a:active, .a:focus, .a:hover, .icon-button:active, .icon-button:focus, .icon-button:hover, a.-is-focus, a.-is-hover, a:active, a:focus, a:hover { color: rgb(0, 58, 93); text-decoration: underline; } .-is-focus.modal-icon.icon-button, .-is-focus.popover-icon.icon-button, .-is-focus.ui-btn.icon-button, .-is-focus.ui-carousel-nav.icon-button, .a.-is-focus.modal-icon, .a.-is-focus.popover-icon, .a.-is-focus.ui-btn, .a.-is-focus.ui-carousel-nav, .a:focus.modal-icon, .a:focus.popover-icon, .a:focus.ui-btn, .a:focus.ui-carousel-nav, .icon-button:focus.modal-icon, .icon-button:focus.popover-icon, .icon-button:focus.ui-btn, .icon-button:focus.ui-carousel-nav, a.-is-focus.modal-icon, a.-is-focus.popover-icon, a.-is-focus.ui-btn, a.-is-focus.ui-carousel-nav, a:focus.modal-icon, a:focus.popover-icon, a:focus.ui-btn, a:focus.ui-carousel-nav { outline: none; } .-is-visited.icon-button, .a.-is-visited, a.-is-visited { color: rgb(0, 58, 93); } ol.unstyled, ul.unstyled { margin: 0px; padding: 0px; list-style: none; } ol, ul { margin: 0px 0px 0.5em; padding-left: 1rem; box-sizing: border-box; } ol li, ul li { font-family: "Sharp Sans No2", Arial, sans-serif; } ul { list-style-type: none; } .-font-primary { font-family: "Source Sans", Arial, sans-serif; } .-font-secondary { font-family: "Sharp Sans No2", Arial, sans-serif; } .-light { font-weight: 100; } .-regular { font-weight: 400; } .-medium { font-weight: 500; } .-bold { font-weight: 700!important; } .-black { font-weight: 900; } .-underline { border-bottom: 1px solid; } .-italic { font-style: italic; } .-caps { text-transform: uppercase; } .-border { border-bottom: 2px solid; } .-align-center { text-align: center; justify-content: center; } .-align-left { text-align: left; } .-align-right { text-align: right; } .-align-center h1, .-align-center h2, .-align-center h3, .-align-center h4, .-align-center h5, .-align-center h6, .-align-center p { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { h1 { font-size: 2.5625em; line-height: 1.07317em; } h2 { font-size: 1.875em; line-height: 1.2em; } h3 { font-size: 1.4375em; line-height: 1.3913em; } } .browser-safari ol { margin: 0px 0px 0.375rem 0.5rem; } .icon-button { font-family: "Sharp Sans No2", Arial, sans-serif; cursor: pointer; background: none; padding: 0.125rem 0px; border: 0px; color: rgb(0, 115, 178); font-size: 1rem; line-height: 1.71429em; display: flex; font-weight: 700; align-items: center; justify-content: center; } .icon-button, .icon-button:active, .icon-button:focus, .icon-button:hover { text-decoration: none; } .icon-button__icon { margin-right: 9px; } @media (max-width: 85.25rem) { .icon-button--is-label-desktop-only .icon-button__icon { margin: 0px; } } .icon-button--is-label-desktop-only .icon-button__label { display: none; } @media (min-width: 48rem) { .icon-button--is-label-desktop-only .icon-button__label { display: flex; margin-left: 0.5625rem; } } @media (min-width: 85.3125rem) { .icon-button--is-label-desktop-only .icon-button__label { display: flex; margin-left: 0px; } } .icon-button--is-disabled { cursor: default; opacity: 0.5; } .icon-button--is-disabled:active, .icon-button--is-disabled:focus, .icon-button--is-disabled:hover { color: rgb(0, 145, 210); } .icon-button--is-small-gap .icon-button__icon { margin-right: 0.25rem; } .status-pill { width: auto; display: inline-block; text-transform: uppercase; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); text-align: center; vertical-align: bottom; white-space: nowrap; } .status-pill abbr, .status-pill abbr[title] { text-decoration: none; border-bottom: none; } @media print { .status-pill { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status-pill { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent !important; } } } .status-pill--bg-ao-white { background-color: rgb(255, 255, 255); } .status-pill--bg-white-dark { background-color: rgb(242, 242, 242); } .status-pill--bg-grey-stone { background-color: rgb(230, 230, 230); } .status-pill--bg-grey-lightest { background-color: rgb(248, 248, 248); } .status-pill--bg-grey-lighterer { background-color: grey; } .status-pill--bg-grey-lighter { background-color: rgb(244, 244, 244); } .status-pill--bg-grey-light { background-color: rgb(238, 238, 238); } .status-pill--bg-grey-light-border { background-color: rgb(204, 204, 204); } .status-pill--bg-grey-mid { background-color: rgb(221, 221, 221); } .status-pill--bg-grey-dark { background-color: rgb(102, 102, 102); } .status-pill--bg-grey-opacity { background-color: rgb(222, 222, 222); } .status-pill--bg-gray-darker { background-color: rgb(123, 121, 121); } .status-pill--bg-grey-darkerer { background-color: rgb(51, 51, 51); } .status-pill--bg-grey-darkest { background-color: rgb(34, 34, 34); } .status-pill--bg-off-black { background-color: rgb(17, 17, 17); } .status-pill--bg-ao-black { background-color: rgb(0, 0, 0); } .status-pill--bg-blue-outline-highlight { background-color: rgb(102, 207, 255); } .status-pill--bg-blue-background-highlight { background-color: rgb(230, 245, 255); } .status-pill--bg-ao-footer-grey { background-color: rgb(249, 249, 249); } .status-pill--bg-ao-grey-dark { background-color: rgb(153, 153, 153); } .status-pill--bg-ao-blue { background-color: rgb(0, 145, 210); } .status-pill--bg-ao-dark-blue { background-color: rgb(0, 58, 93); } .status-pill--bg-ao-darker-blue { background-color: rgb(30, 40, 134); } .status-pill--bg-ao-orange { background-color: rgb(247, 152, 29); } .status-pill--bg-ao-lime-green { background-color: rgb(215, 215, 0); } .status-pill--bg-ao-watermelon { background-color: rgb(255, 102, 100); } .status-pill--bg-ao-live { background-color: rgb(255, 81, 205); } .status-pill--bg-ao-red { background-color: rgb(228, 5, 33); } .status-pill--bg-ao-ruby-red { background-color: rgb(223, 22, 76); } .status-pill--bg-ao-yellow { background-color: rgb(255, 222, 20); } .status-pill--bg-ao-live-ball { background-color: rgb(191, 212, 0); } .status-pill--bg-infosys-blue { background-color: rgb(0, 116, 168); } .status-pill--bg-ao-grey { background-color: rgb(229, 229, 229); } .status-pill--bg-ao-brand-digital-blue { background-color: rgb(0, 115, 178); } .status-pill--bg-ao-blue-highlight { background-color: rgb(235, 246, 251); } .status-pill--bg-ao-graphite-grey { background-color: rgb(51, 51, 51); } .status-pill--bg-rolex-green { background-color: rgb(39, 95, 60); } .status-pill--bg-blue-lighter { background-color: rgb(217, 234, 243); } .status-pill--bg-blue-mid { background-color: rgb(0, 145, 210); } .status-pill--bg-blue-dark { background-color: rgb(0, 58, 93); } .status-pill--bg-blue-darker { background-color: rgb(0, 50, 85); } .status-pill--bg-blue-darkest { background-color: rgb(0, 91, 166); } .status-pill--bg-blue-button-dark { background-color: rgb(0, 73, 133); } .status-pill--bg-green-mid { background-color: rgb(215, 215, 0); } .status-pill--bg-blue-light { background-color: rgb(243, 250, 253); } .status-pill--bg-orange-mid { background-color: rgb(234, 144, 47); } .status-pill--bg-orange-dark { background-color: rgb(228, 5, 33); } .status-pill--bg-green-light { background-color: rgb(255, 222, 20); } .status-pill--bg-pale-yellow { background-color: rgb(255, 248, 208); } .score-list { font-size: inherit; display: block; } .score-list, .score-list:active, .score-list:focus, .score-list:hover { color: inherit; text-decoration: none; } .score-list__container { display: flex; flex-wrap: wrap; align-items: center; margin: 0px -0.5em; } .score-list__container--is-no-wrap { flex-wrap: nowrap; } .score-list__container--is-centered { justify-content: center; } .score-list__container--is-right-aligned { justify-content: flex-end; } .score-list__score-group, .score-list__status-pill { margin: 0px 0.5em; display: flex; } .score-list--is-small-gap .score-list__container { margin-left: -0.2em; margin-right: -0.2em; } .score-list--is-small-gap .score-list__score-group, .score-list--is-small-gap .score-list__status-pill { margin-left: 0.2em; margin-right: 0.2em; } .score-list__score { display: flex; } .score-list__score sup { top: -0.3em; line-height: inherit; } .pulse, .score-card__match-centre-link:hover ~ .breaker-row .breaker-line__icon { animation-name: pulse; } .score-card .match-teams .team-detail .status.-walkover::after, .status--walkover::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); text-align: center; vertical-align: bottom; } @media print { .score-card .match-teams .team-detail .status.-walkover::after, .status--walkover::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .score-card .match-teams .team-detail .status.-walkover::after, .status--walkover::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .score-card .match-teams .team-detail .status.-walkover::after, .browser-ie .status--walkover::after, .score-card .match-teams .team-detail .browser-ie .status.-walkover::after { line-height: 12px; } .score-card .match-teams .team-detail .status.-retired::after, .status--retired::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .score-card .match-teams .team-detail .status.-retired::after, .status--retired::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .score-card .match-teams .team-detail .status.-retired::after, .status--retired::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .score-card .match-teams .team-detail .status.-retired::after, .browser-ie .status--retired::after, .score-card .match-teams .team-detail .browser-ie .status.-retired::after { line-height: 12px; } .score-card .match-teams .team-detail .status.-default::after, .status--default::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .score-card .match-teams .team-detail .status.-default::after, .status--default::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .score-card .match-teams .team-detail .status.-default::after, .status--default::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .score-card .match-teams .team-detail .status.-default::after, .browser-ie .status--default::after, .score-card .match-teams .team-detail .browser-ie .status.-default::after { line-height: 12px; } .score-card { height: 85px; text-rendering: optimizelegibility; width: 100%; z-index: 5; } .score-card, .score-card .match-status { position: relative; } .score-card__container { box-sizing: border-box; width: 100%; padding: 10px; border: 3px solid rgb(244, 244, 244); background: rgb(255, 255, 255); border-radius: 3px; font-size: 13px; font-weight: 500; height: 85px; position: relative; display: flex; } .score-card__status { color: rgb(34, 34, 34); margin-left: 10px; font-weight: 700; text-align: right; } .score-card__status::before { -webkit-print-color-adjust: exact; border-radius: 0.3125rem; content: ""; display: inline-block; height: 0.625rem; margin-right: 0.3125rem; width: 0.625rem; } .score-card__status::after { content: attr(data-status-text); display: inline-block; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.8125rem; text-transform: uppercase; } .score-card__status--align-left { text-align: left; } .score-card__status--live { color: rgb(228, 5, 33); } .score-card__status--small { margin-top: 0.1875rem; } .score-card__status--small::before { height: 0.5rem; width: 0.5rem; } .score-card__status--small::after { font-size: 0.6875rem; } .score-card__status--bg-ao-white::before { background-color: rgb(255, 255, 255); } .score-card__status--bg-white-dark::before { background-color: rgb(242, 242, 242); } .score-card__status--bg-grey-stone::before { background-color: rgb(230, 230, 230); } .score-card__status--bg-grey-lightest::before { background-color: rgb(248, 248, 248); } .score-card__status--bg-grey-lighterer::before { background-color: grey; } .score-card__status--bg-grey-lighter::before { background-color: rgb(244, 244, 244); } .score-card__status--bg-grey-light::before { background-color: rgb(238, 238, 238); } .score-card__status--bg-grey-light-border::before { background-color: rgb(204, 204, 204); } .score-card__status--bg-grey-mid::before { background-color: rgb(221, 221, 221); } .score-card__status--bg-grey-dark::before { background-color: rgb(102, 102, 102); } .score-card__status--bg-grey-opacity::before { background-color: rgb(222, 222, 222); } .score-card__status--bg-gray-darker::before { background-color: rgb(123, 121, 121); } .score-card__status--bg-grey-darkerer::before { background-color: rgb(51, 51, 51); } .score-card__status--bg-grey-darkest::before { background-color: rgb(34, 34, 34); } .score-card__status--bg-off-black::before { background-color: rgb(17, 17, 17); } .score-card__status--bg-ao-black::before { background-color: rgb(0, 0, 0); } .score-card__status--bg-blue-outline-highlight::before { background-color: rgb(102, 207, 255); } .score-card__status--bg-blue-background-highlight::before { background-color: rgb(230, 245, 255); } .score-card__status--bg-ao-footer-grey::before { background-color: rgb(249, 249, 249); } .score-card__status--bg-ao-grey-dark::before { background-color: rgb(153, 153, 153); } .score-card__status--bg-ao-blue::before { background-color: rgb(0, 145, 210); } .score-card__status--bg-ao-dark-blue::before { background-color: rgb(0, 58, 93); } .score-card__status--bg-ao-darker-blue::before { background-color: rgb(30, 40, 134); } .score-card__status--bg-ao-orange::before { background-color: rgb(247, 152, 29); } .score-card__status--bg-ao-lime-green::before { background-color: rgb(215, 215, 0); } .score-card__status--bg-ao-watermelon::before { background-color: rgb(255, 102, 100); } .score-card__status--bg-ao-live::before { background-color: rgb(255, 81, 205); } .score-card__status--bg-ao-red::before { background-color: rgb(228, 5, 33); } .score-card__status--bg-ao-ruby-red::before { background-color: rgb(223, 22, 76); } .score-card__status--bg-ao-yellow::before { background-color: rgb(255, 222, 20); } .score-card__status--bg-ao-live-ball::before { background-color: rgb(191, 212, 0); } .score-card__status--bg-infosys-blue::before { background-color: rgb(0, 116, 168); } .score-card__status--bg-ao-grey::before { background-color: rgb(229, 229, 229); } .score-card__status--bg-ao-brand-digital-blue::before { background-color: rgb(0, 115, 178); } .score-card__status--bg-ao-blue-highlight::before { background-color: rgb(235, 246, 251); } .score-card__status--bg-ao-graphite-grey::before { background-color: rgb(51, 51, 51); } .score-card__status--bg-rolex-green::before { background-color: rgb(39, 95, 60); } .score-card__status--bg-blue-lighter::before { background-color: rgb(217, 234, 243); } .score-card__status--bg-blue-mid::before { background-color: rgb(0, 145, 210); } .score-card__status--bg-blue-dark::before { background-color: rgb(0, 58, 93); } .score-card__status--bg-blue-darker::before { background-color: rgb(0, 50, 85); } .score-card__status--bg-blue-darkest::before { background-color: rgb(0, 91, 166); } .score-card__status--bg-blue-button-dark::before { background-color: rgb(0, 73, 133); } .score-card__status--bg-green-mid::before { background-color: rgb(215, 215, 0); } .score-card__status--bg-blue-light::before { background-color: rgb(243, 250, 253); } .score-card__status--bg-orange-mid::before { background-color: rgb(234, 144, 47); } .score-card__status--bg-orange-dark::before { background-color: rgb(228, 5, 33); } .score-card__status--bg-green-light::before { background-color: rgb(255, 222, 20); } .score-card__status--bg-pale-yellow::before { background-color: rgb(255, 248, 208); } .score-card .teams-wrapper { flex: 1 0 0%; } .score-card .match-teams { width: 100%; } .score-card .match-teams td { vertical-align: middle; padding: 4px 0px; } .score-card .match-teams td:first-child { padding-left: 4px; } .score-card .match-teams td:last-child { padding-right: 4px; } .score-card .match-teams .team-detail { height: 30px; } .score-card .match-teams .team-detail__players { position: relative; width: 100%; } .score-card .match-teams .team-detail__players.-winner { font-weight: 700; } .score-card .match-teams .team-detail__players .player { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(34, 34, 34); display: flex; align-items: center; font-size: 1em; margin-bottom: 0px; text-decoration: none; white-space: nowrap; } .score-card .match-teams .team-detail__players .player.-bye { font-weight: 700; color: rgb(102, 102, 102); } .score-card .match-teams .team-detail__players .player.-qualifier { font-style: italic; } .score-card .match-teams .team-detail__players .player .player-flag { line-height: 1em; position: relative; margin-bottom: -1px; } .score-card .match-teams .team-detail__players .player .player-name { border-bottom: 1px solid transparent; display: flex; line-height: 1.5; margin-left: 0.3125rem; } .score-card .match-teams .team-detail__players .player .player-full-name, .score-card .match-teams .team-detail__players .player .player-nationality-text { display: none; } .score-card .match-teams .team-detail__players a.player:hover .player-name { border-bottom: 1px solid rgb(34, 34, 34); text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75px 0.966667px 0px, rgb(255, 255, 255) 1.08333px 1.68333px 0px, rgb(255, 255, 255) 0.133333px 2px 0px, rgb(255, 255, 255) -0.833333px 1.81667px 0px, rgb(255, 255, 255) -1.6px 1.2px 0px, rgb(255, 255, 255) -1.98333px 0.283333px 0px, rgb(255, 255, 255) -1.86667px -0.7px 0px, rgb(255, 255, 255) -1.3px -1.51667px 0px, rgb(255, 255, 255) -0.416667px -1.95px 0px, rgb(255, 255, 255) 0.566667px -1.91667px 0px, rgb(255, 255, 255) 1.41667px -1.41667px 0px, rgb(255, 255, 255) 1.91667px -0.566667px 0px; } .score-card .match-teams .team-detail .player-tick { height: 1.375rem; width: 1.375rem; margin: -0.1875rem 0px -0.25rem; } .score-card .match-teams .team-detail .status { text-align: right; } .score-card .match-teams .team-detail .score { padding-left: 5px; font-family: "Sharp Sans No2", Arial, sans-serif; text-align: center; } .score-card .match-teams .team-detail .score--super-tie { padding-left: 0px; } .score-card .match-teams .team-detail .score.-winner, .score-card .match-teams .team-detail .super-tie-break.-winner { font-weight: 700; } .score-card .match-teams .team-detail .tie-break { margin-left: 1px; font-family: "Sharp Sans No2", Arial, sans-serif; top: -0.9em; font-size: 8px; } .score-card .match-teams .team-detail .tie-break.-winner { font-weight: 700; } .score-card .match-teams .team-detail .-is-serving { padding-right: 0.3125rem; } .score-card .match-teams .team-detail .-is-serving .icon-live-points { margin-bottom: -0.1875rem; width: 17px; height: 17px; } .score-card .match-teams .team-detail .-points-tally .circle-background { align-items: center; background: rgb(255, 248, 208); border-radius: 100%; box-sizing: border-box; color: rgb(34, 34, 34); display: flex; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; height: 1.5rem; justify-content: center; line-height: 1; overflow: hidden; width: 1.5rem; } .browser-ie .score-card .match-teams .team-detail .-points-tally .circle-background { padding-top: 0px; } .score-card div[class*=" match-status"], .score-card div[class^="match-status"] { background: rgb(255, 255, 255); height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end; text-align: right; } .score-card div[class*=" match-status"] div[class*=" status--"], .score-card div[class*=" match-status"] div[class^="status--"], .score-card div[class^="match-status"] div[class*=" status--"], .score-card div[class^="match-status"] div[class^="status--"] { display: inline-block; margin-left: 10px; } .score-card div[class*=" match-status"] .status--warm-up, .score-card div[class^="match-status"] .status--warm-up { min-width: 85px; } .score-card div[class*=" match-status"] .status--live, .score-card div[class^="match-status"] .status--live { min-width: 60px; } .score-card div[class*=" match-status"] .status--cancelled, .score-card div[class*=" match-status"] .status--suspended, .score-card div[class^="match-status"] .status--cancelled, .score-card div[class^="match-status"] .status--suspended { min-width: 100px; } .score-card div[class*=" match-status"] .status--scheduled, .score-card div[class^="match-status"] .status--scheduled { min-width: 100px; margin-left: 10px; } .score-card div[class*=" match-status"] .status--scheduled div, .score-card div[class^="match-status"] .status--scheduled div { margin: 0px; line-height: 13px; height: 16px; } .score-card div[class*=" match-status"] .status--scheduled .date, .score-card div[class^="match-status"] .status--scheduled .date { font-weight: 700; text-transform: uppercase; color: rgb(34, 34, 34); font-size: 13px; display: flex; align-items: center; justify-content: flex-end; } .score-card div[class*=" match-status"] .status--scheduled .date-icon, .score-card div[class^="match-status"] .status--scheduled .date-icon { margin-left: 0.1875rem; margin-top: -0.1875rem; width: 1rem; height: 1rem; } .score-card div[class*=" match-status"] .status--scheduled .date-icon__night, .score-card div[class^="match-status"] .status--scheduled .date-icon__night { width: 1rem; height: 0.875rem; } .score-card div[class*=" match-status"] .status--scheduled .location, .score-card div[class^="match-status"] .status--scheduled .location { color: rgb(102, 102, 102); letter-spacing: normal; font-size: 11px; line-height: 20px; } .score-card div[class*=" match-status"] .status--scheduled .buy-tickets-link, .score-card div[class^="match-status"] .status--scheduled .buy-tickets-link { text-decoration: none; font-weight: 700; font-size: 13px; display: inline-flex; align-items: center; margin-top: 0.125rem; } .score-card div[class*=" match-status"] .status--scheduled .buy-tickets-link__icon, .score-card div[class^="match-status"] .status--scheduled .buy-tickets-link__icon { width: 0.75rem; height: 0.75rem; margin-left: 0.0625rem; } .score-card__match-centre-link { bottom: 0px; display: block; height: 100%; position: absolute; right: 0px; text-decoration: none; top: 0px; width: 40%; z-index: 1; } .score-card__match-centre-link:hover { text-decoration: none; } .score-card__match-centre-link:hover ~ .breaker-row .breaker-line__icon { animation-duration: 0.3s; animation-fill-mode: both; animation-iteration-count: 2; } .score-card.-doubles, .score-card.-doubles .score-card__container { height: 145px; } .score-card.-doubles .score-card__container .match-teams .team-detail { height: auto; } .score-card.-doubles .score-card__container .match-teams .team-detail.team-0 { border-bottom: 1px solid rgb(244, 244, 244); } .score-card.-doubles .score-card__container .match-teams .team-detail.team-0 td { padding-bottom: 13px; } .score-card.-doubles .score-card__container .match-teams .team-detail.team-1 td { padding-top: 13px; } @media screen { .score-card.-highlighted .score-card__container { border: 3px solid rgb(102, 207, 255); } .score-card.-highlighted .score-card__container .team-detail.-highlighted { background-color: rgb(230, 245, 255); border-radius: 1px; } .score-card.-highlighted .score-card__container .team-detail.-highlighted a.player:hover .player-name { border-bottom: 1px solid rgb(34, 34, 34); text-shadow: rgb(204, 235, 255) 2px 0px 0px, rgb(204, 235, 255) 1.75px 0.966667px 0px, rgb(204, 235, 255) 1.08333px 1.68333px 0px, rgb(204, 235, 255) 0.133333px 2px 0px, rgb(204, 235, 255) -0.833333px 1.81667px 0px, rgb(204, 235, 255) -1.6px 1.2px 0px, rgb(204, 235, 255) -1.98333px 0.283333px 0px, rgb(204, 235, 255) -1.86667px -0.7px 0px, rgb(204, 235, 255) -1.3px -1.51667px 0px, rgb(204, 235, 255) -0.416667px -1.95px 0px, rgb(204, 235, 255) 0.566667px -1.91667px 0px, rgb(204, 235, 255) 1.41667px -1.41667px 0px, rgb(204, 235, 255) 1.91667px -0.566667px 0px; } .score-card.-highlighted .score-card__container.-doubles .team-detail.-highlighted { margin: -5px -5px 10px; } } .score-card.hidden { width: 0px; height: 0px; padding: 0px; } .score-card.hidden .score-card__container { width: 0px; height: 0px; padding: 0px; border: 0px; } .score-card.-full-draw { margin-bottom: 5px !important; } .score-card.-full-draw .score-card__container { font-size: 11px; padding: 3px 10px; flex-direction: column; } .score-card.-full-draw .teams-wrapper { flex: 0 0 auto; display: block; } .score-card.-full-draw .match-teams .team-detail { height: 25px; margin: 0px; padding: 3px 2px; position: relative; } .score-card.-full-draw .match-teams .team-detail__players { width: 100%; } .score-card.-full-draw .match-teams .team-detail__players .player { line-height: 1.5; text-decoration: none; } .score-card.-full-draw .match-teams .team-detail__players .player .player-flag, .score-card.-full-draw .match-teams .team-detail__players .player .player-flag img { width: 1.25rem; height: 0.799375rem; } .score-card.-full-draw .match-teams .team-detail__players .player .player-name { line-height: 1.5; } .score-card.-full-draw .match-teams .team-detail .player-tick { height: 1.125rem; width: 1.125rem; margin: 0px; } .score-card.-full-draw .match-teams .team-detail td[class^="status"] { padding: 0px; } .score-card.-full-draw .match-teams .team-detail div[class*=" status"]::before, .score-card.-full-draw .match-teams .team-detail td[class^="status"]::before { font-size: 18px; } .score-card.-full-draw .match-teams .team-detail div[class*=" status"]::after, .score-card.-full-draw .match-teams .team-detail td[class^="status"]::after { font-size: 8px; padding: 3px 5px 1px; line-height: 9px; } .score-card.-full-draw .match-teams .team-detail div[class*=" status"].-walkover::after, .score-card.-full-draw .match-teams .team-detail td[class^="status"].-walkover::after { content: "W/O" !important; } .score-card.-full-draw .full-draw__scores, .score-card.-full-draw .match-status { width: 100%; border-top: 2px solid rgb(244, 244, 244); text-align: left; height: 16px; display: flex; align-items: center; justify-content: flex-start !important; } .score-card.-full-draw .full-draw__scores div[class*=" status--"], .score-card.-full-draw .full-draw__scores div[class^="status--"], .score-card.-full-draw .match-status div[class*=" status--"], .score-card.-full-draw .match-status div[class^="status--"] { margin: 0px 6px; } .score-card.-full-draw .full-draw__scores div[class*=" status--"]::before, .score-card.-full-draw .full-draw__scores div[class^="status--"]::before, .score-card.-full-draw .match-status div[class*=" status--"]::before, .score-card.-full-draw .match-status div[class^="status--"]::before { width: 8px; height: 8px; } .score-card.-full-draw .full-draw__scores div[class*=" status--"]::after, .score-card.-full-draw .full-draw__scores div[class^="status--"]::after, .score-card.-full-draw .match-status div[class*=" status--"]::after, .score-card.-full-draw .match-status div[class^="status--"]::after { font-size: 11px; } .score-card.-full-draw .match-status { padding-top: 5px; } .score-card.-full-draw .full-draw__scores { padding-top: 2px; color: rgb(102, 102, 102); font-family: "Sharp Sans No2", Arial, sans-serif; line-height: 2em; } .score-card.-full-draw .full-draw__scores .score:not(:last-child) { margin-right: 3px; } .score-card.-full-draw.-doubles, .score-card.-full-draw.-doubles .score-card__container { height: 110px; } .score-card.-full-draw.-doubles .score-card__container .match-teams .team-detail { height: 38px; } .score-card.-full-draw.-doubles .score-card__container .match-teams .team-detail:first-child td { padding-bottom: 5px; } .score-card.-full-draw.-doubles .score-card__container .match-teams .team-detail:nth-child(2) td { padding-top: 5px; } .score-card.-first-round .team-no-1 .team-detail__players::before { content: "1"; } .score-card.-first-round .team-no-1 .team-detail__players::before, .score-card.-first-round .team-no-2 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-2 .team-detail__players::before { content: "2"; } .score-card.-first-round .team-no-3 .team-detail__players::before { content: "3"; } .score-card.-first-round .team-no-3 .team-detail__players::before, .score-card.-first-round .team-no-4 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-4 .team-detail__players::before { content: "4"; } .score-card.-first-round .team-no-5 .team-detail__players::before { content: "5"; } .score-card.-first-round .team-no-5 .team-detail__players::before, .score-card.-first-round .team-no-6 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-6 .team-detail__players::before { content: "6"; } .score-card.-first-round .team-no-7 .team-detail__players::before { content: "7"; } .score-card.-first-round .team-no-7 .team-detail__players::before, .score-card.-first-round .team-no-8 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-8 .team-detail__players::before { content: "8"; } .score-card.-first-round .team-no-9 .team-detail__players::before { content: "9"; } .score-card.-first-round .team-no-9 .team-detail__players::before, .score-card.-first-round .team-no-10 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-10 .team-detail__players::before { content: "10"; } .score-card.-first-round .team-no-11 .team-detail__players::before { content: "11"; } .score-card.-first-round .team-no-11 .team-detail__players::before, .score-card.-first-round .team-no-12 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-12 .team-detail__players::before { content: "12"; } .score-card.-first-round .team-no-13 .team-detail__players::before { content: "13"; } .score-card.-first-round .team-no-13 .team-detail__players::before, .score-card.-first-round .team-no-14 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-14 .team-detail__players::before { content: "14"; } .score-card.-first-round .team-no-15 .team-detail__players::before { content: "15"; } .score-card.-first-round .team-no-15 .team-detail__players::before, .score-card.-first-round .team-no-16 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-16 .team-detail__players::before { content: "16"; } .score-card.-first-round .team-no-17 .team-detail__players::before { content: "17"; } .score-card.-first-round .team-no-17 .team-detail__players::before, .score-card.-first-round .team-no-18 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-18 .team-detail__players::before { content: "18"; } .score-card.-first-round .team-no-19 .team-detail__players::before { content: "19"; } .score-card.-first-round .team-no-19 .team-detail__players::before, .score-card.-first-round .team-no-20 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-20 .team-detail__players::before { content: "20"; } .score-card.-first-round .team-no-21 .team-detail__players::before { content: "21"; } .score-card.-first-round .team-no-21 .team-detail__players::before, .score-card.-first-round .team-no-22 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-22 .team-detail__players::before { content: "22"; } .score-card.-first-round .team-no-23 .team-detail__players::before { content: "23"; } .score-card.-first-round .team-no-23 .team-detail__players::before, .score-card.-first-round .team-no-24 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-24 .team-detail__players::before { content: "24"; } .score-card.-first-round .team-no-25 .team-detail__players::before { content: "25"; } .score-card.-first-round .team-no-25 .team-detail__players::before, .score-card.-first-round .team-no-26 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-26 .team-detail__players::before { content: "26"; } .score-card.-first-round .team-no-27 .team-detail__players::before { content: "27"; } .score-card.-first-round .team-no-27 .team-detail__players::before, .score-card.-first-round .team-no-28 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-28 .team-detail__players::before { content: "28"; } .score-card.-first-round .team-no-29 .team-detail__players::before { content: "29"; } .score-card.-first-round .team-no-29 .team-detail__players::before, .score-card.-first-round .team-no-30 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-30 .team-detail__players::before { content: "30"; } .score-card.-first-round .team-no-31 .team-detail__players::before { content: "31"; } .score-card.-first-round .team-no-31 .team-detail__players::before, .score-card.-first-round .team-no-32 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-32 .team-detail__players::before { content: "32"; } .score-card.-first-round .team-no-33 .team-detail__players::before { content: "33"; } .score-card.-first-round .team-no-33 .team-detail__players::before, .score-card.-first-round .team-no-34 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-34 .team-detail__players::before { content: "34"; } .score-card.-first-round .team-no-35 .team-detail__players::before { content: "35"; } .score-card.-first-round .team-no-35 .team-detail__players::before, .score-card.-first-round .team-no-36 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-36 .team-detail__players::before { content: "36"; } .score-card.-first-round .team-no-37 .team-detail__players::before { content: "37"; } .score-card.-first-round .team-no-37 .team-detail__players::before, .score-card.-first-round .team-no-38 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-38 .team-detail__players::before { content: "38"; } .score-card.-first-round .team-no-39 .team-detail__players::before { content: "39"; } .score-card.-first-round .team-no-39 .team-detail__players::before, .score-card.-first-round .team-no-40 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-40 .team-detail__players::before { content: "40"; } .score-card.-first-round .team-no-41 .team-detail__players::before { content: "41"; } .score-card.-first-round .team-no-41 .team-detail__players::before, .score-card.-first-round .team-no-42 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-42 .team-detail__players::before { content: "42"; } .score-card.-first-round .team-no-43 .team-detail__players::before { content: "43"; } .score-card.-first-round .team-no-43 .team-detail__players::before, .score-card.-first-round .team-no-44 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-44 .team-detail__players::before { content: "44"; } .score-card.-first-round .team-no-45 .team-detail__players::before { content: "45"; } .score-card.-first-round .team-no-45 .team-detail__players::before, .score-card.-first-round .team-no-46 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-46 .team-detail__players::before { content: "46"; } .score-card.-first-round .team-no-47 .team-detail__players::before { content: "47"; } .score-card.-first-round .team-no-47 .team-detail__players::before, .score-card.-first-round .team-no-48 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-48 .team-detail__players::before { content: "48"; } .score-card.-first-round .team-no-49 .team-detail__players::before { content: "49"; } .score-card.-first-round .team-no-49 .team-detail__players::before, .score-card.-first-round .team-no-50 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-50 .team-detail__players::before { content: "50"; } .score-card.-first-round .team-no-51 .team-detail__players::before { content: "51"; } .score-card.-first-round .team-no-51 .team-detail__players::before, .score-card.-first-round .team-no-52 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-52 .team-detail__players::before { content: "52"; } .score-card.-first-round .team-no-53 .team-detail__players::before { content: "53"; } .score-card.-first-round .team-no-53 .team-detail__players::before, .score-card.-first-round .team-no-54 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-54 .team-detail__players::before { content: "54"; } .score-card.-first-round .team-no-55 .team-detail__players::before { content: "55"; } .score-card.-first-round .team-no-55 .team-detail__players::before, .score-card.-first-round .team-no-56 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-56 .team-detail__players::before { content: "56"; } .score-card.-first-round .team-no-57 .team-detail__players::before { content: "57"; } .score-card.-first-round .team-no-57 .team-detail__players::before, .score-card.-first-round .team-no-58 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-58 .team-detail__players::before { content: "58"; } .score-card.-first-round .team-no-59 .team-detail__players::before { content: "59"; } .score-card.-first-round .team-no-59 .team-detail__players::before, .score-card.-first-round .team-no-60 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-60 .team-detail__players::before { content: "60"; } .score-card.-first-round .team-no-61 .team-detail__players::before { content: "61"; } .score-card.-first-round .team-no-61 .team-detail__players::before, .score-card.-first-round .team-no-62 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-62 .team-detail__players::before { content: "62"; } .score-card.-first-round .team-no-63 .team-detail__players::before { content: "63"; } .score-card.-first-round .team-no-63 .team-detail__players::before, .score-card.-first-round .team-no-64 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-64 .team-detail__players::before { content: "64"; } .score-card.-first-round .team-no-65 .team-detail__players::before { content: "65"; } .score-card.-first-round .team-no-65 .team-detail__players::before, .score-card.-first-round .team-no-66 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-66 .team-detail__players::before { content: "66"; } .score-card.-first-round .team-no-67 .team-detail__players::before { content: "67"; } .score-card.-first-round .team-no-67 .team-detail__players::before, .score-card.-first-round .team-no-68 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-68 .team-detail__players::before { content: "68"; } .score-card.-first-round .team-no-69 .team-detail__players::before { content: "69"; } .score-card.-first-round .team-no-69 .team-detail__players::before, .score-card.-first-round .team-no-70 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-70 .team-detail__players::before { content: "70"; } .score-card.-first-round .team-no-71 .team-detail__players::before { content: "71"; } .score-card.-first-round .team-no-71 .team-detail__players::before, .score-card.-first-round .team-no-72 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-72 .team-detail__players::before { content: "72"; } .score-card.-first-round .team-no-73 .team-detail__players::before { content: "73"; } .score-card.-first-round .team-no-73 .team-detail__players::before, .score-card.-first-round .team-no-74 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-74 .team-detail__players::before { content: "74"; } .score-card.-first-round .team-no-75 .team-detail__players::before { content: "75"; } .score-card.-first-round .team-no-75 .team-detail__players::before, .score-card.-first-round .team-no-76 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-76 .team-detail__players::before { content: "76"; } .score-card.-first-round .team-no-77 .team-detail__players::before { content: "77"; } .score-card.-first-round .team-no-77 .team-detail__players::before, .score-card.-first-round .team-no-78 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-78 .team-detail__players::before { content: "78"; } .score-card.-first-round .team-no-79 .team-detail__players::before { content: "79"; } .score-card.-first-round .team-no-79 .team-detail__players::before, .score-card.-first-round .team-no-80 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-80 .team-detail__players::before { content: "80"; } .score-card.-first-round .team-no-81 .team-detail__players::before { content: "81"; } .score-card.-first-round .team-no-81 .team-detail__players::before, .score-card.-first-round .team-no-82 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-82 .team-detail__players::before { content: "82"; } .score-card.-first-round .team-no-83 .team-detail__players::before { content: "83"; } .score-card.-first-round .team-no-83 .team-detail__players::before, .score-card.-first-round .team-no-84 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-84 .team-detail__players::before { content: "84"; } .score-card.-first-round .team-no-85 .team-detail__players::before { content: "85"; } .score-card.-first-round .team-no-85 .team-detail__players::before, .score-card.-first-round .team-no-86 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-86 .team-detail__players::before { content: "86"; } .score-card.-first-round .team-no-87 .team-detail__players::before { content: "87"; } .score-card.-first-round .team-no-87 .team-detail__players::before, .score-card.-first-round .team-no-88 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-88 .team-detail__players::before { content: "88"; } .score-card.-first-round .team-no-89 .team-detail__players::before { content: "89"; } .score-card.-first-round .team-no-89 .team-detail__players::before, .score-card.-first-round .team-no-90 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-90 .team-detail__players::before { content: "90"; } .score-card.-first-round .team-no-91 .team-detail__players::before { content: "91"; } .score-card.-first-round .team-no-91 .team-detail__players::before, .score-card.-first-round .team-no-92 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-92 .team-detail__players::before { content: "92"; } .score-card.-first-round .team-no-93 .team-detail__players::before { content: "93"; } .score-card.-first-round .team-no-93 .team-detail__players::before, .score-card.-first-round .team-no-94 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-94 .team-detail__players::before { content: "94"; } .score-card.-first-round .team-no-95 .team-detail__players::before { content: "95"; } .score-card.-first-round .team-no-95 .team-detail__players::before, .score-card.-first-round .team-no-96 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-96 .team-detail__players::before { content: "96"; } .score-card.-first-round .team-no-97 .team-detail__players::before { content: "97"; } .score-card.-first-round .team-no-97 .team-detail__players::before, .score-card.-first-round .team-no-98 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-98 .team-detail__players::before { content: "98"; } .score-card.-first-round .team-no-99 .team-detail__players::before { content: "99"; } .score-card.-first-round .team-no-99 .team-detail__players::before, .score-card.-first-round .team-no-100 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-100 .team-detail__players::before { content: "100"; } .score-card.-first-round .team-no-101 .team-detail__players::before { content: "101"; } .score-card.-first-round .team-no-101 .team-detail__players::before, .score-card.-first-round .team-no-102 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-102 .team-detail__players::before { content: "102"; } .score-card.-first-round .team-no-103 .team-detail__players::before { content: "103"; } .score-card.-first-round .team-no-103 .team-detail__players::before, .score-card.-first-round .team-no-104 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-104 .team-detail__players::before { content: "104"; } .score-card.-first-round .team-no-105 .team-detail__players::before { content: "105"; } .score-card.-first-round .team-no-105 .team-detail__players::before, .score-card.-first-round .team-no-106 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-106 .team-detail__players::before { content: "106"; } .score-card.-first-round .team-no-107 .team-detail__players::before { content: "107"; } .score-card.-first-round .team-no-107 .team-detail__players::before, .score-card.-first-round .team-no-108 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-108 .team-detail__players::before { content: "108"; } .score-card.-first-round .team-no-109 .team-detail__players::before { content: "109"; } .score-card.-first-round .team-no-109 .team-detail__players::before, .score-card.-first-round .team-no-110 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-110 .team-detail__players::before { content: "110"; } .score-card.-first-round .team-no-111 .team-detail__players::before { content: "111"; } .score-card.-first-round .team-no-111 .team-detail__players::before, .score-card.-first-round .team-no-112 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-112 .team-detail__players::before { content: "112"; } .score-card.-first-round .team-no-113 .team-detail__players::before { content: "113"; } .score-card.-first-round .team-no-113 .team-detail__players::before, .score-card.-first-round .team-no-114 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-114 .team-detail__players::before { content: "114"; } .score-card.-first-round .team-no-115 .team-detail__players::before { content: "115"; } .score-card.-first-round .team-no-115 .team-detail__players::before, .score-card.-first-round .team-no-116 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-116 .team-detail__players::before { content: "116"; } .score-card.-first-round .team-no-117 .team-detail__players::before { content: "117"; } .score-card.-first-round .team-no-117 .team-detail__players::before, .score-card.-first-round .team-no-118 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-118 .team-detail__players::before { content: "118"; } .score-card.-first-round .team-no-119 .team-detail__players::before { content: "119"; } .score-card.-first-round .team-no-119 .team-detail__players::before, .score-card.-first-round .team-no-120 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-120 .team-detail__players::before { content: "120"; } .score-card.-first-round .team-no-121 .team-detail__players::before { content: "121"; } .score-card.-first-round .team-no-121 .team-detail__players::before, .score-card.-first-round .team-no-122 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-122 .team-detail__players::before { content: "122"; } .score-card.-first-round .team-no-123 .team-detail__players::before { content: "123"; } .score-card.-first-round .team-no-123 .team-detail__players::before, .score-card.-first-round .team-no-124 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-124 .team-detail__players::before { content: "124"; } .score-card.-first-round .team-no-125 .team-detail__players::before { content: "125"; } .score-card.-first-round .team-no-125 .team-detail__players::before, .score-card.-first-round .team-no-126 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-126 .team-detail__players::before { content: "126"; } .score-card.-first-round .team-no-127 .team-detail__players::before { content: "127"; } .score-card.-first-round .team-no-127 .team-detail__players::before, .score-card.-first-round .team-no-128 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card.-first-round .team-no-128 .team-detail__players::before { content: "128"; } .score-card.-fixed-height { height: 7.625rem; } .score-card.-fixed-height .score-card__container { padding: 0px 0.625rem; height: 100% !important; } .score-card.-fixed-height .match-teams .team-detail { height: 3.625rem; } .score-card.-fixed-height.-doubles .score-card__container .match-teams .team-detail.team-0 td, .score-card.-fixed-height.-doubles .score-card__container .match-teams .team-detail.team-1 td { padding-top: 8px; padding-bottom: 8px; } .score-card.-has-breaker-row .match-teams .breaker-row td { padding: 0px 4px; } .score-card.-has-breaker-row.-doubles .team-detail { border-bottom: none !important; } .score-card--dark { color: rgb(255, 255, 255); } .score-card--dark .score-card__container { background-color: rgb(34, 34, 34); border-color: rgba(255, 255, 255, 0.05); } .score-card--dark .match-teams .team-detail__players .player, .score-card--dark .score-card__status::after, .score-card--dark div[class^="match-status"] .status--scheduled .date { color: rgb(255, 255, 255); } .score-card--dark div[class^="match-status"] .status--scheduled .location { color: rgb(221, 221, 221); } .score-card--dark .match-teams .team-detail__players a.player:hover .player-name { text-shadow: none; border-color: rgb(255, 255, 255); } .score-card--dark div[class^="match-status"] { background-color: rgb(34, 34, 34); } .score-card--dark .match-teams .team-detail .-points-tally .circle-background { background-color: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255); } .upcoming-match-card { width: 100%; display: flex; justify-content: space-between; padding-top: 0.6875rem; } .upcoming-match-card > div { flex: 1 1 50%; } .upcoming-match-card__names-wrapper > p, .upcoming-match-card__names-wrapper a { font-weight: 700; margin-bottom: 0.5rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.75rem; line-height: 0.9375rem; } .upcoming-match-card__images-wrapper { display: flex; align-items: flex-end; margin-bottom: -0.25rem; justify-content: flex-end; } .upcoming-match-card__image { width: 4rem; height: 4rem; position: relative; } .upcoming-match-card__image:last-child { margin-left: -0.625rem; } .upcoming-match-card__image--profile { width: 2.5rem; height: 2.5rem; border-radius: 50%; margin-bottom: 0.9375rem; border: 2px solid rgb(255, 255, 255); } .upcoming-match-card__image--profile:first-child { margin-right: 0.625rem; } .upcoming-match-card__image--profile:last-child { margin-left: 0px; margin-right: 0.875rem; } .upcoming-match-card--dark a, .upcoming-match-card--dark p { color: rgb(255, 255, 255); } .upcoming-match-card--dark .upcoming-match-card__vs { color: rgb(215, 215, 0); } .upcoming-match-card a { text-decoration: none; } .upcoming-match-card a:hover { text-decoration: underline; } @media (min-width: 120rem) { .upcoming-match-card { padding-top: 0.125rem; } .upcoming-match-card__names-wrapper > p, .upcoming-match-card__names-wrapper a { margin-bottom: 0.25rem; font-size: 1rem; line-height: 1.375rem; } .upcoming-match-card__images-wrapper { height: 6rem; margin-right: 1.125rem; margin-bottom: -0.625rem; } .upcoming-match-card__image { width: 6.25rem; height: 6.25rem; } .upcoming-match-card__image:last-child { margin-left: -1.1875rem; } .upcoming-match-card__image--profile { width: 4.125rem; height: 4.125rem; margin-bottom: 1.0625rem; } .upcoming-match-card__image--profile:first-child { margin-right: 1.1875rem; } .upcoming-match-card__image--profile:last-child { margin-left: 0px; } .upcoming-match-card--doubles { padding-bottom: 0.5rem; } } .pulse, .score-card-homepage__match-centre-link:focus ~ .breaker-row .breaker-line__icon, .score-card-homepage__match-centre-link:hover ~ .breaker-row .breaker-line__icon { animation-name: pulse; } .score-card-homepage .match-teams .team-detail .status.-walkover::after, .status--walkover::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); text-align: center; vertical-align: bottom; } @media print { .score-card-homepage .match-teams .team-detail .status.-walkover::after, .status--walkover::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .score-card-homepage .match-teams .team-detail .status.-walkover::after, .status--walkover::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .score-card-homepage .match-teams .team-detail .status.-walkover::after, .browser-ie .status--walkover::after, .score-card-homepage .match-teams .team-detail .browser-ie .status.-walkover::after { line-height: 12px; } .score-card-homepage .match-teams .team-detail .status.-retired::after, .status--retired::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .score-card-homepage .match-teams .team-detail .status.-retired::after, .status--retired::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .score-card-homepage .match-teams .team-detail .status.-retired::after, .status--retired::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .score-card-homepage .match-teams .team-detail .status.-retired::after, .browser-ie .status--retired::after, .score-card-homepage .match-teams .team-detail .browser-ie .status.-retired::after { line-height: 12px; } .score-card-homepage .match-teams .team-detail .status.-default::after, .status--default::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .score-card-homepage .match-teams .team-detail .status.-default::after, .status--default::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .score-card-homepage .match-teams .team-detail .status.-default::after, .status--default::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .score-card-homepage .match-teams .team-detail .status.-default::after, .browser-ie .status--default::after, .score-card-homepage .match-teams .team-detail .browser-ie .status.-default::after { line-height: 12px; } .score-card-homepage { position: relative; text-rendering: optimizelegibility; width: 100%; z-index: 5; margin: -0.625rem 0px; } @media (min-width: 120rem) { .score-card-homepage { margin: -0.25rem 0px; } } .score-card-homepage .match-status { position: relative; } .score-card-homepage__container { box-sizing: border-box; width: 100%; background: rgb(255, 255, 255); border-radius: 0.5rem; font-size: 13px; font-weight: 400; position: relative; display: flex; } .score-card-homepage__status { color: rgb(34, 34, 34); margin-left: 10px; font-weight: 700; text-align: right; } .score-card-homepage__status::before { -webkit-print-color-adjust: exact; border-radius: 0.3125rem; content: ""; display: inline-block; height: 0.625rem; margin-right: 0.3125rem; width: 0.625rem; } .score-card-homepage__status::after { content: attr(data-status-text); display: inline-block; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.8125rem; text-transform: uppercase; } .score-card-homepage__status--align-left { text-align: left; } .score-card-homepage__status--live { color: rgb(228, 5, 33); } .score-card-homepage__status--small { margin-top: 0.1875rem; } .score-card-homepage__status--small::before { height: 0.5rem; width: 0.5rem; } .score-card-homepage__status--small::after { font-size: 0.6875rem; } .score-card-homepage__status--bg-ao-white::before { background-color: rgb(255, 255, 255); } .score-card-homepage__status--bg-white-dark::before { background-color: rgb(242, 242, 242); } .score-card-homepage__status--bg-grey-stone::before { background-color: rgb(230, 230, 230); } .score-card-homepage__status--bg-grey-lightest::before { background-color: rgb(248, 248, 248); } .score-card-homepage__status--bg-grey-lighterer::before { background-color: grey; } .score-card-homepage__status--bg-grey-lighter::before { background-color: rgb(244, 244, 244); } .score-card-homepage__status--bg-grey-light::before { background-color: rgb(238, 238, 238); } .score-card-homepage__status--bg-grey-light-border::before { background-color: rgb(204, 204, 204); } .score-card-homepage__status--bg-grey-mid::before { background-color: rgb(221, 221, 221); } .score-card-homepage__status--bg-grey-dark::before { background-color: rgb(102, 102, 102); } .score-card-homepage__status--bg-grey-opacity::before { background-color: rgb(222, 222, 222); } .score-card-homepage__status--bg-gray-darker::before { background-color: rgb(123, 121, 121); } .score-card-homepage__status--bg-grey-darkerer::before { background-color: rgb(51, 51, 51); } .score-card-homepage__status--bg-grey-darkest::before { background-color: rgb(34, 34, 34); } .score-card-homepage__status--bg-off-black::before { background-color: rgb(17, 17, 17); } .score-card-homepage__status--bg-ao-black::before { background-color: rgb(0, 0, 0); } .score-card-homepage__status--bg-blue-outline-highlight::before { background-color: rgb(102, 207, 255); } .score-card-homepage__status--bg-blue-background-highlight::before { background-color: rgb(230, 245, 255); } .score-card-homepage__status--bg-ao-footer-grey::before { background-color: rgb(249, 249, 249); } .score-card-homepage__status--bg-ao-grey-dark::before { background-color: rgb(153, 153, 153); } .score-card-homepage__status--bg-ao-blue::before { background-color: rgb(0, 145, 210); } .score-card-homepage__status--bg-ao-dark-blue::before { background-color: rgb(0, 58, 93); } .score-card-homepage__status--bg-ao-darker-blue::before { background-color: rgb(30, 40, 134); } .score-card-homepage__status--bg-ao-orange::before { background-color: rgb(247, 152, 29); } .score-card-homepage__status--bg-ao-lime-green::before { background-color: rgb(215, 215, 0); } .score-card-homepage__status--bg-ao-watermelon::before { background-color: rgb(255, 102, 100); } .score-card-homepage__status--bg-ao-live::before { background-color: rgb(255, 81, 205); } .score-card-homepage__status--bg-ao-red::before { background-color: rgb(228, 5, 33); } .score-card-homepage__status--bg-ao-ruby-red::before { background-color: rgb(223, 22, 76); } .score-card-homepage__status--bg-ao-yellow::before { background-color: rgb(255, 222, 20); } .score-card-homepage__status--bg-ao-live-ball::before { background-color: rgb(191, 212, 0); } .score-card-homepage__status--bg-infosys-blue::before { background-color: rgb(0, 116, 168); } .score-card-homepage__status--bg-ao-grey::before { background-color: rgb(229, 229, 229); } .score-card-homepage__status--bg-ao-brand-digital-blue::before { background-color: rgb(0, 115, 178); } .score-card-homepage__status--bg-ao-blue-highlight::before { background-color: rgb(235, 246, 251); } .score-card-homepage__status--bg-ao-graphite-grey::before { background-color: rgb(51, 51, 51); } .score-card-homepage__status--bg-rolex-green::before { background-color: rgb(39, 95, 60); } .score-card-homepage__status--bg-blue-lighter::before { background-color: rgb(217, 234, 243); } .score-card-homepage__status--bg-blue-mid::before { background-color: rgb(0, 145, 210); } .score-card-homepage__status--bg-blue-dark::before { background-color: rgb(0, 58, 93); } .score-card-homepage__status--bg-blue-darker::before { background-color: rgb(0, 50, 85); } .score-card-homepage__status--bg-blue-darkest::before { background-color: rgb(0, 91, 166); } .score-card-homepage__status--bg-blue-button-dark::before { background-color: rgb(0, 73, 133); } .score-card-homepage__status--bg-green-mid::before { background-color: rgb(215, 215, 0); } .score-card-homepage__status--bg-blue-light::before { background-color: rgb(243, 250, 253); } .score-card-homepage__status--bg-orange-mid::before { background-color: rgb(234, 144, 47); } .score-card-homepage__status--bg-orange-dark::before { background-color: rgb(228, 5, 33); } .score-card-homepage__status--bg-green-light::before { background-color: rgb(255, 222, 20); } .score-card-homepage__status--bg-pale-yellow::before { background-color: rgb(255, 248, 208); } .score-card-homepage .teams-wrapper { width: 100%; padding-right: 0.5rem; } .score-card-homepage .teams-wrapper--live { padding-right: 0px; } .score-card-homepage .match-teams { width: 100%; } .score-card-homepage .match-teams td { vertical-align: middle; padding-top: 0.25rem; padding-bottom: 0.25rem; } @media (min-width: 120rem) { .score-card-homepage .match-teams td { padding-top: 0.125rem; padding-bottom: 0.125rem; } } .score-card-homepage .match-teams .team-detail { height: 2rem; } @media (min-width: 120rem) { .score-card-homepage .match-teams .team-detail { height: 2.75rem; } } .score-card-homepage .match-teams .team-detail:last-child { border-bottom: none; } .score-card-homepage .match-teams .team-detail__players { position: relative; width: 100%; padding: 0px 0.75rem 0px 0px; font-size: 1rem; height: 2.5rem; } .score-card-homepage .match-teams .team-detail__players.-winner { font-weight: 700; } .score-card-homepage .match-teams .team-detail__players.-is-serving { position: relative; } .score-card-homepage .match-teams .team-detail__players.-is-serving::after { content: ""; top: 50%; right: 0px; width: 6px; height: 6px; display: block; position: absolute; border-radius: 50%; transform: translateY(-50%); background: rgb(215, 215, 0); } @media (min-width: 120rem) { .score-card-homepage .match-teams .team-detail__players.-is-serving::after { width: 8px; height: 8px; } } .score-card-homepage .match-teams .team-detail__players .player { color: rgb(0, 50, 85); display: flex; align-items: center; font-size: 1em; margin-bottom: 0px; text-decoration: none; white-space: nowrap; } .score-card-homepage .match-teams .team-detail__players .player--bye, .score-card-homepage .match-teams .team-detail__players .player .player-seed { font-weight: 400; font-size: 0.75rem; line-height: 100%; margin-left: 0.3125rem; font-family: Roboto, Arial, sans-serif; margin-bottom: 0.0625rem; } @media (min-width: 120rem) { .score-card-homepage .match-teams .team-detail__players .player--bye, .score-card-homepage .match-teams .team-detail__players .player .player-seed { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 0px; } } .score-card-homepage .match-teams .team-detail__players .player.-qualifier { font-style: italic; } .score-card-homepage .match-teams .team-detail__players .player .player-flag { line-height: 1em; position: relative; } .score-card-homepage .match-teams .team-detail__players .player .player-name { border-bottom: 1px solid transparent; display: flex; margin-left: 0.5rem; font-family: Roboto, Arial, sans-serif; font-size: 0.75rem; line-height: 1.125rem; } @media (min-width: 120rem) { .score-card-homepage .match-teams .team-detail__players .player .player-name { font-size: 1rem; line-height: 1.5rem; font-family: "Sharp Sans No2", Arial, sans-serif; } } .score-card-homepage .match-teams .team-detail__players .player .player-full-name, .score-card-homepage .match-teams .team-detail__players .player .player-nationality-text { display: none; } .score-card-homepage .match-teams .team-detail__players a.player:focus .player-name, .score-card-homepage .match-teams .team-detail__players a.player:hover .player-name { border-bottom: 1px solid rgb(34, 34, 34); text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75px 0.966667px 0px, rgb(255, 255, 255) 1.08333px 1.68333px 0px, rgb(255, 255, 255) 0.133333px 2px 0px, rgb(255, 255, 255) -0.833333px 1.81667px 0px, rgb(255, 255, 255) -1.6px 1.2px 0px, rgb(255, 255, 255) -1.98333px 0.283333px 0px, rgb(255, 255, 255) -1.86667px -0.7px 0px, rgb(255, 255, 255) -1.3px -1.51667px 0px, rgb(255, 255, 255) -0.416667px -1.95px 0px, rgb(255, 255, 255) 0.566667px -1.91667px 0px, rgb(255, 255, 255) 1.41667px -1.41667px 0px, rgb(255, 255, 255) 1.91667px -0.566667px 0px; } .score-card-homepage .match-teams .team-detail .player-tick { height: 1.375rem; width: 1.375rem; margin: -0.1875rem 0px -0.25rem; } @media (min-width: 120rem) { .score-card-homepage .match-teams .team-detail .player-tick { height: 1.5625rem; width: 1.5625rem; } } .score-card-homepage .match-teams .team-detail .status { text-align: right; } .score-card-homepage .match-teams .team-detail .score { padding-left: 1rem; font-family: Roboto, Arial, sans-serif; text-align: center; color: rgb(0, 58, 93); width: 1.5rem; height: 2rem; font-size: 0.75rem; line-height: 1.125rem; } @media (min-width: 120rem) { .score-card-homepage .match-teams .team-detail .score { width: 2.5rem; height: 2.5rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1rem; line-height: 1.5rem; } } .score-card-homepage .match-teams .team-detail .score--super-tie { padding-left: 0px; } .score-card-homepage .match-teams .team-detail .score.-winner, .score-card-homepage .match-teams .team-detail .super-tie-break.-winner { font-weight: 900; } .score-card-homepage .match-teams .team-detail .tie-break-wrapper { position: relative; } .score-card-homepage .match-teams .team-detail .tie-break { position: absolute; margin-left: 1px; font-family: Roboto, Arial, sans-serif; top: 0.3125rem; left: 0px; color: rgb(0, 58, 93); font-size: 0.5rem; line-height: 1rem; } .score-card-homepage .match-teams .team-detail .tie-break.-winner { font-weight: 900; } @media (min-width: 120rem) { .score-card-homepage .match-teams .team-detail .tie-break { top: 0.4375rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.625rem; line-height: 1rem; } } .score-card-homepage .match-teams .team-detail .-is-serving .icon-live-points { margin-bottom: -0.1875rem; width: 17px; height: 17px; } .score-card-homepage .match-teams .team-detail .-points-tally .circle-background { align-items: center; background: rgb(248, 248, 248); border-radius: 0.25rem; box-sizing: border-box; color: rgb(0, 58, 93); display: flex; font-family: Roboto, Arial, sans-serif; font-weight: 700; justify-content: center; overflow: hidden; margin-left: 1rem; width: 2rem; height: 2rem; font-size: 0.75rem; line-height: 1.125rem; } .browser-ie .score-card-homepage .match-teams .team-detail .-points-tally .circle-background { padding-top: 0px; } @media (min-width: 120rem) { .score-card-homepage .match-teams .team-detail .-points-tally .circle-background { width: 2.5rem; height: 2.5rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1rem; line-height: 1.5rem; } } .score-card-homepage div[class*=" match-status"], .score-card-homepage div[class^="match-status"] { background: rgb(255, 255, 255); height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end; text-align: right; } .score-card-homepage div[class*=" match-status"] div[class*=" status--"], .score-card-homepage div[class*=" match-status"] div[class^="status--"], .score-card-homepage div[class^="match-status"] div[class*=" status--"], .score-card-homepage div[class^="match-status"] div[class^="status--"] { display: inline-block; margin-left: 10px; } .score-card-homepage div[class*=" match-status"] .status--warm-up, .score-card-homepage div[class^="match-status"] .status--warm-up { min-width: 85px; } .score-card-homepage div[class*=" match-status"] .status--live, .score-card-homepage div[class^="match-status"] .status--live { min-width: 60px; } .score-card-homepage div[class*=" match-status"] .status--cancelled, .score-card-homepage div[class*=" match-status"] .status--suspended, .score-card-homepage div[class^="match-status"] .status--cancelled, .score-card-homepage div[class^="match-status"] .status--suspended { min-width: 100px; } .score-card-homepage div[class*=" match-status"] .status--scheduled, .score-card-homepage div[class^="match-status"] .status--scheduled { min-width: 100px; margin-left: 10px; } .score-card-homepage div[class*=" match-status"] .status--scheduled div, .score-card-homepage div[class^="match-status"] .status--scheduled div { margin: 0px; line-height: 13px; height: 16px; } .score-card-homepage div[class*=" match-status"] .status--scheduled .date, .score-card-homepage div[class^="match-status"] .status--scheduled .date { font-weight: 700; text-transform: uppercase; color: rgb(34, 34, 34); font-size: 13px; display: flex; align-items: center; justify-content: flex-end; } .score-card-homepage div[class*=" match-status"] .status--scheduled .date-icon, .score-card-homepage div[class^="match-status"] .status--scheduled .date-icon { margin-left: 0.1875rem; margin-top: -0.1875rem; width: 1rem; height: 1rem; } .score-card-homepage div[class*=" match-status"] .status--scheduled .date-icon__night, .score-card-homepage div[class^="match-status"] .status--scheduled .date-icon__night { width: 1rem; height: 0.875rem; } .score-card-homepage div[class*=" match-status"] .status--scheduled .location, .score-card-homepage div[class^="match-status"] .status--scheduled .location { color: rgb(102, 102, 102); letter-spacing: normal; font-size: 11px; line-height: 20px; } .score-card-homepage div[class*=" match-status"] .status--scheduled .buy-tickets-link, .score-card-homepage div[class^="match-status"] .status--scheduled .buy-tickets-link { text-decoration: none; font-weight: 700; font-size: 13px; display: inline-flex; align-items: center; margin-top: 0.125rem; } .score-card-homepage div[class*=" match-status"] .status--scheduled .buy-tickets-link__icon, .score-card-homepage div[class^="match-status"] .status--scheduled .buy-tickets-link__icon { width: 0.75rem; height: 0.75rem; margin-left: 0.0625rem; } .score-card-homepage__match-centre-link { bottom: 0px; display: block; height: 100%; position: absolute; right: 0px; text-decoration: none; top: 0px; width: 40%; z-index: 1; } .score-card-homepage__match-centre-link::after { content: ""; background-image: url("/img/score_card_arrow-white.94bd78101e55136265a95f5cfca37d21.svg"); background-repeat: no-repeat; background-size: 0.5rem 1rem; width: 0.5rem; height: 1rem; position: absolute; right: 0.375rem; top: 50%; margin-top: -0.5rem; } .score-card-homepage__match-centre-link:focus, .score-card-homepage__match-centre-link:hover { text-decoration: none; } .score-card-homepage__match-centre-link:focus::after, .score-card-homepage__match-centre-link:hover::after { background-image: url("/img/score_card_arrow-yellow.315177ea4f151b146ee3a30687a14b32.svg"); } .score-card-homepage__match-centre-link:focus ~ .breaker-row .breaker-line__icon, .score-card-homepage__match-centre-link:hover ~ .breaker-row .breaker-line__icon { animation-duration: 0.3s; animation-fill-mode: both; animation-iteration-count: 2; } .score-card-homepage.-doubles .score-card-homepage__container .match-teams .team-detail { height: auto; } .score-card-homepage.-doubles .score-card-homepage__container .match-teams .team-detail.team-0 { border-bottom: 1px solid rgb(244, 244, 244); } .score-card-homepage.-doubles .score-card-homepage__container .match-teams .team-detail td { padding-top: 0.25rem; padding-bottom: 0.25rem; } @media (min-width: 120rem) { .score-card-homepage.-doubles .score-card-homepage__container .match-teams .team-detail td { padding-top: 0.125rem; padding-bottom: 0.125rem; } } .score-card-homepage.-doubles .score-card-homepage__container .match-teams .team-detail .team-detail__players .player span { font-size: 0.625rem; line-height: 0.75rem; } @media (min-width: 120rem) { .score-card-homepage.-doubles .score-card-homepage__container .match-teams .team-detail .team-detail__players .player span { font-size: 0.75rem; line-height: 1rem; } } .score-card-homepage.-doubles .team-detail__players { height: auto; } @media screen { .score-card-homepage.-highlighted .score-card-homepage__container { border: 3px solid rgb(102, 207, 255); } .score-card-homepage.-highlighted .score-card-homepage__container .team-detail.-highlighted { background-color: rgb(230, 245, 255); border-radius: 1px; } .score-card-homepage.-highlighted .score-card-homepage__container .team-detail.-highlighted a.player:focus .player-name, .score-card-homepage.-highlighted .score-card-homepage__container .team-detail.-highlighted a.player:hover .player-name { border-bottom: 1px solid rgb(34, 34, 34); text-shadow: rgb(204, 235, 255) 2px 0px 0px, rgb(204, 235, 255) 1.75px 0.966667px 0px, rgb(204, 235, 255) 1.08333px 1.68333px 0px, rgb(204, 235, 255) 0.133333px 2px 0px, rgb(204, 235, 255) -0.833333px 1.81667px 0px, rgb(204, 235, 255) -1.6px 1.2px 0px, rgb(204, 235, 255) -1.98333px 0.283333px 0px, rgb(204, 235, 255) -1.86667px -0.7px 0px, rgb(204, 235, 255) -1.3px -1.51667px 0px, rgb(204, 235, 255) -0.416667px -1.95px 0px, rgb(204, 235, 255) 0.566667px -1.91667px 0px, rgb(204, 235, 255) 1.41667px -1.41667px 0px, rgb(204, 235, 255) 1.91667px -0.566667px 0px; } .score-card-homepage.-highlighted .score-card-homepage__container.-doubles .team-detail.-highlighted { margin: -5px -5px 10px; } } .score-card-homepage.hidden { width: 0px; height: 0px; padding: 0px; } .score-card-homepage.hidden .score-card-homepage__container { width: 0px; height: 0px; padding: 0px; border: 0px; } .score-card-homepage.-full-draw { margin-bottom: 5px !important; } .score-card-homepage.-full-draw .score-card-homepage__container { font-size: 11px; flex-direction: column; } .score-card-homepage.-full-draw .teams-wrapper { flex: 0 0 auto; display: block; } .score-card-homepage.-full-draw .match-teams .team-detail { margin: 0px; padding: 3px 2px; position: relative; } .score-card-homepage.-full-draw .match-teams .team-detail__players { width: 100%; } .score-card-homepage.-full-draw .match-teams .team-detail__players .player { line-height: 1.25em; text-decoration: none; padding-top: 0.625rem; padding-bottom: 0.625rem; } .score-card-homepage.-full-draw .match-teams .team-detail__players .player .player-name { line-height: 1.25; } .score-card-homepage.-full-draw .match-teams .team-detail .player-tick { height: 1.125rem; width: 1.125rem; margin: 0px; } .score-card-homepage.-full-draw .match-teams .team-detail td[class^="status"] { padding: 0px; } .score-card-homepage.-full-draw .match-teams .team-detail td:last-child.status { padding-right: 0.625rem; } .score-card-homepage.-full-draw .match-teams .team-detail div[class*=" status"]::before, .score-card-homepage.-full-draw .match-teams .team-detail td[class^="status"]::before { font-size: 18px; } .score-card-homepage.-full-draw .match-teams .team-detail div[class*=" status"]::after, .score-card-homepage.-full-draw .match-teams .team-detail td[class^="status"]::after { font-size: 8px; padding: 3px 5px 1px; line-height: 9px; } .score-card-homepage.-full-draw .match-teams .team-detail div[class*=" status"].-walkover::after, .score-card-homepage.-full-draw .match-teams .team-detail td[class^="status"].-walkover::after { content: "W/O" !important; } .score-card-homepage.-full-draw .full-draw__scores, .score-card-homepage.-full-draw .match-status { width: 100%; border-top: 2px solid rgb(244, 244, 244); text-align: left; height: 16px; display: flex; align-items: center; justify-content: flex-start !important; } .score-card-homepage.-full-draw .full-draw__scores div[class*=" status--"], .score-card-homepage.-full-draw .full-draw__scores div[class^="status--"], .score-card-homepage.-full-draw .match-status div[class*=" status--"], .score-card-homepage.-full-draw .match-status div[class^="status--"] { margin: 0px 6px; } .score-card-homepage.-full-draw .full-draw__scores div[class*=" status--"]::before, .score-card-homepage.-full-draw .full-draw__scores div[class^="status--"]::before, .score-card-homepage.-full-draw .match-status div[class*=" status--"]::before, .score-card-homepage.-full-draw .match-status div[class^="status--"]::before { width: 8px; height: 8px; } .score-card-homepage.-full-draw .full-draw__scores div[class*=" status--"]::after, .score-card-homepage.-full-draw .full-draw__scores div[class^="status--"]::after, .score-card-homepage.-full-draw .match-status div[class*=" status--"]::after, .score-card-homepage.-full-draw .match-status div[class^="status--"]::after { font-size: 11px; } .score-card-homepage.-full-draw .match-status { padding-top: 5px; } .score-card-homepage.-full-draw .full-draw__scores { color: rgb(102, 102, 102); font-family: "Sharp Sans No2", Arial, sans-serif; line-height: 2em; padding: 5px 10px 8px; } .score-card-homepage.-full-draw .full-draw__scores .score:not(:last-child) { margin-right: 3px; } .score-card-homepage.-full-draw.-doubles { height: 110px; } .score-card-homepage.-full-draw.-doubles .score-card-homepage__container .match-teams .team-detail:first-child td { padding-bottom: 5px; } .score-card-homepage.-full-draw.-doubles .score-card-homepage__container .match-teams .team-detail:nth-child(2) td { padding-top: 5px; } .score-card-homepage.-first-round .team-no-1 .team-detail__players::before { content: "1"; } .score-card-homepage.-first-round .team-no-1 .team-detail__players::before, .score-card-homepage.-first-round .team-no-2 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-2 .team-detail__players::before { content: "2"; } .score-card-homepage.-first-round .team-no-3 .team-detail__players::before { content: "3"; } .score-card-homepage.-first-round .team-no-3 .team-detail__players::before, .score-card-homepage.-first-round .team-no-4 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-4 .team-detail__players::before { content: "4"; } .score-card-homepage.-first-round .team-no-5 .team-detail__players::before { content: "5"; } .score-card-homepage.-first-round .team-no-5 .team-detail__players::before, .score-card-homepage.-first-round .team-no-6 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-6 .team-detail__players::before { content: "6"; } .score-card-homepage.-first-round .team-no-7 .team-detail__players::before { content: "7"; } .score-card-homepage.-first-round .team-no-7 .team-detail__players::before, .score-card-homepage.-first-round .team-no-8 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-8 .team-detail__players::before { content: "8"; } .score-card-homepage.-first-round .team-no-9 .team-detail__players::before { content: "9"; } .score-card-homepage.-first-round .team-no-9 .team-detail__players::before, .score-card-homepage.-first-round .team-no-10 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-10 .team-detail__players::before { content: "10"; } .score-card-homepage.-first-round .team-no-11 .team-detail__players::before { content: "11"; } .score-card-homepage.-first-round .team-no-11 .team-detail__players::before, .score-card-homepage.-first-round .team-no-12 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-12 .team-detail__players::before { content: "12"; } .score-card-homepage.-first-round .team-no-13 .team-detail__players::before { content: "13"; } .score-card-homepage.-first-round .team-no-13 .team-detail__players::before, .score-card-homepage.-first-round .team-no-14 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-14 .team-detail__players::before { content: "14"; } .score-card-homepage.-first-round .team-no-15 .team-detail__players::before { content: "15"; } .score-card-homepage.-first-round .team-no-15 .team-detail__players::before, .score-card-homepage.-first-round .team-no-16 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-16 .team-detail__players::before { content: "16"; } .score-card-homepage.-first-round .team-no-17 .team-detail__players::before { content: "17"; } .score-card-homepage.-first-round .team-no-17 .team-detail__players::before, .score-card-homepage.-first-round .team-no-18 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-18 .team-detail__players::before { content: "18"; } .score-card-homepage.-first-round .team-no-19 .team-detail__players::before { content: "19"; } .score-card-homepage.-first-round .team-no-19 .team-detail__players::before, .score-card-homepage.-first-round .team-no-20 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-20 .team-detail__players::before { content: "20"; } .score-card-homepage.-first-round .team-no-21 .team-detail__players::before { content: "21"; } .score-card-homepage.-first-round .team-no-21 .team-detail__players::before, .score-card-homepage.-first-round .team-no-22 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-22 .team-detail__players::before { content: "22"; } .score-card-homepage.-first-round .team-no-23 .team-detail__players::before { content: "23"; } .score-card-homepage.-first-round .team-no-23 .team-detail__players::before, .score-card-homepage.-first-round .team-no-24 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-24 .team-detail__players::before { content: "24"; } .score-card-homepage.-first-round .team-no-25 .team-detail__players::before { content: "25"; } .score-card-homepage.-first-round .team-no-25 .team-detail__players::before, .score-card-homepage.-first-round .team-no-26 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-26 .team-detail__players::before { content: "26"; } .score-card-homepage.-first-round .team-no-27 .team-detail__players::before { content: "27"; } .score-card-homepage.-first-round .team-no-27 .team-detail__players::before, .score-card-homepage.-first-round .team-no-28 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-28 .team-detail__players::before { content: "28"; } .score-card-homepage.-first-round .team-no-29 .team-detail__players::before { content: "29"; } .score-card-homepage.-first-round .team-no-29 .team-detail__players::before, .score-card-homepage.-first-round .team-no-30 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-30 .team-detail__players::before { content: "30"; } .score-card-homepage.-first-round .team-no-31 .team-detail__players::before { content: "31"; } .score-card-homepage.-first-round .team-no-31 .team-detail__players::before, .score-card-homepage.-first-round .team-no-32 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-32 .team-detail__players::before { content: "32"; } .score-card-homepage.-first-round .team-no-33 .team-detail__players::before { content: "33"; } .score-card-homepage.-first-round .team-no-33 .team-detail__players::before, .score-card-homepage.-first-round .team-no-34 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-34 .team-detail__players::before { content: "34"; } .score-card-homepage.-first-round .team-no-35 .team-detail__players::before { content: "35"; } .score-card-homepage.-first-round .team-no-35 .team-detail__players::before, .score-card-homepage.-first-round .team-no-36 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-36 .team-detail__players::before { content: "36"; } .score-card-homepage.-first-round .team-no-37 .team-detail__players::before { content: "37"; } .score-card-homepage.-first-round .team-no-37 .team-detail__players::before, .score-card-homepage.-first-round .team-no-38 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-38 .team-detail__players::before { content: "38"; } .score-card-homepage.-first-round .team-no-39 .team-detail__players::before { content: "39"; } .score-card-homepage.-first-round .team-no-39 .team-detail__players::before, .score-card-homepage.-first-round .team-no-40 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-40 .team-detail__players::before { content: "40"; } .score-card-homepage.-first-round .team-no-41 .team-detail__players::before { content: "41"; } .score-card-homepage.-first-round .team-no-41 .team-detail__players::before, .score-card-homepage.-first-round .team-no-42 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-42 .team-detail__players::before { content: "42"; } .score-card-homepage.-first-round .team-no-43 .team-detail__players::before { content: "43"; } .score-card-homepage.-first-round .team-no-43 .team-detail__players::before, .score-card-homepage.-first-round .team-no-44 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-44 .team-detail__players::before { content: "44"; } .score-card-homepage.-first-round .team-no-45 .team-detail__players::before { content: "45"; } .score-card-homepage.-first-round .team-no-45 .team-detail__players::before, .score-card-homepage.-first-round .team-no-46 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-46 .team-detail__players::before { content: "46"; } .score-card-homepage.-first-round .team-no-47 .team-detail__players::before { content: "47"; } .score-card-homepage.-first-round .team-no-47 .team-detail__players::before, .score-card-homepage.-first-round .team-no-48 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-48 .team-detail__players::before { content: "48"; } .score-card-homepage.-first-round .team-no-49 .team-detail__players::before { content: "49"; } .score-card-homepage.-first-round .team-no-49 .team-detail__players::before, .score-card-homepage.-first-round .team-no-50 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-50 .team-detail__players::before { content: "50"; } .score-card-homepage.-first-round .team-no-51 .team-detail__players::before { content: "51"; } .score-card-homepage.-first-round .team-no-51 .team-detail__players::before, .score-card-homepage.-first-round .team-no-52 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-52 .team-detail__players::before { content: "52"; } .score-card-homepage.-first-round .team-no-53 .team-detail__players::before { content: "53"; } .score-card-homepage.-first-round .team-no-53 .team-detail__players::before, .score-card-homepage.-first-round .team-no-54 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-54 .team-detail__players::before { content: "54"; } .score-card-homepage.-first-round .team-no-55 .team-detail__players::before { content: "55"; } .score-card-homepage.-first-round .team-no-55 .team-detail__players::before, .score-card-homepage.-first-round .team-no-56 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-56 .team-detail__players::before { content: "56"; } .score-card-homepage.-first-round .team-no-57 .team-detail__players::before { content: "57"; } .score-card-homepage.-first-round .team-no-57 .team-detail__players::before, .score-card-homepage.-first-round .team-no-58 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-58 .team-detail__players::before { content: "58"; } .score-card-homepage.-first-round .team-no-59 .team-detail__players::before { content: "59"; } .score-card-homepage.-first-round .team-no-59 .team-detail__players::before, .score-card-homepage.-first-round .team-no-60 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-60 .team-detail__players::before { content: "60"; } .score-card-homepage.-first-round .team-no-61 .team-detail__players::before { content: "61"; } .score-card-homepage.-first-round .team-no-61 .team-detail__players::before, .score-card-homepage.-first-round .team-no-62 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-62 .team-detail__players::before { content: "62"; } .score-card-homepage.-first-round .team-no-63 .team-detail__players::before { content: "63"; } .score-card-homepage.-first-round .team-no-63 .team-detail__players::before, .score-card-homepage.-first-round .team-no-64 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-64 .team-detail__players::before { content: "64"; } .score-card-homepage.-first-round .team-no-65 .team-detail__players::before { content: "65"; } .score-card-homepage.-first-round .team-no-65 .team-detail__players::before, .score-card-homepage.-first-round .team-no-66 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-66 .team-detail__players::before { content: "66"; } .score-card-homepage.-first-round .team-no-67 .team-detail__players::before { content: "67"; } .score-card-homepage.-first-round .team-no-67 .team-detail__players::before, .score-card-homepage.-first-round .team-no-68 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-68 .team-detail__players::before { content: "68"; } .score-card-homepage.-first-round .team-no-69 .team-detail__players::before { content: "69"; } .score-card-homepage.-first-round .team-no-69 .team-detail__players::before, .score-card-homepage.-first-round .team-no-70 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-70 .team-detail__players::before { content: "70"; } .score-card-homepage.-first-round .team-no-71 .team-detail__players::before { content: "71"; } .score-card-homepage.-first-round .team-no-71 .team-detail__players::before, .score-card-homepage.-first-round .team-no-72 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-72 .team-detail__players::before { content: "72"; } .score-card-homepage.-first-round .team-no-73 .team-detail__players::before { content: "73"; } .score-card-homepage.-first-round .team-no-73 .team-detail__players::before, .score-card-homepage.-first-round .team-no-74 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-74 .team-detail__players::before { content: "74"; } .score-card-homepage.-first-round .team-no-75 .team-detail__players::before { content: "75"; } .score-card-homepage.-first-round .team-no-75 .team-detail__players::before, .score-card-homepage.-first-round .team-no-76 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-76 .team-detail__players::before { content: "76"; } .score-card-homepage.-first-round .team-no-77 .team-detail__players::before { content: "77"; } .score-card-homepage.-first-round .team-no-77 .team-detail__players::before, .score-card-homepage.-first-round .team-no-78 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-78 .team-detail__players::before { content: "78"; } .score-card-homepage.-first-round .team-no-79 .team-detail__players::before { content: "79"; } .score-card-homepage.-first-round .team-no-79 .team-detail__players::before, .score-card-homepage.-first-round .team-no-80 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-80 .team-detail__players::before { content: "80"; } .score-card-homepage.-first-round .team-no-81 .team-detail__players::before { content: "81"; } .score-card-homepage.-first-round .team-no-81 .team-detail__players::before, .score-card-homepage.-first-round .team-no-82 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-82 .team-detail__players::before { content: "82"; } .score-card-homepage.-first-round .team-no-83 .team-detail__players::before { content: "83"; } .score-card-homepage.-first-round .team-no-83 .team-detail__players::before, .score-card-homepage.-first-round .team-no-84 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-84 .team-detail__players::before { content: "84"; } .score-card-homepage.-first-round .team-no-85 .team-detail__players::before { content: "85"; } .score-card-homepage.-first-round .team-no-85 .team-detail__players::before, .score-card-homepage.-first-round .team-no-86 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-86 .team-detail__players::before { content: "86"; } .score-card-homepage.-first-round .team-no-87 .team-detail__players::before { content: "87"; } .score-card-homepage.-first-round .team-no-87 .team-detail__players::before, .score-card-homepage.-first-round .team-no-88 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-88 .team-detail__players::before { content: "88"; } .score-card-homepage.-first-round .team-no-89 .team-detail__players::before { content: "89"; } .score-card-homepage.-first-round .team-no-89 .team-detail__players::before, .score-card-homepage.-first-round .team-no-90 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-90 .team-detail__players::before { content: "90"; } .score-card-homepage.-first-round .team-no-91 .team-detail__players::before { content: "91"; } .score-card-homepage.-first-round .team-no-91 .team-detail__players::before, .score-card-homepage.-first-round .team-no-92 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-92 .team-detail__players::before { content: "92"; } .score-card-homepage.-first-round .team-no-93 .team-detail__players::before { content: "93"; } .score-card-homepage.-first-round .team-no-93 .team-detail__players::before, .score-card-homepage.-first-round .team-no-94 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-94 .team-detail__players::before { content: "94"; } .score-card-homepage.-first-round .team-no-95 .team-detail__players::before { content: "95"; } .score-card-homepage.-first-round .team-no-95 .team-detail__players::before, .score-card-homepage.-first-round .team-no-96 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-96 .team-detail__players::before { content: "96"; } .score-card-homepage.-first-round .team-no-97 .team-detail__players::before { content: "97"; } .score-card-homepage.-first-round .team-no-97 .team-detail__players::before, .score-card-homepage.-first-round .team-no-98 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-98 .team-detail__players::before { content: "98"; } .score-card-homepage.-first-round .team-no-99 .team-detail__players::before { content: "99"; } .score-card-homepage.-first-round .team-no-99 .team-detail__players::before, .score-card-homepage.-first-round .team-no-100 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-100 .team-detail__players::before { content: "100"; } .score-card-homepage.-first-round .team-no-101 .team-detail__players::before { content: "101"; } .score-card-homepage.-first-round .team-no-101 .team-detail__players::before, .score-card-homepage.-first-round .team-no-102 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-102 .team-detail__players::before { content: "102"; } .score-card-homepage.-first-round .team-no-103 .team-detail__players::before { content: "103"; } .score-card-homepage.-first-round .team-no-103 .team-detail__players::before, .score-card-homepage.-first-round .team-no-104 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-104 .team-detail__players::before { content: "104"; } .score-card-homepage.-first-round .team-no-105 .team-detail__players::before { content: "105"; } .score-card-homepage.-first-round .team-no-105 .team-detail__players::before, .score-card-homepage.-first-round .team-no-106 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-106 .team-detail__players::before { content: "106"; } .score-card-homepage.-first-round .team-no-107 .team-detail__players::before { content: "107"; } .score-card-homepage.-first-round .team-no-107 .team-detail__players::before, .score-card-homepage.-first-round .team-no-108 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-108 .team-detail__players::before { content: "108"; } .score-card-homepage.-first-round .team-no-109 .team-detail__players::before { content: "109"; } .score-card-homepage.-first-round .team-no-109 .team-detail__players::before, .score-card-homepage.-first-round .team-no-110 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-110 .team-detail__players::before { content: "110"; } .score-card-homepage.-first-round .team-no-111 .team-detail__players::before { content: "111"; } .score-card-homepage.-first-round .team-no-111 .team-detail__players::before, .score-card-homepage.-first-round .team-no-112 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-112 .team-detail__players::before { content: "112"; } .score-card-homepage.-first-round .team-no-113 .team-detail__players::before { content: "113"; } .score-card-homepage.-first-round .team-no-113 .team-detail__players::before, .score-card-homepage.-first-round .team-no-114 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-114 .team-detail__players::before { content: "114"; } .score-card-homepage.-first-round .team-no-115 .team-detail__players::before { content: "115"; } .score-card-homepage.-first-round .team-no-115 .team-detail__players::before, .score-card-homepage.-first-round .team-no-116 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-116 .team-detail__players::before { content: "116"; } .score-card-homepage.-first-round .team-no-117 .team-detail__players::before { content: "117"; } .score-card-homepage.-first-round .team-no-117 .team-detail__players::before, .score-card-homepage.-first-round .team-no-118 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-118 .team-detail__players::before { content: "118"; } .score-card-homepage.-first-round .team-no-119 .team-detail__players::before { content: "119"; } .score-card-homepage.-first-round .team-no-119 .team-detail__players::before, .score-card-homepage.-first-round .team-no-120 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-120 .team-detail__players::before { content: "120"; } .score-card-homepage.-first-round .team-no-121 .team-detail__players::before { content: "121"; } .score-card-homepage.-first-round .team-no-121 .team-detail__players::before, .score-card-homepage.-first-round .team-no-122 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-122 .team-detail__players::before { content: "122"; } .score-card-homepage.-first-round .team-no-123 .team-detail__players::before { content: "123"; } .score-card-homepage.-first-round .team-no-123 .team-detail__players::before, .score-card-homepage.-first-round .team-no-124 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-124 .team-detail__players::before { content: "124"; } .score-card-homepage.-first-round .team-no-125 .team-detail__players::before { content: "125"; } .score-card-homepage.-first-round .team-no-125 .team-detail__players::before, .score-card-homepage.-first-round .team-no-126 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-126 .team-detail__players::before { content: "126"; } .score-card-homepage.-first-round .team-no-127 .team-detail__players::before { content: "127"; } .score-card-homepage.-first-round .team-no-127 .team-detail__players::before, .score-card-homepage.-first-round .team-no-128 .team-detail__players::before { position: absolute; left: -50px; width: 30px; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-size: 13px; font-weight: 700; font-style: normal; font-stretch: normal; color: rgb(221, 221, 221); top: 50%; transform: translateY(-50%); padding: inherit; } .score-card-homepage.-first-round .team-no-128 .team-detail__players::before { content: "128"; } .score-card-homepage.-fixed-height { height: 7.625rem; } .score-card-homepage.-fixed-height.-doubles .score-card-homepage__container .match-teams .team-detail.team-0 td, .score-card-homepage.-fixed-height.-doubles .score-card-homepage__container .match-teams .team-detail.team-1 td { padding-top: 8px; padding-bottom: 8px; } .score-card-homepage.-has-breaker-row .match-teams .breaker-row td { padding: 0px 4px; display: none; } .score-card-homepage.-has-breaker-row.-doubles .team-detail { border-bottom: none !important; } .score-card-homepage--dark { color: rgb(255, 255, 255); } .score-card-homepage--dark .score-card-homepage__container { background: none; border-color: rgba(255, 255, 255, 0.05); } .score-card-homepage--dark .match-teams .team-detail__players .player, .score-card-homepage--dark .score-card-homepage__status::after, .score-card-homepage--dark div[class^="match-status"] .status--scheduled .date { color: rgb(255, 255, 255); } .score-card-homepage--dark div[class^="match-status"] .status--scheduled .location { color: rgb(221, 221, 221); } .score-card-homepage--dark .match-teams .team-detail__players a.player:hover .player-name { text-shadow: none; border-color: rgb(255, 255, 255); } .score-card-homepage--dark div[class^="match-status"] { background-color: rgb(34, 34, 34); } .score-card-homepage--dark .match-teams .team-detail .-points-tally .circle-background { background-color: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255); } .score-card-homepage--dark .match-teams .team-detail .score, .score-card-homepage--dark .match-teams .team-detail .tie-break { color: rgb(255, 255, 255); } .browser-ie .score-card-homepage .team-detail__players.-is-serving::after { transform: translateY(0px); } .hidden-for-full-screen-view { display: none !important; } main.no-margin-for-full-screen-view { margin: 0px !important; } div.score-card.-print-view { margin-bottom: 0.84rem; height: 7.4rem; } div.score-card.-print-view .score-card__container { font-size: 1.85rem; flex-direction: column; border-width: 0px; padding: 0px 0px 0px 1.27rem; height: 7.4rem; border-radius: 0px; display: flex; align-items: center; } div.score-card.-print-view .teams-wrapper { width: 100%; flex: 0 0 auto; } div.score-card.-print-view .match-teams .team-detail { padding: 0px; display: block; height: auto; margin: 0px; } div.score-card.-print-view .match-teams .team-detail:first-child { margin-bottom: 0px !important; padding-bottom: 0px !important; } div.score-card.-print-view .match-teams .team-detail::before { font-size: 1.91rem; left: -8.91rem; width: 7rem; } div.score-card.-print-view .match-teams .team-detail__players { width: 100%; display: block; padding: 0px !important; } div.score-card.-print-view .match-teams .team-detail__players.-winner::after { display: none; } div.score-card.-print-view .match-teams .team-detail__players .player { line-height: 1.25em; display: flex; justify-content: flex-start; flex-wrap: nowrap; font-size: 1.59rem; } div.score-card.-print-view .match-teams .team-detail__players .player .player-flag { display: none; } div.score-card.-print-view .match-teams .team-detail__players .player .player-name { white-space: nowrap; text-overflow: ellipsis; display: flex; align-items: center; border-width: 0px; overflow: hidden; vertical-align: top; line-height: 1.25; } div.score-card.-print-view .match-teams .team-detail__players .player .player-nationality-text, div.score-card.-print-view .match-teams .team-detail__players .player .player-status { display: inline-block; font-size: 0.7em; } div.score-card.-print-view .match-teams .team-detail__players .player .player-status { white-space: pre; } div.score-card.-print-view .match-teams .team-detail__players .player .player-nationality-text, div.score-card.-print-view .match-teams .team-detail__players .player .player-seed { display: none; } div.score-card.-print-view .match-teams .team-detail .player-tick { display: inline-block; vertical-align: middle; margin: 0px 0px 0px 0.3125rem; width: 2.1rem; height: 2.1rem; } div.score-card.-print-view .match-teams .team-detail div[class*=" status"], div.score-card.-print-view .match-teams .team-detail td[class^="status"] { display: none; } div.score-card.-print-view .full-draw__scores, div.score-card.-print-view .match-status { width: 100%; text-align: left; font-size: 1.59rem; border: 0px; margin: 0px; padding: 0px; justify-content: flex-start !important; } div.score-card.-print-view .full-draw__scores div[class*=" status--"], div.score-card.-print-view .full-draw__scores div[class^="status--"], div.score-card.-print-view .match-status div[class*=" status--"], div.score-card.-print-view .match-status div[class^="status--"] { display: none; } div.score-card.-print-view .full-draw__scores { color: rgb(102, 102, 102); font-family: "Sharp Sans No2", Arial, sans-serif; white-space: nowrap; line-height: 1.4em; height: auto; margin-top: 0.1rem; } div.score-card.-print-view .full-draw__scores .score:not(:last-child) { margin-right: 0.51rem; } div.score-card.-print-view.-doubles { height: 15.7rem; } div.score-card.-print-view.-doubles .score-card__container { padding-top: 1.75rem; height: 15.7rem; } div.score-card.-print-view.-doubles .score-card__container .match-teams .team-detail { height: 4.4rem; } div.score-card.-print-view.-doubles .score-card__container .match-teams .team-detail.team-0 { border-width: 0.1rem; } div.score-card.-print-view.-doubles .score-card__container .match-teams .team-detail.team-1 td { padding: 0.2rem 0px 0px !important; } div.score-card.-print-view.-doubles .score-card__container .match-teams .team-detail__players { height: 4.4rem; } div.score-card.-print-view.-doubles .score-card__container .match-teams .team-detail__players .player { font-size: 1.5rem !important; } div.score-card.-print-view.-first-round .team-no-1 .team-detail__players::before { content: "1"; } div.score-card.-print-view.-first-round .team-no-1 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-2 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-2 .team-detail__players::before { content: "2"; } div.score-card.-print-view.-first-round .team-no-3 .team-detail__players::before { content: "3"; } div.score-card.-print-view.-first-round .team-no-3 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-4 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-4 .team-detail__players::before { content: "4"; } div.score-card.-print-view.-first-round .team-no-5 .team-detail__players::before { content: "5"; } div.score-card.-print-view.-first-round .team-no-5 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-6 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-6 .team-detail__players::before { content: "6"; } div.score-card.-print-view.-first-round .team-no-7 .team-detail__players::before { content: "7"; } div.score-card.-print-view.-first-round .team-no-7 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-8 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-8 .team-detail__players::before { content: "8"; } div.score-card.-print-view.-first-round .team-no-9 .team-detail__players::before { content: "9"; } div.score-card.-print-view.-first-round .team-no-9 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-10 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-10 .team-detail__players::before { content: "10"; } div.score-card.-print-view.-first-round .team-no-11 .team-detail__players::before { content: "11"; } div.score-card.-print-view.-first-round .team-no-11 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-12 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-12 .team-detail__players::before { content: "12"; } div.score-card.-print-view.-first-round .team-no-13 .team-detail__players::before { content: "13"; } div.score-card.-print-view.-first-round .team-no-13 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-14 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-14 .team-detail__players::before { content: "14"; } div.score-card.-print-view.-first-round .team-no-15 .team-detail__players::before { content: "15"; } div.score-card.-print-view.-first-round .team-no-15 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-16 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-16 .team-detail__players::before { content: "16"; } div.score-card.-print-view.-first-round .team-no-17 .team-detail__players::before { content: "17"; } div.score-card.-print-view.-first-round .team-no-17 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-18 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-18 .team-detail__players::before { content: "18"; } div.score-card.-print-view.-first-round .team-no-19 .team-detail__players::before { content: "19"; } div.score-card.-print-view.-first-round .team-no-19 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-20 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-20 .team-detail__players::before { content: "20"; } div.score-card.-print-view.-first-round .team-no-21 .team-detail__players::before { content: "21"; } div.score-card.-print-view.-first-round .team-no-21 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-22 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-22 .team-detail__players::before { content: "22"; } div.score-card.-print-view.-first-round .team-no-23 .team-detail__players::before { content: "23"; } div.score-card.-print-view.-first-round .team-no-23 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-24 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-24 .team-detail__players::before { content: "24"; } div.score-card.-print-view.-first-round .team-no-25 .team-detail__players::before { content: "25"; } div.score-card.-print-view.-first-round .team-no-25 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-26 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-26 .team-detail__players::before { content: "26"; } div.score-card.-print-view.-first-round .team-no-27 .team-detail__players::before { content: "27"; } div.score-card.-print-view.-first-round .team-no-27 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-28 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-28 .team-detail__players::before { content: "28"; } div.score-card.-print-view.-first-round .team-no-29 .team-detail__players::before { content: "29"; } div.score-card.-print-view.-first-round .team-no-29 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-30 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-30 .team-detail__players::before { content: "30"; } div.score-card.-print-view.-first-round .team-no-31 .team-detail__players::before { content: "31"; } div.score-card.-print-view.-first-round .team-no-31 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-32 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-32 .team-detail__players::before { content: "32"; } div.score-card.-print-view.-first-round .team-no-33 .team-detail__players::before { content: "33"; } div.score-card.-print-view.-first-round .team-no-33 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-34 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-34 .team-detail__players::before { content: "34"; } div.score-card.-print-view.-first-round .team-no-35 .team-detail__players::before { content: "35"; } div.score-card.-print-view.-first-round .team-no-35 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-36 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-36 .team-detail__players::before { content: "36"; } div.score-card.-print-view.-first-round .team-no-37 .team-detail__players::before { content: "37"; } div.score-card.-print-view.-first-round .team-no-37 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-38 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-38 .team-detail__players::before { content: "38"; } div.score-card.-print-view.-first-round .team-no-39 .team-detail__players::before { content: "39"; } div.score-card.-print-view.-first-round .team-no-39 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-40 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-40 .team-detail__players::before { content: "40"; } div.score-card.-print-view.-first-round .team-no-41 .team-detail__players::before { content: "41"; } div.score-card.-print-view.-first-round .team-no-41 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-42 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-42 .team-detail__players::before { content: "42"; } div.score-card.-print-view.-first-round .team-no-43 .team-detail__players::before { content: "43"; } div.score-card.-print-view.-first-round .team-no-43 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-44 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-44 .team-detail__players::before { content: "44"; } div.score-card.-print-view.-first-round .team-no-45 .team-detail__players::before { content: "45"; } div.score-card.-print-view.-first-round .team-no-45 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-46 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-46 .team-detail__players::before { content: "46"; } div.score-card.-print-view.-first-round .team-no-47 .team-detail__players::before { content: "47"; } div.score-card.-print-view.-first-round .team-no-47 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-48 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-48 .team-detail__players::before { content: "48"; } div.score-card.-print-view.-first-round .team-no-49 .team-detail__players::before { content: "49"; } div.score-card.-print-view.-first-round .team-no-49 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-50 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-50 .team-detail__players::before { content: "50"; } div.score-card.-print-view.-first-round .team-no-51 .team-detail__players::before { content: "51"; } div.score-card.-print-view.-first-round .team-no-51 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-52 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-52 .team-detail__players::before { content: "52"; } div.score-card.-print-view.-first-round .team-no-53 .team-detail__players::before { content: "53"; } div.score-card.-print-view.-first-round .team-no-53 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-54 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-54 .team-detail__players::before { content: "54"; } div.score-card.-print-view.-first-round .team-no-55 .team-detail__players::before { content: "55"; } div.score-card.-print-view.-first-round .team-no-55 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-56 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-56 .team-detail__players::before { content: "56"; } div.score-card.-print-view.-first-round .team-no-57 .team-detail__players::before { content: "57"; } div.score-card.-print-view.-first-round .team-no-57 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-58 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-58 .team-detail__players::before { content: "58"; } div.score-card.-print-view.-first-round .team-no-59 .team-detail__players::before { content: "59"; } div.score-card.-print-view.-first-round .team-no-59 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-60 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-60 .team-detail__players::before { content: "60"; } div.score-card.-print-view.-first-round .team-no-61 .team-detail__players::before { content: "61"; } div.score-card.-print-view.-first-round .team-no-61 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-62 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-62 .team-detail__players::before { content: "62"; } div.score-card.-print-view.-first-round .team-no-63 .team-detail__players::before { content: "63"; } div.score-card.-print-view.-first-round .team-no-63 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-64 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-64 .team-detail__players::before { content: "64"; } div.score-card.-print-view.-first-round .team-no-65 .team-detail__players::before { content: "65"; } div.score-card.-print-view.-first-round .team-no-65 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-66 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-66 .team-detail__players::before { content: "66"; } div.score-card.-print-view.-first-round .team-no-67 .team-detail__players::before { content: "67"; } div.score-card.-print-view.-first-round .team-no-67 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-68 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-68 .team-detail__players::before { content: "68"; } div.score-card.-print-view.-first-round .team-no-69 .team-detail__players::before { content: "69"; } div.score-card.-print-view.-first-round .team-no-69 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-70 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-70 .team-detail__players::before { content: "70"; } div.score-card.-print-view.-first-round .team-no-71 .team-detail__players::before { content: "71"; } div.score-card.-print-view.-first-round .team-no-71 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-72 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-72 .team-detail__players::before { content: "72"; } div.score-card.-print-view.-first-round .team-no-73 .team-detail__players::before { content: "73"; } div.score-card.-print-view.-first-round .team-no-73 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-74 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-74 .team-detail__players::before { content: "74"; } div.score-card.-print-view.-first-round .team-no-75 .team-detail__players::before { content: "75"; } div.score-card.-print-view.-first-round .team-no-75 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-76 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-76 .team-detail__players::before { content: "76"; } div.score-card.-print-view.-first-round .team-no-77 .team-detail__players::before { content: "77"; } div.score-card.-print-view.-first-round .team-no-77 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-78 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-78 .team-detail__players::before { content: "78"; } div.score-card.-print-view.-first-round .team-no-79 .team-detail__players::before { content: "79"; } div.score-card.-print-view.-first-round .team-no-79 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-80 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-80 .team-detail__players::before { content: "80"; } div.score-card.-print-view.-first-round .team-no-81 .team-detail__players::before { content: "81"; } div.score-card.-print-view.-first-round .team-no-81 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-82 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-82 .team-detail__players::before { content: "82"; } div.score-card.-print-view.-first-round .team-no-83 .team-detail__players::before { content: "83"; } div.score-card.-print-view.-first-round .team-no-83 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-84 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-84 .team-detail__players::before { content: "84"; } div.score-card.-print-view.-first-round .team-no-85 .team-detail__players::before { content: "85"; } div.score-card.-print-view.-first-round .team-no-85 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-86 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-86 .team-detail__players::before { content: "86"; } div.score-card.-print-view.-first-round .team-no-87 .team-detail__players::before { content: "87"; } div.score-card.-print-view.-first-round .team-no-87 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-88 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-88 .team-detail__players::before { content: "88"; } div.score-card.-print-view.-first-round .team-no-89 .team-detail__players::before { content: "89"; } div.score-card.-print-view.-first-round .team-no-89 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-90 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-90 .team-detail__players::before { content: "90"; } div.score-card.-print-view.-first-round .team-no-91 .team-detail__players::before { content: "91"; } div.score-card.-print-view.-first-round .team-no-91 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-92 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-92 .team-detail__players::before { content: "92"; } div.score-card.-print-view.-first-round .team-no-93 .team-detail__players::before { content: "93"; } div.score-card.-print-view.-first-round .team-no-93 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-94 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-94 .team-detail__players::before { content: "94"; } div.score-card.-print-view.-first-round .team-no-95 .team-detail__players::before { content: "95"; } div.score-card.-print-view.-first-round .team-no-95 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-96 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-96 .team-detail__players::before { content: "96"; } div.score-card.-print-view.-first-round .team-no-97 .team-detail__players::before { content: "97"; } div.score-card.-print-view.-first-round .team-no-97 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-98 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-98 .team-detail__players::before { content: "98"; } div.score-card.-print-view.-first-round .team-no-99 .team-detail__players::before { content: "99"; } div.score-card.-print-view.-first-round .team-no-99 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-100 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-100 .team-detail__players::before { content: "100"; } div.score-card.-print-view.-first-round .team-no-101 .team-detail__players::before { content: "101"; } div.score-card.-print-view.-first-round .team-no-101 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-102 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-102 .team-detail__players::before { content: "102"; } div.score-card.-print-view.-first-round .team-no-103 .team-detail__players::before { content: "103"; } div.score-card.-print-view.-first-round .team-no-103 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-104 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-104 .team-detail__players::before { content: "104"; } div.score-card.-print-view.-first-round .team-no-105 .team-detail__players::before { content: "105"; } div.score-card.-print-view.-first-round .team-no-105 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-106 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-106 .team-detail__players::before { content: "106"; } div.score-card.-print-view.-first-round .team-no-107 .team-detail__players::before { content: "107"; } div.score-card.-print-view.-first-round .team-no-107 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-108 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-108 .team-detail__players::before { content: "108"; } div.score-card.-print-view.-first-round .team-no-109 .team-detail__players::before { content: "109"; } div.score-card.-print-view.-first-round .team-no-109 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-110 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-110 .team-detail__players::before { content: "110"; } div.score-card.-print-view.-first-round .team-no-111 .team-detail__players::before { content: "111"; } div.score-card.-print-view.-first-round .team-no-111 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-112 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-112 .team-detail__players::before { content: "112"; } div.score-card.-print-view.-first-round .team-no-113 .team-detail__players::before { content: "113"; } div.score-card.-print-view.-first-round .team-no-113 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-114 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-114 .team-detail__players::before { content: "114"; } div.score-card.-print-view.-first-round .team-no-115 .team-detail__players::before { content: "115"; } div.score-card.-print-view.-first-round .team-no-115 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-116 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-116 .team-detail__players::before { content: "116"; } div.score-card.-print-view.-first-round .team-no-117 .team-detail__players::before { content: "117"; } div.score-card.-print-view.-first-round .team-no-117 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-118 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-118 .team-detail__players::before { content: "118"; } div.score-card.-print-view.-first-round .team-no-119 .team-detail__players::before { content: "119"; } div.score-card.-print-view.-first-round .team-no-119 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-120 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-120 .team-detail__players::before { content: "120"; } div.score-card.-print-view.-first-round .team-no-121 .team-detail__players::before { content: "121"; } div.score-card.-print-view.-first-round .team-no-121 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-122 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-122 .team-detail__players::before { content: "122"; } div.score-card.-print-view.-first-round .team-no-123 .team-detail__players::before { content: "123"; } div.score-card.-print-view.-first-round .team-no-123 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-124 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-124 .team-detail__players::before { content: "124"; } div.score-card.-print-view.-first-round .team-no-125 .team-detail__players::before { content: "125"; } div.score-card.-print-view.-first-round .team-no-125 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-126 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-126 .team-detail__players::before { content: "126"; } div.score-card.-print-view.-first-round .team-no-127 .team-detail__players::before { content: "127"; } div.score-card.-print-view.-first-round .team-no-127 .team-detail__players::before, div.score-card.-print-view.-first-round .team-no-128 .team-detail__players::before { position: absolute; width: 5.05rem; text-align: right; font-family: "Source Sans", Arial, sans-serif; font-style: normal; font-stretch: normal; top: 50%; transform: translateY(-50%); padding: inherit; color: rgb(0, 0, 0); left: -6.36rem; font-weight: 400; font-size: 1.59rem; } div.score-card.-print-view.-first-round .team-no-128 .team-detail__players::before { content: "128"; } div.score-card.-print-view.-first-round .player-short-name { display: none; } div.score-card.-print-view.-first-round .match-teams .team-detail__players .player .player-full-name { display: inline; } div.score-card.-print-view.-first-round .match-teams .team-detail__players .player .player-nationality-text, div.score-card.-print-view.-first-round .match-teams .team-detail__players .player .player-seed { display: inline-block; } .-has-final-match div.score-card.-print-view.-last-round { display: none; } .-has-final-match .knockout-tree__column:nth-last-child(2) div.score-card.-print-view::after { content: normal !important; } .breaker-line { height: 0.0625rem; background: rgb(244, 244, 244); padding: 0px; position: relative; margin: 0px 0.25rem 0px 0px; } .breaker-line--full-width { margin: 0px; } .breaker-line__icon { align-items: center; background: rgb(255, 255, 255); border-radius: 1.25rem; border: 0.0625rem solid rgb(244, 244, 244); box-sizing: border-box; display: flex; height: 1.25rem; justify-content: center; position: absolute; right: -0.3125rem; top: -0.625rem; width: 1.25rem; padding-left: 0.2em; } .breaker-line__icon-icon { width: 0.875rem; height: 0.875rem; color: rgb(0, 145, 210); } .breaker-line--is-dark { background: rgb(44, 44, 44); } @-webkit-keyframes display-none-transition { 0% { opacity: 0; } } @keyframes display-none-transition { 0% { opacity: 0; } } @-webkit-keyframes toTopFromBottom { 49% { opacity: 0; transform: translateY(-100%); } 50% { transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { opacity: 0; transform: translateY(-100%); } 50% { transform: translateY(100%); } 51% { opacity: 1; } } @-webkit-keyframes search-animate-in { 0% { height: 0px; } 100% { height: 13.25rem; } } @keyframes search-animate-in { 0% { height: 0px; } 100% { height: 13.25rem; } } @-webkit-keyframes search-animate-in-mobile { 0% { height: 0px; } 100% { height: 10rem; } } @keyframes search-animate-in-mobile { 0% { height: 0px; } 100% { height: 10rem; } } @-webkit-keyframes header-animate-out { 0% { transform: translateY(0px) translateX(-50%); } 100% { transform: translateY(-100%) translateX(-50%); } } @keyframes header-animate-out { 0% { transform: translateY(0px) translateX(-50%); } 100% { transform: translateY(-100%) translateX(-50%); } } @-webkit-keyframes menu-animate-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes menu-animate-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes menu-animate-height { 0% { height: 0px; } 100% { height: 56px; } } @keyframes menu-animate-height { 0% { height: 0px; } 100% { height: 56px; } } @-webkit-keyframes mobile-main-animate-out { 0% { max-height: none; } 99% { max-height: none; } 100% { max-height: 0px; } } @keyframes mobile-main-animate-out { 0% { max-height: none; } 99% { max-height: none; } 100% { max-height: 0px; } } @-webkit-keyframes accordion-animate-open { 0% { max-height: 0px; } 99% { max-height: 500px; } 100% { max-height: 9999px; } } @keyframes accordion-animate-open { 0% { max-height: 0px; } 99% { max-height: 500px; } 100% { max-height: 9999px; } } @-webkit-keyframes accordion-animate-close { 0% { max-height: 9999px; } 1% { max-height: 200px; } 100% { max-height: 0px; } } @keyframes accordion-animate-close { 0% { max-height: 9999px; } 1% { max-height: 200px; } 100% { max-height: 0px; } } @-webkit-keyframes button-animate-on { 0% { transform: translateZ(0px) rotate(-20deg); } 100% { transform: translate3d(0px, 100%, 0px) rotate(0deg); } } @keyframes button-animate-on { 0% { transform: translateZ(0px) rotate(-20deg); } 100% { transform: translate3d(0px, 100%, 0px) rotate(0deg); } } @-webkit-keyframes button-animate-off { 0% { transform: translate3d(0px, 100%, 0px) rotate(-20deg); } 100% { transform: translateZ(0px) rotate(0deg); } } @keyframes button-animate-off { 0% { transform: translate3d(0px, 100%, 0px) rotate(-20deg); } 100% { transform: translateZ(0px) rotate(0deg); } } @-webkit-keyframes filters-animate-in { 0% { transform: translate(-50%, -100%); } 100% { transform: translate(-50%); } } @keyframes filters-animate-in { 0% { transform: translate(-50%, -100%); } 100% { transform: translate(-50%); } } @-webkit-keyframes modal-slide-in { 0% { transform: translateY(40px); } 100% { transform: translateY(0px); } } @keyframes modal-slide-in { 0% { transform: translateY(40px); } 100% { transform: translateY(0px); } } @-webkit-keyframes card-ease-in { 25% { opacity: 0; transform: translateY(100%); filter: blur(20px) grayscale(50%); } 50% { opacity: 0.3; } 75% { opacity: 1; transform: translateY(0px); filter: blur(0px) grayscale(0); } } @keyframes card-ease-in { 25% { opacity: 0; transform: translateY(100%); filter: blur(20px) grayscale(50%); } 50% { opacity: 0.3; } 75% { opacity: 1; transform: translateY(0px); filter: blur(0px) grayscale(0); } } @-webkit-keyframes pulse { 0% { animation-timing-function: ease-in; transform: scaleX(1); } 50% { animation-timing-function: ease-out; transform: scale3d(1.35, 1.35, 1.35); } 100% { animation-timing-function: ease-in; transform: scaleX(1); } } @keyframes pulse { 0% { animation-timing-function: ease-in; transform: scaleX(1); } 50% { animation-timing-function: ease-out; transform: scale3d(1.35, 1.35, 1.35); } 100% { animation-timing-function: ease-in; transform: scaleX(1); } } .pulse { animation-name: pulse; } .status-label { color: rgb(34, 34, 34); font-weight: 700; text-transform: uppercase; display: inline-block; font-size: 0.75rem; font-family: "Sharp Sans No2", Arial, sans-serif; white-space: nowrap; position: relative; } .status-label__dot-wrapper { width: 0.625rem; height: 0.625rem; border-radius: 0px; position: absolute; display: inline-block; top: 50%; transform: translateY(-50%); } .status-label__dot-wrapper.size__small { border-radius: 50%; width: 0.25rem; height: 0.25rem; } .status-label__dot-wrapper.size__small.position__right { right: -0.5625rem; } .status-label__dot-wrapper.size__small.position__left { left: -0.5625rem; } .status-label__dot-wrapper.position__right { right: -0.9375rem; } .status-label__dot-wrapper.position__left { left: -0.9375rem; } .status-label__dot-pulse { border-radius: 50%; width: 0.625rem; height: 0.625rem; opacity: 0.5; animation: 1.5s cubic-bezier(0.66, 0, 0, 1) 0s infinite normal none running pulseRadiate; will-change: transform, opacity; position: absolute; top: 0px; left: 0px; } @-webkit-keyframes pulseRadiate { 100% { transform: scale(3); opacity: 0; } } @keyframes pulseRadiate { 100% { transform: scale(3); opacity: 0; } } .status-label__dot { border-radius: 50%; width: 0.625rem; height: 0.625rem; display: block; -webkit-print-color-adjust: exact; } .status-label--homepage { height: 1rem; font-family: Roboto, Arial, sans-serif; font-size: 0.625rem; line-height: 1rem; } .status-label .size__small .status-label__dot, .status-label .size__small .status-label__dot-pulse { border-radius: 50%; width: 0.25rem; height: 0.25rem; } .status-label--color-ao-white { color: rgb(255, 255, 255); } .status-label__dot--bg-ao-white { background-color: rgb(255, 255, 255); } .status-label--color-white-dark { color: rgb(242, 242, 242); } .status-label__dot--bg-white-dark { background-color: rgb(242, 242, 242); } .status-label--color-grey-stone { color: rgb(230, 230, 230); } .status-label__dot--bg-grey-stone { background-color: rgb(230, 230, 230); } .status-label--color-grey-lightest { color: rgb(248, 248, 248); } .status-label__dot--bg-grey-lightest { background-color: rgb(248, 248, 248); } .status-label--color-grey-lighterer { color: grey; } .status-label__dot--bg-grey-lighterer { background-color: grey; } .status-label--color-grey-lighter { color: rgb(244, 244, 244); } .status-label__dot--bg-grey-lighter { background-color: rgb(244, 244, 244); } .status-label--color-grey-light { color: rgb(238, 238, 238); } .status-label__dot--bg-grey-light { background-color: rgb(238, 238, 238); } .status-label--color-grey-light-border { color: rgb(204, 204, 204); } .status-label__dot--bg-grey-light-border { background-color: rgb(204, 204, 204); } .status-label--color-grey-mid { color: rgb(221, 221, 221); } .status-label__dot--bg-grey-mid { background-color: rgb(221, 221, 221); } .status-label--color-grey-dark { color: rgb(102, 102, 102); } .status-label__dot--bg-grey-dark { background-color: rgb(102, 102, 102); } .status-label--color-grey-opacity { color: rgb(222, 222, 222); } .status-label__dot--bg-grey-opacity { background-color: rgb(222, 222, 222); } .status-label--color-gray-darker { color: rgb(123, 121, 121); } .status-label__dot--bg-gray-darker { background-color: rgb(123, 121, 121); } .status-label--color-grey-darkerer { color: rgb(51, 51, 51); } .status-label__dot--bg-grey-darkerer { background-color: rgb(51, 51, 51); } .status-label--color-grey-darkest { color: rgb(34, 34, 34); } .status-label__dot--bg-grey-darkest { background-color: rgb(34, 34, 34); } .status-label--color-off-black { color: rgb(17, 17, 17); } .status-label__dot--bg-off-black { background-color: rgb(17, 17, 17); } .status-label--color-ao-black { color: rgb(0, 0, 0); } .status-label__dot--bg-ao-black { background-color: rgb(0, 0, 0); } .status-label--color-blue-outline-highlight { color: rgb(102, 207, 255); } .status-label__dot--bg-blue-outline-highlight { background-color: rgb(102, 207, 255); } .status-label--color-blue-background-highlight { color: rgb(230, 245, 255); } .status-label__dot--bg-blue-background-highlight { background-color: rgb(230, 245, 255); } .status-label--color-ao-footer-grey { color: rgb(249, 249, 249); } .status-label__dot--bg-ao-footer-grey { background-color: rgb(249, 249, 249); } .status-label--color-ao-grey-dark { color: rgb(153, 153, 153); } .status-label__dot--bg-ao-grey-dark { background-color: rgb(153, 153, 153); } .status-label--color-ao-blue { color: rgb(0, 145, 210); } .status-label__dot--bg-ao-blue { background-color: rgb(0, 145, 210); } .status-label--color-ao-dark-blue { color: rgb(0, 58, 93); } .status-label__dot--bg-ao-dark-blue { background-color: rgb(0, 58, 93); } .status-label--color-ao-darker-blue { color: rgb(30, 40, 134); } .status-label__dot--bg-ao-darker-blue { background-color: rgb(30, 40, 134); } .status-label--color-ao-orange { color: rgb(247, 152, 29); } .status-label__dot--bg-ao-orange { background-color: rgb(247, 152, 29); } .status-label--color-ao-lime-green { color: rgb(215, 215, 0); } .status-label__dot--bg-ao-lime-green { background-color: rgb(215, 215, 0); } .status-label--color-ao-watermelon { color: rgb(255, 102, 100); } .status-label__dot--bg-ao-watermelon { background-color: rgb(255, 102, 100); } .status-label--color-ao-live { color: rgb(255, 81, 205); } .status-label__dot--bg-ao-live { background-color: rgb(255, 81, 205); } .status-label--color-ao-red { color: rgb(228, 5, 33); } .status-label__dot--bg-ao-red { background-color: rgb(228, 5, 33); } .status-label--color-ao-ruby-red { color: rgb(223, 22, 76); } .status-label__dot--bg-ao-ruby-red { background-color: rgb(223, 22, 76); } .status-label--color-ao-yellow { color: rgb(255, 222, 20); } .status-label__dot--bg-ao-yellow { background-color: rgb(255, 222, 20); } .status-label--color-ao-live-ball { color: rgb(191, 212, 0); } .status-label__dot--bg-ao-live-ball { background-color: rgb(191, 212, 0); } .status-label--color-infosys-blue { color: rgb(0, 116, 168); } .status-label__dot--bg-infosys-blue { background-color: rgb(0, 116, 168); } .status-label--color-ao-grey { color: rgb(229, 229, 229); } .status-label__dot--bg-ao-grey { background-color: rgb(229, 229, 229); } .status-label--color-ao-brand-digital-blue { color: rgb(0, 115, 178); } .status-label__dot--bg-ao-brand-digital-blue { background-color: rgb(0, 115, 178); } .status-label--color-ao-blue-highlight { color: rgb(235, 246, 251); } .status-label__dot--bg-ao-blue-highlight { background-color: rgb(235, 246, 251); } .status-label--color-ao-graphite-grey { color: rgb(51, 51, 51); } .status-label__dot--bg-ao-graphite-grey { background-color: rgb(51, 51, 51); } .status-label--color-rolex-green { color: rgb(39, 95, 60); } .status-label__dot--bg-rolex-green { background-color: rgb(39, 95, 60); } .status-label--color-blue-lighter { color: rgb(217, 234, 243); } .status-label__dot--bg-blue-lighter { background-color: rgb(217, 234, 243); } .status-label--color-blue-mid { color: rgb(0, 145, 210); } .status-label__dot--bg-blue-mid { background-color: rgb(0, 145, 210); } .status-label--color-blue-dark { color: rgb(0, 58, 93); } .status-label__dot--bg-blue-dark { background-color: rgb(0, 58, 93); } .status-label--color-blue-darker { color: rgb(0, 50, 85); } .status-label__dot--bg-blue-darker { background-color: rgb(0, 50, 85); } .status-label--color-blue-darkest { color: rgb(0, 91, 166); } .status-label__dot--bg-blue-darkest { background-color: rgb(0, 91, 166); } .status-label--color-blue-button-dark { color: rgb(0, 73, 133); } .status-label__dot--bg-blue-button-dark { background-color: rgb(0, 73, 133); } .status-label--color-green-mid { color: rgb(215, 215, 0); } .status-label__dot--bg-green-mid { background-color: rgb(215, 215, 0); } .status-label--color-blue-light { color: rgb(243, 250, 253); } .status-label__dot--bg-blue-light { background-color: rgb(243, 250, 253); } .status-label--color-orange-mid { color: rgb(234, 144, 47); } .status-label__dot--bg-orange-mid { background-color: rgb(234, 144, 47); } .status-label--color-orange-dark { color: rgb(228, 5, 33); } .status-label__dot--bg-orange-dark { background-color: rgb(228, 5, 33); } .status-label--color-green-light { color: rgb(255, 222, 20); } .status-label__dot--bg-green-light { background-color: rgb(255, 222, 20); } .status-label--color-pale-yellow { color: rgb(255, 248, 208); } .status-label__dot--bg-pale-yellow { background-color: rgb(255, 248, 208); } @media (min-width: 120rem) { .status-label--homepage { height: 1.125rem; font-size: 0.75rem; line-height: 1.125rem; } } html { min-height: 100%; } body { background-color: rgb(255, 255, 255); width: 100%; overflow-x: hidden; } @media (min-width: 64rem) { body { background-color: rgb(255, 255, 255); } } body.-lock-body-scrolling { overflow: hidden; } body.-enable-scroll-x { overflow-x: auto; } body > svg { display: none; } body:not(.is-using-keyboard) button, body:not(.is-using-keyboard) select { outline: none; } main { width: auto; max-width: 1440px; box-sizing: border-box; margin: 0px auto; background-color: rgb(255, 255, 255); transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; font-size: 0px; } main section { font-size: 1rem; } main section.wide-left-column { padding: 1.5em 3.5% 0px; } main section.wide-left-column .image-credit { font-size: 11px; color: rgb(102, 102, 102); padding-left: 3.5%; } main section.center-column { padding: 0px 3.5%; } main section.full-width { width: 100%; position: relative; } main section.full-width .right-sidebar { padding: 7% 0px; } main section.full-width .intro-block { padding: 1.5em 3.5% 0px; } main section.left-sidebar { padding-top: 1.5em; padding-left: 3.5%; padding-right: 3.5%; margin-bottom: 1.5em; } main section.right-sidebar { text-align: center; } main section.-no-padding { padding: 1.5em 0px 0px; } main section twitterwidget { margin-bottom: 2em !important; } .full-width main { max-width: 100%; } .full-width main .article-layout__wrapper .article-container { width: 100%; } .cards-container { font-size: 0px; } .cards-container .card { font-size: 1rem; } .scorecards-container { display: flex; flex-flow: wrap; } footer { width: auto; box-sizing: border-box; margin: 0px auto; overflow: hidden; transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; font-size: 1rem; } picture.-hide-image .img { background-size: cover; background-position: 50% center; width: 100%; height: 100%; } picture.-hide-image img { display: none; } .-modal-active .dialog-off-canvas-main-canvas * :not(.no-change-index), .-modal-active .gdpr-popup, .-modal-active .outline-main * :not(.no-change-index) { z-index: 0; } .-overlay-active .outline-main, .-overlay-active .page-standard, .-overlay-active main { height: 100vh; overflow: hidden; opacity: 0; } .padded-full-width { padding: 0px 3.5%; } @media (min-width: 768px) { .padded-full-width.padded-full-width { padding: 0px 7%; } } .sub-section { margin: 0px 0px 1.875rem; } @media (min-width: 768px) { .sub-section { margin: 0px 0px 3.125rem; } } @media (min-width: 768px) { main section.left-sidebar { width: 100%; } main section.center-column, main section.left-sidebar { display: inline-block; vertical-align: top; box-sizing: border-box; padding-left: 7%; padding-top: 2.5em; padding-right: 3.5%; } main section.center-column { width: calc(93% - 300px); } main section.right-sidebar { vertical-align: top; padding-left: 1.5em; box-sizing: border-box; padding-top: 2.5em; } main section.right-sidebar .btn { margin-bottom: 1.25em; } main section.wide-left-column { padding: 1.5em 7% 0px; } main section.wide-left-column .image-credit { padding-left: 7%; } main section.full-width .right-sidebar { padding: 3.5% 0px; } main section.full-width .intro-block { padding: 0px 3.5%; font-size: 0px; } main section.full-width .intro-block .left { padding-top: 5em; display: inline-block; width: 50%; font-size: 1rem; } main section.full-width .intro-block .left p { margin-bottom: 0px; font-size: 1.0625em; color: rgb(17, 17, 17); } main section.full-width .intro-block .right { padding-top: 1.5em; display: inline-block; width: 50%; font-size: 1rem; text-align: right; } main section.-no-padding { padding: 1.5em 0px 0px; } } @media (min-width: 1024px) { main section.full-width .intro-block { padding: 0px 7%; } } @media (min-width: 1365px) { main section.left-sidebar { width: 25%; padding-left: 100px; padding-right: 3.5%; } main section.center-column { width: 50%; padding-right: 1.5em; padding-left: 1.5em; padding-top: 2.5em; } main section.right-sidebar { width: 25%; padding-right: 7%; display: inline-block; } main section.wide-left-column { width: 75%; display: inline-block; vertical-align: top; padding-right: 1.5em; box-sizing: border-box; padding-left: 100px; padding-top: 2.5em; } main section.wide-left-column .image-credit { padding-left: 100px; } main section.full-width .right-sidebar { width: 25%; position: absolute; top: 5.4375em; right: 0px; padding: 0px 0px 0px 1.5em; box-sizing: border-box; } main section.full-width .intro-block { padding: 1.5em 100px 0px; } main section.-no-padding { padding: 1.5em 0px 0px; } } .sr-only { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .-force-hide, .-geo-hidden { display: none !important; } .filter-dropdown { position: relative; font-family: "Sharp Sans No2", Arial, sans-serif; cursor: pointer; flex: 1 1 auto; background: rgb(242, 242, 242); padding: 0.4375rem 0px; border-radius: 4px; border: 1px solid rgb(242, 242, 242); } .filter-dropdown__display { font-size: 0.9375rem; position: relative; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 48rem) { .filter-dropdown__display { font-size: 1.0625rem; } } @media (min-width: 64rem) { .filter-dropdown__display { font-size: 1.25rem; } } @media (min-width: 85.3125rem) { .filter-dropdown__display { font-size: 1.4375rem; } } .filter-dropdown__display.-small { font-size: 0.8125rem; } @media (min-width: 48rem) { .filter-dropdown__display.-small { font-size: 0.9375rem; } } .filter-dropdown__label { font-weight: 700; color: rgb(34, 34, 34); margin-right: 0.5rem; } @media (max-width: 47.9375rem) { .filter-dropdown__label--hidden-mobile { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } } .filter-dropdown__value { font-weight: 700; color: rgb(0, 115, 178); font-size: 1rem; line-height: 1.5rem; padding-left: 0.75rem; margin-left: auto; } @media (min-width: 48rem) { .filter-dropdown__value { margin: 0px; } } .filter-dropdown__chevron-icon { display: inline-block; width: 0.5rem; pointer-events: none; color: grey; position: relative; line-height: 1.25rem; margin: 0px 1.125rem 0px auto; } @media (min-width: 48rem) { .filter-dropdown__chevron-icon { margin: 0px 1.125rem 0px 0px; } } .filter-dropdown__chevron-icon path { fill: grey; } .filter-dropdown__select { appearance: none; background-color: transparent; border: none; color: transparent; cursor: pointer; display: block; left: 0px; padding: 0.25em 1.5em 0.25em 0.25em; position: absolute; top: 0px; width: 100%; height: 100%; } .filter-dropdown__select option { color: rgb(0, 0, 0); } .filter-dropdown--2022-interaction-states:focus, .filter-dropdown--2022-interaction-states:focus-visible, .filter-dropdown--2022-interaction-states:focus-within, .filter-dropdown--2022-interaction-states:hover { border-color: rgb(0, 115, 178); outline: none; } .filter-dropdown--dark { background: transparent; border: 1px solid rgba(255, 255, 255, 0.6); } .filter-dropdown--dark .filter-dropdown__value { color: rgb(255, 255, 255); } .filter-dropdown--white { background-color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.6); } .filter-dropdown--white .filter-dropdown__value { color: rgb(0, 115, 178); } .filter-dropdown--align-center .filter-dropdown__display { justify-content: center; } .filter-dropdown--align-center .filter-dropdown__value { margin: 0px auto; } .filter-dropdown--align-center .filter-dropdown__chevron-icon { position: absolute; right: 0px; } .player-search { align-items: stretch; display: flex; flex-direction: column; flex: 1 0 auto; z-index: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .player-search--disabled { position: relative; pointer-events: none; } .player-search--disabled::after { content: ""; position: absolute; inset: 0px -2px -2px 0px; background-color: rgb(222, 222, 222); opacity: 0.6; border-radius: 0.25rem; z-index: 200; } @media (min-width: 768px) { .player-search { flex-direction: row-reverse; align-items: center; z-index: auto; } } .player-search__result-count { margin-top: 0.5rem; } @media (min-width: 768px) { .player-search__result-count { margin: 0px 1.25rem 0px 0px; } } .player-search .svg-icon--small { position: absolute; width: 1rem; height: 1rem; left: 10px; top: 12px; color: grey; z-index: 2; margin-left: 1.875rem; } @media (min-width: 48rem) { .player-search .svg-icon--small { margin-left: 0px; } } .player-search__clear-button { align-items: center; border-radius: 10px; border: 0px; background: transparent; color: grey; display: flex; height: 20px; justify-content: center; margin: 0px; padding: 0px; position: absolute; right: 10px; top: 10px; width: 20px; z-index: 250; } .player-search__clear-button .svg-icon { color: grey; stroke: grey; width: 10px; height: 10px; } .multiselect__placeholder { color: grey; text-overflow: ellipsis; overflow: hidden; } .selector-container { position: relative; flex: 1 0 auto; z-index: 200; height: 40px; cursor: pointer; margin: 0px; } .selector-container .multiselect { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1rem; font-weight: 600; color: grey; box-sizing: content-box; display: inline-block; position: relative; width: 100%; background: rgb(242, 242, 242); border-radius: 0.25rem; border: 0.0625rem solid rgb(242, 242, 242); } .selector-container .multiselect.multiselect--active { background: rgb(255, 255, 255); border: 1px solid rgb(0, 115, 178); } .selector-container .multiselect:hover { border: 0.0625rem solid rgb(0, 115, 178); } @media (min-width: 48rem) { .selector-container .multiselect { width: 13.1875rem; justify-content: normal; } } @media (min-width: 64rem) { .selector-container .multiselect { width: 17.75rem; } } .browser-ios-webview .selector-container .multiselect, .browser-ios .selector-container .multiselect { font-size: 16px; } .selector-container .multiselect__tags { height: 40px; padding: 5px 20px 5px 35px; width: 100%; min-width: 210px; max-width: 100%; transition: all 0.25s ease 0s; display: flex; align-items: center; justify-content: center; } @media (min-width: 48rem) { .selector-container .multiselect__tags { justify-content: normal; } } .selector-container .multiselect .multiselect__input, .selector-container .multiselect .multiselect__single { position: relative; display: inline-block; line-height: 25px; border: none; background: transparent; box-sizing: border-box; vertical-align: top; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 40px); padding-left: 1.875rem; color: rgb(51, 51, 51); } @media (min-width: 48rem) { .selector-container .multiselect .multiselect__input, .selector-container .multiselect .multiselect__single { padding-left: 0px; } } .selector-container .multiselect .multiselect__input { line-height: 22px; } .selector-container .multiselect .multiselect__content-wrapper { position: absolute; display: block; background: rgb(255, 255, 255); max-height: 240px; right: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 1; overflow: auto; width: 100%; border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238) rgb(0, 115, 178) rgb(0, 115, 178); border-image: initial; } @media screen and (min-width: 768px) { .selector-container .multiselect .multiselect__content-wrapper { width: auto; min-width: 100%; } } .selector-container .multiselect .multiselect__content-wrapper .multiselect__content { list-style: none; display: inline-block; padding: 0px; margin: 0px; min-width: 100%; vertical-align: top; } .selector-container .multiselect .multiselect__content-wrapper .multiselect__option { display: block; padding: 12px; min-height: 40px; line-height: 16px; text-decoration: none; text-transform: none; position: relative; cursor: pointer; white-space: normal; } @media screen and (min-width: 48rem) { .selector-container .multiselect .multiselect__content-wrapper .multiselect__option { white-space: nowrap; } } .selector-container .multiselect .multiselect__content-wrapper .multiselect__option::after { top: 0px; right: 0px; position: absolute; line-height: 40px; padding-right: 12px; padding-left: 20px; font-size: 10px; } .selector-container .multiselect .multiselect__content-wrapper .multiselect__option--highlight { background: rgb(0, 145, 210); outline: none; color: rgb(255, 255, 255); } .selector-container .multiselect .multiselect__content-wrapper .multiselect__option--selected { background: rgb(243, 243, 243); color: rgb(53, 73, 94); font-weight: 700; } .selector-container .multiselect .multiselect__content-wrapper .multiselect__option--selected::after { color: silver; } .selector-container .multiselect .multiselect__content-wrapper .multiselect__option--selected.multiselect__option--highlight, .selector-container .multiselect .multiselect__content-wrapper .multiselect__option--selected.multiselect__option--highlight::after { background: rgb(0, 58, 93); color: rgb(255, 255, 255); } .selector-container .multiselect .multiselect__content-wrapper .multiselect__option--disabled.multiselect__option--highlight { background: rgb(222, 222, 222); } @media screen and (min-width: 768px) { .selector-container--include-countries .multiselect .multiselect__input, .selector-container--include-countries .multiselect .multiselect__single { width: 170px; } } .multiselect--active .multiselect__select { transform: rotate(180deg); } .multiselect__select { display: none; } fieldset[disabled] .multiselect { pointer-events: none; } .multiselect__loading-enter-active, .multiselect__loading-leave-active { transition: opacity 0.4s ease-in-out 0s; opacity: 1; } .multiselect__loading-enter, .multiselect__loading-leave-active { opacity: 0; } .multiselect, .multiselect__input, .multiselect__single { touch-action: manipulation; } .multiselect * { box-sizing: border-box; } .multiselect:focus { outline: none; } .multiselect--active { z-index: 1; } .multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags, .multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single { width: auto; } .multiselect__input:focus, .multiselect__single:focus { outline: none; } .multiselect__element { display: block; } .multiselect-enter-active, .multiselect-leave-active { transition: all 0.15s ease 0s; } .multiselect-enter, .multiselect-leave-active { opacity: 0; } .multiselect__strong { margin-bottom: 8px; line-height: 20px; display: inline-block; vertical-align: top; } .multiselect--disabled { opacity: 0.6; background: rgb(237, 237, 237); pointer-events: none; } .multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select, .multiselect__option--disabled { background: rgb(237, 237, 237); color: rgb(166, 166, 166); } .multiselect__option--disabled { cursor: text; pointer-events: none; } [dir="rtl"] .multiselect { text-align: right; } [dir="rtl"] .multiselect__select { right: auto; left: 1px; } [dir="rtl"] .multiselect__tags { padding: 8px 8px 0px 40px; } [dir="rtl"] .multiselect__content { text-align: right; } [dir="rtl"] .multiselect__option::after { right: auto; left: 0px; } [dir="rtl"] .multiselect__clear { right: auto; left: 12px; } [dir="rtl"] .multiselect__spinner { right: auto; left: 1px; } @-webkit-keyframes a { 0% { transform: rotate(0deg); } 100% { transform: rotate(2turn); } } @keyframes a { 0% { transform: rotate(0deg); } 100% { transform: rotate(2turn); } } .result-count { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1rem; line-height: 1.4em; color: rgb(102, 102, 102); text-align: left; } @media (min-width: 768px) { .result-count { text-align: right; } } .status--warm-up { color: rgb(34, 34, 34); font-weight: 700; } .status--warm-up::before { content: ""; display: inline-block; margin-right: 0.3125rem; width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; background-color: rgb(234, 144, 47); -webkit-print-color-adjust: exact; } .status--warm-up::after { text-transform: uppercase; display: inline-block; font-size: 0.8125rem; font-family: "Sharp Sans No2", Arial, sans-serif; } .status--live { color: rgb(228, 5, 33); font-weight: 700; } .status--live::before { content: ""; display: inline-block; margin-right: 0.3125rem; width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; background-color: rgb(228, 5, 33); -webkit-print-color-adjust: exact; } .status--live::after { text-transform: uppercase; display: inline-block; font-size: 0.8125rem; font-family: "Sharp Sans No2", Arial, sans-serif; } .status--suspended { color: rgb(34, 34, 34); font-weight: 700; } .status--suspended::before { content: ""; display: inline-block; margin-right: 0.3125rem; width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; background-color: rgb(234, 144, 47); -webkit-print-color-adjust: exact; } .status--suspended::after { text-transform: uppercase; display: inline-block; font-size: 0.8125rem; font-family: "Sharp Sans No2", Arial, sans-serif; } .status--cancelled { color: rgb(34, 34, 34); font-weight: 700; } .status--cancelled::before { content: ""; display: inline-block; margin-right: 0.3125rem; width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; background-color: rgb(234, 144, 47); -webkit-print-color-adjust: exact; } .status--cancelled::after { text-transform: uppercase; display: inline-block; font-size: 0.8125rem; font-family: "Sharp Sans No2", Arial, sans-serif; } .status--walkover::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); text-align: center; vertical-align: bottom; } @media print { .status--walkover::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--walkover::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--walkover::after { line-height: 12px; } .status--retired::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--retired::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--retired::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--retired::after { line-height: 12px; } .status--default::after { text-transform: uppercase; display: inline-block; font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--default::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--default::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--default::after { line-height: 12px; } .status--pill-bg-ao-white::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-white::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-white::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-white::after { line-height: 12px; } .status--pill-bg-ao-white::after { background-color: rgb(255, 255, 255); } .status--pill-bg-white-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-white-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-white-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-white-dark::after { line-height: 12px; } .status--pill-bg-white-dark::after { background-color: rgb(242, 242, 242); } .status--pill-bg-grey-stone::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-stone::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-stone::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-stone::after { line-height: 12px; } .status--pill-bg-grey-stone::after { background-color: rgb(230, 230, 230); } .status--pill-bg-grey-lightest::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-lightest::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-lightest::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-lightest::after { line-height: 12px; } .status--pill-bg-grey-lightest::after { background-color: rgb(248, 248, 248); } .status--pill-bg-grey-lighterer::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-lighterer::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-lighterer::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-lighterer::after { line-height: 12px; } .status--pill-bg-grey-lighterer::after { background-color: grey; } .status--pill-bg-grey-lighter::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-lighter::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-lighter::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-lighter::after { line-height: 12px; } .status--pill-bg-grey-lighter::after { background-color: rgb(244, 244, 244); } .status--pill-bg-grey-light::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-light::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-light::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-light::after { line-height: 12px; } .status--pill-bg-grey-light::after { background-color: rgb(238, 238, 238); } .status--pill-bg-grey-light-border::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-light-border::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-light-border::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-light-border::after { line-height: 12px; } .status--pill-bg-grey-light-border::after { background-color: rgb(204, 204, 204); } .status--pill-bg-grey-mid::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-mid::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-mid::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-mid::after { line-height: 12px; } .status--pill-bg-grey-mid::after { background-color: rgb(221, 221, 221); } .status--pill-bg-grey-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-dark::after { line-height: 12px; } .status--pill-bg-grey-dark::after { background-color: rgb(102, 102, 102); } .status--pill-bg-grey-opacity::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-opacity::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-opacity::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-opacity::after { line-height: 12px; } .status--pill-bg-grey-opacity::after { background-color: rgb(222, 222, 222); } .status--pill-bg-gray-darker::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-gray-darker::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-gray-darker::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-gray-darker::after { line-height: 12px; } .status--pill-bg-gray-darker::after { background-color: rgb(123, 121, 121); } .status--pill-bg-grey-darkerer::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-darkerer::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-darkerer::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-darkerer::after { line-height: 12px; } .status--pill-bg-grey-darkerer::after { background-color: rgb(51, 51, 51); } .status--pill-bg-grey-darkest::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-grey-darkest::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-grey-darkest::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-grey-darkest::after { line-height: 12px; } .status--pill-bg-grey-darkest::after { background-color: rgb(34, 34, 34); } .status--pill-bg-off-black::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-off-black::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-off-black::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-off-black::after { line-height: 12px; } .status--pill-bg-off-black::after { background-color: rgb(17, 17, 17); } .status--pill-bg-ao-black::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-black::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-black::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-black::after { line-height: 12px; } .status--pill-bg-ao-black::after { background-color: rgb(0, 0, 0); } .status--pill-bg-blue-outline-highlight::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-outline-highlight::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-outline-highlight::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-outline-highlight::after { line-height: 12px; } .status--pill-bg-blue-outline-highlight::after { background-color: rgb(102, 207, 255); } .status--pill-bg-blue-background-highlight::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-background-highlight::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-background-highlight::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-background-highlight::after { line-height: 12px; } .status--pill-bg-blue-background-highlight::after { background-color: rgb(230, 245, 255); } .status--pill-bg-ao-footer-grey::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-footer-grey::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-footer-grey::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-footer-grey::after { line-height: 12px; } .status--pill-bg-ao-footer-grey::after { background-color: rgb(249, 249, 249); } .status--pill-bg-ao-grey-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-grey-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-grey-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-grey-dark::after { line-height: 12px; } .status--pill-bg-ao-grey-dark::after { background-color: rgb(153, 153, 153); } .status--pill-bg-ao-blue::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-blue::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-blue::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-blue::after { line-height: 12px; } .status--pill-bg-ao-blue::after { background-color: rgb(0, 145, 210); } .status--pill-bg-ao-dark-blue::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-dark-blue::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-dark-blue::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-dark-blue::after { line-height: 12px; } .status--pill-bg-ao-dark-blue::after { background-color: rgb(0, 58, 93); } .status--pill-bg-ao-darker-blue::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-darker-blue::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-darker-blue::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-darker-blue::after { line-height: 12px; } .status--pill-bg-ao-darker-blue::after { background-color: rgb(30, 40, 134); } .status--pill-bg-ao-orange::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-orange::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-orange::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-orange::after { line-height: 12px; } .status--pill-bg-ao-orange::after { background-color: rgb(247, 152, 29); } .status--pill-bg-ao-lime-green::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-lime-green::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-lime-green::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-lime-green::after { line-height: 12px; } .status--pill-bg-ao-lime-green::after { background-color: rgb(215, 215, 0); } .status--pill-bg-ao-watermelon::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-watermelon::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-watermelon::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-watermelon::after { line-height: 12px; } .status--pill-bg-ao-watermelon::after { background-color: rgb(255, 102, 100); } .status--pill-bg-ao-live::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-live::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-live::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-live::after { line-height: 12px; } .status--pill-bg-ao-live::after { background-color: rgb(255, 81, 205); } .status--pill-bg-ao-red::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-red::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-red::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-red::after { line-height: 12px; } .status--pill-bg-ao-red::after { background-color: rgb(228, 5, 33); } .status--pill-bg-ao-ruby-red::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-ruby-red::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-ruby-red::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-ruby-red::after { line-height: 12px; } .status--pill-bg-ao-ruby-red::after { background-color: rgb(223, 22, 76); } .status--pill-bg-ao-yellow::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-yellow::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-yellow::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-yellow::after { line-height: 12px; } .status--pill-bg-ao-yellow::after { background-color: rgb(255, 222, 20); } .status--pill-bg-ao-live-ball::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-live-ball::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-live-ball::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-live-ball::after { line-height: 12px; } .status--pill-bg-ao-live-ball::after { background-color: rgb(191, 212, 0); } .status--pill-bg-infosys-blue::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-infosys-blue::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-infosys-blue::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-infosys-blue::after { line-height: 12px; } .status--pill-bg-infosys-blue::after { background-color: rgb(0, 116, 168); } .status--pill-bg-ao-grey::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-grey::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-grey::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-grey::after { line-height: 12px; } .status--pill-bg-ao-grey::after { background-color: rgb(229, 229, 229); } .status--pill-bg-ao-brand-digital-blue::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-brand-digital-blue::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-brand-digital-blue::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-brand-digital-blue::after { line-height: 12px; } .status--pill-bg-ao-brand-digital-blue::after { background-color: rgb(0, 115, 178); } .status--pill-bg-ao-blue-highlight::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-blue-highlight::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-blue-highlight::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-blue-highlight::after { line-height: 12px; } .status--pill-bg-ao-blue-highlight::after { background-color: rgb(235, 246, 251); } .status--pill-bg-ao-graphite-grey::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-ao-graphite-grey::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-ao-graphite-grey::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-ao-graphite-grey::after { line-height: 12px; } .status--pill-bg-ao-graphite-grey::after { background-color: rgb(51, 51, 51); } .status--pill-bg-rolex-green::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-rolex-green::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-rolex-green::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-rolex-green::after { line-height: 12px; } .status--pill-bg-rolex-green::after { background-color: rgb(39, 95, 60); } .status--pill-bg-blue-lighter::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-lighter::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-lighter::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-lighter::after { line-height: 12px; } .status--pill-bg-blue-lighter::after { background-color: rgb(217, 234, 243); } .status--pill-bg-blue-mid::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-mid::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-mid::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-mid::after { line-height: 12px; } .status--pill-bg-blue-mid::after { background-color: rgb(0, 145, 210); } .status--pill-bg-blue-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-dark::after { line-height: 12px; } .status--pill-bg-blue-dark::after { background-color: rgb(0, 58, 93); } .status--pill-bg-blue-darker::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-darker::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-darker::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-darker::after { line-height: 12px; } .status--pill-bg-blue-darker::after { background-color: rgb(0, 50, 85); } .status--pill-bg-blue-darkest::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-darkest::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-darkest::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-darkest::after { line-height: 12px; } .status--pill-bg-blue-darkest::after { background-color: rgb(0, 91, 166); } .status--pill-bg-blue-button-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-button-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-button-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-button-dark::after { line-height: 12px; } .status--pill-bg-blue-button-dark::after { background-color: rgb(0, 73, 133); } .status--pill-bg-green-mid::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-green-mid::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-green-mid::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-green-mid::after { line-height: 12px; } .status--pill-bg-green-mid::after { background-color: rgb(215, 215, 0); } .status--pill-bg-blue-light::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-blue-light::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-blue-light::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-blue-light::after { line-height: 12px; } .status--pill-bg-blue-light::after { background-color: rgb(243, 250, 253); } .status--pill-bg-orange-mid::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-orange-mid::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-orange-mid::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-orange-mid::after { line-height: 12px; } .status--pill-bg-orange-mid::after { background-color: rgb(234, 144, 47); } .status--pill-bg-orange-dark::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-orange-dark::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-orange-dark::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-orange-dark::after { line-height: 12px; } .status--pill-bg-orange-dark::after { background-color: rgb(228, 5, 33); } .status--pill-bg-green-light::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-green-light::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-green-light::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-green-light::after { line-height: 12px; } .status--pill-bg-green-light::after { background-color: rgb(255, 222, 20); } .status--pill-bg-pale-yellow::after { text-transform: uppercase; display: inline-block; content: attr(data-status-text); font-family: "Source Sans", Arial, sans-serif; font-size: 0.625rem; padding: 0.125rem 0.3125rem 0.1875rem; line-height: 0.75rem; font-weight: 700; height: 0.625rem; border-radius: 0.46875rem; color: rgb(255, 255, 255); background-color: rgb(234, 144, 47); text-align: center; vertical-align: bottom; } @media print { .status--pill-bg-pale-yellow::after { -webkit-print-color-adjust: exact; } @supports not (-webkit-print-color-adjust:exact) { .status--pill-bg-pale-yellow::after { border: 0.0625rem solid rgb(136, 136, 136); background-color: transparent; } } } .browser-ie .status--pill-bg-pale-yellow::after { line-height: 12px; } .status--pill-bg-pale-yellow::after { background-color: rgb(255, 248, 208); } .score-card-homepage-wrapper { min-width: 17.5rem; padding-bottom: 0.875rem; width: 100%; } .score-card-homepage-wrapper__heading { display: flex; padding: 0.5rem 0.75rem 0.75rem 0px; background: rgb(255, 255, 255); border-radius: 0.5rem 0.5rem 0px 0px; position: relative; } @media (min-width: 120rem) { .score-card-homepage-wrapper__heading { padding: 0.75rem 0.75rem 0.75rem 0px; } } .score-card-homepage-wrapper__heading__round-and-court { font-weight: 400; font-family: Roboto, Arial, sans-serif; font-size: 0.625rem; line-height: 1rem; } @media (min-width: 120rem) { .score-card-homepage-wrapper__heading__round-and-court { font-size: 0.75rem; line-height: 1.125rem; } } .score-card-homepage-wrapper__heading--shorter { padding: 0.625rem 0.75rem; } .score-card-homepage-wrapper__heading--shorter .score-card-homepage-wrapper__heading__round-and-court { font-size: 0.625rem; } .score-card-homepage-wrapper__heading .wrapper-left { flex: 1 0 0%; justify-content: flex-start; display: flex; flex-direction: column; min-height: 2.0625rem; } @media (min-width: 120rem) { .score-card-homepage-wrapper__heading .wrapper-left { height: 2.25rem; } } .score-card-homepage-wrapper__heading .wrapper-right { padding-top: 4px; text-align: right; justify-self: flex-end; display: flex; flex-direction: column; } .score-card-homepage-wrapper__heading .wrapper-right--no-pad { padding-top: 0px; } .score-card-homepage-wrapper__heading__event-title { font-family: Roboto, Arial, sans-serif; font-weight: 700; color: rgb(102, 102, 102); font-size: 0.625rem; line-height: 1rem; } @media (min-width: 120rem) { .score-card-homepage-wrapper__heading__event-title { font-size: 0.75rem; line-height: 1.125rem; } } .score-card-homepage-wrapper__heading a.score-card-homepage-wrapper__heading__event-title { text-decoration: none; } .score-card-homepage-wrapper__heading a.score-card-homepage-wrapper__heading__event-title:hover { text-decoration: underline; } .score-card-homepage-wrapper__heading.score-card-homepage-wrapper__heading--shorter.score-card-homepage-wrapper__arrow_link::after { background-size: 0.3125rem 0.625rem; width: 0.3125rem; height: 0.625rem; position: absolute; right: 0.875rem; margin-top: -0.3125rem; } .score-card-homepage-wrapper__heading + .score-card-homepage .score-card-homepage__container { border-top-left-radius: 0px; border-top-right-radius: 0px; } .score-card-homepage-wrapper__heading:hover { background-color: rgb(215, 215, 0); } .score-card-homepage-wrapper__heading:hover .score-card-homepage-wrapper__heading__event-title, .score-card-homepage-wrapper__heading:hover .score-card-homepage-wrapper__heading__round-and-court { color: rgb(0, 58, 93); } .score-card-homepage-wrapper__heading:hover.score-card-homepage-wrapper__arrow_link::after { -webkit-mask-size: 0.5rem 1rem; } .score-card-homepage-wrapper__heading:hover.score-card-homepage-wrapper__arrow_link.score-card-homepage-wrapper__heading--shorter::after, .score-card-homepage-wrapper__heading:hover.score-card-homepage-wrapper__arrow_link::after { background-color: rgb(0, 58, 93); -webkit-mask-image: url("/img/score_card_arrow.d88130c5ef62f3d0036b1cde6198a82c.svg"); background-image: none; } .score-card-homepage-wrapper__heading:hover.score-card-homepage-wrapper__arrow_link.score-card-homepage-wrapper__heading--shorter::after { -webkit-mask-size: 0.3125rem 0.625rem; } .score-card-homepage-wrapper__match-duration { color: rgb(102, 102, 102); font-size: 0.8125rem; line-height: 0.8125rem; position: relative; margin-left: 1.25rem; margin-top: 0.0625rem; font-family: "Source Sans", Arial, sans-serif; display: flex; align-items: center; } .score-card-homepage-wrapper__match-duration-icon { margin-right: 4px; width: 1.375rem; height: 1.375rem; margin-top: -0.125rem; } .score-card-homepage-wrapper--dark { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .score-card-homepage-wrapper--dark .score-card-homepage-wrapper__heading { background: none; } .score-card-homepage-wrapper--dark .score-card-homepage-wrapper__heading:hover .score-card-homepage-wrapper__heading__event-title, .score-card-homepage-wrapper--dark .score-card-homepage-wrapper__heading:hover .score-card-homepage-wrapper__heading__round-and-court, .score-card-homepage-wrapper--dark .score-card-homepage-wrapper__heading__event-title, .score-card-homepage-wrapper--dark .score-card-homepage-wrapper__heading__round-and-court { color: rgb(255, 255, 255); } .score-card-homepage-wrapper--dark .score-card-homepage-wrapper__heading:hover.score-card-homepage-wrapper__arrow_link::after { background-color: rgb(255, 255, 255); } @media (min-width: 120rem) { .score-card-homepage-wrapper { height: 8.75rem; } } .slideshow-gallery { background-color: rgba(0, 0, 0, 0.9); } .slideshow-gallery, .slideshow-gallery * { box-sizing: border-box; } .slideshow-gallery__logo { height: 1.875rem; left: 0.9375rem; position: absolute; top: 0.9375rem; z-index: 10; } @media (min-width: 64rem) { .slideshow-gallery__logo { left: 2.5em; top: 1.875em; } } .slideshow-gallery__logo img { height: 100%; width: auto; } .slideshow-gallery__close-btn { align-items: center; appearance: none; background-color: transparent; border: none; cursor: pointer; display: flex; fill: rgb(255, 255, 255); height: 3.125rem; justify-content: center; overflow: hidden; position: absolute; right: 0.25rem; top: 0.25rem; width: 3.125rem; z-index: 100000; } @media (min-width: 64rem) { .slideshow-gallery__close-btn { right: 1.875em; top: 0.875em; } } .slideshow-gallery__close-icon { color: rgb(255, 255, 255); } .slideshow-gallery-video__play-btn { align-items: center; appearance: none; background-color: rgb(0, 145, 210); border-radius: 50%; border: none; display: flex; height: 3rem; justify-content: center; left: 50%; line-height: 1; padding-top: 0.125rem; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0px); width: 3rem; z-index: 200; } .slideshow-gallery-video__play-icon { color: rgb(255, 255, 255); transform: translate3d(1px, 0px, 0px); } .slideshow-gallery-video__container { height: 100%; position: absolute; left: 0px; top: 0px; transition: opacity 0.3s ease 0s; width: 100%; will-change: opacity; z-index: 200; opacity: 0; overflow: hidden; } .slideshow-gallery-video__container--is-visible { opacity: 1; } .slideshow-gallery-video .video-js { height: 100%; width: 100%; } @media (min-width: 64rem) { .slideshow-gallery-video .vjs-dock-text { padding-left: 9.375rem; } } .slideshow-gallery-video .vjs-big-play-button { transform: translate(-50%, -50%); top: 50% !important; left: 50% !important; } .slideshow-gallery-nav-button { background: none; border-radius: 50%; border: 2px solid rgb(255, 255, 255); cursor: pointer; display: flex; justify-content: center; align-items: center; margin: 0px 0.3125rem; width: 1.75rem; height: 1.75rem; transition: opacity 0.3s ease 0s; will-change: opacity; padding: 0px; } @media (min-width: 64rem) { .slideshow-gallery-nav-button { width: 2.75rem; height: 2.75rem; } } .slideshow-gallery-nav-button--is-hidden { pointer-events: none; cursor: default; opacity: 0 !important; } .slideshow-gallery-nav-button__icon { color: rgb(215, 215, 0); width: 1rem; height: 1rem; } @media (min-width: 64rem) { .slideshow-gallery-nav-button__icon { width: 1.5rem; height: 1.5rem; } } .slideshow-gallery-nav-button__icon--bump-left { margin-left: -0.125rem; } .slideshow-gallery-nav-button__icon--bump-right { margin-right: -0.125rem; } body:not(.is-using-touch) .slideshow-gallery-nav-button:hover { opacity: 0.6; } .slideshow-gallery-carousel { background-attachment: fixed; background-color: rgb(17, 17, 17); background-image: url("/img/O-Texture-Large.69e47204441b0697ac30c4e6fa712035.svg"); background-position: 20% 70%; background-repeat: no-repeat; background-size: 450%; overflow: auto; padding: 3.75rem 1.25rem; position: relative; width: 100%; display: flex; align-items: center; } @media (min-width: 64rem) { .slideshow-gallery-carousel { padding: 0px; } } .slideshow-gallery-carousel--is-playing-video { overflow: hidden; } .slideshow-gallery-carousel__list { margin: 0px; padding: 0px; } .slideshow-gallery-carousel__slideshow-container { position: relative; max-width: 100%; } .slideshow-gallery-carousel__nav { align-items: center; display: flex; height: 3.75rem; justify-content: center; position: absolute; left: 0px; top: 0px; width: 100%; pointer-events: none; z-index: 300; transition: opacity 0.3s ease 1s; will-change: opacity; } @media (min-width: 64rem) { .slideshow-gallery-carousel__nav { justify-content: space-between; margin-top: -1.875rem; top: 50%; padding: 0px 2.5rem; opacity: 0; } } .slideshow-gallery-carousel:hover .slideshow-gallery-carousel__nav { opacity: 1; transition-delay: 0s; } .slideshow-gallery-carousel__nav-button { pointer-events: all; } .slideshow-gallery-carousel__item { height: 100%; position: relative; transition: opacity 0.5s ease 0s; will-change: opacity; width: 100%; } .slideshow-gallery-carousel__image-frame { background-color: rgb(34, 34, 34); line-height: 1; margin: 0px; min-height: 100px; padding: 0px; position: relative; width: 100%; } @media (min-width: 64rem) { .slideshow-gallery-carousel__image-frame { background-color: transparent; height: 100vh; min-width: 100vw; } } .slideshow-gallery-carousel__image-frame img { display: block; line-height: 1; margin: 0px; padding: 0px; width: 100%; } .slideshow-gallery-carousel__image { backface-visibility: hidden; width: 100%; } @media (min-width: 64rem) { .slideshow-gallery-carousel__image { height: 100%; font-family: "object-fit:contain"; object-fit: contain; } } .slideshow-gallery-carousel__heading { color: rgb(255, 255, 255); margin-bottom: 1rem; } @media (min-width: 64rem) { .slideshow-gallery-carousel__heading { font-size: 1.875rem; } } .slideshow-gallery-carousel__heading::before { box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 3px; content: ""; display: block; height: 0.25rem; margin: 1rem 0px; width: 4.375rem; } .slideshow-gallery-carousel__subheading { color: rgb(215, 215, 0); font-weight: 700; } .slideshow-gallery-carousel__content { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 3px; } @media (min-width: 64rem) { .slideshow-gallery-carousel__content { bottom: 0px; left: 0px; opacity: 0; padding: 1.5em 10%; position: absolute; transition: opacity 1s ease 1s; width: 100%; will-change: opacity; } } .slideshow-gallery-carousel:hover .slideshow-gallery-carousel__content { opacity: 1; transition-delay: 0s; } .slideshow-gallery-carousel__text { color: rgb(255, 255, 255); } .slideshow-gallery-carousel__text p { color: inherit; } .slideshow-gallery-carousel__count { color: rgb(102, 102, 102); display: block; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.5px; text-align: right; margin: 0.625rem 0px; } @media (min-width: 64rem) { .slideshow-gallery-carousel__count { display: none; } } .slideshow-gallery-carousel__tags { display: flex; flex-wrap: wrap; padding: 0px; } .slideshow-gallery-carousel__tag-item { margin: 0px 0.3125rem; } .slideshow-gallery-carousel__tag-item:first-child { margin-left: 0px; } .slideshow-gallery-carousel__tag-item:last-child { margin-right: 0px; } .slideshow-gallery-carousel__tag { align-items: center; background: rgb(17, 17, 17); border-radius: 2.5em; border: 3px solid rgb(34, 34, 34); color: rgb(255, 255, 255); display: inline-flex; height: 2.5rem; justify-content: center; padding: 0px 1rem; text-decoration: none; transition: color 0.3s ease 0s, border-color 0.5s ease 0s; will-change: color, border-color; } .slideshow-gallery-carousel__tag:hover { border-color: rgb(102, 102, 102); color: rgb(255, 255, 255); text-decoration: none; } body.is-using-touch .slideshow-gallery-carousel__content, body.is-using-touch .slideshow-gallery-carousel__nav { opacity: 1; } .slideshow-gallery-modal { display: flex; height: 100%; left: 0px; min-width: 100vw; opacity: 0; position: fixed; top: 0px; transform: translate3d(0px, 40px, 0px); transition: opacity 0.3s ease 0s, visibility 0.3s ease 0s, transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; visibility: hidden; width: 100%; will-change: opacity, transform; z-index: 99000; } .slideshow-gallery-modal, .slideshow-gallery-modal * { box-sizing: border-box; } .slideshow-gallery-modal--is-visible { opacity: 1; visibility: visible; transform: none; } .day-selectors__mobile { overflow: auto hidden; box-sizing: border-box; margin: 0.9375rem 0px; display: flex; flex-direction: row; padding: 0px 0.375rem; } .day-selectors__mobile::after, .day-selectors__mobile::before { content: ""; height: 100%; width: 1.875rem; background: transparent; position: absolute; z-index: 2; top: 0px; } .day-selectors__mobile::before { left: 0px; box-shadow: rgb(255, 255, 255) 0.75rem 0px 0.4375rem -0.625rem inset; } .day-selectors__mobile::after { right: 0px; box-shadow: rgb(255, 255, 255) -0.75rem 0px 0.4375rem -0.625rem inset; } @media (min-width: 48rem) { .day-selectors__mobile { display: none; } } .day-selectors__days-list-mobile { display: flex; flex: 1 0 auto; } .day-selectors__day-list-mobile-padding { width: 3.5vw; flex: 0 0 3.5vw; height: 1px; } @media (min-width: 48rem) { .day-selectors__day-list-mobile-padding { flex-basis: 7vw; width: 7vw; } } .browser-ios.version-7 .day-selectors__day-list-mobile-padding, .browser-ios.version-8 .day-selectors__day-list-mobile-padding, .browser-ios.version-9 .day-selectors__day-list-mobile-padding { width: 1.875rem; flex-basis: 1.875rem; } @media (min-width: 48rem) { .browser-ios.version-7 .day-selectors__day-list-mobile-padding, .browser-ios.version-8 .day-selectors__day-list-mobile-padding, .browser-ios.version-9 .day-selectors__day-list-mobile-padding { flex-basis: 4.6875rem; width: 4.6875rem; } } .day-selectors__desktop { display: none; } @media (min-width: 48rem) { .day-selectors__desktop { display: block; } } .day-selectors__desktop-tab-content { display: flex; flex-direction: row; align-items: center; padding: 0.9375rem 0px; } .day-selectors__days-heading { display: none; } @media (min-width: 67.5rem) { .day-selectors__days-heading { display: block; height: 3.375rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1.0625rem; font-weight: 700; color: rgb(102, 102, 102); margin: 1.125rem 0.9375rem 0px 0px; line-height: 3.1875rem; } } .day-selectors--swiper { position: relative; overflow: hidden; } .day-selectors--swiper::after, .day-selectors--swiper::before { content: ""; height: 100%; width: 3.125rem; background: transparent; position: absolute; top: 0px; z-index: 2; } .day-selectors--swiper::before { left: 0px; box-shadow: rgb(255, 255, 255) 2.9375rem 0px 1rem -0.8125rem inset; } .day-selectors--swiper::after { right: 0px; box-shadow: rgb(255, 255, 255) -2.9375rem 0px 1rem -0.8125rem inset; } .day-selectors--swiper .swiper-button-prev { left: 0px; } .day-selectors--swiper .swiper-button-prev::after { display: none; } .day-selectors--swiper .swiper-button-next { right: 0px; } .day-selectors--swiper .swiper-button-next::after { display: none; } .day-selectors--swiper .swiper-button-next, .day-selectors--swiper .swiper-button-prev { border-radius: 50%; width: 2rem; height: 2rem; border: 0.0625rem solid rgb(230, 230, 230); background: rgb(255, 255, 255); color: rgb(0, 115, 178); display: none; transition: border-color 0.1s ease 0s; } @media (min-width: 48rem) { .day-selectors--swiper .swiper-button-next, .day-selectors--swiper .swiper-button-prev { display: flex; align-items: center; justify-content: center; } } .day-selectors--swiper .swiper-button-next.swiper-button-disabled, .day-selectors--swiper .swiper-button-prev.swiper-button-disabled { opacity: 1; } .day-selectors--swiper .swiper-button-next.swiper-button-disabled svg, .day-selectors--swiper .swiper-button-prev.swiper-button-disabled svg { opacity: 0.5; } .day-selectors--swiper .swiper-button-next:hover, .day-selectors--swiper .swiper-button-prev:hover { border-color: rgb(0, 115, 178); } .day-selectors--swiper.slider-begining::before, .day-selectors--swiper.slider-end::after { display: none; } .day-selectors .swiper-container { padding: 0px 40px; box-sizing: border-box; } .day-selectors .swiper-wrapper { width: max-content; box-sizing: border-box; } .day-selectors .swiper-slide { box-sizing: border-box; width: 4.625rem; min-width: max-content; flex-shrink: 100 !important; } .day-selectors .swiper-slide:last-child { margin-right: 0px !important; } .days-lists { padding: 0px; } .days-lists .swiper-slide { min-width: 4.75rem; } .days-lists--is-space-between { flex: 1 1 auto; justify-content: space-between; margin: 0px -0.125rem; } .days-lists--is-space-between > li { margin: 0px 0.125rem; } .day-list__link { position: relative; text-decoration: none; background: none rgb(242, 242, 242); box-sizing: border-box; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; text-align: center; border: 0.125rem solid transparent; margin-top: 10px; align-items: center; justify-content: center; border-radius: 0.25rem; transition: background-color 0.1s ease 0s; padding: 0.375rem 0.5rem; color: rgb(102, 102, 102); font-size: 9pt; } .day-list__link:active, .day-list__link:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: rgb(230, 230, 230); } .day-list__link--active { border: 0.125rem solid rgb(204, 204, 204); } .day-list__link--disabled { color: rgb(204, 204, 204); border: 0.125rem solid rgb(249, 249, 249); background: rgb(249, 249, 249); } .day-list__link--disabled:hover { background: rgb(249, 249, 249); } .day-list__link--selected { border-color: rgb(0, 115, 178); } .day-list__link--selected { color: rgb(255, 255, 255); background-color: rgb(0, 115, 178); } .day-list__link--selected:hover { background-color: rgb(1, 155, 239); border-color: rgb(1, 155, 239); } .day-list__link--selected:not(.day-list__link--active) { border: 0.125rem solid transparent; } .day-list__link--key-events { width: 6.5625rem; } .day-list__date { display: block; text-align: center; font-size: 0.625rem; line-height: 0.75rem; color: grey; font-weight: 500; } .day-list__link--selected .day-list__date { color: rgb(255, 255, 255); } .day-list__link--disabled .day-list__date { color: rgb(204, 204, 204); } .day-list--key-events { width: auto !important; } .day-selector-container-2021 { min-height: 5.625rem; } @media (min-width: 64.6875rem) { .day-selector-container-2021 { min-height: 6.5rem; } } .section-heading { padding-top: 0.75rem; margin-bottom: 0.9375rem; position: relative; display: flex; flex-direction: row; align-items: center; } .section-heading a { text-decoration: none !important; font-weight: 400; } .section-heading span { font-size: 10pt !important; color: #808080; margin: 0px 10px 0px 10px; } @media (min-width: 768px) { .section-heading { padding-top: 0.9375rem; } } @media print { .section-heading { padding-top: 0px; margin-top: 0.75rem; } } .section-heading h2 { font-size: 1.0625rem; margin: 0px; } @media (min-width: 768px) { .section-heading h2 { font-size: 1.875rem; } } .section-heading__yellow-bar { content: ""; position: absolute; top: 0px; width: 4.75rem; height: 0.25rem; } @media print { .section-heading__yellow-bar { display: none; } } @media (min-width: 64rem), print { .section-heading { font-size: 1.875rem; margin-bottom: 1.5625rem; } } .section-heading__right { margin-left: 0.75rem; } @media print { html.printable-page { font-size: 11.2px; } html.printable-page.browser-edge, html.printable-page.browser-safari { font-size: 9.6px; } html.printable-page .component-hero-type-1, html.printable-page .filters-form, html.printable-page .outline-header, html.printable-page [data-component="header"], html.printable-page footer { display: none !important; } html.printable-page main { margin: 0px !important; } } .print-header { display: none; } @media print { .print-header { display: flex; flex-direction: row; align-items: center; margin: 1.5625rem 0px 2.8125rem; } } .print-header__print-heading { margin: 0px 0px 0px 1.25rem; font-size: 1.25rem; } .message-card { border-radius: 0.375rem; box-sizing: border-box; overflow: hidden; padding: 1.1875rem 1.25rem; position: relative; width: 100%; max-width: 80rem; margin: auto; background-color: transparent; text-align: center; } @media (min-width: 85.3125rem) { .message-card { padding: 3.0625rem 2.5rem; } } .message-card__section-heading { flex-direction: column; margin-bottom: 0.25rem; } .message-card h2 { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; color: rgb(51, 51, 51); font-size: 1rem; line-height: 1.25rem; } @media (min-width: 48rem) { .message-card h2 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .message-card h2 { font-size: 1.5rem; line-height: 1.75rem; } } .message-card a { cursor: pointer; } .message-card p { font-size: 0.75rem; line-height: 1.125rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 500; } @media (min-width: 48rem) { .message-card p { font-size: 0.875rem; line-height: 1.375rem; } } @media (min-width: 85.3125rem) { .message-card p { font-size: 1rem; line-height: 1.625rem; } } .message-card p:last-of-type { margin-bottom: 0px; } .message-card p a { font-weight: 700; text-decoration: underline; font-size: 0.75rem; } @media (min-width: 48rem) { .message-card p a { font-size: 0.875rem; } } @media (min-width: 85.3125rem) { .message-card p a { font-size: 1rem; } } .message-card--in-page { margin-bottom: 1.875rem; } .message-card > button { margin-top: 1rem; padding: 0.5rem 2.625rem; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 48rem) { .message-card > button { margin-top: 1.5rem; padding: 0.75rem 3rem; } } #BannerPattern[data-v-cc4bbb7e] { min-width: 100%; min-height: 100%; height: 100%; } .component-hero-type-1.article-heading { background: linear-gradient(rgb(0, 145, 210), rgb(21, 72, 157)); padding: 3rem 1rem 7.1875rem; } @media (min-width: 48rem) { .component-hero-type-1.article-heading { top: 0px; padding: 4rem 0px 14.75rem; } } @media (min-width: 64rem) { .component-hero-type-1.article-heading { top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 18.5rem; } } @media (min-width: 85.3125rem) { .component-hero-type-1.article-heading { top: 0px; padding: 5rem 0px 3.5rem; } } .component-hero-type-1.article-heading::before { display: none; } @media (min-width: 120rem) { .component-hero-type-1.article-heading::before { width: 16.4375rem; background-size: 16.4375rem; left: 0px; top: -7.5rem; display: block; } } @media (min-width: 160rem) { .component-hero-type-1.article-heading::before { display: block; width: 30.5rem; background-size: 18.125rem; left: 4rem; top: -8.125rem; background-repeat: repeat-x; } } .component-hero-type-1.article-heading::after { background: none; } .component-hero-type-1.article-heading .background-texture--pattern-overlay-heading::after { background-image: url("/img/bg-pattern-heading-articles.3edd32f4e24732afbb2ed906acaed92c.svg"); background-size: 1430px; background-position: left 37% top 21%; } @media (min-width: 48rem) { .component-hero-type-1.article-heading .background-texture--pattern-overlay-heading::after { background-size: 2095px; background-position: left 35% top 22%; } } @media (min-width: 64rem) { .component-hero-type-1.article-heading .background-texture--pattern-overlay-heading::after { background-size: 2200px; background-position: left 37% top 22%; } } @media (min-width: 85.3125rem) { .component-hero-type-1.article-heading .background-texture--pattern-overlay-heading::after { background-size: 2150px; background-position: left 31% top 19%; } } @media (min-width: 120rem) { .component-hero-type-1.article-heading .background-texture--pattern-overlay-heading::after { background-position: left 0px top 20%; } } .component-hero-type-1.article-heading .article-container { max-width: 100%; } @media (min-width: 48rem) { .component-hero-type-1.article-heading .article-container { width: 36.1875rem; margin: auto; } } @media (min-width: 64rem) { .component-hero-type-1.article-heading .article-container { width: 46.25rem; margin: auto; padding-left: 0px; } } @media (min-width: 85.3125rem) { .component-hero-type-1.article-heading .article-container { max-width: 68.2%; width: 44.375rem; margin-right: 0px; margin-left: 28.375rem; padding-left: 8.625rem; } } @media (min-width: 105rem) { .component-hero-type-1.article-heading .article-container { margin-left: 28.4375rem; } } @media (min-width: 120rem) { .component-hero-type-1.article-heading .article-container { max-width: 68.2%; margin-left: 45.6875rem; } } @media (min-width: 160rem) { .component-hero-type-1.article-heading .article-container { width: 53.5%; margin-left: 65.75rem; } } .component-hero-type-1.article-heading .article-container .article-title { padding: 0px; } @media (min-width: 64rem) { .component-hero-type-1.article-heading .article-container .article-title { margin-bottom: 0px; } } @media (min-width: 85.3125rem) { .component-hero-type-1.article-heading .article-container .article-title { max-width: 100%; } } @media (min-width: 120rem) { .component-hero-type-1.article-heading .article-container .article-title { padding: 0px; margin: 0px; } } @media (min-width: 160rem) { .component-hero-type-1.article-heading .article-container .article-title { max-width: 51.9%; } } .component-hero-type-1.article-heading .article-container .article-title h1 { font-weight: 700; font-size: 2rem; line-height: 2.375rem; letter-spacing: 0.02em; color: rgb(255, 255, 255); margin-bottom: 1rem; } @media (min-width: 48rem) { .component-hero-type-1.article-heading .article-container .article-title h1 { font-size: 3rem; line-height: 3.5rem; margin-bottom: 2rem; } } @media (min-width: 85.3125rem) { .component-hero-type-1.article-heading .article-container .article-title h1 { font-size: 3.5rem; line-height: 4.375rem; margin-bottom: 2.5rem; } } .component-hero-type-1.article-heading .article-container .article-title .author { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(255, 255, 255); font-weight: 500; font-size: 0.75rem; line-height: 1.125rem; } @media (min-width: 48rem) { .component-hero-type-1.article-heading .article-container .article-title .author { font-size: 0.75rem; line-height: 1.125rem; } } @media (min-width: 64rem) { .component-hero-type-1.article-heading .article-container .article-title .author { font-size: 0.875rem; line-height: 1.375rem; } } @media (min-width: 85.3125rem) { .component-hero-type-1.article-heading .article-container .article-title .author { font-size: 1rem; line-height: 1.625rem; } } .component-hero-type-1.article-heading .article-container .article-title .author .contributor-meta { margin-top: 0px; margin-bottom: 0px; display: block; } .component-hero-type-1.article-heading .article-container .article-title .author .contributor-meta .contributor-meta-item { border-top: none; border-bottom: none; padding: 0px; } .component-hero-type-1.article-heading .article-container .article-title .author .contributor-meta .contributor-meta-item .label::after { content: " "; } .component-hero-type-1.article-heading .article-container .article-title .author .contributor-meta .contributor-meta-item .label, .component-hero-type-1.article-heading .article-container .article-title .author .contributor-meta .contributor-meta-item .value { color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 1rem; display: inline-block; line-height: 1.25rem; font-weight: 700; letter-spacing: 0.02em; padding-bottom: 0.25rem; } @media (min-width: 48rem) { .component-hero-type-1.article-heading .article-container .article-title .author .contributor-meta .contributor-meta-item .label, .component-hero-type-1.article-heading .article-container .article-title .author .contributor-meta .contributor-meta-item .value { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .component-hero-type-1.article-heading .article-container .article-title .author .contributor-meta .contributor-meta-item .label, .component-hero-type-1.article-heading .article-container .article-title .author .contributor-meta .contributor-meta-item .value { font-size: 1.5rem; line-height: 1.75rem; } } .component-hero-type-1.article-heading .article-container .article-title .meta { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(255, 255, 255); padding-bottom: 2rem; font-size: 0.75rem; line-height: 1.125rem; } @media (min-width: 48rem) { .component-hero-type-1.article-heading .article-container .article-title .meta { padding-bottom: 3rem; font-size: 0.875rem; line-height: 1.375rem; } } @media (min-width: 85.3125rem) { .component-hero-type-1.article-heading .article-container .article-title .meta { padding-bottom: 0px; font-size: 1rem; line-height: 1.625rem; } } .article-layout-live { font-size: 1rem; padding: 2rem 1rem 0px; width: 100%; box-sizing: border-box; margin: -9.1875rem auto 0px; } @media (min-width: 48rem) { .article-layout-live { padding: 3rem 0px; margin: -17.75rem auto 0px; } } @media (min-width: 64rem) { .article-layout-live { margin: -21.5625rem 0px 0px; } } @media (min-width: 85.3125rem) { .article-layout-live { padding: 7.375rem 0px 0px; margin: 0px; } } .article-layout-live__wrapper { align-items: stretch; display: flex; flex-flow: column; padding: 0px; width: 100%; margin: 0px auto; max-width: 32.5rem; } @media (min-width: 48rem) { .article-layout-live__wrapper { margin: 0px 2rem; max-width: 100%; width: auto; } } @media (min-width: 64rem) { .article-layout-live__wrapper { max-width: 55.625rem; margin: 0px auto; } } @media (min-width: 85.3125rem) { .article-layout-live__wrapper { margin: 0px; flex-direction: row; max-width: 100%; } } .article-layout-live__header { padding-bottom: 2rem; height: 14.25rem; } @media (min-width: 48rem) { .article-layout-live__header { height: 29.25rem; padding-bottom: 1.5rem; } } @media (min-width: 64rem) { .article-layout-live__header { height: 36.875rem; } } @media (min-width: 85.3125rem) { .article-layout-live__header { width: 28.4375rem; } } @media (min-width: 120rem) { .article-layout-live__header { width: 45.75rem; } } @media (min-width: 160rem) { .article-layout-live__header { width: 65.75rem; } } .article-layout-live__sticky-image { position: relative; z-index: 1; width: 100%; height: 14.3125rem; margin: 0px; background-position: 50% center; background-size: cover; } .article-layout-live__sticky-image img { width: 100%; min-height: 11.5625rem; padding-bottom: 1.1875rem; } .article-layout-live__sticky-image picture.-hide-image img { display: block; } @media (min-width: 48rem) { .article-layout-live__sticky-image { width: 100%; height: 29.3125rem; margin-bottom: 1.5rem; } } @media (min-width: 64rem) { .article-layout-live__sticky-image { width: 55.625rem; height: 37rem; margin-bottom: 2rem; } } @media (min-width: 85.3125rem) { .article-layout-live__sticky-image { margin-bottom: 0px; left: 0px; width: 28.4375rem; height: 25rem; position: absolute; top: 10rem; } } @media (min-width: 120rem) { .article-layout-live__sticky-image { width: 45.75rem; height: 30.5rem; } } @media (min-width: 160rem) { .article-layout-live__sticky-image { width: 65.75rem; height: 43.8125rem; } } .article-layout-live .text-blade p.question { color: rgb(0, 58, 93); font-weight: 700; margin-bottom: 0.5rem; } @media (min-width: 64rem) { .article-layout-live .text-blade p.question { margin-bottom: 1rem; } } .article-layout-live .article-title, .article-layout-live .component-table, .article-layout-live .field--name-field-tweet-embed, .article-layout-live .image-block, .article-layout-live .quote, .article-layout-live .text-blade { margin-bottom: 2rem; } @media (min-width: 48rem) { .article-layout-live .article-title, .article-layout-live .component-table, .article-layout-live .field--name-field-tweet-embed, .article-layout-live .image-block, .article-layout-live .quote, .article-layout-live .text-blade { margin-bottom: 3rem; } } @media (min-width: 120rem) { .article-layout-live .article-title, .article-layout-live .component-table, .article-layout-live .field--name-field-tweet-embed, .article-layout-live .image-block, .article-layout-live .quote, .article-layout-live .text-blade { margin-bottom: 4rem; } } .article-layout-live .image-block { margin-top: 0px; } .article-layout-live .image-block img { border-radius: 0px; } .article-layout-live .image-block figcaption { text-align: left; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 400; font-size: 0.75rem; padding: 0.125rem 0px 0px; border-bottom: none; line-height: 1rem; } @media (min-width: 48rem) { .article-layout-live .image-block figcaption { padding: 0.5rem 0px 0px; font-weight: 500; } } .article-layout-live .quote { font-family: "Sharp Sans No2", Arial, sans-serif; text-transform: none; margin: 0px 0px 2rem; } .article-layout-live .left-sidebar { width: 100%; flex-shrink: 0; margin-bottom: 1rem; } @media (min-width: 85.3125rem) { .article-layout-live .left-sidebar { width: 45.75rem; } } @media (min-width: 120rem) { .article-layout-live .left-sidebar { width: 47.875rem; } } .article-layout-live .article-layout__column--content { padding: 0px; margin: 0px; display: block; width: 100%; } @media (min-width: 85.3125rem) { .article-layout-live .article-layout__column--content { flex: 1 1 0%; padding-left: 8.5rem; } } @media (min-width: 120rem) { .article-layout-live .article-layout__column--content { padding-left: 8.625rem; } } .article-layout-live .article-layout__column--content .article-container { max-width: 100%; } @media (min-width: 64rem) { .article-layout-live .article-layout__column--content .article-container { margin: 0px auto; max-width: 45.875rem; } } @media (min-width: 85.3125rem) { .article-layout-live .article-layout__column--content .article-container { margin: 0px; max-width: 44.375rem; } } .article-layout-live .full-width-video { border-radius: 0px; box-shadow: none; } .article-layout-live .full-width-video .ao-media-mosaic-banner__secondary-items-container, .article-layout-live .full-width-video .field--name-field-brightcove-video, .article-layout-live .full-width-video .video-container { height: 100%; } .article-layout-live .video-module { width: 100%; height: 100%; } .article-layout-live .field--name-field-gallery .video-description { background: transparent; } .article-layout-live .field--name-field-gallery .video-description__inner { margin: 0px 0px 0.75rem 1rem; max-width: 15.9375rem; } .article-layout-live .field--name-field-gallery .video-description__inner h3 { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 800; font-size: 1.5rem; line-height: 1.75rem; padding: 0px; } @media (min-width: 48rem) { .article-layout-live .field--name-field-gallery .video-description__inner h3 { font-size: 2rem; line-height: 2rem; } } @media (min-width: 48rem) { .article-layout-live .field--name-field-gallery .video-description__inner { margin: 0px 0px 2rem 1.5rem; max-width: 18.3125rem; } } .article-layout-live .field--name-field-gallery .video-poster-wrapper::before { content: ""; width: 3rem; height: 3rem; background: url("/img/icon_gallery.a5ff0860b9eede7369708df5d2bcd6ff.svg") 0% 0% / 100% no-repeat; position: absolute; top: 1rem; left: 1rem; z-index: 1; } @media (min-width: 48rem) { .article-layout-live .field--name-field-gallery .video-poster-wrapper::before { width: 3.5rem; height: 3.5rem; top: 1.5rem; left: 1.5rem; } } .article-layout-live .ao-media-mosaic-banner__secondary-items-container .video-module__title { font-size: 1.5rem; line-height: 1.75rem; font-weight: 800; } @media (min-width: 48rem) { .article-layout-live .ao-media-mosaic-banner__secondary-items-container .video-module__title { font-size: 2rem; line-height: 2rem; } } .article-layout-live .ao-media-mosaic-banner__secondary-items-container .video-module__play-icon { width: 3rem; height: 3rem; box-sizing: border-box; background: rgba(204, 204, 204, 0.5); } @media (min-width: 48rem) { .article-layout-live .ao-media-mosaic-banner__secondary-items-container .video-module__play-icon { width: 3.5rem; height: 3.5rem; } } .article-layout-live .ao-media-mosaic-banner__secondary-items-container .video-module__play-icon svg { width: 1.5rem; height: 1.5rem; margin-left: 0.3125rem; } .article-layout-live .ao-media-mosaic-banner__secondary-items-container .video-module__duration { font-size: 0.75rem; line-height: 1rem; } @media (min-width: 48rem) { .article-layout-live .ao-media-mosaic-banner__secondary-items-container .video-module__duration { font-size: 0.625rem; } } @media (max-width: 40rem) { .article-layout-live .article-content iframe { width: 100%; height: 12.0625rem; } } @media (min-width: 40rem) and (max-width: 48rem) { .article-layout-live .article-content iframe { width: 100%; height: 17.8125rem; } } @media (min-width: 64rem) and (max-width: 85.25rem) { .article-layout-live .article-content iframe { width: 100%; height: 18.75rem; } } .article-main-layout { width: 100%; max-width: 100%; } .au-slider { width: 100%; } .au-slider, .au-slider .slides-wrapper { overflow: hidden; } .au-slider .slides-wrapper .slide:first-child { margin-left: 0px; } .au-slider .slides-wrapper .slide:last-child { margin-right: 0px; } .au-slider .arrow { cursor: pointer; } .component-gallery { position: static; max-height: 100%; } .component-gallery .btn-play-video { width: 2.75em; height: 2.75em; transition: opacity 0.7s ease-in-out 0.3s, 0.4s; } .component-gallery .btn-play-video .icon { color: rgb(255, 255, 255); } .component-gallery.-video-active .gallery-slider .slide-article__media .picture, .component-gallery.-video-active .gallery-slider .slide-article__media picture { display: none; } .component-gallery.-video-active .gallery-slider .slide-article__media .video-container { opacity: 1; } .component-gallery.-video-active .gallery-slider .slide-article__media .btn-play-video, .component-gallery.-video-active .gallery-slider .slide-article__media ~ .slide-article__description, .component-gallery.-video-active .gallery-thumbs { display: none; } .gallery-card { display: block; overflow: hidden; font-size: 1rem; cursor: pointer; text-decoration: none; height: 17em; position: relative; width: 100%; border-radius: 6px; box-shadow: rgba(34, 34, 34, 0.1) 0px 2px 12px 0px; } .gallery-card .card-background { background: rgb(17, 17, 17); height: 100%; width: 100%; } .gallery-card .card-background img { height: 100%; width: 100%; font-family: "object-fit:cover"; object-fit: cover; } .gallery-card .card-inner { position: absolute; bottom: 0px; left: 0px; width: 100%; height: auto; margin: 0px; padding: 0.75em 5%; border-radius: 6px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent 50%); box-sizing: border-box; } .gallery-card .card-inner-title { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; font-size: 1.0625em; margin: 0px; padding: 0.75em 0px; } .gallery-card .card-inner-title .icon { color: rgb(0, 145, 210); display: block; } .gallery-card .card-inner-title .icon::before { font-size: 1.4375em; width: 40px; position: relative; left: -4px; } .gallery-card .card-meta { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 1em 0px; width: 100%; line-height: normal; } .gallery-card .card-meta-type { color: rgb(215, 215, 0); text-decoration: none; font-size: 0.8125em; font-weight: 700; } .gallery-card .card-meta-description { font-size: 0.625em; color: rgb(255, 255, 255); margin-left: 0.5em; } .gallery-card:hover img { transition: transform 1.5s ease-out 0s, -webkit-transform 1.5s ease-out 0s; transform: scale(1.1); } .gallery-modal.component-modal.-active { animation-duration: 0.5s; } .gallery-modal.component-modal .modal-viewport { overflow: hidden auto; } .gallery-modal.component-modal .modal-viewport .modal-window { min-height: 100%; width: 100vw; top: 0px; left: 0px; transform: none; background: url("/img/O-Texture-Large.69e47204441b0697ac30c4e6fa712035.svg") 20% 70% / 450% no-repeat fixed rgb(17, 17, 17); } .gallery-modal.component-modal .modal-viewport .modal-window .modal-container { padding: 3.75em 0px 0px; height: 100%; } .gallery-modal.component-modal .modal-viewport .video-js { z-index: 1000; } .gallery-modal.component-modal .operator { text-decoration: none; color: rgb(215, 215, 0); display: flex; align-items: center; justify-content: center; } .gallery-modal.component-modal .operator.-dismiss { transition: all 0.5s ease-in-out 0.2s, 0.3s; } .gallery-modal.component-modal .operator.-dismiss a { color: rgb(255, 255, 255); cursor: pointer; text-decoration: none; } .gallery-modal.component-modal .operator.hide { opacity: 0; } .gallery-modal .gallery-container { padding-top: 40px; } .gallery-modal .gallery-container .component--share, .gallery-modal .gallery-container .slide-article__share { display: none; } .gallery-modal .gallery-logo { height: 1.875em; display: inline-block; position: absolute; top: 0.9375em; left: 0.9375em; } .gallery-modal .gallery-logo img { height: 100%; width: auto; } .gallery-modal .sponsor-logo { height: 1em; display: inline-block; width: 100%; text-align: right; padding: 0px 1.25em; margin-bottom: 0.5em; box-sizing: border-box; } .gallery-modal .sponsor-logo span { font-size: 0.75em; color: rgb(221, 221, 221); margin-right: 0.75em; vertical-align: middle; } .gallery-modal .sponsor-logo img { display: inline-block; height: 100%; width: auto; vertical-align: baseline; } .gallery-slider__wrapper { align-items: stretch; display: flex; list-style-type: none; margin: 0px; overflow: hidden; padding: 0px; width: 9999px; } .gallery-slider__wrapper.-fade-in { opacity: 0; transition: transform 0s ease 0s, opacity 1s ease-in-out 0s, -webkit-transform 0s ease 0s; } .gallery-slider__slide { position: relative; width: 100vw; } .gallery-slider__slide.-next .slide-article__description, .gallery-slider__slide.-next .slide-article__media .index, .gallery-slider__slide.-prev .slide-article__description, .gallery-slider__slide.-prev .slide-article__media .index { opacity: 0; } .gallery-slider__slide:first-child .slide-article__media { padding-left: 0px; } .gallery-slider__slide:last-child .slide-article__media { padding-right: 0px; } .gallery-slider__nav { height: 3.75rem; left: 50%; position: absolute; top: 0px; transition: opacity 0.7s ease-in-out 0.3s, 0.4s; transform: translateX(-50%); width: 4rem; } .gallery-slider__nav .operator { border-radius: 50%; border: 2px solid rgb(215, 215, 0); height: 24px; opacity: 1; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity 0.3s ease-in 0s; width: 24px; } .gallery-slider__nav .operator:hover { opacity: 0.6; } .gallery-slider__nav .operator.-prev { left: 0px; right: auto; } .gallery-slider__nav .operator.-prev .icon { text-indent: -2px; } .gallery-slider__nav .operator.-next { left: auto; right: 0px; } .gallery-slider__nav .operator.-next .icon { text-indent: 2px; } .gallery-slider__nav .icon::before { color: rgb(215, 215, 0); font-size: 1rem; height: 24px; left: 50%; line-height: 24px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 24px; } .gallery-slider .slide-article { position: relative; padding: 0px 1.25em; width: calc(100vw - 2.5em); } .gallery-slider .slide-article * { box-sizing: border-box; } .gallery-slider .slide-article__media { min-height: 220px; position: relative; } .gallery-slider .slide-article__media img { display: block; width: 100%; height: 100%; font-family: "object-fit:cover"; object-fit: cover; border-radius: 3px; } .gallery-slider .slide-article__media .video-js { width: 100%; height: 100%; } .gallery-slider .slide-article__media .video-container { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(17, 17, 17); opacity: 0; transition: opacity 0.3s ease-in 0s; } .gallery-slider .slide-article__media .index { color: rgb(102, 102, 102); font-size: 0.6875em; font-weight: 700; font-family: "Sharp Sans No2", Arial, sans-serif; position: absolute; bottom: -2.5em; right: 0.875em; z-index: 1; letter-spacing: 0.5px; transition: opacity 0.3s ease-in-out 0s; } .gallery-slider .slide-article__media .icon { color: rgb(255, 255, 255); } .gallery-slider .slide-article__media .btn-play-video { left: 50%; } .gallery-slider .slide-article__media .-hide-image img { display: none; } .gallery-slider .slide-article__media .-hide-image .img { background-repeat: no-repeat; background-size: contain; } .gallery-slider .slide-article__description { padding: 1.5em 0px; position: relative; transition: opacity 0.7s ease-in-out 0.3s, 0.4s; } .gallery-slider .slide-article__description h2 { color: rgb(255, 255, 255); margin-bottom: 1em; } .gallery-slider .slide-article__description h2::before { content: " "; width: 70px; height: 4px; display: block; margin: 1em 0px; } .gallery-slider .slide-article__description .meta { color: rgb(215, 215, 0); font-weight: 700; font-size: 0.875em; margin-bottom: 1em; } .gallery-slider .slide-article__description p { color: rgb(238, 238, 238); } .gallery-slider .slide-article__share { color: rgb(255, 255, 255); } .gallery-slider .slide-article__tags { margin: 2em 0px 0px; padding: 0px; list-style-type: none; font-size: 0.875em; display: flex; align-items: center; } .gallery-slider .slide-article__tags > * { display: inline-block; background: transparent; margin-right: 5px; margin-bottom: 10px; color: rgb(238, 238, 238); } .gallery-slider .slide-article__tags > * a { box-sizing: content-box; position: relative; display: block; text-decoration: none; font-size: inherit; color: inherit; height: 2.5em; line-height: 2.625em; padding: 0px 1em; border: 3px solid rgb(34, 34, 34); border-radius: 2.5em; transition: color 0.3s cubic-bezier(0.2, 1, 0.3, 1) 0s, border-color 0.5s 0s; background: rgb(17, 17, 17); font-weight: 400; } .gallery-slider .slide-article__tags > * a:hover { border-color: rgb(102, 102, 102); } .gallery-slider .slide-article__tags > .slide-article__share { margin-right: 15px; } .gallery-slider.-last .gallery-slider__nav .operator.-next, .gallery-slider[data-index="1"] .gallery-slider__nav .operator.-prev { transition: opacity 0.4s ease-out 0s; opacity: 0; cursor: default; } .gallery-thumbs { background: transparent; display: none; height: 100vh; position: relative; transform: translateY(100vh); transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s; z-index: 1; } .gallery-thumbs-container { max-width: 1280px; margin: 0px auto; padding: 0px 3.5% 3.5%; } .gallery-thumbs .thumbs-list { list-style-type: none; margin: 0px; padding: 0px; overflow-y: auto; } .gallery-thumbs .thumbs-list, .gallery-thumbs .thumbs-list * { box-sizing: border-box; } .gallery-thumbs .thumbs-list-item { width: 25%; margin: 0px; float: left; overflow: hidden; position: relative; } .gallery-thumbs .thumbs-list-item::after { content: " "; display: block; padding-top: 100%; } .gallery-thumbs .thumbs-list-item .inner { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 4.5%; } .gallery-thumbs .thumbs-list-item.-active .thumb::after { content: " "; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 4px; } .gallery-thumbs .thumbs-list-item .-hide-image img { display: none; } .gallery-thumbs .thumb { background: rgb(0, 0, 0); position: relative; border-radius: 6px; overflow: hidden; } .gallery-thumbs .thumb, .gallery-thumbs .thumb picture, .gallery-thumbs .thumb picture img { display: block; width: 100%; height: 100%; } .gallery-thumbs .thumb picture img { transition: all 0.5s ease-in-out 0s; font-family: "object-fit:cover;object-position:50%"; object-fit: cover; object-position: 50% center; } .gallery-thumbs .thumb-inner { position: absolute; bottom: 0px; width: 100%; height: 50%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent 50%); display: flex; flex-direction: column; justify-content: flex-end; padding: 0.75em 1.25em; } .gallery-thumbs .thumb-meta { width: 100%; margin: 0px; box-sizing: border-box; border-top: 1px solid rgba(255, 255, 255, 0.25); font-size: 1rem; padding: 0.5em 0px 0px; } .gallery-thumbs .thumb-meta-type { display: inline-block; color: rgb(215, 215, 0); font-weight: 700; font-size: 0.75em; } .gallery-thumbs .thumb-meta-time { color: rgb(255, 255, 255); font-size: 0.75em; margin-left: 0.5em; } .gallery-thumbs.-active { transform: translateY(0px); } .gallery-thumbs.-active .operator { transform: translateY(2.8125em); border-color: rgb(255, 255, 255); } .gallery-thumbs.-active .operator .icon { transform: rotate(180deg); display: inline-block; } .gallery-thumbs.-active .operator .icon::before { line-height: 37px; } .gallery-thumbs.-active .operator .icon.closed { display: none; } .gallery-thumbs.-active .operator .icon.open { display: inline-block; } .gallery-thumbs.-active .gallery-thumbs-container { padding-top: 100px; } .gallery-thumbs .operator { position: absolute; inset: 0px 0px auto; margin: auto; height: 40px; width: 40px; border: 2px solid transparent; border-radius: 50%; cursor: pointer; transform: translateY(-3.125em); } .gallery-thumbs .operator .icon { color: rgb(255, 255, 255); } .gallery-thumbs .operator .icon.closed { display: inline-block; } .gallery-thumbs .operator .icon.closed::before { font-size: 32px; } .gallery-thumbs .operator .icon.open { display: none; } .gallery-thumbs .operator .icon::before { font-size: 20px; height: 40px; width: 40px; line-height: 42px; text-align: center; } @media (min-width: 480px) { .gallery-card .card-inner { padding-top: 15%; } } @media (min-width: 1024px) { .-no-activity .btn-play-video, .-no-activity .gallery-slider__nav .operator.arrow, .-no-activity .slide-article__description { opacity: 0; } .component-gallery .btn-play-video { width: 3em; height: 3em; } .gallery-card { height: 25em; } .gallery-card .card-inner-title { line-height: 1.25em; font-size: 1.4375em; } .gallery-card .card-inner-title .icon { display: initial; } .gallery-card .card-inner-title .icon::before { top: -7px; left: 0px; } .gallery-modal.component-modal .modal-viewport .modal-window { max-width: 100%; background-size: 250%; background-position: 20% 70%; } .gallery-modal.component-modal .modal-viewport .modal-window .modal-container { padding: 0px; } .gallery-modal.component-modal .modal-viewport .modal-window .modal-container .operator.-dismiss { top: 1.4375em; right: 2.5em; } .gallery-modal.component-modal .modal-viewport .modal-window .modal-container .operator.-dismiss a::before { font-size: 30px; line-height: 30px; height: 30px; width: 30px; } .gallery-modal.component-modal.-show-thumbs .modal-viewport { overflow-y: auto; } .gallery-modal .gallery-logo { top: 1.875em; left: 2.5em; z-index: 2; } .gallery-modal .sponsor-logo { position: absolute; bottom: 3.75em; right: 2.5em; width: auto; } .gallery-slider { transition: all 0.5s ease-in-out 0s; position: fixed; } .gallery-slider__slide.active .slide-article__media { transition: opacity 0.8s ease-in 0s, transform 0.5s ease-in 0s, -webkit-transform 0.5s ease-in 0s; } .gallery-slider__slide.-prev .slide-article__media { opacity: 0; filter: blur(3px) grayscale(30%); } .gallery-slider__slide.-next .slide-article__media { opacity: 0; filter: blur(2px) grayscale(20%); } .gallery-slider__nav { display: block; height: auto; left: auto; position: static; top: auto; transform: none; width: auto; } .gallery-slider__nav .operator { height: 40px; width: 40px; } .gallery-slider__nav .operator.-prev { left: 2.5rem; } .gallery-slider__nav .operator.-prev .icon { text-indent: -4px; } .gallery-slider__nav .operator.-next { right: 2.5rem; } .gallery-slider__nav .operator.-next .icon { text-indent: 4px; } .gallery-slider__nav .icon::before { font-size: 1.25rem; height: 40px; line-height: 40px; width: 40px; } .gallery-slider .slide-article { height: 100vh; padding: 0px; width: 100vw; } .gallery-slider .slide-article__media { height: 100%; width: 100%; padding: 0px; text-align: center; background: linear-gradient(to right top, rgba(0, 0, 0, 0.9), transparent 50%); } .gallery-slider .slide-article__media img { display: inline-block; font-family: "object-fit:contain;object-position:50% 50%"; object-fit: contain; object-position: 50% 50%; } .gallery-slider .slide-article__description { padding: 1.5em 10%; position: absolute; bottom: 3.5%; width: 100%; transition-delay: 0.5s, 0.3s; } .gallery-slider .slide-article__description p { max-width: 550px; } .gallery-slider .slide-article__tags { position: relative; } .gallery-slider.-dim { filter: blur(20px) grayscale(20%); } .gallery-slider.-dim ~ .operator.-dismiss { opacity: 0; } .gallery-slider.-dim .slide .slide-article .slide-article__description, .gallery-thumbs { display: none; } } @media (min-width: 1365px) { .gallery-thumbs__container { padding: 100px; } .gallery-thumbs .thumbs-list-item .inner { padding: 15px; } .gallery-modal.component-modal .modal-viewport { overflow-y: hidden; } } @media (min-width: 768px) { .no-cssfilters .gallery-slider.-dim { opacity: 0.15; } } #block-exposedformsearchsearch-block, #views-exposed-form-search-search-block { height: 100%; } #edit-search-api-fulltext::-webkit-input-placeholder { color: rgb(255, 255, 255); opacity: 0.3; } #edit-search-api-fulltext::placeholder { color: rgb(255, 255, 255); opacity: 0.3; } #block-global-search, #views-exposed-form-acquia-global-search-global-search { display: none; } #block-global-search.-show-mobile, #views-exposed-form-acquia-global-search-global-search.-show-mobile { display: block; height: 100%; } @media (min-width: 48rem) { #block-global-search, #views-exposed-form-acquia-global-search-global-search { display: block; height: 100%; } } #edit-search::-webkit-input-placeholder { color: rgb(255, 255, 255); opacity: 0.3; } #edit-search::placeholder { color: rgb(255, 255, 255); opacity: 0.3; } #search-form__placeholder { position: absolute; top: 0px; left: -6px; max-width: 100%; height: 60px; display: flex; align-items: center; justify-content: flex-start; z-index: 99; } #search-form__placeholder .a-blink { color: rgb(255, 255, 255); font-size: 40px; animation: 0.6s cubic-bezier(0.5, 0, 1, 1) 0s infinite alternate none running menu-animate-in; } @media (min-width: 1365px) { #search-form__placeholder .a-blink { font-size: 48px; } } #search-form__placeholder .placeholder-text { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 40px; font-weight: 700; opacity: 0; color: transparent; margin-left: -6px; } @media (min-width: 1365px) { #search-form__placeholder .placeholder-text { font-size: 48px; } } .component-global-search { height: 100%; } .component-global-search .search-container { display: none; background-color: rgb(0, 145, 210); position: absolute; left: 0px; animation: 0.2s ease-out 0s 1 normal forwards running search-animate-in-mobile; z-index: 99996; width: 100%; height: 5.0625rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; } @media (min-width: 1365px) { .component-global-search .search-container { animation: 0.2s ease-out 0s 1 normal forwards running search-animate-in; } } .component-global-search .search-container > .wrapper { margin: 0px 18px; height: 100%; display: flex; flex-flow: row; justify-content: space-between; align-items: center; max-width: 1440px; position: relative; } .component-global-search .search-container > .wrapper .content { position: relative; width: 100%; } .component-global-search .search-container .component-global-search__search-icon { color: rgb(255, 255, 255); height: 1.375rem; width: 1.47125rem; } @media (min-width: 768px) { .component-global-search .search-container .component-global-search__search-icon { height: 3rem; width: 3.21125rem; } } @media (min-width: 1024px) { .component-global-search .search-container .component-global-search__search-icon { width: 3.15937rem; } } @media (min-width: 1365px) { .component-global-search .search-container .component-global-search__search-icon { width: 3.10369rem; } } .component-global-search .search-container .form-item { width: 93%; } .component-global-search .search-container .form-item label { display: none; } .component-global-search .search-container .form-item input { border: none; background: transparent; width: calc(100% - 8px); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 40px; font-weight: 700; color: rgb(255, 255, 255); } @media (min-width: 1365px) { .component-global-search .search-container .form-item input { font-size: 48px; } } .component-global-search .search-container .form-item input:focus { outline: none; } .component-global-search .search-container .form-actions { display: none; } .component-global-search .search-container .component-global-search__close-icon { color: rgb(255, 255, 255); cursor: pointer; flex: 0 0 24px; transition: color 0.3s ease 0s; } .component-global-search .search-container .component-global-search__close-icon:hover { color: rgb(215, 215, 0); } .component-global-search .action-container { height: 100%; width: 3.25rem; overflow: visible; position: relative; transform: translateY(-50%); top: 50%; cursor: pointer; } .component-global-search .action-container .svg-icon { color: rgb(51, 51, 51); position: absolute; padding: 1.375rem 1.0625rem; top: 50%; transform: translateY(-50%); } .component-global-search .action-container .svg-icon.component-global-search__search-icon { opacity: 1; transition: bottom 0.1s ease-in-out 0s; height: 1.0625rem; width: 1.0625rem; display: block; } @media (min-width: 1365px) { .component-global-search .action-container .svg-icon.component-global-search__search-icon { height: 1.375rem; width: 1.375rem; } } .component-global-search .action-container .svg-icon.component-global-search__close-icon { opacity: 1; transition: bottom 0.1s ease-in-out 0s; height: 0.875rem; width: 0.875rem; stroke: rgb(51, 51, 51); display: none; } @media (min-width: 1365px) { .component-global-search .action-container .svg-icon.component-global-search__close-icon { height: 1.125rem; width: 1.125rem; } } .component-global-search.-active .search-container { display: block; } .component-global-search.-active .action-container .svg-icon.component-global-search__search-icon { display: none; opacity: 0; } .component-global-search.-active .action-container .svg-icon.component-global-search__close-icon { display: block; opacity: 1; } @media (min-width: 1024px) { .component-global-search .search-container > .wrapper { margin: 0px auto; padding-left: 3.5%; padding-right: 3.5%; } .component-global-search .search-container .form-item { margin-right: 40px; } } .ui-autocomplete.search-api-autocomplete-search { display: none; background-color: rgb(0, 145, 210); height: calc(100% - 13.75rem); margin: 0px; overflow-y: auto; padding: 0px; position: absolute; transform: translateX(-50%); z-index: 99995; top: 13.9375rem !important; left: 50% !important; width: 100% !important; } @media (min-width: 1024px) { .ui-autocomplete.search-api-autocomplete-search { top: 14.9375rem !important; } } @media (min-width: 1365px) { .ui-autocomplete.search-api-autocomplete-search { top: 18.125rem !important; } } .ui-autocomplete.search-api-autocomplete-search.-active { display: block; } .ui-autocomplete.search-api-autocomplete-search.ui-widget-content { border-top: 1px solid rgba(255, 255, 255, 0.5); background-color: rgb(0, 145, 210); height: 300px; } @media (min-width: 1024px) { .ui-autocomplete.search-api-autocomplete-search.ui-widget-content { height: 460px; } } @media (min-width: 1365px) { .ui-autocomplete.search-api-autocomplete-search.ui-widget-content { height: 570px; } } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item { display: block; padding: 0px; background-color: rgb(0, 145, 210); max-width: 1440px; margin: 0px auto; } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item:focus { outline: none; } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item.ui-state-focus { border: none; background: none rgb(0, 145, 210); } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item > a { display: block; cursor: pointer; } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item > a .ui-autocomplete-fields .ui-autocomplete-field .search-api-autocomplete-suggestion { color: rgba(255, 255, 255, 0.6); font-size: 23px; font-weight: 700; font-family: "Sharp Sans No2", Arial, sans-serif; line-height: normal; box-sizing: border-box; padding: 12px 3.5%; } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item > a .ui-autocomplete-fields .ui-autocomplete-field .search-api-autocomplete-suggestion .autocomplete-suggestion-user-input { color: rgb(215, 215, 0); } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item > a:active, .ui-autocomplete.search-api-autocomplete-search .ui-menu-item > a:hover { text-decoration: none; } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item > a:active .ui-autocomplete-fields .ui-autocomplete-field .search-api-autocomplete-suggestion, .ui-autocomplete.search-api-autocomplete-search .ui-menu-item > a:hover .ui-autocomplete-fields .ui-autocomplete-field .search-api-autocomplete-suggestion { color: rgb(255, 255, 255); } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item:last-of-type > a .ui-autocomplete-fields .ui-autocomplete-field .search-api-autocomplete-suggestion { border-bottom: none; } .ui-autocomplete.search-api-autocomplete-search::after { content: ""; background-color: rgb(0, 145, 210); width: 100%; height: 5px; display: block; } @media (min-width: 1024px) { .ui-autocomplete.search-api-autocomplete-search, .ui-autocomplete.search-api-autocomplete-search.ui-state-focus { background-color: rgba(255, 255, 255, 0.8); } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item { display: block; padding-left: 3.5%; padding-right: 3.5%; background-color: rgb(0, 145, 210); } .ui-autocomplete.search-api-autocomplete-search .ui-menu-item > a .ui-autocomplete-fields .ui-autocomplete-field .search-api-autocomplete-suggestion { font-size: 40px; padding: 20px 0px; } } @media (min-width: 1024px) and (min-width: 1365px) { .ui-autocomplete.search-api-autocomplete-search .ui-menu-item > a .ui-autocomplete-fields .ui-autocomplete-field .search-api-autocomplete-suggestion { font-size: 48px; } } @media (min-width: 1365px) { .ui-autocomplete.search-api-autocomplete-search { height: calc(100% - 15.625rem); } } @media (min-width: 1024px) { .is-scrolled .ui-autocomplete.search-api-autocomplete-search { top: 13.9375rem !important; } } @media (min-width: 1365px) { .is-scrolled .ui-autocomplete.search-api-autocomplete-search { top: 17.1875rem !important; } } #search-overlay { background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100vh; position: absolute; z-index: 10000; top: 0px; left: 0px; animation: 0.2s ease-in 0s 1 normal none running menu-animate-in; } .header-main { max-width: 100%; width: 1440px; margin: 0px auto; background-color: rgb(255, 255, 255); opacity: 1; transition: top 0.15s linear 0s, opacity 0.25s ease-in-out 0s; display: flex; flex-direction: column-reverse; } @media (min-width: 64rem) { .header-main { position: absolute; top: 0px; z-index: 9998; width: 100%; display: flex; justify-content: center; } } .header-main.-sticky { position: fixed; top: 0px; z-index: 9999; box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 8px; } @media (min-width: 64rem) { .header-main.-sticky { position: fixed; z-index: 9998; } } .header-main.-sticky + .header-margin { height: 4rem; } @media (min-width: 64rem) { .header-main.-sticky + .header-margin { height: 5rem; } } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .header-main.-sticky { transform: translateZ(0px); } } .header-main.-overlay-active { z-index: 10001; } .header-main.-sticky-active { box-shadow: none; border-bottom: 1px solid rgb(230, 230, 230); } .header-contained { width: 100%; box-sizing: border-box; } .header-contained .header-inner { align-items: center; display: flex; height: 4rem; padding: 0px; transition: height 0.15s linear 0s; position: relative; justify-content: space-between; } @media (min-width: 85.3125rem) { .header-contained .header-inner { height: 5rem; padding-left: 3.5%; padding-right: 3.5%; justify-content: flex-start; } } .is-scrolled .header-contained .header-inner { height: 4rem; } .header-contained .brand-wrapper { align-items: center; display: flex; justify-content: flex-start; flex-basis: 90%; } @media (max-width: 85.25rem) { .header-contained .brand-wrapper { position: absolute; left: 3.9375rem; transform: translateX(0px); } } @media (max-width: 47.9375rem) { .header-contained .brand-wrapper { position: absolute; left: 50%; transform: translateX(-50%); } } @media (min-width: 85.3125rem) { .header-contained .brand-wrapper { flex: 1 1 auto; position: relative; } } .header-contained .brand-wrapper .tournament-date { line-height: 1; font-size: 0.5rem; } @media (min-width: 48rem) { .header-contained .brand-wrapper .tournament-date { display: block; } } .header-contained .brand-wrapper .tournament-date .header-date { text-transform: uppercase; font-weight: 600; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.5rem; color: rgb(0, 145, 210); max-width: 4rem; display: flex; justify-content: center; text-align: center; } @media (min-width: 48rem) { .header-contained .brand-wrapper .tournament-date .header-date { font-size: 0.625rem; } } .header-contained .brand-wrapper .header-rolex-wrapper { margin-left: 1.5rem; display: flex; align-items: center; } @media screen and (max-width: 47.9375rem) { .header-contained .brand-wrapper .header-rolex-wrapper { display: none; } } .header-contained .logo-wrapper { position: relative; } @media (min-width: 64rem) { .header-contained .logo-wrapper { display: inline-block; vertical-align: middle; } } .header-contained .logo-wrapper a { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1em; text-decoration: none; } .header-contained .logo-wrapper img, .header-contained .logo-wrapper svg { display: block; fill: rgb(0, 145, 210); height: 1.375rem; margin-bottom: 0.125rem; } @media (min-width: 48rem) { .header-contained .logo-wrapper img, .header-contained .logo-wrapper svg { height: 2rem; margin-bottom: 0.25rem; } } @media (min-width: 85.3125rem) { .header-contained .logo-wrapper img, .header-contained .logo-wrapper svg { height: 2.5rem; } } .header-contained .logo-wrapper .date { display: none; color: rgb(0, 58, 93); font-family: "Source Sans", Arial, sans-serif; font-weight: 700; font-size: 0.6875rem; margin-top: -0.125rem; text-decoration: none; } @media (min-width: 64rem) { .header-contained .logo-wrapper .date { display: inline-block; font-size: 0.75rem; } } .header-contained .primary-nav-wrapper { display: none; height: 100%; text-align: center; } @media (min-width: 85.3125rem) { .header-contained .primary-nav-wrapper { display: inline-block; flex: 1 1 auto; vertical-align: middle; white-space: nowrap; } } .header-contained .primary-nav-wrapper > ul { height: 100%; display: inline-block; } .header-contained .primary-nav-wrapper > ul > li { height: 100%; } .header-contained .primary-nav-wrapper > ul > li > a { align-items: center; display: flex; height: 100%; overflow: hidden; position: relative; text-transform: uppercase; padding: 0px 1.4375rem; } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .header-contained .primary-nav-wrapper > ul > li > a { padding: 0px 0.625rem; } } .header-contained .primary-nav-wrapper > ul > li > a::before { margin-top: -0.625rem; top: 50% !important; } .header-contained .primary-nav-wrapper > ul > li > a.is-active-section::after { display: block; } .is-scrolled .header-contained .primary-nav-wrapper > ul > li > a.is-active-section::after { opacity: 0; } @media (min-width: 64rem) { .header-contained .primary-nav-wrapper > ul > li > a.is-active { box-shadow: rgb(30, 40, 134) 0px -3px 0px 0px inset; } } .header-contained .primary-nav-wrapper > ul > li ul { left: 0px; position: absolute; width: 100%; display: none; opacity: 0; overflow: hidden; z-index: 250; top: 100%; } .header-contained .primary-nav-wrapper > ul > li ul li { display: inline-block; white-space: nowrap; border-radius: 0.1875rem; } .header-contained .primary-nav-wrapper > ul > li ul li a { display: block; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; padding: 1.1125rem; color: rgb(51, 51, 51); opacity: 0.7; text-decoration: none; text-transform: capitalize; font-size: 0.75rem; } .header-contained .primary-nav-wrapper > ul > li ul li a.is-active, .header-contained .primary-nav-wrapper > ul > li ul li a:hover { opacity: 1; } .header-contained .primary-nav-wrapper > ul > li:hover .header__icon { transform: rotate(180deg); } .header-contained .primary-nav-wrapper > ul > li.-hover ul, .header-contained .primary-nav-wrapper > ul > li:hover ul { display: block; animation: 0.4s ease 0s 1 normal forwards running menu-animate-in; } .header-contained .primary-nav-wrapper .nav-item .header__icon { color: rgb(0, 58, 93); transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s; font-size: 1.125rem; width: 18px; height: 18px; } .header-contained .secondary-nav-wrapper { align-items: center; display: flex; justify-content: flex-end; flex-basis: 10%; height: 100%; } @media (min-width: 48rem) { .header-contained .secondary-nav-wrapper { flex: 1 1 auto; width: 100%; } } .-show-menu .header-contained .secondary-nav-wrapper { width: 100%; } .header-contained .secondary-nav-wrapper .btn { display: none; padding-top: 0.4375rem; padding-bottom: 0.5625rem; } .-show-menu .header-contained .secondary-nav-wrapper .btn { display: block; margin-right: 0.3125rem; } .header-contained .secondary-nav-wrapper > ul { height: 100%; } @media (min-width: 48rem) { .header-contained .secondary-nav-wrapper > ul { justify-content: flex-end; display: flex; } } .header-contained .secondary-nav-wrapper > ul li { display: flex; height: 100%; align-items: center; margin-right: 1rem; } .header-contained .secondary-nav-wrapper > ul li.nav-list { display: none; } .header-contained .secondary-nav-wrapper > ul li.nav-list--show-mobile { display: flex; } @media (min-width: 48rem) { .header-contained .secondary-nav-wrapper > ul li.nav-list { display: flex; } } .header-contained .secondary-nav-wrapper > ul li img { width: auto; height: 100%; } .header-contained .secondary-nav-wrapper .nav-item { display: flex; align-items: center; padding: 0.5rem 0.75rem; letter-spacing: 0.08em; font-size: 0.75rem; line-height: 1rem; } @media (min-width: 48rem) { .header-contained .secondary-nav-wrapper .nav-item { display: flex; align-items: center; text-transform: uppercase; padding: 0.5rem 1.25rem; } } @media (min-width: 64rem) { .header-contained .secondary-nav-wrapper .nav-item { letter-spacing: 0.1em; padding: 0.75rem 1.5rem; font-size: 0.875rem; line-height: 1.125rem; } } .header-contained .secondary-nav-wrapper .nav-item .header__icon { color: rgb(0, 145, 210); padding-right: 0.625rem; } .header-contained .secondary-nav-wrapper .nav-item.ao-btn { margin: 0px; padding-left: 1.90625rem; padding-right: 1.90625rem; border: 1px solid transparent; } @media (min-width: 48rem) { .header-contained .secondary-nav-wrapper .nav-item.ao-btn { padding: 0.5625rem 1.75rem; } } @media (min-width: 85.3125rem) { .header-contained .secondary-nav-wrapper .nav-item.ao-btn { padding: 0.6875rem 1.84375rem; } } .header-contained .secondary-nav-wrapper .nav-item.ao-btn--neutral { background: none; border: 1px solid rgb(230, 230, 230); transition: border 0.1s linear 0s; padding-left: 2.2125rem; padding-right: 2.2125rem; } @media (min-width: 48rem) { .header-contained .secondary-nav-wrapper .nav-item.ao-btn--neutral { padding: 0.5625rem 1.75rem; } } @media (min-width: 85.3125rem) { .header-contained .secondary-nav-wrapper .nav-item.ao-btn--neutral { padding: 0.6875rem 2.2125rem; } } .header-contained .secondary-nav-wrapper .nav-item.ao-btn--neutral::after, .header-contained .secondary-nav-wrapper .nav-item.ao-btn--neutral::before { content: normal; } .header-contained .secondary-nav-wrapper .nav-item.ao-btn--neutral:hover { border-color: rgb(0, 58, 93); } .header-contained .nav-item { font-size: 0.875em; text-decoration: none; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; z-index: 2; } .header-contained .nav-item.search { margin-right: 0px; line-height: 0; font-size: 0px; } .header-contained .nav-item.search .header__icon { color: rgb(255, 255, 255); } .header-contained .nav-item.-has-drop-down .header__icon { margin-right: 0px; margin-left: 0.5rem; } .header-contained .nav-item.first-level { color: rgb(51, 51, 51); } .header-contained ul { margin: 0px; padding-left: 0px; } .header-contained ul.menu li.in-active-trail > a, .header-contained ul.menu li.in-active-trail span { color: rgb(30, 40, 134); } @media (min-width: 64rem) { .header-contained ul.menu li a.is-active { box-shadow: rgb(30, 40, 134) 0px -3px 0px 0px inset; } } .header-contained li { display: inline-block; vertical-align: middle; } .header-contained .mobile-menu-toggle { box-sizing: content-box; position: relative; transition-property: opacity, filter, -webkit-filter; background-color: transparent; transition-duration: 0.15s; transition-timing-function: linear; overflow: visible; display: block; width: 0.6875rem; height: 100%; text-decoration: none; border: 0.0625rem solid transparent; padding: 0px 1.0625rem; } .header-contained .mobile-menu-toggle .menu-box { display: inline-block; position: absolute; width: 1.0625rem; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header-contained .mobile-menu-toggle .menu-inner { display: block; transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); position: relative; } .header-contained .mobile-menu-toggle .menu-inner, .header-contained .mobile-menu-toggle .menu-inner::after, .header-contained .mobile-menu-toggle .menu-inner::before { height: 0.125rem; width: 0.9375rem; border-radius: 1px; background-color: rgb(51, 51, 51); position: absolute; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; } @media (min-width: 64rem) { .header-contained .mobile-menu-toggle .menu-inner, .header-contained .mobile-menu-toggle .menu-inner::after, .header-contained .mobile-menu-toggle .menu-inner::before { height: 0.125rem; width: 1.25rem; } } .header-contained .mobile-menu-toggle .menu-inner::after, .header-contained .mobile-menu-toggle .menu-inner::before { content: ""; display: block; } .header-contained .mobile-menu-toggle .menu-inner::before { top: -5px; transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in 0s; } .header-contained .mobile-menu-toggle .menu-inner::after { bottom: -5px; width: 0.5rem; transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; } .header-contained.-expanded .mobile-menu-wrapper { box-shadow: rgb(30, 40, 134) 0px -3px 0px 0px inset; } .header-contained.-expanded .mobile-menu-toggle .menu-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .header-contained.-expanded .mobile-menu-toggle .menu-inner::after { width: 0.9375rem; bottom: 0px; transform: rotate(-90deg); transition: bottom 0.1s ease-out 0s, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; } @media (min-width: 64rem) { .header-contained.-expanded .mobile-menu-toggle .menu-inner::after { width: 1.25rem; } } .header-contained.-expanded .mobile-menu-toggle .menu-inner::before { top: 0px; opacity: 0; transition: top 0.1s ease-out 0s, opacity 0.1s ease-out 0.12s; } .header-contained.-expanded .mobile-menu-container { overflow-y: auto; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transform: none !important; } @media (min-width: 64rem) { .header-contained .flex-basis { flex-basis: 100%; } } .mobile-menu-wrapper { display: inline-block; flex: 0 1 auto; vertical-align: middle; margin-right: 1rem; height: 100%; } @media (min-width: 85.3125rem) { .mobile-menu-wrapper { display: none; } } .mobile-menu-wrapper .mobile-menu-container { transform: translateX(-100vw); transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; max-width: 31.25rem; background-color: rgb(255, 255, 255); box-sizing: border-box; left: 0px; margin-top: -0.125rem; position: absolute; width: 100vw; z-index: -1; height: calc(100vh - 4rem); min-height: calc(100vh - 4rem); display: flex; align-items: stretch; } .mobile-menu-wrapper .mobile-menu-container > div { width: 100%; } @media (min-width: 48rem) { .mobile-menu-wrapper .mobile-menu-container { width: 60vw; } } .mobile-menu-wrapper .mobile-menu-container .-show-mobile, .mobile-menu-wrapper .mobile-menu-container .btn { display: none; } .mobile-menu-wrapper .mobile-menu-container.-isOs { padding-bottom: 8.5vh; } .mobile-header { height: 99%; width: 100%; display: none; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(244, 244, 244); } .mobile-header--active { display: flex; align-items: stretch; } .mobile-header__tabs-wrapper { flex: 0 0 11.25rem; max-width: 50%; height: 100%; } .mobile-header__tabs { display: flex; flex-direction: column; width: 100%; background-color: rgb(255, 255, 255); } .mobile-header__content-wrapper { flex: 1 1 auto; background-color: rgb(242, 242, 242); height: 100%; } .mobile-header__content { padding: 0.9375rem; display: flex; flex-direction: column; background-color: rgb(242, 242, 242); } .mobile-header__tab { position: relative; min-height: 4.375rem; background-color: rgb(255, 255, 255); border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgba(51, 51, 51, 0.1); display: flex; align-items: center; padding: 0px 1.9375rem 0px 1.25rem; text-transform: uppercase; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 700; color: rgb(51, 51, 51); letter-spacing: 0.1em; font-size: 0.875rem; line-height: 1.125rem; } .mobile-header__tab, .mobile-header__tab::after { transition: all 0.25s ease 0s; } .mobile-header__tab::after { content: ""; position: absolute; background-image: url("/img/chevron.347f15102260c4bddbf068d524aa9a87.svg"); right: 0.5625rem; opacity: 0; top: 50%; transform: translateY(-50%); width: 0.3125rem; height: 0.625rem; background-size: contain; } .mobile-header__tab--active { background-color: rgb(244, 244, 244); color: rgb(0, 115, 178); } .mobile-header__tab--active::after { opacity: 1; } .mobile-header__tab:focus { color: rgb(0, 115, 178); background-color: rgb(244, 244, 244); z-index: 1; } .mobile-header__tab--link { color: rgb(0, 115, 178); text-decoration: none; } .mobile-header__tab--link:active, .mobile-header__tab--link:focus, .mobile-header__tab--link:hover { text-decoration: none; } .mobile-header__tab--link:last-child { margin-bottom: 5rem; } .mobile-header__icon { width: 1.25rem; height: 1.25rem; margin-right: 0.625rem; filter: invert(24%) sepia(94%) saturate(1859%) hue-rotate(181deg) brightness(70%) contrast(137%); } .mobile-header__nested { font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; text-transform: capitalize; opacity: 0.8; text-decoration: none; color: rgb(51, 51, 51); padding: 0.75rem 0.625rem; margin-bottom: 1rem; font-size: 1rem; line-height: 1.25rem; } .mobile-header__nested:active, .mobile-header__nested:focus, .mobile-header__nested:hover { text-decoration: none; color: rgb(51, 51, 51); opacity: 1; } .mobile-header__nested--active { opacity: 1; } .mobile-header__nested:last-child { margin-bottom: 5rem; } .skip-menu { left: 50%; display: none; bottom: -3.75rem; position: absolute; border: 1px solid rgb(204, 204, 204); padding: 0.25rem 0.5rem; background-color: rgb(255, 255, 255); transform: translateX(-50%); font-family: "Sharp Sans No2", Arial, sans-serif; } .skip-menu--show { display: block; } .header-urgent-message { padding: 0.8125rem 1rem; background-color: rgb(30, 40, 134); display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); margin-bottom: 0px; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; text-align: center; font-size: 0.875rem; line-height: 1.375rem; } .header-urgent-message > * { margin: 0px; } .header-urgent-message a, .header-urgent-message p, .header-urgent-message span { color: rgb(255, 255, 255); margin-bottom: 0px; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; text-align: center; font-size: 0.875rem; line-height: 1.375rem; } .header-urgent-message a { position: relative; text-decoration: underline rgba(255, 255, 255, 0.5); } .header-urgent-message a:focus, .header-urgent-message a:hover { color: rgb(255, 255, 255); text-decoration-color: rgb(255, 255, 255); } .header-urgent-message--show-ie { display: none; } .browser-ie .header-urgent-message--show-ie { display: flex; } #hover-line { position: absolute; bottom: 0px; left: 0px; width: 36px; height: 3px; background: rgb(30, 40, 134); opacity: 0; transition: all 0.3s ease 0s; z-index: 1; } #hover-block { background-color: rgb(244, 244, 244); left: 0px; position: absolute; width: 100%; display: none; height: 0px; overflow: hidden; z-index: 240; top: 100%; border-bottom: 1px solid rgb(230, 230, 230); } #hover-block.active { display: block; animation: 0.3s ease 0s 1 normal forwards running menu-animate-height; } .-overlay-active .header-contained { z-index: -1; } @media (min-width: 64rem) { .logged-in .header-main { top: 4.375rem; } } body.-show-menu { height: 100%; overflow: hidden; position: fixed; } .toolbar.toolbar-oriented .toolbar-bar { z-index: 10000; } .anchor-touched .header-main { opacity: 0; } .component-hospitality-enquiry { padding-bottom: 1em; } .component-hospitality-enquiry > .wrapper { position: relative; margin: 2.5em 3.5%; border-radius: 0.375em; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px; overflow: hidden; min-height: 580px; } .component-hospitality-enquiry .blurb-container { background: url("/img/enquiry-form-background-mobile.144f7530b1b4e3f86792c78fdf45b210.png") 0px 0px / cover no-repeat transparent; padding: 2.5em 0px 1.5em; color: rgb(255, 255, 255); } .component-hospitality-enquiry .blurb-container > .wrapper_info { width: 86%; max-width: 30em; margin: 0px auto; position: relative; padding-top: 1.5em; } .component-hospitality-enquiry .blurb-container .heading { display: block; color: rgb(255, 255, 255); } .component-hospitality-enquiry .blurb-container .heading::before { content: ""; width: 70px; height: 4px; display: block; margin: 0.5em 0px; } .component-hospitality-enquiry .blurb-container a, .component-hospitality-enquiry .blurb-container p { color: rgb(255, 255, 255); } .component-hospitality-enquiry .blurb-container .contact-methods { margin: 2em 0px 0px; padding: 0px; } .component-hospitality-enquiry .blurb-container .contact-methods .field { margin: 1.25em 0px; font-weight: 700; font-size: 0.9375em; line-height: 1; } .component-hospitality-enquiry .blurb-container .contact-methods .field .field__label { display: inline-block; color: rgb(215, 215, 0); margin-right: 0.25em; } .component-hospitality-enquiry .blurb-container .contact-methods .field .field__item { display: inline-block; } .component-hospitality-enquiry .form-container { position: relative; text-align: center; color: rgb(102, 102, 102); z-index: 1; } .component-hospitality-enquiry .form-container form { width: 86%; max-width: 24em; margin: 0px auto; padding: 1em 0px 2em; } .component-hospitality-enquiry .form-container form .form-item { margin: 1.75em 0px; position: relative; } .component-hospitality-enquiry .form-container form .form-item::after { content: ""; display: block; width: 100%; height: 1px; border-top: 2px solid rgb(221, 221, 221); } .component-hospitality-enquiry .form-container form .form-item.form-type-checkbox::after, .component-hospitality-enquiry .form-container form .form-item label { display: none; } .component-hospitality-enquiry .form-container form .form-item .form-email, .component-hospitality-enquiry .form-container form .form-item .form-select, .component-hospitality-enquiry .form-container form .form-item .form-text, .component-hospitality-enquiry .form-container form .form-item .form-textarea { border: none; padding: 1.07692em 0.125em; width: calc(100% - 0.25em); background-color: transparent; font-size: 1em; line-height: 18px; } .component-hospitality-enquiry .form-container form .form-item .form-email::-webkit-input-placeholder, .component-hospitality-enquiry .form-container form .form-item .form-select::-webkit-input-placeholder, .component-hospitality-enquiry .form-container form .form-item .form-text::-webkit-input-placeholder, .component-hospitality-enquiry .form-container form .form-item .form-textarea::-webkit-input-placeholder { color: rgb(0, 0, 0); font-weight: 700; transition: color 0.15s ease 0s; } .component-hospitality-enquiry .form-container form .form-item .form-email::placeholder, .component-hospitality-enquiry .form-container form .form-item .form-select::placeholder, .component-hospitality-enquiry .form-container form .form-item .form-text::placeholder, .component-hospitality-enquiry .form-container form .form-item .form-textarea::placeholder { color: rgb(0, 0, 0); font-weight: 700; transition: color 0.15s ease 0s; } .component-hospitality-enquiry .form-container form .form-item .form-email:focus, .component-hospitality-enquiry .form-container form .form-item .form-select:focus, .component-hospitality-enquiry .form-container form .form-item .form-text:focus, .component-hospitality-enquiry .form-container form .form-item .form-textarea:focus { outline: none; } .component-hospitality-enquiry .form-container form .form-item .form-email:focus::-webkit-input-placeholder, .component-hospitality-enquiry .form-container form .form-item .form-select:focus::-webkit-input-placeholder, .component-hospitality-enquiry .form-container form .form-item .form-text:focus::-webkit-input-placeholder, .component-hospitality-enquiry .form-container form .form-item .form-textarea:focus::-webkit-input-placeholder { color: rgb(221, 221, 221); } .component-hospitality-enquiry .form-container form .form-item .form-email:focus::placeholder, .component-hospitality-enquiry .form-container form .form-item .form-select:focus::placeholder, .component-hospitality-enquiry .form-container form .form-item .form-text:focus::placeholder, .component-hospitality-enquiry .form-container form .form-item .form-textarea:focus::placeholder { color: rgb(221, 221, 221); } .component-hospitality-enquiry .form-container form .form-item .form-textarea { background-color: rgb(255, 255, 255); resize: none; } .component-hospitality-enquiry .form-container form .form-item .form-select { appearance: none; color: rgb(0, 0, 0); font-weight: 700; } .component-hospitality-enquiry .form-container form .form-type-select__chevron { position: absolute; top: 50%; right: 0.25em; transform: translateY(-50%); pointer-events: none; color: rgb(0, 145, 210); } .component-hospitality-enquiry .form-container form .form-item-privacy > div { display: inline-block; padding-left: 10px; } .component-hospitality-enquiry .form-container form .messages__list { text-align: left; padding-left: 0px; } .component-hospitality-enquiry .form-container form .form-actions .form-submit-wrapper { padding: 0.8em 1.6em 1em; } .component-hospitality-enquiry .form-container form .form-actions .form-submit-wrapper .form-submit { border: none; background-color: transparent; font-size: 1em; } .component-hospitality-enquiry.-short > .wrapper { min-height: 0px; } .component-hospitality-enquiry.-short .blurb-container { padding: 1.75em 0px 3.25em; } .component-hospitality-enquiry.-short #submitResult { display: none; } .component-hospitality-enquiry.-short .success-message { display: none; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); } .component-hospitality-enquiry.-short.submitted .form-subscribe { opacity: 0; } .component-hospitality-enquiry.-short.submitted .success-message { display: block; } @media (min-width: 768px) { .component-hospitality-enquiry { padding-bottom: 13.75em; } .component-hospitality-enquiry > .wrapper { box-shadow: none; overflow: visible; margin-left: 7%; margin-right: 7%; } .component-hospitality-enquiry .blurb-container { border-radius: 0.375em; padding: 6.5em 0px; background-image: url("/img/enquiry-form-background-desktop.b2269d6c452fd4c09928b30ccb5eb990.png"); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 0px; } .component-hospitality-enquiry .blurb-container > .wrapper_info { max-width: calc(50% - 7.5em); margin: 0px 0px 0px 6.25em; padding-top: 2.25em; } .component-hospitality-enquiry .blurb-container .heading { font-size: 1.875em; margin-bottom: 0.75em; } .component-hospitality-enquiry .blurb-container .contact-methods { margin-top: 4.75em; } .component-hospitality-enquiry .blurb-container .contact-methods .contact-item { font-size: 0.9375em; } .component-hospitality-enquiry .form-container { position: absolute; top: 2.5em; right: 2.5em; width: calc(50% - 2.5em); background-color: rgb(255, 255, 255); border-radius: 0.1875em; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 0px; } .component-hospitality-enquiry .form-container form { padding: 2em 0px; max-width: none; } .component-hospitality-enquiry.-short { padding-bottom: 6em; } } @media (min-width: 1365px) { .component-hospitality-enquiry > .wrapper { margin-left: 100px; margin-right: 100px; } .component-hospitality-enquiry .form-container { right: 6.25em; width: calc(50% - 6.25em); } } .alias--contact-us .component-hospitality-enquiry { padding-bottom: 10em; } .component-modal { display: none; opacity: 0; width: 100vw; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.9); z-index: 99000; } .component-modal.-active { display: block; opacity: 1; animation: 0.2s ease 0s 1 normal both running display-none-transition; } .component-modal.-active .modal-viewport { animation: 0.3s ease 0s 1 normal none running modal-slide-in; } .component-modal .modal-viewport { position: relative; width: 100%; height: 100%; overflow: hidden; } .component-modal .modal-viewport .modal-window { position: absolute; top: 0px; left: 50%; transform: translate(-50%); width: 95%; background-color: rgb(255, 255, 255); } .component-modal .modal-viewport .modal-window.-vertical-centering { top: 50%; transform: translate(-50%, -50%); } .component-modal .modal-viewport .modal-window.-full-width { width: 100%; } .component-modal .modal-viewport .modal-window .modal-container { position: relative; padding: 2.5em 1.25em; } .component-modal .modal-viewport .modal-window .modal-container.-no-padding { padding: 0px; } .component-modal .modal-viewport .modal-window .modal-container .operator.-dismiss { position: absolute; top: 0.9375em; right: 0.9375em; } .component-modal .modal-viewport .modal-window .modal-container .operator.-dismiss a, .component-modal .modal-viewport .modal-window .modal-container .operator.-dismiss button { display: inline-block; transition: color 0.2s ease 0s; background: none; padding: 0px; border: 0px; } @media (min-width: 768px) { .component-modal .modal-viewport .modal-window { width: 80%; max-width: 50em; } .component-modal .modal-viewport .modal-window .modal-container { padding: 3.75em; } .component-modal .modal-viewport .modal-window.-full-width { max-width: 100%; } } .component-modal .modal-viewport .video-js { z-index: 1000; } .component-modal.-theme-ao { background-color: rgba(0, 0, 0, 0.6); } .component-modal.-theme-ao .modal-viewport .modal-window { background: linear-gradient(to right bottom, rgb(0, 58, 93), rgb(0, 145, 210)); border-radius: 0.375em; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 24px 4px; } .component-modal.-theme-ao .modal-viewport .modal-window .modal-container h1, .component-modal.-theme-ao .modal-viewport .modal-window .modal-container h2, .component-modal.-theme-ao .modal-viewport .modal-window .modal-container h3, .component-modal.-theme-ao .modal-viewport .modal-window .modal-container h4, .component-modal.-theme-ao .modal-viewport .modal-window .modal-container h5, .component-modal.-theme-ao .modal-viewport .modal-window .modal-container h6, .component-modal.-theme-ao .modal-viewport .modal-window .modal-container p { color: rgb(255, 255, 255); } .component-modal.-theme-ao .modal-viewport .modal-window .modal-container .operator.-dismiss a { color: rgba(255, 255, 255, 0.3); } .component-modal.-theme-ao .modal-viewport .modal-window .modal-container .operator.-dismiss a:hover { color: rgba(255, 255, 255, 0.5); } body.-modal-active { overflow-y: hidden; } .component--share { display: none; margin-bottom: 2em; } .component--share > .wrapper { display: flex; flex-flow: row; place-content: center space-between; } .component--share .blurb-container h5::before { content: ""; width: 70px; height: 4px; display: block; margin: 1.5em 0px; } .component--share .share-container { display: flex; align-items: center; position: relative; } .component--share .share-container .btn { display: inline-flex; justify-content: center; align-items: center; padding: 0.571429em; color: rgb(0, 145, 210); border: 0px; } .component--share .share-container .btn:hover { color: rgb(255, 255, 255); } .component--share .share-container .btn .label { display: none; } .component--share.-embed { padding: 0px; margin: 0px; } .component--share.-embed .share-container a { padding: 0px; border: none; background-color: transparent; } .component--share.-embed .share-container a .icon { background-color: transparent; color: rgb(255, 255, 255); padding: 0px; } .component--share.-embed .share-container a .label { display: none; } .component--share__social-box { opacity: 0; transform: translateY(-0.625rem); display: flex; position: absolute; top: 100%; left: 0px; margin-top: 0.75rem; margin-left: -0.5625rem; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px; border-radius: 0.3125rem; padding: 0.625rem; z-index: 20; transition: opacity 0.2s ease-out 0s, transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; } .component--share__social-box::before { width: 0px; height: 0px; border-color: transparent transparent rgb(255, 255, 255); border-style: solid; border-width: 0px 0.5625rem 0.625rem; content: ""; position: absolute; left: 1.25rem; bottom: 100%; } .component--share--is-open .component--share__social-box { opacity: 1; transform: translateY(0px); } .component--share__social-box-button { border: 0px; padding: 0px; margin: 0px 0.3125rem; background: none; display: flex; } .component--share__social-box-icon { width: 24px; height: 24px; } @media (min-width: 768px) { .component--share { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1365px) { .component--share { display: block; position: sticky; top: 100px; } .component--share .share-container, .component--share > .wrapper { display: block; } } .graph-container { position: relative; overflow: hidden; width: 100%; background: rgb(34, 34, 34); border-radius: 6px; font-family: "Sharp Sans No2", Arial, sans-serif; max-width: 600px; margin-bottom: 2em; } .graph-container .icon::before { color: rgb(215, 215, 0); } .graph-container.graph .graph-scale { height: 5px; margin: 5px 0px 13px; } .graph-container.graph .graph-player.first .bar span { background-color: rgb(0, 145, 210); } .graph-container.graph .graph-player.second .bar span { background-color: rgb(215, 215, 0); } .graph-container.graph .bar { display: block; position: relative; overflow: hidden; height: 6px; width: 80%; border-radius: 10px; background-color: rgb(55, 55, 55); } .graph-container.graph .bar span { display: inline-block; height: 100%; width: 100%; position: absolute; transform: translateX(-100%); transition: transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s; } .graph-container.circle .graph-numbers .sub { margin: 0px 0px 0px 5px; } .graph-container.circle .graph-player-image { margin: 0px 14% 0px 0px; } .graph-container.circle .graph-players { margin: 45px 0px 0px 17px; } .graph-container.circle .graph-player.first .circle-graph .circle .mask .fill { background-color: rgb(0, 145, 210); } .graph-container.circle .graph-player.second .circle-graph .circle .mask .fill { background-color: rgb(215, 215, 0); } .graph-container.circle .circle-graph { position: absolute; z-index: 1; left: -16px; top: 50%; transform: translateY(-50%); width: 86px; height: 86px; background-color: rgb(55, 55, 55); border-radius: 50%; } .graph-container.circle .circle-graph .inset { width: 74px; height: 74px; position: absolute; margin-left: 6px; margin-top: 6px; background-color: rgb(34, 34, 34); border-radius: 50%; } .graph-container.circle .circle-graph .circle .fill, .graph-container.circle .circle-graph .circle .mask, .graph-container.circle .circle-graph .circle .shadow { width: 86px; height: 86px; position: absolute; border-radius: 50%; } .graph-container.circle .circle-graph .circle .fill, .graph-container.circle .circle-graph .circle .mask { backface-visibility: hidden; transition: transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s; border-radius: 50%; } .graph-container.circle .circle-graph .circle .mask { clip: rect(0px, 86px, 86px, 43px); } .graph-container.circle .circle-graph .circle .mask .fill { clip: rect(0px, 43px, 86px, 0px); } .graph-container.circle .circle-graph .circle .fill, .graph-container.circle .circle-graph .circle .fill.fix, .graph-container.circle .circle-graph .circle .mask.full { transform: rotate(0deg); } .graph-container.info .graph-numbers { line-height: 1; } .graph-container.info .graph-numbers .sub { margin: 0px 0px 0px 9px; } .graph-container.info .first .graph-numbers { color: rgb(0, 145, 210); } .graph-container.info .second .graph-numbers { color: rgb(215, 215, 0); } .graph-container.info .graph-players { margin: 47px 0px 0px; } .graph-container.info .graph-player-name { margin: 12px 0px 0px; } .graph-picture { position: absolute; left: 0px; right: 0px; top: 0px; margin: auto; width: 850px; } .graph-inner { position: relative; padding: 1em 2.5em; } .graph-players { flex-direction: column; margin: 35px 0px 0px; flex: 1 0 auto; } .graph-player, .graph-players { display: flex; } .graph-player { width: 100%; align-items: center; position: relative; margin-bottom: 40px; flex: 1 0 auto; } .graph-player-image { display: inline-block; position: relative; height: 3em; width: 3em; border-radius: 100%; border: 3px solid rgb(255, 255, 255); margin: 0px 0.9375em 0px 0px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 15px; z-index: 10; flex: 0 0 auto; } .graph-player-image img { width: 100%; height: 100%; font-family: "object-fit:cover"; object-fit: cover; } .graph-player-info { display: flex; flex-direction: column; flex: 1 0 auto; } .graph-player-name { font-family: "Source Sans", Arial, sans-serif; color: rgb(221, 221, 221); font-size: 0.75em; } .graph-numbers { display: block; color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 2.6em; font-weight: 700; } .graph-numbers .sub { font-size: 0.4em; } .graph-title { color: rgb(255, 255, 255); text-transform: uppercase; font-size: 13px; margin: 0px; letter-spacing: 0.6px; font-weight: 700; } .graph-header { display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 480px) { .graph-players { flex-flow: wrap; flex: 1 0 auto; } .graph-player { box-sizing: border-box; flex: 1 0 50%; } .graph-header { flex-direction: row; align-items: center; } .graph-header__icon { color: rgb(215, 215, 0); } .graph-title { margin: 0px 0px 0px 13px; } .graph-picture { width: 100%; } } .article-layout-live .graph-container { background: transparent; border-radius: 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1.5rem 0px; margin: 0.9375rem 0px 2rem; } .article-layout-live .graph-container.circle .graph-players { padding: 0.5rem 0px 0px; flex-direction: row; margin: 0px; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .graph-players { padding: 1.5625rem 0px 0px; } } .article-layout-live .graph-container.circle .circle-graph { background-color: rgb(230, 230, 230); width: 3rem; height: 3rem; left: 0px; top: 0px; transform: none; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .circle-graph { width: 4.5rem; height: 4.5rem; } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .circle-graph { width: 5rem; height: 5rem; } } .article-layout-live .graph-container.circle .circle-graph .inset { background: rgb(255, 255, 255); width: 2.75rem; height: 2.75rem; margin-left: 0.125rem; margin-top: 0.125rem; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .circle-graph .inset { width: 4.125rem; height: 4.125rem; margin-left: 0.1875rem; margin-top: 0.1875rem; } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .circle-graph .inset { width: 4.5rem; height: 4.5rem; margin-left: 0.25rem; margin-top: 0.25rem; } } .article-layout-live .graph-container.circle .circle .fill, .article-layout-live .graph-container.circle .circle .mask, .article-layout-live .graph-container.circle .circle .shadow { width: 3rem; height: 3rem; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .circle .fill, .article-layout-live .graph-container.circle .circle .mask, .article-layout-live .graph-container.circle .circle .shadow { width: 4.5rem; height: 4.5rem; } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .circle .fill, .article-layout-live .graph-container.circle .circle .mask, .article-layout-live .graph-container.circle .circle .shadow { width: 5rem; height: 5rem; } } .article-layout-live .graph-container.circle .circle .mask { clip: rect(0px, 3rem, 3rem, 1.5rem); } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .circle .mask { clip: rect(0px, 4.5rem, 4.5rem, 2.25rem); } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .circle .mask { clip: rect(0px, 5rem, 5rem, 2.5rem); } } .article-layout-live .graph-container.circle .circle .mask .fill { clip: rect(0px, 1.5rem, 3rem, 0px); } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .circle .mask .fill { clip: rect(0px, 2.25rem, 4.5rem, 0px); } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .circle .mask .fill { clip: rect(0px, 2.5rem, 5rem, 0px); } } .article-layout-live .graph-container.circle .graph-player { margin-bottom: 0px; flex: 1 0 auto; width: 50%; box-sizing: border-box; padding-right: 1.5rem; align-items: flex-start; } .article-layout-live .graph-container.circle .graph-player-image { border: 1px solid rgba(0, 0, 0, 0.1); background: transparent; box-shadow: none; height: 2rem; width: 2rem; position: relative; top: 0.4375rem; margin-left: 0.4375rem; bottom: 2px; margin-right: 0.875rem; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .graph-player-image { height: 3.19375rem; width: 3.19375rem; margin-left: 0.5625rem; margin-right: 1.5rem; top: 0.5625rem; } } @media (min-width: 64rem) { .article-layout-live .graph-container.circle .graph-player-image { height: 3.19375rem; width: 3.19375rem; margin-right: 2rem; margin-left: 0.8125rem; top: 0.8125rem; } } .article-layout-live .graph-container.circle .graph-player-info { flex-direction: column-reverse; width: 69%; } .article-layout-live .graph-container.circle .graph-numbers .sub { margin-left: 0px; margin-top: 0px; line-height: 0.6875rem; } @media (min-width: 48rem) { .article-layout-live .graph-container.circle .graph-numbers .sub { margin-top: 0.3125rem; line-height: 1.125rem; } } .article-layout-live .graph-container.circle .graph-numbers span:first-child { margin-right: 0.3125rem; } .article-layout-live .graph-container.graph { padding: 1.5rem 0px; } .article-layout-live .graph-container.graph .bar { background-color: rgb(230, 230, 230); } .article-layout-live .graph-container.graph .graph-numbers { margin-bottom: 0px; } @media (min-width: 48rem) { .article-layout-live .graph-container.graph .graph-numbers { margin-bottom: 0.8125rem; } } .article-layout-live .graph-container.graph .graph-numbers .sub { margin-left: 0px; margin-top: 0.3125rem; } .article-layout-live .graph-container.graph .graph-numbers span:first-child { margin-right: 0.3125rem; } .article-layout-live .graph-container.graph .graph-player, .article-layout-live .graph-container.graph .graph-player .graph-player-name { margin-bottom: 0px; } .article-layout-live .graph-container.graph .graph-player.first { margin-bottom: 2.5rem; } @media (min-width: 48rem) { .article-layout-live .graph-container.graph .graph-player.first { margin-bottom: 0px; } } .article-layout-live .graph-container.info { padding: 1.5rem 0px; } .article-layout-live .graph-container.info .graph-players { flex-direction: column; margin-top: 1.5625rem; } .article-layout-live .graph-container.info .graph-player { flex: 1 0 auto; } .article-layout-live .graph-container.info .graph-player.second { margin-bottom: 0px; } .article-layout-live .graph-container.info .graph-numbers .sub { position: relative; top: -3px; } .article-layout-live .graph-picture { display: none; } .article-layout-live .graph-inner { padding: 0px; } .article-layout-live .graph-numbers, .article-layout-live .graph-player-name, .article-layout-live .graph-title { font-family: "Sharp Sans No2", Arial, sans-serif; } .article-layout-live .graph-player-name { font-size: 0.75rem; line-height: 1rem; font-weight: 600; color: rgb(102, 102, 102); font-family: "Roboto Medium", Arial, sans-serif; margin-top: 0.1875rem; margin-bottom: 0.125rem; } @media (min-width: 48rem) { .article-layout-live .graph-player-name { font-size: 0.875rem; line-height: 1rem; margin-bottom: 1rem; font-family: "Sharp Sans No2", Arial, sans-serif; } } .article-layout-live .graph-player-image { background: transparent; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.1); } .article-layout-live .graph-numbers { color: rgb(0, 58, 93); font-size: 2rem; line-height: 2rem; font-weight: 800; display: flex; flex-wrap: wrap; align-items: baseline; } @media (min-width: 48rem) { .article-layout-live .graph-numbers { font-size: 3rem; line-height: 1.75rem; letter-spacing: 0.02em; } } @media (min-width: 85.3125rem) { .article-layout-live .graph-numbers { font-size: 3.5rem; line-height: 1.75rem; } } @media (min-width: 48rem) { .article-layout-live .graph-numbers > span { display: inline-block; } } .article-layout-live .graph-title { color: rgb(0, 58, 93); font-size: 1rem; line-height: 1.5rem; font-weight: 800; margin: 0px; } @media (min-width: 48rem) { .article-layout-live .graph-title { font-size: 1.5rem; line-height: 2rem; } } .article-layout-live .graph-header .svg-icon { display: none; } .stats-table { background: rgb(34, 34, 34); border-radius: 6px; font-family: "Sharp Sans No2", Arial, sans-serif; margin: 0px auto; max-width: calc(605px - 4%); overflow: hidden; padding: 0px 2%; position: relative; } .stats-table .loader-wrapper { margin-left: 50%; transform: translateX(-50%); } .stats-table-players { display: flex; justify-content: space-between; padding: 0px 14%; } .stats-table.one-player-simple .stats, .stats-table.one-player .stats { width: 50% !important; } .stats-table.one-player-simple .name, .stats-table.one-player .name { font-family: "Source Sans", Arial, sans-serif; text-align: left; display: block; padding-left: 0.75rem; } .stats-table.one-player-simple .stats-table-player, .stats-table.one-player .stats-table-player { flex-direction: row; } .stats-table.one-player-simple .stats-table-row .stats span:first-child, .stats-table.one-player .stats-table-row .stats span:first-child { font-size: 1.1em; } .stats-table.one-player-simple .stats-table-inner, .stats-table.one-player .stats-table-inner { padding: 92px 0px 50px; } .stats-table.one-player-simple .stats-table-one_player, .stats-table.one-player .stats-table-one_player { margin: 0px 0px 30px; } .stats-table.one-player-simple .stats-table-player span, .stats-table.one-player .stats-table-player span { font-size: 0.9em; text-transform: none; font-family: "Source Sans", Arial, sans-serif; letter-spacing: normal; padding: 0px; } .stats-table.one-player-simple .stats-table-player span.wins, .stats-table.one-player .stats-table-player span.wins { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 3em; } .stats-table.one-player-simple .stats-table-row, .stats-table.one-player .stats-table-row { padding: 0.625rem 0.8vw; } .stats-table.one-player-simple .wins-box, .stats-table.one-player .wins-box { display: flex; flex-direction: column; align-self: center; margin: 0px 0px 0px 20px; } .stats-table.one-player-simple .wins-box .yellow, .stats-table.one-player .wins-box .yellow { font-family: "Source Sans", Arial, sans-serif; font-size: 0.75rem; } .stats-table .pattern { position: absolute; left: 0px; right: 0px; top: 0px; margin: auto; width: 100%; z-index: 0; } .stats-table-inner { position: relative; z-index: 1; padding: 10px 0px 20px; } .stats-table-player { display: flex; flex-direction: column; } .stats-table-player picture { height: 48px; width: 48px; display: block; border-radius: 100%; border: 3px solid rgb(255, 255, 255); margin: 0px auto; overflow: hidden; flex: 0 0 auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 15px; z-index: 10; position: relative; } .stats-table-player picture.blue { border-color: rgb(0, 145, 210); } .stats-table-player picture.yellow { border-color: rgb(215, 215, 0); } .stats-table-player picture img { width: 100%; height: 100%; font-family: "object-fit:cover"; object-fit: cover; } .stats-table-player span { font-weight: 700; text-transform: uppercase; padding: 15px 0px 22px; font-size: 0.8em; letter-spacing: 0.5px; } .stats-table-player .graph-box { position: relative; display: flex; align-items: center; height: 86px; width: 86px; } .stats-table-player .circle-graph { position: absolute; z-index: 1; left: 0px; top: 0px; width: 86px; height: 86px; background-color: rgb(55, 55, 55); border-radius: 50%; } .stats-table-player .circle-graph .inset { width: 74px; height: 74px; position: absolute; margin-left: 6px; margin-top: 6px; background-color: rgb(34, 34, 34); border-radius: 50%; } .stats-table-player .circle-graph .mask { clip: rect(0px, 86px, 86px, 43px); transition: transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s; border-radius: 50%; width: 86px; height: 86px; position: absolute; } .stats-table-player .circle-graph .mask .fill, .stats-table-player .circle-graph .mask.full { transform: rotate(0deg); } .stats-table-player .circle-graph .mask .fill { clip: rect(0px, 43px, 86px, 0px); transition: transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s; border-radius: 50%; width: 86px; height: 86px; position: absolute; } .stats-table-player .circle-graph .mask .fill.fix { transform: rotate(0deg); } .stats-table-data { color: rgb(255, 255, 255); } .stats-table-data .stats-table-row:nth-child(2n+1) { background: rgba(0, 0, 0, 0.25); border-radius: 3px; } .stats-table-row { align-items: center; display: flex; justify-content: space-between; min-height: 57px; padding: 0px 1.8vw; } .stats-table-row .name { color: rgb(221, 221, 221); font-weight: 700; font-size: 0.9em; width: 42%; text-align: center; display: block; font-family: "Source Sans", Arial, sans-serif; } .stats-table-row .stats { display: flex; flex-direction: column; width: 20% !important; } .stats-table-row .stats span { display: block; } .stats-table-row .stats.left, .stats-table-row .stats.left span:last-child { text-align: right; } .stats-table-row .stats.right, .stats-table-row .stats.right span:last-child { text-align: left; } .stats-table-row .stats span:first-child { font-size: 1.5em; font-weight: 700; } .stats-table-row .stats span:last-child { font-size: 0.7em; position: relative; top: -5px; font-family: "Source Sans", Arial, sans-serif; color: rgb(221, 221, 221); } .stats-table-row .stats a { color: rgb(255, 255, 255); } .stats-table-row.placeholder { text-align: center; justify-content: center; } .stats-table .blue { color: rgb(0, 145, 210); } .stats-table .yellow { color: rgb(215, 215, 0); } .stats-table .ico.false { opacity: 0; } .stats-table.blue-layout { background: rgb(0, 145, 210); } .stats-table.blue-layout .stats-table-inner { padding: 20px 10px; } .stats-table.blue-layout .stats-table-player .circle-graph { background-color: transparent; } .stats-table.blue-layout .stats-table-player .circle-graph .inset { background-color: transparent; border-radius: 0px; } .stats-table.blue-layout .stats-table-data .stats-table-row:nth-child(2n+1) { background: none; border-radius: 0px; } .stats-table.blue-layout .stats-table-row { border-bottom: 1px solid rgb(255, 255, 255); } .stats-table.blue-layout .stats-table-row:last-child { border-bottom: none; } .stats-table.blue-layout .stats-table-row .name { color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; } .stats-table.blue-layout .yellow { color: rgb(255, 255, 255); } .secondary-stats-container .component-table .table-container { padding-left: 0px; } .component-table, .secondary-stats-container .component-table td:first-child, .secondary-stats-container .component-table th:first-child { position: relative; } .component-table { margin-bottom: 1.5em; text-align: center; } .component-table caption { display: none; } .component-table .table-wrapper { display: inline-block; position: relative; max-width: 100%; } .component-table .table-container { display: inline-block; padding-left: 200px; overflow: auto hidden; box-sizing: border-box; max-width: 100%; } .component-table thead tr th { font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); font-size: 0.875em; line-height: 1.71429em; padding: 1.5em; } .component-table thead tr th:first-child { padding: 1.5em; } .component-table tbody tr { color: rgb(102, 102, 102); } .component-table tbody tr th { font-size: 0.875em; line-height: 1.71429em; } .component-table tbody tr td { font-size: 0.9375em; line-height: 1.6em; } .component-table tbody tr:nth-child(2n+1) { background-color: rgb(248, 248, 248); } .component-table tbody tr:nth-child(2n+1) td:first-child, .component-table tbody tr:nth-child(2n+1) th:first-child { border-top-left-radius: 0.375em; border-bottom-left-radius: 0.375em; } .component-table tbody tr:nth-child(2n+1) td:last-child, .component-table tbody tr:nth-child(2n+1) th:last-child { border-top-right-radius: 0.375em; border-bottom-right-radius: 0.375em; } .component-table tbody tr:nth-child(2n+1) td, .component-table tbody tr:nth-child(2n+1) th { background-color: rgb(248, 248, 248); } .component-table tbody tr:nth-child(2n) td, .component-table tbody tr:nth-child(2n) th { background-color: rgb(255, 255, 255); } .component-table td, .component-table th { text-align: right; padding: 1em 1.5em; min-width: 150px; box-sizing: border-box; } .component-table td:first-child, .component-table th:first-child { text-align: left; width: 200px; position: absolute; left: 0px; } .component-table.-non-sticky { margin-bottom: 3.75em; } .component-table.-non-sticky table { border: none; } .component-table.-non-sticky .table-container { padding-left: 0px; } .component-table.-non-sticky tr { position: relative; } .component-table.-non-sticky td, .component-table.-non-sticky th { vertical-align: top; background-color: rgb(255, 255, 255); min-width: 0px; position: static; text-align: left; width: 200px; } .component-table.-non-sticky td:first-child, .component-table.-non-sticky th:first-child { position: static; } .component-table.-non-sticky td:nth-child(2n), .component-table.-non-sticky td:nth-child(2n+1), .component-table.-non-sticky th:nth-child(2n), .component-table.-non-sticky th:nth-child(2n+1) { background-color: rgb(255, 255, 255); } .component-table.-non-sticky td:nth-child(2n).courts, .component-table.-non-sticky td:nth-child(2n).startTime, .component-table.-non-sticky td:nth-child(2n+1).courts, .component-table.-non-sticky td:nth-child(2n+1).startTime, .component-table.-non-sticky th:nth-child(2n).courts, .component-table.-non-sticky th:nth-child(2n).startTime, .component-table.-non-sticky th:nth-child(2n+1).courts, .component-table.-non-sticky th:nth-child(2n+1).startTime { background-color: rgb(248, 248, 248); } .component-table.-non-sticky td.date, .component-table.-non-sticky th.date { font-weight: 700; color: rgb(34, 34, 34); } .component-table.-non-sticky thead { border-bottom: 1px solid rgb(238, 238, 238); } .component-table.-non-sticky thead td, .component-table.-non-sticky thead th { background-color: rgb(34, 34, 34); border-color: rgb(51, 51, 51); } .component-table.-non-sticky thead th:nth-child(2n), .component-table.-non-sticky thead th:nth-child(2n+1) { vertical-align: top; background-color: rgb(34, 34, 34); color: rgb(221, 221, 221); } .component-table.-non-sticky thead th.courts:nth-child(2n), .component-table.-non-sticky thead th.courts:nth-child(2n+1), .component-table.-non-sticky thead th.startTime:nth-child(2n), .component-table.-non-sticky thead th.startTime:nth-child(2n+1) { background-color: rgb(34, 34, 34); } .component-table.-non-sticky thead th.courts { width: 100px; line-height: 20px; } .component-table.-non-sticky thead tr:first-child { text-transform: uppercase; } .component-table.-non-sticky thead tr:first-child td, .component-table.-non-sticky thead tr:first-child th { color: rgb(215, 215, 0); border: 1px solid rgb(51, 51, 51); } .component-table.-non-sticky.-flex-columns tr td, .component-table.-non-sticky.-flex-columns tr th { width: auto; } .component-table.-non-sticky .session { text-align: left; } .component-table .arrow { position: absolute; top: 50%; bottom: auto; height: 25px; color: rgb(0, 145, 210); opacity: 1; transition: opacity 0.3s ease 0s; padding: 0px; right: 0.625em; background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 20px 10px; border-radius: 50%; } .component-table.swiped .arrow { opacity: 0; } @media (min-width: 768px) { .component-table { margin-bottom: 2em; } .component-table .arrow { opacity: 0; } } .match-listing-editor-table table { width: 100%; } .match-listing-editor-table table tr { border-bottom: 1px solid rgb(51, 51, 51); padding: 5px; } .match-listing-editor-table table tr:last-of-type { border-bottom: 0px; padding-bottom: 0px; } .component-tabs-content .tab-viewport { position: relative; } .component-tabs-content .tab-viewport .tab-view { display: none; } .component-tabs-content .tab-viewport .tab-view .intro-block a { position: relative; z-index: 1; } .component-tabs-content .tab-viewport .tab-view.is-active { display: block; } .component-tabs-content .views-element-container { width: 100%; } @media (min-width: 768px) { .component-tabs-content .tab-viewport .tab-view { min-height: 500px; } } .component-tabs-content .field--name-field-cards .text-blade:not(.full-width) { padding: 2.5rem 3.5%; } @media (min-width: 48rem) { .component-tabs-content .field--name-field-cards .text-blade:not(.full-width) { padding-left: 7%; padding-right: 7%; } } @media (min-width: 85.3125rem) { .component-tabs-content .field--name-field-cards .text-blade:not(.full-width) { padding-left: 6.25rem; padding-right: 6.25rem; } } .component-tabs-content .field--name-field-cards > .full-width-video { margin: 2.5rem 3.5%; width: 93%; } @media (min-width: 48rem) { .component-tabs-content .field--name-field-cards > .full-width-video { margin-left: 7%; margin-right: 7%; width: 86%; } } @media (min-width: 85.3125rem) { .component-tabs-content .field--name-field-cards > .full-width-video { margin-left: 6.25rem; margin-right: 6.25rem; width: calc(100% - 12.5rem); } } .component-tabs-nav > .wrapper { box-sizing: border-box; display: flex; height: 3.5rem; border-bottom: 1px solid rgb(238, 238, 238); } .component-tabs-nav ul { align-items: center; display: flex; flex-flow: row; height: 100%; margin: 0px; padding: 0px; width: 100%; } .component-tabs-nav ul.-animate-transform { transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .component-tabs-nav ul li { display: block; flex: 1 1 25%; height: 100%; margin: 0px; padding: 0px; } .component-tabs-nav ul li a { align-items: center; border-bottom: 0.125rem solid transparent; padding-top: 0.125rem; box-sizing: border-box; color: rgb(0, 58, 93); display: flex; font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.75rem; font-weight: 700; height: 100%; justify-content: center; text-decoration: none; transition: border 0.15s ease 0s, color 0.15s ease 0s; width: 100%; line-height: 1.25em; } .component-tabs-nav ul li a.is-active { border-bottom-color: rgb(0, 145, 210); } .component-tabs-nav[data-draggable] > .wrapper { position: relative; overflow: hidden; } .component-tabs-nav[data-draggable] ul { height: 100%; left: 0px; position: absolute; top: 0px; transform: translateX(0px); width: auto; } .component-tabs-nav[data-draggable] ul li { flex: 0 0 auto; width: 10em; } @media (min-width: 48rem) and (hover: hover) { .component-tabs-nav:not([data-draggable]) ul li a:hover { text-decoration: underline; } } @media (min-width: 768px) { .component-tabs-nav { padding-left: 7%; padding-right: 7%; } .component-tabs-nav ul { justify-content: center; } .component-tabs-nav ul li { max-width: 210px; } .component-tabs-nav ul li a { font-size: 0.875rem; } .component-tabs-nav[data-draggable] > .wrapper { position: relative; overflow: hidden; } .component-tabs-nav[data-draggable] ul { position: relative; } .component-tabs-nav[data-draggable] ul li { background-color: transparent; } } @media (min-width: 1024px) { .component-tabs-nav ul li a { font-size: 1rem; line-height: 1.75em; } } @media (min-width: 1365px) { .component-tabs-nav { padding-left: 100px; padding-right: 100px; } } .component-tabs-nav--skinny > .wrapper { height: 3.125rem; } @media (min-width: 48rem) { .component-tabs-nav--skinny > .wrapper { height: 3.375rem; } } .component-tabs-nav--skinny ul li a { border-bottom-width: 0.125rem; } @media (min-width: 48rem) { .component-tabs-nav--skinny ul li a { font-size: 0.9375rem; } } .component-tabs-nav--scrollable-on-mobile ul { justify-content: center; overflow-x: auto; } .component-tabs-nav--scrollable-on-mobile ul li { flex: 0 1 auto; } .component-tabs-nav--scrollable-on-mobile ul li a { white-space: nowrap; min-width: 28.5714vw; padding-left: 1.875rem; padding-right: 1.875rem; } @media (min-width: 30rem) { .component-tabs-nav--scrollable-on-mobile ul li a { min-width: 22.2222vw; } } @media (min-width: 48rem) { .component-tabs-nav--scrollable-on-mobile ul li a { min-width: 0px; } } .component-tabs-nav--justify-items ul { justify-content: space-between; } @media (min-width: 48rem) { .component-tabs-nav--justify-items ul { justify-content: center; } } .ao-layout__main .component-tabs-nav > .wrapper { border-bottom: none; } .icon-btn { display: inline-flex; align-items: center; } .icon-btn i.icon { width: 1.9375rem; height: 1.9375rem; background-repeat: no-repeat; background-position: 50% center; margin-right: 0.625rem; } .icon-btn i.download { background-image: url("/img/download.94ad0c089f628fb4fe55f3be7d69a760.svg"); } .icon-download { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.7em; } .icon-download::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 20.731h-.914L8.21 16.404l.927-.917 3.916 3.875 3.916-3.875.926.917-4.385 4.327z' fill='%23003a5d'/%3E%3Cpath d='M13.706 11.625H12.4v7.75h1.306v-7.75zM18.273 23.25H7.831v1.292h10.442V23.25z' fill='%23003a5d'/%3E%3Cpath d='M23.495 31H2.61C1.175 31 0 29.837 0 28.417V7.104l.196-.452L6.722.194 7.18 0h16.316c1.435 0 2.61 1.163 2.61 2.583v25.834c0 1.42-1.175 2.583-2.61 2.583zM1.305 7.363v21.054c0 .71.588 1.291 1.306 1.291h20.884c.718 0 1.305-.58 1.305-1.291V2.583c0-.71-.587-1.291-1.305-1.291H7.44l-6.135 6.07z' fill='%23003a5d'/%3E%3C/svg%3E"); } .icon-location { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.6em; } .icon-location::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.13 0 0 3.13 0 7c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z' fill='%23003a5d'/%3E%3C/svg%3E"); } .icon-shop { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.7em; } .icon-shop::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4v11.592C15 16.9 13.95 18 12.649 18H3.35C2.05 18 1 16.934 1 15.592V4h14z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5 7V4.405C5 2.541 6.357 1 8 1s3 1.54 3 3.405V7' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .icon-tennis { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.8em; } .icon-tennis::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 18a8.5 8.5 0 100-17 8.5 8.5 0 000 17z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 3.5C5.4 5.044 7.367 6 9.5 6s4.1-.956 5.5-2.5C13.6 1.956 11.633 1 9.5 1S5.4 1.956 4 3.5zM15 15.72C13.567 14.03 11.533 13 9.3 13c-2.033 0-3.9.882-5.3 2.28C5.433 16.97 7.467 18 9.7 18c2.033 0 3.9-.882 5.3-2.28z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .icon-pdf { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.7em; } .icon-pdf::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23003a5d' fill-rule='evenodd'%3E%3Cpath d='M2 0h8l6 6v12c0 1.1-.9 2-2 2H1.99C.89 20 0 19.1 0 18L.01 2C.01.9.9 0 2 0zm0 2v16h12V7H9V2H2z'/%3E%3Cpath d='M4 12h1c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1H3v5h1v-2zm6 1v-3c0-.55-.45-1-1-1H7v5h2c.55 0 1-.45 1-1zm3-1h-1v2h-1V9h2v1h-1v1h1v1zm-9-2h1v1H4v-1zm4 0h1v3H8v-3z'/%3E%3C/g%3E%3C/svg%3E"); } .icon-radio { height: 1.2em; display: inline-block; margin-bottom: -0.2em; position: relative; width: 1.5em; } .icon-radio::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12c1.66 0 2.99-1.34 2.99-3L10 3c0-1.66-1.34-3-3-3S4 1.34 4 3v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S1.7 12 1.7 9H0c0 3.41 2.72 6.23 6 6.72V19h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z' fill='%23003a5d'/%3E%3C/svg%3E"); } .ao-link { color: rgb(0, 58, 93); display: inline; font-size: inherit; line-height: 1em; position: relative; margin-left: 0.3em; } .ao-link[class*="--icon-"]::before { content: ""; display: inline-block; position: relative; top: 0.4em; background-size: contain; background-repeat: no-repeat; height: 1.5em; } .ao-link--icon-download::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 20.731h-.914L8.21 16.404l.927-.917 3.916 3.875 3.916-3.875.926.917-4.385 4.327z' fill='%23003a5d'/%3E%3Cpath d='M13.706 11.625H12.4v7.75h1.306v-7.75zM18.273 23.25H7.831v1.292h10.442V23.25z' fill='%23003a5d'/%3E%3Cpath d='M23.495 31H2.61C1.175 31 0 29.837 0 28.417V7.104l.196-.452L6.722.194 7.18 0h16.316c1.435 0 2.61 1.163 2.61 2.583v25.834c0 1.42-1.175 2.583-2.61 2.583zM1.305 7.363v21.054c0 .71.588 1.291 1.306 1.291h20.884c.718 0 1.305-.58 1.305-1.291V2.583c0-.71-.587-1.291-1.305-1.291H7.44l-6.135 6.07z' fill='%23003a5d'/%3E%3C/svg%3E"); width: 1.7em; } .ao-link--icon-location::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.13 0 0 3.13 0 7c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z' fill='%23003a5d'/%3E%3C/svg%3E"); width: 1.6em; } .ao-link--icon-shop::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4v11.592C15 16.9 13.95 18 12.649 18H3.35C2.05 18 1 16.934 1 15.592V4h14z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5 7V4.405C5 2.541 6.357 1 8 1s3 1.54 3 3.405V7' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); width: 1.7em; } .ao-link--icon-tennis::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 18a8.5 8.5 0 100-17 8.5 8.5 0 000 17z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 3.5C5.4 5.044 7.367 6 9.5 6s4.1-.956 5.5-2.5C13.6 1.956 11.633 1 9.5 1S5.4 1.956 4 3.5zM15 15.72C13.567 14.03 11.533 13 9.3 13c-2.033 0-3.9.882-5.3 2.28C5.433 16.97 7.467 18 9.7 18c2.033 0 3.9-.882 5.3-2.28z' stroke='%23003a5d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); width: 1.8em; } .ao-link--icon-pdf::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23003a5d' fill-rule='evenodd'%3E%3Cpath d='M2 0h8l6 6v12c0 1.1-.9 2-2 2H1.99C.89 20 0 19.1 0 18L.01 2C.01.9.9 0 2 0zm0 2v16h12V7H9V2H2z'/%3E%3Cpath d='M4 12h1c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1H3v5h1v-2zm6 1v-3c0-.55-.45-1-1-1H7v5h2c.55 0 1-.45 1-1zm3-1h-1v2h-1V9h2v1h-1v1h1v1zm-9-2h1v1H4v-1zm4 0h1v3H8v-3z'/%3E%3C/g%3E%3C/svg%3E"); width: 1.7em; } .ao-link--icon-radio::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12c1.66 0 2.99-1.34 2.99-3L10 3c0-1.66-1.34-3-3-3S4 1.34 4 3v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S1.7 12 1.7 9H0c0 3.41 2.72 6.23 6 6.72V19h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z' fill='%23003a5d'/%3E%3C/svg%3E"); width: 1.5em; } .ao-layout__section--light-text-mode .ao-link--icon-download::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 20.731h-.914L8.21 16.404l.927-.917 3.916 3.875 3.916-3.875.926.917-4.385 4.327z' fill='%23fff'/%3E%3Cpath d='M13.706 11.625H12.4v7.75h1.306v-7.75zM18.273 23.25H7.831v1.292h10.442V23.25z' fill='%23fff'/%3E%3Cpath d='M23.495 31H2.61C1.175 31 0 29.837 0 28.417V7.104l.196-.452L6.722.194 7.18 0h16.316c1.435 0 2.61 1.163 2.61 2.583v25.834c0 1.42-1.175 2.583-2.61 2.583zM1.305 7.363v21.054c0 .71.588 1.291 1.306 1.291h20.884c.718 0 1.305-.58 1.305-1.291V2.583c0-.71-.587-1.291-1.305-1.291H7.44l-6.135 6.07z' fill='%23fff'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .ao-link--icon-pdf::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M2 0h8l6 6v12c0 1.1-.9 2-2 2H1.99C.89 20 0 19.1 0 18L.01 2C.01.9.9 0 2 0zm0 2v16h12V7H9V2H2z'/%3E%3Cpath d='M4 12h1c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1H3v5h1v-2zm6 1v-3c0-.55-.45-1-1-1H7v5h2c.55 0 1-.45 1-1zm3-1h-1v2h-1V9h2v1h-1v1h1v1zm-9-2h1v1H4v-1zm4 0h1v3H8v-3z'/%3E%3C/g%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .ao-link--icon-location::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.13 0 0 3.13 0 7c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z' fill='%23fff'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .ao-link--icon-shop::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4v11.592C15 16.9 13.95 18 12.649 18H3.35C2.05 18 1 16.934 1 15.592V4h14z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5 7V4.405C5 2.541 6.357 1 8 1s3 1.54 3 3.405V7' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .ao-link--icon-tennis::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 18a8.5 8.5 0 100-17 8.5 8.5 0 000 17z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 3.5C5.4 5.044 7.367 6 9.5 6s4.1-.956 5.5-2.5C13.6 1.956 11.633 1 9.5 1S5.4 1.956 4 3.5zM15 15.72C13.567 14.03 11.533 13 9.3 13c-2.033 0-3.9.882-5.3 2.28C5.433 16.97 7.467 18 9.7 18c2.033 0 3.9-.882 5.3-2.28z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .ao-link--icon-radio::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12c1.66 0 2.99-1.34 2.99-3L10 3c0-1.66-1.34-3-3-3S4 1.34 4 3v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S1.7 12 1.7 9H0c0 3.41 2.72 6.23 6 6.72V19h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z' fill='%23fff'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode i.download { background-image: url("/img/download-white.de8affa9286d75541326027027618134.svg"); } .browser-ie .ao-btn--dark-blue .icon-download::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 20.731h-.914L8.21 16.404l.927-.917 3.916 3.875 3.916-3.875.926.917-4.385 4.327z' fill='%23fff'/%3E%3Cpath d='M13.706 11.625H12.4v7.75h1.306v-7.75zM18.273 23.25H7.831v1.292h10.442V23.25z' fill='%23fff'/%3E%3Cpath d='M23.495 31H2.61C1.175 31 0 29.837 0 28.417V7.104l.196-.452L6.722.194 7.18 0h16.316c1.435 0 2.61 1.163 2.61 2.583v25.834c0 1.42-1.175 2.583-2.61 2.583zM1.305 7.363v21.054c0 .71.588 1.291 1.306 1.291h20.884c.718 0 1.305-.58 1.305-1.291V2.583c0-.71-.587-1.291-1.305-1.291H7.44l-6.135 6.07z' fill='%23fff'/%3E%3C/svg%3E"); } .browser-ie .ao-btn--dark-blue .icon-location::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C3.13 0 0 3.13 0 7c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z' fill='%23fff'/%3E%3C/svg%3E"); } .browser-ie .ao-btn--dark-blue .icon-shop::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4v11.592C15 16.9 13.95 18 12.649 18H3.35C2.05 18 1 16.934 1 15.592V4h14z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5 7V4.405C5 2.541 6.357 1 8 1s3 1.54 3 3.405V7' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .browser-ie .ao-btn--dark-blue .icon-tennis::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 18a8.5 8.5 0 100-17 8.5 8.5 0 000 17z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M4 3.5C5.4 5.044 7.367 6 9.5 6s4.1-.956 5.5-2.5C13.6 1.956 11.633 1 9.5 1S5.4 1.956 4 3.5zM15 15.72C13.567 14.03 11.533 13 9.3 13c-2.033 0-3.9.882-5.3 2.28C5.433 16.97 7.467 18 9.7 18c2.033 0 3.9-.882 5.3-2.28z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E"); } .browser-ie .ao-btn--dark-blue .icon-pdf::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M2 0h8l6 6v12c0 1.1-.9 2-2 2H1.99C.89 20 0 19.1 0 18L.01 2C.01.9.9 0 2 0zm0 2v16h12V7H9V2H2z'/%3E%3Cpath d='M4 12h1c.55 0 1-.45 1-1v-1c0-.55-.45-1-1-1H3v5h1v-2zm6 1v-3c0-.55-.45-1-1-1H7v5h2c.55 0 1-.45 1-1zm3-1h-1v2h-1V9h2v1h-1v1h1v1zm-9-2h1v1H4v-1zm4 0h1v3H8v-3z'/%3E%3C/g%3E%3C/svg%3E"); } .browser-ie .ao-btn--dark-blue .icon-radio::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 12c1.66 0 2.99-1.34 2.99-3L10 3c0-1.66-1.34-3-3-3S4 1.34 4 3v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S1.7 12 1.7 9H0c0 3.41 2.72 6.23 6 6.72V19h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z' fill='%23fff'/%3E%3C/svg%3E"); } .accordion-row { width: 100%; position: relative; overflow: hidden; box-shadow: rgb(204, 204, 204) 0px -0.0625rem 0px inset; transition: height 0.4s ease-out 0s; min-height: 3.5rem; } .accordion-row .arrow { width: 1rem; height: 0.5rem; display: block; position: absolute; right: 0px; top: 1.375rem; } @media (min-width: 48rem) { .accordion-row .arrow { top: 2.125rem; } } .accordion-row .arrow::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l8 8 8-8' stroke='%23333' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); transition: all 0.4s ease 0s; top: 50%; transform: translateY(-50%); position: absolute; width: 1rem; } .accordion-row--active .accordion-row__content { opacity: 1; z-index: 1; } .accordion-row--active .accordion-row__header { padding-bottom: 0.75rem; } @media (min-width: 48rem) { .accordion-row--active .accordion-row__header { padding-bottom: 1.25rem; } } .accordion-row--active .arrow::before { transform: rotate(-180deg) translateY(50%); } .accordion-row__header { z-index: 2; width: 100%; border: none; display: flex; cursor: pointer; text-align: left; position: relative; align-items: center; transition: all 0.25s ease 0s; justify-content: flex-start; padding: 1rem 0px; background: transparent; } @media (min-width: 48rem) { .accordion-row__header { padding: 1.5rem 0px; } } .accordion-row__header h5 { margin-bottom: 0px; color: rgb(51, 51, 51); width: 100%; padding-right: 2rem; transition: color 0.25s ease 0s; text-transform: none; font-size: 1rem; line-height: 1.25rem; letter-spacing: 0.02em; } @media (min-width: 48rem) { .accordion-row__header h5 { font-size: 1.25rem; line-height: 1.5rem; padding-right: 2.5rem; } } @media (min-width: 85.3125rem) { .accordion-row__header h5 { font-size: 1.5rem; line-height: 1.75rem; padding-right: 2.75rem; } } .accordion-row__header:hover h5 { color: rgb(0, 115, 178); } .accordion-row__header:hover .arrow::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l8 8 8-8' stroke='%230073b2' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); } .accordion-row:first-child { border-top: 1px solid rgb(204, 204, 204); } .accordion-row__expand { top: 1.25rem; right: 0.75rem; position: absolute; transition: all 0.4s ease-out 0s; } .accordion-row__content { padding: 0px 2rem 1rem 0px; opacity: 0; font-size: 0.875rem; z-index: -1; transition: transform 0.4s ease-out 0s, opacity 0.4s ease-out 0s, -webkit-transform 0.4s ease-out 0s; } @media (min-width: 48rem) { .accordion-row__content { padding: 0px 2.5rem 1.5rem 0px; } } @media (min-width: 85.3125rem) { .accordion-row__content { padding: 0px 2.75rem 1.5rem 0px; } } .accordion-row__content h1, .accordion-row__content h2, .accordion-row__content h3, .accordion-row__content h4, .accordion-row__content ol li, .accordion-row__content p, .accordion-row__content ul li { color: rgb(51, 51, 51); } .accordion-row__content h1 { margin-bottom: 0px; } .accordion-row__content ul li { position: relative; } .accordion-row__content ul li::before { content: ""; position: absolute; width: 3.3px; height: 3.3px; top: calc(0.5em + 3.3px); left: -15px; background-color: rgb(0, 115, 178); border-radius: 50%; } .accordion-row__content ol li, .accordion-row__content p, .accordion-row__content ul li { font-size: 0.75rem; font-family: "Sharp Sans No2", Arial, sans-serif; line-height: 1.125rem; } .accordion-row__content ol li:last-child, .accordion-row__content p:last-child, .accordion-row__content ul li:last-child { margin-bottom: 0px; } @media (min-width: 48rem) { .accordion-row__content ol li, .accordion-row__content p, .accordion-row__content ul li { font-size: 0.875rem; line-height: 1.375rem; } } @media (min-width: 85.3125rem) { .accordion-row__content ol li, .accordion-row__content p, .accordion-row__content ul li { font-size: 1rem; line-height: 1.625rem; } } .ao-layout__section--light-text-mode .accordion-row { box-shadow: rgb(255, 255, 255) 0px -0.0625rem 0px inset; } .ao-layout__section--light-text-mode .accordion-row:first-child { border-top: 1px solid rgb(255, 255, 255); } .ao-layout__section--light-text-mode .accordion-row h5 { color: rgb(255, 255, 255); } .ao-layout__section--light-text-mode .accordion-row .accordion-row__header .arrow::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='8' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l8 8 8-8' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); } .ao-layout__section--light-text-mode .accordion-row .accordion-row__content a, .ao-layout__section--light-text-mode .accordion-row .accordion-row__content a:hover, .ao-layout__section--light-text-mode .accordion-row .accordion-row__content h1, .ao-layout__section--light-text-mode .accordion-row .accordion-row__content h2, .ao-layout__section--light-text-mode .accordion-row .accordion-row__content h3, .ao-layout__section--light-text-mode .accordion-row .accordion-row__content h4, .ao-layout__section--light-text-mode .accordion-row .accordion-row__content h5, .ao-layout__section--light-text-mode .accordion-row .accordion-row__content p { color: rgb(255, 255, 255); } .faq-module { width: 100%; margin: 0px 0px 2rem; position: relative; box-sizing: border-box; } .faq-module .module-heading { text-align: center; padding-top: 2rem; margin-bottom: 2rem; } @media (min-width: 48rem) { .faq-module .module-heading { margin-bottom: 3rem; } } @media (min-width: 85.3125rem) { .faq-module .module-heading { margin-bottom: 3.5rem; } } .faq-module .module-heading .heading--4 { margin-bottom: 0.5rem; color: rgb(51, 51, 51); font-size: 1.5rem; line-height: 1.75rem; font-weight: 900; text-align: center; } @media (min-width: 48rem) { .faq-module .module-heading .heading--4 { font-size: 2rem; line-height: 2.375rem; } } @media (min-width: 85.3125rem) { .faq-module .module-heading .heading--4 { font-size: 2.5rem; line-height: 3rem; } } .faq-module .module-heading .heading--3 { max-width: 22.5rem; margin: 0px auto 1rem; color: rgb(0, 58, 93); } .faq-module .module-heading__description { margin: auto; color: rgb(102, 102, 102); font-size: 1rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; } .faq-module .module-heading--alt .faq-module .module-heading__description, .faq-module .module-heading--alt .heading--3 { color: rgb(255, 255, 255); } .faq-module .module-heading--left .faq-module .module-heading__description, .faq-module .module-heading--left .heading--3, .faq-module .module-heading--left .heading--4 { text-align: left; } .faq-module .module-heading--left .heading--3 { margin-left: 0px; max-width: none; } @media (min-width: 48rem) { .faq-module .module-heading { margin-bottom: 2rem; } .faq-module .module-heading__description { max-width: 32.5rem; } } @media (min-width: 64rem) { .faq-module .module-heading { padding-top: 3rem; } .faq-module .module-heading .heading--3 { max-width: 31.25rem; } .faq-module .module-heading .heading--4 { margin-bottom: 0.75rem; } .faq-module .module-heading__description { max-width: 39.375rem; } .faq-module .module-heading--left .heading--3 { max-width: none; } } @media (min-width: 85.3125rem) { .faq-module .module-heading { padding-top: 4rem; margin-bottom: 2.8125rem; } .faq-module .module-heading__description { max-width: 44rem; } } .faq-module__category { border-radius: 0.25rem; margin-bottom: 1.5rem; } .faq-module__category:last-of-type { margin-bottom: 0px; } .faq-module__category-header-wrapper { padding: 0.1875rem 0.1875rem 0px; background-color: rgb(0, 58, 93); } .faq-module__category-header { z-index: 2; display: flex; height: 3rem; padding: 0px 0.875rem; align-items: center; background-size: cover; justify-content: flex-start; background-position: 50% center; border-radius: 0.25rem 0.25rem 0px 0px; } .faq-module__category-header img { width: 1.5rem; height: 1.5rem; margin-right: 0.75rem; } .faq-module__category-header h5 { font-size: 0.9375rem; color: rgb(255, 255, 255); margin: 0px; } .faq-module__button-wrapper { margin-top: 2rem; width: 100%; display: flex; justify-content: center; } @media screen and (min-width: 48rem) { .faq-module__button-wrapper { margin-top: 3.5rem; } } .faq-module__button-wrapper > button { padding: 0.5625rem 1rem 0.4375rem; letter-spacing: 0.08em; font-size: 0.75rem; line-height: 1rem; border: none !important; } @media screen and (min-width: 48rem) { .faq-module__button-wrapper > button { padding: 1.25rem 1.5rem 1.125rem; font-size: 0.875rem; line-height: 1.125rem; } } .faq-module--large-headings .accordion-row__header { align-items: flex-start; } .faq-module--large-headings h5 { font-size: 1rem; line-height: 1.25rem; } @media (min-width: 48rem) { .faq-module--large-headings h5 { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .faq-module--large-headings h5 { font-size: 1.5rem; line-height: 1.75rem; } } .faq-module.left__layout { padding: 0px 0px 1.625rem; } .faq-module.left__layout .accordion-row__header h5 { font-size: 1.1875rem; } .faq-module.left__layout .module-heading__description { max-width: 100%; margin: 0px; text-align: left; } .faq-module.left__layout .module-heading { padding-top: 0px; } .faq-module.left__layout .module-heading .heading--4 { font-size: 1.5rem; text-align: left; margin-bottom: 2.75rem; } .ao-layout__row--full-width .faq-module { margin: 0px auto 2rem; } @media (min-width: 48rem) { .ao-layout__row--full-width .faq-module { max-width: 36.375rem; margin: 0px auto 3rem; } } @media (min-width: 64rem) { .ao-layout__row--full-width .faq-module { max-width: 46rem; } } @media (min-width: 85.3125rem) { .ao-layout__row--full-width .faq-module { max-width: 51rem; margin: 0px auto 3.5rem; } } .ao-layout__section--light-text-mode .faq-module h4.heading--4, .ao-layout__section--light-text-mode .faq-module p { color: rgb(255, 255, 255); } .ao-layout__section { position: relative; padding: 7rem 0px; } .ao-layout__section--thin-padding { padding: 3rem 0px; } @media (min-width: 48rem) { .ao-layout__section--thin-padding { padding: 4rem 0px; } } @media (min-width: 85.3125rem) { .ao-layout__section--thin-padding { padding: 5rem 0px; } } .ao-layout__section--top-padding { padding: 0px; } @media (min-width: 48rem) { .ao-layout__section--top-padding { padding: 4rem 0px 0px; } } @media (min-width: 85.3125rem) { .ao-layout__section--top-padding { padding: 5rem 0px 0px; } } .ao-layout__section--bottom-padding { padding: 0px; } @media (min-width: 48rem) { .ao-layout__section--bottom-padding { padding: 0px 0px 4rem; } } @media (min-width: 85.3125rem) { .ao-layout__section--bottom-padding { padding: 0px 0px 5rem; } } .ao-layout__section--no-padding { padding: 0px; } .ao-layout__section--pattern-latest-news::after, .ao-layout__section--pattern-news-listing::after, .ao-layout__section--pattern-overlay-v1::after, .ao-layout__section--pattern-overlay-v2::after, .ao-layout__section--pattern-overlay-v3::after, .ao-layout__section--pattern-overlay-v4::after { position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%; } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v1-black::after { background-image: url("/img/bg-pattern-overlay-2021-v1-black.31b863077c94646405df6db3ce1ff32f.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v1-black::after, .ao-layout__section--pattern-overlay-2021-v1-white::after { content: ""; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center 400px; } .ao-layout__section--pattern-overlay-2021-v1-white::after { background-image: url("/img/bg-pattern-overlay-2021-v1-white.e21f7eb30c9fa151737f35be19791811.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v2-black::after { background-image: url("/img/bg-pattern-overlay-2021-v2-black.515e9d07ec87f5ce9d67538b577824d0.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v2-black::after, .ao-layout__section--pattern-overlay-2021-v2-white::after { content: ""; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center 400px; } .ao-layout__section--pattern-overlay-2021-v2-white::after { background-image: url("/img/bg-pattern-overlay-2021-v2-white.fd506a149a654f6de68247d1c120f2dd.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v3-black::after { background-image: url("/img/bg-pattern-overlay-2021-v3-black.ff7c9b5782601ec39054bb5c750f7f01.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v3-black::after, .ao-layout__section--pattern-overlay-2021-v3-white::after { content: ""; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center 400px; } .ao-layout__section--pattern-overlay-2021-v3-white::after { background-image: url("/img/bg-pattern-overlay-2021-v3-white.c3ffc995ad598480bda3ef7a81b076d8.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v4-black::after { background-image: url("/img/bg-pattern-overlay-2021-v4-black.1ffc64f5abd60235cd1b6baf68257a23.svg"); } } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-2021-v4-black::after, .ao-layout__section--pattern-overlay-2021-v4-white::after { content: ""; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-color: transparent; background-position: center 400px; } .ao-layout__section--pattern-overlay-2021-v4-white::after { background-image: url("/img/bg-pattern-overlay-2021-v4-white.cb69923ab6b50b3c69a2620cabfb462c.svg"); } } .ao-layout__section--pattern-overlay-v1::after { background-image: url("/img/bg-pattern-overlay-v1.118f9e6fc2b129f333db13237b70ccf3.svg"); background-position: left 50% top -185px; background-size: 150%; background-repeat: repeat-y; background-color: transparent; } .ao-layout__section--pattern-overlay-v2::after { background-image: url("/img/bg-pattern-overlay-v2.f815929f7b60b6e0669cb44e0e404dfb.svg"); background-position: left 38% top -320px; background-size: 160%; background-repeat: repeat-y; background-color: transparent; } .ao-layout__section--pattern-overlay-v3::after { background-image: url("/img/bg-pattern-overlay-v3.903ce7bc3ff8bfdd2bb7c7507a33869e.svg"); background-position: left 67% top 0px; background-size: 165%; background-repeat: repeat-y; background-color: transparent; } @media (min-width: 48rem) { .ao-layout__section--pattern-overlay-v4::after { background-image: url("/img/newsletter-frame-one.0a51fa8df109b8e25bcd402299ab4cf8.svg"), url("/img/newsletter-frame-two.2c8dfa515560bf72f92338b625e268c3.svg"); background-size: auto, 31.0625rem 34.625rem; background-position: -10.625rem top, right -15.9375rem bottom -8.25rem; background-repeat: no-repeat, no-repeat; } } @media (min-width: 64rem) { .ao-layout__section--pattern-latest-news::after { background-image: url("/img/bg-pattern-latest-news-left-tablet.27fab20d51ffe2d71a534cd4a3c97522.svg"), url("/img/bg-pattern-latest-news-right-tablet.761add70d79ded2cff118274701eca0b.svg"); background-position: left -86px top -65px, right -120px top -150px; background-repeat: no-repeat; background-color: transparent; } } @media (min-width: 85.3125rem) { .ao-layout__section--pattern-latest-news::after { background-image: url("/img/bg-pattern-latest-news-left.8d567065ac459ea1439395dd9e606ce9.svg"), url("/img/bg-pattern-latest-news-right.d6734933a937ce021d836689024e473f.svg"); background-position: left -29px top -65px, right 12px top -150px; } } @media (min-width: 64rem) { .ao-layout__section--pattern-news-listing::after { background-image: url("/img/bg-pattern-news-listing-left-tablet.fc27b57ad0cfa8d79894425610663e5e.svg"), url("/img/bg-pattern-news-listing-right-tablet.58b28af61ac580b5f21f90799af31ca3.svg"); background-size: auto, auto; background-repeat: no-repeat, no-repeat; background-position: left 23px top 95px, right -62px top -60px; } } @media (min-width: 104.9375rem) { .ao-layout__section--pattern-news-listing::after { background-image: url("/img/bg-pattern-news-listing-left.9220b388a8c4c756526e081e078ff433.svg"), url("/img/bg-pattern-news-listing-right.e18266ec275b7e7e3b34308188ea5d0c.svg"); background-position: left -36px top -46px, right -140px top -45px; } } .ao-layout__section--gradient::before { position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%; background: linear-gradient(130deg, rgba(255, 255, 255, 0.15), transparent); } .ao-layout__section--light-text-mode, .ao-layout__section--light-text-mode .ao-layout__section-heading { color: rgb(255, 255, 255); } .ao-layout__main { max-width: none; font-size: 16px; } .ao-layout__section-heading { max-width: 826.667px; font-size: 2rem; color: rgb(51, 51, 51); margin: 0px auto; padding-bottom: 2rem; text-align: center; font-weight: 700; z-index: 3; } @media (min-width: 64rem) { .ao-layout__section-heading { font-size: 3.5rem; padding-bottom: 5rem; } } .ao-layout__row { position: relative; display: flex; flex-wrap: wrap; max-width: 1272px; margin: 0px auto; z-index: 3; } @media (min-width: 48rem) { .ao-layout__row { flex-wrap: nowrap; } } .ao-layout__row .ao-layout__col, .ao-layout__row [class*="2-col"], .ao-layout__row [class*="3-col"], .ao-layout__row [class*="4-col"] { box-sizing: border-box; } @media screen and (min-width: 48rem) { .ao-layout__row .ao-layout__col, .ao-layout__row [class*="2-col"], .ao-layout__row [class*="3-col"], .ao-layout__row [class*="4-col"] { margin: 0px 16px; } } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .ao-layout__row .ao-layout__col, .ao-layout__row [class*="2-col"], .ao-layout__row [class*="3-col"], .ao-layout__row [class*="4-col"] { margin: 0px; padding: 0px 16px; } } .ao-layout__row .ao-layout__col img, .ao-layout__row [class*="2-col"] img, .ao-layout__row [class*="3-col"] img, .ao-layout__row [class*="4-col"] img { width: 100%; } .ao-layout__row .ao-layout__col .text-blade img, .ao-layout__row [class*="2-col"] .text-blade img, .ao-layout__row [class*="3-col"] .text-blade img, .ao-layout__row [class*="4-col"] .text-blade img { width: auto; } .ao-layout__row ~ .ao-layout__row { margin-top: 3.5rem; } @media (max-width: 48rem) { .ao-layout__row .ao-layout__col ~ .ao-layout__col { margin-top: 2rem; } } .ao-layout__row::after { content: ""; display: table; clear: both; } .ao-layout__row--full-width { flex-direction: row; } .ao-layout__row--full-width > .ao-layout__col { width: 100%; } @media screen and (min-width: 768px) { .ao-layout__row--full-width > .ao-layout__col { width: calc(100% - 32px); } } .ao-layout__row--full-width-content { max-width: 100%; } .ao-layout__row--full-width-content .ao-layout__col { margin: 0px; width: 100%; } .ao-layout__row--2-col-half-half { flex-direction: column; } .ao-layout__row--2-col-half-half > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 48rem) { .ao-layout__row--2-col-half-half { flex-direction: row; } .ao-layout__row--2-col-half-half > .ao-layout__col { width: calc(50% - 32px); } .ao-layout__row--2-col-half-half > .ao-layout__col:first-child { padding-right: calc(4.16667% - 16px); } .ao-layout__row--2-col-half-half > .ao-layout__col:last-child { padding-left: calc(4.16667% - 16px); } } .ao-layout__row--2-col-extra-large-left { flex-direction: column; } .ao-layout__row--2-col-extra-large-left > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 85.3125rem) { .ao-layout__row--2-col-extra-large-left { flex-direction: row; } .ao-layout__row--2-col-extra-large-left > .ao-layout__col:first-child { width: calc(75% - 32px); } .ao-layout__row--2-col-extra-large-left > .ao-layout__col:last-child { width: calc(25% - 32px); } } @media (min-width: 120rem) { .ao-layout__row--2-col-extra-large-left > .ao-layout__col:first-child { width: calc(66.6667% - 32px); } .ao-layout__row--2-col-extra-large-left > .ao-layout__col:last-child { width: calc(33.3333% - 32px); } } .ao-layout__row--2-col-large-left { flex-direction: column; } .ao-layout__row--2-col-large-left > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 48rem) { .ao-layout__row--2-col-large-left { flex-direction: row; } .ao-layout__row--2-col-large-left > .ao-layout__col:first-child { width: calc(58.3333% - 32px); } .ao-layout__row--2-col-large-left > .ao-layout__col:last-child { width: calc(41.6667% - 33px); padding-left: calc(8.33333% - 32px); } } .ao-layout__row--2-col-large-right { flex-direction: column; } .ao-layout__row--2-col-large-right > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 48rem) { .ao-layout__row--2-col-large-right { flex-direction: row; } .ao-layout__row--2-col-large-right > .ao-layout__col:first-child { width: calc(41.6667% - 33px); padding-right: calc(8.33333% - 32px); } .ao-layout__row--2-col-large-right > .ao-layout__col:last-child { width: calc(58.3333% - 32px); } } .ao-layout__row--3-col { flex-direction: column; } .ao-layout__row--3-col > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 64rem) { .ao-layout__row--3-col { flex-direction: row; } .ao-layout__row--3-col > .ao-layout__col { width: calc(33.3333% - 32px); } } .ao-layout__row--4-col { flex-direction: column; } .ao-layout__row--4-col > .ao-layout__col { width: calc(100% - 32px); } @media (min-width: 48rem) { .ao-layout__row--4-col { flex-flow: wrap; } .ao-layout__row--4-col > .ao-layout__col { width: calc(50% - 32px); } } @media (min-width: 64rem) { .ao-layout__row--4-col { flex-direction: row; } .ao-layout__row--4-col > .ao-layout__col { width: calc(25% - 32px); } } .ao-layout__row--stack-RTL { flex-direction: column-reverse; } @media (max-width: 48rem) { .ao-layout__row--stack-RTL .ao-layout__col ~ .ao-layout__col { margin-top: 0px; margin-bottom: 2rem; } } @media (min-width: 48rem) { .ao-layout__row--stack-RTL { flex-direction: row; } } @media only screen and (min-width: 768px) { } .players-to-watch { padding-top: 1.6875rem; position: relative; } @media (min-width: 48rem) { .players-to-watch { padding-top: 4rem; } } .players-to-watch::before { position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%; background-image: url("/img/playerstowatch-pattern.5abf4614a94f0fc22b62202d09379563.svg"); background-repeat: no-repeat; background-color: transparent; background-position: left bottom 30%; background-size: 113%; } @media (min-width: 48rem) { .players-to-watch::before { background-position: left bottom 10%; background-size: 100%; } } @media (min-width: 85.3125rem) { .players-to-watch::before { background-position: center bottom 70%; background-size: 75%; } } .players-to-watch .player-wrapper { max-width: 1272px; margin: 0px auto; position: relative; } .players-to-watch .slide-height { height: 21.375rem; display: flex; flex-flow: column; justify-content: space-between; } .players-to-watch .slide-height.profile-image { display: block; } @media (min-width: 40rem) { .players-to-watch .slide-height { height: 21.375rem; } } @media (min-width: 48rem) { .players-to-watch .slide-height { height: 45rem; } } @media (min-width: 85.3125rem) { .players-to-watch .slide-height { height: 40.625rem; } } .players-to-watch__player-data { z-index: 1; text-align: center; margin-bottom: 2.1875rem; } @media (min-width: 85.3125rem) { .players-to-watch__player-data { text-align: left; position: absolute; margin-top: 5.5rem; margin-bottom: 0px; top: 0px; left: 0px; } } .players-to-watch__player-data h2, .players-to-watch__player-data p { color: rgb(255, 255, 255); font-weight: 800; font-family: "Sharp Sans No2", Arial, sans-serif; } .players-to-watch__player-data h2 { font-size: 2rem; line-height: 2rem; margin-bottom: 1rem; } @media (min-width: 48rem) { .players-to-watch__player-data h2 { font-size: 3.5rem; line-height: 3.5rem; margin-bottom: 1.5625rem; } } @media (min-width: 85.3125rem) { .players-to-watch__player-data h2 { margin-bottom: 2.5rem; font-size: 5.625rem; line-height: 5.625rem; width: 25rem; } } .players-to-watch__player-data p { font-size: 1rem; line-height: 1.5rem; font-weight: 900; margin: 0px; } @media (min-width: 48rem) { .players-to-watch__player-data p { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .players-to-watch__player-data p { font-size: 1.5rem; line-height: 1.75rem; } } .players-to-watch__player-data .tagline-wrapper { margin-bottom: 0.625rem; display: block; min-height: 1.5rem; } @media (min-width: 48rem) { .players-to-watch__player-data .tagline-wrapper { margin-bottom: 0.9375rem; } } @media (min-width: 85.3125rem) { .players-to-watch__player-data .tagline-wrapper { margin-bottom: 1.5rem; min-height: 1.75rem; } } .players-to-watch__action-btns { text-align: center; } @media (min-width: 85.3125rem) { .players-to-watch__action-btns { text-align: left; } } .players-to-watch__action-btns a { font-family: "Sharp Sans No2", Arial, sans-serif; text-transform: uppercase; margin: 0px 0.9375rem 0px 0px; font-size: 0.75rem; } @media (min-width: 85.3125rem) { .players-to-watch__action-btns a { margin: 0px 0.9375rem 0px 0px; font-size: 0.875rem; line-height: 1.125rem; padding: 1.125rem 1.375rem 1.0625rem; } } .players-to-watch__action-btns a:last-child { margin: 0px; } .players-to-watch__action-btns .ao-btn.dark-blue { color: rgb(255, 255, 255) !important; } .players-to-watch__action-btns .ao-btn.dark-blue::before { color: rgb(255, 255, 255); background: rgb(0, 58, 93); } .players-to-watch__action-btns .ao-btn.dark-blue::after { color: rgb(255, 255, 255); background: rgb(0, 44, 71); } .players-to-watch__action-btns .ao-btn.tertiary { color: rgb(0, 58, 93); } .players-to-watch__action-btns .ao-btn.tertiary::before { color: rgb(0, 58, 93); background: rgb(255, 255, 255); } .players-to-watch__action-btns .ao-btn.tertiary::after { color: rgb(0, 58, 93); background: rgb(193, 193, 0); } .players-to-watch__action-btns .ao-btn.lime { color: rgb(0, 58, 93); } .players-to-watch__action-btns .ao-btn.lime::before { color: rgb(0, 58, 93); background: rgb(193, 193, 0); } .players-to-watch__action-btns .ao-btn.lime::after { color: rgb(0, 58, 93); background: rgb(173, 173, 0); } .players-to-watch__action-btns .ao-btn.pink::before { color: rgb(0, 58, 93); background: rgb(255, 81, 205); } .players-to-watch__action-btns .ao-btn.pink::after { color: rgb(0, 58, 93); background: rgb(255, 59, 199); } .players-to-watch__action-btns .ao-btn.watermelon::before { color: rgb(0, 58, 93); background: rgb(255, 102, 100); } .players-to-watch__action-btns .ao-btn.watermelon::after { color: rgb(0, 58, 93); background: rgb(255, 80, 78); } .players-to-watch__featured-image { text-align: center; justify-content: center; display: flex; } .players-to-watch__featured-image .player-image, .players-to-watch__featured-image picture { max-width: 11.25rem; height: 100%; } @media (min-width: 48rem) { .players-to-watch__featured-image .player-image, .players-to-watch__featured-image picture { max-width: 32.5rem; } } @media (min-width: 85.3125rem) { .players-to-watch__featured-image .player-image, .players-to-watch__featured-image picture { max-width: 40.625rem; } } .players-to-watch__featured-image .player-image.round-image, .players-to-watch__featured-image picture.round-image { max-width: 7.5rem; position: relative; margin-top: 0.9375rem; border-radius: 100%; background-color: rgb(255, 255, 255); } @media (min-width: 48rem) { .players-to-watch__featured-image .player-image.round-image, .players-to-watch__featured-image picture.round-image { max-width: 20rem; margin-top: 10%; } } .players-to-watch__featured-image.round-image picture { max-width: 7.5rem; position: relative; margin-top: 0.9375rem; border-radius: 100%; background-color: rgb(255, 255, 255); } @media (min-width: 48rem) { .players-to-watch__featured-image.round-image picture { max-width: 20rem; margin-top: 10%; } } .players-to-watch__articles { position: relative; padding: 1.5rem 1rem; } .players-to-watch__articles::after { height: 100%; content: ""; position: absolute; width: 100vw; margin: auto auto auto -50vw; left: 50%; top: 0px; background-color: rgb(0, 145, 210); z-index: -1; } .players-to-watch__articles .articles-wrapper { max-width: 51.125rem; display: flex; margin: 0px auto; } @media (min-width: 85.3125rem) { .players-to-watch__articles .articles-wrapper { max-width: 61.875rem; } } @media (min-width: 120rem) { .players-to-watch__articles .articles-wrapper { max-width: 76.0625rem; } } @media (min-width: 48rem) { .players-to-watch__articles { padding: 2.0625rem 2rem; } } @media (min-width: 64rem) { .players-to-watch__articles { padding: 2.0625rem 4.1875rem; } } @media (min-width: 85.3125rem) { .players-to-watch__articles { padding: 3.5625rem 0px; } } .players-to-watch__articles .full-width-video, .players-to-watch__articles .single-article { padding-bottom: 0.9375rem; } .players-to-watch__articles .full-width-video:last-child, .players-to-watch__articles .single-article:last-child { margin-right: 0px; } @media (min-width: 85.3125rem) { .players-to-watch__articles .full-width-video, .players-to-watch__articles .single-article { padding-bottom: 0px; } } .players-to-watch__articles .box { width: 50%; } @media (min-width: 48rem) { .players-to-watch__articles .box { width: 33.333%; } } @media (min-width: 85.3125rem) { .players-to-watch__articles .box { min-height: auto; } } .players-to-watch__articles .full-width-video { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } @media (min-width: 48rem) { .players-to-watch__articles .full-width-video { margin-right: 1rem; } } @media (min-width: 64rem) { .players-to-watch__articles .full-width-video { border: 0px; padding-bottom: 0px; } } @media (min-width: 120rem) { .players-to-watch__articles .full-width-video { margin-right: 0px; } } .players-to-watch__articles .full-width-video a button { transform: translate(0px); } .players-to-watch__articles .full-width-video a:focus-visible button { outline: red dashed 2px !important; } .players-to-watch__articles .full-width-video a:active button, .players-to-watch__articles .full-width-video a:focus button, .players-to-watch__articles .full-width-video a:hover button { animation: 0.5s ease 0s 1 normal none running leftRight; } @-webkit-keyframes leftRight { 50% { transform: translateX(5px); } 100% { transform: translateX(0px); } } @keyframes leftRight { 50% { transform: translateX(5px); } 100% { transform: translateX(0px); } } .players-to-watch__articles .single-article { border-bottom: 1px solid rgba(255, 255, 255, 0.4); border-right-color: currentcolor; border-left-color: currentcolor; border-top: 1px solid rgba(255, 255, 255, 0.4); padding: 0.9375rem 0px; margin: 0px 0px 0px 1rem; } @media (min-width: 48rem) { .players-to-watch__articles .single-article { margin: 0px 1rem; } } .players-to-watch__articles .single-article h6, .players-to-watch__articles .single-article h6 a, .players-to-watch__articles .single-article p { color: rgb(255, 255, 255); } .players-to-watch__articles .single-article h6, .players-to-watch__articles .single-article h6 a { font-weight: 900; margin: 0px 0px 0.5rem; font-size: 1rem; line-height: 1.25rem; text-decoration: none; } @media (min-width: 48rem) { .players-to-watch__articles .single-article h6, .players-to-watch__articles .single-article h6 a { font-size: 1.25rem; line-height: 1.5rem; } } @media (min-width: 85.3125rem) { .players-to-watch__articles .single-article h6, .players-to-watch__articles .single-article h6 a { font-size: 1.5rem; line-height: 1.75rem; } } .players-to-watch__articles .single-article h6 a:hover, .players-to-watch__articles .single-article h6:hover { text-decoration: underline; } .players-to-watch__articles .single-article p { font-size: 0.75rem; line-height: 1rem; display: none; font-family: Roboto, Arial, sans-serif; } @media (min-width: 85.3125rem) { .players-to-watch__articles .single-article p { display: block; } } .players-to-watch__articles .single-article:last-child { display: none; } @media (min-width: 48rem) { .players-to-watch__articles .single-article:last-child { display: block; } } .players-to-watch .swiper-wrapper .full-width-video { position: relative; z-index: 2; height: auto; margin-bottom: 0px; margin-left: 0px; box-shadow: none; border-radius: 0px; } .players-to-watch .swiper-wrapper .full-width-video .video-description { display: block; background: none; padding: 0px; position: relative; margin-top: 0.75rem; } @media (min-width: 64rem) { .players-to-watch .swiper-wrapper .full-width-video .video-description { display: block; position: absolute; } } .players-to-watch .swiper-wrapper .full-width-video .video-description__inner { display: flex; align-items: flex-end; flex-direction: row; margin: 0px; } @media (min-width: 64rem) { .players-to-watch .swiper-wrapper .full-width-video .video-description__inner { margin: 1.25rem 1.4375rem; } } .players-to-watch .swiper-wrapper .full-width-video h3 { flex: 4 1 0%; padding: 0px 0.625rem 0px 0px; font-weight: 900; font-size: 1rem; line-height: 1.25rem; } @media (min-width: 48rem) { .players-to-watch .swiper-wrapper .full-width-video h3 { font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 85.3125rem) { .players-to-watch .swiper-wrapper .full-width-video h3 { font-size: 1.5rem; line-height: 1.75rem; } } .players-to-watch .swiper-wrapper .full-width-video .card-meta-time { background: rgb(255, 255, 255); color: rgb(0, 58, 93); font-size: 0.625rem; font-weight: 500; border-radius: 0.625rem; padding: 0.25rem 0.625rem; font-family: Roboto, Arial, sans-serif; display: inline-block; position: relative; bottom: 3px; } .players-to-watch .swiper-wrapper .full-width-video .card-meta { text-align: right; border: 0px; padding: 0px; flex: 1 1 0%; width: auto; display: none; font-size: 0.625rem; } @media (min-width: 64rem) { .players-to-watch .swiper-wrapper .full-width-video .card-meta { display: block; } } .players-to-watch .swiper-wrapper .full-width-video .card-meta.mobile { display: block; position: absolute; bottom: 0px; right: 0px; z-index: 2; margin: 0px 0.5rem 0.625rem 0px; font-size: 0.5625rem; } .players-to-watch .swiper-wrapper .full-width-video .card-meta.mobile .card-meta-time { padding: 0.125rem 0.35625rem; } @media (min-width: 64rem) { .players-to-watch .swiper-wrapper .full-width-video .card-meta.mobile { display: none; } } .players-to-watch .swiper-wrapper .full-width-video .video-poster-wrapper { height: auto; position: relative; top: 0px; left: 0px; transform: none; box-shadow: none; border-radius: 0px; padding-top: 0px; } .players-to-watch .swiper-wrapper .full-width-video .video-poster-wrapper picture { height: 100%; position: relative; top: 0px; transform: none; } .players-to-watch .swiper-wrapper .full-width-video .video-poster-wrapper picture img { position: relative; } .players-to-watch .swiper-wrapper .full-width-video .video-poster-wrapper::after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0px; left: 0px; } .players-to-watch .swiper-wrapper .full-width-video .btn-play-video { background: transparent; position: absolute; width: 0.91125rem; height: 0.91125rem; opacity: 1; top: 1.625rem; left: 1.9375rem; display: block; border-radius: 0px; } @media (min-width: 48rem) { .players-to-watch .swiper-wrapper .full-width-video .btn-play-video { width: 1rem; height: 1.25rem; } } .players-to-watch .swiper-wrapper .full-width-video .btn-play-video::after, .players-to-watch .swiper-wrapper .full-width-video .btn-play-video::before { content: none; } .players-to-watch .swiper-wrapper .full-width-video .btn-play-video svg { display: block; width: 0.91125rem; height: 0.91125rem; } @media (min-width: 48rem) { .players-to-watch .swiper-wrapper .full-width-video .btn-play-video svg { width: 1rem; height: 1.25rem; } } #articles-bg { background-color: rgb(0, 145, 210); position: absolute; width: 100%; bottom: 0px; z-index: 0; } .players-to-watch__control-handlers { position: absolute; transform: translateY(-70%); z-index: 2; background: none; border: none; } .players-to-watch__control-handlers.swiper-button-next, .players-to-watch__control-handlers.swiper-button-prev { background-image: none; top: 18.75rem; height: auto; width: auto; } @media (min-width: 48rem) { .players-to-watch__control-handlers.swiper-button-next, .players-to-watch__control-handlers.swiper-button-prev { top: 31.125rem; } } @media (min-width: 48rem) { .players-to-watch__control-handlers { top: 62%; transform: translateY(-62%); display: flex; align-items: center; } } .players-to-watch__control-handlers:hover { cursor: pointer; } @media (min-width: 85.3125rem) { .players-to-watch__control-handlers { display: none; } } .players-to-watch__control-handlers .handler { background: rgba(255, 255, 255, 0.4); border-radius: 100%; width: 3rem; height: 3rem; padding: 5px; box-sizing: border-box; } .players-to-watch__control-handlers svg { color: rgb(255, 255, 255); width: 100%; height: 100%; } .players-to-watch__control-handlers label { display: none; cursor: pointer; font-size: 1.25rem; font-weight: 800; font-family: "Sharp Sans No2", Arial, sans-serif; color: rgb(255, 255, 255); } @media (min-width: 48rem) { .players-to-watch__control-handlers label { display: block; width: min-content; line-height: 1.5rem; } } .players-to-watch__control-handlers.left { left: 0.9375rem; } .players-to-watch__control-handlers.left label { margin-left: 1rem; } .players-to-watch__control-handlers.right { right: 0.9375rem; } .players-to-watch__control-handlers.right label { margin-right: 1rem; } .players-to-watch__control-handlers::after { content: ""; } .players-to-watch__controller { position: absolute; right: 0px; top: 0px; width: 100%; justify-content: flex-end; color: rgb(255, 255, 255); font-family: "Sharp Sans No2", Arial, sans-serif; margin-top: 7rem; display: none; } @media (min-width: 85.3125rem) { .players-to-watch__controller { display: flex; } } .players-to-watch__controller .controller-wrapper { z-index: 2; width: 25.875rem; } .players-to-watch__controller h6 { font-size: 1.5rem; line-height: 1.75rem; color: rgb(255, 255, 255); font-weight: 800; position: relative; margin: 0px 0px 1.5rem; z-index: 2; } .players-to-watch__controller .player-list { padding: 0px; margin: 0px; z-index: 2; position: relative; } .players-to-watch__controller .name, .players-to-watch__controller .thumbnail, .players-to-watch__controller picture { opacity: 0.5; transition: opacity 0.1s linear 0s; } .players-to-watch__controller .thumbnail, .players-to-watch__controller picture { border-radius: 100%; height: 3rem; margin-right: 1.3125rem; width: 3rem !important; } .players-to-watch__controller .thumbnail { border-radius: 100%; background-color: rgb(46, 114, 185); } .players-to-watch__controller .name { font-size: 1.5rem; line-height: 1.75rem; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 800; color: rgb(255, 255, 255); } .players-to-watch__controller .player { border-bottom: 1px solid rgba(255, 255, 255, 0.4); display: flex; align-items: center; padding: 0.6875rem 0px; cursor: pointer; } .players-to-watch__controller .player:first-child { border-top: 1px solid rgba(255, 255, 255, 0.4); } .players-to-watch__controller .player.active .name, .players-to-watch__controller .player.active .thumbnail, .players-to-watch__controller .player.active picture, .players-to-watch__controller .player:hover .name, .players-to-watch__controller .player:hover .thumbnail, .players-to-watch__controller .player:hover picture { opacity: 1; } .players-to-watch__view-all-button { margin-top: 2.5rem; text-transform: uppercase; z-index: 2; } @media (min-width: 85.3125rem) { .players-to-watch__view-all-button { line-height: 1.125rem; padding: 1.125rem 1.375rem 1.0625rem; } } .schedule-content { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; } @media (min-width: 768px) { .schedule-content { flex-direction: row; justify-content: stretch; padding: 1.375rem 0.625rem; } } .schedule-content__column { margin: 0px 0px 1.875rem; } .schedule-content__column p { font-size: 0.8125rem; } @media (min-width: 768px) { .schedule-content__column { padding: 0px 0.4375rem; flex: 1 1 0%; margin: 0px; } } .schedule-content, .schedule-content dd, .schedule-content dt, .schedule-content ul { font-family: "Source Sans", Arial, sans-serif; font-size: 0.8125rem; font-weight: 700; line-height: 1.2em; color: rgb(102, 102, 102); } .schedule-content a { font-size: 1em; text-decoration: none; font-weight: 700; line-height: inherit; } .schedule-content__heading { font-family: "Sharp Sans No2", Arial, sans-serif; font-size: 0.8125rem; font-weight: 700; color: rgb(34, 34, 34); margin: 0px 0px 0.75rem; text-transform: uppercase; line-height: 1.2em; } @media (min-width: 768px) { .schedule-content__heading { margin-top: -0.2em; } } .schedule-content ul { padding: 0px; margin: 0px; } .schedule-content ul > li:not(:last-child) { margin-bottom: 0.75rem; } .schedule-content dl.inline { margin: 0px; } .schedule-content dl.inline dd { display: inline; margin: 0px; font-weight: 400; } .schedule-content dl.inline dd:not(:last-child)::after { display: block; content: ""; margin-bottom: 0.75rem; } .schedule-content dl.inline dt { display: inline-block; } .schedule-content__sponsor { flex-direction: row; display: none; } @media (min-width: 768px) { .schedule-content__sponsor { display: block; } } .schedule-content__sponsor--rolex { width: 240px; height: 94px; border: 0px; margin: 0px 0px 0px auto; padding: 0px; display: block; overflow: hidden; } .schedule-content__clock { width: 4.1875rem; height: 4.1875rem; background-color: rgb(136, 136, 136); margin-right: 1.375rem; } .schedule-content__time-list { margin: 0px; } .schedule-content__time-list dt { font-size: 0.6875rem; font-weight: 700; color: rgb(0, 50, 85); line-height: 1.2em; } .schedule-content__time-list dd { font-size: 1.0625rem; font-weight: 700; color: rgb(23, 23, 23); line-height: 1.2em; margin: 0px 0px 0.3125rem; } .schedule-content__logo-wrapper { height: 100%; max-height: 7.8125rem; position: absolute; right: 1.25rem; top: 0px; } .schedule-content__logo, .schedule-content__logo-wrapper { align-items: center; display: flex; } .schedule-content__logo { flex-direction: column-reverse; margin: 0px 0px 0px auto; max-width: 11.875rem; padding: 0px; } .schedule-content__logo-image { width: 100%; } .schedule-content__logo-caption { font-size: 0.6875rem; font-weight: 400; margin-bottom: 0.3125rem; text-align: center; } @media (min-width: 64rem) { .schedule-content__logo-caption { font-size: 0.8125rem; } } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid rgb(86, 159, 247); -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } .ibox-title { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; margin-bottom: 0; padding: 14px 15px 7px; min-height: 48px; } .ibox-title h5 { display: inline-block; font-size: 14px; margin: 0 0 7px; padding: 0; text-overflow: ellipsis; float: left; } .ibox-tools { display: block; float: none; margin-top: 0; position: relative; padding: 0; text-align: right; } .ibox-tools a { cursor: pointer; margin-left: 5px; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .facets-widget-links { position: relative; height: 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding: 0px; margin-bottom: 10px; } .facets-widget-links ul.js-facets-links { display: -ms-flexbox; display: flex; grid-gap: .5rem; gap: .5rem; overflow-x: auto; position: absolute; top: 0; height: 4rem; width: calc(100% - 1rem); padding: 0; margin: 0; } .facets-widget-links a { color: #666; font-weight: 600; white-space: nowrap; text-decoration: none; background-color: #fafafa; border-radius: .25rem; display: -ms-flexbox; display: flex; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: .5rem 1rem; } .player-row__team-wrapper div.gender { width: 20px; min-height: 25px; text-align: center; border-radius: 5px; font-weight: 500; } .cor-f { background-color: #f69aec !important; color: #6c0063 !important; } .cor-m { background-color: #bdbfff !important; color: rgb(0, 58, 93) !important; } .score-button { display: flex; flex-wrap: nowrap; font-weight: 700; align-items: center; justify-content: center; color: rgb(0, 145, 210); font-family: "Sharp Sans No2", Arial, sans-serif; background-color: rgb(242, 242, 242); font-size: 0.875rem; line-height: 1.25rem; border-radius: 4px; text-decoration: none; padding: 0.375rem 0.75rem; margin-top: 8px; } .result-button, .climb-button, .remove-button, .primary-button, .secondary-button { position: relative; text-decoration: none; box-sizing: border-box; font-family: "Sharp Sans No2", Arial, sans-serif; font-weight: 600; text-align: center; border: 0.125rem solid transparent; margin-top: 10px; align-items: center; justify-content: center; border-radius: 0.25rem; transition: background-color 0.1s ease 0s; padding: 0.375rem 0.5rem; color: #fff; font-size: 9pt; } .result-button { background: none rgb(0, 145, 210); } .result-button:hover { background: none rgb(0, 165, 239); } .climb-button { background: none rgb(0, 210, 126); } .climb-button:hover { background: none rgb(36, 225, 150); } .remove-button { background: none rgb(255, 45, 45) !important; } .remove-button:hover { background: none rgb(255, 86, 86) !important; } .primary-button { background: none rgb(255, 45, 45) !important; padding: 0.575rem 0.5rem; font-size: 10pt; } .primary-button:hover { background: none rgb(255, 86, 86) !important; } .secondary-button { background: #fff !important; padding: 0.2em 0.5rem; font-size: 9pt; color: rgb(255, 45, 45) !important; margin: 0px !important; } .secondary-button:hover { background: #d8d8d8 !important; } .m-0 { margin: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-5 { margin-bottom: 2rem !important; } .titulo { height: 2rem !important; background-color: rgb(230, 230, 230) !important; } .titulo p { font-size: 0.7rem; font-weight: 600; margin-top: 3px; } .titulo .col-lg-1 { text-align: center } .arena-grupo { height: 2.5rem !important; } .arena-grupo p { margin-top: 8px; } .arena-grupo .col-lg-1 { text-align: center } .arena-grupo-classificado p { font-weight: 700 !important; } .classificacao-header { background-color: rgb(0, 145, 210) !important; color: #fff !important; } .classificacao-header p { color: #fff !important; } .confronto-row { display: flex; margin: 0px; padding: 0px; } .header-confronto { background-color: rgb(230, 230, 230) !important; } .confronto-row .col-lg-6, .confronto-row .col-lg-12 { margin: 0px !important; padding: 0px !important; } .confronto-row .col-lg-1, .item-confronto .col-lg-1 { width: 15px !important; text-align: center; font-size: 9pt; } .confronto-row .pt-1 { padding-top: 15px !important; } .confronto-row .confronto-destaque { font-size: 15pt; font-weight: 600; padding-top: 10px !important; } .confronto-row .col-lg-6:first-child { border-right: 10px solid rgb(242, 242, 242) !important; } .item-confronto .dupaB { padding-left: 30px !important; } .item-confronto .versus { line-height: 0; color: #bababa !important; font-size: 10pt; margin-top: 2px; } .item-jogadores { } .item-jogadores .dupla { box-sizing: border-box; width: 200px; font-weight: 500; white-space: nowrap; display: flex; align-items: center; height: 50%; justify-content: flex-start; transition: opacity 0.2s ease 0s; text-decoration: none; line-height: 1rem; margin-top: 5px; } .item-jogadores .dupla p { height: 16px !important; line-height: 1rem !important; margin: 0px; } .item-jogadores .dupla:first-child { padding-bottom: 0.125rem; align-items: flex-end; } .confronto-resultados { display: flex; } .confronto-resultados .confronto-resultado { display: flex; justify-content: center; width: 30px; } .confronto-resultados .confronto-resultado p { font-size: 20pt !important; font-family: "Sharp Sans No2" !important; position: relative; top: -13px; font-weight: 500; } .item-resultados { display: flex; margin-left: 6px !important; } .item-resultados .item-resultado { display: flex; align-items: center; justify-content: center; width: 30px; margin-top: 3px !important; } .item-resultados .item_tie-break { position: absolute; left: 10px; top: -0px; letter-spacing: -0.2em; font-size: 0.625rem; line-height: 0.75rem; } .item-resultados .item-resultado p { font-size: 13pt !important; margin: 0px; font-family: "Sharp Sans No2" !important; position: relative; top: -10px; font-weight: 500; } .item-resultados .fa-check { font-size: 9pt; padding: 0px; } .item-resultados .fa-check, .confronto-resultados .fa-check { color: rgb(0, 145, 210) !important; } .color-looser .fa-check { color: transparent !important; } .color-winner p { font-weight: 700 !important; } .fa-square-xmark { color: #f20000 !important; }