.flowplayer{background-color:#333}#markers{padding:10px}#myElement .fp-cuepoint{background:#030}.flowplayer .info{background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#eee;display:none;font-size:16px;font-weight:700;left:23px;padding:15px;position:absolute;top:60px;z-index:1}.flowplayer .info img{height:32px!important;vertical-align:middle!important;width:32px!important}#myElement,.fp-player{background-position:50%;background-repeat:no-repeat;background-size:cover}#myElement.is-fullscreen .fp-player .fp-controls{display:block;display:none}#myElement.is-fullscreen .fp-player .fp-captions{bottom:6em}body.embedded .flowplayer{max-width:none}#mediaplayer{position:relative}#mediaplayer .markers-grid-root{bottom:0;height:100%;left:0;margin:0;position:absolute;right:0;top:0;width:100%}#mediaplayer .markers-grid header{background-color:var(--app-theme-color-dark)}#mediaplayer .markers-grid .item{color:var(--app-theme-color-base)}#mediaplayer-player{position:relative}#mediaplayer-overlap{border-bottom:1px solid #ccc;bottom:0;position:relative;white-space:nowrap;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#mediaplayer-overlap .tooltip-inner{background-color:var(--app-theme-color-base);text-align:left}#mediaplayer-overlap .tooltip-arrow:before{border-color:transparent!important}#myElement.is-fullscreen .fp-player #mediaplayer-overlap{background-color:#f1f3f5;opacity:1;position:absolute}#mediaplayer-progress{background-color:#e4e6e7;cursor:col-resize;height:34px;margin-bottom:8px;overflow:hidden;position:relative}#mediaplayer-progress>div.timeline>div{height:100%;left:0;position:absolute;top:0;width:0}#mediaplayer div.timeline>.current{background-color:var(--app-theme-color-dark);pointer-events:none}#mediaplayer div.timeline>.buffer{background-color:#b8b8b8;pointer-events:none}#mediaplayer-progress .markers{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}#mediaplayer-progress .markers a{cursor:pointer;display:inline-block;height:100%;pointer-events:auto;position:absolute}#mediaplayer-progress .markers>a.symbol{font-size:16px;margin:-8px 0 0 -8px}#mediaplayer-progress .markers>a.symbol i{color:#cdcdcd;position:absolute;top:50%}#mediaplayer-progress .markers>a.symbol:hover i{color:var(--app-theme-color-base)}#mediaplayer-progress .markers>a.marker{background-color:#ecb533;margin:0 0 0 -1px;width:2px}#mediaplayer-progress .markers>a.marker:hover{background-color:var(--app-theme-color-base)}.markers-grid{background:rgba(0,0,0,.4);bottom:0;display:flex;flex-direction:column;height:100%;left:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:3}.flowplayer.is-fullscreen .markers-grid{height:calc(100% - 85px)}.markers-grid header{align-items:center;background-color:red;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px 0;pointer-events:none;width:100%}.markers-grid header>button{background:none;border:0;color:#fff;pointer-events:auto}.markers-grid section{height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.markers-grid .grid{align-content:flex-start;margin:0;opacity:.75;padding:0 16px 16px 0;pointer-events:auto;width:100%}.markers-grid .grid .item{cursor:pointer;font-size:14px;height:100%;overflow:hidden;padding:10px;text-overflow:ellipsis}#mediaplayer .controls{font-size:22px;height:34px;margin-bottom:8px}#mediaplayer .controls i{color:var(--app-theme-color-base);cursor:pointer;padding:0 1rem}#mediaplayer .controls i[disabled=disabled]{color:#ccc;cursor:not-allowed}@media (max-width:767px){#mediaplayer .controls i{padding:0 .5rem}}