.SC{height: 540px;width: 720px;display:none;overflow:hidden;}.DopPhAnchor{position:absolute;white-space:nowrap;border:none;outline:none;}.DopPhAnchor img{border:none;outline:none;}.svgC, .svgC svg{height:100%; width:100%}Div > *{pointer-events:all;}div.mediacontrol { min-width: 200px; height: 35px; } div.mediacontrol:hover { opacity: 1; } div.mediacontrol:hover .mediacontrolleft { background-color: rgba(118, 118, 118,0.75); } div.mediacontrol:hover .mediacontrolright { background-color: rgba(118, 118, 118,0.75); } div.mediacontrolleft, div.mediacontrolright { background-color: rgba(118, 118, 118,0.50); border-radius: 7px; } div.mediacontrolleft { width: 35px; height: 100%; } .mediaplaybutton:hover path { fill: rgba(255,175,65,0.75); } .mediaplaybutton:hover rect { fill: rgba(255,175,65,0.75); } .mediafullbutton:hover path { stroke: rgba(255,175,65,0.75); } div.mediacontrolright { width: calc(100% - 40px); height: 100%; left: 40px; } .hiddenControl { visibility: hidden; } .mediavolume { width: 35px; height: 100%; left: calc(100% - 40px); } .mediafullscreen { width: 35px; height: 100%; left: calc(100% - 40px); } .mediaprogress { width: calc(100% - 47px); height: calc(100% - 8px); left: 4px; top: 4px; border-radius: 4px; background-color: rgba(200,200, 200,0.35); text-align: center; cursor: pointer; } .mediaprogressbar { left: 4px; top: 4px; height: calc(100% - 8px); background-color: rgba(200,200, 200,0.65); pointer-events: none; } .progresstextdiv { left: 4px; top: 4px; height: calc(100% - 8px); width: calc(100% - 8px); } .progresstext { text-align: center; color: black; font-size: 14px; pointer-events: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.004) !important; } /*tooltip*/ .tooltiptext { top: -40px; position: absolute; width: 80px; background-color: rgba(0,0,0,0.5); color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; z-index: 1; visibility: hidden } .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: rgba(0,0,0,0.5) transparent transparent transparent; } .mediaprogress:hover .tooltiptext { visibility: visible; } .mediavolumecontrol { top: -72px; width: 30px; height: 70px; margin-left: 2.5px; background-color: rgba(118, 118, 118,0.75); border-radius: 6px; } .mediavolumecontrol::after { content: ""; position: absolute; top: 100%; height: 2px; width: 100%; background-color: rgba(0,0,0,0.05); } .mediavolumeslider { top: 7px; height: 56px; left: 13.5px; width: 3px; background-color: rgb(255,255,255); border-radius: 3px; cursor: pointer; } .mediavolumesliderpoint { height: 10px; width: 10px; border-radius: 10px; left: -4.5px; background-color: rgb(255,255,255); border-color: rgb(128,128,128); border-width: 0.5px; border-style: solid; cursor: pointer; } .mediavolumesliderpoint:hover { background-color: rgba(255,175,65,1);}.pre089f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:44px;color:#008998;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre189f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:24px;color:#00467F;font-family: "Arial Narrow", Font189f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:28px;}.pre289f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:17px;color:#00467F;font-family: "Arial Narrow", Font189f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:20px;}.pre389f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:36px;color:#008998;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre489f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:30px;color:#00467F;background-color: ;font-family: "Arial", Font289f1a073-45c8-4d01-a113-bff4c1e855aa;}.pre589f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:30px;color:#00467F;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre689f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:32px;color:#008998;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre789f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:8px;color:#000000;font-family: "Arial Narrow", Font189f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:10px;}.pre889f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:18px;color:#000000;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre989f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:18px;color:#00467F;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre1089f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:18px;color:#000000;font-family: "Arial Narrow", Font189f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:21px;}.pre1189f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:28px;color:#000000;background-color: ;font-family: "Arial", Font289f1a073-45c8-4d01-a113-bff4c1e855aa;}.pre1289f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:28px;color:#000000;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre1389f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:36px;color:#000066;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre1489f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:28px;color:#00467F;font-family: "Arial", Font289f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:32px;}.pre1589f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:28px;color:#00467F;font-family: "Arial Narrow", Font189f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:32px;}.pre1689f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:36px;color:#FF8000;font-family: "Arial Narrow", Font189f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:41px;}.pre1789f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:26px;color:#00467F;font-family: "Arial Narrow", Font189f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:30px;}.pre1889f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:26px;color:#00467F;font-family: "Arial", Font289f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:30px;}.pre1989f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:25px;color:#00467F;background-color: ;font-family: "Arial", Font289f1a073-45c8-4d01-a113-bff4c1e855aa;}.pre2089f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:25px;color:#00467F;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre2189f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:25px;color:#00B050;background-color: ;font-family: "Arial", Font289f1a073-45c8-4d01-a113-bff4c1e855aa;}.pre2289f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:25px;color:#00B050;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre2389f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:32px;color:#00467F;font-family: "Arial", Font289f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:36px;}.pre2489f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:32px;color:#00467F;font-family: "Arial Narrow", Font189f1a073-45c8-4d01-a113-bff4c1e855aa;line-height:37px;}.pre2589f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:25px;color:#00467F;text-decoration:underline;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre2689f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:20px;color:#00467F;background-color: ;font-family: "Arial", Font289f1a073-45c8-4d01-a113-bff4c1e855aa;}.pre2789f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:20px;color:#00467F;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}.pre2889f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:27px;color:#00467F;background-color: ;font-family: "Arial", Font289f1a073-45c8-4d01-a113-bff4c1e855aa;}.pre2989f1a073-45c8-4d01-a113-bff4c1e855aa{font-size:27px;color:#00467F;font-family: Font089f1a073-45c8-4d01-a113-bff4c1e855aa, "Arial Narrow";font-weight:bold;}