{"file":"presto-stacked-skin2.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,8wFAA8wF;;MCO9xF,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;;;;;IAC5B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/ui/skins/presto-stacked-skin/presto-stacked-skin.scss?tag=presto-stacked-skin","src/components/ui/skins/presto-stacked-skin/presto-stacked-skin.tsx"],"sourcesContent":[".skin-stacked {\n .plyr__controls {\n flex-wrap: wrap;\n }\n\n .presto-player-progress__marker {\n transform: scale(0.75);\n }\n\n .plyr__controls {\n justify-content: flex-start;\n }\n\n .plyr__controls__item.plyr__progress__container {\n order: -1;\n flex: 1 0 100%;\n }\n\n .plyr__controls__item.plyr__progress__container + :not(.plyr__time),\n .plyr__controls__item.plyr__progress__container + .plyr__time + * {\n margin-left: auto;\n }\n\n .plyr__controls .plyr__controls__item:first-child {\n margin: 0;\n }\n\n .plyr__progress {\n height: 19px;\n display: flex;\n align-items: center;\n // --plyr-range-track-height: 3px;\n .plyr__progress__buffer {\n height: 3px;\n transition: all 0.25s ease;\n position: absolute;\n top: calc(50% + 1px);\n }\n\n input[type='range'] {\n &::-moz-range-track {\n height: 3px;\n transition: all 0.25s ease;\n }\n &::-webkit-slider-runnable-track {\n height: 3px;\n transition: all 0.25s ease;\n }\n &::-ms-track {\n height: 3px;\n transition: all 0.25s ease;\n }\n &::-ms-fill-upper {\n height: 3px;\n transition: all 0.25s ease;\n }\n &::-ms-fill-lower {\n height: 3px;\n transition: height 0.25s ease;\n }\n\n &::-webkit-slider-thumb {\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n &::-moz-range-thumb {\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n &::-ms-thumb {\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.25s ease;\n }\n }\n }\n\n .plyr__progress__container:hover {\n .presto-player-progress__marker {\n transform: scale(1);\n }\n .plyr__progress {\n .plyr__progress__buffer {\n height: 5px;\n top: calc(50%);\n }\n // --plyr-range-track-height: 5px;\n input[type='range'] {\n overflow: visible;\n &::-moz-range-track {\n height: 5px;\n }\n &::-webkit-slider-runnable-track {\n height: 5px;\n }\n &::-ms-track {\n height: 5px;\n }\n &::-ms-fill-upper {\n height: 5px;\n }\n &::-ms-fill-lower {\n height: 5px;\n }\n &::-webkit-slider-thumb {\n visibility: visible;\n opacity: 1;\n }\n &::-moz-range-thumb {\n visibility: visible;\n opacity: 1;\n }\n &::-ms-thumb {\n visibility: visible;\n opacity: 1;\n }\n }\n }\n }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'presto-stacked-skin',\n styleUrl: 'presto-stacked-skin.scss',\n shadow: false,\n})\nexport class PrestoStackedSkin {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}