! function() { var e, t, n, o, i = { 410: function(e, t, n) { "use strict"; var o = n(81), i = n.n(o), r = n(645), a = n.n(r), l = n(667), d = n.n(l), s = new URL(n(858), n.b), u = new URL(n(924), n.b), c = new URL(n(373), n.b), p = new URL(n(212), n.b), f = new URL(n(928), n.b), _ = new URL(n(46), n.b), y = new URL(n(276), n.b), m = a()(i()), g = d()(s), v = d()(u), h = d()(c), b = d()(p), w = d()(f), I = d()(_), A = d()(y); m.push([e.id, ".fluid_video_wrapper {\n animation: none;\n animation-delay: 0;\n animation-direction: normal;\n animation-duration: 0;\n animation-fill-mode: none;\n animation-iteration-count: 1;\n animation-name: none;\n animation-play-state: running;\n animation-timing-function: ease;\n backface-visibility: visible;\n background: 0;\n background-attachment: scroll;\n background-clip: border-box;\n background-color: transparent;\n background-image: none;\n background-origin: padding-box;\n background-position: 0 0;\n background-position-x: 0;\n background-position-y: 0;\n background-repeat: repeat;\n background-size: auto auto;\n border: 0;\n border-style: none;\n border-width: medium;\n border-color: inherit;\n border-bottom: 0;\n border-bottom-color: inherit;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-style: none;\n border-bottom-width: medium;\n border-collapse: separate;\n border-image: none;\n border-left: 0;\n border-left-color: inherit;\n border-left-style: none;\n border-left-width: medium;\n border-radius: 0;\n border-right: 0;\n border-right-color: inherit;\n border-right-style: none;\n border-right-width: medium;\n border-spacing: 0;\n border-top: 0;\n border-top-color: inherit;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-top-style: none;\n border-top-width: medium;\n bottom: auto;\n box-shadow: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n caption-side: top;\n clear: none;\n clip: auto;\n color: inherit;\n columns: auto;\n column-count: auto;\n column-fill: balance;\n column-gap: normal;\n column-rule: medium none currentColor;\n column-rule-color: currentColor;\n column-rule-style: none;\n column-rule-width: none;\n column-span: 1;\n column-width: auto;\n content: normal;\n counter-increment: none;\n counter-reset: none;\n cursor: auto;\n direction: ltr;\n display: inline;\n empty-cells: show;\n float: none;\n font: normal;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n font-size: medium;\n font-style: normal;\n font-variant: normal;\n font-weight: normal;\n height: auto;\n hyphens: none;\n left: auto;\n letter-spacing: normal;\n line-height: normal;\n list-style: none;\n list-style-image: none;\n list-style-position: outside;\n list-style-type: disc;\n margin: 0;\n margin-bottom: 0;\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n max-height: none;\n max-width: none;\n min-height: 0;\n min-width: 0;\n opacity: 1;\n orphans: 0;\n outline: 0;\n outline-color: invert;\n outline-style: none;\n outline-width: medium;\n overflow: visible;\n overflow-x: visible;\n overflow-y: visible;\n padding: 0;\n padding-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n padding-top: 0;\n page-break-after: auto;\n page-break-before: auto;\n page-break-inside: auto;\n perspective: none;\n perspective-origin: 50% 50%;\n position: static;\n /* May need to alter quotes for different locales (e.g fr) */\n quotes: '\\201C' '\\201D' '\\2018' '\\2019';\n right: auto;\n tab-size: 8;\n table-layout: auto;\n text-align: inherit;\n text-align-last: auto;\n text-decoration: none;\n text-decoration-color: inherit;\n text-decoration-line: none;\n text-decoration-style: solid;\n text-indent: 0;\n text-shadow: none;\n text-transform: none;\n top: auto;\n transform: none;\n transform-style: flat;\n transition: none;\n transition-delay: 0s;\n transition-duration: 0s;\n transition-property: none;\n transition-timing-function: ease;\n unicode-bidi: normal;\n vertical-align: baseline;\n visibility: visible;\n white-space: normal;\n widows: 0;\n width: auto;\n word-spacing: normal;\n z-index: auto;\n -webkit-tap-highlight-color: transparent;\n}\n\n.fluid_video_wrapper canvas {\n pointer-events: none;\n}\n\n.fluid_video_wrapper,\n.fluid_video_wrapper * {\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n}\n\n.fluid_video_wrapper:after, .fluid_video_wrapper:before {\n content: none;\n}\n\n.fluid_video_wrapper {\n position: relative;\n display: inline-block;\n}\n\n.fluid_video_wrapper video {\n position: relative;\n background-color: #000000;\n display: block;\n}\n\n.fluid_video_wrapper .vast_video_loading {\n display: table;\n text-align: center;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: auto;\n z-index: 1;\n}\n\n.fluid_video_wrapper .vast_video_loading:before {\n background-image: url(" + g + ");\n background-position: center, center;\n background-repeat: no-repeat, repeat;\n background-color: rgba(0, 0, 0, 0.2);\n content: '';\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n}\n\n.skip_button {\n position: absolute;\n bottom: 50px;\n right: 0;\n background-color: rgba(0, 0, 0, 0.7);\n padding: 13px 21px 13px 21px;\n}\n\n.skip_button, .skip_button a {\n color: #ffffff;\n text-decoration: none;\n cursor: pointer;\n z-index: 10;\n font-size: 13px;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n font-weight: normal;\n white-space: nowrap;\n text-align: start;\n}\n\n.skip_button a span.skip_button_icon {\n display: inline-block;\n text-align: left;\n width: 21px;\n position: relative;\n bottom: 20px;\n}\n\n.skip_button a span.skip_button_icon:before {\n background: url(" + v + ') no-repeat;\n position: absolute;\n height: 18px;\n width: 18px;\n top: 6px;\n content: "";\n opacity: 0.8;\n -webkit-transition: opacity 0.3s ease-in-out;\n -moz-transition: opacity 0.3s ease-in-out;\n -ms-transition: opacity 0.3s ease-in-out;\n -o-transition: opacity 0.3s ease-in-out;\n transition: opacity 0.3s ease-in-out;\n background-position: -122px -57px;\n}\n\n.skip_button a span.skip_button_icon:before:hover {\n opacity: 1;\n}\n\n.skip_button_disabled {\n cursor: default !important;\n padding: 13px 21px 13px 21px;\n}\n\n.close_button {\n position: absolute;\n background: #000000 url(' + h + ") no-repeat scroll center center;\n height: 16px;\n width: 16px;\n top: 0;\n right: 0;\n background-size: 18px 18px;\n cursor: pointer;\n padding: 1px;\n z-index: 31;\n}\n\n.close_button:hover {\n background-color: #000000;\n border: 1px solid #ffffff;\n}\n\n.vast_clickthrough_layer {\n /*IE Fix*/\n background-color: white;\n opacity: 0;\n}\n\n.fluid_ad_playing {\n position: absolute;\n background-color: black;\n opacity: 0.8;\n border-radius: 1px;\n color: #ffffff;\n font-size: 13px;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n font-weight: normal;\n white-space: nowrap;\n text-align: start;\n line-height: 18px;\n z-index: 10;\n padding: 13px 21px 13px 21px;\n}\n\n.fluid_ad_cta {\n position: absolute;\n background-color: rgba(0, 0, 0, 0.7);\n color: #ffffff;\n font-size: 13px;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n font-weight: normal;\n text-align: right;\n cursor: pointer;\n z-index: 10;\n padding: 13px 21px 13px 13px;\n max-width: 50%;\n}\n\n.fluid_ad_cta.left {\n text-align: left;\n}\n\n.fluid_ad_cta a {\n text-decoration: none;\n color: #ffffff;\n line-height: 18px;\n}\n\n.fluid_ad_cta:hover,\n.skip_button:not(.skip_button_disabled):hover {\n background-color: rgba(0, 0, 0, 1);\n}\n\n.fluid_html_on_pause,\n.fluid_pseudo_poster {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n z-index: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n}\n\n.fluid_html_on_pause * {\n pointer-events: auto;\n}\n\n/*Mobile Layout*/\n.fluid_video_wrapper.mobile .skip_button {\n bottom: 50px;\n}\n\n/*\n.fluid_video_wrapper.mobile .fluid_ad_cta {\n bottom: 125px;\n}\n*/\n.fluid_initial_play {\n width: 60px;\n height: 60px;\n border-radius: 50px;\n cursor: pointer;\n}\n\n.fluid_initial_play_button {\n margin-top: 15px;\n margin-left: 23px;\n border-style: solid;\n border-width: 15px 0 15px 21px;\n border-color: transparent transparent transparent #ffffff;\n}\n\n.fluid_initial_pause_button {\n margin-top: 15px;\n margin-left: 17px;\n width: 8px;\n height: 31px;\n border: 9px solid white;\n border-top: 0;\n border-bottom: 0;\n}\n\n.fluid_timeline_preview {\n bottom: 11px;\n color: #ffffff;\n font-size: 13px;\n line-height: 18px;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n font-weight: normal;\n text-align: start;\n padding: 13px 21px 13px 21px;\n background-color: rgba(0, 0, 0, 0.85);\n border-radius: 1px;\n}\n\n/* Duration */\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration {\n display: inline-block;\n position: absolute;\n left: 32px;\n height: 24px;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n font-size: 13px;\n font-weight: normal;\n font-style: normal;\n text-align: left;\n text-decoration: none;\n line-height: 21px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration.cardboard_time {\n left: 13px;\n top: -15px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration.cardboard_time .ad_timer_prefix {\n color: #F2C94C;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .ad_countdown .ad_timer_prefix {\n color: #F2C94C;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .ad_countdown {\n /*display: none;*/\n position: absolute;\n right: 0;\n width: 75px;\n bottom: 5px;\n height: 24px;\n color: red;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n font-size: 13px;\n font-weight: normal;\n font-style: normal;\n text-align: left;\n text-decoration: none;\n line-height: 21px;\n}\n\n.initial_controls_show {\n visibility: visible !important;\n opacity: 1 !important;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container {\n color: white;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */\n background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ad000000', GradientType=0); /* IE6-9 */\n height: 100%;\n width: 100%;\n z-index: 0;\n pointer-events: none;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel {\n height: 96px;\n width: 72px;\n left: 10px;\n top: 10px;\n position: absolute;\n background: rgba(0, 0, 0, 0.7);\n text-align: center;\n border-radius: 6px;\n overflow: hidden;\n pointer-events: auto;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_button {\n cursor: pointer;\n display: inline-block;\n text-align: left;\n height: 24px;\n width: 24px;\n position: relative;\n background: url(" + v + ") no-repeat;\n opacity: 0.8;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_button:hover {\n opacity: 1;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_up {\n background-position: -336px -55px;\n -webkit-transform: rotate(270deg); /* Chrome, Opera 15+, Safari 3.1+ */\n -ms-transform: rotate(270deg); /* IE 9 */\n transform: rotate(270deg); /* Firefox 16+, IE 10+, Opera */\n display: block;\n left: calc(50% - 12px);\n top: 0;\n position: absolute;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_left {\n background-position: -336px -55px;\n -webkit-transform: rotate(180deg); /* Chrome, Opera 15+, Safari 3.1+ */\n -ms-transform: rotate(1890deg); /* IE 9 */\n transform: rotate(180deg); /* Firefox 16+, IE 10+, Opera */\n display: block;\n left: 0;\n top: 24px;\n position: absolute;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_right {\n background-position: -336px -55px;\n -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */\n -ms-transform: rotate(0deg); /* IE 9 */\n transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */\n display: block;\n right: 0;\n top: 24px;\n position: absolute;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_down {\n background-position: -336px -55px;\n -webkit-transform: rotate(90deg); /* Chrome, Opera 15+, Safari 3.1+ */\n -ms-transform: rotate(90deg); /* IE 9 */\n transform: rotate(90deg); /* Firefox 16+, IE 10+, Opera */\n display: block;\n left: calc(50% - 12px);\n top: 48px;\n position: absolute;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_zoomdefault {\n background-position: -336px -17px;\n top: 72px;\n -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */\n -ms-transform: rotate(0deg); /* IE 9 */\n transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */\n position: absolute;\n left: calc(50% - 12px);\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_zoomin {\n background-position: -305px -55px;\n top: 72px;\n -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */\n -ms-transform: rotate(0deg); /* IE 9 */\n transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */\n position: absolute;\n right: 0;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vr_container .fluid_vr_joystick_panel .fluid_vr_joystick_zoomout {\n background-position: -305px -17px;\n top: 72px;\n -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */\n -ms-transform: rotate(0deg); /* IE 9 */\n transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */\n position: absolute;\n left: 0;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.fluid_vr_controls_container {\n width: 50% !important;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.fluid_vr2_controls_container {\n width: 50% !important;\n left: 50%;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container {\n color: white;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */\n background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ad000000', GradientType=0); /* IE6-9 */\n height: 53px;\n z-index: 1;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vpaid_iframe {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n left: 0;\n z-index: -10;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vpaid_nonlinear_slot_iframe {\n z-index: 30;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_vpaid_slot {\n position: absolute !important;\n top: 0 !important;\n width: 100% !important;\n height: 100% !important;\n left: 0 !important;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_subtitles_container {\n color: white;\n position: absolute;\n bottom: 46px;\n left: 0;\n right: 0;\n height: auto;\n z-index: 1;\n text-align: center;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_subtitles_container div {\n display: inline;\n background: black;\n color: white;\n font-size: 1em;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n padding: 0.25em;\n border-radius: 4px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fade_out {\n visibility: hidden;\n opacity: 0;\n -webkit-transition: visibility 0.5s, opacity 0.5s; /* Safari */\n transition: visibility 0.5s, opacity 0.5s;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fade_in {\n visibility: visible;\n opacity: 1;\n -webkit-transition: visibility 0.5s, opacity 0.5s; /* Safari */\n transition: visibility 0.5s, opacity 0.5s;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default.pseudo_fullscreen {\n width: 100% !important;\n height: 100% !important;\n top: 0;\n left: 0;\n position: fixed;\n z-index: 99999;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default:-webkit-full-screen {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default:-ms-fullscreen {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu {\n background-color: #000000;\n color: #ffffff;\n font-size: 13px;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n font-weight: normal;\n white-space: nowrap;\n text-align: start;\n z-index: 11;\n opacity: 0.8;\n border-radius: 1px;\n}\n\n/* IE 10+ */\n_:-ms-lang(x),\n.fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu {\n text-align: left;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu ul li {\n padding: 13px 71px 13px 21px;\n cursor: pointer;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu ul li + li {\n border-top: 1px solid #000000;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_context_menu ul li:hover {\n background-color: #1e1e1e;\n color: #fbfaff;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_left {\n width: 24px;\n left: 20px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.skip_controls .fluid_controls_left {\n width: 80px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button {\n width: 24px;\n height: 24px;\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right {\n left: 60px;\n right: 20px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.skip_controls .fluid_controls_right {\n left: 110px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_left,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right {\n position: absolute;\n height: 24px;\n top: 23px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container {\n height: 14px;\n position: absolute;\n left: 13px;\n right: 13px;\n z-index: 1;\n top: 8px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress {\n position: absolute;\n top: 5px;\n width: 100%;\n height: 4px;\n background-color: rgba(255, 255, 255, 0.25);\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_buffered {\n position: absolute;\n top: 5px;\n width: 0;\n height: 3px;\n background-color: rgba(255, 255, 255, 0.5);\n z-index: -1;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress .fluid_controls_currentprogress {\n position: absolute;\n height: 3px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container:hover .fluid_controls_progress,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container:hover .fluid_controls_buffered,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container:hover .fluid_controls_ad_markers_holder {\n margin-top: -1px;\n height: 5px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container:hover .fluid_controls_progress .fluid_controls_currentprogress {\n height: 5px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_timeline_preview_container {\n border: 1px solid #262626;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_timeline_preview_container, .fluid_timeline_preview_container_shadow {\n bottom: 14px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container.fluid_slider .fluid_controls_progress .fluid_controls_currentprogress .fluid_controls_currentpos {\n background-color: white;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container.fluid_slider .fluid_controls_progress .fluid_controls_currentprogress .fluid_controls_currentpos,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container.fluid_ad_slider .fluid_controls_progress .fluid_controls_currentprogress .fluid_controls_currentpos {\n opacity: 0;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container.fluid_slider:hover .fluid_controls_progress .fluid_controls_currentprogress .fluid_controls_currentpos {\n opacity: 1;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container.fluid_slider .fluid_controls_progress .fluid_controls_currentprogress .fluid_controls_currentpos {\n -webkit-transition: opacity 0.3s; /* Safari */\n transition: opacity 0.3s;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_ad_markers_holder {\n position: absolute;\n top: 5px;\n width: 100%;\n height: 3px;\n z-index: 2;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_ad_marker {\n position: absolute;\n background-color: #FFCC00;\n height: 100%;\n width: 6px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container {\n height: 24px;\n width: 56px;\n left: 25px;\n top: -1px;\n z-index: 2;\n opacity: 0.8;\n -webkit-transition: opacity 0.3s ease-in-out;\n -moz-transition: opacity 0.3s ease-in-out;\n -ms-transition: opacity 0.3s ease-in-out;\n -o-transition: opacity 0.3s ease-in-out;\n transition: opacity 0.3s ease-in-out;\n display: none;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container:hover {\n opacity: 1;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container .fluid_control_volume {\n position: relative;\n height: 3px;\n width: 100%;\n margin-top: 10px;\n background-color: rgba(171, 172, 172, 0.68);\n z-index: 3;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container .fluid_control_volume .fluid_control_currentvolume {\n float: left;\n background-color: white;\n height: 3px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container .fluid_control_volume .fluid_control_currentvolume .fluid_control_volume_currentpos {\n background-color: white;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress .fluid_controls_currentpos {\n right: -4px;\n z-index: 3;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container .fluid_control_volume .fluid_control_currentvolume .fluid_control_volume_currentpos,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress .fluid_controls_currentpos {\n width: 11px;\n height: 11px;\n position: absolute;\n top: -4px;\n border-radius: 6px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_progress_container .fluid_controls_progress .fluid_controls_currentpos {\n width: 13px;\n height: 13px;\n position: absolute;\n top: -4px;\n border-radius: 6px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.no_volume_bar .fluid_controls_right .fluid_control_volume_container {\n display: none;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_slider {\n cursor: pointer;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container div div {\n display: block;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_fullscreen_exit,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mini_player {\n float: right;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_cardboard {\n font-size: 13px;\n height: 24px;\n line-height: 24px;\n float: right;\n cursor: pointer;\n position: relative;\n text-align: right;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */\n -khtml-user-select: none; /* Konqueror HTML */\n -moz-user-select: none; /* Firefox */\n -ms-user-select: none; /* Internet Explorer/Edge */\n user-select: none;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_title,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_title {\n width: 80px;\n overflow: hidden;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_list,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_video_playback_rates {\n position: absolute;\n bottom: 25px;\n right: 3px;\n z-index: 888888;\n opacity: 99%;\n background-color: rgba(0, 0, 0, 1);\n border-radius: 2px;\n color: #ffffff;\n font-size: 13px;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n font-weight: normal;\n white-space: nowrap;\n text-align: start;\n width: max-content;\n padding: 0.5em;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_list .fluid_subtitle_list_item,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list .fluid_video_source_list_item {\n padding: 12px 34px 12px 24px;\n line-height: 15px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list .fluid_video_source_list_item:hover,\n.fluid_video_playback_rates_item:hover,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_list .fluid_subtitle_list_item:hover {\n background-color: #3a3a3a;\n}\n\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_volume,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mute {\n position: absolute;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_volume,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button.fluid_button_mute {\n left: -10px;\n}\n\n/* Button Icons */\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_forward,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mini_player {\n display: inline-block;\n text-align: left;\n height: 24px;\n width: 24px;\n position: relative;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_forward:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mini_player:before{\n background: url(" + v + ') no-repeat;\n position: absolute;\n height: 24px;\n width: 24px;\n top: 1px;\n left: 5px;\n content: "";\n opacity: 0.8;\n -webkit-transition: opacity 0.3s ease-in-out;\n -moz-transition: opacity 0.3s ease-in-out;\n -ms-transition: opacity 0.3s ease-in-out;\n -o-transition: opacity 0.3s ease-in-out;\n transition: opacity 0.3s ease-in-out;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:before {\n background-position: -15px -19px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause:before {\n background-position: -15px -57px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume:before {\n background-position: -52px -19px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute:before {\n background-position: -52px -57px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen:before {\n background-position: -88px -19px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit:before {\n background-position: -88px -57px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source:before {\n background-position: -122px -19px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate:before {\n background-position: -232px -19px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download:before {\n background-position: -194px -18px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre:before {\n background-position: -195px -56px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles:before {\n background-position: -269px -19px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard:before {\n background-position: -269px -56px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back:before {\n background: url(' + b + ") no-repeat;\n background-position: -2px -2px;\n}\n\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_forward:before {\n background: url(" + w + ") no-repeat;\n background-position: -2px -2px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mini_player:before {\n background: url(" + I + ") no-repeat 0 0;\n background-size: 20px;\n}\n\n.fluid_video_wrapper.fluid_mini_player_mode .fluid_controls_container .fluid_button.fluid_button_mini_player:before {\n background: url(" + A + ") no-repeat 0 0;\n background-size: 20px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back {\n margin-left: 5px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen_exit:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_fullscreen:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mute:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_volume:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_pause:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_play:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_back:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_skip_forward:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard:hover:before,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_mini_player:hover:before {\n opacity: 1;\n}\n\n.fp_title {\n position: absolute;\n top: 10px;\n left: 10px;\n color: #ffffff;\n font-size: 15px;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n font-weight: normal;\n white-space: nowrap;\n}\n\n/* Pulse class and keyframe animation */\n.transform-active {\n animation: flash 1s infinite;\n display: inline-block !important;\n opacity: 0;\n}\n\n@-webkit-keyframes flash {\n 0% {\n opacity: 0.6;\n -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);\n }\n 70% {\n -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);\n }\n 100% {\n opacity: 0;\n display: none;\n -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n }\n}\n\n@keyframes flash {\n 0% {\n opacity: 0.6;\n -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);\n box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);\n }\n 70% {\n -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);\n box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);\n }\n 100% {\n opacity: 0;\n display: none;\n -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n }\n}\n\n.fluid_nonLinear_top, .fluid_nonLinear_middle, .fluid_nonLinear_bottom {\n flex-direction: column;\n align-items: center;\n cursor: pointer;\n display: flex;\n vertical-align: middle;\n align-content: center;\n border: 1px solid #777777;\n position: absolute;\n left: 50%;\n margin-right: -50%;\n background-color: rgba(0, 0, 0, 0.7);\n}\n\n.fluid_nonLinear_top {\n top: 20px;\n transform: translate(-50%);\n}\n\n.fluid_nonLinear_middle {\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.fluid_nonLinear_bottom {\n bottom: 50px;\n transform: translate(-50%);\n}\n\n.fluid_vpaidNonLinear_top, .fluid_vpaidNonLinear_middle, .fluid_vpaidNonLinear_bottom {\n flex-direction: column;\n align-items: center;\n cursor: pointer;\n vertical-align: middle;\n align-content: center;\n position: absolute;\n display: flex;\n}\n\n.fluid_vpaidNonLinear_frame {\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.fluid_vpaidNonLinear_top {\n top: 20px;\n}\n\n.fluid_vpaidNonLinear_middle {\n top: 50%;\n}\n\n.fluid_vpaidNonLinear_bottom {\n bottom: 50px;\n}\n\n.add_icon_clickthrough {\n color: #F2C94C;\n line-height: 18px;\n text-overflow: ellipsis;\n max-width: 100%;\n white-space: nowrap;\n overflow: hidden;\n display: inline-block;\n}\n\n.add_icon_clickthrough:before {\n background: url(" + v + ') no-repeat;\n height: 18px;\n width: 18px;\n top: 30px;\n padding: 3px 22px 0 0;\n content: "";\n background-position: -162px -57px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard {\n float: right;\n padding-right: 5px;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_theatre,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_playback_rate,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_video_source,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_download,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_subtitles,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_button.fluid_button_cardboard {\n display: none;\n}\n\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_subtitles .fluid_subtitles_list,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_button_video_source .fluid_video_sources_list,\n.fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_video_playback_rates {\n z-index: 888888 !important;\n opacity: 0.9 !important;\n}\n\n.fluid_video_playback_rates_item {\n padding: 9px 25px 9px 25px;\n line-height: 15px;\n text-align: center;\n}\n\n.fluid_theatre_mode {\n position: fixed;\n float: left;\n top: 0;\n z-index: 10;\n box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.8);\n}\n\n.fluid_mini_player_mode {\n position: fixed;\n bottom: 10px;\n right: 10px;\n z-index: 10;\n}\n\n.source_button_icon {\n background: url(' + v + ") no-repeat;\n float: left;\n cursor: pointer;\n height: 18px;\n width: 18px;\n background-position: -164px -21px;\n opacity: 0;\n}\n\n.subtitle_button_icon {\n background: url(" + v + ") no-repeat;\n float: left;\n cursor: pointer;\n height: 18px;\n width: 18px;\n background-position: -164px -21px;\n opacity: 0;\n}\n\n.source_selected {\n opacity: 1 !important;\n}\n\n.subtitle_selected {\n opacity: 1 !important;\n}\n\n@media only screen and (min-device-width: 375px) {\n .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_fluid_control_duration {\n left: 105px;\n }\n\n .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container.no_volume_bar .fluid_fluid_control_duration {\n left: 32px;\n }\n\n .fluid_video_wrapper.fluid_player_layout_default .fluid_controls_container .fluid_controls_right .fluid_control_volume_container {\n display: block;\n }\n}\n\n.fp_logo {\n visibility: hidden;\n opacity: 0;\n -webkit-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;\n -moz-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;\n -ms-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;\n -o-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;\n transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;\n}\n\n.fp_hd_source::before {\n font-weight: bolder;\n font-size: 6pt;\n content: 'HD';\n padding-left: 3px;\n}\n\n/** MiniPlayer */\n\n.fluid_video_wrapper.fluid_player_layout_default .mini-player-close-button-wrapper {\n display: none;\n}\n\n.fluid_video_wrapper.fluid_mini_player_mode .mini-player-close-button-wrapper {\n position: absolute;\n background: rgb(0,0,0);\n background: linear-gradient(45deg, rgba(0,0,0,0) 90%, rgba(0,0,0,0.6) 110%);\n height: 100%;\n width: 100%;\n top: 0;\n right: 0;\n z-index: 31;\n display: block;\n opacity: 0;\n -webkit-transition: opacity 0.3s ease-in-out;\n -moz-transition: opacity 0.3s ease-in-out;\n -ms-transition: opacity 0.3s ease-in-out;\n -o-transition: opacity 0.3s ease-in-out;\n transition: opacity 0.3s ease-in-out;\n pointer-events: none;\n}\n\n.fluid_video_wrapper.fluid_mini_player_mode .mini-player-close-button {\n position: absolute;\n background: transparent url(" + h + ") no-repeat scroll center center;\n height: 22px;\n width: 22px;\n top: 6px;\n right: 6px;\n background-size: 22px;\n cursor: pointer;\n z-index: 32;\n display: block;\n pointer-events: all;\n}\n\n.fluid_video_wrapper.fluid_mini_player_mode:hover .mini-player-close-button-wrapper {\n opacity: 1;\n}\n\n.fluid_video_wrapper.fluid_mini_player_mode .disable-mini-player-mobile {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n}\n\n.fluidplayer-miniplayer-player-placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n font-size: 1.5rem;\n font-family: -apple-system, BlinkMacSystemFont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', 'arial', sans-serif, 'apple color emoji', 'segoe ui emoji', 'segoe ui symbol';\n background: #000 url(" + I + ") no-repeat 50% calc(50% - 48px);\n background-size: 48px;\n cursor: pointer;\n}\n\n.fluid_video_wrapper.fluid_mini_player_mode.fluid_video_wrapper.fluid_mini_player_mode--top-left {\n top: 10px;\n left: 10px;\n}\n\n.fluid_video_wrapper.fluid_mini_player_mode.fluid_video_wrapper.fluid_mini_player_mode--top-right {\n top: 10px;\n right: 10px;\n}\n\n.fluid_video_wrapper.fluid_mini_player_mode.fluid_video_wrapper.fluid_mini_player_mode--bottom-left {\n bottom: 10px;\n left: 10px;\n}\n\n.fluid_video_wrapper.fluid_mini_player_mode.fluid_video_wrapper.fluid_mini_player_mode--bottom-right {\n bottom: 10px;\n right: 10px;\n}\n\n@media screen and (max-width: 768px) {\n .fluid_video_wrapper.fluid_mini_player_mode > *:not(video, .ad_countdown, .fluid_nonLinear_ad, .disable-mini-player-mobile) {\n display: none;\n }\n\n .fluid_video_wrapper.fluid_mini_player_mode .fluid_nonLinear_ad {\n z-index: 100;\n }\n\n .fluid_video_wrapper.fluid_mini_player_mode .fluid_nonLinear_bottom {\n bottom: 16px;\n }\n\n .fluid_video_wrapper.fluid_mini_player_mode .fluid_nonLinear_top {\n top: 16px;\n }\n\n .fluid_video_wrapper.fluid_mini_player_mode .ad_countdown {\n display: inline-block !important;\n }\n\n .fluid_video_wrapper.fluid_mini_player_mode .disable-mini-player-mobile {\n display: block;\n touch-action: none;\n }\n\n .fluidplayer-miniplayer-player-placeholder {\n font-size: 1.25rem !important;\n background-size: 32px !important;\n background-position-y: calc(50% - 32px) !important;\n }\n}\n\n.fluid_video_wrapper .fluid_player_skip_offset {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n display: grid;\n grid-template-columns: 1fr 1fr;\n pointer-events: none;\n}\n\n.fluid_video_wrapper .fluid_player_skip_offset__backward {\n display: flex;\n align-items: center;\n margin: 10% 10% 10% 0;\n}\n\n.fluid_video_wrapper .fluid_player_skip_offset__backward-icon {\n background: rgba(0, 0, 0, .5) url(" + b + ") no-repeat -2px 3px;\n width: 150px;\n height: 150px;\n background-size: contain;\n opacity: 0;\n transition: opacity 400ms ease-in;\n border-radius: 150px;\n margin-left: 20%;\n pointer-events: none;\n background-origin: content-box;\n padding: 10px;\n}\n\n.fluid_video_wrapper .fluid_player_skip_offset__forward {\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n margin: 10% 0 10% 10%;\n}\n\n.fluid_video_wrapper .fluid_player_skip_offset__forward-icon {\n background: rgba(0, 0, 0, .5) url(" + w + ") no-repeat -2px 3px;\n width: 150px;\n height: 150px;\n background-size: cover;\n opacity: 0;\n transition: opacity 400ms ease-in;\n border-radius: 150px;\n margin-right: 20%;\n pointer-events: none;\n background-origin: content-box;\n padding: 10px;\n}\n\n.fluid_video_wrapper .fluid_player_skip_offset__backward-icon.animate,\n.fluid_video_wrapper .fluid_player_skip_offset__forward-icon.animate {\n opacity: 1;\n transition: opacity 150ms ease-out;\n}\n\n@media screen and (max-width: 768px) {\n .fluid_video_wrapper .fluid_player_skip_offset__backward-icon,\n .fluid_video_wrapper .fluid_player_skip_offset__forward-icon {\n width: 50px;\n height: 50px;\n border-radius: 50px;\n background-position-x: 0;\n background-position-y: 0;\n padding: 5px;\n }\n}\n", ""]), t.Z = m }
Write, Run & Share Javascript code online using OneCompiler's JS online compiler for free. It's one of the robust, feature-rich online compilers for Javascript language. Getting started with the OneCompiler's Javascript editor is easy and fast. The editor shows sample boilerplate code when you choose language as Javascript and start coding.
Javascript(JS) is a object-oriented programming language which adhere to ECMA Script Standards. Javascript is required to design the behaviour of the web pages.
var readline = require('readline');
var rl = readline.createInterface({
input: process.stdin,
output: process.stdout,
terminal: false
});
rl.on('line', function(line){
console.log("Hello, " + line);
});
Keyword | Description | Scope |
---|---|---|
var | Var is used to declare variables(old way of declaring variables) | Function or global scope |
let | let is also used to declare variables(new way) | Global or block Scope |
const | const is used to declare const values. Once the value is assigned, it can not be modified | Global or block Scope |
let greetings = `Hello ${name}`
const msg = `
hello
world!
`
An array is a collection of items or values.
let arrayName = [value1, value2,..etc];
// or
let arrayName = new Array("value1","value2",..etc);
let mobiles = ["iPhone", "Samsung", "Pixel"];
// accessing an array
console.log(mobiles[0]);
// changing an array element
mobiles[3] = "Nokia";
Arrow Functions helps developers to write code in concise way, it’s introduced in ES6.
Arrow functions can be written in multiple ways. Below are couple of ways to use arrow function but it can be written in many other ways as well.
() => expression
const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
const squaresOfEvenNumbers = numbers.filter(ele => ele % 2 == 0)
.map(ele => ele ** 2);
console.log(squaresOfEvenNumbers);
let [firstName, lastName] = ['Foo', 'Bar']
let {firstName, lastName} = {
firstName: 'Foo',
lastName: 'Bar'
}
const {
title,
firstName,
lastName,
...rest
} = record;
//Object spread
const post = {
...options,
type: "new"
}
//array spread
const users = [
...adminUsers,
...normalUsers
]
function greetings({ name = 'Foo' } = {}) { //Defaulting name to Foo
console.log(`Hello ${name}!`);
}
greet() // Hello Foo
greet({ name: 'Bar' }) // Hi Bar
IF is used to execute a block of code based on a condition.
if(condition){
// code
}
Else part is used to execute the block of code when the condition fails.
if(condition){
// code
} else {
// code
}
Switch is used to replace nested If-Else statements.
switch(condition){
case 'value1' :
//code
[break;]
case 'value2' :
//code
[break;]
.......
default :
//code
[break;]
}
For loop is used to iterate a set of statements based on a condition.
for(Initialization; Condition; Increment/decrement){
//code
}
While is also used to iterate a set of statements based on a condition. Usually while is preferred when number of iterations are not known in advance.
while (condition) {
// code
}
Do-while is also used to iterate a set of statements based on a condition. It is mostly used when you need to execute the statements atleast once.
do {
// code
} while (condition);
ES6 introduced classes along with OOPS concepts in JS. Class is similar to a function which you can think like kind of template which will get called when ever you initialize class.
class className {
constructor() { ... } //Mandatory Class method
method1() { ... }
method2() { ... }
...
}
class Mobile {
constructor(model) {
this.name = model;
}
}
mbl = new Mobile("iPhone");