OwlCyberSecurity - MANAGER

Edit File: presto-modern-skin2.js.map

{"file":"presto-modern-skin2.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,q5GAAq5G,CAAC;AACl7G,+BAAe,mBAAmB;;MCMrB,gBAAgB;;;;;IAC3B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ui/skins/presto-modern-skin/presto-modern-skin.scss?tag=presto-modern-skin","src/components/ui/skins/presto-modern-skin/presto-modern-skin.tsx"],"sourcesContent":[".skin-modern {\n &.presto-player__wrapper {\n button.plyr__control.plyr__control--overlaid {\n border-radius: 2px;\n padding: 3% 5%;\n max-width: 135px;\n max-height: 90px;\n box-sizing: content-box;\n position: absolute !important;\n top: 50% !important;\n opacity: 100%;\n svg {\n height: 31px;\n width: 37px;\n }\n &:hover,\n &:focus {\n opacity: 0.8;\n background: var(--plyr-color-main);\n }\n }\n\n // full captions\n &.caption-style-full .plyr:not(.plyr--hide-controls):not(.is-muted-overlay) .plyr__controls:not(:empty) ~ .plyr__captions {\n transform: translateY(calc(var(--plyr-control-spacing, 9px) * -4));\n }\n\n // color background\n .plyr--video .plyr__controls {\n padding: 0px;\n &::before {\n content: '';\n background: var(--plyr-color-main);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.75;\n }\n }\n\n // adding hover state\n .plyr__controls__item {\n z-index: 1;\n &.plyr__control:not(.presto-player-progress__marker):not([role*='menuitem']):not(.plyr__control--back) {\n height: 36px;\n border-radius: 0px;\n &:focus {\n background-color: transparent;\n color: white;\n }\n }\n &.presto-player-progress__marker {\n z-index: 2;\n }\n &.plyr__menu {\n height: 36px;\n }\n }\n\n // completed range\n .plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {\n height: 2px;\n color: white;\n }\n\n // will complete range\n .presto-player__wrapper .plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {\n height: 2px;\n }\n\n // for buffer\n .plyr--video .plyr__progress__buffer {\n height: 2px;\n top: 11px;\n }\n\n .plyr__progress {\n input[type='range'] {\n cursor: pointer;\n }\n }\n\n // for range button\n .plyr--full-ui input[type='range']::-webkit-slider-thumb {\n top: 1px;\n height: var(--plyr-range-thumb-height, 8px);\n width: var(--plyr-range-thumb-height, 8px);\n box-shadow: 0px 0px 5px white;\n &:hover {\n transform: scale(1.5);\n }\n }\n\n // margin control\n .plyr__controls .plyr__controls__item {\n margin: 0px;\n }\n\n // volume width\n .plyr__volume {\n width: auto;\n input[type='range'] {\n width: 55px;\n }\n }\n\n // for soun range cursor\n .plyr__volume input[type='range'] {\n cursor: pointer;\n }\n\n // muted autoplay button size\n .presto-player__muted-overlay {\n .plyr__control {\n &.plyr__control--overlaid {\n border-radius: 2px;\n svg {\n height: 40px;\n width: 50px;\n }\n }\n }\n }\n\n .plyr__controls .plyr__controls__item[data-plyr='rewind'] svg,\n .plyr__controls .plyr__controls__item[data-plyr='fast-forward'] svg,\n .plyr__controls .plyr__controls__item[data-plyr='fullscreen'] svg {\n width: 22px;\n height: 22px;\n }\n\n @media screen and (max-width: 480px) {\n .plyr__control--overlaid {\n svg {\n height: 18px;\n width: 16px;\n }\n }\n }\n }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'presto-modern-skin',\n styleUrl: 'presto-modern-skin.scss',\n shadow: false,\n})\nexport class PrestoModernSkin {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}