@charset "UTF-8"; /*! | Copyright 2017 Microsoft Corporation | This software is based on or incorporates material from the files listed below (collectively, "Third Party Code"). Microsoft is not the original author of the Third Party Code. The original copyright notice and the license under which Microsoft received Third Party Code are set forth below together with the full text of such license. Such notices and license are provided solely for your information. Microsoft, not the third party, licenses this Third Party Code to you under the terms in which you received the Microsoft software or the services, unless Microsoft clearly states that such Microsoft terms do NOT apply for a particular Third Party Code. Unless applicable law gives you more rights, Microsoft reserves all other rights not expressly granted under such agreement(s), whether by implication, estoppel or otherwise.*/ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ .f-core-player html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .f-core-player audio, .f-core-player canvas, .f-core-player progress, .f-core-player video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .f-core-player img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; margin: 0; } .f-core-player button, .f-core-player input, .f-core-player optgroup, .f-core-player select, .f-core-player textarea { font: inherit; } .f-core-player button { overflow: visible; } .f-core-player button, .f-core-player select { text-transform: none; } .f-core-player button, .f-core-player html input[type="button"], .f-core-player input[type="reset"], .f-core-player input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .f-core-player input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: "MWF-MDL2"; src: url("http://approjects.co.za/?big=mwf/_h/v3.54/mwf.app/fonts/mwfmdl2-v3.54.woff") format("woff"), url("http://approjects.co.za/?big=mwf/_h/v3.54/mwf.app/fonts/mwfmdl2-v3.54.ttf") format("truetype"), url("http://approjects.co.za/?big=mwf/_h/v3.54/mwf.app/fonts/mwfmdl2-v3.54.svg") format("svg"); } @font-face { font-family: "SegoeUI"; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/normal/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/normal/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/normal/latest.ttf") format("ttf"); font-weight: 400; } @font-face { font-family: "SegoeUI"; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Light/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Light/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Light/latest.ttf") format("ttf"); font-weight: 100; } @font-face { font-family: "SegoeUI"; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Semilight/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Semilight/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Semilight/latest.ttf") format("ttf"); font-weight: 200; } @font-face { font-family: "SegoeUI"; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Semibold/latest.ttf") format("ttf"); font-weight: 600; } @font-face { font-family: "SegoeUI"; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Bold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Bold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/vietnamese/Bold/latest.ttf") format("ttf"); font-weight: 700; } .c-heading-1 { font-size: 62px; line-height: 72px; } .c-heading-2 { font-size: 46px; line-height: 56px; } .c-heading-3, .c-subheading-1 { font-size: 34px; line-height: 40px; } .c-heading-4, .c-subheading-2 { font-size: 24px; line-height: 28px; } .c-heading-5, .c-subheading-3, .c-paragraph-1 { font-size: 20px; line-height: 24px; } .c-heading-6, .c-subheading-4, .c-paragraph-2 { font-size: 18px; line-height: 24px; } .c-subheading-5, .c-subheading-6, .c-paragraph-3, .c-paragraph-4 { font-size: 15px; line-height: 20px; } .c-caption-1 { font-size: 13px; line-height: 16px; } .c-caption-2 { font-size: 11px; line-height: 16px; } .c-heading-1 { padding: 38px 0 6px; font-weight: 600; letter-spacing: -0.01em; } .c-heading-2 { padding: 37px 0 3px; font-weight: 600; letter-spacing: -0.01em; } .c-heading-3 { padding: 38px 0 2px; font-weight: 600; } .c-heading-4 { padding: 36px 0 4px; font-weight: 600; } .c-heading-5 { padding: 35px 0 5px; font-weight: 600; } .c-heading-6 { padding: 37px 0 3px; font-weight: 600; } .c-subheading-1 { padding: 12px 0 2px; font-weight: 600; } .c-subheading-2 { padding: 4px 0 8px; font-weight: 600; } .c-subheading-3 { padding: 8px 0 4px; font-weight: 600; } .c-subheading-4 { padding: 9px 0 3px; font-weight: 600; } .c-subheading-5, .c-subheading-6 { padding: 8px 0 0; font-weight: 600; } .c-paragraph-1 { padding: 24px 0 4px; font-weight: 200; } .c-paragraph-2 { padding: 25px 0 3px; font-weight: 200; } .c-paragraph-3 { padding: 24px 0 0; font-weight: 400; } .c-paragraph-4 { padding: 12px 0 0; font-weight: 400; } .c-caption-1 { padding: 3px 0 1px; font-weight: 400; } .c-caption-2 { padding: 4px 0 4px; font-weight: 400; } @media (max-width: 767px) { .c-heading-1 { font-size: 46px; line-height: 56px; } .c-heading-2 { font-size: 34px; line-height: 40px; } .c-heading-3, .c-subheading-1 { font-size: 26px; line-height: 32px; } .c-heading-4, .c-subheading-2 { font-size: 20px; line-height: 24px; } .c-heading-5, .c-subheading-3, .c-paragraph-1 { font-size: 18px; line-height: 24px; } .c-heading-6, .c-subheading-4, .c-paragraph-2 { font-size: 16px; line-height: 20px; } .c-caption-1 { font-size: 12px; line-height: 16px; } .c-caption-2 { font-size: 10px; line-height: 12px; } .c-heading-1 { padding: 37px 0 3px; } .c-heading-2 { padding: 38px 0 2px; } .c-heading-5 { padding: 37px 0 3px; } .c-heading-6 { padding: 39px 0 1px; } .c-subheading-1 { padding: 9px 0 3px; } .c-subheading-2 { padding: 8px 0 4px; } .c-subheading-3 { padding: 4px 0 4px; } .c-subheading-4 { padding: 7px 0 5px; } .c-paragraph-2 { padding: 27px 0 1px; } .c-caption-2 { padding: 2px 0 2px; } } html { box-sizing: border-box; } body { font-size: 15px; font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; min-width: 320px; } .c-video-player, .c-video-player:before, .c-video-player:after, .c-video-player *, .c-video-player *:before, .c-video-player *:after { box-sizing: inherit; } .theme-light { color: #000; background-color: #e6e6e6; } .theme-dark { color: #fff; background-color: #333; } h1, h2, h3, h4, h5, h6, ol, p, ul { margin-top: 0; margin-bottom: 0; } ol, ul { padding: 0; list-style: none; } .f-core-player audio, .f-core-player canvas, .f-core-player img, .f-core-player video { vertical-align: middle; } address { font: inherit; } dl, dd, figure { margin: 0; } .f-core-player a:link, .f-core-player a:focus, .f-core-player a:hover, .f-core-player a:active, .f-core-player a:visited { text-decoration: none; color: inherit; } q, em, i, var { font-style: italic; } strong, b { font-weight: 700; } mark { background: #fff100; padding: 1px 4px 2px; } @media screen and (-ms-high-contrast: active) { mark { outline: 1px solid; color: inherit; } } del, s { color: rgba(0, 0, 0, 0.6); } .theme-light del, .theme-dark .theme-light del, .theme-light s, .theme-dark .theme-light s { color: rgba(0, 0, 0, 0.6); } .theme-dark del, .theme-light .theme-dark del, .theme-dark s, .theme-light .theme-dark s { color: rgba(255, 255, 255, 0.6); } u, ins { text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.6); } .theme-light u, .theme-dark .theme-light u, .theme-light ins, .theme-dark .theme-light ins { border-bottom: 1px solid rgba(0, 0, 0, 0.6); } .theme-dark u, .theme-light .theme-dark u, .theme-dark ins, .theme-light .theme-dark ins { border-bottom: 1px solid rgba(255, 255, 255, 0.6); } small, sub, sup { font-size: 0.8em; } abbr, dfn { font-style: normal; border-bottom: 1px dotted rgba(0, 0, 0, 0.6); } .theme-light abbr, .theme-dark .theme-light abbr, .theme-light dfn, .theme-dark .theme-light dfn { border-bottom: 1px dotted rgba(0, 0, 0, 0.6); } .theme-dark abbr, .theme-light .theme-dark abbr, .theme-dark dfn, .theme-light .theme-dark dfn { border-bottom: 1px dotted rgba(255, 255, 255, 0.6); } cite, time { font-style: normal; } code, pre, kbd, samp { font-family: Consolas, "Courier New", Courier, monospace; } kbd { border-radius: 2px; padding: 1px 4px 2px; background: rgba(0, 0, 0, 0.6); color: #fff; } kbd kbd { padding: 0; } .theme-light kbd, .theme-dark .theme-light kbd { background: rgba(0, 0, 0, 0.6); color: #fff; } .theme-dark kbd, .theme-light .theme-dark kbd { background: rgba(255, 255, 255, 0.6); color: #000; } bdo { direction: rtl; } input, input[type="search"] { border-radius: 0; appearance: none; } div[data-module-id] { min-height: 1px; } fieldset { border: 0; margin: 0; padding: 0; } [class^="c-"] .x-hidden-focus, [class^="c-"] .x-hidden-focus:before, [class^="c-"] .x-hidden-focus + span:before, [class^="c-"].x-hidden-focus, [class^="c-"].x-hidden-focus:before, [class^="c-"].x-hidden-focus + span:before, [class^="m-"] .x-hidden-focus, [class^="m-"] .x-hidden-focus:before, [class^="m-"] .x-hidden-focus + span:before, [class^="m-"].x-hidden-focus, [class^="m-"].x-hidden-focus:before, [class^="m-"].x-hidden-focus + span:before { outline-color: transparent !important; outline-style: none !important; } @keyframes fadeIn { 0% { opacity: 0; } 1% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 1% { opacity: 1; } 100% { opacity: 0; } } .x-hidden { display: none !important; } .x-visible-block { display: block !important; } .x-visible-inline-block { display: inline-block !important; } .x-visible-inline { display: inline !important; } @media all and (max-width: 539px) { .x-visible-vp1-block { display: block !important; } .x-visible-vp1-inline { display: inline !important; } .x-visible-vp1-inline-block { display: inline-block !important; } .x-hidden-vp1 { display: none !important; } } @media all and (min-width: 540px) and (max-width: 767px) { .x-visible-vp2-block { display: block !important; } .x-visible-vp2-inline { display: inline !important; } .x-visible-vp2-inline-block { display: inline-block !important; } .x-hidden-vp2 { display: none !important; } } @media all and (min-width: 768px) and (max-width: 1083px) { .x-visible-vp3-block { display: block !important; } .x-visible-vp3-inline { display: inline !important; } .x-visible-vp3-inline-block { display: inline-block !important; } .x-hidden-vp3 { display: none !important; } } @media all and (min-width: 1084px) and (max-width: 1399px) { .x-visible-vp4-block { display: block !important; } .x-visible-vp4-inline { display: inline !important; } .x-visible-vp4-inline-block { display: inline-block !important; } .x-hidden-vp4 { display: none !important; } } @media all and (min-width: 1400px) { .x-visible-vp5-block { display: block !important; } .x-visible-vp5-inline { display: inline !important; } .x-visible-vp5-inline-block { display: inline-block !important; } .x-hidden-vp5 { display: none !important; } } .x-screen-reader { position: absolute !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; width: 1px !important; height: 1px !important; border: 0 !important; padding: 0 !important; margin: 0 !important; } button.c-action-trigger, a.c-action-trigger { font-size: 15px; max-width: 374px; min-width: 36px; display: inline-block; margin-top: 12px; padding: 6px 0 8px; color: #0067b8; border: solid 1px transparent; background: none; overflow: hidden; white-space: nowrap; vertical-align: bottom; outline: none; } button.c-action-trigger:focus:not(.x-hidden-focus), a.c-action-trigger:focus:not(.x-hidden-focus) { outline: transparent; background: rgba(0, 103, 184, 0.1) content-box; } button.c-action-trigger:focus:not(.x-hidden-focus), button.c-action-trigger:hover, a.c-action-trigger:focus:not(.x-hidden-focus), a.c-action-trigger:hover { color: #005da6; text-decoration: underline; } button.c-action-trigger:active, a.c-action-trigger:active { background: none; color: #005293; -ms-transform: none; -webkit-transform: none; transform: none; } button.c-action-trigger.x-hidden-focus:not(:hover), a.c-action-trigger.x-hidden-focus:not(:hover) { background: none !important; text-decoration: none !important; outline-color: transparent !important; } .theme-light button.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-action-trigger:focus:not(.x-hidden-focus), .theme-light a.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-action-trigger:focus:not(.x-hidden-focus) { background: rgba(0, 0, 0, 0.1) content-box; } .theme-light button.c-action-trigger:focus:not(.x-hidden-focus), .theme-light button.c-action-trigger:hover, .theme-dark .theme-light button.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-action-trigger:hover, .theme-light a.c-action-trigger:focus:not(.x-hidden-focus), .theme-light a.c-action-trigger:hover, .theme-dark .theme-light a.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-action-trigger:hover { color: rgba(0, 0, 0, 0.9); } .theme-light button.c-action-trigger:active, .theme-dark .theme-light button.c-action-trigger:active, .theme-light a.c-action-trigger:active, .theme-dark .theme-light a.c-action-trigger:active { color: rgba(0, 0, 0, 0.8); } .theme-light button.c-action-trigger.x-hidden-focus:not(:hover), .theme-dark .theme-light button.c-action-trigger.x-hidden-focus:not(:hover), .theme-light a.c-action-trigger.x-hidden-focus:not(:hover), .theme-dark .theme-light a.c-action-trigger.x-hidden-focus:not(:hover) { background: none !important; text-decoration: none !important; outline-color: transparent !important; } .theme-dark button.c-action-trigger:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark a.c-action-trigger:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-action-trigger:focus:not(.x-hidden-focus) { background: rgba(255, 255, 255, 0.1) content-box; } .theme-dark button.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark button.c-action-trigger:hover, .theme-light .theme-dark button.c-action-trigger:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-action-trigger:hover, .theme-dark a.c-action-trigger:focus:not(.x-hidden-focus), .theme-dark a.c-action-trigger:hover, .theme-light .theme-dark a.c-action-trigger:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-action-trigger:hover { color: #e6e6e6; } .theme-dark button.c-action-trigger:active, .theme-light .theme-dark button.c-action-trigger:active, .theme-dark a.c-action-trigger:active, .theme-light .theme-dark a.c-action-trigger:active { color: #ccc; } .theme-dark button.c-action-trigger.x-hidden-focus:not(:hover), .theme-light .theme-dark button.c-action-trigger.x-hidden-focus:not(:hover), .theme-dark a.c-action-trigger.x-hidden-focus:not(:hover), .theme-light .theme-dark a.c-action-trigger.x-hidden-focus:not(:hover) { background: none !important; text-decoration: none !important; outline-color: transparent !important; } button.c-action-trigger:focus:not(.x-hidden-focus), a.c-action-trigger:focus:not(.x-hidden-focus) { outline: 1px dashed #fff; } button.c-action-trigger[disabled], a.c-action-trigger[disabled] { color: rgba(0, 0, 0, 0.2); cursor: not-allowed; } button.c-action-trigger[disabled]:hover, a.c-action-trigger[disabled]:hover { text-decoration: none; } button.c-action-trigger.c-glyph, a.c-action-trigger.c-glyph { min-width: 120px; padding-right: 10px; } button.c-action-trigger.c-glyph:before, a.c-action-trigger.c-glyph:before { width: 16px; height: 16px; margin-left: 10px; margin-right: 10px; vertical-align: middle; line-height: 15px; } button.c-action-trigger.c-glyph[aria-label], a.c-action-trigger.c-glyph[aria-label] { min-width: 0; margin-right: 10px; padding-right: 0; } button.c-action-trigger.c-glyph.f-align-margin, a.c-action-trigger.c-glyph.f-align-margin { margin-left: -10px; } button.c-action-trigger.f-heavyweight, a.c-action-trigger.f-heavyweight { padding: 6px 10px 8px; border: 2px solid transparent; color: #fff; background: #0067b8; transition: scale 0.2s ease-in-out; } button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) { background: #0067b8 !important; text-decoration: #fff !important; outline-color: #000 !important; } button.c-action-trigger.f-heavyweight.c-glyph, a.c-action-trigger.f-heavyweight.c-glyph { padding-left: 0; } button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) { color: #fff; outline: 2px solid #000; text-decoration: underline; } button.c-action-trigger.f-heavyweight:hover, a.c-action-trigger.f-heavyweight:hover { text-decoration: none; } button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), button.c-action-trigger.f-heavyweight:hover, a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), a.c-action-trigger.f-heavyweight:hover { background: #005da6; } button.c-action-trigger.f-heavyweight:active, a.c-action-trigger.f-heavyweight:active { background: #005293; -ms-transform: scale(0.98); -webkit-transform: scale(0.98); transform: scale(0.98); } button.c-action-trigger.f-heavyweight[disabled], a.c-action-trigger.f-heavyweight[disabled] { cursor: not-allowed; border-color: transparent; background: #cce1f1; color: rgba(0, 0, 0, 0.2); } .theme-light button.c-action-trigger, .theme-dark .theme-light button.c-action-trigger, .theme-light a.c-action-trigger, .theme-dark .theme-light a.c-action-trigger { color: #000; background: transparent; } .theme-light button.c-action-trigger[disabled], .theme-dark .theme-light button.c-action-trigger[disabled], .theme-light a.c-action-trigger[disabled], .theme-dark .theme-light a.c-action-trigger[disabled] { color: rgba(0, 0, 0, 0.2); cursor: not-allowed; } .theme-light button.c-action-trigger.f-heavyweight, .theme-dark .theme-light button.c-action-trigger.f-heavyweight, .theme-light a.c-action-trigger.f-heavyweight, .theme-dark .theme-light a.c-action-trigger.f-heavyweight { color: #fff; background: #000; } .theme-light button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-dark .theme-light button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-light a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-dark .theme-light a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) { background: #000 !important; text-decoration: #fff !important; outline-color: #000 !important; } .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) { color: #fff; outline-color: #fff; } .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light button.c-action-trigger.f-heavyweight:hover, .theme-dark .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-action-trigger.f-heavyweight:hover, .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light a.c-action-trigger.f-heavyweight:hover, .theme-dark .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-action-trigger.f-heavyweight:hover { background: #1a1a1a; } .theme-light button.c-action-trigger.f-heavyweight:active, .theme-dark .theme-light button.c-action-trigger.f-heavyweight:active, .theme-light a.c-action-trigger.f-heavyweight:active, .theme-dark .theme-light a.c-action-trigger.f-heavyweight:active { background: #333; } .theme-light button.c-action-trigger.f-heavyweight[disabled], .theme-dark .theme-light button.c-action-trigger.f-heavyweight[disabled], .theme-light a.c-action-trigger.f-heavyweight[disabled], .theme-dark .theme-light a.c-action-trigger.f-heavyweight[disabled] { background: #ccc; border-color: transparent; color: rgba(0, 0, 0, 0.2); } .theme-dark button.c-action-trigger, .theme-light .theme-dark button.c-action-trigger, .theme-dark a.c-action-trigger, .theme-light .theme-dark a.c-action-trigger { color: #fff; background: transparent; } .theme-dark button.c-action-trigger[disabled], .theme-light .theme-dark button.c-action-trigger[disabled], .theme-dark a.c-action-trigger[disabled], .theme-light .theme-dark a.c-action-trigger[disabled] { color: rgba(255, 255, 255, 0.6); cursor: not-allowed; } .theme-dark button.c-action-trigger.f-heavyweight, .theme-light .theme-dark button.c-action-trigger.f-heavyweight, .theme-dark a.c-action-trigger.f-heavyweight, .theme-light .theme-dark a.c-action-trigger.f-heavyweight { color: #000; background: #fff; } .theme-dark button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-light .theme-dark button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-dark a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover), .theme-light .theme-dark a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) { background: #fff !important; text-decoration: #fff !important; outline-color: #000 !important; } .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) { color: #000; outline-color: #000; } .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark button.c-action-trigger.f-heavyweight:hover, .theme-light .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-action-trigger.f-heavyweight:hover, .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-dark a.c-action-trigger.f-heavyweight:hover, .theme-light .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-action-trigger.f-heavyweight:hover { background: #e6e6e6; } .theme-dark button.c-action-trigger.f-heavyweight:active, .theme-light .theme-dark button.c-action-trigger.f-heavyweight:active, .theme-dark a.c-action-trigger.f-heavyweight:active, .theme-light .theme-dark a.c-action-trigger.f-heavyweight:active { background: #ccc; } .theme-dark button.c-action-trigger.f-heavyweight[disabled], .theme-light .theme-dark button.c-action-trigger.f-heavyweight[disabled], .theme-dark a.c-action-trigger.f-heavyweight[disabled], .theme-light .theme-dark a.c-action-trigger.f-heavyweight[disabled] { background: #4d4d4d; border-color: transparent; color: rgba(255, 255, 255, 0.2); } button.c-button, a.c-button { font-size: 15px; max-width: 374px; min-width: 120px; padding: 9px 12px 10px; margin-top: 12px; display: inline-block; color: #000; text-align: center; line-height: 1; box-shadow: 0 4px 8px 0 transparent; cursor: pointer; overflow: hidden; transition: all 0.2s ease-in-out; vertical-align: bottom; white-space: nowrap; border: solid 1px transparent; background-color: rgba(0, 0, 0, 0.2); } button.c-button:focus:not(.x-hidden-focus), a.c-button:focus:not(.x-hidden-focus) { outline: 2px solid #000; text-decoration: underline; } button.c-button:focus:not(.x-hidden-focus), button.c-button:hover, a.c-button:focus:not(.x-hidden-focus), a.c-button:hover { background: rgba(0, 0, 0, 0.3); } button.c-button:focus:not(.x-hidden-focus):not(.f-lightweight):not([disabled]), button.c-button:hover:not(.f-lightweight):not([disabled]), a.c-button:focus:not(.x-hidden-focus):not(.f-lightweight):not([disabled]), a.c-button:hover:not(.f-lightweight):not([disabled]) { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } button.c-button:active, a.c-button:active { background: rgba(0, 0, 0, 0.4); -ms-transform: scale(0.98); -webkit-transform: scale(0.98); transform: scale(0.98); } button.c-button[disabled], a.c-button[disabled] { color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2); cursor: not-allowed; } button.c-button > .c-price, a.c-button > .c-price { padding: 0; text-align: center; } .theme-light button.c-button, .theme-dark .theme-light button.c-button, .theme-light a.c-button, .theme-dark .theme-light a.c-button { background-color: transparent; color: #000; border-color: #000; } .theme-light button.c-button:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-button:focus:not(.x-hidden-focus), .theme-light a.c-button:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-button:focus:not(.x-hidden-focus) { outline: 1px solid #000; } .theme-light button.c-button:focus:not(.x-hidden-focus), .theme-light button.c-button:hover, .theme-dark .theme-light button.c-button:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-button:hover, .theme-light a.c-button:focus:not(.x-hidden-focus), .theme-light a.c-button:hover, .theme-dark .theme-light a.c-button:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-button:hover { background: #ccc; } .theme-light button.c-button:active, .theme-dark .theme-light button.c-button:active, .theme-light a.c-button:active, .theme-dark .theme-light a.c-button:active { background: #b3b3b3; } .theme-light button.c-button[disabled], .theme-dark .theme-light button.c-button[disabled], .theme-light a.c-button[disabled], .theme-dark .theme-light a.c-button[disabled] { color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2); border-color: rgba(0, 0, 0, 0.2); } .theme-dark button.c-button, .theme-light .theme-dark button.c-button, .theme-dark a.c-button, .theme-light .theme-dark a.c-button { background-color: transparent; color: #fff; border-color: #fff; } .theme-dark button.c-button:focus, .theme-light .theme-dark button.c-button:focus, .theme-dark a.c-button:focus, .theme-light .theme-dark a.c-button:focus { outline: 1px solid #fff; } .theme-dark button.c-button:focus:not(.x-hidden-focus), .theme-dark button.c-button:hover, .theme-light .theme-dark button.c-button:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-button:hover, .theme-dark a.c-button:focus:not(.x-hidden-focus), .theme-dark a.c-button:hover, .theme-light .theme-dark a.c-button:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-button:hover { background: #1a1a1a; } .theme-dark button.c-button:active, .theme-light .theme-dark button.c-button:active, .theme-dark a.c-button:active, .theme-light .theme-dark a.c-button:active { background: #000; } .theme-dark button.c-button[disabled], .theme-light .theme-dark button.c-button[disabled], .theme-dark a.c-button[disabled], .theme-light .theme-dark a.c-button[disabled] { color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } button.c-button.f-lightweight, a.c-button.f-lightweight { color: #0067b8; background: transparent; border: 0; padding: 10px 12px 11px; } button.c-button.f-lightweight:focus:not(.x-hidden-focus), a.c-button.f-lightweight:focus:not(.x-hidden-focus) { outline: transparent; background: rgba(0, 103, 184, 0.1) content-box; } button.c-button.f-lightweight:focus:not(.x-hidden-focus), button.c-button.f-lightweight:hover, a.c-button.f-lightweight:focus:not(.x-hidden-focus), a.c-button.f-lightweight:hover { color: #005da6; text-decoration: underline; } button.c-button.f-lightweight:active, a.c-button.f-lightweight:active { background: none; color: #005293; -ms-transform: none; -webkit-transform: none; transform: none; } button.c-button.f-lightweight.x-hidden-focus:not(:hover), a.c-button.f-lightweight.x-hidden-focus:not(:hover) { background: none !important; text-decoration: none !important; outline-color: transparent !important; } .theme-light button.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-light a.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-button.f-lightweight:focus:not(.x-hidden-focus) { background: rgba(0, 0, 0, 0.1) content-box; } .theme-light button.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-light button.c-button.f-lightweight:hover, .theme-dark .theme-light button.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-button.f-lightweight:hover, .theme-light a.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-light a.c-button.f-lightweight:hover, .theme-dark .theme-light a.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-button.f-lightweight:hover { color: rgba(0, 0, 0, 0.9); } .theme-light button.c-button.f-lightweight:active, .theme-dark .theme-light button.c-button.f-lightweight:active, .theme-light a.c-button.f-lightweight:active, .theme-dark .theme-light a.c-button.f-lightweight:active { color: rgba(0, 0, 0, 0.8); } .theme-light button.c-button.f-lightweight.x-hidden-focus:not(:hover), .theme-dark .theme-light button.c-button.f-lightweight.x-hidden-focus:not(:hover), .theme-light a.c-button.f-lightweight.x-hidden-focus:not(:hover), .theme-dark .theme-light a.c-button.f-lightweight.x-hidden-focus:not(:hover) { background: none !important; text-decoration: none !important; outline-color: transparent !important; } .theme-dark button.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-dark a.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-button.f-lightweight:focus:not(.x-hidden-focus) { background: rgba(255, 255, 255, 0.1) content-box; } .theme-dark button.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-dark button.c-button.f-lightweight:hover, .theme-light .theme-dark button.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-button.f-lightweight:hover, .theme-dark a.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-dark a.c-button.f-lightweight:hover, .theme-light .theme-dark a.c-button.f-lightweight:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-button.f-lightweight:hover { color: #e6e6e6; } .theme-dark button.c-button.f-lightweight:active, .theme-light .theme-dark button.c-button.f-lightweight:active, .theme-dark a.c-button.f-lightweight:active, .theme-light .theme-dark a.c-button.f-lightweight:active { color: #ccc; } .theme-dark button.c-button.f-lightweight.x-hidden-focus:not(:hover), .theme-light .theme-dark button.c-button.f-lightweight.x-hidden-focus:not(:hover), .theme-dark a.c-button.f-lightweight.x-hidden-focus:not(:hover), .theme-light .theme-dark a.c-button.f-lightweight.x-hidden-focus:not(:hover) { background: none !important; text-decoration: none !important; outline-color: transparent !important; } button.c-button.f-lightweight:focus:not(.x-hidden-focus), a.c-button.f-lightweight:focus:not(.x-hidden-focus) { outline: 0; } button.c-button.f-lightweight[disabled], a.c-button.f-lightweight[disabled] { color: rgba(0, 0, 0, 0.2); text-decoration: none; cursor: not-allowed; } .theme-light button.c-button.f-lightweight, .theme-dark .theme-light button.c-button.f-lightweight, .theme-light a.c-button.f-lightweight, .theme-dark .theme-light a.c-button.f-lightweight { color: #000; background: transparent; } .theme-light button.c-button.f-lightweight[disabled], .theme-dark .theme-light button.c-button.f-lightweight[disabled], .theme-light a.c-button.f-lightweight[disabled], .theme-dark .theme-light a.c-button.f-lightweight[disabled] { color: rgba(0, 0, 0, 0.4); background: transparent; } .theme-dark button.c-button.f-lightweight, .theme-light .theme-dark button.c-button.f-lightweight, .theme-dark a.c-button.f-lightweight, .theme-light .theme-dark a.c-button.f-lightweight { color: #fff; background: transparent; } .theme-dark button.c-button.f-lightweight[disabled], .theme-light .theme-dark button.c-button.f-lightweight[disabled], .theme-dark a.c-button.f-lightweight[disabled], .theme-light .theme-dark a.c-button.f-lightweight[disabled] { color: rgba(255, 255, 255, 0.4); background: transparent; } @media screen and (-ms-high-contrast: active) { button.c-button.f-lightweight:focus:not(.x-hidden-focus), a.c-button.f-lightweight:focus:not(.x-hidden-focus) { outline: 1px dashed #fff; } } button.c-button.f-flex, a.c-button.f-flex { width: 100%; max-width: 100%; white-space: normal; } button.c-button.f-primary, a.c-button.f-primary, button.c-button[type="submit"] { color: #fff; background-color: #0067b8; } button.c-button.f-primary:focus:not(.x-hidden-focus), a.c-button.f-primary:focus:not(.x-hidden-focus), button.c-button[type="submit"]:focus:not(.x-hidden-focus) { outline: 2px solid #000; } button.c-button.f-primary:focus:not(.x-hidden-focus), button.c-button.f-primary:hover, a.c-button.f-primary:focus:not(.x-hidden-focus), a.c-button.f-primary:hover, button.c-button[type="submit"]:focus:not(.x-hidden-focus), button.c-button[type="submit"]:hover { background: #005da6; } button.c-button.f-primary:active, a.c-button.f-primary:active, button.c-button[type="submit"]:active { background: #005293; -ms-transform: scale(0.98); -webkit-transform: scale(0.98); transform: scale(0.98); } button.c-button.f-primary[disabled], a.c-button.f-primary[disabled], button.c-button[type="submit"][disabled] { color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 103, 184, 0.2); border-color: transparent; } .theme-light button.c-button.f-primary, .theme-dark .theme-light button.c-button.f-primary, .theme-light a.c-button.f-primary, .theme-dark .theme-light a.c-button.f-primary, .theme-light button.c-button[type="submit"], .theme-dark .theme-light button.c-button[type="submit"] { color: #fff; background-color: #000; border-color: transparent; } .theme-light button.c-button.f-primary:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-button.f-primary:focus:not(.x-hidden-focus), .theme-light a.c-button.f-primary:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-button.f-primary:focus:not(.x-hidden-focus), .theme-light button.c-button[type="submit"]:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-button[type="submit"]:focus:not(.x-hidden-focus) { outline-color: #fff; } .theme-light button.c-button.f-primary:focus:not(.x-hidden-focus), .theme-light button.c-button.f-primary:hover, .theme-dark .theme-light button.c-button.f-primary:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-button.f-primary:hover, .theme-light a.c-button.f-primary:focus:not(.x-hidden-focus), .theme-light a.c-button.f-primary:hover, .theme-dark .theme-light a.c-button.f-primary:focus:not(.x-hidden-focus), .theme-dark .theme-light a.c-button.f-primary:hover, .theme-light button.c-button[type="submit"]:focus:not(.x-hidden-focus), .theme-light button.c-button[type="submit"]:hover, .theme-dark .theme-light button.c-button[type="submit"]:focus:not(.x-hidden-focus), .theme-dark .theme-light button.c-button[type="submit"]:hover { background: #1a1a1a; } .theme-light button.c-button.f-primary:active, .theme-dark .theme-light button.c-button.f-primary:active, .theme-light a.c-button.f-primary:active, .theme-dark .theme-light a.c-button.f-primary:active, .theme-light button.c-button[type="submit"]:active, .theme-dark .theme-light button.c-button[type="submit"]:active { background: #333; } .theme-light button.c-button.f-primary[disabled], .theme-dark .theme-light button.c-button.f-primary[disabled], .theme-light a.c-button.f-primary[disabled], .theme-dark .theme-light a.c-button.f-primary[disabled], .theme-light button.c-button[type="submit"][disabled], .theme-dark .theme-light button.c-button[type="submit"][disabled] { background-color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2); } .theme-dark button.c-button.f-primary, .theme-light .theme-dark button.c-button.f-primary, .theme-dark a.c-button.f-primary, .theme-light .theme-dark a.c-button.f-primary, .theme-dark button.c-button[type="submit"], .theme-light .theme-dark button.c-button[type="submit"] { color: #000; background-color: #fff; border-color: transparent; } .theme-dark button.c-button.f-primary:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-button.f-primary:focus:not(.x-hidden-focus), .theme-dark a.c-button.f-primary:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-button.f-primary:focus:not(.x-hidden-focus), .theme-dark button.c-button[type="submit"]:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-button[type="submit"]:focus:not(.x-hidden-focus) { outline-color: #000; } .theme-dark button.c-button.f-primary:focus:not(.x-hidden-focus), .theme-dark button.c-button.f-primary:hover, .theme-light .theme-dark button.c-button.f-primary:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-button.f-primary:hover, .theme-dark a.c-button.f-primary:focus:not(.x-hidden-focus), .theme-dark a.c-button.f-primary:hover, .theme-light .theme-dark a.c-button.f-primary:focus:not(.x-hidden-focus), .theme-light .theme-dark a.c-button.f-primary:hover, .theme-dark button.c-button[type="submit"]:focus:not(.x-hidden-focus), .theme-dark button.c-button[type="submit"]:hover, .theme-light .theme-dark button.c-button[type="submit"]:focus:not(.x-hidden-focus), .theme-light .theme-dark button.c-button[type="submit"]:hover { background: #e6e6e6; } .theme-dark button.c-button.f-primary:active, .theme-light .theme-dark button.c-button.f-primary:active, .theme-dark a.c-button.f-primary:active, .theme-light .theme-dark a.c-button.f-primary:active, .theme-dark button.c-button[type="submit"]:active, .theme-light .theme-dark button.c-button[type="submit"]:active { background: #ccc; } .theme-dark button.c-button.f-primary[disabled], .theme-light .theme-dark button.c-button.f-primary[disabled], .theme-dark a.c-button.f-primary[disabled], .theme-light .theme-dark a.c-button.f-primary[disabled], .theme-dark button.c-button[type="submit"][disabled], .theme-light .theme-dark button.c-button[type="submit"][disabled] { background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.2); } .c-glyph { font-style: normal; } .c-glyph:before, .c-glyph:after { font-family: "MWF-MDL2"; display: inline-block; text-decoration: underline; } .c-glyph:before, .c-glyph:after, .c-glyph:hover:before, .c-glyph:hover:after { text-decoration: none; } .c-glyph.glyph-accept:before { content: ""; } .c-glyph.glyph-add:before { content: ""; } .c-glyph.glyph-settings:before { content: ""; } .c-glyph.glyph-people:before { content: ""; } .c-glyph.glyph-microphone:before { content: ""; } .c-glyph.glyph-camera:before { content: ""; } .c-glyph.glyph-forward:before { content: ""; } .c-glyph.glyph-remove:before { content: ""; } .c-glyph.glyph-down:before { content: ""; } .c-glyph.glyph-back-to-window:before { content: ""; } .c-glyph.glyph-cancel:before { content: ""; } .c-glyph.glyph-cellphone:before { content: ""; } .c-glyph.glyph-chat-bubbles:before { content: ""; } .c-glyph.glyph-check-mark:before { content: ""; } .c-glyph.glyph-chevron-down:before { content: ""; } .c-glyph.glyph-chevron-left:before { content: ""; } .c-glyph.glyph-chevron-right:before { content: ""; } .c-glyph.glyph-chevron-up:before { content: ""; } .c-glyph.glyph-completed:before { content: ""; } .c-glyph.glyph-contact:before { content: ""; } .c-glyph.glyph-copy:before { content: ""; } .c-glyph.glyph-delete:before { content: ""; } .c-glyph.glyph-download:before { content: ""; } .c-glyph.glyph-edit:before { content: ""; } .c-glyph.glyph-emoji-neutral:before { content: ""; } .c-glyph.glyph-emoji-disappointed:before { content: ""; } .c-glyph.glyph-feedback:before { content: ""; } .c-glyph.glyph-filter:before { content: ""; } .c-glyph.glyph-flag:before { content: ""; } .c-glyph.glyph-full-screen:before { content: ""; } .c-glyph.glyph-global-nav-button:before { content: ""; } .c-glyph.glyph-heart-fill:before { content: ""; } .c-glyph.glyph-arrow-htmllegacy:before { content: ""; } .c-glyph.glyph-arrow-htmllegacy-mirrored:before { content: ""; } .c-glyph.glyph-gift:before { content: ""; } .c-glyph.glyph-incident-triangle:before { content: ""; } .c-glyph.glyph-info:before { content: ""; } .c-glyph.glyph-list:before { content: ""; } .c-glyph.glyph-mail:before { content: ""; } .c-glyph.glyph-more:before { content: ""; } .c-glyph.glyph-mute:before { content: ""; } .c-glyph.glyph-pause:before { content: ""; } .c-glyph.glyph-pc1:before { content: ""; } .c-glyph.glyph-phone:before { content: ""; } .c-glyph.glyph-play:before { content: ""; } .c-glyph.glyph-refresh:before { content: ""; } .c-glyph.glyph-save:before { content: ""; } .c-glyph.glyph-search:before { content: ""; } .c-glyph.glyph-share:before { content: ""; } .c-glyph.glyph-shopping-bag:before { content: ""; } .c-glyph.glyph-shopping-cart:before { content: ""; } .c-glyph.glyph-subtitles:before { content: ""; } .c-glyph.glyph-surface-hub:before { content: ""; } .c-glyph.glyph-this-pc:before { content: ""; } .c-glyph.glyph-up:before { content: ""; } .c-glyph.glyph-volume:before { content: ""; } .c-glyph.glyph-waffle:before { content: ""; } .c-glyph.glyph-warning:before { content: ""; } .c-glyph.glyph-world:before { content: ""; } .c-glyph.glyph-xbox-one-console:before { content: ""; } .c-glyph.glyph-lock:before { content: ""; } .c-glyph.glyph-system:before { content: ""; } .c-glyph.glyph-globe:before { content: ""; } .c-glyph.glyph-tv-monitor:before { content: ""; } .c-glyph.glyph-headphone:before { content: ""; } .c-glyph.glyph-folder-open:before { content: ""; } .c-glyph.glyph-movies:before { content: ""; } .c-glyph.glyph-folder:before { content: ""; } .c-glyph.glyph-payment-card:before { content: ""; } .c-glyph.glyph-mobile-tablet:before { content: ""; } .c-glyph.glyph-tag:before { content: ""; } .c-glyph.glyph-add-friend:before { content: ""; } .c-glyph.glyph-group:before { content: ""; } .c-glyph.glyph-repair:before { content: ""; } .c-glyph.glyph-music-in-collection:before { content: ""; } .c-glyph.glyph-list-mirrored:before { content: ""; } .c-glyph.glyph-ticket:before { content: ""; } .c-glyph.glyph-photo2:before { content: ""; } .c-glyph.glyph-holo-lens:before { content: ""; } .c-glyph.glyph-app-icon-default:before { content: ""; } .c-glyph.glyph-subscriptions:before { content: ""; } .c-glyph.glyph-subscriptions-mirrored:before { content: ""; } .c-glyph.glyph-status-circle-exclamation:before { content: ""; } .c-glyph.glyph-status-circle-error:before { content: ""; } .c-glyph.glyph-status-circle-check:before { content: ""; } .c-glyph.glyph-status-circle-info:before { content: ""; } .c-glyph.glyph-status-circle-block:before { content: ""; } .c-glyph.glyph-status-circle-question:before { content: ""; } .c-glyph.glyph-zoom:before { content: ""; } .c-glyph.glyph-zoom-out:before { content: ""; } .c-glyph.glyph-back:before { content: ""; } .c-glyph.glyph-favorite-star:before { content: ""; } .c-glyph.glyph-favorite-star-fill:before { content: ""; } .c-glyph.glyph-checkbox-composite:before { content: ""; } .c-glyph.glyph-checkbox-indeterminate:before { content: ""; } .c-glyph.glyph-slideshow:before { content: ""; } .c-glyph.glyph-calendar:before { content: ""; } .c-glyph.glyph-rotate:before { content: ""; } .c-glyph.glyph-page:before { content: ""; } .c-glyph.glyph-half-star-left:before { content: ""; } .c-glyph.glyph-half-star-right:before { content: ""; } .c-glyph.glyph-view:before { content: ""; } .c-glyph.glyph-previous:before { content: ""; } .c-glyph.glyph-next:before { content: ""; } .c-glyph.glyph-clear:before { content: ""; } .c-glyph.glyph-sync:before { content: ""; } .c-glyph.glyph-go:before { content: ""; } .c-glyph.glyph-shopping-bag:before { content: ""; } .c-glyph.glyph-shuffle:before { content: ""; } .c-glyph.glyph-calendar-day:before { content: ""; } .c-glyph.glyph-calendar-week:before { content: ""; } .c-glyph.glyph-important:before { content: ""; } .c-glyph.glyph-sort:before { content: ""; } .c-glyph.glyph-font-decrease:before { content: ""; } .c-glyph.glyph-font-increase:before { content: ""; } .c-glyph.glyph-bulleted-list:before { content: ""; } .c-glyph.glyph-music-album:before { content: ""; } .c-glyph.glyph-bulleted-list-mirrored:before { content: ""; } .c-glyph.glyph-go-mirrored:before { content: ""; } .c-glyph.glyph-edit-mirrored:before { content: ""; } .c-glyph.glyph-qrcode:before { content: ""; } .c-glyph.glyph-calendar-mirrored:before { content: ""; } .c-glyph.glyph-xbox-gamepass:before { content: ""; } .c-glyph.glyph-xbox-gold:before { content: ""; } .c-glyph.glyph-pinned:before { content: ""; } .c-glyph.glyph-gamehub:before { content: ""; } .c-glyph.glyph-xbox-logo:before { content: ""; } .c-glyph.glyph-devices2:before { content: ""; } .c-glyph.glyph-devices3:before { content: ""; } .c-glyph.glyph-holo-lens2:before { content: ""; } .c-glyph.glyph-circleplus:before { content: ""; } .c-glyph.glyph-remove-from:before { content: ""; } .c-glyph.glyph-airplane:before { content: ""; } .c-glyph.glyph-book:before { content: ""; } .c-glyph.glyph-library:before { content: ""; } .c-glyph.glyph-work:before { content: ""; } .c-glyph.glyph-heart:before { content: ""; } .c-glyph.glyph-shop:before { content: ""; } .c-glyph.glyph-education:before { content: ""; } .c-glyph.glyph-balloons:before { content: ""; } .c-glyph.glyph-leaf:before { content: ""; } .c-glyph.glyph-xbox-controller:before { content: ""; } .c-glyph.glyph-camera-main:before { content: ""; } .c-glyph.glyph-telemarketer:before { content: ""; } .c-glyph.glyph-video:before { content: ""; } .c-glyph.glyph-diploma:before { content: ""; } .c-glyph.glyph-podium:before { content: ""; } .c-glyph.glyph-giftcard:before { content: ""; } .c-glyph.glyph-brush:before { content: ""; } .c-glyph.glyph-enhanced-pop:before { content: ""; } .c-glyph.glyph-color-palette:before { content: ""; } .c-glyph.glyph-torch:before { content: ""; } .c-glyph.glyph-movies-tv:before { content: ""; } .c-glyph.glyph-football:before { content: ""; } .c-glyph.glyph-savings:before { content: ""; } .c-glyph.glyph-glasses:before { content: ""; } .c-glyph.glyph-money:before { content: ""; } .c-glyph.glyph-trophy:before { content: ""; } img.c-image, picture.c-image img { display: block; margin: 0; max-width: 100%; height: auto; } img.c-image.f-round { border-radius: 50%; } picture.c-image { display: block; } picture.c-image.f-pad-bottom-3x, img.c-image.f-pad-bottom-3x { padding-bottom: 12px; } picture.c-image.f-pad-bottom-6x, img.c-image.f-pad-bottom-6x { padding-bottom: 24px; } picture.c-image.f-pad-top-3x, img.c-image.f-pad-top-3x { padding-top: 12px; } picture.c-image.f-pad-top-6x, img.c-image.f-pad-top-6x { padding-top: 24px; } picture.c-image.f-pad-vertical-3x, img.c-image.f-pad-vertical-3x { padding: 12px 0; } picture.c-image.f-pad-vertical-6x, img.c-image.f-pad-vertical-6x { padding: 24px 0; } picture.c-image.f-pad-left-3x, img.c-image.f-pad-left-3x { padding-left: 12px; } picture.c-image.f-pad-left-6x, img.c-image.f-pad-left-6x { padding-left: 24px; } picture.c-image.f-pad-right-3x, img.c-image.f-pad-right-3x { padding-right: 12px; } picture.c-image.f-pad-right-6x, img.c-image.f-pad-right-6x { padding-right: 24px; } picture.c-image.f-pad-horizontal-3x, img.c-image.f-pad-horizontal-3x { padding-left: 12px; padding-right: 12px; } picture.c-image.f-pad-horizontal-6x, img.c-image.f-pad-horizontal-6x { padding-left: 24px; padding-right: 24px; } img.c-image, picture.c-image img { display: block; margin: 0; max-width: 100%; height: auto; } img.c-image.f-round { border-radius: 50%; } picture.c-image { display: block; } picture.c-image.f-pad-bottom-3x, img.c-image.f-pad-bottom-3x { padding-bottom: 12px; } picture.c-image.f-pad-bottom-6x, img.c-image.f-pad-bottom-6x { padding-bottom: 24px; } picture.c-image.f-pad-top-3x, img.c-image.f-pad-top-3x { padding-top: 12px; } picture.c-image.f-pad-top-6x, img.c-image.f-pad-top-6x { padding-top: 24px; } picture.c-image.f-pad-vertical-3x, img.c-image.f-pad-vertical-3x { padding: 12px 0; } picture.c-image.f-pad-vertical-6x, img.c-image.f-pad-vertical-6x { padding: 24px 0; } picture.c-image.f-pad-left-3x, img.c-image.f-pad-left-3x { padding-left: 12px; } picture.c-image.f-pad-left-6x, img.c-image.f-pad-left-6x { padding-left: 24px; } picture.c-image.f-pad-right-3x, img.c-image.f-pad-right-3x { padding-right: 12px; } picture.c-image.f-pad-right-6x, img.c-image.f-pad-right-6x { padding-right: 24px; } picture.c-image.f-pad-horizontal-3x, img.c-image.f-pad-horizontal-3x { padding-left: 12px; padding-right: 12px; } picture.c-image.f-pad-horizontal-6x, img.c-image.f-pad-horizontal-6x { padding-left: 24px; padding-right: 24px; } [class^="c-heading-"]:before, [class^="c-heading-"]:after { content: " "; display: table; } [class^="c-heading-"]:after { clear: both; } [class^="c-heading-"].f-lean { padding-top: 0; padding-bottom: 0; } [class^="c-heading-"] span + a.c-hyperlink { font-size: 15px; line-height: 20px; float: right; margin-left: 12px; font-weight: 400; } [class^="c-heading-"] + .c-label { margin-top: 8px; } form [class^="c-heading-"] { padding-top: 24px; } .c-heading-1 span + a.c-hyperlink { margin-top: 45px; } .c-heading-2 span + a.c-hyperlink { margin-top: 31px; } .c-heading-3 span + a.c-hyperlink { margin-top: 18px; } .c-heading-4 span + a.c-hyperlink { margin-top: 8px; } .c-heading-5 span + a.c-hyperlink { margin-top: 4px; } .c-heading-6 span + a.c-hyperlink { margin-top: 3px; } @media (max-width: 767px) { .c-heading-1 span + a.c-hyperlink { margin-top: 31px; } .c-heading-2 span + a.c-hyperlink { margin-top: 18px; } .c-heading-3 span + a.c-hyperlink { margin-top: 10px; } .c-heading-4 span + a.c-hyperlink { margin-top: 4px; } .c-heading-5 span + a.c-hyperlink { margin-top: 3px; } .c-heading-6 span + a.c-hyperlink { margin-top: 0; } } .f-initial-baseline-large.c-heading-2 { padding-top: 52px; } .f-initial-baseline-large.c-heading-3 { padding-top: 65px; } .f-initial-baseline-large.c-heading-4 { padding-top: 75px; } .f-initial-baseline-large.c-heading-5 { padding-top: 79px; } .f-initial-baseline-large.c-heading-6 { padding-top: 80px; } @media (max-width: 1083px) { .f-initial-baseline-large.c-heading-2 { padding-top: 51px; } .f-initial-baseline-large.c-heading-3 { padding-top: 65px; } .f-initial-baseline-large.c-heading-4 { padding-top: 75px; } .f-initial-baseline-large.c-heading-5 { padding-top: 79px; } .f-initial-baseline-large.c-heading-6 { padding-top: 80px; } } @media (max-width: 767px) { .f-initial-baseline-large.c-heading-2 { padding-top: 50px; } .f-initial-baseline-large.c-heading-3 { padding-top: 58px; } .f-initial-baseline-large.c-heading-4 { padding-top: 64px; } .f-initial-baseline-large.c-heading-5 { padding-top: 65px; } .f-initial-baseline-large.c-heading-6 { padding-top: 68px; } } @media (max-width: 539px) { .f-initial-baseline-large.c-heading-1, .f-initial-baseline-large.c-heading-2, .f-initial-baseline-large.c-heading-3 { padding-top: 38px; } .f-initial-baseline-large.c-heading-4 { padding-top: 36px; } .f-initial-baseline-large.c-heading-5 { padding-top: 37px; } .f-initial-baseline-large.c-heading-6 { padding-top: 39px; } } @media screen and (max-width: 1778px) { .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-1, .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-2, .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-3 { padding-top: 38px; } .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-4 { padding-top: 36px; } .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-5 { padding-top: 37px; } .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-6 { padding-top: 39px; } } @media screen and (max-width: 1399px) { .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-1, .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-2, .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-3 { padding-top: 38px; } .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-4 { padding-top: 36px; } .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-5 { padding-top: 37px; } .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-6 { padding-top: 39px; } } @media screen and (max-width: 1083px) { .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-1, .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-2, .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-3 { padding-top: 38px; } .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-4 { padding-top: 36px; } .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-5 { padding-top: 37px; } .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-6 { padding-top: 39px; } } @media screen and (max-width: 767px) { .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-1, .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-2, .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-3 { padding-top: 38px; } .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-4 { padding-top: 36px; } .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-5 { padding-top: 37px; } .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-6 { padding-top: 39px; } } .f-initial-baseline-small.c-heading-1 { padding-top: 4px; } .f-initial-baseline-small.c-heading-2 { padding-top: 18px; } .f-initial-baseline-small.c-heading-3 { padding-top: 31px; } .f-initial-baseline-small.c-heading-4 { padding-top: 41px; } .f-initial-baseline-small.c-heading-5 { padding-top: 45px; } .f-initial-baseline-small.c-heading-6 { padding-top: 46px; } @media (max-width: 767px) { .f-initial-baseline-small.c-heading-1 { padding-top: 4px; } .f-initial-baseline-small.c-heading-2 { padding-top: 17px; } .f-initial-baseline-small.c-heading-3 { padding-top: 25px; } .f-initial-baseline-small.c-heading-4 { padding-top: 31px; } .f-initial-baseline-small.c-heading-5 { padding-top: 32px; } .f-initial-baseline-small.c-heading-6 { padding-top: 35px; } } @media (max-width: 539px) { .f-initial-baseline-small.c-heading-1, .f-initial-baseline-small.c-heading-2, .f-initial-baseline-small.c-heading-3 { padding-top: 38px; } .f-initial-baseline-small.c-heading-4 { padding-top: 36px; } .f-initial-baseline-small.c-heading-5 { padding-top: 37px; } .f-initial-baseline-small.c-heading-6 { padding-top: 39px; } } @media screen and (max-width: 1778px) { .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-1, .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-2, .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-3 { padding-top: 38px; } .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-4 { padding-top: 36px; } .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-5 { padding-top: 37px; } .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-6 { padding-top: 39px; } } @media screen and (max-width: 1399px) { .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-1, .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-2, .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-3 { padding-top: 38px; } .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-4 { padding-top: 36px; } .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-5 { padding-top: 37px; } .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-6 { padding-top: 39px; } } @media screen and (max-width: 1083px) { .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-1, .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-2, .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-3 { padding-top: 38px; } .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-4 { padding-top: 36px; } .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-5 { padding-top: 37px; } .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-6 { padding-top: 39px; } } @media screen and (max-width: 767px) { .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-1, .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-2, .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-3 { padding-top: 38px; } .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-4 { padding-top: 36px; } .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-5 { padding-top: 37px; } .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-6 { padding-top: 39px; } } .c-list { font-size: 15px; line-height: 20px; padding-left: 19px; padding-right: 0; margin: 8px 0; list-style-position: outside; } .c-list li { padding: 8px 0; } .c-list.f-lean li { padding: 0; } .c-list.f-bare { padding-left: 0; list-style-type: none; } ul.c-list { list-style-type: disc; } ol.c-list { list-style-type: decimal; } .c-menu { position: relative; z-index: 500; width: 296px; min-width: 64px; max-width: 368px; padding: 0; margin: 0; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; background-clip: padding-box; } .c-menu.f-scroll { max-height: 220px; overflow-y: auto; } .c-menu.f-flex { width: 100%; min-width: auto; max-width: none; } .c-menu .c-menu-item [aria-checked="true"] { background: #0067b8; color: #fff; } @media screen and (-ms-high-contrast) { .c-menu .c-menu-item [aria-checked="true"] { background: #fff; } } @media screen and (-ms-high-contrast: black-on-white) { .c-menu .c-menu-item [aria-checked="true"] { background: #000; } } .c-menu .c-menu-item [aria-checked="true"]:hover { background: rgba(0, 103, 184, 0.8); color: #fff; } .c-menu .c-menu-item [aria-checked="true"]:focus { outline: 1px dashed #0067b8; color: #fff; } .c-menu .c-menu-item [aria-checked="true"]:active { background: rgba(0, 103, 184, 0.4); color: #fff; } .theme-light .c-menu, .theme-dark .theme-light .c-menu { background: #fff; color: #000; } .theme-dark .c-menu, .theme-light .theme-dark .c-menu { background: #000; color: #fff; } .c-menu-item { background: inherit; } .c-menu-item a, .c-menu-item span, .c-menu-item button { display: block; background: rgba(0, 0, 0, 0.05); padding: 11px 12px 13px; outline: 0; cursor: pointer; white-space: normal; } .c-menu-item a:hover, .c-menu-item a:focus, .c-menu-item span:hover, .c-menu-item span:focus, .c-menu-item button:hover, .c-menu-item button:focus { background: rgba(0, 0, 0, 0.1); } @media screen and (-ms-high-contrast) { .c-menu-item a:hover, .c-menu-item a:focus, .c-menu-item span:hover, .c-menu-item span:focus, .c-menu-item button:hover, .c-menu-item button:focus { -ms-high-contrast-adjust: none; color: buttonFace !important; background-color: Highlight !important; } } .c-menu-item a:focus, .c-menu-item span:focus, .c-menu-item button:focus { outline: 1px dashed #000; } .c-menu-item a:active, .c-menu-item span:active, .c-menu-item button:active { background: rgba(0, 0, 0, 0.3); } .c-menu-item a.f-context-action-trigger, .c-menu-item span.f-context-action-trigger, .c-menu-item button.f-context-action-trigger { color: #0067b8; } .c-menu-item a.f-icon img, .c-menu-item span.f-icon img, .c-menu-item button.f-icon img { width: 40px; height: 22px; display: inline-block; padding-right: 16px; } .c-menu-item a.f-icon p, .c-menu-item span.f-icon p, .c-menu-item button.f-icon p { display: inline-block; width: calc(100% - 40px); color: inherit; vertical-align: middle; } .c-menu-item a[aria-checked="true"], .c-menu-item a[aria-selected="true"], .c-menu-item span[aria-checked="true"], .c-menu-item span[aria-selected="true"], .c-menu-item button[aria-checked="true"], .c-menu-item button[aria-selected="true"] { background: #0067b8; color: #fff; } @media screen and (-ms-high-contrast) { .c-menu-item a[aria-checked="true"], .c-menu-item a[aria-selected="true"], .c-menu-item span[aria-checked="true"], .c-menu-item span[aria-selected="true"], .c-menu-item button[aria-checked="true"], .c-menu-item button[aria-selected="true"] { color: buttonFace !important; background-color: Highlight !important; } } @media screen and (-ms-high-contrast) { .c-menu-item a, .c-menu-item span, .c-menu-item button { color: buttonFace !important; } } .theme-light .c-menu-item a, .theme-dark .theme-light .c-menu-item a, .theme-light .c-menu-item span, .theme-dark .theme-light .c-menu-item span, .theme-light .c-menu-item button, .theme-dark .theme-light .c-menu-item button { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); } .theme-light .c-menu-item a:hover, .theme-light .c-menu-item a:focus, .theme-dark .theme-light .c-menu-item a:hover, .theme-dark .theme-light .c-menu-item a:focus, .theme-light .c-menu-item span:hover, .theme-light .c-menu-item span:focus, .theme-dark .theme-light .c-menu-item span:hover, .theme-dark .theme-light .c-menu-item span:focus, .theme-light .c-menu-item button:hover, .theme-light .c-menu-item button:focus, .theme-dark .theme-light .c-menu-item button:hover, .theme-dark .theme-light .c-menu-item button:focus { background: rgba(0, 0, 0, 0.1); color: #000; } .theme-light .c-menu-item a:focus, .theme-dark .theme-light .c-menu-item a:focus, .theme-light .c-menu-item span:focus, .theme-dark .theme-light .c-menu-item span:focus, .theme-light .c-menu-item button:focus, .theme-dark .theme-light .c-menu-item button:focus { outline: 1px dashed #000; } .theme-light .c-menu-item a:active, .theme-dark .theme-light .c-menu-item a:active, .theme-light .c-menu-item span:active, .theme-dark .theme-light .c-menu-item span:active, .theme-light .c-menu-item button:active, .theme-dark .theme-light .c-menu-item button:active { background: rgba(0, 0, 0, 0.3); color: #000; } .theme-light .c-menu-item a[aria-checked="true"], .theme-light .c-menu-item a[aria-selected="true"], .theme-dark .theme-light .c-menu-item a[aria-checked="true"], .theme-dark .theme-light .c-menu-item a[aria-selected="true"], .theme-light .c-menu-item span[aria-checked="true"], .theme-light .c-menu-item span[aria-selected="true"], .theme-dark .theme-light .c-menu-item span[aria-checked="true"], .theme-dark .theme-light .c-menu-item span[aria-selected="true"], .theme-light .c-menu-item button[aria-checked="true"], .theme-light .c-menu-item button[aria-selected="true"], .theme-dark .theme-light .c-menu-item button[aria-checked="true"], .theme-dark .theme-light .c-menu-item button[aria-selected="true"] { background: #0067b8; color: #fff; } .theme-light .c-menu-item a[aria-checked="true"]:hover, .theme-light .c-menu-item a[aria-checked="true"]:focus, .theme-light .c-menu-item a[aria-selected="true"]:hover, .theme-light .c-menu-item a[aria-selected="true"]:focus, .theme-dark .theme-light .c-menu-item a[aria-checked="true"]:hover, .theme-dark .theme-light .c-menu-item a[aria-checked="true"]:focus, .theme-dark .theme-light .c-menu-item a[aria-selected="true"]:hover, .theme-dark .theme-light .c-menu-item a[aria-selected="true"]:focus, .theme-light .c-menu-item span[aria-checked="true"]:hover, .theme-light .c-menu-item span[aria-checked="true"]:focus, .theme-light .c-menu-item span[aria-selected="true"]:hover, .theme-light .c-menu-item span[aria-selected="true"]:focus, .theme-dark .theme-light .c-menu-item span[aria-checked="true"]:hover, .theme-dark .theme-light .c-menu-item span[aria-checked="true"]:focus, .theme-dark .theme-light .c-menu-item span[aria-selected="true"]:hover, .theme-dark .theme-light .c-menu-item span[aria-selected="true"]:focus, .theme-light .c-menu-item button[aria-checked="true"]:hover, .theme-light .c-menu-item button[aria-checked="true"]:focus, .theme-light .c-menu-item button[aria-selected="true"]:hover, .theme-light .c-menu-item button[aria-selected="true"]:focus, .theme-dark .theme-light .c-menu-item button[aria-checked="true"]:hover, .theme-dark .theme-light .c-menu-item button[aria-checked="true"]:focus, .theme-dark .theme-light .c-menu-item button[aria-selected="true"]:hover, .theme-dark .theme-light .c-menu-item button[aria-selected="true"]:focus { background: #0067b8; color: #fff; outline-color: #000; } .theme-dark .c-menu-item a, .theme-light .theme-dark .c-menu-item a, .theme-dark .c-menu-item span, .theme-light .theme-dark .c-menu-item span, .theme-dark .c-menu-item button, .theme-light .theme-dark .c-menu-item button { background: #262626; color: rgba(255, 255, 255, 0.8); } .theme-dark .c-menu-item a:hover, .theme-dark .c-menu-item a:focus, .theme-light .theme-dark .c-menu-item a:hover, .theme-light .theme-dark .c-menu-item a:focus, .theme-dark .c-menu-item span:hover, .theme-dark .c-menu-item span:focus, .theme-light .theme-dark .c-menu-item span:hover, .theme-light .theme-dark .c-menu-item span:focus, .theme-dark .c-menu-item button:hover, .theme-dark .c-menu-item button:focus, .theme-light .theme-dark .c-menu-item button:hover, .theme-light .theme-dark .c-menu-item button:focus { background: #666; color: #fff; } .theme-dark .c-menu-item a:focus, .theme-light .theme-dark .c-menu-item a:focus, .theme-dark .c-menu-item span:focus, .theme-light .theme-dark .c-menu-item span:focus, .theme-dark .c-menu-item button:focus, .theme-light .theme-dark .c-menu-item button:focus { outline: 1px dashed #fff; } .theme-dark .c-menu-item a:active, .theme-light .theme-dark .c-menu-item a:active, .theme-dark .c-menu-item span:active, .theme-light .theme-dark .c-menu-item span:active, .theme-dark .c-menu-item button:active, .theme-light .theme-dark .c-menu-item button:active { background: #999; color: #fff; } .theme-dark .c-menu-item a[aria-checked="true"], .theme-dark .c-menu-item a[aria-selected="true"], .theme-light .theme-dark .c-menu-item a[aria-checked="true"], .theme-light .theme-dark .c-menu-item a[aria-selected="true"], .theme-dark .c-menu-item span[aria-checked="true"], .theme-dark .c-menu-item span[aria-selected="true"], .theme-light .theme-dark .c-menu-item span[aria-checked="true"], .theme-light .theme-dark .c-menu-item span[aria-selected="true"], .theme-dark .c-menu-item button[aria-checked="true"], .theme-dark .c-menu-item button[aria-selected="true"], .theme-light .theme-dark .c-menu-item button[aria-checked="true"], .theme-light .theme-dark .c-menu-item button[aria-selected="true"] { background: #0067b8; color: #fff; } .theme-dark .c-menu-item a[aria-checked="true"]:hover, .theme-dark .c-menu-item a[aria-checked="true"]:focus, .theme-dark .c-menu-item a[aria-selected="true"]:hover, .theme-dark .c-menu-item a[aria-selected="true"]:focus, .theme-light .theme-dark .c-menu-item a[aria-checked="true"]:hover, .theme-light .theme-dark .c-menu-item a[aria-checked="true"]:focus, .theme-light .theme-dark .c-menu-item a[aria-selected="true"]:hover, .theme-light .theme-dark .c-menu-item a[aria-selected="true"]:focus, .theme-dark .c-menu-item span[aria-checked="true"]:hover, .theme-dark .c-menu-item span[aria-checked="true"]:focus, .theme-dark .c-menu-item span[aria-selected="true"]:hover, .theme-dark .c-menu-item span[aria-selected="true"]:focus, .theme-light .theme-dark .c-menu-item span[aria-checked="true"]:hover, .theme-light .theme-dark .c-menu-item span[aria-checked="true"]:focus, .theme-light .theme-dark .c-menu-item span[aria-selected="true"]:hover, .theme-light .theme-dark .c-menu-item span[aria-selected="true"]:focus, .theme-dark .c-menu-item button[aria-checked="true"]:hover, .theme-dark .c-menu-item button[aria-checked="true"]:focus, .theme-dark .c-menu-item button[aria-selected="true"]:hover, .theme-dark .c-menu-item button[aria-selected="true"]:focus, .theme-light .theme-dark .c-menu-item button[aria-checked="true"]:hover, .theme-light .theme-dark .c-menu-item button[aria-checked="true"]:focus, .theme-light .theme-dark .c-menu-item button[aria-selected="true"]:hover, .theme-light .theme-dark .c-menu-item button[aria-selected="true"]:focus { background: #0067b8; color: #fff; outline-color: #fff; } .c-menu-item .c-radio { background: rgba(0, 0, 0, 0.1); } .c-menu-item .c-radio span { background: none; } .c-menu-item .c-radio input[type="radio"]:checked + span:after { top: 16px; left: 16px; } .c-menu-item .c-radio input[type="radio"] + span { display: block; padding-left: 40px; margin-left: 0; } .c-menu-item .c-radio input[type="radio"] + span:before { top: 11px; left: 11px; } .c-menu-item .c-radio .c-label { display: block; margin: 0; } .c-menu-item[aria-disabled="true"] a, .c-menu-item[aria-disabled="true"] a:hover, .c-menu-item[aria-disabled="true"] a:focus, .c-menu-item[aria-disabled="true"] a:active, .c-menu-item[aria-disabled="true"] span, .c-menu-item[aria-disabled="true"] span:hover, .c-menu-item[aria-disabled="true"] span:focus, .c-menu-item[aria-disabled="true"] span:active, .c-menu-item[aria-disabled="true"] button, .c-menu-item[aria-disabled="true"] button:hover, .c-menu-item[aria-disabled="true"] button:focus, .c-menu-item[aria-disabled="true"] button:active { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.2); cursor: not-allowed; } .c-menu-item.f-sub-menu > a, .c-menu-item.f-sub-menu > button { position: relative; } .c-menu-item.f-sub-menu > a:after, .c-menu-item.f-sub-menu > button:after { font-family: "MWF-MDL2"; content: ""; position: absolute; font-size: 6px; right: 12px; top: 19px; } .c-menu-item.f-sub-menu > a + .c-menu, .c-menu-item.f-sub-menu > button + .c-menu { display: none; position: absolute; left: 100%; top: 0; } .c-menu-item.f-sub-menu > a + .c-menu.f-flip, .c-menu-item.f-sub-menu > button + .c-menu.f-flip { left: -100%; } .no-js .c-menu-item.f-sub-menu > a:focus + .c-menu, .no-js .c-menu-item.f-sub-menu > a:hover + .c-menu, .js .c-menu-item.f-sub-menu > a[aria-expanded="true"] + .c-menu[aria-hidden="false"], .no-js .c-menu-item.f-sub-menu > button:focus + .c-menu, .no-js .c-menu-item.f-sub-menu > button:hover + .c-menu, .js .c-menu-item.f-sub-menu > button[aria-expanded="true"] + .c-menu[aria-hidden="false"] { display: block; animation: fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .c-menu-item a.f-product { padding: 8px 12px; overflow: hidden; } .c-menu-item a.f-product .c-image { background: #737373; width: 40px; vertical-align: top; float: left; } .c-menu-item a.f-product div { overflow: hidden; height: 100%; } .c-menu-item a.f-product span { padding: 0 0 0 10px; background: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .c-menu-item a.f-product span:hover { background: none; } .no-eventlistener progress.c-progress { display: none; } progress.c-progress[value] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; min-width: 296px; height: 4px; } progress.c-progress::-webkit-progress-bar { background: rgba(0, 0, 0, 0.2); } progress.c-progress::-webkit-progress-value { background: #0067b8; } progress.c-progress::-moz-progress-bar { background: #0067b8; } progress.c-progress > [role="progressbar"] { display: block; position: relative; background: rgba(0, 0, 0, 0.2); min-width: 296px; width: 100%; height: 4px; } progress.c-progress > [role="progressbar"] > span { display: block; position: relative; height: 100%; background: #0067b8; color: #0067b8; } .c-progress { display: block; margin-top: 12px; } @media screen and (-ms-high-contrast) { .c-progress.f-indeterminate-local span:after, .c-progress.f-indeterminate-regional span:after { background: #fff; } } @media screen and (-ms-high-contrast: black-on-white) { .c-progress.f-indeterminate-local span:after, .c-progress.f-indeterminate-regional span:after { background: #000; } } .c-progress.f-indeterminate-regional { position: relative; min-width: 296px; width: 100%; } .c-progress.f-indeterminate-regional span { position: absolute; display: inline-block; opacity: 0; animation: dots 4s infinite; } .c-progress.f-indeterminate-regional span:after { content: ""; position: absolute; display: inline-block; background: #0067b8; width: 5px; height: 5px; border-radius: 50%; } .c-progress.f-indeterminate-regional span:nth-child(1) { animation-delay: 0.05s; } .c-progress.f-indeterminate-regional span:nth-child(1):after { left: -10px; } .c-progress.f-indeterminate-regional span:nth-child(2) { animation-delay: 0.1s; } .c-progress.f-indeterminate-regional span:nth-child(2):after { left: -20px; } .c-progress.f-indeterminate-regional span:nth-child(3) { animation-delay: 0.15s; } .c-progress.f-indeterminate-regional span:nth-child(3):after { left: -30px; } .c-progress.f-indeterminate-regional span:nth-child(4) { animation-delay: 0.2s; } .c-progress.f-indeterminate-regional span:nth-child(4):after { left: -40px; } .c-progress.f-indeterminate-regional span:nth-child(5) { animation-delay: 0.25s; } .c-progress.f-indeterminate-regional span:nth-child(5):after { left: -50px; } @keyframes dots { 0%, 20% { left: 0; animation-timing-function: ease-out; opacity: 0; } 25% { opacity: 1; } 35% { left: 45%; animation-timing-function: linear; } 65% { left: 55%; animation-timing-function: ease-in; } 75% { opacity: 1; } 80%, 100% { left: 100%; opacity: 0; } } .c-progress.f-center { margin: auto; padding-top: 30px; } .c-progress.f-indeterminate-local { position: relative; } .c-progress.f-indeterminate-local span { position: absolute; -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); animation: orbit 5.5s infinite; } .c-progress.f-indeterminate-local span:after { content: ""; position: absolute; border-radius: 100%; background: #0067b8; } .c-progress.f-indeterminate-local span:nth-child(2) { animation-delay: 240ms; } .c-progress.f-indeterminate-local span:nth-child(3) { animation-delay: 480ms; } .c-progress.f-indeterminate-local span:nth-child(4) { animation-delay: 720ms; } .c-progress.f-indeterminate-local span:nth-child(5) { animation-delay: 960ms; } .c-progress.f-indeterminate-local.f-progress-large { width: 60px; height: 60px; } .c-progress.f-indeterminate-local.f-progress-large span { width: 60px; height: 60px; } .c-progress.f-indeterminate-local.f-progress-large span:after { width: 6px; height: 6px; } .c-progress.f-indeterminate-local.f-progress-small { width: 20px; height: 20px; } .c-progress.f-indeterminate-local.f-progress-small span { width: 25px; height: 25px; } .c-progress.f-indeterminate-local.f-progress-small span:after { width: 3px; height: 3px; } @keyframes orbit { 0% { -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); opacity: 1; animation-timing-function: ease-out; } 7% { -ms-transform: rotate(345deg); -webkit-transform: rotate(345deg); transform: rotate(345deg); animation-timing-function: linear; } 30% { -ms-transform: rotate(455deg); -webkit-transform: rotate(455deg); transform: rotate(455deg); animation-timing-function: ease-in-out; } 39% { -ms-transform: rotate(690deg); -webkit-transform: rotate(690deg); transform: rotate(690deg); animation-timing-function: linear; } 70% { -ms-transform: rotate(815deg); -webkit-transform: rotate(815deg); transform: rotate(815deg); opacity: 1; animation-timing-function: ease-out; } 75% { -ms-transform: rotate(945deg); -webkit-transform: rotate(945deg); transform: rotate(945deg); animation-timing-function: ease-out; } 76% { -ms-transform: rotate(945deg); -webkit-transform: rotate(945deg); transform: rotate(945deg); opacity: 0; } 100% { -ms-transform: rotate(945deg); -webkit-transform: rotate(945deg); transform: rotate(945deg); opacity: 0; } } .c-select-menu { position: relative; display: inline-block; } .c-select-menu.f-accent > a, .c-select-menu.f-accent > button { color: #0067b8; } .c-select-menu.f-accent > a:after, .c-select-menu.f-accent > button:after { color: rgba(0, 0, 0, 0.6); } .c-select-menu.f-accent > a:hover, .c-select-menu.f-accent > a:active, .c-select-menu.f-accent > button:hover, .c-select-menu.f-accent > button:active { color: #0067b8; } .c-select-menu.f-accent > a:hover:after, .c-select-menu.f-accent > a:active:after, .c-select-menu.f-accent > button:hover:after, .c-select-menu.f-accent > button:active:after { color: #000; } .c-select-menu.f-border > a { padding: 8px 24px 8px 12px; } @media screen and (-ms-high-contrast: active) { .c-select-menu.f-border > a:hover { border-color: Highlight; } } .c-select-menu.f-border [aria-expanded] { margin-left: 8px; box-sizing: border-box; height: 100%; border: 1px solid rgba(0, 0, 0, 0.6); } .c-select-menu.f-border [aria-expanded]:hover { border-color: rgba(0, 0, 0, 0.8); } .c-select-menu.f-border [aria-expanded]:active, .c-select-menu.f-border [aria-expanded]:focus:not(.x-hidden-focus) { border-color: #0067b8; } .c-select-menu.f-border + .c-select-menu.f-border, .c-select-menu.f-border + .c-select-menu.f-border.f-persist { margin-top: 12px; } .c-select-menu.f-flex, .c-select-menu.f-flex > [aria-expanded] { width: 100%; min-width: 88px; max-width: 546px; } .c-select-menu .c-menu { position: absolute; top: 100%; overflow: auto; } @media only screen and (max-width: 768px) { .c-select-menu .c-menu.f-margin { margin-left: 24px; max-width: calc(100vw - 12 * 4px); } } @media only screen and (max-width: 540px) { .c-select-menu .c-menu.f-margin { margin-left: 12px; max-width: calc(100vw - 6 * 4px); } } .c-select-menu [aria-expanded="false"] + .c-menu[aria-hidden="true"] { display: none; } .c-select-menu > button { border: 0; background: transparent; text-align: left; } .c-select-menu > button.f-icon img { width: 40px; height: 22px; display: inline-block; padding-right: 16px; } .c-select-menu > button.f-icon span { display: inline-block; width: calc(100% - 40px); color: inherit; vertical-align: middle; } .c-select-menu > button img { width: 0; height: 0; } .c-select-menu > button span { width: 100%; } .c-select-menu > a, .c-select-menu > button { display: inline-block; color: rgba(0, 0, 0, 0.8); padding: 8px; padding-right: 24px; -ms-transform: translateX(-8px); -webkit-transform: translateX(-8px); transform: translateX(-8px); } .c-select-menu > a:after, .c-select-menu > button:after { font-family: "MWF-MDL2"; content: ""; position: absolute; font-size: 8px; color: rgba(0, 0, 0, 0.8); font-weight: 700; right: 8px; padding-top: 7px; } .c-select-menu > a:hover, .c-select-menu > a:hover:after, .c-select-menu > button:hover, .c-select-menu > button:hover:after { color: #000; } .c-select-menu > a:focus, .c-select-menu > button:focus { border-color: #0067b8; outline: 1px dashed #000; } .c-select-menu > a:focus:hover, .c-select-menu > button:focus:hover { outline: none; } @media screen and (-ms-high-contrast: active) { .c-select-menu > a, .c-select-menu > button { color: windowText; } } .c-select-menu[aria-disabled="true"] > a, .c-select-menu[aria-disabled="true"] > a:hover, .c-select-menu[aria-disabled="true"] > a:focus, .c-select-menu[aria-disabled="true"] > a:active, .c-select-menu[aria-disabled="true"] > a:after, .c-select-menu[aria-disabled="true"] > button, .c-select-menu[aria-disabled="true"] > button:hover, .c-select-menu[aria-disabled="true"] > button:focus, .c-select-menu[aria-disabled="true"] > button:active, .c-select-menu[aria-disabled="true"] > button:after { color: rgba(0, 0, 0, 0.2); } .c-select-menu[aria-disabled="true"] > a:hover, .c-select-menu[aria-disabled="true"] > button:hover { cursor: not-allowed; } .no-js .c-select-menu:hover > .c-menu, .js .c-select-menu > [aria-expanded="true"] + .c-menu[aria-hidden="false"], .js .c-select-menu > span[aria-expanded="true"] + .c-menu[aria-hidden="false"] { display: block; animation: fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .theme-light .c-select-menu > a, .theme-light .c-select-menu > a:after, .theme-light .c-select-menu > button, .theme-light .c-select-menu > button:after, .theme-dark .theme-light .c-select-menu > a, .theme-dark .theme-light .c-select-menu > a:after, .theme-dark .theme-light .c-select-menu > button, .theme-dark .theme-light .c-select-menu > button:after { color: rgba(0, 0, 0, 0.8); } .theme-light .c-select-menu > a:hover, .theme-light .c-select-menu > a:hover:after, .theme-light .c-select-menu > button:hover, .theme-light .c-select-menu > button:hover:after, .theme-dark .theme-light .c-select-menu > a:hover, .theme-dark .theme-light .c-select-menu > a:hover:after, .theme-dark .theme-light .c-select-menu > button:hover, .theme-dark .theme-light .c-select-menu > button:hover:after { color: #000; } .theme-light .c-select-menu > a:focus, .theme-light .c-select-menu > button:focus, .theme-dark .theme-light .c-select-menu > a:focus, .theme-dark .theme-light .c-select-menu > button:focus { outline-color: #000; } .theme-light .c-select-menu.f-border > a, .theme-light .c-select-menu.f-border > button, .theme-dark .theme-light .c-select-menu.f-border > a, .theme-dark .theme-light .c-select-menu.f-border > button { background: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.8); } .theme-light .c-select-menu.f-border > a:after, .theme-light .c-select-menu.f-border > button:after, .theme-dark .theme-light .c-select-menu.f-border > a:after, .theme-dark .theme-light .c-select-menu.f-border > button:after { color: rgba(0, 0, 0, 0.8); } .theme-light .c-select-menu.f-border > a:hover, .theme-light .c-select-menu.f-border > button:hover, .theme-dark .theme-light .c-select-menu.f-border > a:hover, .theme-dark .theme-light .c-select-menu.f-border > button:hover { background: #fff; border-color: rgba(0, 0, 0, 0.8); color: #000; } .theme-light .c-select-menu.f-border > a:hover:after, .theme-light .c-select-menu.f-border > button:hover:after, .theme-dark .theme-light .c-select-menu.f-border > a:hover:after, .theme-dark .theme-light .c-select-menu.f-border > button:hover:after { color: #000; } .theme-light .c-select-menu.f-border > a:focus, .theme-light .c-select-menu.f-border > button:focus, .theme-dark .theme-light .c-select-menu.f-border > a:focus, .theme-dark .theme-light .c-select-menu.f-border > button:focus { border-color: #000; } .theme-dark .c-select-menu > a, .theme-dark .c-select-menu > a:after, .theme-dark .c-select-menu > button, .theme-dark .c-select-menu > button:after, .theme-light .theme-dark .c-select-menu > a, .theme-light .theme-dark .c-select-menu > a:after, .theme-light .theme-dark .c-select-menu > button, .theme-light .theme-dark .c-select-menu > button:after { color: rgba(255, 255, 255, 0.8); } .theme-dark .c-select-menu > a:hover, .theme-dark .c-select-menu > a:hover:after, .theme-dark .c-select-menu > button:hover, .theme-dark .c-select-menu > button:hover:after, .theme-light .theme-dark .c-select-menu > a:hover, .theme-light .theme-dark .c-select-menu > a:hover:after, .theme-light .theme-dark .c-select-menu > button:hover, .theme-light .theme-dark .c-select-menu > button:hover:after { color: #fff; } .theme-dark .c-select-menu > a:focus, .theme-dark .c-select-menu > button:focus, .theme-light .theme-dark .c-select-menu > a:focus, .theme-light .theme-dark .c-select-menu > button:focus { outline-color: #fff; } .theme-dark .c-select-menu.f-border > a, .theme-dark .c-select-menu.f-border > button, .theme-light .theme-dark .c-select-menu.f-border > a, .theme-light .theme-dark .c-select-menu.f-border > button { background: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.8); } .theme-dark .c-select-menu.f-border > a:after, .theme-dark .c-select-menu.f-border > button:after, .theme-light .theme-dark .c-select-menu.f-border > a:after, .theme-light .theme-dark .c-select-menu.f-border > button:after { color: rgba(0, 0, 0, 0.8); } .theme-dark .c-select-menu.f-border > a:hover, .theme-dark .c-select-menu.f-border > button:hover, .theme-light .theme-dark .c-select-menu.f-border > a:hover, .theme-light .theme-dark .c-select-menu.f-border > button:hover { color: #000; background: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.8); } .theme-dark .c-select-menu.f-border > a:hover:after, .theme-dark .c-select-menu.f-border > button:hover:after, .theme-light .theme-dark .c-select-menu.f-border > a:hover:after, .theme-light .theme-dark .c-select-menu.f-border > button:hover:after { color: #000; } .theme-dark .c-select-menu.f-border > a:focus, .theme-dark .c-select-menu.f-border > button:focus, .theme-light .theme-dark .c-select-menu.f-border > a:focus, .theme-light .theme-dark .c-select-menu.f-border > button:focus { border-color: #fff; } .c-select-menu + [class*="c-caption"], .c-select-menu [class*="c-paragraph"] { padding-top: 24px; } .d_xbox .c-select-menu > a { padding: 6px 0 6px 12px; } .d_xbox .c-select-menu > a, .d_xbox .c-select-menu > button { border: 1px solid rgba(0, 0, 0, 0.6); padding: 5px 12px 6px; min-width: 64px; font-size: 15px; color: #000; outline: none; padding-right: 40px; } .d_xbox .c-select-menu > a:after, .d_xbox .c-select-menu > button:after { color: #000; font-size: 15px; padding-top: 4px; padding-right: 3px; } .d_xbox .c-select-menu > a:active, .d_xbox .c-select-menu > a:focus, .d_xbox .c-select-menu > button:active, .d_xbox .c-select-menu > button:focus { background: #0067b8; outline: 2px solid #000; text-decoration: none; } .d_xbox .c-select-menu [aria-expanded] { margin-left: 8px; box-sizing: border-box; height: 100%; } .d_xbox .c-select-menu [aria-expanded] .c-menu { border: 1px solid rgba(0, 0, 0, 0.6); } .d_xbox .c-select-menu [aria-expanded]:active, .d_xbox .c-select-menu [aria-expanded]:focus { background: #0067b8; color: #000; outline: 2px solid #000; text-decoration: none; } .d_xbox .c-select-menu .c-menu { border: 1px solid rgba(0, 0, 0, 0.6); width: 100%; width: calc(100% - 8px); } .d_xbox .c-select-menu .c-menu.f-scroll > .c-menu-item > a:active, .d_xbox .c-select-menu .c-menu.f-scroll > .c-menu-item > a:focus { outline-offset: -2px; } .d_xbox .c-select-menu .c-menu-item a, .d_xbox .c-select-menu .c-menu-item span, .d_xbox .c-select-menu .c-menu-item button { color: #000; background: #fff; min-height: 44px; } .d_xbox .c-select-menu .c-menu-item a:focus, .d_xbox .c-select-menu .c-menu-item span:focus, .d_xbox .c-select-menu .c-menu-item button:focus { outline: 2px solid #000; background: #fff; } .d_xbox .c-select-menu .c-menu-item a[aria-selected="true"], .d_xbox .c-select-menu .c-menu-item span[aria-selected="true"], .d_xbox .c-select-menu .c-menu-item button[aria-selected="true"] { background: #0067b8; color: #000; } @media screen and (-ms-high-contrast: active) { .d_xbox .c-select-menu > a, .d_xbox .c-select-menu > button { color: windowText; border: 1px solid windowText; } .d_xbox .c-select-menu > a:after, .d_xbox .c-select-menu > button:after { color: windowText; } .d_xbox .c-select-menu > a:active, .d_xbox .c-select-menu > a:focus, .d_xbox .c-select-menu > button:active, .d_xbox .c-select-menu > button:focus { outline: 2px solid windowText; background: transparent; } .d_xbox .c-select-menu [aria-expanded] .c-menu { border: 1px solid windowText; } .d_xbox .c-select-menu [aria-expanded]:active, .d_xbox .c-select-menu [aria-expanded]:focus { color: windowText; outline: 2px solid windowText; background: transparent; } .d_xbox .c-select-menu .c-menu { border: 1px solid windowText; } } .c-slider { width: 296px; } .c-slider.f-vertical { height: 324px; } .c-slider.f-vertical input[type="range"] { appearance: slider-vertical; } .c-slider.f-vertical > div { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 134px; left: -134px; } .c-slider.f-vertical > div > button > span { top: -40px; left: -14px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .c-slider input[type="range"] { appearance: slider-horizontal; } .no-js .c-slider input[type="range"] { display: block; } .js .c-slider input[type="range"] { display: none; } .c-slider div { position: relative; height: 4px; background: rgba(0, 0, 0, 0.4); margin-top: 12px; } @media screen and (-ms-high-contrast: active) { .c-slider div { background: rgba(255, 255, 255, 0.4); border: 2px solid #000; height: 6px; } } .c-slider div button { height: 24px; width: 8px; background: #0067b8; border: 1px dashed transparent; padding: 0; border-radius: 4px; position: absolute; top: -10px; outline: none; } @media screen and (-ms-high-contrast: active) { .c-slider div button, .c-slider div button:hover, .c-slider div button:active { background: #fff; } } @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: black-on-white) { .c-slider div button, .c-slider div button:hover, .c-slider div button:active { border: 4px solid #000; } } .c-slider div button:focus:not(.x-hidden-focus) { border: 1px dashed #fff; } .c-slider div button:hover { background: #000; } .c-slider div button:focus:not(.x-hidden-focus), .c-slider div button:active { background: #003e6e; } .c-slider div button:focus:not(.x-hidden-focus) span, .c-slider div button:active span { display: block; } .c-slider div button span { display: none; position: absolute; min-width: 36px; height: 36px; text-align: center; top: -40px; left: 4px; padding: 8px 8px 10px; background: #e6e6e6; border: 1px solid rgba(0, 0, 0, 0.3); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .c-slider div > span { display: block; position: absolute; top: 0; bottom: 0; background: #0067b8; } @media screen and (-ms-high-contrast: active) { .c-slider div > span { background: #fff; border: 2px solid #000; } } .c-slider.f-disabled label.c-label { color: rgba(0, 0, 0, 0.2); } .c-slider.f-disabled input[type="range"][disabled] + div, .c-slider.f-disabled input[type="range"][disabled] + div button { background: #ccc; } .c-slider.f-disabled input[type="range"][disabled] + div span { display: none; } .c-video-player { display: inline-block; margin: 0; height: 100%; width: 100%; min-width: 320px; direction: ltr; position: relative; overflow: hidden; box-sizing: border-box !important; } .c-video-player.m-ambient-video { min-width: 0; } .c-video-player.m-ambient-video video::-webkit-media-controls-panel, .c-video-player.m-ambient-video video::-webkit-media-controls-play-button, .c-video-player.m-ambient-video video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .c-video-player .f-core-player, .c-video-player .f-video-player { height: 100%; width: 100%; } .c-video-player .f-core-player video, .c-video-player .f-core-player object { display: block; min-width: 100%; width: 100%; max-height: 100%; height: 100%; background: #000; } .c-video-player .f-core-player video[aria-hidden="true"], .c-video-player .f-core-player object[aria-hidden="true"] { display: block !important; } .c-video-player .f-core-player .f-video-player div { display: none; } .c-video-player .f-core-player .f-video-player .vjs-player { display: block; height: 100%; width: 100%; } .c-video-player .f-core-player .f-video-player .vjs-player div.amp-content-title { display: none !important; } .c-video-player .f-core-player .f-video-player .vjs-player button { display: none; } .c-video-player .f-core-player .f-video-player .vjs-player div:first-child { display: block; height: 100%; width: 100%; } .c-video-player .f-core-player .f-video-player .vjs-player div:first-child video { display: block; height: 100%; width: 100%; } .c-video-player .f-core-player .f-play-pause-hide { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .c-video-player .f-core-player .f-play-pause-hide:focus { clip: auto; width: auto; height: auto; } .c-video-player .f-core-player .f-play-pause-show { position: absolute; clip: auto; width: auto; height: auto; } .c-video-player .f-core-player .f-play-pause-show:focus { clip: auto; width: auto; height: auto; } .c-video-player .f-core-player .f-video-cc-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 56; } .c-video-player .f-core-player .f-video-cc-overlay.f-overlay-slidein { bottom: 44px; } .c-video-player .f-core-player .f-screen-reader { position: absolute; left: -99999px; height: 1px; width: 1px; overflow: hidden; } .c-video-player .f-core-player .f-interactive-back-button { background-color: #8e8e8e; border: 2px solid transparent; display: inline-block; position: absolute; bottom: -64px; left: 34px; height: 48px; width: 48px; line-height: 44px; border-radius: 50%; text-align: center; overflow: hidden; top: 34px; font-size: 20px; z-index: 2; } .c-video-player .f-core-player .f-interactive-back-button[aria-hidden="true"] { display: none; } .c-video-player .f-core-player .f-interactive-back-button:hover { background-color: #404040; } .c-video-player .f-core-player .f-interactive-back-button:focus { border: 2px solid #fff; } .c-video-player .f-core-player .f-interactive-back-button:active { background-color: #4b4b4b; } .c-video-player .f-core-player .f-interactive-overlay { background-size: cover; color: #fff; overflow: hidden; padding: 10px; position: absolute; } .c-video-player .f-core-player .f-interactive-overlay div { position: relative; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info { float: left; left: 25%; width: 50%; } .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info .c-headline { font-size: 24px; font-weight: 400; padding: 0; margin: 0; } @media (max-width: 767px) { .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info .c-headline { font-size: 20px; } } .c-video-player .f-core-player .f-interactive-overlay .f-overlay-info p { font-size: 13px; padding: 0; margin: 5px 0; font-weight: 400; } .c-video-player .f-core-player .f-interactive-overlay .f-overlay-link { float: right; width: 25%; } .c-video-player .f-core-player .f-interactive-overlay .f-overlay-link .c-action-trigger { left: 50%; margin: 0; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-video-player .f-core-player .f-interactive-overlay-customhtml { padding: 0; } .c-video-player .f-core-player .f-overlay-minimizeMaximize { background-color: rgba(255, 255, 255, 0.6); border: 2px solid transparent; position: absolute; border-radius: 50%; height: 24px; width: 24px; font-size: 9px; overflow: hidden; display: inline-block; z-index: 2; } .c-video-player .f-core-player .f-overlay-minimizeMaximize:hover { background-color: rgba(255, 255, 255, 0.3); } .c-video-player .f-core-player .f-overlay-minimizeMaximize:focus { border: 2px solid #fff; } .c-video-player .f-core-player .f-overlay-minimizeMaximize:active { background-color: rgba(255, 255, 255, 0.15); } .c-video-player .f-core-player .f-overlay-minimize-upperthird { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: 10px; right: 10px; } .c-video-player .f-core-player .f-overlay-minimize-lowerthird { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); right: 10px; } .c-video-player .f-core-player .f-overlay-maximize-upperthird { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: 40px; right: 10px; } .c-video-player .f-core-player .f-overlay-maximize-lowerthird { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); bottom: 80px; right: 10px; } .c-video-player .f-core-player .interactive-graphic { pointer-events: none; } .c-video-player .f-core-player .interactive-fullscreen { height: 100%; width: 100%; max-height: 1080px; padding: 0; top: 0; left: 0; } .c-video-player .f-core-player .interactive-upper { top: 0; height: 20%; max-height: 200px; width: 100%; } .c-video-player .f-core-player .interactive-lower { bottom: 0; height: 20%; max-height: 200px; width: 100%; } .c-video-player .f-core-player .interactive-right { right: 0; height: 100%; width: 20%; max-width: 200px; } .c-video-player .f-core-player .interactive-left { left: 0; height: 100%; width: 20%; max-width: 200px; } @keyframes interactive-overlay-slidein-upper { from { top: -20%; } to { top: 0; } } @keyframes interactive-overlay-slideout-upper { from { top: 0; } to { top: -20%; } } @keyframes interactive-overlay-slidein-right { from { right: -20%; } to { right: 0; } } @keyframes interactive-overlay-slideout-right { from { right: 0; } to { right: -20%; } } @keyframes interactive-overlay-slidein-left { from { left: -20%; } to { left: 0; } } @keyframes interactive-overlay-slideout-left { from { left: 0; } to { left: -20%; } } .c-video-player .f-core-player .interactive-upper.f-interactive-overlay-slidein { animation: 0.5s forwards interactive-overlay-slidein-upper; } .c-video-player .f-core-player .interactive-right.f-interactive-overlay-slidein { animation: 0.5s forwards interactive-overlay-slidein-right; } .c-video-player .f-core-player .interactive-left.f-interactive-overlay-slidein { animation: 0.5s forwards interactive-overlay-slidein-left; } .c-video-player .f-core-player .interactive-upper.f-interactive-overlay-slideout { animation: 0.5s forwards interactive-overlay-slideout-upper; } .c-video-player .f-core-player .interactive-right.f-interactive-overlay-slideout { animation: 0.5s forwards interactive-overlay-slideout-right; } .c-video-player .f-core-player .interactive-left.f-interactive-overlay-slideout { animation: 0.5s forwards interactive-overlay-slideout-left; } .c-video-player .f-core-player .f-age-gate-dialogue { background: #000; min-height: 400px; z-index: 71; } .c-video-player .f-core-player .f-age-gate-dialogue > div { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-video-player .f-core-player .f-age-gate-dialogue [class^="c-heading"] { padding-top: 0; padding-bottom: 12px; display: block !important; } .c-video-player .f-core-player .f-age-gate-dialogue [class^="c-heading"] [class^="c-subheading"] { padding-bottom: 12px; } .c-video-player .f-core-player .f-age-gate-dialogue .c-button { min-height: 38px; } .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu > a, .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu > button { margin-right: -8px; min-width: 125px; } .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu > a + ul, .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu > button + ul { max-width: 125px; } .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu:first-of-type > a, .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu:first-of-type > button { min-width: 250px; } .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu:first-of-type > a + ul, .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu:first-of-type > button + ul { max-width: 250px; } .c-video-player .f-core-player .f-age-gate-dialogue .c-update-dark-theme { background: #000; } .c-video-player .f-core-player .f-age-gate-dialogue .c-hide-menu-item { display: none; } .c-video-player .f-core-player .f-age-gate-dialogue .c-font-weight-override { font-weight: 200; } .c-video-player .f-core-player .f-age-gate-dialogue form .c-select-menu, .c-video-player .f-core-player .f-age-gate-dialogue fieldset .c-select-menu { margin-top: 4px; margin-right: 8px; } @media only screen and (max-width: 539px) { .c-video-player .f-core-player .f-age-gate-dialogue { padding: 0; } .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu { display: block; } .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu:first-of-type > a { min-width: 200px; } .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu:first-of-type > a + ul { max-width: 200px; } .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu > a { width: 200px; } .c-video-player .f-core-player .f-age-gate-dialogue .c-select-menu > a + ul { max-width: 200px; } .c-video-player .f-core-player .f-age-gate-dialogue .c-button { display: block; } } .c-video-player .f-core-player .f-progress { direction: ltr; width: 100%; width: calc(100% - 288px); display: inline-block; margin-bottom: 5px; } .c-video-player .f-core-player .f-progress div { background: rgba(255, 255, 255, 0.4); } .c-video-player .f-core-player .f-progress div button:hover, .c-video-player .f-core-player .f-progress div button:active { background: #fff; } .c-video-player .f-core-player .f-progress div button:hover span, .c-video-player .f-core-player .f-progress div button:active span { display: block; } .c-video-player .f-core-player .f-progress div button:focus { outline: 2px dashed #fff; outline-offset: 2px; } .c-video-player .f-core-player .f-progress div button { background: #0067b8; } .c-video-player .f-core-player .f-progress div button span { font-size: 13px; width: auto; top: -48px; background: #000; color: #fff; } @media (max-width: 767px) { .c-video-player .f-core-player .f-progress div button span { font-size: 12px; } } .c-video-player .f-core-player .f-video-controls { font-size: 24px; width: 100%; height: 44px; background: #000; position: absolute; bottom: 0; left: 0; display: inline-block; z-index: 61; text-align: left; } @media (max-width: 767px) { .c-video-player .f-core-player .f-video-controls { font-size: 20px; } } .c-video-player .f-core-player .f-video-controls span { font-size: 13px; } @media (max-width: 767px) { .c-video-player .f-core-player .f-video-controls span { font-size: 12px; } } .c-video-player .f-core-player .f-video-controls button:not([role="slider"]) { color: #fff; background: transparent; border: 0; } .c-video-player .f-core-player .f-video-controls .f-seek-bar { display: none; } .c-video-player .f-core-player .f-video-controls button.c-glyph { width: 38px; height: 38px; vertical-align: middle; top: 2px; } .c-video-player .f-core-player .f-video-controls button.c-glyph:hover, .c-video-player .f-core-player .f-video-controls button.c-glyph:focus { color: #fff; } .c-video-player .f-core-player .f-video-controls button.c-glyph:focus { outline: 2px dashed #fff; } .c-video-player .f-core-player .f-video-controls button.c-glyph:active { color: rgba(255, 255, 255, 0.4); } .c-video-player .f-core-player .f-video-controls button.c-glyph.f-live { width: auto; } .c-video-player .f-core-player .f-video-controls .f-time { font-size: 13px; color: rgba(255, 255, 255, 0.6); padding-right: 12px; position: relative; top: -3px; } @media (max-width: 767px) { .c-video-player .f-core-player .f-video-controls .f-time { font-size: 12px; } } .c-video-player .f-core-player .f-video-controls .f-time .f-current-time, .c-video-player .f-core-player .f-video-controls .f-time .f-duration { color: #fff; } .c-video-player .f-core-player .f-play-pause[aria-hidden="false"], .c-video-player .f-core-player .f-live[aria-hidden="false"], .c-video-player .f-core-player .f-options[aria-hidden="false"], .c-video-player .f-core-player .f-full-screen[aria-hidden="false"], .c-video-player .f-core-player .f-reactive[aria-hidden="false"] { display: inline-block; } .c-video-player .f-core-player .f-play-pause span, .c-video-player .f-core-player .f-live span, .c-video-player .f-core-player .f-options span, .c-video-player .f-core-player .f-full-screen span, .c-video-player .f-core-player .f-reactive span { font-size: 13px; border: 1px solid transparent; color: #fff; position: absolute; min-height: 36px; min-width: 44px; text-align: left; background: #000; padding: 8px; } @media (max-width: 767px) { .c-video-player .f-core-player .f-play-pause span, .c-video-player .f-core-player .f-live span, .c-video-player .f-core-player .f-options span, .c-video-player .f-core-player .f-full-screen span, .c-video-player .f-core-player .f-reactive span { font-size: 12px; } } .c-video-player .f-core-player .f-play-pause span[aria-hidden="false"], .c-video-player .f-core-player .f-live span[aria-hidden="false"], .c-video-player .f-core-player .f-options span[aria-hidden="false"], .c-video-player .f-core-player .f-full-screen span[aria-hidden="false"], .c-video-player .f-core-player .f-reactive span[aria-hidden="false"] { display: block; bottom: 49px; } .c-video-player .f-core-player .f-play-pause { margin-left: 3px; margin-top: 3px; padding-top: 1px; } .c-video-player .f-core-player .f-live { padding-left: 8px; padding-right: 8px; font-weight: 400; font-size: 15px; } .c-video-player .f-core-player .f-live:before { font-family: "MWF-MDL2"; content: ""; } .c-video-player .f-core-player .f-live-current:before { font-weight: 700; color: #e81123; } .c-video-player .f-core-player .f-live-current:hover:before, .c-video-player .f-core-player .f-live-current:focus:before { color: rgba(232, 17, 35, 0.6); } .c-video-player .f-core-player .f-live-current:active:before { color: rgba(232, 17, 35, 0.4); } .c-video-player .f-core-player .f-full-screen { display: inline-block; position: absolute; top: 1px; right: 2px; } .c-video-player .f-core-player .f-full-screen span { right: 0; } .c-video-player .f-core-player .f-reactive { position: absolute; right: 90px; } .c-video-player .f-core-player .f-volume-button { display: inline-block; position: absolute; right: 46px; } .c-video-player .f-core-player .f-volume-slider { position: absolute; width: 44px; min-height: 120px; bottom: 46px; right: 46px; background: #000; border: 2px solid rgba(255, 255, 255, 0.6); z-index: 66; } .c-video-player .f-core-player .f-volume-slider:after { display: block; height: 11px; background: transparent; position: absolute; content: ""; bottom: -12px; width: 100%; } .c-video-player .f-core-player .f-volume-slider[data-show="false"] { position: absolute !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; width: 1px !important; height: 1px !important; border: 0 !important; padding: 0 !important; margin: 0 !important; display: block !important; } .c-video-player .f-core-player .f-volume-slider .c-slider { width: 92px; height: 92px; } .c-video-player .f-core-player .f-volume-slider .c-slider .f-volume-bar { display: none; } .c-video-player .f-core-player .f-volume-slider .c-slider div { background: rgba(255, 255, 255, 0.4); left: -25px; top: 45px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .c-video-player .f-core-player .f-volume-slider .c-slider div button:hover, .c-video-player .f-core-player .f-volume-slider .c-slider div button:active { background: #fff; } .c-video-player .f-core-player .f-volume-slider .c-slider div > span { background: #0067b8; } .c-video-player .f-core-player .f-volume-slider .c-slider div button { background: #0067b8; z-index: 66; } .c-video-player .f-core-player .f-volume-slider .c-slider div button span { font-size: 13px; width: auto; min-width: 40px; min-height: 32px; top: 38px; left: -16px; background: #000; color: #fff; border: 2px solid rgba(255, 255, 255, 0.6); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media (max-width: 767px) { .c-video-player .f-core-player .f-volume-slider .c-slider div button span { font-size: 12px; } } .c-video-player .f-core-player .f-volume-slider .c-slider div button:focus { outline: 2px dashed #fff; outline-offset: 2px; } .c-video-player .f-core-player .f-options { position: absolute; top: 1px; right: 90px; margin-left: 12px; } .c-video-player .f-core-player .f-options span { left: 0; } .c-video-player .f-core-player .f-player-context-menu { position: absolute; min-width: 160px; background: #000; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: hidden; overflow-y: hidden; direction: ltr; outline: 0 solid transparent; z-index: 66; } .c-video-player .f-core-player .f-player-context-menu .c-list { margin: 0; min-width: 160px; list-style: none; } .c-video-player .f-core-player .f-player-context-menu .c-list li { height: 40px; margin-top: 0; margin-left: 0; padding: 0; display: block; border-top: 2px solid rgba(255, 255, 255, 0.6); } .c-video-player .f-core-player .f-player-context-menu .c-list li:first-child { border-top: 0; } .c-video-player .f-core-player .f-player-context-menu .c-list li:focus { border: 2px dashed #fff; } .c-video-player .f-core-player .f-player-context-menu .c-list li button { font-size: 13px; color: #fff; display: block; height: 100%; padding: 0 12px; text-align: left; width: 100%; margin: 0; } @media (max-width: 767px) { .c-video-player .f-core-player .f-player-context-menu .c-list li button { font-size: 12px; } } .c-video-player .f-core-player .f-player-context-menu .c-list li button:focus { border: 2px dashed #fff; } .c-video-player .f-core-player .f-player-context-menu .c-list li button:hover { text-decoration: none; background: rgba(255, 255, 255, 0.1); } .c-video-player .f-core-player .f-player-menu { position: absolute; bottom: 46px; right: 90px; min-width: 160px; background: #000; border: 1px solid rgba(255, 255, 255, 0.6); overflow-x: hidden; overflow-y: auto; direction: ltr; outline: 0 solid transparent; z-index: 66; } .c-video-player .f-core-player .f-player-menu .c-list { margin: 0; min-width: 160px; list-style: none; } .c-video-player .f-core-player .f-player-menu .c-list li { height: 40px; margin-top: 0; margin-left: 0; padding: 0; border-top: 2px solid rgba(255, 255, 255, 0.6); } .c-video-player .f-core-player .f-player-menu .c-list li:first-child { border-top: 0; } .c-video-player .f-core-player .f-player-menu .c-list li ul { display: none; left: 160px; } .c-video-player .f-core-player .f-player-menu .c-list li ul li { position: relative; } .c-video-player .f-core-player .f-player-menu .c-list li button { font-size: 13px; color: #fff; display: block; height: 100%; padding: 8px 12px; text-align: left; width: 100%; } @media (max-width: 767px) { .c-video-player .f-core-player .f-player-menu .c-list li button { font-size: 12px; } } .c-video-player .f-core-player .f-player-menu .c-list li button .c-image { padding-right: 12px; display: inline-block; width: 28px; } .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { margin-top: 0; } .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger:before { margin-left: 1px; margin-bottom: 5px; } @media screen and (-ms-high-contrast: active) { .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { outline: 1px solid; outline-color: #fff; } } @media screen and (-ms-high-contrast: black-on-white) { .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { outline: 1px solid; outline-color: #000; } } @media screen and (-ms-high-contrast: white-on-black) { .c-video-player .f-core-player .f-player-menu .c-list li button.c-action-trigger { outline: 1px solid; outline-color: #fff; } } .c-video-player .f-core-player .f-player-menu .c-list li button.c-glyph[data-video-selectable] { color: rgba(255, 255, 255, 0.8); } .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-check-mark[data-video-selectable] { color: #fff; } .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-check-mark[data-video-selectable]:before { float: right; margin-right: 0; } .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-chevron-right { color: #fff; } .c-video-player .f-core-player .f-player-menu .c-list li button.glyph-chevron-right:before { float: right; margin-right: 0; } .c-video-player .f-core-player .f-player-menu .c-list li button:hover { text-decoration: none; background: rgba(255, 255, 255, 0.1); } .c-video-player .f-core-player .f-player-menu .c-list li button:focus { border: 2px dashed #fff; } .c-video-player .f-core-player .f-player-menu .c-list li button:active { text-decoration: none; background: rgba(255, 255, 255, 0.2); border: 0; } .c-video-player .f-core-player .f-player-menu[aria-hidden="true"] { visibility: hidden; } .c-video-player .f-core-player .f-player-menu[aria-hidden="false"] { visibility: visible; } .c-video-player .f-core-player .c-progress { left: 50%; margin: 0; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-video-player .f-core-player .f-error-message { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; } .c-video-player .f-core-player .f-error-message .c-heading, .c-video-player .f-core-player .f-error-message .c-paragraph { font-size: 15px; } .c-video-player .f-core-player .f-error-message .c-heading { font-weight: 700; } .c-video-player .f-core-player .f-error-message .c-heading:before { font-size: 34px; font-family: "MWF-MDL2"; content: ""; display: block; margin-bottom: 20px; font-weight: 400; } .c-video-player .f-core-player .f-error-message > div { position: absolute; top: calc(50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 48px; width: 100%; } @media only screen and (min-width: 1400px) { .c-video-player .f-core-player .f-error-message > div { padding: 56px; } } @keyframes slidein { from { bottom: -44px; } to { bottom: 0; } } @keyframes slideout { from { bottom: 0; } to { bottom: -44px; } } .c-video-player .f-core-player .f-slidein { animation: 0.5s forwards slidein; } .c-video-player .f-core-player .f-slideout { animation: 0.5s forwards slideout; } .c-video-player .f-external-player { height: 100%; width: 100%; } .c-video-player .f-play-pause-trigger { left: 50%; margin: -24px 0 0 -24px; position: absolute; z-index: 1; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-video-player .f-play-pause-trigger span { left: 0; top: -38px; font-size: 13px; border: 1px solid transparent; color: #fff; position: absolute; min-height: 36px; min-width: 44px; text-align: left; background: #000; padding: 8px; } @media (max-width: 767px) { .c-video-player .f-play-pause-trigger span { font-size: 12px; } } .c-video-player .f-play-pause-trigger button { background: rgba(0, 0, 0, 0.6); border-radius: 50%; color: #fff; margin: 0; padding: 0; } .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label] { font-size: 24px; font-family: "MWF-MDL2"; content: ""; margin: 0; line-height: 13px; padding-right: 0; height: 48px; width: 48px; color: #fff; overflow: hidden; } @media (max-width: 767px) { .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label] { font-size: 20px; } } .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label]:hover { color: rgba(255, 255, 255, 0.8); } .c-video-player .f-play-pause-trigger button.c-action-trigger.c-glyph[aria-label]:focus { background: rgba(0, 0, 0, 0.6); } .c-video-player .f-end-poster-image { border: solid 1px transparent; margin: 0; position: absolute; top: 0; left: 0; height: auto; width: 100%; } .c-video-player .f-video-trigger { border: solid 1px transparent; margin: 0; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; } .c-video-player .f-video-trigger .f-mask-20 { background-color: rgba(0, 0, 0, 0.2); } @media screen and (-ms-high-contrast: active) { .c-video-player .f-video-trigger .f-mask-20 { background-color: transparent; } } .c-video-player .f-video-trigger .f-mask-40 { background-color: rgba(0, 0, 0, 0.4); } @media screen and (-ms-high-contrast: active) { .c-video-player .f-video-trigger .f-mask-40 { background-color: transparent; } } .c-video-player .f-video-trigger div { text-align: center; position: absolute; z-index: 1; height: 100%; width: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.2); } .c-video-player .f-video-trigger div:hover { background-color: rgba(0, 0, 0, 0.4); } .c-video-player .f-video-trigger div span { top: calc(50% - 62px); left: calc(50% - 24px); font-size: 13px; border: 1px solid transparent; color: #fff; position: absolute; min-height: 36px; min-width: 44px; text-align: left; background: #000; padding: 8px; } @media (max-width: 767px) { .c-video-player .f-video-trigger div span { font-size: 12px; } } .c-video-player .f-video-trigger div .c-heading { font-size: 24px; margin-bottom: 12px; font-weight: 700; padding: 0; margin: 0 auto; max-width: 60%; } @media (max-width: 767px) { .c-video-player .f-video-trigger div .c-heading { font-size: 20px; } } .c-video-player .f-video-trigger div p { font-size: 13px; padding: 0; max-width: 33.33333%; margin: 0 auto; } .c-video-player .f-video-trigger div a, .c-video-player .f-video-trigger div button { position: relative; background: rgba(0, 0, 0, 0.6); border-radius: 50%; color: #fff; margin: 0; padding: 0; } .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label], .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label] { font-size: 24px; font-family: "MWF-MDL2"; content: ""; margin: 0 auto; line-height: 13px; padding-right: 0; height: 48px; width: 48px; color: #fff; outline: none; top: calc(50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; right: 0; } @media (max-width: 767px) { .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label], .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label] { font-size: 20px; } } .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label]:hover, .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label]:hover { color: rgba(255, 255, 255, 0.8); } .c-video-player .f-video-trigger div a.c-action-trigger.c-glyph[aria-label]:focus, .c-video-player .f-video-trigger div button.c-action-trigger.c-glyph[aria-label]:focus { background: rgba(0, 0, 0, 0.6); outline: 2px dashed #fff; } .c-video-player .f-video-trigger[class*="f-mask"].theme-light > section { background: #fff; } .c-video-player .f-video-trigger[class*="f-mask"].theme-dark > section { background: #000; } .c-video-player + .m-media-gallery { padding: 24px 0 0; } .c-video-player [aria-hidden="true"] { display: none !important; } .c-dialog.x-lightbox-video .glyph-cancel + div { background: none; }