h2 a { text-decoration: underline !important; } .chevron-right h2 a { text-decoration: none !important; } .white .heading, .white .subheading, .white .normal, .white a { color:white; } .pagecontent { margin-top: 0; } .bigger { padding-top: 0; } .bigger .subheading { font-weight: 700; font-size: 1.8rem; margin-top: 0; } .chevron-right a { position: relative; } .chevron-right a:after { content: ""; display: block; height: 18px; width: 18px; background-size: 18px 18px; background-image:url('/images/18.27dd4df418cca16de4a17a/1707394536153/right-thin-chevron-svgrepo-com.png'); background-repeat: no-repeat; filter: invert(1) brightness(1); position: absolute; right: -23px; top: 8px; } .sv-linkicon { display:none; } a[rel="external"] { position: relative; } a[rel="external"]:after { content: ""; display: block; height: 18px; width: 18px; background-size: 18px 18px; background-image:url('/images/18.27dd4df418cca16de4a174/1707394535977/external-link-svgrepo-com.svg'); background-repeat: no-repeat; filter: invert(1) brightness(1); position: absolute; right: -21px; top: 0px; } img.recrute { border-width: 3px; --env-border-color: white !important; } .glitch { position: relative; display: flex; justify-content: flex-end; /*animation-iteration-count: infinite !important;*/ } /* Glitchar */ #g_01 { top: 485px; transform: rotate(180deg); margin-right: auto; margin-left: 0px; } #g_02 { top: 414px; transform: rotate(0deg); margin-right: 1px; margin-left: auto; } #g_03 { top: 103px; transform: rotate(180deg); margin-right: 1px; margin-left: auto; } #g_04 { top: 17px; transform: rotate(180deg); margin-right: auto; margin-left: 2px; } #g_05 { top: 11px; transform: rotate(0deg); margin-right: 315px; margin-left: auto; display:none; } @keyframes blinkImage_g_01 { 0% { transform: translate(1px, 0) ; opacity: 1; } .5% { transform: translate(-1px, 0) ; opacity: 1; } 1% { transform: translate(-3px, 0) ; opacity: 1; } 1.5% { transform: translate(3px, 0) ; opacity: 1; } 2% { transform: translate(1px, 0) ; opacity: 1; } 2.5% { transform: translate(-1px, 0) ; opacity: 1; } 3% { transform: translate(-3px, 0) ; opacity: 1; } 3.5% { transform: translate(3px, 0) ; opacity: 1; } 4% { transform: translate(0, 0) ; opacity: 1; } 6% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_02 { 0% { transform: translate(0, 0) ; opacity: 0; } 10% { transform: translate(0, 0) ; opacity: 0; } 10.5% { transform: translate(-1px, 0) ; opacity: 1; } 11% { transform: translate(-3px, 0) ; opacity: 1; } 11.5% { transform: translate(3px, 0) ; opacity: 1; } 12% { transform: translate(1px, 0) ; opacity: 1; } 12.5% { transform: translate(-1px, 0) ; opacity: 1; } 13% { transform: translate(-3px, 0) ; opacity: 1; } 13.5% { transform: translate(3px, 0) ; opacity: 1; } 14% { transform: translate(0, 0) ; opacity: 1; } 16% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_03 { 0% { transform: translate(0, 0) ; opacity: 0; } 20% { transform: translate(0, 0) ; opacity: 0; } 20.5% { transform: translate(-1px, 0) ; opacity: 1; } 21% { transform: translate(-3px, 0) ; opacity: 1; } 21.5% { transform: translate(3px, 0) ; opacity: 1; } 22% { transform: translate(1px, 0) ; opacity: 1; } 22.5% { transform: translate(-1px, 0) ; opacity: 1; } 23% { transform: translate(-3px, 0) ; opacity: 1; } 23.5% { transform: translate(3px, 0) ; opacity: 1; } 24% { transform: translate(0, 0) ; opacity: 1; } 26% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_04 { 0% { transform: translate(0, 0) ; opacity: 0; } 30% { transform: translate(0, 0) ; opacity: 0; } 30.5% { transform: translate(-1px, 0) ; opacity: 1; } 31% { transform: translate(-3px, 0) ; opacity: 1; } 31.5% { transform: translate(3px, 0) ; opacity: 1; } 32% { transform: translate(1px, 0) ; opacity: 1; } 32.5% { transform: translate(-1px, 0) ; opacity: 1; } 33% { transform: translate(-3px, 0) ; opacity: 1; } 33.5% { transform: translate(3px, 0) ; opacity: 1; } 34% { transform: translate(0, 0) ; opacity: 1; } 36% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_05 { 0% { transform: translate(0, 0) ; opacity: 0; } 30% { transform: translate(0, 0) ; opacity: 0; } 30.5% { transform: translate(-1px, 0) ; opacity: 1; } 31% { transform: translate(-3px, 0) ; opacity: 1; } 31.5% { transform: translate(3px, 0) ; opacity: 1; } 32% { transform: translate(1px, 0) ; opacity: 1; } 32.5% { transform: translate(-1px, 0) ; opacity: 1; } 33% { transform: translate(-3px, 0) ; opacity: 1; } 33.5% { transform: translate(3px, 0) ; opacity: 1; } 34% { transform: translate(0, 0) ; opacity: 1; } 36% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } #g_m01 { top: 489px; transform: rotate(180deg); margin-right: 1px; margin-left: auto; } #g_m02 { top: 491px; transform: rotate(0deg); margin-right: -168px; margin-left: auto; } #g_m03 { top: 168px; transform: rotate(180deg); margin-right: -134px; margin-left: auto; } #g_m04 { top: 112px; transform: rotate(180deg); margin-right: auto; margin-left: -244px; } #g_m05 { top: 75px; transform: rotate(0deg); margin-right: 315px; margin-left: auto; } @keyframes blinkImage_g_m01 { 0% { transform: translate(1px, 0) ; opacity: 1; } .5% { transform: translate(-1px, 0) ; opacity: 1; } 1% { transform: translate(-3px, 0) ; opacity: 1; } 1.5% { transform: translate(3px, 0) ; opacity: 1; } 2% { transform: translate(1px, 0) ; opacity: 1; } 2.5% { transform: translate(-1px, 0) ; opacity: 1; } 3% { transform: translate(-3px, 0) ; opacity: 1; } 3.5% { transform: translate(3px, 0) ; opacity: 1; } 4% { transform: translate(0, 0) ; opacity: 1; } 6% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_m02 { 0% { transform: translate(0, 0) ; opacity: 0; } 10% { transform: translate(0, 0) ; opacity: 0; } 10.5% { transform: translate(-1px, 0) ; opacity: 1; } 11% { transform: translate(-3px, 0) ; opacity: 1; } 11.5% { transform: translate(3px, 0) ; opacity: 1; } 12% { transform: translate(1px, 0) ; opacity: 1; } 12.5% { transform: translate(-1px, 0) ; opacity: 1; } 13% { transform: translate(-3px, 0) ; opacity: 1; } 13.5% { transform: translate(3px, 0) ; opacity: 1; } 14% { transform: translate(0, 0) ; opacity: 1; } 16% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_m03 { 0% { transform: translate(0, 0) ; opacity: 0; } 20% { transform: translate(0, 0) ; opacity: 0; } 20.5% { transform: translate(-1px, 0) ; opacity: 1; } 21% { transform: translate(-3px, 0) ; opacity: 1; } 21.5% { transform: translate(3px, 0) ; opacity: 1; } 22% { transform: translate(1px, 0) ; opacity: 1; } 22.5% { transform: translate(-1px, 0) ; opacity: 1; } 23% { transform: translate(-3px, 0) ; opacity: 1; } 23.5% { transform: translate(3px, 0) ; opacity: 1; } 24% { transform: translate(0, 0) ; opacity: 1; } 26% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_m04 { 0% { transform: translate(0, 0) ; opacity: 0; } 30% { transform: translate(0, 0) ; opacity: 0; } 30.5% { transform: translate(-1px, 0) ; opacity: 1; } 31% { transform: translate(-3px, 0) ; opacity: 1; } 31.5% { transform: translate(3px, 0) ; opacity: 1; } 32% { transform: translate(1px, 0) ; opacity: 1; } 32.5% { transform: translate(-1px, 0) ; opacity: 1; } 33% { transform: translate(-3px, 0) ; opacity: 1; } 33.5% { transform: translate(3px, 0) ; opacity: 1; } 34% { transform: translate(0, 0) ; opacity: 1; } 36% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_m05 { 0% { transform: translate(0, 0) ; opacity: 0; } 30% { transform: translate(0, 0) ; opacity: 0; } 30.5% { transform: translate(-1px, 0) ; opacity: 1; } 31% { transform: translate(-3px, 0) ; opacity: 1; } 31.5% { transform: translate(3px, 0) ; opacity: 1; } 32% { transform: translate(1px, 0) ; opacity: 1; } 32.5% { transform: translate(-1px, 0) ; opacity: 1; } 33% { transform: translate(-3px, 0) ; opacity: 1; } 33.5% { transform: translate(3px, 0) ; opacity: 1; } 34% { transform: translate(0, 0) ; opacity: 1; } 36% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } #g_11 { top: 230px; transform: rotate(0deg); margin-right: auto; margin-left: 0px; } #g_12 { top: 82px; transform: rotate(0deg); margin-right: 0; margin-left: auto; } #g_13 { display:none; } #g_14 { display:none; } @keyframes blinkImage_g_11 { 0% { transform: translate(1px, 0) ; opacity: 1; } .5% { transform: translate(-1px, 0) ; opacity: 1; } 1% { transform: translate(-3px, 0) ; opacity: 1; } 1.5% { transform: translate(3px, 0) ; opacity: 1; } 2% { transform: translate(1px, 0) ; opacity: 1; } 2.5% { transform: translate(-1px, 0) ; opacity: 1; } 3% { transform: translate(-3px, 0) ; opacity: 1; } 3.5% { transform: translate(3px, 0) ; opacity: 1; } 4% { transform: translate(0, 0) ; opacity: 1; } 6% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_12 { 0% { transform: translate(0, 0) ; opacity: 0; } 10% { transform: translate(0, 0) ; opacity: 0; } 10.5% { transform: translate(-1px, 0) ; opacity: 1; } 11% { transform: translate(-3px, 0) ; opacity: 1; } 11.5% { transform: translate(3px, 0) ; opacity: 1; } 12% { transform: translate(1px, 0) ; opacity: 1; } 12.5% { transform: translate(-1px, 0) ; opacity: 1; } 13% { transform: translate(-3px, 0) ; opacity: 1; } 13.5% { transform: translate(3px, 0) ; opacity: 1; } 14% { transform: translate(0, 0) ; opacity: 1; } 16% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_13 { 0% { transform: translate(0, 0) ; opacity: 0; } 20% { transform: translate(0, 0) ; opacity: 0; } 20.5% { transform: translate(-1px, 0) ; opacity: 1; } 21% { transform: translate(-3px, 0) ; opacity: 1; } 21.5% { transform: translate(3px, 0) ; opacity: 1; } 22% { transform: translate(1px, 0) ; opacity: 1; } 22.5% { transform: translate(-1px, 0) ; opacity: 1; } 23% { transform: translate(-3px, 0) ; opacity: 1; } 23.5% { transform: translate(3px, 0) ; opacity: 1; } 24% { transform: translate(0, 0) ; opacity: 1; } 26% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_14 { 0% { transform: translate(0, 0) ; opacity: 0; } 30% { transform: translate(0, 0) ; opacity: 0; } 30.5% { transform: translate(-1px, 0) ; opacity: 1; } 31% { transform: translate(-3px, 0) ; opacity: 1; } 31.5% { transform: translate(3px, 0) ; opacity: 1; } 32% { transform: translate(1px, 0) ; opacity: 1; } 32.5% { transform: translate(-1px, 0) ; opacity: 1; } 33% { transform: translate(-3px, 0) ; opacity: 1; } 33.5% { transform: translate(3px, 0) ; opacity: 1; } 34% { transform: translate(0, 0) ; opacity: 1; } 36% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } #g_21 { top: 32px; transform: rotate(0deg); margin-right: 0px; margin-left: auto; } #g_22 { top: 181px; transform: rotate(0deg); margin-right: -71px; margin-left: auto; display:none; } #g_23 { top: 10px; transform: rotate(0deg); margin-right: auto; margin-left: -372px; } #g_24 { top: 158px; transform: rotate(0deg); margin-right: auto; margin-left: 288px; display: none; } @keyframes blinkImage_g_21 { 0% { transform: translate(1px, 0) ; opacity: 1; } .5% { transform: translate(-1px, 0) ; opacity: 1; } 1% { transform: translate(-3px, 0) ; opacity: 1; } 1.5% { transform: translate(3px, 0) ; opacity: 1; } 2% { transform: translate(1px, 0) ; opacity: 1; } 2.5% { transform: translate(-1px, 0) ; opacity: 1; } 3% { transform: translate(-3px, 0) ; opacity: 1; } 3.5% { transform: translate(3px, 0) ; opacity: 1; } 4% { transform: translate(0, 0) ; opacity: 1; } 6% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_22 { 0% { transform: translate(0, 0) ; opacity: 0; } 10% { transform: translate(0, 0) ; opacity: 0; } 10.5% { transform: translate(-1px, 0) ; opacity: 1; } 11% { transform: translate(-3px, 0) ; opacity: 1; } 11.5% { transform: translate(3px, 0) ; opacity: 1; } 12% { transform: translate(1px, 0) ; opacity: 1; } 12.5% { transform: translate(-1px, 0) ; opacity: 1; } 13% { transform: translate(-3px, 0) ; opacity: 1; } 13.5% { transform: translate(3px, 0) ; opacity: 1; } 14% { transform: translate(0, 0) ; opacity: 1; } 16% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_23 { 0% { transform: translate(0, 0) ; opacity: 0; } 20% { transform: translate(0, 0) ; opacity: 0; } 20.5% { transform: translate(-1px, 0) ; opacity: 1; } 21% { transform: translate(-3px, 0) ; opacity: 1; } 21.5% { transform: translate(3px, 0) ; opacity: 1; } 22% { transform: translate(1px, 0) ; opacity: 1; } 22.5% { transform: translate(-1px, 0) ; opacity: 1; } 23% { transform: translate(-3px, 0) ; opacity: 1; } 23.5% { transform: translate(3px, 0) ; opacity: 1; } 24% { transform: translate(0, 0) ; opacity: 1; } 26% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } @keyframes blinkImage_g_24 { 0% { transform: translate(0, 0) ; opacity: 0; } 30% { transform: translate(0, 0) ; opacity: 0; } 30.5% { transform: translate(-1px, 0) ; opacity: 1; } 31% { transform: translate(-3px, 0) ; opacity: 1; } 31.5% { transform: translate(3px, 0) ; opacity: 1; } 32% { transform: translate(1px, 0) ; opacity: 1; } 32.5% { transform: translate(-1px, 0) ; opacity: 1; } 33% { transform: translate(-3px, 0) ; opacity: 1; } 33.5% { transform: translate(3px, 0) ; opacity: 1; } 34% { transform: translate(0, 0) ; opacity: 1; } 36% { transform: translate(0, 0) ; opacity: 0; } 49% { transform: translate(0, 0) ; opacity: 0; } 50% { transform: translate(0, 0) ; opacity: 1; } 51% { transform: translate(0, 0) ; opacity: 0; } 90% { transform: translate(0, 0) ; opacity: 0; } 100% { transform: translate(0, 0) ; opacity: 0; } } /* Tablet */ @media (min-width:480px) and (max-width: 979px) { body { max-width: 100%; overflow-x: hidden; } div.pagecontent{ margin-left: 0; margin-right: 0; } div.pagecontent h1 , div.pagecontent h2, div.pagecontent p { padding-left: 2rem; padding-right: 2rem; } nav.container { margin-left: 0; margin-right: 0; position: relative; z-index: 10000; } #g_11 { top:41px !important; } #g_12 { top:unset !important; bottom: -400px !important; margin-right: 1px !important; } #g_23 { top:110px !important; margin-left: 0px !important; } #g_24 { top: 142px !important; margin-left: auto !important; margin-right:-682px !important; } } /* Phone */ @media (max-width: 479px) { body { max-width: 100%; overflow-x: hidden; } div.container { margin-left: -24px; margin-right: -24px; } nav.container { margin-left: 24px; margin-right: 24px; position: relative; z-index: 10000; } .sv-visible-sv-bp-mobile { background-position: -460px 0 !important; } #g_m01 { top: 352px !important; margin-right: auto !important; margin-left: 98px !important; } #g_m02 { display:none !important; } #g_m03 { display:none !important; } #g_m04 { display:none !important; } #g_m05 { top: -15px !important; margin-left: 2px !important; } #g_11 { top:144px !important; } #g_12 { display:none; } #g_21 { top: 32px; transform: rotate(0deg); margin-right: auto; margin-left: 2px; } #g_23 { display:none; } } @media (max-width: 360px) { .sv-visible-sv-mobile { background-position: -670px 0 !important; } } /***** VIDEO *********/ figure { max-width:1024px; max-width:64rem; width:100%; height:100%; max-height:494px; max-height:30.875rem; margin:20px auto; margin:1.25rem auto; } video { width:100%; } /* controls */ .controls, .controls > * { padding:0; margin:0; } .controls { overflow:hidden; background:transparent; width:100%; height:8.0971659919028340080971659919028%; /* of figure's height */ position:relative; } .controls[data-state=hidden] { display:none; } .controls[data-state=visible] { display:block; } .controls > * { float:left; width:3.90625%; height:100%; margin-left:0.1953125%; display:block; } .controls > *:first-child { margin-left:0; } .controls .progress { cursor:pointer; width:75.390625%; } .controls button { text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none; cursor:pointer; text-indent:-99999px; background:transparent; background-size:contain; background-repeat:no-repeat; } .controls button:hover, .controls button:focus { opacity:0.5; } .controls button[data-state="play"] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNkU0NTY5NkE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNkU0NTY5NUE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+kBUJ9AAAAXFJREFUeNrsmLtOAkEUhneQyiAdDTExGlYMBaW9oq/ge8jlUbwkthTY2EGBLehbKK0UxsQgVK7/SWbMZo3j3mbmxPAnXyi2+fIzZ3dmRBAEHucUPO6hBhUyNXAH3umxJRZgCBo/nCKCe+DVoliUN5LUCd46lFOMwk4iPCRCiDl+Ko5X3RJOm99OEcGAyVyIrFO8lEPE9jXTBNvgRq4ba6+ZuAs5nFMwy3NQdFOcRpBSBtfgk6ugykkebZoUpGyBqyxtmhZUaYFnzoKqzcukbdoUVDkGT5wFKSVwEadNV4IqR3+16VrQkxuSVRxBVzvqKija+tQl/fafyx00u7/YBxOOU0yttcEHx9fMPphy/JJQa50krdkUrIMHjruZDdBN25ppwYOsrZkSpNZ68hDFast/Bg7Bo4nDu+7g/m/Oxc6u3+YMnBY6wTEDwXvdbmYXvDi82aKrP183xZQd0LcsSktrIC9PvV+neH1HvRZ0kC8BBgADq2RhyZa7BQAAAABJRU5ErkJggg=='); } .controls button[data-state="pause"] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNzE0QzJGQUE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNzAxODM5QUE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+r7sqzQAAANdJREFUeNrs2MEKwjAMBuDGswd9C/UdPHvy6Ft6UTyKr6RDcceawDpKHZsE2kb4Az87GOiHNLCFvPfOcs2c9ZJ/MKSrDefCaeXnQmm7M9dfpgQoDY+CsDRy9moMeKqICznGJoqHhIie/JhXvnUNmxa9KQF6I3NBfzPFANYC7uTKRtkqeyZLOyQ0dLcVPRgSAAEEEEAAAQQQwJ9ftzQ92YAHzjLKXtmT7YUVX3UA5gK+DJiaMeDNAPCaToyl9dvdTazfpMIC810QJmed3cACk7CjBrByfQQYAHwMIXlfZRgfAAAAAElFTkSuQmCC'); } .controls button[data-state="stop"] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNzAxODM5M0E0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNzAxODM5MkE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KkF/7gAAAOFJREFUeNrsmMsKwjAQRTNdu/ELpAUR/AVdC/6nu66kK/0hFXyBj22cQCohQqDUJFO4A4cusphDmFvaIa21klyFkl7mBltszZgt8zTHiXgzDTP/cfIEp8wtoZjP3UiGBOuMci2N60RuSIjoyo9x5ql7sdPo6+QJaiG5oMGkGIKpBddmVHuy7NKwa0gK+yronYNYIdGYQQhCEIIQhCAEIThoQZIuuPpDz0XMD1b81SHFsQUvApweIcGdAMG9nxh3u1UyJ5Vvs3VmqtD6zdSE2TCHhGJH27P0L42wo4Zg5voIMAB0bCBXvSa7VQAAAABJRU5ErkJggg=='); } .controls button[data-state="mute"] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMzYxQThBMUE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMzYxQThBMEE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ohJkMQAAAjNJREFUeNrsmM8rRFEUx8ePxo8YokmJpMiGkIWU8mNJIZRkKcWGnfwDNgoh2ZB/gWzsKXakiSaUskP5LaMxz/fWmTqd3rx5Y96dod6pT3r33td83HPfvee9DMMwPH85MlxBV9AVjBNKkJNEzInrcpCbtI9DguMgIn8LfINrsA16QXY6BPtAmISkoETJjqmllSrBbvDJBHjcgFAM0X3g1y3YDJ7ED8tQKW0DC+BBjL0E1boEa8Cdyczw6AJV7LoYrNBa5ZKlTgtW0Foy4ghG287BLMij9hHwwfp3nRQsAmcx5OI9JFegkfr6xUwOOyGYD44s5OTNB+BZ9Ks120D9K2KWM+0KroGvOCJ2BFV4wQR4YWMuQA5l45G1d9oVDP9Szmr6VWpf2bhpal9mbet2BQ0Ngipm2LhTautkbSfpFixgm3qEUuxj976bCWamsC55o/XnoaOunNbmG3sI8+RNqRR0rNzSleJCkWLfX0vxOG0vHtrsVXpbWH/Q7CYzwYgGuSYwz6436e8Aazuym+KNJPZCGWrGJsUeGN2oi8VG3eHEUXecgOChOEEMEqqn/lXWHkjkqLMKfxLFgpq5OpZaXiwMOl1u3SYgGKBTxMsqGV5u7egoWGttFKzqGKsUJ8mSScFaoqvkb7VR8quHoR0sgnsxNij+AW0vTaEYgncWa3VPlvo6XzuHEnjtVCkdTceL+1QMwTBJbYEekJWuLwtmnz7K2NH269rA/brlCrqC/13wR4ABACa7olAORNxuAAAAAElFTkSuQmCC'); } .controls button[data-state="unmute"] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMzk2MTA2OUE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMzk2MTA2OEE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LD0czAAAARZJREFUeNrsly8LAkEQxW/lksUgGMxWs8VgEdRgEMwmv4Lfw2TwawgaxGI2WQ0Gm0WDBv+db3SFK4K3nnMjzIMfF/exzHs7Z4Ig8CQr5QmXGlSDf2fQGONKz8kh1UwUHNUBt6hnPc5jMNgEl+ddyDNYAQcy52rQRD2U5ulDFcEcZELjZKSkuACmYXOSaiYPxiAnsQfpxib2BsUVdRqM7Owl+pL0wemVzBCU1nLc8+KS4jM+vuOjwJJi32OUbjNqUA3+wOBVusGB3e9YFOe6RU/dDJSSLup3OoIaWEoOyQ40wFpyijegCraSa2YF6mAvuQcXoGVXM7FFTaluf9WdTD/uXdcfd67dbgiyLEWty4IaVIPCdBdgAJkkaR2v57S0AAAAAElFTkSuQmCC'); } .controls button[data-state="volup"] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNzU1OEJFREE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNzU1OEJFQ0E0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1Pk2GwAAAQ9JREFUeNrsmL0KwjAQgHMOiogIPoLSQR9CcdDRxclXLIrg2mdSsYK41HjBVEJsM6XNld7BR6GF9mu4y8+BlFJQjo6gHmoEc3REyAG5qcc1cUViZPrnZAnOahazuSATl+A5oFxObDqBWSQA8MRLP3DWpeg0+jlZgpJIXUBjqrg1gmuVIRY7Hy/2lYNQ8vMZ5Rx8cw6yYNsENwVTCZRUsFndOQNkrNlXMc2A54HJKC91Peo52PUt+KBeJENk4fG7SwprsdA7ZN4PsiALVrny+BJcFdzbUtry87GzMYIvAk6pSzAhIJjYCWl2t+YibPtN9QkjV/tNheoRnvRQ1yV2R47i2zwVpe03rmIWDBAfAQYAByYx7rBsQ/AAAAAASUVORK5CYII='); } .controls button[data-state="voldown"] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNzU1OEJGMUE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNzU1OEJGMEE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+B37OGAAAANpJREFUeNrs2MEKwjAMBuDGk0efwSGCr6FXfU/FHeZV30hQ50U8dSmsMiLUCV0b5Q/87DDYPspCRshaazTXyGgvd4I+bc05e87V3U6UC2fLKd5MArhIDJM5c6Yh4CEjzmfXNVG3SYjowZdx5q+uZtPkZRJAq6Qv6Ge6GEAAAQQQwP61csMmUpZ9X/rNqKPYEw2j7p+BNARwHek7dM/YDNEk+B9EkwAIIIAAfgY+FZjuIeBJAfAo555cv91Mvs2W2xMWofWbR1btUaeC1ZySM5OHRthRA5i5GgEGAJmoHqaNWADvAAAAAElFTkSuQmCC'); } .controls button[data-state="go-fullscreen"] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCM0M2OUNCREE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCM0M2OUNCQ0E0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cU+iTAAAAZBJREFUeNrs2D9OwzAUBvC6iMMgBgYGpLIxIqYS0cPQKkOIuBErZ2DiDnQoHVBpaQnPEpUs13+e/T5LHfKkb6mr+BfHbh2rrusGx1yqB0pLA83ojyKpBd09xa5/4EkE1oAxaUoBa+CDa7jAIfOCv5R3IPCVskXPQX3BBwDuhvKFesRrMNKF2+UC9Zy7onw6kBMQTg/ArTknuUBzQSCQXpzRb8MFularBBkaObvvhgP0VQ4yiHMtUgkwFRnFlQCGkFUqrhTQhZxTLoz2e8omhisJNJE2zkZ6cRzgwXZLKZWK/Ka8edo1ckV5CQGT9oOJQMh2L1TDwZGXFDimXAbazykj9I6aW9X/Ilh4kBr3QVlSrnMXSS6wsn5GbOQet2/3IksAbZwLMGZ8pwhQ4344HTNvBAr04UaS0c4BtiAcC2n1/cjdsLYgXBRp9DtN3fK3IBxnJKe5L007EC6EXKFe3JfifwU/UgzcgHAmcos8WTil3AGBZ5STEqdbzwDcrOTplhQ5Sz1+609Ye2APjNSfAAMAv4p3Pa/O/tsAAAAASUVORK5CYII='); } .controls button[data-state="cancel-fullscreen"] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCM0M2OUNCOUE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMzlFNDkzMUE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1VELOwAAAadJREFUeNrs2EtOwzAQBuAEOAEIKsQluAAbGqSGHRIrEKveoQEWNOF0SFyGZ6GkwowlWwpm7IwdT8kiI/2LWk39yY4faiqESPpcG0nPq/fARE5xM0btrIGw7fQ4gJeQJ8gRI24MeYac+wIvICv5fcgrE1Li3lUftUZSgAeQhXpQMCGbOJ03yC51BM8gSyYkhpN95b7voA+yQtpukLbMgjsNWSRUZKXa/2wQBjJzjVwosA1ZNdowoMwtFRcKtCHNzzagsDybk/ZlItCGpAJJuK5AjVx1ANYuHAb0PYsPIZsdtpgt9RvRzuIEWa1dp1hYtqBOU3zf0qEvUK/uVmBqotI0/ffb1XBhHYBIlQyL5Dr2NlNGBBZcJ0kZAVhwniQP6qgLrS/II9dJMoF8RhhBee06jj3FGK72ANYIchwLiOFkByeQOQFYqCv9koL0BeYOnK65AzgzfgtDZqFACk7XHdI2Q9pakVTgxAPnW7lruinAfcgHE86FfIHsUUdwCvlmwmFIubde+b6DU/V3BAeuiVxoXMgqHq3hwjLyulEP98EBOAB/148AAwA7RI/R8UopbwAAAABJRU5ErkJggg=='); } .controls button[data-state="subtitles"] { background-image: url('data:image/png;base64,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'); } .controls progress { display:block; width:100%; height:81%; margin-top:2px; margin-top:0.125rem; border:none; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#0095dd; /* Internet Explorer uses this value as the progress bar's value colour */ } .controls progress[data-state="fake"] { background:#e6e6e6; height:65%; } .controls progress span { width:0%; height:100%; display:inline-block; background-color:#2a84cd; } .controls progress::-moz-progress-bar { background-color:#0095dd; } /* Chrome requires its own rule for this, otherwise it ignores it */ .controls progress::-webkit-progress-value { background-color:#0095dd; } /* fullscreen */ html:-ms-fullscreen { width:100%; } :-webkit-full-screen { background-color:transparent; } video:-webkit-full-screen + .controls { background:#ccc; /* required for Chrome which doesn't heed the transparent value set above */ } video:-webkit-full-screen + .controls progress { margin-top:0.5rem; } /* hide controls on fullscreen with WebKit */ figure[data-fullscreen=true] video::-webkit-media-controls { display:none !important; } figure[data-fullscreen=true] { max-width:100%; width:100%; margin:0; padding:0; max-height:100%; } figure[data-fullscreen=true] video { height:auto; } figure[data-fullscreen=true] figcaption { display:none; } figure[data-fullscreen=true] .controls { position:absolute; bottom:2%; width:100%; z-index:2147483647; } figure[data-fullscreen=true] .controls li { width:5%; } figure[data-fullscreen=true] .controls .progress { width:68%; } /* Media Queries */ @media screen and (max-width:1024px) { figure { padding-left:0; padding-right:0; height:auto; } .controls { /* we want the buttons to be proportionally bigger, so give their parent a set height */ height:30px; height:1.876rem; } } @media screen and (max-width:42.5em) { .controls { height:auto; } .controls > * { display:block; width:16.6667%; margin-left:0; height:40px; height:2.5rem; margin-top:2.5rem; } .controls .progress { /*display:table-caption;*/ /* this trick doesn't work as elements are floated and the layout doesn't work */ position:absolute; top:0; width:100%; float:none; margin-top:0; } .controls .progress progress { width:98%; margin:0 auto; } .controls button { background-position:center center; } }