@charset "utf-8";

.responsive-audio audio { display: none; }

.player-align-center { margin: auto; }

.player-align-left { margin-left: 0px; margin-right: auto; }

.player-align-right { margin-left: auto; margin-right: 0px; }

.mejs__offscreen { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal; }

.mejs__container { background: transparent; box-sizing: border-box; font-family: Helvetica, Arial, serif; position: relative; text-align: left; text-indent: 0px; vertical-align: top; min-width: 20px !important; }

.mejs__container * { box-sizing: border-box; }

.mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button { appearance: none; display: none !important; }

.mejs__fill-container, .mejs__fill-container .mejs__container { height: 100%; width: 100%; }

.mejs__fill-container { background: transparent; margin: 0px auto; overflow: hidden; position: relative; }

.mejs__container:focus { outline: none; }

.mejs__iframe-overlay { height: 100%; position: absolute; width: 100%; }

.mejs__embed, .mejs__embed body { background: rgb(0, 0, 0); height: 100%; margin: 0px; overflow: hidden; padding: 0px; width: 100%; }

.mejs__fullscreen { overflow: hidden !important; }

.mejs__container-fullscreen { inset: 0px; overflow: hidden; position: fixed; z-index: 1000; }

.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video { height: 100% !important; width: 100% !important; }

.mejs__background { left: 0px; position: absolute; top: 0px; }

.mejs__mediaelement { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }

.mejs__poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; left: 0px; position: absolute; top: 0px; z-index: 1; }

:root .mejs__poster-img { display: none; }

.mejs__poster-img { border: 0px; padding: 0px; }

.mejs__overlay { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-pack: center; justify-content: center; left: 0px; position: absolute; top: 0px; }

.mejs__layer { z-index: 1; }

.mejs__overlay-play { cursor: pointer; }

.mejs__overlay-button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls-gray.svg?a=b") 0px -39px no-repeat; height: 80px; width: 80px; }

.progression-default-dark .mejs__overlay-button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls.svg?a=b") 0px -39px no-repeat; height: 80px; width: 80px; }

.progression-fancy .mejs__overlay-button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls.svg?a=b") 0px -39px no-repeat; height: 80px; width: 80px; }

.mejs__overlay:hover > .mejs__overlay-button { background-position: -80px -39px; }

.mejs__overlay-loading { height: 80px; width: 80px; }

.mejs__overlay-loading-bg-img { animation: 1s linear 0s infinite normal none running mejs__loading-spinner; background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls-gray.svg?a=b") -160px -40px no-repeat transparent; display: block; height: 80px; width: 80px; z-index: 1; }

.progression-default-dark .mejs__overlay-loading-bg-img { animation: 1s linear 0s infinite normal none running mejs__loading-spinner; background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls.svg?a=b") -160px -40px no-repeat transparent; display: block; height: 80px; width: 80px; z-index: 1; }

.progression-fancy .mejs__overlay-loading-bg-img { animation: 1s linear 0s infinite normal none running mejs__loading-spinner; background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls.svg?a=b") -160px -40px no-repeat transparent; display: block; height: 80px; width: 80px; z-index: 1; }

@-webkit-keyframes mejs__loading-spinner { 
  100% { transform: rotate(360deg); }
}

@keyframes mejs__loading-spinner { 
  100% { transform: rotate(360deg); }
}

.mejs__controls { display: flex; border: 1px solid rgb(204, 204, 204); height: 40px; left: 0px; list-style-type: none; margin: 0px; padding: 0px 10px; position: absolute; width: 100%; z-index: 3; }

.progression-fancy .mejs__controls { display: flex; border-width: 1px; border-style: solid; border-image: initial; border-color: rgb(118, 168, 195) rgb(100, 138, 168) rgb(48, 53, 94); height: 40px; left: 0px; list-style-type: none; margin: 0px; padding: 0px 10px; position: absolute; width: 100%; z-index: 3; }

.progression-default-dark .mejs__controls { display: flex; border: 1px solid black; height: 40px; left: 0px; list-style-type: none; margin: 0px; padding: 0px 10px; position: absolute; width: 100%; z-index: 3; }

.progression-gold .mejs__controls { display: flex; border-width: initial; border-style: initial; border-color: rgb(218, 180, 92) rgb(243, 228, 158) rgb(163, 126, 26); height: 40px; left: 0px; list-style-type: none; margin: 0px; padding: 0px 10px; position: absolute; width: 100%; z-index: 3; }

.mejs__controls:not([style*="display: none"]) { background: linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)); }

.progression-default-dark .mejs__controls:not([style*="display: none"]) { background: linear-gradient(black, black); }

.progression-fancy .mejs__controls:not([style*="display: none"]) { background: linear-gradient(rgb(122, 174, 200), rgb(43, 45, 87)); }

.progression-gold .mejs__controls:not([style*="display: none"]) { background: linear-gradient(0deg, rgb(162, 125, 25) 0%, rgb(255, 249, 186) 53%, rgb(214, 173, 82) 100%); }

.mejs__button, .mejs__time, .mejs__time-rail { font-size: 10px; height: 40px; line-height: 8px; margin: 0px; width: 32px; }

.mejs__button > button { border: 0px; cursor: pointer; display: block; font-size: 0px; height: 20px; line-height: 0; min-height: 20px; margin: 10px 6px; overflow: hidden; padding: 0px; position: absolute; text-decoration: none; width: 20px; }

.progression-default-dark .mejs__button > button { border: 0px; cursor: pointer; display: block; font-size: 0px; height: 20px; line-height: 0; min-height: 20px; margin: 10px 6px; overflow: hidden; padding: 0px; position: absolute; text-decoration: none; width: 20px; }

.progression-fancy .mejs__button > button { border: 0px; cursor: pointer; display: block; font-size: 0px; height: 20px; line-height: 0; min-height: 20px; margin: 10px 6px; overflow: hidden; padding: 0px; position: absolute; text-decoration: none; width: 20px; }

.mejs__button > button:focus { outline: rgb(153, 153, 153) dotted 1px; }

.mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus, .mejs__container-keyboard-inactive [role="slider"], .mejs__container-keyboard-inactive [role="slider"]:focus { outline: 0px; }

.mejs__time { box-sizing: content-box; color: rgb(92, 92, 92); font-size: 11px; font-weight: bold; height: 24px; overflow: hidden; padding: 16px 6px 0px; text-align: center; width: auto; }

.progression-default-dark .mejs__time { box-sizing: content-box; color: rgb(255, 255, 255); font-size: 11px; font-weight: bold; height: 24px; overflow: hidden; padding: 16px 6px 0px; text-align: center; width: auto; }

.progression-fancy .mejs__time { box-sizing: content-box; color: rgb(255, 255, 255); font-size: 11px; font-weight: bold; height: 24px; overflow: hidden; padding: 16px 6px 0px; text-align: center; width: auto; }

.mejs__play > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls-gray.svg?a=b") 0px 1px transparent; }

.mejs__pause > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls-gray.svg?a=b") -20px 0px transparent; }

.progression-classic .mejs__play > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls-gray.svg?a=b") transparent; }

.progression-classic .mejs__pause > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls-gray.svg?a=b") -20px 0px transparent; }

.progression-default-dark .mejs__play > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls.svg?a=b") transparent; }

.progression-default-dark .mejs__pause > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls.svg?a=b") -20px 0px transparent; }

.progression-fancy .mejs__play > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls.svg?a=b") transparent; }

.progression-fancy .mejs__pause > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls.svg?a=b") -20px 0px transparent; }

.progression-gold .mejs__play > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls-gray.svg?a=b") transparent; }

.progression-gold .mejs__pause > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls-gray.svg?a=b") -20px 0px transparent; }

.mejs__replay > button { background-position: -160px 0px; }

.progression-classic .mejs__replay > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls-gray.svg?a=b") -160px 0px transparent; }

.progression-default-dark .mejs__replay > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls.svg?a=b") -160px 0px transparent; }

.progression-fancy .mejs__replay > button { background: url("https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/https://dawtemplatesmaster.com/_shopify_app_ressources/osaria_sap_v2/mejs-controls.svg?a=b") -160px 0px transparent; }

.mejs__time-rail { direction: ltr; -webkit-box-flex: 1; flex-grow: 1; height: 40px; margin: 0px 10px; padding-top: 10px; position: relative; }

.mejs__time-total, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-current, .mejs__time-float, .mejs__time-hovered, .mejs__time-float-current, .mejs__time-float-corner, .mejs__time-marker { border-radius: 2px; cursor: pointer; display: block; height: 10px; position: absolute; }

.mejs__time-total { background: rgb(204, 204, 204); margin: 5px 0px 0px; width: 100%; }

.progression-default-dark .mejs__time-total { background: rgb(92, 92, 92); margin: 5px 0px 0px; width: 100%; }

.progression-fancy .mejs__time-total { background: white; margin: 5px 0px 0px; width: 100%; }

.progression-gold .mejs__time-total { background: rgb(119, 119, 119); margin: 5px 0px 0px; width: 100%; }

.mejs__time-buffering { animation: 2s linear 0s infinite normal none running buffering-stripes; background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent) 0% 0% / 15px 15px; width: 100%; }

@-webkit-keyframes buffering-stripes { 
  0% { background-position: 0px 0px; }
  100% { background-position: 30px 0px; }
}

@keyframes buffering-stripes { 
  0% { background-position: 0px 0px; }
  100% { background-position: 30px 0px; }
}

.mejs__time-loaded { background: rgba(255, 255, 255, 0.3); }

.progression-classic .mejs__time-loaded { background: rgba(142, 142, 142, 0.3); }

.mejs__time-current { background: rgb(110, 110, 110); }

.progression-fancy .mejs__time-current { background: rgb(93, 166, 156); }

.progression-default-dark .mejs__time-current { background: rgb(230, 230, 230); }

.mejs__time-handle-content { background: rgba(255, 255, 255, 0.9); }

.mejs__time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 10; }

.progression-classic .mejs__time-hovered { background: rgba(179, 179, 179, 0.5); z-index: 10; }

.mejs__time-hovered.negative { background: rgba(0, 0, 0, 0.2); }

.mejs__time-current, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-hovered { left: 0px; transform: scaleX(0); transform-origin: 0px 0px; transition: 0.15s ease-in; width: 100%; }

.mejs__time-buffering { transform: scaleX(1); }

.mejs__time-hovered { transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); }

.mejs__time-hovered.no-hover { transform: scaleX(0) !important; }

.mejs__time-handle, .mejs__time-handle-content { border: 4px solid transparent; cursor: pointer; left: 0px; position: absolute; transform: translateX(0px); z-index: 11; }

.mejs__time-handle-content { border: 4px solid rgba(255, 255, 255, 0.9); border-radius: 50%; height: 10px; left: -7px; top: -4px; transform: scale(0); width: 10px; display: none !important; }

.mejs__time-rail:hover .mejs__time-handle-content, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail .mejs__time-handle-content:active { transform: scale(1); }

.mejs__time-float { background: rgb(238, 238, 238); border: 1px solid rgb(51, 51, 51); bottom: 100%; color: rgb(17, 17, 17); display: none; height: 17px; margin-bottom: 9px; position: absolute; text-align: center; transform: translateX(-50%); width: 36px; }

.mejs__time-float-current { display: block; left: 0px; margin: 2px; text-align: center; width: 34px; }

.mejs__time-float-corner { border-width: 5px; border-style: solid; border-image: initial; border-color: rgb(45, 45, 45) transparent transparent; border-radius: 0px; display: block; height: 0px; left: 50%; line-height: 0; position: absolute; top: 100%; transform: translateX(-50%); width: 0px; }

.progression-default-dark .mejs__time-float-corner { border-width: 5px; border-style: solid; border-image: initial; border-color: rgb(238, 238, 238) transparent transparent; border-radius: 0px; display: block; height: 0px; left: 50%; line-height: 0; position: absolute; top: 100%; transform: translateX(-50%); width: 0px; }

.mejs__long-video .mejs__time-float { margin-left: -23px; width: 64px; }

.mejs__long-video .mejs__time-float-current { width: 60px; }

.mejs__broadcast { color: rgb(255, 255, 255); height: 10px; position: absolute; top: 15px; width: 100%; }

.mejs__fullscreen-button > button { background-position: -80px 0px; }

.mejs__unfullscreen > button { background-position: -100px 0px; }

.mejs__mute > button { background-position: -60px 0px; }

.mejs__unmute > button { background-position: -40px 0px; }

.mejs__volume-button { position: relative; }

.mejs__volume-button > .mejs__volume-slider { backface-visibility: hidden; background: rgba(50, 50, 50, 0.7); border-radius: 0px; bottom: 100%; display: none; height: 115px; left: 50%; margin: 0px; position: absolute; transform: translateX(-50%); width: 25px; z-index: 1; }

.mejs__volume-button:hover { border-radius: 0px 0px 4px 4px; }

.mejs__volume-total { background: rgb(171, 171, 171); height: 100px; left: 50%; margin: 0px; position: absolute; top: 8px; transform: translateX(-50%); width: 2px; }

.mejs__volume-current { background: rgba(255, 255, 255, 0.9); left: 0px; margin: 0px; position: absolute; width: 100%; }

.mejs__volume-handle { background: rgba(255, 255, 255, 0.9); border-radius: 1px; cursor: ns-resize; height: 6px; left: 50%; position: absolute; transform: translateX(-50%); width: 16px; }

.mejs__horizontal-volume-slider { display: block; height: 36px; position: relative; vertical-align: middle; width: 56px; }

.mejs__horizontal-volume-total { background: rgb(171, 171, 171); border-radius: 2px; font-size: 1px; height: 8px; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 16px; width: 50px; }

.mejs__horizontal-volume-current { background: rgb(110, 110, 110); border-radius: 2px; font-size: 1px; height: 100%; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; width: 100%; }

.mejs__horizontal-volume-handle { display: none; }

.mejs__captions-button, .mejs__chapters-button { position: relative; }

.mejs__captions-button > button { background-position: -140px 0px; }

.mejs__chapters-button > button { background-position: -180px 0px; }

.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector { background: rgba(50, 50, 50, 0.7); border: 1px solid transparent; border-radius: 0px; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0px; position: absolute; right: 50%; visibility: visible; width: 86px; }

.mejs__chapters-button > .mejs__chapters-selector { margin-right: -55px; width: 110px; }

.mejs__captions-selector-list, .mejs__chapters-selector-list { margin: 0px; overflow: hidden; padding: 0px; list-style-type: none !important; }

.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item { color: rgb(255, 255, 255); cursor: pointer; display: block; margin: 0px 0px 6px; overflow: hidden; padding: 0px; list-style-type: none !important; }

.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover { background-color: rgba(255, 255, 255, 0.4) !important; }

.mejs__captions-selector-input, .mejs__chapters-selector-input { clear: both; float: left; left: -1000px; margin: 3px 3px 0px 5px; position: absolute; }

.mejs__captions-selector-label, .mejs__chapters-selector-label { cursor: pointer; float: left; font-size: 10px; line-height: 15px; padding: 4px 10px 0px; width: 100%; }

.mejs__captions-selected, .mejs__chapters-selected { color: rgb(33, 248, 248); }

.mejs__captions-translations { font-size: 10px; margin: 0px 0px 5px; }

.mejs__captions-layer { bottom: 0px; color: rgb(255, 255, 255); font-size: 16px; left: 0px; line-height: 20px; position: absolute; text-align: center; }

.mejs__captions-layer a { color: rgb(255, 255, 255); text-decoration: underline; }

.mejs__captions-layer[lang="ar"] { font-size: 20px; font-weight: normal; }

.mejs__captions-position { bottom: 15px; left: 0px; position: absolute; width: 100%; }

.mejs__captions-position-hover { bottom: 35px; }

.mejs__captions-text, .mejs__captions-text * { background: rgba(20, 20, 20, 0.5); box-shadow: rgba(20, 20, 20, 0.5) 5px 0px 0px, rgba(20, 20, 20, 0.5) -5px 0px 0px; padding: 0px; white-space: pre-wrap; }

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container { display: none; }

.mejs__overlay-error { position: relative; }

.mejs__overlay-error > img { left: 0px; max-width: 100%; position: absolute; top: 0px; z-index: -1; }

.mejs__cannotplay, .mejs__cannotplay a { color: rgb(255, 255, 255); font-size: 0.8em; }

.mejs__cannotplay { position: relative; }

.mejs__cannotplay p, .mejs__cannotplay a { display: inline-block; padding: 0px 15px; width: 100%; }

.mejs__container.mejs__video, .mejs-container.mejs-video { overflow: hidden; }

.progression-playlist.mejs__container.mejs__audio, .progression-playlist.mejs-container.mejs-audio { min-height: 163px; }

.mejs__container.mejs__audio.mejs__no-playlist, .mejs-container.mejs-audio.mejs__no-playlist { min-height: 60px; }

.mejs__playlist-button, .mejs-playlist-button { position: relative; }

.mejs__playlist-button > button, .mejs-playlist-button > button, .mejs__next-button > button, .mejs-next-button > button, .mejs__prev-button > button, .mejs-prev-button > button, .mejs__loop-button > button, .mejs-loop-button > button, .mejs__shuffle-button > button, .mejs-shuffle-button > button { background: url("playlist-controls.svg") no-repeat transparent; }

.progression-classic .mejs__playlist-button > button, .progression-classic .mejs-playlist-button > button, .progression-classic .mejs__next-button > button, .progression-classic .mejs-next-button > button, .progression-classic .mejs__prev-button > button, .progression-classic .mejs-prev-button > button, .progression-classic .mejs__loop-button > button, .progression-classic .mejs-loop-button > button, .progression-classic .mejs__shuffle-button > button, .progression-classic .mejs-shuffle-button > button { background: url("playlist-controls-gray.svg") no-repeat transparent; }

.progression-gold .mejs__playlist-button > button, .progression-gold .mejs-playlist-button > button, .progression-gold .mejs__next-button > button, .progression-gold .mejs-next-button > button, .progression-gold .mejs__prev-button > button, .progression-gold .mejs-prev-button > button, .progression-gold .mejs__loop-button > button, .progression-gold .mejs-loop-button > button, .progression-gold .mejs__shuffle-button > button, .progression-gold .mejs-shuffle-button > button { background: url("playlist-controls-gray.svg") no-repeat transparent; }

.mejs__playlist-button > button, .mejs-playlist-button > button { background-position: -80px 0px; }

.mejs__next-button > button, .mejs-next-button > button { background-position: 0px 0px; }

.mejs__prev-button > button, .mejs-prev-button > button { background-position: -20px 0px; }

.progression-classic .mejs__prev-button > button, .progression-classic .mejs-prev-button > button { background-position: -20px 0px; }

.progression-gold .mejs__prev-button > button, .progression-gold .mejs-prev-button > button { background-position: -20px 0px; }

.mejs__loop-button > button, .mejs-loop-button > button { background-position: -120px 0px; }

.mejs__shuffle-button > button, .mejs-shuffle-button > button { background-position: -100px 0px; }

.mejs__loop-button.mejs__loop-off > button, .mejs-loop-button.mejs-loop-off > button, .mejs__shuffle-button.mejs__shuffle-off > button, .mejs-shuffle-button.mejs-shuffle-off > button { opacity: 0.7; }

.mejs__playlist-button > .mejs__playlist-selector, .mejs-playlist-button > .mejs-playlist-selector { background: rgba(50, 50, 50, 0.7); border: 1px solid transparent; border-radius: 0px; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0px; position: absolute; right: 50%; visibility: visible; width: 86px; }

.mejs__playlist-selector-list, .mejs-playlist-selector-list { height: 100%; margin: 0px; overflow-y: auto; padding: 0px; list-style-type: none !important; }

.mejs__playlist-selector-list-item, .mejs-playlist-selector-list-item { border-bottom: 1px solid rgb(200, 200, 200); border-collapse: collapse; cursor: pointer; display: table; position: relative; width: 100%; list-style-type: none !important; }

.progression-classic .mejs__playlist-selector-list-item, .progression-classic .mejs-playlist-selector-list-item { border-bottom: 1px solid rgb(200, 200, 200); border-collapse: collapse; cursor: pointer; display: table; position: relative; width: 100%; border-left: 1px solid rgb(200, 200, 200); border-right: 1px solid rgb(200, 200, 200); list-style-type: none !important; }

.progression-default-dark .mejs__playlist-selector-list-item, .progression-default-dark .mejs-playlist-selector-list-item { border-bottom: 1px solid rgb(72, 72, 72); border-collapse: collapse; cursor: pointer; display: table; position: relative; width: 100%; list-style-type: none !important; }

.mejs__playlist-item-inner { display: table-row; overflow: hidden; }

.mejs__playlist-selector-list-item:hover, .mejs-playlist-selector-list-item:hover { background-color: rgba(255, 255, 255, 0.4) !important; }

.progression-classic .mejs__playlist-selector-list-item:hover, .progression-classic .mejs-playlist-selector-list-item:hover { background-color: rgb(170, 170, 170) !important; }

.progression-default-dark .mejs__playlist-selector-list-item:hover, .progression-default-dark .mejs-playlist-selector-list-item:hover { background-color: rgba(120, 120, 120, 0.4) !important; }

.mejs__playlist-selector-list-item:focus, .mejs-playlist-selector-list-item:focus { outline: none; }

.mejs__playlist-selector-input, .mejs-playlist-selector-input { left: -1000px; position: absolute; }

.mejs__playlist-selector-label, .mejs-playlist-selector-label { cursor: pointer; float: left; font-size: 1.1em; margin: 0px; }

.mejs__playlist-selector-label > span, .mejs-playlist-selector-label > span { background-clip: text; background-color: rgb(235, 88, 2); background-image: linear-gradient(rgb(235, 88, 2), rgb(243, 173, 57)); color: transparent; font-size: 0.65em; vertical-align: middle; }

.mejs__playlist-selected, .mejs-playlist-selected { background-color: rgb(58, 58, 58); }

.progression-default-dark .mejs__playlist-selected, .progression-default-dark .mejs-playlist-selected { background-color: rgb(68, 68, 68); }

.progression-fancy .mejs__playlist-selected, .progression-fancy .mejs-playlist-selected { background-color: rgb(48, 71, 104); }

.progression-gold .mejs__playlist-selected, .progression-gold .mejs-playlist-selected { background-color: rgb(188, 166, 80); }

.progression-classic .mejs__playlist-selected, .progression-classic .mejs-playlist-selected { background-color: rgb(206, 206, 206); }

.progression-default-dark .mejs__playlist-layer, .progression-default-dark .mejs-playlist-layer { background: rgb(34, 34, 34); bottom: 40px; color: rgb(255, 255, 255); font-size: 12px; overflow: hidden; position: absolute; right: 0px; text-align: center; top: 40px; transition: 0.5s; z-index: 2; width: 33.3333% !important; }

.progression-fancy .mejs__playlist-layer, .progression-fancy .mejs-playlist-layer { background: rgb(79, 104, 139); bottom: 40px; color: rgb(255, 255, 255); font-size: 12px; overflow: hidden; position: absolute; right: 0px; text-align: center; top: 40px; transition: 0.5s; z-index: 2; width: 33.3333% !important; }

.progression-gold .mejs__playlist-layer, .progression-gold .mejs-playlist-layer { background: rgb(209, 188, 107); bottom: 40px; color: rgb(255, 255, 255); font-size: 12px; overflow: hidden; position: absolute; right: 0px; text-align: center; top: 40px; transition: 0.5s; z-index: 2; width: 33.3333% !important; }

.progression-classic .mejs__playlist-layer, .progression-classic .mejs-playlist-layer { background: rgb(242, 242, 242); bottom: 40px; color: rgb(51, 51, 51); font-size: 12px; overflow: hidden; position: absolute; right: 0px; text-align: center; top: 40px; transition: 0.5s; z-index: 2; width: 33.3333% !important; }

.mejs__container.mejs__audio .mejs__playlist-layer, .mejs-container.mejs-audio .mejs-playlist-layer { bottom: 85px; overflow: auto; height: calc(100% - 41px) !important; width: 100% !important; }

.mejs__playlist-hidden, .mejs-playlist-hidden { right: -33.3333%; transition: 0.5s; }

.mejs__playlist-item-thumbnail, .mejs-playlist-item-thumbnail { display: table-cell; padding: 7px 5px; vertical-align: top; width: 30%; }

.mejs__container.mejs__audio .mejs__playlist-item-thumbnail, .mejs-container.mejs-audio .mejs-playlist-item-thumbnail { padding: 5px; width: 15%; }

.mejs__playlist-item-thumbnail > img, .mejs-playlist-item-thumbnail > img { height: auto; width: 100%; }

.mejs__playlist-item-content, .mejs-playlist-item-content { display: table-cell; padding: 8px; width: 70%; }

.mejs__container.mejs__audio .mejs__playlist-item-content, .mejs-container.mejs-audio .mejs-playlist-item-content { margin: 0px; width: 85%; }

.mejs__playlist-item-description, .mejs-playlist-item-description { clear: left; padding: 5px 0px; text-align: left; }

.mejs__playlist-current, .mejs-playlist-current { background: rgb(0, 0, 0); bottom: 34px; left: 0px; position: absolute; z-index: 3; height: auto !important; }

.mejs__playlist-current p, .mejs-playlist-current p { color: rgb(255, 255, 255); font-size: 0.8em; margin: 15px 10px; }

.mejs__playlist-current > img, .mejs-playlist-current > img { float: left; margin: 5px 10px; max-height: 35px; }

.mejs__playlist-current-title, .mejs-playlist-current-title, .mejs__playlist-current-description, .mejs-playlist-current-description { font-style: italic; }

.mejs__playlist-selector-list-item li { margin-bottom: 0px; }

.papp-player li { margin-bottom: 0px; }