@latest-thinking/lt-player 1.1.0-t → 1.1.0-u
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css/lt-player-main.css","mappings":"AAAA,qBAgBA,qBAGE,MAOF,QACE,YAOF,YACE,WACA,kCAIA,8BACE,mCAGF,+BACE,YAIJ,iBACE,iCAGF,0BACE,SAGF,uBACE,8RC1DF,mBACE,gBACA,4BACA,qBACA,sBACA,2rBAGF,YACE,uBACA,mBACA,21CAGF,YACE,mBACA,uBACA,eCKuB,gBAaE,kBDfzB,qBACA,sBACA,iBACA,gBACA,kBACA,YACA,gBACA,eACA,m7CAEA,UACE,YACA,eACA,gBACA,sKAIJ,YACE,WACA,WACA,yBCqBuB,kBDnBvB,eACA,keAgBF,UACE,eACA,0gBAGF,UACE,yBCXwB,sdDe1B,UACE,yBChBwB,kYDoB1B,UACE,seAGF,0BACE,sBACA,YACA,WACA,gBACA,gBCxBwB,eD0BxB,wBACA,kBACA,sdAGF,aCpC0B,+BDsCxB,sBACA,WACA,UACA,gBACA,gBCrCwB,eDuCxB,0bAGF,cACE,+BACA,sBACA,YACA,WACA,kBACA,gBChDwB,eDkDxB,YExFF,uBACE,+DACA,gBACA,YAGF,uBACE,+DACA,gBACA,YAGF,uBACE,+DACA,gBACA,YAGF,uBACE,+DACA,gBACA,YAGF,uBACE,+DACA,gBACA,4FC/CE,mCAEE,2BACA,8CAGF,mCACE,8CAMN,iBAEE,cAGF,mCACE,sBAGF,mCACE,OAGF,wBACE,WACA,+BAGE,yBACE,0BACA,4BACA,4BAGF,gCACE,uCACA,6CACA,wDAMJ,uBACE,oBAIJ,UACE,YACA,iBACA,YAGF,wBACE,gBACA,2DAGE,YACE,YCjEN,6CHgBsB,kGGbpB,6CHaoB,0BIXtB,YACE,uBACA,mBACA,WACA,YACA,YCVF,iDACE,0CACA,6SCmEM,SACE,+3BASE,cN1De,oBM8EzB,cACE,kBACA,WACA,WACA,OACA,gBN7CsB,aM+CtB,sBACA,UACA,WACA,4BACA,kCAEA,eACE,MACA,aACA,8BACA,mBACA,yBNtD2B,gBMwD3B,eACA,4BACA,2DAEA,eACE,mCAQJ,aN7EsB,gBM+EpB,cACA,aACA,8CNxHgB,8EM2HhB,aNpFoB,yBAHH,0FOnCrB,aPsCwB,yBOpCtB,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ACA,eACA,gBACA,mFK+WM,YACE,wCAQZ,oLAKU,YAEE,QACA,0CCjgBV,UACE,YACA,sCAGF,gBACE,iBACA,YACA,8BAGF,cACE,cACA,YACA,WACA,UACA,eACA,4DAEA,0BACE,0BACA,yBAIJ,eACE,iBACA,yBAGF,eACE,iBACA,yCAGF,WACE,+CAEA,YACE,uBACA,mBACA,YACA,mBACA,8CAKJ,oBACE,4CACA,0BACA,uCAIF,iBAEE,YACA,WACA,YACA,SACA,QACA,UACA,4CACA,0BACA,6CAEA,UbTsB,yBAJA,kBagBpB,UACA,YACA,YACA,mDNpCJ,UPqBwB,yBOnBtB,sGAGF,UPgBwB,yBAJA,6GONxB,qBAEE,oDM0BA,abtBsB,yBAHH,aa4BjB,0DN/DJ,aPsCwB,yBOpCtB,oHAGF,aPiCwB,yBAHH,2HOxBrB,qBAEE,uDMqDA,iBACE,SACA,gCACA,2BACA,sBACA,+BACA,+EAGF,uBACE,2CACA,WACA,UACA,mBACA,oCACA,eACA,eACA,oCACA,2EAGF,0BACE,2CACA,WACA,UACA,mBACA,yBACA,eACA,oEAEF,0BACE,2CACA,WACA,UACA,mBACA,oCACA,eACA,wFAEF,UACE,eACA,2BACA,oCACA,kBACA,0CACA,8FAEF,mCACE,2EAEF,UACE,eACA,gBACA,oCACA,kBACA,0CACA,oEAEF,UACE,eACA,oCACA,sCACA,oBACA,+BACA,yEAEF,mCACE,0CACA,kBACA,gBACA,+EAEF,mCACE,yEAEF,mCACE,0CACA,kBACA,gBACA,+EAEF,mCACE,yBCnKN,UACE,oDAEA,iBACE,QACA,SACA,gCACA,kEAEA,SACE,+BACA,oBACA,Wd6CoB,yBAJA,6BctCpB,aACA,wEPoBJ,UPqBwB,yBOnBtB,gJAGF,UPgBwB,yBAJA,uJONxB,qBAEE,4DO9BA,SACE,+BACA,kDAIJ,eACE,aACA,UACA,WACA,iBACA,gBACA,iEAEA,SACE,WACA,gEAGF,oBPuGF,sBOpGI,edvBmB,gBAeE,gBAIH,ScQlB,6EAIA,mBACE,qBACA,4BACA,qBACA,uBACA,gBACA,edrCiB,gBAYE,sBc4BnB,gBACA,gBACA,sCACA,kFAGF,aACE,sCACA,yDAKN,YACE,mDAGF,eACE,gBACA,UACA,YACA,SACA,qBACA,edhEqB,WckErB,eACA,kBACA,aACA,WACA,UACA,gGAGF,+BAEE,UACA,YACA,UACA,kBACA,MACA,iDAGF,OACE,gDAGF,MACE,sFAGF,SAEE,QACA,aACA,kBACA,kBACA,aACA,WACA,kHAEA,YACE,iBACA,gIAEA,aACE,0HAGF,cACE,kGAIJ,YACE,2BACA,mBACA,WACA,iBACA,gGAGF,cdzHuB,gBAWA,iBciHrB,cACA,2CAIJ,MACE,iDAEA,0BACE,2DAEA,0BACE,4DAGF,0BACE,4CAKN,OACE,4DAGE,0BACE,6DAGF,0BACE,2CAKN,yBACE,UAEA,qCAIF,SACE,aACA,6BACA,mBAIJ,GACE,wBAGE,UACA,MAEF,YAGE,UACA,wBAGJ,GACE,SACE,4BACA,MAEF,SACE,wBACA,yBAGJ,GACE,SACE,0BACA,MAEF,SACE,4BACA,2DAKF,2BACE,2DAKF,SACE,qCAIJ,gGAIQ,oBP1GN,ePlHwB,8GcmOhB,cdvOiB,0EehBnB,2CACE,0BACA,oCAOR,4BACE,+BACA,UACA,YACA,WACA,2BACA,wBACA,sBACA,kBACA,qBACA,iBAGF,+BAEE,oCAEA,+BACE,kBACA,WACA,YACA,aACA,8EAGE,WACE,MACA,8FAGF,0BACE,+EAGF,WACE,MACA,+FAGF,0BACE,wBAYR,oBACE,gCAGF,oBACE,8BAIJ,0BACE,mDAGF,0BAIE,sBACA,0DAGF,0BAIE,mEAGF,0BAIE,kDAIF,SACE,oBACA,2BACA,uGAIF,oBACA,+BACA,0BACA,gCAGA,uBACA,yBAGA,uBACE,wFClHM,KACE,+FAEA,eTwGR,mGAEA,UACE,YACA,eACA,gBACA,sESlGE,SACE,6BAKN,UACE,gBACA,aACA,sBACA,yBACA,SACA,yBACA,oBACA,WACA,oCAEA,ahBiBsB,sBAIA,uDAJA,yBOMtB,oFAGF,aPTwB,sBAIA,2FOWxB,qBAEE,2FS5BF,eAEE,aACA,sBACA,yBACA,SACA,yBACA,iBACA,yGAEA,ahBCsB,sBAIA,yBgBFpB,qHTEJ,aPJwB,yBOMtB,2OAGF,aPTwB,sBAIA,yPOWxB,qBAEE,+VSbE,sBAGE,iHAGF,sCACE,+BACA,4BAMR,uBACE,kCAGF,cACE,SACA,WACA,YACA,0GAIA,YAEE,wDCpFF,cACE,WACA,WACA,OACA,gBjBoDsB,mBiBlDtB,SACA,eACA,uEAMA,cjBIuB,gBAWA,yBiBZrB,SACA,+DAIJ,iBACE,WACA,WACA,OACA,gBjB8BsB,yBiB5BtB,SACA,aACA,sBACA,mBACA,4EAEA,wBACE,mBACA,WjBqBoB,aiBnBpB,kBACA,oFAEA,YACE,qBACA,oGAGF,UjBWoB,UiBTlB,iBACA,kBACA,2GAEA,aACE,yBACA,UACA,aACA,mHAGF,wBACE,WACA,2GAIF,cjB/CmB,gBAcA,cAsBF,kBiBef,SACA,UACA,6IAGF,wBAEE,YACA,WACA,gBjBtBgB,kBiBwBhB,yIAGF,UjB3BkB,gBiB8BhB,yBACA,gBjB/BgB,kIiBmClB,cAEE,4BACA,yBACA,YACA,WACA,gBjBzCgB,uHiB6ClB,ajB/CiB,YiBiDf,eACA,WACA,gBACA,sJAGF,ajBvDiB,4JiB6DjB,ajB7DiB,qJiBoEjB,ajBpEiB,+JiB0EjB,UAEE,0EAKN,YACE,8BACA,yBACA,mBACA,wIAEA,wBjB5FiB,gJiBgGjB,kCACE,+BACA,2BACA,kGAIA,SACE,kBACA,qBACA,eACA,YACA,iBACA,wGAGF,SACE,QACA,SACA,qBACA,SACA,oBACA,kBACA,oBACA,kGAGF,iBACE,eACA,MACA,OACA,QACA,SACA,yBACA,uBACA,eACA,qBACA,2BACA,wBACA,wGAGF,0BACE,yGAGF,UACE,YACA,sBjBzIgB,kBiB2IhB,WACA,SACA,WACA,uBACA,eACA,4EAKN,wBACE,WACA,aACA,qBACA,yFAEA,ajB/JoB,yBAHH,kBiBqKf,+FVxMN,aPsCwB,yBOpCtB,8LAGF,aPiCwB,yBAHH,qMOxBrB,qBAEE,4EU+LA,YACE,iFAEA,YACE,uBACA,mBACA,aACA,uFAGF,UACE,2EAIJ,cACE,WACA,YACA,MACA,mBACA,YACA,WACA,uCAOF,iBACE,WACA,UACA,OACA,gBjBnMoB,yBiBqMpB,SACA,UACA,sDAMA,cjBnPqB,gBAWA,yBiB2OnB,SACA,8CAIJ,iBACE,WACA,WACA,OACA,gBjBzNoB,yBiB2NpB,SACA,UACA,aACA,sBACA,mBACA,yBACA,2DAEA,wBACE,mBACA,WjBpOkB,aiBsOlB,kBACA,mEAEA,YACE,qBACA,mFAGF,UjB9OkB,UiBgPhB,iBACA,kBACA,0FAEA,aACE,yBACA,UACA,aACA,kGAGF,wBACE,WACA,0FAIF,cjBxSiB,gBAcA,cAsBF,kBiBwQb,SACA,UACA,4HAGF,wBAEE,YACA,WACA,gBjB/Qc,kBiBiRd,wHAGF,UjBpRgB,gBiBuRd,yBACA,gBjBxRc,iHiB4RhB,cAEE,4BACA,yBACA,YACA,WACA,gBjBlSc,sGiBsShB,ajBxSe,YiB0Sb,eACA,qIAGF,ajB9Se,2IiBoTf,ajBpTe,oIiB2Tf,ajB3Te,8IiBiUf,UAEE,yDAKN,YACE,8BACA,yBACA,mBACA,uHAEA,wBjBnVe,+HiBuVf,kCACE,+BACA,2BACA,iFAIA,SACE,kBACA,qBACA,eACA,YACA,iBACA,uFAGF,SACE,QACA,SACA,qBACA,SACA,oBACA,kBACA,oBACA,iFAGF,iBACE,eACA,MACA,OACA,QACA,SACA,yBACA,uBACA,eACA,qBACA,2BACA,wBACA,uFAGF,0BACE,wFAGF,UACE,YACA,sBjBhYc,kBiBkYd,WACA,SACA,WACA,uBACA,eACA,2DAKN,wBACE,WACA,aACA,qBACA,wEAEA,ajBtZkB,yBAHH,kBiB4Zb,8EV/bR,aPsCwB,yBOpCtB,4JAGF,aPiCwB,yBAHH,mKOxBrB,qBAEE,2DUsbE,YACE,gEAEA,YACE,uBACA,mBACA,aACA,sEAGF,UACE,0DAIJ,iBACE,WACA,YACA,MACA,mBACA,YACA,WACA,yEASF,eACE,gFAGF,OACE,SACA,QACA,SACA,gBACA,mBACA,gCACA,gBACA,WACA,gBACA,YACA,2FAEA,wBACE,6FAGF,YACE,iECvgBN,eACE,0BACA,mCACA,2BACA,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QAEE,YACA,OACA,kBACA,MACA,WACA,iEAIF,mBAIE,kBACA,iCACA,8BAIF,wGhB/CiC,kCgBiD/B,mCACA,SACA,4ChB/CyB,OgBiDzB,oDACA,wDACA,kBACA,QACA,6DACA,UACA,0BAEA,6BAdF,yChBvDuB,0DgBuEnB,mDAKJ,SACE,oBACA,2BACA,+HAMA,0HhBvEoC,kDADL,0BgBiFjC,0HhBhFsC,SgBkFpC,mBACA,4ChBrFyB,agBuFzB,SACA,WACA,sDACA,kBACA,QACA,gCACA,eACA,UACA,8BAGA,QACE,kBACA,+DAGF,SAEE,yCAIJ,SACE,kBACA,qDAGF,aACE,6EAKA,oITlHkC,gESsHlC,oITtHkC,yDS0HlC,oIT1HkC,2ESgIhC,+OrB5GF,uEqBgHE,+OrBhHF,gEqBoHE,+OrBpHF,sCqB2HF,+EHzJ0C,kBIT1C,etB6CE,2BACA,YACA,SACA,WACA,wBAEA,WACE,wDAIF,aACE,4DAEA,YACE,sCAKJ,WACE,2BAIF,iCACE,4CCnEoB,6BqBCxB,etBwCE,2BACA,YACA,SACA,WACA,SsBzCA,cACA,OACA,eACA,QACA,MACA,iBACA,kCtBqCA,WACE,kEAIF,aACE,sEAEA,YACE,gDAKJ,WACE,2BAIF,2CACE,4CCnEoB,asBJxB,qBACE,SACA,eACA,OACA,gBACA,kBACA,QACA,MACA,WACA,sCAGA,WAEE,kBACA,WACA,mBAIF,kBChBoB,kBDkBlB,yClBrBmB,WkBuBnB,8BACA,eACA,gBACA,oBACA,kBACA,wClB5BmB,UkB8BnB,yBAGF,YACE,aAKJ,uBACE,cACA,2CX7BwB,OW+BxB,WACA,kBACA,QACA,2BACA,UACA,UACA,sBEhDF,yETF0B,8CAKJ,iFSCpB,oEACA,UACA,YACA,oBACA,kBACA,wCACA,0BACA,uDACA,UACA,gCAEA,SACE,mCACA,8BAIF,mEACE,qEACA,8GACA,sDACA,WACA,SACA,6CACA,kBACA,2BACA,QACA,UACA,uCAGF,kBD1BoB,0DC4BlB,gBACA,kBACA,UACA,wFAEA,WAEE,OACA,kBACA,MACA,WACA,8CAGF,qBACE,2CACA,WACA,oBACA,2CAGF,eAEE,eACA,sCAKJ,wGC9DuC,sEDgErC,uEACA,SACA,OACA,gBACA,qBChEkC,kBDkElC,QACA,UACA,2CAEA,UCrEsB,wEzBNJ,0BwBkFtB,QACE,iBACA,YACA,OACA,YACA,UACA,gBACA,oBACA,kBACA,QACA,MACA,4BACA,WACA,UACA,oCAEA,SACE,8BAGF,WACE,OACA,gBACA,eACA,mBACA,kBACA,MACA,WACA,sBEnHJ,0BACE,6CCCA,gBACA,oBAIE,sBACA,qBACA,6BACA,qBACA,gBAUJ,uBACE,OpDmDF,oC","sources":["webpack://@latest-thinking/lt-player/./src/assets/sass/app.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/abstracts/_placeholders.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/abstracts/_variables.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/core/_fonts.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/core/_player.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/core/_typography.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/core/_all.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/components/_images.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/components/_modal.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/abstracts/_mixins.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/components/_loader.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/components/_range.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_poster.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/controllers/_top.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/controllers/_botom.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/controllers/_mini-player.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/controllers/_notification-rewind-forward.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_control.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_additional-info.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_settings.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_share.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_subtitles.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/lib/animation.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/base.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/lib/mixins.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/type.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/badges.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/badges.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/captions.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/controls.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/captions.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/control.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/controls.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/menus.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/menus.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/sliders.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/sliders.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/poster.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/times.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/tooltips.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/tooltips.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/progress.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/progress.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/volume.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/types/audio.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/types/video.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/states/fullscreen.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/plugins/ads.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/colors.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/plugins/preview-thumbnails/index.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/plugins/preview-thumbnails/settings.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/utils/animation.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/utils/hidden.scss"],"sourcesContent":["//---------------------------------------------\n//\n// Table of Contents\n//\n// 1. Basics\n// 2. Resetting properties\n// 3. General\n// 4. Components\n// 5. Additional imports\n//\n//---------------------------------------------\n\n//---------------------------------------------\n// 1. Basics\n//---------------------------------------------\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n//---------------------------------------------\n// 2. Resetting properties\n//---------------------------------------------\n\nbody {\n margin: 0;\n}\n\n//---------------------------------------------\n// 3. General\n//---------------------------------------------\n\n.lt-player {\n display: flex;\n width: 100%;\n}\n\n.lt-player-orientation {\n &--portrait {\n container: portrait / inline-size;\n }\n\n &--landscape {\n container: landscape / inline-size;\n }\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.overflow-hidden-body-important {\n overflow: hidden !important;\n}\n\n.d-none {\n display: none !important;\n}\n\n//---------------------------------------------\n// 4. Components\n//---------------------------------------------\n\n@import \"abstracts/all\";\n@import \"core/all\";\n@import \"components/all\";\n@import \"layout/all\";\n@import \"sections/all\";\n\n//---------------------------------------------\n// 5. Additional imports\n//---------------------------------------------\n\n@import \"~plyr\";\n\n:root {\n --plyr-color-main: $default_color_player;\n}\n","%line-clamp-3 {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n word-break: break-word;\n}\n\n%center-elements {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n%lt-player-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: $lt-player-font-size-lg;\n font-weight: $lt-player-font-weight-lg;\n font-style: normal;\n text-decoration: none;\n vertical-align: middle;\n line-height: 150%;\n padding: 8px 8px;\n text-align: center;\n border: none;\n border-radius: 0;\n cursor: pointer;\n\n img {\n width: 24px;\n height: 24px;\n min-width: 24px;\n min-height: 24px;\n }\n}\n\n%line-button {\n display: flex;\n width: 56px;\n height: 6px;\n background-color: $default-lt-line-button;\n margin: .5rem auto;\n cursor: pointer;\n}\n\n%input-range {\n color: $default-lt-player-white;\n bottom: 1rem;\n width: 100%;\n margin: 0 0 -5rem 0;\n padding: 0;\n display: flex;\n height: 20px;\n box-shadow: none;\n background: transparent;\n cursor: pointer;\n}\n\n%input-range--moz-range-progress {\n height: 3px;\n cursor: pointer;\n}\n\n%input-range--webkit-slider-runnable-track {\n height: 2px;\n background-color: $default-lt-button-color;\n}\n\n%input-range--moz-range-track {\n height: 2px;\n background-color: $default-lt-button-color;\n}\n\n%input-range--ms-track {\n height: 2px;\n}\n\n%input-range--webkit-slider-thumb {\n box-shadow: 0 1px 0 $default-lt-button-color;\n border: 4px solid $default-lt-player-white;\n height: 13px;\n width: 13px;\n border-radius: 0;\n background: $default-lt-player-black;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -5.5px;\n}\n\n%input-range--moz-range-thumb {\n color: $default-lt-button-color;\n box-shadow: 1px 1px 1px $default-lt-button-color;\n border: 4px solid $default-lt-player-white ;\n height: 5px;\n width: 5px;\n border-radius: 0;\n background: $default-lt-player-black;\n cursor: pointer;\n}\n\n%input-range--ms-thumb {\n margin-top: 2px;\n box-shadow: 1px 1px 1px $default-lt-button-color;\n border: 5px solid $default-lt-player-white;\n height: 16px;\n width: 16px;\n border-radius: 1px;\n background: $default-lt-player-black;\n cursor: pointer;\n}\n","//---------------------------------------------\n//\n// Variables\n//\n// 1. Fonts\n// 2. Globals\n// 3. Colors\n// 4. Container Width\n// 5. Grid Breakpoint\n//\n//---------------------------------------------\n\n//---------------------------------------------\n// 1. Fonts\n//---------------------------------------------\n\n$lt-font-family-base: \"MuseoSans\", sans-serif !important;\n\n$lt-player-font-size-xxs: 10px;\n$lt-player-font-size-xs: 12px;\n$lt-player-font-size-sm: 14px;\n$lt-player-font-size-base: 16px;\n$lt-player-font-size-lg: 18px;\n$lt-player-font-size-lg2: 19px;\n$lt-player-font-size-xl: 20px;\n$lt-player-font-size-xxl: 21px;\n$lt-player-font-size-xxl2: 24px;\n$lg-player-font-size-xxl3: 28px;\n$lt-player-font-size-xxxl2: 30px;\n$lt-player-font-size-xxxl3: 32px;\n\n$lt-player-font-weight-xs: 100;\n$lt-player-font-weight-sm: 300;\n$lt-player-font-weight-md: 400;\n$lt-player-font-weight-base: 500;\n$lt-player-font-weight-lg: 600;\n$lt-player-font-weight-xl: 700;\n$lt-player-font-weight-xxl: 800;\n\n$lt-player-line-height: 1.5;\n$lt-player-line-height-default: 1.2;\n\n//---------------------------------------------\n// 2. Globals\n//---------------------------------------------\n\n$lt-player-padding-xxl: 40px;\n\n//---------------------------------------------\n// 3. Colors\n//---------------------------------------------\n\n$default_color_player: #D8D846;\n$default-lt-span-color: #A8ADB0;\n$default-lt-player-gray: #f2f2f2;\n$default-lt-button-color: #27282A;\n$default-lt-button-other: #808689;\n$default-lt-player-blue: #074566;\n$z_index_first: 90;\n$default-lt-player-white: #fff;\n$default-lt-player-black: #000;\n$default-lt-player-modal-color: #3E4345;\n$default-lt-line-button: #E6E6E6;\n$default-lt-player-modal-header: #F9F9F9;\n\n//---------------------------------------------\n// 4. Container Width\n//---------------------------------------------","//---------------------------------------------\n//\n// Fonts\n//\n// 1. Loading Mixins\n// 2. Loading Fonts\n// 3. Loading Icons CSS\n//\n//---------------------------------------------\n\n//---------------------------------------------\n// 1. Loading Mixins\n//---------------------------------------------\n\n//---------------------------------------------\n// 2. Loading Fonts\n//---------------------------------------------\n\n//---------------------------------------------\n// MuseoSans\n//---------------------------------------------\n\n@font-face {\n font-family: \"MuseoSans\";\n src: url('../../fonts/museo/MuseoSans-100.otf') format('opentype');\n font-weight: 100;\n}\n\n@font-face {\n font-family: \"MuseoSans\";\n src: url('../../fonts/museo/MuseoSans-300.otf') format('opentype');\n font-weight: 300;\n}\n\n@font-face {\n font-family: \"MuseoSans\";\n src: url('../../fonts/museo/MuseoSans-500.otf') format('opentype');\n font-weight: 500;\n}\n\n@font-face {\n font-family: \"MuseoSans\";\n src: url('../../fonts/museo/MuseoSans-700.otf') format('opentype');\n font-weight: 700;\n}\n\n@font-face {\n font-family: \"MuseoSans\";\n src: url('../../fonts/museo/MuseoSans-900.otf') format('opentype');\n font-weight: 900;\n}\n\n//---------------------------------------------\n// 3. Loading Icons CSS\n//---------------------------------------------\n",".lt-player-orientation--portrait {\n .plyr {\n iframe,\n video {\n border-radius: 0 0 0 32px !important;\n background: $default-lt-player-black !important;\n }\n\n video {\n background: transparent !important;\n }\n }\n}\n\n// THIS MUST STAY - DO NOT DELETE\n.poster-lt-player-share,\n.mini-player-control {\n visibility: hidden;\n}\n\n.plyr--video {\n background: transparent !important;\n}\n\n.plyr__video-wrapper {\n background: transparent !important;\n}\n\n.plyr {\n z-index: unset!important;\n width: 100%;\n &__video-embed {\n\n &__container {\n transform: none!important;\n position: unset!important;\n padding-bottom: 0!important;\n }\n\n &__poster {\n background-size: cover!important;\n background-repeat: no-repeat!important;\n background-position: center center!important;\n }\n }\n}\n\n.lt-player-portrate--mobile {\n .fullscreen-custom-control {\n display: none !important;\n }\n}\n\n.lt-player-wrapper {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.lt-player {\n border-radius: 0 0 0 30px;\n overflow: hidden;\n\n &.fullscreen-disabled {\n .fullscreen-custom-control {\n display: none;\n }\n }\n}",".lt-player {\n font-family: $lt-font-family-base;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p {\n font-family: $lt-font-family-base;\n }\n}\n","// Add cores\n@import \"fonts\";\n@import \"player\";\n@import \"typography\";\n\n.lt-player-onload-poster {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n","img.filter {\n -webkit-filter: brightness(0) invert(1)!important;\n filter: brightness(0) invert(1)!important;\n}\n","@import \"../abstracts/variables\";\n\n$modal-max-width: 620px;\n\n@mixin modal-max-width {\n @media (max-width: #{$modal-max-width}) {\n @content;\n }\n}\n\n@mixin modal-min-width {\n @media (min-width: #{$modal-max-width}) {\n @content;\n }\n}\n\n@mixin modal-h2 {\n font-size: $lt-player-font-size-xxxl2;\n font-weight: $lt-player-font-weight-lg;\n margin-top: 0;\n margin-bottom: 16px;\n color: $default-lt-player-modal-color !important;\n}\n\n@mixin modal-h4 {\n font-size: $lt-player-font-size-xxl2;\n font-weight: $lt-player-font-weight-lg;\n margin-bottom: 0;\n margin-top: 16px;\n color: $default-lt-player-modal-color !important;\n}\n\n@mixin modal-b {\n display: block;\n font-size: $lt-player-font-size-base;\n margin-top: 16px;\n color: $default-lt-player-modal-color !important;\n}\n\n@mixin modal-p {\n font-weight: $lt-player-font-weight-sm;\n line-height: $lt-player-line-height;\n font-size: $lt-player-font-size-base;\n margin-bottom: 0;\n color: $default-lt-player-modal-color !important;\n}\n\n@mixin modal-img {\n max-width: 100%;\n height: auto;\n margin-bottom: 16px;\n}\n\n@mixin modal-text-color {\n color: $default-lt-player-modal-color !important;\n}\n\n@mixin modal-btn {\n @extend %lt-player-btn;\n @include yellow-btn;\n}\n\n.lt-player-portrate--mobile {\n &.lt-player--portrait {\n &__lg,\n &__md,\n &__sm,\n &__xs {\n .player-lt {\n &__modal-body {\n padding: 0;\n }\n }\n }\n\n &__xs {\n .player-lt {\n &__mobile {\n &__modal-content {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n b,\n strong,\n span {\n font-size: $lt-player-font-size-base;\n }\n }\n }\n }\n }\n }\n}\n\n.player-lt {\n &__mobile {\n transition: 0.4s;\n position: absolute;\n width: 100%;\n z-index: 30;\n left: 0;\n background: $default-lt-player-white;\n display: flex;\n flex-direction: column;\n padding: 0;\n height: 90%;\n border-radius: 10px 10px 0 0;\n\n &__modal-header {\n position: sticky;\n top: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: $default-lt-player-modal-header;\n min-height: 50px;\n padding: 0 16px;\n border-radius: 15px 15px 0 0;\n\n .player-lt__close-button {\n margin-bottom: 0;\n }\n\n .line-button {\n @extend %line-button;\n }\n }\n\n &__modal-content {\n color: $default-lt-button-color;\n text-align: left;\n overflow: auto;\n padding: 20px;\n font-family: $lt-font-family-base;\n\n button,\n a {\n @include modal-btn;\n }\n\n img {\n @include modal-img;\n }\n\n h2,\n h4,\n p {\n @include modal-text-color;\n }\n\n h1,\n h2 {\n @include modal-h2;\n }\n\n h3,\n h4,\n h5,\n h6 {\n @include modal-h4;\n }\n\n b,\n strong,\n span {\n @include modal-b;\n }\n\n p {\n @include modal-p;\n }\n }\n }\n\n &__modal {\n z-index: 9999;\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n\n @include modal-min-width {\n background-color: rgba(0, 0, 0, 0.5);\n }\n\n &__mobile {\n position: absolute;\n width: 100%;\n z-index: 50;\n left: 0;\n background: $default-lt-player-white;\n padding: 0 0 32px 0;\n bottom: 0;\n transition: .3s;\n max-height: 90%;\n overflow: auto;\n border-radius: 10px 10px 0 0;\n\n &__background {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n background: #27282A;\n opacity: 0.75;\n z-index: 10;\n }\n }\n }\n\n &__modal-content {\n word-break: break-word;\n z-index: 20;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: $default-lt-player-white;\n color: $default-lt-player-modal-color;\n border-radius: 0;\n font-family: $lt-font-family-base;\n width: 100%;\n max-height: calc(100% - 50px);\n overflow: auto;\n max-width: 620px;\n\n @include modal-max-width {\n max-height: unset;\n width: auto;\n height: 100%;\n position: unset;\n transform: unset;\n border: 1px solid $default-lt-span-color;\n border-radius: 0 0 0 30px;\n }\n\n .modal-flex {\n display: flex;\n align-items: end;\n gap: 24px;\n flex-wrap: wrap;\n\n img {\n max-width: 220px;\n margin-bottom: 0;\n flex: 50%;\n }\n\n h3 {\n flex: 50%;\n word-break: unset;\n }\n }\n\n &::-webkit-scrollbar-track {\n -webkit-box-shadow: transparent;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar {\n width: 10px;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #D9D9D9;\n }\n\n hr {\n margin: 24px 0;\n border-top: 1px solid $default-lt-button-other;\n }\n\n button,\n a {\n @include modal-btn;\n }\n\n img {\n @include modal-img;\n }\n\n h2,\n h4,\n p {\n @include modal-text-color;\n }\n\n h1,\n h2 {\n @include modal-h2;\n margin-bottom: 32px;\n }\n\n h3,\n h4,\n h5,\n h6, {\n @include modal-h4;\n margin-top: 0;\n }\n\n b,\n strong,\n span {\n @include modal-b;\n }\n\n p {\n @include modal-p;\n margin-top: 8px;\n margin-bottom: 32px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n\n &__modal-body {\n padding: 40px;\n\n @include modal-max-width {\n padding: 20px;\n }\n }\n\n &__close-button {\n z-index: 20;\n width: 24px;\n font-size: $lt-player-font-size-xxxl2 !important;\n line-height: 1;\n padding: 0;\n text-align: center;\n cursor: pointer;\n border-radius: 0.25rem;\n background-color: transparent;\n color: $default-lt-button-color;\n transition: color 0.12s ease-in-out;\n position: absolute;\n top: 40px;\n right: 40px;\n margin-top: 0 !important;\n\n @include modal-max-width {\n top: 20px;\n right: 20px;\n }\n }\n\n &__close-button:hover {\n color: #d75b4c;\n }\n}\n","@mixin center-position($top: $top, $left: $top) {\n position: absolute;\n top: $top;\n left: $top;\n transform: translate(-#{$top}, -#{$top});\n}\n\n@mixin flex-position($flex, $content, $align) {\n display: $flex;\n justify-content: $content;\n align-items: $align;\n}\n\n@mixin yellow-btn {\n color: $default-lt-button-color;\n background-color: $default_color_player;\n\n &:hover {\n color: $default-lt-button-color;\n background-color: darken($default_color_player, 10%);\n }\n\n &:active,\n &:focus {\n color: $default-lt-button-color;\n background-color: $default_color_player;\n }\n\n &:focus-visible,\n &:focus {\n outline: transparent;\n }\n}\n\n@mixin dark-btn {\n color: $default-lt-player-white;\n background-color: $default-lt-button-color;\n\n &:hover {\n color: $default-lt-player-white;\n background-color: lighten($default-lt-button-color, 10%);\n }\n\n &:active,\n &:focus {\n color: $default-lt-player-white;\n background-color: $default-lt-button-color;\n }\n\n &:focus-visible,\n &:focus {\n outline: transparent;\n }\n}\n\n@mixin white-btn {\n color: $default-lt-button-color;\n background-color: $default-lt-player-white;\n\n &:hover {\n color: $default-lt-button-color;\n background-color: darken($default-lt-player-white, 10%);\n }\n\n &:active,\n &:focus {\n color: $default-lt-button-color;\n background-color: $default-lt-player-white;\n }\n\n &:focus-visible,\n &:focus {\n outline: transparent;\n }\n}\n\n@mixin gray-btn {\n color: $default-lt-button-color;\n background-color: $default-lt-button-other;\n\n &:hover {\n color: $default-lt-button-color;\n background-color: darken($default-lt-button-other, 10%);\n }\n\n &:active,\n &:focus {\n color: $default-lt-button-color;\n background-color: $default-lt-button-other;\n }\n\n &:focus-visible,\n &:focus {\n outline: transparent;\n }\n}\n\n@mixin buttons-sm {\n padding: 8px 10px;\n}\n\n@mixin buttons-xxs {\n padding: 6px;\n\n img {\n width: 14px;\n height: 14px;\n min-width: 14px;\n min-height: 14px;\n }\n}\n\n@mixin buttons-xs {\n padding: 7px 7px;\n\n img {\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n }\n}\n\n@mixin buttons-normal {\n padding: 8px 8px;\n\n img {\n width: 24px;\n height: 24px;\n min-width: 24px;\n min-height: 24px;\n }\n}\n\n@mixin line-clamp-2 {\n -webkit-line-clamp: 2;\n}\n\n@mixin line-clamp-3 {\n -webkit-line-clamp: 3;\n}\n\n@mixin line-clamp-4 {\n -webkit-line-clamp: 4;\n}\n","@import \"../abstracts/variables\";\n\n.lt-state-loader-active {\n .lt-player__poster {\n display: none;\n }\n\n .loader {\n display: inline-block;\n\n &__backdrop {\n display: block;\n }\n }\n}\n\n.loader {\n @include center-position(50%, 50%);\n display: none;\n width: 80px;\n height: 80px;\n\n &__backdrop {\n position: absolute;\n inset: 0;\n display: none;\n z-index: 999;\n background-color: rgb(0,0,0,0.2);\n }\n}\n\n.loader div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n width: 64px;\n height: 64px;\n margin: 8px;\n border: 8px solid $default-lt-player-white;\n border-radius: 50%;\n animation: rotate 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: $default-lt-player-white transparent transparent transparent;\n}\n\n.loader div:nth-child(1) {\n animation-delay: -0.45s;\n}\n\n.loader div:nth-child(2) {\n animation-delay: -0.3s;\n}\n\n.loader div:nth-child(3) {\n animation-delay: -0.15s;\n}\n\n@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.lt-player-orientation--portrait {\n .loader {\n top: 35%;\n }\n}",".plyr--full-ui.plyr--video {\n input[type=range] {\n cursor: pointer;\n\n &:active {\n outline: unset;\n }\n\n &::-moz-range-progress {\n @extend %input-range--moz-range-progress;\n }\n\n &::-webkit-slider-runnable-track {\n @extend %input-range--webkit-slider-runnable-track;\n }\n\n &::-moz-range-track {\n @extend %input-range--moz-range-track;\n }\n\n &::-webkit-slider-thumb {\n @extend %input-range--webkit-slider-thumb;\n }\n\n &::-moz-range-thumb {\n @extend %input-range--moz-range-thumb;\n }\n\n &::-ms-thumb {\n @extend %input-range--ms-thumb;\n }\n }\n}","@import \"../abstracts/variables\";\n\n.plyr {\n .lt-player {\n &__preload-hide {\n opacity: 0 !important;\n }\n\n &__poster {\n position: absolute;\n inset: 0;\n color: $default-lt-player-white !important;\n z-index: $z_index_first;\n\n &__image-body {\n position:absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n opacity: 1;\n transition: all 0.2s ease-in-out;\n\n &--preload {\n opacity: 0;\n transition: all 0.2s ease-in-out;\n }\n }\n\n &__img {\n &--set-custom {\n object-fit: cover;\n width: 100%;\n height: 100%;\n }\n\n &__set-default {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 10;\n }\n }\n\n &--background {\n position: absolute;\n inset: 0;\n background-color: $default-lt-span-color;\n z-index: -1;\n }\n\n &__body {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 3;\n\n &:hover {\n .poster-paragraph {\n text-decoration: underline;\n }\n\n .content__footer {\n .poster-buttons {\n .poster-button-play,\n .poster-button-watch-now {\n color: $default-lt-button-color;\n background-color: darken($default_color_player, 10%);\n }\n }\n }\n }\n\n .content {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n z-index: 2;\n cursor: pointer;\n\n &__header {\n padding: 25px 25px 0;\n\n .poster-title {\n @extend %line-clamp-3;\n @include line-clamp-3;\n color: $default-lt-player-white;\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-xs;\n margin: 0;\n }\n }\n\n &__body {\n padding: 0 25px;\n\n .poster-paragraph {\n @extend %line-clamp-3;\n @include line-clamp-4;\n font-weight: $lt-player-font-weight-lg;\n font-size: $lt-player-font-size-base;\n line-height: $lt-player-line-height-default;\n margin: 8px 0;\n color: $default-lt-player-white;\n width: 70%;\n }\n }\n\n &__footer {\n margin-top: auto;\n padding: 0 25px 25px;\n\n .poster-buttons {\n display: flex;\n gap: 5px;\n\n .poster-button-play {\n @extend %lt-player-btn;\n @include yellow-btn;\n @include buttons-xxs;\n font-size: $lt-player-font-size-xs;\n }\n\n .poster-button-watch-now {\n @extend %lt-player-btn;\n @include yellow-btn;\n @include buttons-xs;\n padding: 0 16px;\n font-size: $lt-player-font-size-xs;\n font-weight: $lt-player-font-weight-xl;\n }\n\n .poster-lt-player-share {\n @extend %lt-player-btn;\n @include gray-btn;\n @include buttons-xxs;\n margin-left: auto;\n }\n }\n }\n }\n }\n }\n }\n}\n\n.lt-player-orientation--portrait {\n .plyr {\n .lt-player {\n &__poster {\n &__img {\n &--set-custom {\n // Delete this after review\n object-position: 90% 50%;\n }\n }\n\n &__body {\n .content {\n &__header {\n .poster-title {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-md;\n }\n }\n\n &__body {\n margin-top: auto;\n\n .poster-paragraph {\n font-size: $lt-player-font-size-xxl;\n line-height: $lt-player-line-height-default;\n margin-top: 12px;\n margin-bottom: 20px;\n width: 100%;\n text-decoration: underline;\n }\n }\n\n &__footer {\n margin-top: unset;\n\n .poster-buttons {\n .poster-button-play,\n .poster-button-watch-now,\n .poster-lt-player-share {\n @include buttons-normal;\n font-size: $lt-player-font-size-lg;\n font-weight: $lt-player-font-weight-lg;\n }\n\n .poster-button-watch-now {\n padding: 6px 16px;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 375px) {\n .lt-player-orientation--landscape {\n .lt-player {\n &__poster {\n &__body {\n .content {\n &__body {\n .poster-paragraph {\n width: 50%;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 479px) {\n .lt-player-orientation--landscape {\n .lt-player {\n &__poster {\n &__body {\n .content {\n &__header {\n padding: 25px 50px 0;\n\n .poster-title {\n font-weight: $lt-player-font-weight-xl;\n }\n }\n\n &__body {\n padding: 0 50px;\n\n .poster-paragraph {\n font-size: $lt-player-font-size-xl;\n margin: 25px 0 8px;\n width: 60%;\n }\n }\n\n &__footer {\n padding: 0 50px 25px;\n }\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 639px) {\n .lt-player-orientation--landscape {\n .lt-player {\n &__poster {\n &__body {\n .content {\n &__header {\n padding: 50px 50px 0;\n }\n\n &__body {\n .poster-paragraph {\n font-size: $lg-player-font-size-xxl3;\n margin: 25px 0 8px;\n width: 60%;\n }\n }\n\n &__footer {\n padding: 50px;\n\n .poster-buttons {\n .poster-button-play {\n @include buttons-normal;\n }\n\n .poster-button-watch-now {\n @include buttons-normal;\n padding: 0 16px;\n font-size: $lt-player-font-size-base;\n }\n\n .poster-lt-player-share {\n @include buttons-normal;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 759px) {\n .lt-player-orientation--landscape {\n .lt-player {\n &__poster {\n &__body {\n .content {\n &__body {\n .poster-paragraph {\n font-size: $lt-player-font-size-xxxl3;\n width: 60%;\n }\n }\n }\n }\n }\n }\n }\n}\n\n","@import \"../../abstracts/variables\";\n\n.plyr {\n .plyr__controls-enable-settings {\n opacity: 1;\n }\n .plyr__controls-enable-share {\n opacity: 1;\n }\n\n &__controls,\n &__controls-enable,\n &__controls-enable-settings {\n .top-controllers {\n width: 100%;\n padding: 10px 10px 0;\n margin-bottom: auto;\n\n button {\n @extend %lt-player-btn;\n @include dark-btn;\n @include buttons-xs;\n }\n\n &__background {\n position: absolute;\n width: 100%;\n left: 0;\n top: 0;\n height: 20%;\n background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));\n rotate: 180deg;\n display: none;\n }\n\n &__body {\n display: flex;\n justify-content: space-between;\n\n &__left,\n &__right {\n display: flex;\n flex-direction: column;\n flex: 0 0 12%;\n z-index: 5;\n }\n\n &__left {\n align-items: flex-start;\n }\n\n &__right {\n align-items: end;\n }\n\n &__center {\n flex: 1;\n width: 100%;\n word-break: break-word;\n\n .chapter {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-base;\n position: relative;\n z-index: 90;\n margin: 0;\n color: $default-lt-player-white !important;\n }\n }\n\n &__right {\n .mini-player-control {\n margin-top: 20px;\n }\n }\n }\n }\n }\n}\n\n.lt-player-orientation--portrait {\n .plyr {\n &__controls {\n .top-controllers {\n padding: 16px;\n }\n }\n }\n}\n\n// @Container Query\n\n@container portrait (width > 319px) {\n .lt-player-orientation--portrait {\n .plyr {\n &__controls {\n .top-controllers {\n padding: 20px 20px 0;\n\n &__body {\n &__center {\n .chapter {\n margin-top: 6px;\n }\n }\n }\n\n button {\n @include buttons-normal;\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 479px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__controls {\n .top-controllers {\n padding: 20px 20px 0;\n }\n }\n }\n }\n}\n\n@container landscape (width > 639px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__controls {\n .top-controllers {\n padding: 20px 40px 0;\n\n &__body {\n &__center {\n .chapter {\n font-size: $lt-player-font-size-lg;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 912px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__controls {\n .top-controllers {\n button {\n @include buttons-normal;\n }\n\n &__body {\n &__center {\n .chapter {\n font-size: $lt-player-font-size-xxl2;\n }\n }\n }\n }\n }\n }\n }\n}","@import \"../../abstracts/variables\";\n\n.plyr {\n &__progress {\n z-index: 9;\n\n &--wrapper {\n width: 100%;\n padding: 0 10px;\n display: none;\n }\n\n &--wrapper-enable {\n display: block;\n }\n }\n\n &__controls {\n .bottom-controller {\n display: none;\n justify-content: space-between;\n align-items: flex-end;\n padding: 15px 10px;\n width: 100%;\n max-width: 100%;\n\n button {\n @extend %lt-player-btn;\n @include dark-btn;\n @include buttons-xs;\n z-index: 10;\n flex: 0 0 auto;\n }\n\n &__left-buttons {\n margin-right: auto;\n justify-content: start;\n flex: 1;\n }\n\n &__left-buttons,\n &__center-buttons,\n &__right-buttons {\n display: flex;\n gap: 16px;\n align-items: flex-end;\n }\n\n &__right-buttons {\n margin-left: auto;\n justify-content: end;\n flex: 1;\n\n .plyr__controls_speed-button {\n width: 30px;\n height: 30px;\n background-color: $default-lt-player-blue;\n font-size: $lt-player-font-size-xs;\n font-weight: $lt-player-font-weight-md;\n\n &:hover {\n background-color: darken($default-lt-player-blue, 5%);\n }\n\n &:focus,\n &:active {\n background-color: $default-lt-player-blue;\n }\n\n span {\n font-size: $lt-player-font-size-xxs;\n }\n }\n }\n\n .skip-backward-seconds,\n .skip-forward-seconds {\n display: none;\n }\n\n &__previous-chapter-view-wrapper,\n &__next-chapter-view-wrapper {\n display: flex;\n gap: 16px;\n align-items: center;\n }\n\n &__previous-chapter-view,\n &__next-chapter-view {\n display: none;\n }\n\n &__previous-chapter-view {\n justify-content: flex-end;\n }\n\n &__next-chapter-view {\n justify-content: flex-start;\n }\n\n &__next-chapter-view,\n &__previous-chapter-view {\n display: none;\n align-items: flex-end;\n margin-top: 0;\n margin-bottom: 0;\n width: 90px;\n font-size: $lt-player-font-size-sm;\n font-weight: $lt-player-font-weight-sm;\n color: $default-lt-player-white !important;\n }\n\n &__background {\n position: absolute;\n width: 100%;\n left: 0;\n bottom: 0;\n height: 40%;\n background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));\n z-index: -1;\n }\n\n &__volume_control {\n display: none;\n }\n\n .mini-player-control {\n display: none;\n }\n\n &__play-button_body {\n position: relative;\n\n .play-button {\n @extend %lt-player-btn;\n @include yellow-btn;\n bottom: -5px;\n }\n }\n\n &__current {\n display: flex;\n justify-content: space-between;\n margin-left: -8px;\n margin-right: -8px;\n\n .plyr {\n &__time {\n font-size: $lt-player-font-size-xs;\n color: $default-lt-span-color;\n }\n }\n }\n\n .volume-control-enable {\n position: absolute;\n display: flex;\n height: 200px;\n justify-content: center;\n align-items: flex-end;\n background: $default-lt-player-white;\n z-index: 30;\n\n .volume_control {\n &__background {\n &__area {\n position: absolute;\n rotate: 270deg!important;\n bottom: 80px;\n max-width: 110px;\n min-width: 80px;\n width: 20%;\n\n .volume_control__background__area__range {\n color: $default-lt-button-color !important;\n min-width: 128px;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n }\n\n .volume_control__background__area__range::-webkit-slider-runnable-track {\n @extend %input-range--webkit-slider-runnable-track;\n }\n\n .volume_control__background__area__range::-moz-range-track {\n @extend %input-range--moz-range-track;\n }\n\n .volume_control__background__area__range::-ms-track {\n @extend %input-range--ms-track;\n }\n\n .volume_control__background__area__range::-webkit-slider-thumb {\n @extend %input-range--webkit-slider-thumb;\n border-color: $default-lt-player-black;\n background: $default-lt-player-white;\n }\n\n .volume_control__background__area__range::-moz-range-thumb {\n @extend %input-range--moz-range-thumb;\n border-color: $default-lt-player-black;\n background: $default-lt-player-white;\n }\n\n .volume_control__background__area__range::-ms-thumb {\n @extend %input-range--ms-thumb;\n margin-top: 3px;\n border: 7px solid black;\n height: 20px;\n width: 20px;\n background: $default-lt-player-white;\n cursor: pointer;\n }\n\n .volume_control__background__area__range::-moz-range-progress {\n @extend %input-range--moz-range-progress;\n }\n }\n\n .volume_control__volume-button-close {\n bottom: 80px;\n background: $default-lt-player-white;\n display: flex;\n justify-content: center;\n align-items: center;\n border: none;\n }\n }\n }\n }\n }\n\n .bottom-controller-enable {\n display: flex;\n }\n }\n\n .fade-animation-controllers {\n .bottom-controller {\n opacity: 1 !important;\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n\n &__background {\n position: absolute;\n width: 100%;\n height: 160px;\n bottom: 0;\n right: 0;\n background: linear-gradient(transparent,rgba(0,0,0,.75))!important;\n background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)))!important;\n opacity: 1 !important;\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n }\n }\n\n .top-controllers {\n background: linear-gradient(transparent,rgba(0,0,0,.75))!important;\n background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)))!important;\n opacity: 1 !important;\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n }\n }\n}\n\n.lt-player-orientation--portrait {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 16px;\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 16px 20px;\n\n button {\n @include buttons-xs;\n }\n\n .play-button {\n padding: 12px;\n }\n\n &__left-buttons {\n margin-right: auto;\n flex: 0 0 40px;\n }\n\n &__right-buttons {\n margin-left: auto;\n flex: 0 0 40px;\n }\n\n &__center-buttons {\n justify-content: center;\n flex: 100;\n gap: 16px;\n }\n\n &__volume_control {\n display: flex;\n }\n }\n }\n }\n}\n\n.lt-player-orientation--landscape {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 $lt-player-padding-xxl / 2;\n\n .bottom-controller__current {\n display: none;\n }\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 $lt-player-padding-xxl / 2 15px $lt-player-padding-xxl / 2;\n }\n }\n }\n\n &:not(.lt-state-controls-visible) {\n .bottom-controller__background {\n display: none;\n }\n }\n}\n\n// @Container Query\n\n@container portrait (width > 319px) {\n .lt-player-orientation--portrait {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 20px;\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 20px 28px 20px;\n\n button {\n @include buttons-normal;\n }\n\n .play-button {\n padding: 16px;\n }\n }\n\n .plyr__controls_speed-button {\n width: 40px;\n height: 40px;\n\n span {\n font-size: $lt-player-font-size-sm;\n }\n }\n }\n }\n }\n}\n\n@container portrait (width > 374px) {\n .lt-player-orientation--portrait {\n .plyr {\n &__controls {\n .bottom-controller {\n &__center-buttons {\n gap: 32px;\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 479px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 $lt-player-padding-xxl / 2;\n\n .bottom-controller__current {\n display: flex;\n }\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 $lt-player-padding-xxl / 2 25px $lt-player-padding-xxl / 2;\n\n &__center-buttons {\n gap: 20px;\n }\n\n &__previous-chapter-view,\n &__next-chapter-view {\n display: flex;\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 639px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 $lt-player-padding-xxl;\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 $lt-player-padding-xxl 25px $lt-player-padding-xxl;\n\n &__left-buttons,\n &__right-buttons {\n gap: 10px;\n }\n\n &__center-buttons {\n gap: 16px;\n }\n\n &__volume_control {\n display: flex;\n left: 80px;\n }\n\n .mini-player-control {\n display: flex;\n }\n\n .skip-backward-seconds,\n .skip-forward-seconds {\n display: flex;\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 912px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 $lt-player-padding-xxl;\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 $lt-player-padding-xxl 28px $lt-player-padding-xxl;\n\n &__left-buttons,\n &__right-buttons {\n gap: 20px;\n }\n\n &__center-buttons {\n gap: 32px;\n }\n\n &__volume_control {\n left: 100px;\n }\n\n &__next-chapter-view,\n &__previous-chapter-view {\n font-size: $lt-player-font-size-lg2;\n }\n\n button {\n @include buttons-normal;\n }\n\n .play-button {\n padding: 16px;\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 1066px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__controls {\n .bottom-controller {\n &__previous-chapter-view,\n &__next-chapter-view {\n display: flex;\n gap: 8px;\n }\n }\n }\n }\n }\n}\n",".plyr {\n .lt-player-mini-player-background {\n width: 100%;\n height: 100%;\n }\n\n .lt-player-mini-player-observe {\n min-height: 200px;\n max-height: 600px;\n height: auto;\n }\n\n .lt-player-mini-enable {\n position: fixed;\n z-index: 10000;\n bottom: 20px;\n right: 20px;\n opacity: 1;\n overflow: unset;\n\n .plyr__video-embed__container {\n transform: unset !important;\n position: unset !important;\n }\n }\n\n .lt-player-mini-2 {\n max-width: 344px;\n max-height: 194px;\n }\n\n .lt-player-mini-1 {\n max-width: 160px;\n max-height: 290px;\n }\n\n .lt-player-mini-player-background {\n z-index: 100;\n\n .logo {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n background: #cfd1d4;\n\n }\n }\n\n .lt-player-mini-player-controls-enable {\n opacity: 1!important;\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n }\n\n\n .lt-player-mini-player-controls {\n @extend %center-elements;\n position: absolute;\n z-index: 100;\n width: 100%;\n height: 100%;\n bottom: 0;\n right: 0;\n opacity: 0;\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n\n &__exit {\n @extend %lt-player-btn;\n @include dark-btn;\n position: absolute;\n top: -16px;\n right: -16px;\n padding: 5px;\n }\n\n &__play-button {\n @extend %lt-player-btn;\n @include yellow-btn;\n padding: 12px;\n }\n\n &__progress__seek {\n position: absolute;\n bottom: 0;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 0 !important;\n height: 6px !important;\n color: transparent !important;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border: 0px double transparent !important;\n height: 0px;\n width: 0px;\n border-radius: 20px;\n background: transparent!important;\n cursor: pointer;\n margin-top: 4px;\n box-shadow: transparent !important;\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n box-shadow: none !important;\n border: 0px double transparent !important;\n height: 0px;\n width: 0px;\n border-radius: 20px;\n background: transparent;\n cursor: pointer;\n }\n input[type=\"range\"]::-ms-thumb {\n box-shadow: none !important;\n border: 0px double transparent !important;\n height: 0px;\n width: 0px;\n border-radius: 20px;\n background: transparent !important;\n cursor: pointer;\n }\n input[type=range]::-webkit-slider-runnable-track {\n height: 8px;\n cursor: pointer;\n box-shadow: none !important;\n background: transparent !important;\n border-radius: 0px;\n border: 0px solid transparent !important;\n }\n input[type=range]:focus::-webkit-slider-runnable-track {\n background: transparent !important;\n }\n input[type=range]::-moz-range-track {\n height: 8px;\n cursor: pointer;\n box-shadow: none;\n background: transparent !important;\n border-radius: 0px;\n border: 0px solid transparent !important;\n }\n input[type=range]::-ms-track {\n height: 8px;\n cursor: pointer;\n background: transparent !important;\n border-color: transparent !important;\n border-width: 16px 0;\n color: transparent !important;\n }\n input[type=range]::-ms-fill-lower {\n background: transparent !important;\n border: 0px solid transparent !important;\n border-radius: 0px;\n box-shadow: none;\n }\n input[type=range]:focus::-ms-fill-lower {\n background: transparent !important;\n }\n input[type=range]::-ms-fill-upper {\n background: transparent !important;\n border: 0px solid transparent !important;\n border-radius: 0px;\n box-shadow: none;\n }\n input[type=range]:focus::-ms-fill-upper {\n background: transparent !important;\n }\n }\n}\n","@import \"../../abstracts/variables\";\n\n.lt-player-notification {\n width: 100%;\n\n &__notification-button-state {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n .player-state {\n opacity: 0;\n transition: all 0.8s ease-in-out;\n pointer-events: none;\n @extend %lt-player-btn;\n @include dark-btn;\n background: rgba(39, 40, 42, 0.5);\n padding: 16px;\n }\n\n .active {\n opacity: 1;\n transition: all 0.2s ease-in-out;\n }\n }\n\n .lt-player-video-content {\n text-align: left;\n display: none;\n padding: 0;\n width: 100%;\n user-select: none;\n align-items: end;\n\n .content__body {\n z-index: 2;\n width: 100%;\n }\n\n .poster-title {\n @extend %line-clamp-3;\n @include line-clamp-4;\n color: $default-lt-player-white !important;\n font-size: $lt-player-font-size-sm;\n font-weight: $lt-player-font-weight-lg;\n line-height: $lt-player-line-height;\n margin: 0;\n }\n\n .poster-paragraph {\n &__content {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n word-wrap: break-word;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: $lt-player-font-size-sm;\n font-weight: $lt-player-font-weight-sm;\n color: $default-lt-player-white !important;\n margin-bottom: 0;\n max-height: 50px;\n transition: max-height 0.3s ease-in-out;\n }\n\n .open-content {\n display: block;\n transition: max-height 0.3s ease-in-out;\n }\n }\n }\n\n .lt-player-video-content-enable {\n display: flex;\n }\n\n .poster-paragraph__button {\n background: none;\n box-shadow: none;\n padding: 0;\n border: none;\n margin: 0;\n text-decoration: none;\n font-size: $lt-player-font-size-xs;\n color: white;\n cursor: pointer;\n position: absolute;\n bottom: 144px;\n right: 96px;\n z-index: 8;\n }\n\n .lt-player-rewind-area,\n .lt-player-forward-area {\n touch-action: inherit !important;\n width: 50%;\n height: 100%;\n z-index: 4;\n position: absolute;\n top: 0;\n }\n\n .lt-player-forward-area {\n right: 0;\n }\n\n .lt-player-rewind-area {\n left: 0;\n }\n\n .lt-player-rewind,\n .lt-player-forward {\n width: 50%;\n top: 10%;\n display: flex;\n position: absolute;\n text-align: center;\n height: unset;\n bottom: 10%;\n\n &__icon-wrapper {\n display: flex;\n user-select: none;\n\n &.rotate {\n rotate: 180deg;\n }\n\n img {\n max-width: 20px;\n }\n }\n\n &__icon {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n color: rgba(255,255,255, 1);\n user-select: none;\n }\n\n span {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-sm;\n user-select: none;\n padding: 0 8px;\n }\n }\n\n .lt-player-rewind {\n left: 0;\n\n &__icon {\n flex-direction: row-reverse;\n\n &__portrait {\n margin: auto auto auto 45px;\n }\n\n &__landscape {\n margin: auto 60px auto auto;\n }\n }\n }\n\n .lt-player-forward {\n right: 0;\n\n &__icon {\n &__portrait {\n margin: auto 45px auto auto;\n }\n\n &__landscape {\n margin: auto auto auto 60px;\n }\n }\n }\n\n .lt-player-notify {\n transition: background 0.8s;\n //background: rgba(200,200,200,.4) radial-gradient(circle, transparent 1%, rgba(200,200,200,.4) 1%) center/15000%;\n opacity: 0;\n //opacity: 1;\n }\n\n .animate-in {\n opacity: 1;\n display: flex;\n animation: ripple 1s forwards;\n }\n}\n\n@keyframes ripple{\n 0% {\n //background-color: rgba(200,200,200,.4);\n //background-size: 100%;\n transition: background 0s;\n opacity:1;\n }\n 100% {\n //transition: background 6s;\n //background: rgba(200,200,200,.4) radial-gradient(circle, transparent 1%, rgba(200,200,200,.4) 1%) center/15000%;\n display: flex;\n opacity:0;\n }\n}\n@keyframes fadeInLeft {\n 0% {\n opacity: 1;\n transform: translateX(-20px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes fadeInRight {\n 0% {\n opacity: 1;\n transform: translateX(0px);\n }\n 100% {\n opacity: 1;\n transform: translateX(-20px);\n }\n}\n\n.lt-player-orientation--portrait {\n .lt-player-notification {\n padding: 20px 20px 28px 20px;\n }\n}\n\n.lt-player-orientation--landscape {\n .lt-player-notification {\n padding: 0;\n }\n}\n\n@container portrait (width > 319px) {\n .lt-player-orientation--portrait {\n .lt-player-notification {\n .lt-player-video-content {\n .poster-title {\n @extend %line-clamp-3;\n @include line-clamp-3;\n font-size: $lt-player-font-size-xxl;\n }\n\n .poster-paragraph {\n &__content {\n font-size: $lt-player-font-size-base;\n }\n }\n }\n }\n }\n}\n","@import \"controllers/all\";\n\n.lt-player-portrait--desktop {\n &.lt-player--portrait {\n .plyr {\n &__controls-enable {\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n }\n }\n }\n}\n\n.plyr {\n .plyr--video, &__controls {\n touch-action: none!important;\n pointer-events: auto!important;\n opacity: 0;\n height: 100%;\n width: 100%;\n background: none!important;\n display: flex!important;\n flex-direction: column;\n position: relative;\n padding: 0!important;\n }\n\n &__controls {\n\n touch-action: inherit!important;\n\n &__mobile-background {\n touch-action: inherit!important;\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 9999;\n\n .lt-player-notification {\n .lt-player-rewind {\n height: 100%;\n top: 0;\n }\n\n .lt-player-rewind__icon__portrait {\n margin: auto auto auto 2rem;\n }\n\n .lt-player-forward {\n height: 100%;\n top: 0;\n }\n\n .lt-player-forward__icon__portrait {\n margin: auto 2rem auto auto;\n }\n }\n\n\n }\n\n &__shortcut-area {\n\n }\n }\n\n &__controls-enable {\n opacity: 1!important;\n }\n\n &__controls-enable-addInfo {\n opacity: 1!important;\n }\n}\n\n.plyr--video .plyr__controls {\n background: none!important;\n}\n\n.plyr .plyr__controls:not(:empty) ~ .plyr__captions {\n //opacity: 0;\n //bottom: 0;\n //top: 0;\n transform: unset!important;\n color: $default-lt-player-white !important;\n}\n\n.plyr .plyr__controls-enable:not(:empty) ~ .plyr__captions {\n //position: absolute !important;\n //top: 0;\n //bottom: 0;\n transform: unset!important;\n}\n\n.plyr .plyr__controls-enable-settings:not(:empty) ~ .plyr__captions {\n //position: absolute !important;\n //top: 0;\n //bottom: 0;\n transform: unset!important;\n}\n\n\n.plyr--video.plyr--hide-controls .plyr__controls {\n opacity: 0;\n pointer-events: none;\n transform: unset!important;\n}\n\n\n.plyr--video.plyr--hide-controls .plyr__controls-enable-settings .player-lt__modal__mobile-show-modal {\nopacity: 1!important;\npointer-events: none!important;\ntransform: none!important;\n}\n\n.plyr__time+.plyr__time:before {\ncontent: none!important;\n}\n\n.plyr__time + .plyr__time {\n display: flex !important;\n}\n","@import \"../abstracts/variables\";\n\n.lt-player-portrate--mobile {\n &.lt-player--portrait {\n &__xs {\n .lt-player {\n &__additional-info-mobile {\n gap: 0;\n\n button {\n @include buttons-xs;\n }\n }\n }\n }\n }\n}\n\n.lt-player {\n .plyr__controls-enable {\n .lt-player {\n &__additional-info-mobile {\n z-index: 5;\n }\n }\n }\n\n &__additional-info {\n width: 80px;\n align-items: end;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n gap: 32px;\n background: transparent;\n padding-bottom: 25px;\n z-index: 30;\n\n button {\n @extend %lt-player-btn;\n @include white-btn;\n }\n }\n\n &__additional-info-mobile,\n .lt-player__additional-info__is_set_in-side {\n align-items: end;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n gap: 16px;\n background: transparent;\n padding-bottom: 0;\n\n button {\n @extend %lt-player-btn;\n @include white-btn;\n background: transparent;\n\n &:focus,\n &:hover,\n &:active {\n background-color: unset;\n }\n\n img {\n -webkit-filter: brightness(0) invert(1);\n filter: brightness(0) invert(1);\n }\n }\n }\n}\n\n.lt-player-additional-info {\n display: none!important;\n}\n\n.lt-player-mobile-add-info-modal {\n position: fixed;\n bottom: 0;\n width: 100%;\n height: 100%;\n}\n\n.lt-state-fullscreen {\n .lt-player__additional-info,\n .lt-player__additional-info-mobile {\n display: none;\n }\n}","@import \"../abstracts/variables\";\n\n.lt-player-mobile-settings-modal {\n .settings-controllers {\n position: fixed;\n width: 100%;\n z-index: 10;\n left: 0;\n background: $default-lt-player-white;\n padding: 0 0 32px 0;\n bottom: 0;\n transition:.3s;\n\n .line-button {\n @extend %line-button;\n }\n\n .settings-text {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-sm;\n color: $default-lt-button-color !important;\n margin: 0;\n }\n }\n\n .settings-controllers-enable {\n position: absolute;\n width: 100%;\n z-index: 30;\n left: 0;\n background: $default-lt-player-white;\n border-radius: 0 0 0 30px;\n bottom: 0;\n display: flex;\n flex-direction: column;\n padding: 0 0 24px 0;\n\n &__speed-range {\n padding: 24px 24px 0 24px;\n align-items: center;\n color: $default-lt-player-black;\n display: flex;\n position: relative;\n\n .mobile {\n display: flex;\n width: 80%!important;\n }\n\n .speed-range-input-body {\n color: $default-lt-player-black;\n width: 65%;\n margin-left: auto;\n position: relative;\n\n button {\n color: #27282A;\n background-color: #D8D846;\n width: 16%;\n margin: 0 2px;\n }\n\n .button_active {\n background-color: #27282A;\n color: grey;\n }\n\n\n output {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-lg;\n color: $default-lt-player-blue;\n position: absolute;\n left: 50%;\n top: -20px;\n }\n\n .speed-range-input::-webkit-slider-thumb {\n @extend %input-range--webkit-slider-thumb;\n border: 7px solid $default-lt-player-blue;\n height: 20px;\n width: 20px;\n background: $default-lt-player-white;\n margin-top: -9.5px;\n }\n\n .speed-range-input::-moz-range-thumb {\n @extend %input-range--moz-range-thumb;\n color: $default-lt-player-white;\n box-shadow: none;\n border: 7px solid $default-lt-player-blue;\n background: $default-lt-player-white;\n }\n\n .speed-range-input::-ms-thumb {\n @extend %input-range--ms-thumb;\n margin-top: 3px;\n box-shadow: 1px 1px 1px $default-lt-player-white;\n border: 7px solid $default-lt-player-blue;\n height: 20px;\n width: 20px;\n background: $default-lt-player-white;\n }\n\n .speed-range-input {\n color: $default-lt-player-blue;\n height: 32px;\n cursor: pointer;\n width: 100%;\n appearance: none;\n }\n\n .speed-range-input::-webkit-slider-runnable-track {\n @extend %input-range--webkit-slider-runnable-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n }\n\n .speed-range-input::-moz-range-track {\n @extend %input-range--moz-range-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n\n }\n\n .speed-range-input::-ms-track {\n @extend %input-range--ms-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n }\n\n .speed-range-input::-moz-range-progress {\n @extend %input-range--moz-range-progress;\n height: 4px;\n }\n }\n }\n\n &__subtitles {\n display: flex;\n justify-content: space-between;\n padding: 16px 24px 0 24px;\n align-items: center;\n\n .subtitles-body__input-switch:checked + .subtitles-body__slider {\n background-color: $default_color_player;\n }\n\n .subtitles-body__input-switch:checked + .subtitles-body__slider::before {\n -webkit-transform: translateX(26px);\n -ms-transform: translateX(26px);\n transform: translateX(26px);\n }\n\n .subtitles-body {\n &__switch {\n z-index: 4;\n position: relative;\n display: inline-block;\n min-width: 60px;\n height: 34px;\n margin-left: 10px;\n }\n\n &__input-switch {\n opacity: 0;\n width: 0;\n height: 0;\n accent-color: #D8D846;\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n\n &__slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #E6E6E6;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n display: inline-block;\n margin-bottom: 0!important;\n margin-top: 0!important;\n }\n\n &__slider:focus {\n box-shadow: 0 0 1px #D8D846;\n }\n\n &__slider:before {\n width: 26px;\n height: 26px;\n background-color: $default-lt-player-white;\n position: absolute;\n content: \"\";\n left: 4px;\n bottom: 4px;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n }\n }\n }\n\n &__button-save {\n padding: 16px 24px 0 24px;\n color: black;\n display: flex;\n justify-content: left;\n\n .button-save {\n @extend %lt-player-btn;\n @include yellow-btn;\n padding: 12px 32px;\n }\n }\n\n &__exit-button {\n padding: 16px;\n\n span {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.2em;\n }\n\n span:hover {\n color: black;\n }\n }\n\n &__background {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: #27282A;\n opacity: 0.75;\n z-index: 10;\n }\n }\n}\n\n.plyr {\n &__controls {\n .settings-controllers {\n position: absolute;\n width: 100%;\n z-index: 5;\n left: 0;\n background: $default-lt-player-white;\n border-radius: 0 0 0 30px;\n bottom: 0;\n opacity: 0;\n\n .line-button {\n @extend %line-button;\n }\n\n .settings-text {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-sm;\n color: $default-lt-button-color !important;\n margin: 0;\n }\n }\n\n .settings-controllers-enable {\n position: absolute;\n width: 100%;\n z-index: 30;\n left: 0;\n background: $default-lt-player-white;\n border-radius: 0 0 0 30px;\n bottom: 0;\n opacity: 1;\n display: flex;\n flex-direction: column;\n padding: 0 0 24px 0;\n border: 1px solid $default-lt-span-color;\n\n &__speed-range {\n padding: 24px 24px 0 24px;\n align-items: center;\n color: $default-lt-player-black;\n display: flex;\n position: relative;\n\n .mobile {\n display: flex;\n width: 80%!important;\n }\n\n .speed-range-input-body {\n color: $default-lt-player-black;\n width: 65%;\n margin-left: auto;\n position: relative;\n\n button {\n color: #27282A;\n background-color: #D8D846;\n width: 16%;\n margin: 0 2px;\n }\n\n .button_active {\n background-color: #27282A;\n color: grey;\n }\n\n\n output {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-lg;\n color: $default-lt-player-blue;\n position: absolute;\n left: 50%;\n top: -20px;\n }\n\n .speed-range-input::-webkit-slider-thumb {\n @extend %input-range--webkit-slider-thumb;\n border: 7px solid $default-lt-player-blue;\n height: 20px;\n width: 20px;\n background: $default-lt-player-white;\n margin-top: -9.5px;\n }\n\n .speed-range-input::-moz-range-thumb {\n @extend %input-range--moz-range-thumb;\n color: $default-lt-player-white;\n box-shadow: none;\n border: 7px solid $default-lt-player-blue;\n background: $default-lt-player-white;\n }\n\n .speed-range-input::-ms-thumb {\n @extend %input-range--ms-thumb;\n margin-top: 3px;\n box-shadow: 1px 1px 1px $default-lt-player-white;\n border: 7px solid $default-lt-player-blue;\n height: 20px;\n width: 20px;\n background: $default-lt-player-white;\n }\n\n .speed-range-input {\n color: $default-lt-player-blue;\n height: 32px;\n cursor: pointer;\n }\n\n .speed-range-input::-webkit-slider-runnable-track {\n @extend %input-range--webkit-slider-runnable-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n }\n\n .speed-range-input::-moz-range-track {\n @extend %input-range--moz-range-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n\n }\n\n .speed-range-input::-ms-track {\n @extend %input-range--ms-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n }\n\n .speed-range-input::-moz-range-progress {\n @extend %input-range--moz-range-progress;\n height: 4px;\n }\n }\n }\n\n &__subtitles {\n display: flex;\n justify-content: space-between;\n padding: 16px 24px 0 24px;\n align-items: center;\n\n .subtitles-body__input-switch:checked + .subtitles-body__slider {\n background-color: $default_color_player;\n }\n\n .subtitles-body__input-switch:checked + .subtitles-body__slider::before {\n -webkit-transform: translateX(26px);\n -ms-transform: translateX(26px);\n transform: translateX(26px);\n }\n\n .subtitles-body {\n &__switch {\n z-index: 4;\n position: relative;\n display: inline-block;\n min-width: 60px;\n height: 34px;\n margin-left: 10px;\n }\n\n &__input-switch {\n opacity: 0;\n width: 0;\n height: 0;\n accent-color: #D8D846;\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n\n &__slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #E6E6E6;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n display: inline-block;\n margin-bottom: 0!important;\n margin-top: 0!important;\n }\n\n &__slider:focus {\n box-shadow: 0 0 1px #D8D846;\n }\n\n &__slider:before {\n width: 26px;\n height: 26px;\n background-color: $default-lt-player-white;\n position: absolute;\n content: \"\";\n left: 4px;\n bottom: 4px;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n }\n }\n }\n\n &__button-save {\n padding: 16px 24px 0 24px;\n color: black;\n display: flex;\n justify-content: left;\n\n .button-save {\n @extend %lt-player-btn;\n @include yellow-btn;\n padding: 12px 32px;\n }\n }\n\n &__exit-button {\n padding: 16px;\n\n span {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.2em;\n }\n\n span:hover {\n color: black;\n }\n }\n\n &__background {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n background: #27282A;\n opacity: 0.75;\n z-index: 10;\n }\n }\n }\n}\n\n.lt-player-orientation--landscape {\n .plyr {\n &__controls {\n .settings-controllers {\n transition: none;\n }\n\n .settings-controllers-enable {\n top: 50%;\n left: 50%;\n right: 0;\n bottom: 0;\n max-width: 345px;\n height: fit-content;\n transform: translate(-50%, -50%);\n transition: none;\n width: 100%;\n border-radius: 0;\n border: none;\n\n &__subtitles {\n padding: 16px 24px 0 24px;\n }\n\n .line-button {\n display: none;\n }\n }\n }\n }\n}",".lt-player-mobile-share-modal {\n .share-controller {\n .share-inactive {\n align-items: end;\n background: rgba(0, 0, 0, .3);\n -webkit-backdrop-filter: blur(14px);\n backdrop-filter: blur(14px);\n bottom: 0;\n color: $default-lt-player-white;\n display: flex;\n justify-content: center;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 9999999;\n\n .share-controller-content {\n background: $default-lt-player-white;\n padding: 0 28px 20px;\n text-align: center;\n width: 100%;\n\n .share-controller-mobile-modal-header {\n position: sticky;\n top: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: transparent;\n padding: 0 16px;\n border-radius: 15px 15px 0 0;\n }\n\n .line-button {\n display: flex;\n width: 56px;\n height: 6px;\n background-color: $default-lt-line-button;\n margin: 6px auto 32px;\n cursor: pointer;\n visibility: visible;\n }\n\n .share-controller-frame {\n position: relative;\n\n .player-share-close-button {\n color: $default-lt-player-black;\n position: absolute;\n right: -20px;\n top: -20px;\n }\n }\n\n .share-controller-title,\n .share-controller-via {\n h3 {\n color: $default-lt-button-color;\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-lg;\n margin-top: 0;\n }\n }\n\n .share-controller-via {\n margin-bottom: 25px;\n }\n\n .share-controller-link-wrapper {\n @extend %center-elements;\n flex-flow: column wrap;\n gap: 20px;\n word-break: break-word;\n\n .share-controller-url {\n font-size: $lt-player-font-size-base;\n color: $default-lt-player-modal-color;\n font-weight: $lt-player-font-weight-sm;\n text-decoration: underline;\n cursor: pointer;\n max-width: 90%;\n }\n\n .share-controller-link {\n @extend %lt-player-btn;\n @include yellow-btn;\n color: $default-lt-button-color !important;\n max-width: 142px;\n width: 100%;\n }\n }\n\n .share-controller-hr {\n opacity: 0.3;\n margin: 20px 0;\n }\n\n .share-controller-icons {\n @extend %center-elements;\n gap: 15px;\n flex-wrap: wrap;\n\n div {\n display: none;\n }\n\n a {\n padding: 0;\n\n &:hover {\n .share-icon__icon {\n background-color: $default_color_player;\n }\n }\n\n .share-icon__icon {\n @extend %center-elements;\n width: 32px;\n height: 32px;\n max-width: 32px;\n max-height: 32px;\n background: $default-lt-button-color;\n }\n }\n }\n }\n }\n }\n}\n\n\n.plyr {\n .share-controller {\n .share-inactive {\n display: none;\n }\n\n .share-active {\n align-items: center;\n background: rgba(0, 0, 0, .3);\n -webkit-backdrop-filter: blur(14px);\n backdrop-filter: blur(14px);\n bottom: 0;\n color: $default-lt-player-white;\n display: flex;\n justify-content: center;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 99;\n\n .share-controller-content {\n background: $default-lt-player-white;\n padding: 0 28px 20px;\n text-align: center;\n width: 100%;\n max-width: 376px;\n\n .line-button {\n display: flex;\n width: 56px;\n height: 6px;\n background-color: $default-lt-line-button;\n margin: 6px auto 32px;\n cursor: pointer;\n visibility: hidden;\n }\n\n .share-controller-frame {\n position: relative;\n\n .player-share-close-button {\n color: $default-lt-player-black;\n position: absolute;\n right: -20px;\n top: -20px;\n }\n }\n\n .share-controller-title,\n .share-controller-via {\n h3 {\n color: $default-lt-button-color;\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-lg;\n margin-top: 0;\n }\n }\n\n .share-controller-via {\n margin-bottom: 25px;\n }\n\n .share-controller-link-wrapper {\n @extend %center-elements;\n flex-flow: column wrap;\n gap: 20px;\n word-break: break-word;\n\n .share-controller-url {\n font-size: $lt-player-font-size-base;\n color: $default-lt-player-modal-color;\n font-weight: $lt-player-font-weight-sm;\n text-decoration: underline;\n cursor: pointer;\n max-width: 90%;\n }\n\n .share-controller-link {\n @extend %lt-player-btn;\n @include yellow-btn;\n color: $default-lt-button-color !important;\n max-width: 142px;\n width: 100%;\n }\n }\n\n .share-controller-hr {\n opacity: 0.3;\n margin: 20px 0;\n }\n\n .share-controller-icons {\n @extend %center-elements;\n gap: 15px;\n flex-wrap: wrap;\n\n div {\n display: none;\n }\n\n a {\n padding: 0;\n\n .share-icon__icon {\n @extend %center-elements;\n width: 32px;\n height: 32px;\n max-width: 32px;\n max-height: 32px;\n background: $default-lt-button-color;\n }\n }\n }\n }\n }\n }\n}\n",".plyr__caption {\n display: none;\n\n span {\n &:empty {\n display: none;\n }\n }\n}\n\n.lt-player-custom-captions {\n display: inline-block;\n background-color: rgba($default_color_player, 0.8);\n margin: 0 $lt-player-padding-xxl / 2 16px $lt-player-padding-xxl / 2;\n padding: 8px 12px;\n\n &:is(:not(span)) {\n padding: 0;\n }\n\n span {\n font-family: $lt-font-family-base;\n font-size: $lt-player-font-size-lg;\n line-height: $lt-player-line-height;\n font-weight: $lt-player-font-weight-md;\n color: $default-lt-player-black;\n white-space: unset;\n box-decoration-break: clone;\n padding: 0 16px;\n\n &:empty {\n padding: 0;\n }\n }\n}\n\n.lt-player-orientation--portrait {\n .lt-player-custom-captions {\n margin: 0 0 16px 0;\n }\n}\n\n.lt-player-orientation--landscape {\n .lt-player-custom-captions {\n span {\n font-size: $lt-player-font-size-sm;\n border-radius: 0;\n }\n }\n\n &.lt-state-controls-visible {\n .lt-player-custom-captions {\n display: none;\n }\n }\n}\n\n@container portrait (width < 319px) {\n .lt-player-custom-captions {\n span {\n font-size: $lt-player-font-size-sm;\n }\n }\n}\n\n@container landscape (width > 639px) {\n .lt-player-orientation--landscape {\n .lt-player-custom-captions {\n span {\n font-size: $lt-player-font-size-lg;\n }\n }\n\n &.lt-state-controls-visible {\n .lt-player-custom-captions {\n margin: 0 $lt-player-padding-xxl 16px $lt-player-padding-xxl;\n display: inline-block;\n }\n }\n }\n}\n","// --------------------------------------------------------------\n// Animations\n// --------------------------------------------------------------\n\n@keyframes plyr-progress {\n to {\n background-position: $plyr-progress-loading-size 0;\n }\n}\n\n@keyframes plyr-popup {\n 0% {\n opacity: 0.5;\n transform: translateY(10px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes plyr-fade-in {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n","// --------------------------------------------------------------\n// Base styling\n// --------------------------------------------------------------\n\n// Base\n.plyr {\n @include plyr-font-smoothing($plyr-font-smoothing);\n\n align-items: center;\n direction: ltr;\n display: flex;\n flex-direction: column;\n font-family: $plyr-font-family;\n font-variant-numeric: tabular-nums; // Force monosace-esque number widths\n font-weight: $plyr-font-weight-regular;\n line-height: $plyr-line-height;\n max-width: 100%;\n min-width: 200px;\n position: relative;\n text-shadow: none;\n transition: box-shadow 0.3s ease;\n z-index: 0; // Force any border radius\n\n // Media elements\n video,\n audio,\n iframe {\n display: block;\n height: 100%;\n width: 100%;\n }\n\n button {\n font: inherit;\n line-height: inherit;\n width: auto;\n }\n\n // Ignore focus\n &:focus {\n outline: 0;\n }\n}\n\n// border-box everything\n// http://paulirish.com/2012/box-sizing-border-box-ftw/\n@if $plyr-border-box {\n .plyr--full-ui {\n box-sizing: border-box;\n\n *,\n *::after,\n *::before {\n box-sizing: inherit;\n }\n }\n}\n\n// Fix 300ms delay\n@if $plyr-touch-action {\n .plyr--full-ui {\n a,\n button,\n input,\n label {\n touch-action: manipulation;\n }\n }\n}\n","// ==========================================================================\n// Mixins\n// ==========================================================================\n\n// Nicer focus styles\n// ---------------------------------------\n@mixin plyr-tab-focus($color: $plyr-tab-focus-color) {\n outline: $color dotted 3px;\n outline-offset: 2px;\n}\n\n// Font smoothing\n// ---------------------------------------\n@mixin plyr-font-smoothing($mode: true) {\n @if $mode {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n }\n}\n\n// <input type=\"range\"> styling\n// ---------------------------------------\n@mixin plyr-range-track() {\n background: transparent;\n border: 0;\n border-radius: calc(#{$plyr-range-track-height} / 2);\n height: $plyr-range-track-height;\n transition: box-shadow 0.3s ease;\n user-select: none;\n}\n\n@mixin plyr-range-thumb() {\n background: $plyr-range-thumb-background;\n border: 0;\n border-radius: 100%;\n box-shadow: $plyr-range-thumb-shadow;\n height: $plyr-range-thumb-height;\n position: relative;\n transition: all 0.2s ease;\n width: $plyr-range-thumb-height;\n}\n\n@mixin plyr-range-thumb-active($color) {\n box-shadow: $plyr-range-thumb-shadow, 0 0 0 $plyr-range-thumb-active-shadow-width $color;\n}\n\n// Fullscreen styles\n// ---------------------------------------\n@mixin plyr-fullscreen-active() {\n background: #000;\n border-radius: 0 !important;\n height: 100%;\n margin: 0;\n width: 100%;\n\n video {\n height: 100%;\n }\n\n // Display correct icon\n .plyr__control .icon--exit-fullscreen {\n display: block;\n\n + svg {\n display: none;\n }\n }\n\n // Hide cursor in fullscreen when controls hidden\n &.plyr--hide-controls {\n cursor: none;\n }\n\n // Large captions in full screen on larger screens\n @media (min-width: $plyr-bp-lg) {\n .plyr__captions {\n font-size: $plyr-font-size-captions-large;\n }\n }\n}\n","// ==========================================================================\n// Typography\n// ==========================================================================\n\n$plyr-font-family: var(--plyr-font-family, inherit) !default;\n$plyr-font-size-base: var(--plyr-font-size-base, 15px) !default;\n$plyr-font-size-small: var(--plyr-font-size-small, 13px) !default;\n$plyr-font-size-large: var(--plyr-font-size-large, 18px) !default;\n$plyr-font-size-xlarge: var(--plyr-font-size-xlarge, 21px) !default;\n$plyr-font-size-time: var(--plyr-font-size-time, $plyr-font-size-small) !default;\n$plyr-font-size-menu: var(--plyr-font-size-menu, $plyr-font-size-small) !default;\n$plyr-font-size-badge: var(--plyr-font-size-badge, 9px) !default;\n$plyr-font-weight-regular: var(--plyr-font-weight-regular, 400) !default;\n$plyr-font-weight-bold: var(--plyr-font-weight-bold, 600) !default;\n$plyr-line-height: var(--plyr-line-height, 1.7) !default;\n$plyr-font-smoothing: var(--plyr-font-smoothing, false) !default;\n","// --------------------------------------------------------------\n// Badges\n// --------------------------------------------------------------\n\n.plyr__badge {\n background: $plyr-badge-background;\n border-radius: $plyr-badge-border-radius;\n color: $plyr-badge-text-color;\n font-size: $plyr-font-size-badge;\n line-height: 1;\n padding: 3px 4px;\n}\n","// ==========================================================================\n// Badges\n// ==========================================================================\n\n$plyr-badge-background: var(--plyr-badge-background, $plyr-color-gray-700) !default;\n$plyr-badge-text-color: var(--plyr-badge-text-color, #fff) !default;\n$plyr-badge-border-radius: var(--plyr-badge-border-radius, 2px) !default;\n","// --------------------------------------------------------------\n// Captions\n// --------------------------------------------------------------\n\n// Hide default captions\n.plyr--full-ui ::-webkit-media-text-track-container {\n display: none;\n}\n\n.plyr__captions {\n animation: plyr-fade-in 0.3s ease;\n bottom: 0;\n display: none;\n font-size: $plyr-font-size-captions-small;\n left: 0;\n padding: $plyr-control-spacing;\n position: absolute;\n text-align: center;\n transition: transform 0.4s ease-in-out;\n width: 100%;\n\n span:empty {\n display: none;\n }\n\n @media (min-width: $plyr-bp-sm) {\n font-size: $plyr-font-size-captions-base;\n padding: calc(#{$plyr-control-spacing} * 2);\n }\n\n @media (min-width: $plyr-bp-md) {\n font-size: $plyr-font-size-captions-medium;\n }\n}\n\n.plyr--captions-active .plyr__captions {\n display: block;\n}\n\n// If the lower controls are shown and not empty\n.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {\n transform: translateY(calc(#{$plyr-control-spacing} * -4));\n}\n\n.plyr__caption {\n background: $plyr-captions-background;\n border-radius: 2px;\n box-decoration-break: clone;\n color: $plyr-captions-text-color;\n line-height: 185%;\n padding: 0.2em 0.5em;\n white-space: pre-wrap;\n\n // Firefox adds a <div> when using getCueAsHTML()\n div {\n display: inline;\n }\n}\n","// ==========================================================================\n// Controls\n// ==========================================================================\n\n$plyr-control-icon-size: var(--plyr-control-icon-size, 18px) !default;\n$plyr-control-spacing: var(--plyr-control-spacing, 10px) !default;\n$plyr-control-padding: calc(#{$plyr-control-spacing} * 0.7);\n$plyr-control-padding: var(--plyr-control-padding, $plyr-control-padding) !default;\n$plyr-control-radius: var(--plyr-control-radius, 3px) !default;\n$plyr-control-toggle-checked-background: var(\n --plyr-control-toggle-checked-background,\n var(--plyr-color-main, $plyr-color-main)\n) !default;\n$plyr-video-controls-background: var(\n --plyr-video-controls-background,\n linear-gradient(rgba(#000, 0), rgba(#000, 0.75))\n) !default;\n$plyr-video-control-color: var(--plyr-video-control-color, #fff) !default;\n$plyr-video-control-color-hover: var(--plyr-video-control-color-hover, #fff) !default;\n$plyr-video-control-background-hover: var(\n --plyr-video-control-background-hover,\n var(--plyr-color-main, $plyr-color-main)\n) !default;\n$plyr-audio-controls-background: var(--plyr-audio-controls-background, #fff) !default;\n$plyr-audio-control-color: var(--plyr-audio-control-color, $plyr-color-gray-700) !default;\n$plyr-audio-control-color-hover: var(--plyr-audio-control-color-hover, #fff) !default;\n$plyr-audio-control-background-hover: var(\n --plyr-audio-control-background-hover,\n var(--plyr-color-main, $plyr-color-main)\n) !default;\n","// ==========================================================================\n// Captions\n// ==========================================================================\n\n$plyr-captions-background: var(--plyr-captions-background, rgba(#000, 0.8)) !default;\n$plyr-captions-text-color: var(--plyr-captions-text-color, #fff) !default;\n$plyr-font-size-captions-base: $plyr-font-size-base !default;\n$plyr-font-size-captions-small: $plyr-font-size-small !default;\n$plyr-font-size-captions-medium: $plyr-font-size-large !default;\n$plyr-font-size-captions-large: $plyr-font-size-xlarge !default;\n","// --------------------------------------------------------------\n// Control buttons\n// --------------------------------------------------------------\n\n.plyr__control {\n background: transparent;\n border: 0;\n border-radius: $plyr-control-radius;\n color: inherit;\n cursor: pointer;\n flex-shrink: 0;\n overflow: visible; // IE11\n padding: $plyr-control-padding;\n position: relative;\n transition: all 0.3s ease;\n\n svg {\n display: block;\n fill: currentColor;\n height: $plyr-control-icon-size;\n pointer-events: none;\n width: $plyr-control-icon-size;\n }\n\n // Default focus\n &:focus {\n outline: 0;\n }\n\n // Tab focus\n &.plyr__tab-focus {\n @include plyr-tab-focus;\n }\n}\n\n// Remove any link styling\na.plyr__control {\n text-decoration: none;\n\n &::after,\n &::before {\n display: none;\n }\n}\n\n// Change icons on state change\n.plyr__control:not(.plyr__control--pressed) .icon--pressed,\n.plyr__control.plyr__control--pressed .icon--not-pressed,\n.plyr__control:not(.plyr__control--pressed) .label--pressed,\n.plyr__control.plyr__control--pressed .label--not-pressed {\n display: none;\n}\n","// --------------------------------------------------------------\n// Controls\n// --------------------------------------------------------------\n\n// Hide native controls\n.plyr--full-ui ::-webkit-media-controls {\n display: none;\n}\n\n// Playback controls\n.plyr__controls {\n align-items: center;\n display: flex;\n justify-content: flex-end;\n text-align: center;\n\n .plyr__progress__container {\n flex: 1;\n min-width: 0; // Fix for Edge issue where content would overflow\n }\n\n // Spacing\n .plyr__controls__item {\n margin-left: calc(#{$plyr-control-spacing} / 4);\n\n &:first-child {\n margin-left: 0;\n margin-right: auto;\n }\n\n &.plyr__progress__container {\n padding-left: calc(#{$plyr-control-spacing} / 4);\n }\n\n &.plyr__time {\n padding: 0 calc(#{$plyr-control-spacing} / 2);\n }\n\n &.plyr__progress__container:first-child,\n &.plyr__time:first-child,\n &.plyr__time + .plyr__time {\n padding-left: 0;\n }\n }\n\n // Hide empty controls\n &:empty {\n display: none;\n }\n}\n\n// Some options are hidden by default\n.plyr [data-plyr='captions'],\n.plyr [data-plyr='pip'],\n.plyr [data-plyr='airplay'],\n.plyr [data-plyr='fullscreen'] {\n display: none;\n}\n\n.plyr--captions-enabled [data-plyr='captions'],\n.plyr--pip-supported [data-plyr='pip'],\n.plyr--airplay-supported [data-plyr='airplay'],\n.plyr--fullscreen-enabled [data-plyr='fullscreen'] {\n display: inline-block;\n}\n","// --------------------------------------------------------------\n// Menus\n// --------------------------------------------------------------\n\n.plyr__menu {\n display: flex; // Edge fix\n position: relative;\n\n // Animate the icon\n .plyr__control svg {\n transition: transform 0.3s ease;\n }\n\n .plyr__control[aria-expanded='true'] {\n svg {\n transform: rotate(90deg);\n }\n\n // Hide tooltip\n .plyr__tooltip {\n display: none;\n }\n }\n\n // The actual menu container\n &__container {\n animation: plyr-popup 0.2s ease;\n background: $plyr-menu-background;\n border-radius: $plyr-menu-radius;\n bottom: 100%;\n box-shadow: $plyr-menu-shadow;\n color: $plyr-menu-color;\n font-size: $plyr-font-size-base;\n margin-bottom: 10px;\n position: absolute;\n right: -3px;\n text-align: left;\n white-space: nowrap;\n z-index: 3;\n\n > div {\n overflow: hidden;\n transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n // Arrow\n &::after {\n border: $plyr-menu-arrow-size solid transparent;\n border-top-color: $plyr-menu-background;\n content: '';\n height: 0;\n position: absolute;\n right: calc(((#{$plyr-control-icon-size} / 2) + #{$plyr-control-padding}) - (#{$plyr-menu-arrow-size} / 2));\n top: 100%;\n width: 0;\n }\n\n [role='menu'] {\n padding: $plyr-control-padding;\n }\n\n [role='menuitem'],\n [role='menuitemradio'] {\n margin-top: 2px;\n\n &:first-child {\n margin-top: 0;\n }\n }\n\n // Options\n .plyr__control {\n align-items: center;\n color: $plyr-menu-color;\n display: flex;\n font-size: $plyr-font-size-menu;\n padding: calc(#{$plyr-control-padding} / 1.5) calc(#{$plyr-control-padding} * 1.5);\n user-select: none;\n width: 100%;\n\n > span {\n align-items: inherit;\n display: flex;\n width: 100%;\n }\n\n &::after {\n border: $plyr-menu-item-arrow-size solid transparent;\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &--forward {\n padding-right: calc(#{$plyr-control-padding} * 4);\n\n &::after {\n border-left-color: $plyr-menu-item-arrow-color;\n right: calc((#{$plyr-control-padding} * 1.5) - #{$plyr-menu-item-arrow-size});\n }\n\n &.plyr__tab-focus::after,\n &:hover::after {\n border-left-color: currentColor;\n }\n }\n\n &--back {\n font-weight: $plyr-font-weight-regular;\n margin: $plyr-control-padding;\n margin-bottom: calc(#{$plyr-control-padding} / 2);\n padding-left: calc(#{$plyr-control-padding} * 4);\n position: relative;\n width: calc(100% - (#{$plyr-control-padding} * 2));\n\n &::after {\n border-right-color: $plyr-menu-item-arrow-color;\n left: calc((#{$plyr-control-padding} * 1.5) - #{$plyr-menu-item-arrow-size});\n }\n\n &::before {\n background: $plyr-menu-back-border-color;\n box-shadow: 0 1px 0 $plyr-menu-back-border-shadow-color;\n content: '';\n height: 1px;\n left: 0;\n margin-top: calc(#{$plyr-control-padding} / 2);\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 100%;\n }\n\n &.plyr__tab-focus::after,\n &:hover::after {\n border-right-color: currentColor;\n }\n }\n }\n\n .plyr__control[role='menuitemradio'] {\n padding-left: $plyr-control-padding;\n\n &::before,\n &::after {\n border-radius: 100%;\n }\n\n &::before {\n background: rgba(#000, 0.1);\n content: '';\n display: block;\n flex-shrink: 0;\n height: 16px;\n margin-right: $plyr-control-spacing;\n transition: all 0.3s ease;\n width: 16px;\n }\n\n &::after {\n background: #fff;\n border: 0;\n height: 6px;\n left: 12px;\n opacity: 0;\n top: 50%;\n transform: translateY(-50%) scale(0);\n transition: transform 0.3s ease, opacity 0.3s ease;\n width: 6px;\n }\n\n &[aria-checked='true'] {\n &::before {\n background: $plyr-control-toggle-checked-background;\n }\n\n &::after {\n opacity: 1;\n transform: translateY(-50%) scale(1);\n }\n }\n\n &.plyr__tab-focus::before,\n &:hover::before {\n background: rgba($plyr-color-gray-900, 0.1);\n }\n }\n\n // Option value\n .plyr__menu__value {\n align-items: center;\n display: flex;\n margin-left: auto;\n margin-right: calc((#{$plyr-control-padding} - 2px) * -1);\n overflow: hidden;\n padding-left: calc(#{$plyr-control-padding} * 3.5);\n pointer-events: none;\n }\n }\n}\n","// ==========================================================================\n// Menus\n// ==========================================================================\n\n$plyr-menu-background: var(--plyr-menu-background, rgba(#fff, 0.9)) !default;\n$plyr-menu-radius: var(--plyr-menu-radius, 4px) !default;\n$plyr-menu-color: var(--plyr-menu-color, $plyr-color-gray-700) !default;\n$plyr-menu-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(#000, 0.15)) !default;\n$plyr-menu-arrow-size: var(--plyr-menu-arrow-size, 4px) !default;\n$plyr-menu-item-arrow-size: var(--plyr-menu-item-arrow-size, 4px) !default;\n$plyr-menu-item-arrow-color: var(--plyr-menu-arrow-color, $plyr-color-gray-500) !default;\n$plyr-menu-back-border-color: var(--plyr-menu-back-border-color, $plyr-color-gray-100) !default;\n$plyr-menu-back-border-shadow-color: var(--plyr-menu-back-border-shadow-color, #fff) !default;\n","// --------------------------------------------------------------\n// Slider inputs - <input type=\"range\">\n// --------------------------------------------------------------\n\n.plyr--full-ui input[type='range'] {\n appearance: none;\n background: transparent;\n border: 0;\n border-radius: calc(#{$plyr-range-thumb-height} * 2);\n\n // `color` property is used in JS to populate lower fill for WebKit\n color: $plyr-range-fill-background;\n display: block;\n height: calc((#{$plyr-range-thumb-active-shadow-width} * 2) + #{$plyr-range-thumb-height});\n margin: 0;\n min-width: 0;\n padding: 0;\n transition: box-shadow 0.3s ease;\n width: 100%;\n\n &::-webkit-slider-runnable-track {\n @include plyr-range-track;\n\n background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));\n }\n\n &::-webkit-slider-thumb {\n @include plyr-range-thumb;\n\n appearance: none;\n margin-top: calc(((#{$plyr-range-thumb-height} - #{$plyr-range-track-height}) / 2) * -1);\n }\n\n // Mozilla\n &::-moz-range-track {\n @include plyr-range-track;\n }\n\n &::-moz-range-thumb {\n @include plyr-range-thumb;\n }\n\n &::-moz-range-progress {\n background: currentColor;\n border-radius: calc(#{$plyr-range-track-height} / 2);\n height: $plyr-range-track-height;\n }\n\n // Microsoft\n &::-ms-track {\n @include plyr-range-track;\n\n color: transparent;\n }\n\n &::-ms-fill-upper {\n @include plyr-range-track;\n }\n\n &::-ms-fill-lower {\n @include plyr-range-track;\n\n background: currentColor;\n }\n\n &::-ms-thumb {\n @include plyr-range-thumb;\n\n // For some reason, Edge uses the -webkit margin above\n margin-top: 0;\n }\n\n &::-ms-tooltip {\n display: none;\n }\n\n // Focus styles\n &::-moz-focus-outer {\n border: 0;\n }\n\n &:focus {\n outline: 0;\n }\n\n &.plyr__tab-focus {\n &::-webkit-slider-runnable-track {\n @include plyr-tab-focus;\n }\n\n &::-moz-range-track {\n @include plyr-tab-focus;\n }\n\n &::-ms-track {\n @include plyr-tab-focus;\n }\n }\n}\n","// ==========================================================================\n// Sliders\n// ==========================================================================\n\n// Thumb\n$plyr-range-thumb-height: var(--plyr-range-thumb-height, 13px) !default;\n$plyr-range-thumb-background: var(--plyr-range-thumb-background, #fff) !default;\n$plyr-range-thumb-shadow: var(\n --plyr-range-thumb-shadow,\n 0 1px 1px rgba($plyr-color-gray-900, 0.15),\n 0 0 0 1px rgba($plyr-color-gray-900, 0.2)\n) !default;\n\n// Active state\n$plyr-range-thumb-active-shadow-width: var(--plyr-range-thumb-active-shadow-width, 3px) !default;\n\n// Track\n$plyr-range-track-height: var(--plyr-range-track-height, 5px) !default;\n\n// Fill\n$plyr-range-fill-background: var(--plyr-range-fill-background, var(--plyr-color-main, $plyr-color-main)) !default;\n\n// Type specific\n$plyr-video-range-track-background: var(\n --plyr-video-range-track-background,\n $plyr-video-progress-buffered-background\n) !default;\n$plyr-video-range-thumb-active-shadow-color: var(\n --plyr-audio-range-thumb-active-shadow-color,\n rgba(#fff, 0.5)\n) !default;\n$plyr-audio-range-track-background: var(\n --plyr-audio-range-track-background,\n $plyr-audio-progress-buffered-background\n) !default;\n$plyr-audio-range-thumb-active-shadow-color: var(\n --plyr-audio-range-thumb-active-shadow-color,\n rgba($plyr-color-gray-900, 0.1)\n) !default;\n","// --------------------------------------------------------------\n// Faux poster overlay\n// --------------------------------------------------------------\n\n.plyr__poster {\n background-color: var(--plyr-video-background, $plyr-video-background);\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-size: contain;\n height: 100%;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n transition: opacity 0.2s ease;\n width: 100%;\n z-index: 1;\n}\n\n.plyr--stopped.plyr__poster-enabled .plyr__poster {\n opacity: 1;\n}\n\n// Allow interaction with YouTube controls while paused\n.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {\n display: none;\n}\n","// --------------------------------------------------------------\n// Time\n// --------------------------------------------------------------\n\n.plyr__time {\n font-size: $plyr-font-size-time;\n}\n\n// Media duration hidden on small screens\n.plyr__time + .plyr__time {\n // Add a slash in before\n &::before {\n content: '\\2044';\n margin-right: $plyr-control-spacing;\n }\n\n @media (max-width: ($plyr-bp-md - 1px)) {\n display: none;\n }\n}\n","/* stylelint-disable selector-max-compound-selectors */\n// --------------------------------------------------------------\n// Tooltips\n// --------------------------------------------------------------\n\n.plyr__tooltip {\n background: $plyr-tooltip-background;\n border-radius: $plyr-tooltip-radius;\n bottom: 100%;\n box-shadow: $plyr-tooltip-shadow;\n color: $plyr-tooltip-color;\n font-size: $plyr-font-size-small;\n font-weight: $plyr-font-weight-regular;\n left: 50%;\n line-height: 1.3;\n margin-bottom: calc(#{$plyr-tooltip-padding} * 2);\n opacity: 0;\n padding: $plyr-tooltip-padding calc(#{$plyr-tooltip-padding} * 1.5);\n pointer-events: none;\n position: absolute;\n transform: translate(-50%, 10px) scale(0.8);\n transform-origin: 50% 100%;\n transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;\n white-space: nowrap;\n z-index: 2;\n\n // The background triangle\n &::before {\n border-left: $plyr-tooltip-arrow-size solid transparent;\n border-right: $plyr-tooltip-arrow-size solid transparent;\n border-top: $plyr-tooltip-arrow-size solid $plyr-tooltip-background;\n bottom: calc(#{$plyr-tooltip-arrow-size} * -1);\n content: '';\n height: 0;\n left: 50%;\n position: absolute;\n transform: translateX(-50%);\n width: 0;\n z-index: 2;\n }\n}\n\n// Displaying\n.plyr .plyr__control:hover .plyr__tooltip,\n.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,\n.plyr__tooltip--visible {\n opacity: 1;\n transform: translate(-50%, 0) scale(1);\n}\n\n.plyr .plyr__control:hover .plyr__tooltip {\n z-index: 3;\n}\n\n// First tooltip\n.plyr__controls > .plyr__control:first-child .plyr__tooltip,\n.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {\n left: 0;\n transform: translate(0, 10px) scale(0.8);\n transform-origin: 0 100%;\n\n &::before {\n left: calc((#{$plyr-control-icon-size} / 2) + #{$plyr-control-padding});\n }\n}\n\n// Last tooltip\n.plyr__controls > .plyr__control:last-child .plyr__tooltip {\n left: auto;\n right: 0;\n transform: translate(0, 10px) scale(0.8);\n transform-origin: 100% 100%;\n\n &::before {\n left: auto;\n right: calc((#{$plyr-control-icon-size} / 2) + #{$plyr-control-padding});\n transform: translateX(50%);\n }\n}\n\n.plyr__controls > .plyr__control:first-child,\n.plyr__controls > .plyr__control:first-child + .plyr__control,\n.plyr__controls > .plyr__control:last-child {\n &:hover .plyr__tooltip,\n &.plyr__tab-focus .plyr__tooltip,\n .plyr__tooltip--visible {\n transform: translate(0, 0) scale(1);\n }\n}\n","// ==========================================================================\n// Tooltips\n// ==========================================================================\n\n$plyr-tooltip-background: var(--plyr-tooltip-background, rgba(#fff, 0.9)) !default;\n$plyr-tooltip-color: var(--plyr-tooltip-color, $plyr-color-gray-700) !default;\n$plyr-tooltip-padding: calc(#{$plyr-control-spacing} / 2);\n$plyr-tooltip-padding: var(--plyr-tooltip-padding, $plyr-tooltip-padding) !default;\n$plyr-tooltip-arrow-size: var(--plyr-tooltip-arrow-size, 4px) !default;\n$plyr-tooltip-radius: var(--plyr-tooltip-radius, 5px) !default;\n$plyr-tooltip-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)) !default;\n","// --------------------------------------------------------------\n// Playback progress\n// --------------------------------------------------------------\n\n// Offset the range thumb in order to be able to calculate the relative progress (#954)\n$plyr-progress-offset: $plyr-range-thumb-height;\n\n.plyr__progress {\n left: calc(#{$plyr-progress-offset} * 0.5);\n margin-right: $plyr-progress-offset;\n position: relative;\n\n input[type='range'],\n &__buffer {\n margin-left: calc(#{$plyr-progress-offset} * -0.5);\n margin-right: calc(#{$plyr-progress-offset} * -0.5);\n width: calc(100% + #{$plyr-progress-offset});\n }\n\n input[type='range'] {\n position: relative;\n z-index: 2;\n }\n\n // Seek tooltip to show time\n .plyr__tooltip {\n left: 0;\n max-width: 120px;\n overflow-wrap: break-word;\n }\n}\n\n.plyr__progress__buffer {\n -webkit-appearance: none; /* stylelint-disable-line */\n background: transparent;\n border: 0;\n border-radius: 100px;\n height: $plyr-range-track-height;\n left: 0;\n margin-top: calc((#{$plyr-range-track-height} / 2) * -1);\n padding: 0;\n position: absolute;\n top: 50%;\n\n &::-webkit-progress-bar {\n background: transparent;\n }\n\n &::-webkit-progress-value {\n background: currentColor;\n border-radius: 100px;\n min-width: $plyr-range-track-height;\n transition: width 0.2s ease;\n }\n\n // Mozilla\n &::-moz-progress-bar {\n background: currentColor;\n border-radius: 100px;\n min-width: $plyr-range-track-height;\n transition: width 0.2s ease;\n }\n\n // Microsoft\n &::-ms-fill {\n border-radius: 100px;\n transition: width 0.2s ease;\n }\n}\n\n// Loading state\n.plyr--loading .plyr__progress__buffer {\n animation: plyr-progress 1s linear infinite;\n background-image: linear-gradient(\n -45deg,\n $plyr-progress-loading-background 25%,\n transparent 25%,\n transparent 50%,\n $plyr-progress-loading-background 50%,\n $plyr-progress-loading-background 75%,\n transparent 75%,\n transparent\n );\n background-repeat: repeat-x;\n background-size: $plyr-progress-loading-size $plyr-progress-loading-size;\n color: transparent;\n}\n\n.plyr--video.plyr--loading .plyr__progress__buffer {\n background-color: $plyr-video-progress-buffered-background;\n}\n\n.plyr--audio.plyr--loading .plyr__progress__buffer {\n background-color: $plyr-audio-progress-buffered-background;\n}\n\n// Markers\n.plyr__progress__marker {\n background-color: $plyr-progress-marker-background;\n border-radius: 1px;\n height: $plyr-range-track-height;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: $plyr-progress-marker-width;\n z-index: 3;\n}\n","// ==========================================================================\n// Progress\n// ==========================================================================\n\n// Loading\n$plyr-progress-loading-size: var(--plyr-progress-loading-size, 25px) !default;\n$plyr-progress-loading-background: var(--plyr-progress-loading-background, rgba($plyr-color-gray-900, 0.6)) !default;\n\n// Markers\n$plyr-progress-marker-background: var(--plyr-progress-marker-background, #fff) !default;\n$plyr-progress-marker-width: var(--plyr-progress-marker-width, 3px) !default;\n\n// Buffered\n$plyr-video-progress-buffered-background: var(--plyr-video-progress-buffered-background, rgba(#fff, 0.25)) !default;\n$plyr-audio-progress-buffered-background: var(\n --plyr-audio-progress-buffered-background,\n rgba($plyr-color-gray-200, 0.6)\n) !default;\n","// --------------------------------------------------------------\n// Volume\n// --------------------------------------------------------------\n\n.plyr__volume {\n align-items: center;\n display: flex;\n max-width: 110px;\n min-width: 80px;\n position: relative;\n width: 20%;\n\n input[type='range'] {\n margin-left: calc(#{$plyr-control-spacing} / 2);\n margin-right: calc(#{$plyr-control-spacing} / 2);\n position: relative;\n z-index: 2;\n }\n}\n\n// Auto size on iOS as there's no slider\n.plyr--is-ios .plyr__volume {\n min-width: 0;\n width: auto;\n}\n","// --------------------------------------------------------------\n// Audio styles\n// --------------------------------------------------------------\n\n// Container\n.plyr--audio {\n display: block;\n}\n\n// Controls container\n.plyr--audio .plyr__controls {\n background: $plyr-audio-controls-background;\n border-radius: inherit;\n color: $plyr-audio-control-color;\n padding: $plyr-control-spacing;\n}\n\n// Control elements\n.plyr--audio .plyr__control {\n &.plyr__tab-focus,\n &:hover,\n &[aria-expanded='true'] {\n background: $plyr-audio-control-background-hover;\n color: $plyr-audio-control-color-hover;\n }\n}\n\n// Range inputs\n.plyr--full-ui.plyr--audio input[type='range'] {\n &::-webkit-slider-runnable-track {\n background-color: $plyr-audio-range-track-background;\n }\n\n &::-moz-range-track {\n background-color: $plyr-audio-range-track-background;\n }\n\n &::-ms-track {\n background-color: $plyr-audio-range-track-background;\n }\n\n // Pressed styles\n &:active {\n &::-webkit-slider-thumb {\n @include plyr-range-thumb-active($plyr-audio-range-thumb-active-shadow-color);\n }\n\n &::-moz-range-thumb {\n @include plyr-range-thumb-active($plyr-audio-range-thumb-active-shadow-color);\n }\n\n &::-ms-thumb {\n @include plyr-range-thumb-active($plyr-audio-range-thumb-active-shadow-color);\n }\n }\n}\n\n// Progress\n.plyr--audio .plyr__progress__buffer {\n color: $plyr-audio-progress-buffered-background;\n}\n","// --------------------------------------------------------------\n// Video styles\n// --------------------------------------------------------------\n\n@use 'sass:math';\n\n// Container\n.plyr--video {\n background: var(--plyr-video-background, $plyr-video-background);\n overflow: hidden;\n\n &.plyr--menu-open {\n overflow: visible;\n }\n}\n\n.plyr__video-wrapper {\n background: var(--plyr-video-background, $plyr-video-background);\n height: 100%;\n margin: auto;\n overflow: hidden;\n position: relative;\n width: 100%;\n}\n\n// Default to 16:9 ratio but this is set by JavaScript based on config\n$embed-padding: (math.div(100, 16) * 9);\n\n.plyr__video-embed,\n.plyr__video-wrapper--fixed-ratio {\n @supports not (aspect-ratio: 16 / 9) {\n height: 0;\n padding-bottom: to-percentage($embed-padding);\n position: relative;\n }\n\n aspect-ratio: 16 / 9;\n}\n\n.plyr__video-embed iframe,\n.plyr__video-wrapper--fixed-ratio video {\n border: 0;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n// For Vimeo, if the full custom UI is supported\n.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {\n $height: 240;\n $offset: to-percentage(math.div($height - $embed-padding, math.div($height, 50)));\n\n padding-bottom: to-percentage($height);\n position: relative;\n transform: translateY(-$offset);\n}\n\n// Controls container\n.plyr--video .plyr__controls {\n background: $plyr-video-controls-background;\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n bottom: 0;\n color: $plyr-video-control-color;\n left: 0;\n padding: calc(#{$plyr-control-spacing} / 2);\n padding-top: calc(#{$plyr-control-spacing} * 2);\n position: absolute;\n right: 0;\n transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;\n z-index: 3;\n\n @media (min-width: $plyr-bp-sm) {\n padding: $plyr-control-spacing;\n padding-top: calc(#{$plyr-control-spacing} * 3.5);\n }\n}\n\n// Hide controls\n.plyr--video.plyr--hide-controls .plyr__controls {\n opacity: 0;\n pointer-events: none;\n transform: translateY(100%);\n}\n\n// Control elements\n.plyr--video .plyr__control {\n // Hover and tab focus\n &.plyr__tab-focus,\n &:hover,\n &[aria-expanded='true'] {\n background: $plyr-video-control-background-hover;\n color: $plyr-video-control-color-hover;\n }\n}\n\n// Large play button (video only)\n.plyr__control--overlaid {\n background: $plyr-video-control-background-hover;\n border: 0;\n border-radius: 100%;\n color: $plyr-video-control-color;\n display: none;\n left: 50%;\n opacity: 0.9;\n padding: calc(#{$plyr-control-spacing} * 1.5);\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n transition: 0.3s;\n z-index: 2;\n\n // Offset icon to make the play button look right\n svg {\n left: 2px;\n position: relative;\n }\n\n &:hover,\n &:focus {\n opacity: 1;\n }\n}\n\n.plyr--playing .plyr__control--overlaid {\n opacity: 0;\n visibility: hidden;\n}\n\n.plyr--full-ui.plyr--video .plyr__control--overlaid {\n display: block;\n}\n\n// Video range inputs\n.plyr--full-ui.plyr--video input[type='range'] {\n &::-webkit-slider-runnable-track {\n background-color: $plyr-video-range-track-background;\n }\n\n &::-moz-range-track {\n background-color: $plyr-video-range-track-background;\n }\n\n &::-ms-track {\n background-color: $plyr-video-range-track-background;\n }\n\n // Pressed styles\n &:active {\n &::-webkit-slider-thumb {\n @include plyr-range-thumb-active($plyr-video-range-thumb-active-shadow-color);\n }\n\n &::-moz-range-thumb {\n @include plyr-range-thumb-active($plyr-video-range-thumb-active-shadow-color);\n }\n\n &::-ms-thumb {\n @include plyr-range-thumb-active($plyr-video-range-thumb-active-shadow-color);\n }\n }\n}\n\n// Progress\n.plyr--video .plyr__progress__buffer {\n color: $plyr-video-progress-buffered-background;\n}\n","// --------------------------------------------------------------\n// Fullscreen\n// --------------------------------------------------------------\n\n.plyr:fullscreen {\n @include plyr-fullscreen-active;\n}\n\n// Fallback for unsupported browsers\n.plyr--fullscreen-fallback {\n @include plyr-fullscreen-active;\n\n bottom: 0;\n display: block;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 10000000;\n}\n","// ==========================================================================\n// Advertisements\n// ==========================================================================\n\n.plyr__ads {\n border-radius: inherit;\n bottom: 0;\n cursor: pointer;\n left: 0;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n z-index: -1; // Hide it by default\n\n // Make sure the inner container is big enough for the ad creative.\n > div,\n > div iframe {\n height: 100%;\n position: absolute;\n width: 100%;\n }\n\n // The countdown label\n &::after {\n background: $plyr-color-gray-900;\n border-radius: 2px;\n bottom: $plyr-control-spacing;\n color: #fff;\n content: attr(data-badge-text);\n font-size: 11px;\n padding: 2px 6px;\n pointer-events: none;\n position: absolute;\n right: $plyr-control-spacing;\n z-index: 3;\n }\n\n &:empty::after {\n display: none;\n }\n}\n\n// Advertisement cue's for the progress bar\n.plyr__cues {\n background: currentColor;\n display: block;\n height: $plyr-range-track-height;\n left: 0;\n opacity: 0.8;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 3px;\n z-index: 3; // Between progress and thumb\n}\n","// ==========================================================================\n// Colors\n// ==========================================================================\n\n$plyr-color-main: var(--plyr-color-main, hsl(198deg 100% 50%)) !default;\n$plyr-video-background: var(--plyr-video-background, rgb(0 0 0 / 100%)) !default;\n\n// Grayscale\n$plyr-color-gray-900: hsl(216deg 15% 16%) !default;\n$plyr-color-gray-800: hsl(216deg 15% 25%) !default;\n$plyr-color-gray-700: hsl(216deg 15% 34%) !default;\n$plyr-color-gray-600: hsl(216deg 15% 43%) !default;\n$plyr-color-gray-500: hsl(216deg 15% 52%) !default;\n$plyr-color-gray-400: hsl(216deg 15% 61%) !default;\n$plyr-color-gray-300: hsl(216deg 15% 70%) !default;\n$plyr-color-gray-200: hsl(216deg 15% 79%) !default;\n$plyr-color-gray-100: hsl(216deg 15% 88%) !default;\n$plyr-color-gray-50: hsl(216deg 15% 97%) !default;\n","// --------------------------------------------------------------\n// Preview Thumbnails\n// --------------------------------------------------------------\n\n@import './settings';\n\n.plyr__preview-thumb {\n background-color: $plyr-preview-background;\n border-radius: $plyr-preview-radius;\n bottom: 100%;\n box-shadow: $plyr-preview-shadow;\n margin-bottom: calc(#{$plyr-preview-padding} * 2);\n opacity: 0;\n padding: 3px;\n pointer-events: none;\n position: absolute;\n transform: translate(0, 10px) scale(0.8);\n transform-origin: 50% 100%;\n transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;\n z-index: 2;\n\n &--is-shown {\n opacity: 1;\n transform: translate(0, 0) scale(1);\n }\n\n // The background triangle\n &::before {\n border-left: $plyr-preview-arrow-size solid transparent;\n border-right: $plyr-preview-arrow-size solid transparent;\n border-top: $plyr-preview-arrow-size solid $plyr-preview-background;\n bottom: calc(#{$plyr-preview-arrow-size} * -1);\n content: '';\n height: 0;\n left: calc(50% + var(--preview-arrow-offset));\n position: absolute;\n transform: translateX(-50%);\n width: 0;\n z-index: 2;\n }\n\n &__image-container {\n background: $plyr-preview-image-background;\n border-radius: calc(#{$plyr-preview-radius} - 1px);\n overflow: hidden;\n position: relative;\n z-index: 0;\n\n img,\n &::after {\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &::after {\n border-radius: inherit;\n box-shadow: inset 0 0 0 1px rgba(#000, 15%);\n content: '';\n pointer-events: none;\n }\n\n img {\n // Non sprite images are 100%. Sprites will have their size applied by JavaScript\n max-height: none;\n max-width: none;\n }\n }\n\n // Seek time text\n &__time-container {\n background: $plyr-preview-time-container-background;\n border-bottom-left-radius: calc(#{$plyr-preview-radius} - 1px);\n border-bottom-right-radius: calc(#{$plyr-preview-radius} - 1px);\n bottom: 0;\n left: 0;\n line-height: 1.1;\n padding: $plyr-preview-time-container-padding;\n position: absolute;\n right: 0;\n z-index: 3;\n\n span {\n color: $plyr-preview-time-color;\n font-size: $plyr-preview-time-font-size;\n }\n }\n}\n\n.plyr__preview-scrubbing {\n bottom: 0;\n filter: blur(1px);\n height: 100%;\n left: 0;\n margin: auto; // Required when video is different dimensions to container (e.g. fullscreen)\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n transition: opacity 0.3s ease;\n width: 100%;\n z-index: 1;\n\n &--is-shown {\n opacity: 1;\n }\n\n img {\n height: 100%;\n left: 0;\n max-height: none;\n max-width: none;\n object-fit: contain;\n position: absolute;\n top: 0;\n width: 100%;\n }\n}\n","// --------------------------------------------------------------\n// Preview Thumbnails\n// --------------------------------------------------------------\n\n$plyr-preview-padding: $plyr-tooltip-padding !default;\n$plyr-preview-background: $plyr-tooltip-background !default;\n$plyr-preview-radius: $plyr-tooltip-radius !default;\n$plyr-preview-shadow: $plyr-tooltip-shadow !default;\n$plyr-preview-arrow-size: $plyr-tooltip-arrow-size !default;\n$plyr-preview-image-background: $plyr-color-gray-200 !default;\n$plyr-preview-time-container-background: var(\n --plyr-video-controls-background,\n linear-gradient(rgba(#000, 0), rgba(#000, 0.75))\n) !default;\n$plyr-preview-time-container-padding: 20px 6px 6px !default;\n$plyr-preview-time-color: #fff;\n$plyr-preview-time-font-size: $plyr-font-size-time !default;\n","// --------------------------------------------------------------\n// Animation utils\n// --------------------------------------------------------------\n\n.plyr--no-transition {\n transition: none !important;\n}\n","// --------------------------------------------------------------\n// Hiding content nicely\n// --------------------------------------------------------------\n\n// Screen reader only elements\n.plyr__sr-only {\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n\n // !important is not always needed\n @if $plyr-sr-only-important {\n border: 0 !important;\n height: 1px !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n } @else {\n border: 0;\n height: 1px;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n}\n\n.plyr [hidden] {\n display: none !important;\n}\n"],"names":[],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"css/lt-player-main.css","mappings":"AAAA,qBAgBA,qBAGE,MAOF,QACE,YAOF,YACE,WACA,kCAIA,8BACE,mCAGF,+BACE,YAIJ,iBACE,iCAGF,0BACE,SAGF,uBACE,8RC1DF,mBACE,gBACA,4BACA,qBACA,sBACA,2rBAGF,YACE,uBACA,mBACA,21CAGF,YACE,mBACA,uBACA,eCKuB,gBAaE,kBDfzB,qBACA,sBACA,iBACA,gBACA,kBACA,YACA,gBACA,eACA,m7CAEA,UACE,YACA,eACA,gBACA,sKAIJ,YACE,WACA,WACA,yBCqBuB,kBDnBvB,eACA,keAgBF,UACE,eACA,0gBAGF,UACE,yBCXwB,sdDe1B,UACE,yBChBwB,kYDoB1B,UACE,seAGF,0BACE,sBACA,YACA,WACA,gBACA,gBCxBwB,eD0BxB,wBACA,kBACA,sdAGF,aCpC0B,+BDsCxB,sBACA,WACA,UACA,gBACA,gBCrCwB,eDuCxB,0bAGF,cACE,+BACA,sBACA,YACA,WACA,kBACA,gBChDwB,eDkDxB,YExFF,uBACE,+DACA,gBACA,YAGF,uBACE,+DACA,gBACA,YAGF,uBACE,+DACA,gBACA,YAGF,uBACE,+DACA,gBACA,YAGF,uBACE,+DACA,gBACA,4FC/CE,mCAEE,2BACA,8CAGF,mCACE,8CAMN,iBAEE,cAGF,mCACE,sBAGF,mCACE,OAGF,wBACE,WACA,+BAGE,yBACE,0BACA,4BACA,4BAGF,gCACE,uCACA,6CACA,wDAMJ,uBACE,oBAIJ,UACE,YACA,iBACA,YAGF,wBACE,gBACA,2DAGE,YACE,YCjEN,6CHgBsB,kGGbpB,6CHaoB,0BIXtB,YACE,uBACA,mBACA,WACA,YACA,YCVF,iDACE,0CACA,6SCmEM,SACE,+3BASE,cN1De,oBM8EzB,cACE,kBACA,WACA,WACA,OACA,gBN7CsB,aM+CtB,sBACA,UACA,WACA,4BACA,kCAEA,eACE,MACA,aACA,8BACA,mBACA,yBNtD2B,gBMwD3B,eACA,4BACA,2DAEA,eACE,mCAQJ,aN7EsB,gBM+EpB,cACA,aACA,8CNxHgB,8EM2HhB,aNpFoB,yBAHH,0FOnCrB,aPsCwB,yBOpCtB,qLAGF,aPiCwB,yBAHH,mMOxBrB,qBAEE,uCDkHE,cAhGJ,YACA,mBACA,+GAkGI,wBA9FJ,2EAoGI,cN9HsB,gBAOD,aMhBzB,mBACA,yBACA,qJA0II,cNrIqB,gBASA,gBMRzB,gBACA,yBACA,qHAyII,aArIJ,eNZyB,gBMczB,yBACA,qCAwII,eN5IqB,gBAOH,eAlBG,gBMsBzB,yBACA,mBAsIA,YACE,eACA,OACA,MACA,WACA,YACA,0BA7KF,kBAuKA,+BASI,4BAGF,iBACE,WACA,WACA,OACA,gBNvIoB,mBMyIpB,SACA,eACA,eACA,cACA,4BACA,uCAEA,iBACE,WACA,YACA,MACA,mBACA,YACA,WACA,2BAKN,qBACE,WACA,kBACA,QACA,SACA,gCACA,sBNlKsB,cAEM,gBMmK5B,8CNhNkB,WMkNlB,6BACA,cACA,gBACA,0BAhOF,0BAkNA,gBAiBI,WACA,YACA,eACA,gBACA,yBACA,yBACA,wCAGF,YACE,gBACA,SACA,eACA,2CAEA,eACE,gBACA,SACA,0CAGF,QACE,iBACA,oDAIJ,gCACE,+BACA,8CAGF,UACE,+BACA,oDAGF,wBACE,8BAGF,aACE,6BACA,8DAGF,aN/NsB,yBAHH,0EOnCrB,aPsCwB,yBOpCtB,qJAGF,aPiCwB,yBAHH,mKOxBrB,qBAEE,+BD6PA,cA3OF,YACA,mBACA,uFA6OE,wBAzOF,2DA+OE,cNzQwB,gBAOD,aMhBzB,mBACA,yBACA,mBAmRI,qHAGF,cNjRuB,gBASA,gBMRzB,gBACA,yBACA,aAmRI,6FAGF,aAlRF,eNZyB,gBMczB,yBACA,6BAqRE,eNzRuB,gBAOH,eAlBG,gBMsBzB,yBACA,eA+QI,mBACA,wCAEA,eACE,wBAKN,YACE,0BAhUF,uBA+TA,YAII,2BAIJ,UACE,WACA,0BACA,cACA,UACA,kBACA,eACA,qBACA,+BACA,cN9RsB,kCMgStB,kBACA,SACA,WACA,wBACA,0BAtVF,yBAuUA,QAkBI,WACA,iCAIJ,aACE,4CEjWF,YACE,iCAGF,oBACE,2CAEA,aACE,SAKN,iBDfE,QCgByB,yCDbzB,aCcA,WACA,YACA,mBAEA,iBACE,QACA,aACA,UACA,gCACA,aAIJ,qBACE,cACA,kBACA,WACA,YACA,WACA,sBACA,kBACA,4DACA,4DACA,0BAGF,sBACE,0BAGF,qBACE,0BAGF,sBACE,mBAGF,GACE,sBACE,MAEF,wBACE,2CAKF,OACE,8CClEF,cACE,qDAEA,aACE,gCCDF,oBACE,0BAGF,iBACE,QACA,sBACA,WV+CU,sCU5CV,iBACE,WACA,YACA,UACA,UACA,+BACA,+CAEA,SACE,+BACA,2CAKF,gBACE,WACA,YACA,4CAGF,iBACE,QACA,SACA,gCACA,WACA,sCAIJ,iBACE,QACA,yBVOgB,WULhB,gCAGF,iBACE,WACA,YACA,UACA,wDAGE,yBACE,0LAKE,aVTY,yBUYV,yCAMR,iBACE,aACA,sBACA,YACA,UACA,eACA,iDAEA,mBACE,+DAEA,oBHuDV,WPhFwB,eAtCC,gBAUA,SU2Db,+CAIJ,cACE,iEAEA,oBH8CV,gBP5GyB,eAdA,gBAmBK,aU+DlB,WV5CY,UU8CZ,iDAIJ,eACE,oBACA,iEAEA,YACE,QACA,qFAEA,aV9DY,yBAHH,YOkDrB,ePnFuB,2FOFvB,aPsCwB,yBOpCtB,sLAGF,aPiCwB,yBAHH,6LOxBrB,qBAEE,yFA0EF,UACE,YACA,eACA,gBACA,0FGgBU,aVrEY,yBAHH,gBO6DrB,eGec,eV7GS,gBAiBE,gGOnBzB,aPsCwB,yBOpCtB,gMAGF,aPiCwB,yBAHH,uMOxBrB,qBAEE,8FAqFF,UACE,YACA,eACA,gBACA,yFGcU,aV9EY,yBACA,YO8CxB,iBGmCc,+FHzDd,aPzBwB,yBO2BtB,8LAGF,aP9BwB,yBACA,qMOmCxB,qBAEE,6FAWF,UACE,YACA,eACA,gBACA,4EG4CM,uBAEE,gGAOE,cV5Ia,gBAYA,gFUsIf,eACE,kGAEA,cVjJY,gBAeM,gBUqIhB,mBACA,WACA,0BACA,kFAIJ,gBACE,yWAGE,eH5Dd,ePtGuB,gBAaE,qXO2FzB,UACE,YACA,eACA,gBACA,2HG8DY,gBACE,sCAWlB,4FAOc,SACE,uCAUhB,4EAMY,mBACE,2FAEA,eVnMa,2EUwMf,cACE,6FAEA,cVvNW,kBUyNT,UACA,6EAIJ,mBACE,uCASd,4EAMY,mBACE,6FAIA,cVhPa,kBUkPX,UACA,6EAIJ,YACE,iHAGE,eH1Jd,qHAEA,UACE,YACA,eACA,gBACA,sHGwJY,eH9Jd,eGgKgB,eVvQS,0HOyGzB,UACE,YACA,eACA,gBACA,qHG8JY,eHpKd,yHAEA,UACE,YACA,eACA,gBACA,uCG0KJ,4FAOc,cVtRc,UUwRZ,wCClTd,SACE,oCAEF,SACE,2HAMA,UACE,oBACA,mBACA,gJAEA,UXyCoB,yBAJA,gBO0DxB,kKA3EA,UPqBwB,yBOnBtB,sUAGF,UPgBwB,yBAJA,2VONxB,qBAEE,4JAgEF,UACE,YACA,eACA,gBACA,+JI/FE,iBACE,WACA,OACA,MACA,WACA,oGACA,cACA,aACA,6IAGF,YACE,8BACA,gUAEA,YAEE,sBACA,aACA,UACA,+JAGF,sBACE,kKAGF,eACE,qKAGF,MACE,WACA,sBACA,gMAEA,cXvCiB,gBAaE,kBW6BjB,WACA,SACA,sBACA,iOAKF,eACE,mEAWN,YACE,qCAQR,kEAIQ,mBACE,0FAII,cACE,0EAKN,eJiBR,8EAEA,UACE,YACA,eACA,gBACA,uCIdJ,mEAIQ,mBACE,uCAOV,mEAIQ,mBACE,2FAII,cXnHW,uCW8HzB,0EAKU,eJ7BR,+EAEA,UACE,YACA,eACA,gBACA,2FI6BU,cXrIa,kBYvBzB,SACE,0BAEA,UACE,eACA,aACA,iCAGF,aACE,oCAKF,YACE,8BACA,qBACA,kBACA,WACA,eACA,2CAEA,UZiCoB,yBAJA,gBO0DxB,WKnFM,cACA,iDLON,UPqBwB,yBOnBtB,kGAGF,UPgBwB,yBAJA,yGONxB,qBAEE,+CAgEF,UACE,YACA,eACA,gBACA,kDKrFE,iBACE,sBACA,OACA,uJAGF,YAGE,SACA,qBACA,mDAGF,gBACE,oBACA,OACA,gFAEA,UACE,YACA,yBZEe,eAtCA,gBAcE,sFY2BjB,wBACE,4KAGF,wBZPe,qFYYf,cZnDgB,oHYyDpB,YAEE,iIAGF,YAEE,SACA,mBACA,iHAGF,YAEE,2DAGF,wBACE,uDAGF,0BACE,iHAGF,YAEE,qBACA,aACA,gBACA,WACA,eZtFiB,gBAYE,sBY6EnB,gDAGF,iBACE,WACA,OACA,SACA,WACA,oGACA,WACA,oDAGF,YACE,yDAGF,YACE,sDAGF,iBACE,mEAEA,aZ9EkB,yBAHH,YYoFb,yELvHR,aPsCwB,yBOpCtB,kJAGF,aPiCwB,yBAHH,yJOxBrB,qBAEE,6CK8GE,YACE,8BACA,iBACA,kBACA,yDAGE,cZhIe,cAkCD,2DYqGlB,iBACE,aACA,aACA,uBACA,qBACA,gBZpGkB,WYsGlB,6FAII,iBACE,yBACA,YACA,gBACA,eACA,UACA,sIAEA,wBACE,gBACA,wBACA,gBACA,yBACA,eACA,4JAeF,iBZtIY,gBADA,wJY6IZ,iBZ5IY,gBADA,iJYmJZ,cAEE,sBACA,YACA,WACA,gBZxJU,eY0JV,4HAQJ,WACE,gBZnKY,aYqKZ,uBACA,mBACA,YACA,2CAOV,YACE,sDAKF,oBACE,4CACA,0BACA,kEAEA,iBACE,WACA,aACA,SACA,QACA,wEACA,+GACA,qBACA,4CACA,0BACA,oDAIJ,uEACE,+GACA,qBACA,4CACA,0BACA,2DAQA,cACE,qEAKF,mBACE,4EAEA,eLxKN,gFAEA,UACE,YACA,eACA,gBACA,kFKsKI,YACE,mFAGF,iBACE,cACA,oFAGF,gBACE,cACA,qFAGF,sBACE,SACA,SACA,qFAGF,YACE,4DAUJ,cACE,wFAEA,YACE,sEAMJ,wBACE,kGAMJ,YACE,qCAON,0DAIQ,cACE,qEAKF,wBACE,4EAEA,eLtOR,gFAEA,UACE,YACA,eACA,gBACA,kFKoOM,YACE,+EAIJ,UACE,YACA,oFAEA,cZ3Ve,sCYoWzB,oFAKU,QACE,uCAQZ,2DAIQ,cACE,wFAEA,YACE,sEAMJ,wBACE,sFAEA,QACE,qLAGF,YAEE,uCAQZ,2DAIQ,cACE,sEAKF,wBACE,wKAEA,QAEE,sFAGF,QACE,sFAGF,YACE,UACA,2FAGF,YACE,wLAGF,YAEE,uCAQZ,2DAIQ,cACE,sEAKF,wBACE,wKAEA,QAEE,sFAGF,QACE,sFAGF,UACE,qLAGF,cZjdgB,6EYsdhB,eLjXR,iFAEA,UACE,YACA,eACA,gBACA,mFK+WM,YACE,wCAQZ,oLAKU,YAEE,QACA,0CCjgBV,UACE,YACA,sCAGF,gBACE,iBACA,YACA,8BAGF,cACE,cACA,YACA,WACA,UACA,eACA,4DAEA,0BACE,0BACA,yBAIJ,eACE,iBACA,yBAGF,eACE,iBACA,yCAGF,WACE,+CAEA,YACE,uBACA,mBACA,YACA,mBACA,8CAKJ,oBACE,4CACA,0BACA,uCAIF,iBAEE,YACA,WACA,YACA,SACA,QACA,UACA,4CACA,0BACA,6CAEA,UbTsB,yBAJA,kBagBpB,UACA,YACA,YACA,mDNpCJ,UPqBwB,yBOnBtB,sGAGF,UPgBwB,yBAJA,6GONxB,qBAEE,oDM0BA,abtBsB,yBAHH,aa4BjB,0DN/DJ,aPsCwB,yBOpCtB,oHAGF,aPiCwB,yBAHH,2HOxBrB,qBAEE,uDMqDA,iBACE,SACA,gCACA,2BACA,sBACA,+BACA,+EAGF,uBACE,2CACA,WACA,UACA,mBACA,oCACA,eACA,eACA,oCACA,2EAGF,0BACE,2CACA,WACA,UACA,mBACA,yBACA,eACA,oEAEF,0BACE,2CACA,WACA,UACA,mBACA,oCACA,eACA,wFAEF,UACE,eACA,2BACA,oCACA,kBACA,0CACA,8FAEF,mCACE,2EAEF,UACE,eACA,gBACA,oCACA,kBACA,0CACA,oEAEF,UACE,eACA,oCACA,sCACA,oBACA,+BACA,yEAEF,mCACE,0CACA,kBACA,gBACA,+EAEF,mCACE,yEAEF,mCACE,0CACA,kBACA,gBACA,+EAEF,mCACE,yBCnKN,UACE,oDAEA,iBACE,QACA,SACA,gCACA,kEAEA,SACE,+BACA,oBACA,Wd6CoB,yBAJA,6BctCpB,aACA,wEPoBJ,UPqBwB,yBOnBtB,gJAGF,UPgBwB,yBAJA,uJONxB,qBAEE,4DO9BA,SACE,+BACA,kDAIJ,eACE,aACA,UACA,WACA,iBACA,gBACA,iEAEA,SACE,WACA,gEAGF,oBPuGF,sBOpGI,edvBmB,gBAeE,gBAIH,ScQlB,6EAIA,mBACE,qBACA,4BACA,qBACA,uBACA,gBACA,edrCiB,gBAYE,sBc4BnB,gBACA,gBACA,sCACA,kFAGF,aACE,sCACA,yDAKN,YACE,mDAGF,eACE,gBACA,UACA,YACA,SACA,qBACA,edhEqB,WckErB,eACA,kBACA,aACA,WACA,UACA,gGAGF,+BAEE,UACA,YACA,UACA,kBACA,MACA,iDAGF,OACE,gDAGF,MACE,sFAGF,SAEE,QACA,aACA,kBACA,kBACA,aACA,WACA,kHAEA,YACE,iBACA,gIAEA,aACE,0HAGF,cACE,kGAIJ,YACE,2BACA,mBACA,WACA,iBACA,gGAGF,cdzHuB,gBAWA,iBciHrB,cACA,2CAIJ,MACE,iDAEA,0BACE,2DAEA,0BACE,4DAGF,0BACE,4CAKN,OACE,4DAGE,0BACE,6DAGF,0BACE,2CAKN,yBACE,UAEA,qCAIF,SACE,aACA,6BACA,mBAIJ,GACE,wBAGE,UACA,MAEF,YAGE,UACA,wBAGJ,GACE,SACE,4BACA,MAEF,SACE,wBACA,yBAGJ,GACE,SACE,0BACA,MAEF,SACE,4BACA,2DAKF,2BACE,2DAKF,SACE,qCAIJ,gGAIQ,oBP1GN,ePlHwB,8GcmOhB,cdvOiB,0EehBnB,2CACE,0BACA,oCAOR,4BACE,+BACA,UACA,YACA,WACA,2BACA,wBACA,sBACA,kBACA,qBACA,iBAGF,+BAEE,oCAEA,+BACE,kBACA,WACA,YACA,aACA,8EAGE,WACE,MACA,8FAGF,0BACE,+EAGF,WACE,MACA,+FAGF,0BACE,wBAYR,oBACE,gCAGF,oBACE,8BAIJ,0BACE,mDAGF,0BAIE,sBACA,0DAGF,0BAIE,mEAGF,0BAIE,kDAIF,SACE,oBACA,2BACA,uGAIF,oBACA,+BACA,0BACA,gCAGA,uBACA,yBAGA,uBACE,wFClHM,KACE,+FAEA,eTwGR,mGAEA,UACE,YACA,eACA,gBACA,sESlGE,SACE,6BAKN,UACE,gBACA,aACA,sBACA,yBACA,SACA,yBACA,oBACA,WACA,oCAEA,ahBiBsB,sBAIA,uDAJA,yBOMtB,oFAGF,aPTwB,sBAIA,2FOWxB,qBAEE,2FS5BF,eAEE,aACA,sBACA,yBACA,SACA,yBACA,iBACA,yGAEA,ahBCsB,sBAIA,yBgBFpB,qHTEJ,aPJwB,yBOMtB,2OAGF,aPTwB,sBAIA,yPOWxB,qBAEE,+VSbE,sBAGE,iHAGF,sCACE,+BACA,4BAMR,uBACE,kCAGF,cACE,SACA,WACA,YACA,0GAIA,YAEE,wDCpFF,cACE,WACA,WACA,OACA,gBjBoDsB,mBiBlDtB,SACA,eACA,uEAMA,cjBIuB,gBAWA,yBiBZrB,SACA,+DAIJ,iBACE,WACA,WACA,OACA,gBjB8BsB,yBiB5BtB,SACA,aACA,sBACA,mBACA,4EAEA,wBACE,mBACA,WjBqBoB,aiBnBpB,kBACA,oFAEA,YACE,qBACA,oGAGF,UjBWoB,UiBTlB,iBACA,kBACA,2GAEA,aACE,yBACA,UACA,aACA,mHAGF,wBACE,WACA,2GAIF,cjB/CmB,gBAcA,cAsBF,kBiBef,SACA,UACA,6IAGF,wBAEE,YACA,WACA,gBjBtBgB,kBiBwBhB,yIAGF,UjB3BkB,gBiB8BhB,yBACA,gBjB/BgB,kIiBmClB,cAEE,4BACA,yBACA,YACA,WACA,gBjBzCgB,uHiB6ClB,ajB/CiB,YiBiDf,eACA,WACA,gBACA,sJAGF,ajBvDiB,4JiB6DjB,ajB7DiB,qJiBoEjB,ajBpEiB,+JiB0EjB,UAEE,0EAKN,YACE,8BACA,yBACA,mBACA,wIAEA,wBjB5FiB,gJiBgGjB,kCACE,+BACA,2BACA,kGAIA,SACE,kBACA,qBACA,eACA,YACA,iBACA,wGAGF,SACE,QACA,SACA,qBACA,SACA,oBACA,kBACA,oBACA,kGAGF,iBACE,eACA,MACA,OACA,QACA,SACA,yBACA,uBACA,eACA,qBACA,2BACA,wBACA,wGAGF,0BACE,yGAGF,UACE,YACA,sBjBzIgB,kBiB2IhB,WACA,SACA,WACA,uBACA,eACA,4EAKN,wBACE,WACA,aACA,qBACA,yFAEA,ajB/JoB,yBAHH,kBiBqKf,+FVxMN,aPsCwB,yBOpCtB,8LAGF,aPiCwB,yBAHH,qMOxBrB,qBAEE,4EU+LA,YACE,iFAEA,YACE,uBACA,mBACA,aACA,uFAGF,UACE,2EAIJ,cACE,WACA,YACA,MACA,mBACA,YACA,WACA,uCAOF,iBACE,WACA,UACA,OACA,gBjBnMoB,yBiBqMpB,SACA,UACA,sDAMA,cjBnPqB,gBAWA,yBiB2OnB,SACA,8CAIJ,iBACE,WACA,WACA,OACA,gBjBzNoB,yBiB2NpB,SACA,UACA,aACA,sBACA,mBACA,yBACA,2DAEA,wBACE,mBACA,WjBpOkB,aiBsOlB,kBACA,mEAEA,YACE,qBACA,mFAGF,UjB9OkB,UiBgPhB,iBACA,kBACA,0FAEA,aACE,yBACA,UACA,aACA,kGAGF,wBACE,WACA,0FAIF,cjBxSiB,gBAcA,cAsBF,kBiBwQb,SACA,UACA,4HAGF,wBAEE,YACA,WACA,gBjB/Qc,kBiBiRd,wHAGF,UjBpRgB,gBiBuRd,yBACA,gBjBxRc,iHiB4RhB,cAEE,4BACA,yBACA,YACA,WACA,gBjBlSc,sGiBsShB,ajBxSe,YiB0Sb,eACA,qIAGF,ajB9Se,2IiBoTf,ajBpTe,oIiB2Tf,ajB3Te,8IiBiUf,UAEE,yDAKN,YACE,8BACA,yBACA,mBACA,uHAEA,wBjBnVe,+HiBuVf,kCACE,+BACA,2BACA,iFAIA,SACE,kBACA,qBACA,eACA,YACA,iBACA,uFAGF,SACE,QACA,SACA,qBACA,SACA,oBACA,kBACA,oBACA,iFAGF,iBACE,eACA,MACA,OACA,QACA,SACA,yBACA,uBACA,eACA,qBACA,2BACA,wBACA,uFAGF,0BACE,wFAGF,UACE,YACA,sBjBhYc,kBiBkYd,WACA,SACA,WACA,uBACA,eACA,2DAKN,wBACE,WACA,aACA,qBACA,wEAEA,ajBtZkB,yBAHH,kBiB4Zb,8EV/bR,aPsCwB,yBOpCtB,4JAGF,aPiCwB,yBAHH,mKOxBrB,qBAEE,2DUsbE,YACE,gEAEA,YACE,uBACA,mBACA,aACA,sEAGF,UACE,0DAIJ,iBACE,WACA,YACA,MACA,mBACA,YACA,WACA,yEASF,eACE,gFAGF,OACE,SACA,QACA,SACA,gBACA,mBACA,gCACA,gBACA,WACA,gBACA,YACA,2FAEA,wBACE,6FAGF,YACE,iECvgBN,eACE,0BACA,mCACA,2BACA,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QAEE,YACA,OACA,kBACA,MACA,WACA,iEAIF,mBAIE,kBACA,iCACA,8BAIF,wGhB/CiC,kCgBiD/B,mCACA,SACA,4ChB/CyB,OgBiDzB,oDACA,wDACA,kBACA,QACA,6DACA,UACA,0BAEA,6BAdF,yChBvDuB,0DgBuEnB,mDAKJ,SACE,oBACA,2BACA,+HAMA,0HhBvEoC,kDADL,0BgBiFjC,0HhBhFsC,SgBkFpC,mBACA,4ChBrFyB,agBuFzB,SACA,WACA,sDACA,kBACA,QACA,gCACA,eACA,UACA,8BAGA,QACE,kBACA,+DAGF,SAEE,yCAIJ,SACE,kBACA,qDAGF,aACE,6EAKA,oITlHkC,gESsHlC,oITtHkC,yDS0HlC,oIT1HkC,2ESgIhC,+OrB5GF,uEqBgHE,+OrBhHF,gEqBoHE,+OrBpHF,sCqB2HF,+EHzJ0C,kBIT1C,etB6CE,2BACA,YACA,SACA,WACA,wBAEA,WACE,wDAIF,aACE,4DAEA,YACE,sCAKJ,WACE,2BAIF,iCACE,4CCnEoB,6BqBCxB,etBwCE,2BACA,YACA,SACA,WACA,SsBzCA,cACA,OACA,eACA,QACA,MACA,iBACA,kCtBqCA,WACE,kEAIF,aACE,sEAEA,YACE,gDAKJ,WACE,2BAIF,2CACE,4CCnEoB,asBJxB,qBACE,SACA,eACA,OACA,gBACA,kBACA,QACA,MACA,WACA,sCAGA,WAEE,kBACA,WACA,mBAIF,kBChBoB,kBDkBlB,yClBrBmB,WkBuBnB,8BACA,eACA,gBACA,oBACA,kBACA,wClB5BmB,UkB8BnB,yBAGF,YACE,aAKJ,uBACE,cACA,2CX7BwB,OW+BxB,WACA,kBACA,QACA,2BACA,UACA,UACA,sBEhDF,yETF0B,8CAKJ,iFSCpB,oEACA,UACA,YACA,oBACA,kBACA,wCACA,0BACA,uDACA,UACA,gCAEA,SACE,mCACA,8BAIF,mEACE,qEACA,8GACA,sDACA,WACA,SACA,6CACA,kBACA,2BACA,QACA,UACA,uCAGF,kBD1BoB,0DC4BlB,gBACA,kBACA,UACA,wFAEA,WAEE,OACA,kBACA,MACA,WACA,8CAGF,qBACE,2CACA,WACA,oBACA,2CAGF,eAEE,eACA,sCAKJ,wGC9DuC,sEDgErC,uEACA,SACA,OACA,gBACA,qBChEkC,kBDkElC,QACA,UACA,2CAEA,UCrEsB,wEzBNJ,0BwBkFtB,QACE,iBACA,YACA,OACA,YACA,UACA,gBACA,oBACA,kBACA,QACA,MACA,4BACA,WACA,UACA,oCAEA,SACE,8BAGF,WACE,OACA,gBACA,eACA,mBACA,kBACA,MACA,WACA,sBEnHJ,0BACE,6CCCA,gBACA,oBAIE,sBACA,qBACA,6BACA,qBACA,gBAUJ,uBACE,OpDmDF,oC","sources":["webpack://@latest-thinking/lt-player/./src/assets/sass/app.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/abstracts/_placeholders.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/abstracts/_variables.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/core/_fonts.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/core/_player.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/core/_typography.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/core/_all.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/components/_images.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/components/_modal.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/abstracts/_mixins.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/components/_loader.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/components/_range.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_poster.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/controllers/_top.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/controllers/_botom.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/controllers/_mini-player.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/controllers/_notification-rewind-forward.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_control.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_additional-info.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_settings.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_share.scss","webpack://@latest-thinking/lt-player/./src/assets/sass/sections/_subtitles.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/lib/animation.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/base.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/lib/mixins.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/type.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/badges.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/badges.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/captions.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/controls.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/captions.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/control.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/controls.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/menus.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/menus.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/sliders.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/sliders.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/poster.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/times.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/tooltips.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/tooltips.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/progress.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/progress.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/components/volume.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/types/audio.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/types/video.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/states/fullscreen.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/plugins/ads.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/settings/colors.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/plugins/preview-thumbnails/index.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/plugins/preview-thumbnails/settings.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/utils/animation.scss","webpack://@latest-thinking/lt-player/./node_modules/plyr/src/sass/utils/hidden.scss"],"sourcesContent":["//---------------------------------------------\n//\n// Table of Contents\n//\n// 1. Basics\n// 2. Resetting properties\n// 3. General\n// 4. Components\n// 5. Additional imports\n//\n//---------------------------------------------\n\n//---------------------------------------------\n// 1. Basics\n//---------------------------------------------\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n//---------------------------------------------\n// 2. Resetting properties\n//---------------------------------------------\n\nbody {\n margin: 0;\n}\n\n//---------------------------------------------\n// 3. General\n//---------------------------------------------\n\n.lt-player {\n display: flex;\n width: 100%;\n}\n\n.lt-player-orientation {\n &--portrait {\n container: portrait / inline-size;\n }\n\n &--landscape {\n container: landscape / inline-size;\n }\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.overflow-hidden-body-important {\n overflow: hidden !important;\n}\n\n.d-none {\n display: none !important;\n}\n\n//---------------------------------------------\n// 4. Components\n//---------------------------------------------\n\n@import \"abstracts/all\";\n@import \"core/all\";\n@import \"components/all\";\n@import \"layout/all\";\n@import \"sections/all\";\n\n//---------------------------------------------\n// 5. Additional imports\n//---------------------------------------------\n\n@import \"~plyr\";\n\n:root {\n --plyr-color-main: $default_color_player;\n}\n","%line-clamp-3 {\n display: -webkit-box;\n overflow: hidden;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 3;\n word-break: break-word;\n}\n\n%center-elements {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n%lt-player-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: $lt-player-font-size-lg;\n font-weight: $lt-player-font-weight-lg;\n font-style: normal;\n text-decoration: none;\n vertical-align: middle;\n line-height: 150%;\n padding: 8px 8px;\n text-align: center;\n border: none;\n border-radius: 0;\n cursor: pointer;\n\n img {\n width: 24px;\n height: 24px;\n min-width: 24px;\n min-height: 24px;\n }\n}\n\n%line-button {\n display: flex;\n width: 56px;\n height: 6px;\n background-color: $default-lt-line-button;\n margin: .5rem auto;\n cursor: pointer;\n}\n\n%input-range {\n color: $default-lt-player-white;\n bottom: 1rem;\n width: 100%;\n margin: 0 0 -5rem 0;\n padding: 0;\n display: flex;\n height: 20px;\n box-shadow: none;\n background: transparent;\n cursor: pointer;\n}\n\n%input-range--moz-range-progress {\n height: 3px;\n cursor: pointer;\n}\n\n%input-range--webkit-slider-runnable-track {\n height: 2px;\n background-color: $default-lt-button-color;\n}\n\n%input-range--moz-range-track {\n height: 2px;\n background-color: $default-lt-button-color;\n}\n\n%input-range--ms-track {\n height: 2px;\n}\n\n%input-range--webkit-slider-thumb {\n box-shadow: 0 1px 0 $default-lt-button-color;\n border: 4px solid $default-lt-player-white;\n height: 13px;\n width: 13px;\n border-radius: 0;\n background: $default-lt-player-black;\n cursor: pointer;\n -webkit-appearance: none;\n margin-top: -5.5px;\n}\n\n%input-range--moz-range-thumb {\n color: $default-lt-button-color;\n box-shadow: 1px 1px 1px $default-lt-button-color;\n border: 4px solid $default-lt-player-white ;\n height: 5px;\n width: 5px;\n border-radius: 0;\n background: $default-lt-player-black;\n cursor: pointer;\n}\n\n%input-range--ms-thumb {\n margin-top: 2px;\n box-shadow: 1px 1px 1px $default-lt-button-color;\n border: 5px solid $default-lt-player-white;\n height: 16px;\n width: 16px;\n border-radius: 1px;\n background: $default-lt-player-black;\n cursor: pointer;\n}\n","//---------------------------------------------\n//\n// Variables\n//\n// 1. Fonts\n// 2. Globals\n// 3. Colors\n// 4. Container Width\n// 5. Grid Breakpoint\n//\n//---------------------------------------------\n\n//---------------------------------------------\n// 1. Fonts\n//---------------------------------------------\n\n$lt-font-family-base: \"MuseoSans\", sans-serif !important;\n\n$lt-player-font-size-xxs: 10px;\n$lt-player-font-size-xs: 12px;\n$lt-player-font-size-sm: 14px;\n$lt-player-font-size-base: 16px;\n$lt-player-font-size-lg: 18px;\n$lt-player-font-size-lg2: 19px;\n$lt-player-font-size-xl: 20px;\n$lt-player-font-size-xxl: 21px;\n$lt-player-font-size-xxl2: 24px;\n$lg-player-font-size-xxl3: 28px;\n$lt-player-font-size-xxxl2: 30px;\n$lt-player-font-size-xxxl3: 32px;\n\n$lt-player-font-weight-xs: 100;\n$lt-player-font-weight-sm: 300;\n$lt-player-font-weight-md: 400;\n$lt-player-font-weight-base: 500;\n$lt-player-font-weight-lg: 600;\n$lt-player-font-weight-xl: 700;\n$lt-player-font-weight-xxl: 800;\n\n$lt-player-line-height: 1.5;\n$lt-player-line-height-default: 1.2;\n\n//---------------------------------------------\n// 2. Globals\n//---------------------------------------------\n\n$lt-player-padding-xxl: 40px;\n\n//---------------------------------------------\n// 3. Colors\n//---------------------------------------------\n\n$default_color_player: #D8D846;\n$default-lt-span-color: #A8ADB0;\n$default-lt-player-gray: #f2f2f2;\n$default-lt-button-color: #27282A;\n$default-lt-button-other: #808689;\n$default-lt-player-blue: #074566;\n$z_index_first: 90;\n$default-lt-player-white: #fff;\n$default-lt-player-black: #000;\n$default-lt-player-modal-color: #3E4345;\n$default-lt-line-button: #E6E6E6;\n$default-lt-player-modal-header: #F9F9F9;\n\n//---------------------------------------------\n// 4. Container Width\n//---------------------------------------------","//---------------------------------------------\n//\n// Fonts\n//\n// 1. Loading Mixins\n// 2. Loading Fonts\n// 3. Loading Icons CSS\n//\n//---------------------------------------------\n\n//---------------------------------------------\n// 1. Loading Mixins\n//---------------------------------------------\n\n//---------------------------------------------\n// 2. Loading Fonts\n//---------------------------------------------\n\n//---------------------------------------------\n// MuseoSans\n//---------------------------------------------\n\n@font-face {\n font-family: \"MuseoSans\";\n src: url('../../fonts/museo/MuseoSans-100.otf') format('opentype');\n font-weight: 100;\n}\n\n@font-face {\n font-family: \"MuseoSans\";\n src: url('../../fonts/museo/MuseoSans-300.otf') format('opentype');\n font-weight: 300;\n}\n\n@font-face {\n font-family: \"MuseoSans\";\n src: url('../../fonts/museo/MuseoSans-500.otf') format('opentype');\n font-weight: 500;\n}\n\n@font-face {\n font-family: \"MuseoSans\";\n src: url('../../fonts/museo/MuseoSans-700.otf') format('opentype');\n font-weight: 700;\n}\n\n@font-face {\n font-family: \"MuseoSans\";\n src: url('../../fonts/museo/MuseoSans-900.otf') format('opentype');\n font-weight: 900;\n}\n\n//---------------------------------------------\n// 3. Loading Icons CSS\n//---------------------------------------------\n",".lt-player-orientation--portrait {\n .plyr {\n iframe,\n video {\n border-radius: 0 0 0 32px !important;\n background: $default-lt-player-black !important;\n }\n\n video {\n background: transparent !important;\n }\n }\n}\n\n// THIS MUST STAY - DO NOT DELETE\n.poster-lt-player-share,\n.mini-player-control {\n visibility: hidden;\n}\n\n.plyr--video {\n background: transparent !important;\n}\n\n.plyr__video-wrapper {\n background: transparent !important;\n}\n\n.plyr {\n z-index: unset!important;\n width: 100%;\n &__video-embed {\n\n &__container {\n transform: none!important;\n position: unset!important;\n padding-bottom: 0!important;\n }\n\n &__poster {\n background-size: cover!important;\n background-repeat: no-repeat!important;\n background-position: center center!important;\n }\n }\n}\n\n.lt-player-portrate--mobile {\n .fullscreen-custom-control {\n display: none !important;\n }\n}\n\n.lt-player-wrapper {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.lt-player {\n border-radius: 0 0 0 30px;\n overflow: hidden;\n\n &.fullscreen-disabled {\n .fullscreen-custom-control {\n display: none;\n }\n }\n}",".lt-player {\n font-family: $lt-font-family-base;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p {\n font-family: $lt-font-family-base;\n }\n}\n","// Add cores\n@import \"fonts\";\n@import \"player\";\n@import \"typography\";\n\n.lt-player-onload-poster {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n","img.filter {\n -webkit-filter: brightness(0) invert(1)!important;\n filter: brightness(0) invert(1)!important;\n}\n","@import \"../abstracts/variables\";\n\n$modal-max-width: 620px;\n\n@mixin modal-max-width {\n @media (max-width: #{$modal-max-width}) {\n @content;\n }\n}\n\n@mixin modal-min-width {\n @media (min-width: #{$modal-max-width}) {\n @content;\n }\n}\n\n@mixin modal-h2 {\n font-size: $lt-player-font-size-xxxl2;\n font-weight: $lt-player-font-weight-lg;\n margin-top: 0;\n margin-bottom: 16px;\n color: $default-lt-player-modal-color !important;\n}\n\n@mixin modal-h4 {\n font-size: $lt-player-font-size-xxl2;\n font-weight: $lt-player-font-weight-lg;\n margin-bottom: 0;\n margin-top: 16px;\n color: $default-lt-player-modal-color !important;\n}\n\n@mixin modal-b {\n display: block;\n font-size: $lt-player-font-size-base;\n margin-top: 16px;\n color: $default-lt-player-modal-color !important;\n}\n\n@mixin modal-p {\n font-weight: $lt-player-font-weight-sm;\n line-height: $lt-player-line-height;\n font-size: $lt-player-font-size-base;\n margin-bottom: 0;\n color: $default-lt-player-modal-color !important;\n}\n\n@mixin modal-img {\n max-width: 100%;\n height: auto;\n margin-bottom: 16px;\n}\n\n@mixin modal-text-color {\n color: $default-lt-player-modal-color !important;\n}\n\n@mixin modal-btn {\n @extend %lt-player-btn;\n @include yellow-btn;\n}\n\n.lt-player-portrate--mobile {\n &.lt-player--portrait {\n &__lg,\n &__md,\n &__sm,\n &__xs {\n .player-lt {\n &__modal-body {\n padding: 0;\n }\n }\n }\n\n &__xs {\n .player-lt {\n &__mobile {\n &__modal-content {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n b,\n strong,\n span {\n font-size: $lt-player-font-size-base;\n }\n }\n }\n }\n }\n }\n}\n\n.player-lt {\n &__mobile {\n transition: 0.4s;\n position: absolute;\n width: 100%;\n z-index: 30;\n left: 0;\n background: $default-lt-player-white;\n display: flex;\n flex-direction: column;\n padding: 0;\n height: 90%;\n border-radius: 10px 10px 0 0;\n\n &__modal-header {\n position: sticky;\n top: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: $default-lt-player-modal-header;\n min-height: 50px;\n padding: 0 16px;\n border-radius: 15px 15px 0 0;\n\n .player-lt__close-button {\n margin-bottom: 0;\n }\n\n .line-button {\n @extend %line-button;\n }\n }\n\n &__modal-content {\n color: $default-lt-button-color;\n text-align: left;\n overflow: auto;\n padding: 20px;\n font-family: $lt-font-family-base;\n\n button,\n a {\n @include modal-btn;\n }\n\n img {\n @include modal-img;\n }\n\n h2,\n h4,\n p {\n @include modal-text-color;\n }\n\n h1,\n h2 {\n @include modal-h2;\n }\n\n h3,\n h4,\n h5,\n h6 {\n @include modal-h4;\n }\n\n b,\n strong,\n span {\n @include modal-b;\n }\n\n p {\n @include modal-p;\n }\n }\n }\n\n &__modal {\n z-index: 9999;\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n\n @include modal-min-width {\n background-color: rgba(0, 0, 0, 0.5);\n }\n\n &__mobile {\n position: absolute;\n width: 100%;\n z-index: 50;\n left: 0;\n background: $default-lt-player-white;\n padding: 0 0 32px 0;\n bottom: 0;\n transition: .3s;\n max-height: 90%;\n overflow: auto;\n border-radius: 10px 10px 0 0;\n\n &__background {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n background: #27282A;\n opacity: 0.75;\n z-index: 10;\n }\n }\n }\n\n &__modal-content {\n word-break: break-word;\n z-index: 20;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: $default-lt-player-white;\n color: $default-lt-player-modal-color;\n border-radius: 0;\n font-family: $lt-font-family-base;\n width: 100%;\n max-height: calc(100% - 50px);\n overflow: auto;\n max-width: 620px;\n\n @include modal-max-width {\n max-height: unset;\n width: auto;\n height: 100%;\n position: unset;\n transform: unset;\n border: 1px solid $default-lt-span-color;\n border-radius: 0 0 0 30px;\n }\n\n .modal-flex {\n display: flex;\n align-items: end;\n gap: 24px;\n flex-wrap: wrap;\n\n img {\n max-width: 220px;\n margin-bottom: 0;\n flex: 50%;\n }\n\n h3 {\n flex: 50%;\n word-break: unset;\n }\n }\n\n &::-webkit-scrollbar-track {\n -webkit-box-shadow: transparent;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar {\n width: 10px;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #D9D9D9;\n }\n\n hr {\n margin: 24px 0;\n border-top: 1px solid $default-lt-button-other;\n }\n\n button,\n a {\n @include modal-btn;\n }\n\n img {\n @include modal-img;\n }\n\n h2,\n h4,\n p {\n @include modal-text-color;\n }\n\n h1,\n h2 {\n @include modal-h2;\n margin-bottom: 32px;\n }\n\n h3,\n h4,\n h5,\n h6, {\n @include modal-h4;\n margin-top: 0;\n }\n\n b,\n strong,\n span {\n @include modal-b;\n }\n\n p {\n @include modal-p;\n margin-top: 8px;\n margin-bottom: 32px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n\n &__modal-body {\n padding: 40px;\n\n @include modal-max-width {\n padding: 20px;\n }\n }\n\n &__close-button {\n z-index: 20;\n width: 24px;\n font-size: $lt-player-font-size-xxxl2 !important;\n line-height: 1;\n padding: 0;\n text-align: center;\n cursor: pointer;\n border-radius: 0.25rem;\n background-color: transparent;\n color: $default-lt-button-color;\n transition: color 0.12s ease-in-out;\n position: absolute;\n top: 40px;\n right: 40px;\n margin-top: 0 !important;\n\n @include modal-max-width {\n top: 20px;\n right: 20px;\n }\n }\n\n &__close-button:hover {\n color: #d75b4c;\n }\n}\n","@mixin center-position($top: $top, $left: $top) {\n position: absolute;\n top: $top;\n left: $top;\n transform: translate(-#{$top}, -#{$top});\n}\n\n@mixin flex-position($flex, $content, $align) {\n display: $flex;\n justify-content: $content;\n align-items: $align;\n}\n\n@mixin yellow-btn {\n color: $default-lt-button-color;\n background-color: $default_color_player;\n\n &:hover {\n color: $default-lt-button-color;\n background-color: darken($default_color_player, 10%);\n }\n\n &:active,\n &:focus {\n color: $default-lt-button-color;\n background-color: $default_color_player;\n }\n\n &:focus-visible,\n &:focus {\n outline: transparent;\n }\n}\n\n@mixin dark-btn {\n color: $default-lt-player-white;\n background-color: $default-lt-button-color;\n\n &:hover {\n color: $default-lt-player-white;\n background-color: lighten($default-lt-button-color, 10%);\n }\n\n &:active,\n &:focus {\n color: $default-lt-player-white;\n background-color: $default-lt-button-color;\n }\n\n &:focus-visible,\n &:focus {\n outline: transparent;\n }\n}\n\n@mixin white-btn {\n color: $default-lt-button-color;\n background-color: $default-lt-player-white;\n\n &:hover {\n color: $default-lt-button-color;\n background-color: darken($default-lt-player-white, 10%);\n }\n\n &:active,\n &:focus {\n color: $default-lt-button-color;\n background-color: $default-lt-player-white;\n }\n\n &:focus-visible,\n &:focus {\n outline: transparent;\n }\n}\n\n@mixin gray-btn {\n color: $default-lt-button-color;\n background-color: $default-lt-button-other;\n\n &:hover {\n color: $default-lt-button-color;\n background-color: darken($default-lt-button-other, 10%);\n }\n\n &:active,\n &:focus {\n color: $default-lt-button-color;\n background-color: $default-lt-button-other;\n }\n\n &:focus-visible,\n &:focus {\n outline: transparent;\n }\n}\n\n@mixin buttons-sm {\n padding: 8px 10px;\n}\n\n@mixin buttons-xxs {\n padding: 6px;\n\n img {\n width: 14px;\n height: 14px;\n min-width: 14px;\n min-height: 14px;\n }\n}\n\n@mixin buttons-xs {\n padding: 7px 7px;\n\n img {\n width: 16px;\n height: 16px;\n min-width: 16px;\n min-height: 16px;\n }\n}\n\n@mixin buttons-normal {\n padding: 8px 8px;\n\n img {\n width: 24px;\n height: 24px;\n min-width: 24px;\n min-height: 24px;\n }\n}\n\n@mixin line-clamp-2 {\n -webkit-line-clamp: 2;\n}\n\n@mixin line-clamp-3 {\n -webkit-line-clamp: 3;\n}\n\n@mixin line-clamp-4 {\n -webkit-line-clamp: 4;\n}\n","@import \"../abstracts/variables\";\n\n.lt-state-loader-active {\n .lt-player__poster {\n display: none;\n }\n\n .loader {\n display: inline-block;\n\n &__backdrop {\n display: block;\n }\n }\n}\n\n.loader {\n @include center-position(50%, 50%);\n display: none;\n width: 80px;\n height: 80px;\n\n &__backdrop {\n position: absolute;\n inset: 0;\n display: none;\n z-index: 2;\n background-color: rgb(0,0,0,0.2);\n }\n}\n\n.loader div {\n box-sizing: border-box;\n display: block;\n position: absolute;\n width: 64px;\n height: 64px;\n margin: 8px;\n border: 8px solid $default-lt-player-white;\n border-radius: 50%;\n animation: rotate 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n border-color: $default-lt-player-white transparent transparent transparent;\n}\n\n.loader div:nth-child(1) {\n animation-delay: -0.45s;\n}\n\n.loader div:nth-child(2) {\n animation-delay: -0.3s;\n}\n\n.loader div:nth-child(3) {\n animation-delay: -0.15s;\n}\n\n@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.lt-player-orientation--portrait {\n .loader {\n top: 35%;\n }\n}\n",".plyr--full-ui.plyr--video {\n input[type=range] {\n cursor: pointer;\n\n &:active {\n outline: unset;\n }\n\n &::-moz-range-progress {\n @extend %input-range--moz-range-progress;\n }\n\n &::-webkit-slider-runnable-track {\n @extend %input-range--webkit-slider-runnable-track;\n }\n\n &::-moz-range-track {\n @extend %input-range--moz-range-track;\n }\n\n &::-webkit-slider-thumb {\n @extend %input-range--webkit-slider-thumb;\n }\n\n &::-moz-range-thumb {\n @extend %input-range--moz-range-thumb;\n }\n\n &::-ms-thumb {\n @extend %input-range--ms-thumb;\n }\n }\n}","@import \"../abstracts/variables\";\n\n.plyr {\n .lt-player {\n &__preload-hide {\n opacity: 0 !important;\n }\n\n &__poster {\n position: absolute;\n inset: 0;\n color: $default-lt-player-white !important;\n z-index: $z_index_first;\n\n &__image-body {\n position:absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n opacity: 1;\n transition: all 0.2s ease-in-out;\n\n &--preload {\n opacity: 0;\n transition: all 0.2s ease-in-out;\n }\n }\n\n &__img {\n &--set-custom {\n object-fit: cover;\n width: 100%;\n height: 100%;\n }\n\n &__set-default {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 10;\n }\n }\n\n &--background {\n position: absolute;\n inset: 0;\n background-color: $default-lt-span-color;\n z-index: -1;\n }\n\n &__body {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 3;\n\n &:hover {\n .poster-paragraph {\n text-decoration: underline;\n }\n\n .content__footer {\n .poster-buttons {\n .poster-button-play,\n .poster-button-watch-now {\n color: $default-lt-button-color;\n background-color: darken($default_color_player, 10%);\n }\n }\n }\n }\n\n .content {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n z-index: 2;\n cursor: pointer;\n\n &__header {\n padding: 25px 25px 0;\n\n .poster-title {\n @extend %line-clamp-3;\n @include line-clamp-3;\n color: $default-lt-player-white;\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-xs;\n margin: 0;\n }\n }\n\n &__body {\n padding: 0 25px;\n\n .poster-paragraph {\n @extend %line-clamp-3;\n @include line-clamp-4;\n font-weight: $lt-player-font-weight-lg;\n font-size: $lt-player-font-size-base;\n line-height: $lt-player-line-height-default;\n margin: 8px 0;\n color: $default-lt-player-white;\n width: 70%;\n }\n }\n\n &__footer {\n margin-top: auto;\n padding: 0 25px 25px;\n\n .poster-buttons {\n display: flex;\n gap: 5px;\n\n .poster-button-play {\n @extend %lt-player-btn;\n @include yellow-btn;\n @include buttons-xxs;\n font-size: $lt-player-font-size-xs;\n }\n\n .poster-button-watch-now {\n @extend %lt-player-btn;\n @include yellow-btn;\n @include buttons-xs;\n padding: 0 16px;\n font-size: $lt-player-font-size-xs;\n font-weight: $lt-player-font-weight-xl;\n }\n\n .poster-lt-player-share {\n @extend %lt-player-btn;\n @include gray-btn;\n @include buttons-xxs;\n margin-left: auto;\n }\n }\n }\n }\n }\n }\n }\n}\n\n.lt-player-orientation--portrait {\n .plyr {\n .lt-player {\n &__poster {\n &__img {\n &--set-custom {\n // Delete this after review\n object-position: 90% 50%;\n }\n }\n\n &__body {\n .content {\n &__header {\n .poster-title {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-md;\n }\n }\n\n &__body {\n margin-top: auto;\n\n .poster-paragraph {\n font-size: $lt-player-font-size-xxl;\n line-height: $lt-player-line-height-default;\n margin-top: 12px;\n margin-bottom: 20px;\n width: 100%;\n text-decoration: underline;\n }\n }\n\n &__footer {\n margin-top: unset;\n\n .poster-buttons {\n .poster-button-play,\n .poster-button-watch-now,\n .poster-lt-player-share {\n @include buttons-normal;\n font-size: $lt-player-font-size-lg;\n font-weight: $lt-player-font-weight-lg;\n }\n\n .poster-button-watch-now {\n padding: 6px 16px;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 375px) {\n .lt-player-orientation--landscape {\n .lt-player {\n &__poster {\n &__body {\n .content {\n &__body {\n .poster-paragraph {\n width: 50%;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 479px) {\n .lt-player-orientation--landscape {\n .lt-player {\n &__poster {\n &__body {\n .content {\n &__header {\n padding: 25px 50px 0;\n\n .poster-title {\n font-weight: $lt-player-font-weight-xl;\n }\n }\n\n &__body {\n padding: 0 50px;\n\n .poster-paragraph {\n font-size: $lt-player-font-size-xl;\n margin: 25px 0 8px;\n width: 60%;\n }\n }\n\n &__footer {\n padding: 0 50px 25px;\n }\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 639px) {\n .lt-player-orientation--landscape {\n .lt-player {\n &__poster {\n &__body {\n .content {\n &__header {\n padding: 50px 50px 0;\n }\n\n &__body {\n .poster-paragraph {\n font-size: $lg-player-font-size-xxl3;\n margin: 25px 0 8px;\n width: 60%;\n }\n }\n\n &__footer {\n padding: 50px;\n\n .poster-buttons {\n .poster-button-play {\n @include buttons-normal;\n }\n\n .poster-button-watch-now {\n @include buttons-normal;\n padding: 0 16px;\n font-size: $lt-player-font-size-base;\n }\n\n .poster-lt-player-share {\n @include buttons-normal;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 759px) {\n .lt-player-orientation--landscape {\n .lt-player {\n &__poster {\n &__body {\n .content {\n &__body {\n .poster-paragraph {\n font-size: $lt-player-font-size-xxxl3;\n width: 60%;\n }\n }\n }\n }\n }\n }\n }\n}\n\n","@import \"../../abstracts/variables\";\n\n.plyr {\n .plyr__controls-enable-settings {\n opacity: 1;\n }\n .plyr__controls-enable-share {\n opacity: 1;\n }\n\n &__controls,\n &__controls-enable,\n &__controls-enable-settings {\n .top-controllers {\n width: 100%;\n padding: 10px 10px 0;\n margin-bottom: auto;\n\n button {\n @extend %lt-player-btn;\n @include dark-btn;\n @include buttons-xs;\n }\n\n &__background {\n position: absolute;\n width: 100%;\n left: 0;\n top: 0;\n height: 20%;\n background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));\n rotate: 180deg;\n display: none;\n }\n\n &__body {\n display: flex;\n justify-content: space-between;\n\n &__left,\n &__right {\n display: flex;\n flex-direction: column;\n flex: 0 0 12%;\n z-index: 5;\n }\n\n &__left {\n align-items: flex-start;\n }\n\n &__right {\n align-items: end;\n }\n\n &__center {\n flex: 1;\n width: 100%;\n word-break: break-word;\n\n .chapter {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-base;\n position: relative;\n z-index: 90;\n margin: 0;\n color: $default-lt-player-white !important;\n }\n }\n\n &__right {\n .mini-player-control {\n margin-top: 20px;\n }\n }\n }\n }\n }\n}\n\n.lt-player-orientation--portrait {\n .plyr {\n &__controls {\n .top-controllers {\n padding: 16px;\n }\n }\n }\n}\n\n// @Container Query\n\n@container portrait (width > 319px) {\n .lt-player-orientation--portrait {\n .plyr {\n &__controls {\n .top-controllers {\n padding: 20px 20px 0;\n\n &__body {\n &__center {\n .chapter {\n margin-top: 6px;\n }\n }\n }\n\n button {\n @include buttons-normal;\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 479px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__controls {\n .top-controllers {\n padding: 20px 20px 0;\n }\n }\n }\n }\n}\n\n@container landscape (width > 639px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__controls {\n .top-controllers {\n padding: 20px 40px 0;\n\n &__body {\n &__center {\n .chapter {\n font-size: $lt-player-font-size-lg;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 912px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__controls {\n .top-controllers {\n button {\n @include buttons-normal;\n }\n\n &__body {\n &__center {\n .chapter {\n font-size: $lt-player-font-size-xxl2;\n }\n }\n }\n }\n }\n }\n }\n}","@import \"../../abstracts/variables\";\n\n.plyr {\n &__progress {\n z-index: 9;\n\n &--wrapper {\n width: 100%;\n padding: 0 10px;\n display: none;\n }\n\n &--wrapper-enable {\n display: block;\n }\n }\n\n &__controls {\n .bottom-controller {\n display: none;\n justify-content: space-between;\n align-items: flex-end;\n padding: 15px 10px;\n width: 100%;\n max-width: 100%;\n\n button {\n @extend %lt-player-btn;\n @include dark-btn;\n @include buttons-xs;\n z-index: 10;\n flex: 0 0 auto;\n }\n\n &__left-buttons {\n margin-right: auto;\n justify-content: start;\n flex: 1;\n }\n\n &__left-buttons,\n &__center-buttons,\n &__right-buttons {\n display: flex;\n gap: 16px;\n align-items: flex-end;\n }\n\n &__right-buttons {\n margin-left: auto;\n justify-content: end;\n flex: 1;\n\n .plyr__controls_speed-button {\n width: 30px;\n height: 30px;\n background-color: $default-lt-player-blue;\n font-size: $lt-player-font-size-xs;\n font-weight: $lt-player-font-weight-md;\n\n &:hover {\n background-color: darken($default-lt-player-blue, 5%);\n }\n\n &:focus,\n &:active {\n background-color: $default-lt-player-blue;\n }\n\n span {\n font-size: $lt-player-font-size-xxs;\n }\n }\n }\n\n .skip-backward-seconds,\n .skip-forward-seconds {\n display: none;\n }\n\n &__previous-chapter-view-wrapper,\n &__next-chapter-view-wrapper {\n display: flex;\n gap: 16px;\n align-items: center;\n }\n\n &__previous-chapter-view,\n &__next-chapter-view {\n display: none;\n }\n\n &__previous-chapter-view {\n justify-content: flex-end;\n }\n\n &__next-chapter-view {\n justify-content: flex-start;\n }\n\n &__next-chapter-view,\n &__previous-chapter-view {\n display: none;\n align-items: flex-end;\n margin-top: 0;\n margin-bottom: 0;\n width: 90px;\n font-size: $lt-player-font-size-sm;\n font-weight: $lt-player-font-weight-sm;\n color: $default-lt-player-white !important;\n }\n\n &__background {\n position: absolute;\n width: 100%;\n left: 0;\n bottom: 0;\n height: 40%;\n background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));\n z-index: -1;\n }\n\n &__volume_control {\n display: none;\n }\n\n .mini-player-control {\n display: none;\n }\n\n &__play-button_body {\n position: relative;\n\n .play-button {\n @extend %lt-player-btn;\n @include yellow-btn;\n bottom: -5px;\n }\n }\n\n &__current {\n display: flex;\n justify-content: space-between;\n margin-left: -8px;\n margin-right: -8px;\n\n .plyr {\n &__time {\n font-size: $lt-player-font-size-xs;\n color: $default-lt-span-color;\n }\n }\n }\n\n .volume-control-enable {\n position: absolute;\n display: flex;\n height: 200px;\n justify-content: center;\n align-items: flex-end;\n background: $default-lt-player-white;\n z-index: 30;\n\n .volume_control {\n &__background {\n &__area {\n position: absolute;\n rotate: 270deg!important;\n bottom: 80px;\n max-width: 110px;\n min-width: 80px;\n width: 20%;\n\n .volume_control__background__area__range {\n color: $default-lt-button-color !important;\n min-width: 128px;\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n }\n\n .volume_control__background__area__range::-webkit-slider-runnable-track {\n @extend %input-range--webkit-slider-runnable-track;\n }\n\n .volume_control__background__area__range::-moz-range-track {\n @extend %input-range--moz-range-track;\n }\n\n .volume_control__background__area__range::-ms-track {\n @extend %input-range--ms-track;\n }\n\n .volume_control__background__area__range::-webkit-slider-thumb {\n @extend %input-range--webkit-slider-thumb;\n border-color: $default-lt-player-black;\n background: $default-lt-player-white;\n }\n\n .volume_control__background__area__range::-moz-range-thumb {\n @extend %input-range--moz-range-thumb;\n border-color: $default-lt-player-black;\n background: $default-lt-player-white;\n }\n\n .volume_control__background__area__range::-ms-thumb {\n @extend %input-range--ms-thumb;\n margin-top: 3px;\n border: 7px solid black;\n height: 20px;\n width: 20px;\n background: $default-lt-player-white;\n cursor: pointer;\n }\n\n .volume_control__background__area__range::-moz-range-progress {\n @extend %input-range--moz-range-progress;\n }\n }\n\n .volume_control__volume-button-close {\n bottom: 80px;\n background: $default-lt-player-white;\n display: flex;\n justify-content: center;\n align-items: center;\n border: none;\n }\n }\n }\n }\n }\n\n .bottom-controller-enable {\n display: flex;\n }\n }\n\n .fade-animation-controllers {\n .bottom-controller {\n opacity: 1 !important;\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n\n &__background {\n position: absolute;\n width: 100%;\n height: 160px;\n bottom: 0;\n right: 0;\n background: linear-gradient(transparent,rgba(0,0,0,.75))!important;\n background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)))!important;\n opacity: 1 !important;\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n }\n }\n\n .top-controllers {\n background: linear-gradient(transparent,rgba(0,0,0,.75))!important;\n background: var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)))!important;\n opacity: 1 !important;\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n }\n }\n}\n\n.lt-player-orientation--portrait {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 16px;\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 16px 20px;\n\n button {\n @include buttons-xs;\n }\n\n .play-button {\n padding: 12px;\n }\n\n &__left-buttons {\n margin-right: auto;\n flex: 0 0 40px;\n }\n\n &__right-buttons {\n margin-left: auto;\n flex: 0 0 40px;\n }\n\n &__center-buttons {\n justify-content: center;\n flex: 100;\n gap: 16px;\n }\n\n &__volume_control {\n display: flex;\n }\n }\n }\n }\n}\n\n.lt-player-orientation--landscape {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 $lt-player-padding-xxl / 2;\n\n .bottom-controller__current {\n display: none;\n }\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 $lt-player-padding-xxl / 2 15px $lt-player-padding-xxl / 2;\n }\n }\n }\n\n &:not(.lt-state-controls-visible) {\n .bottom-controller__background {\n display: none;\n }\n }\n}\n\n// @Container Query\n\n@container portrait (width > 319px) {\n .lt-player-orientation--portrait {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 20px;\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 20px 28px 20px;\n\n button {\n @include buttons-normal;\n }\n\n .play-button {\n padding: 16px;\n }\n }\n\n .plyr__controls_speed-button {\n width: 40px;\n height: 40px;\n\n span {\n font-size: $lt-player-font-size-sm;\n }\n }\n }\n }\n }\n}\n\n@container portrait (width > 374px) {\n .lt-player-orientation--portrait {\n .plyr {\n &__controls {\n .bottom-controller {\n &__center-buttons {\n gap: 32px;\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 479px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 $lt-player-padding-xxl / 2;\n\n .bottom-controller__current {\n display: flex;\n }\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 $lt-player-padding-xxl / 2 25px $lt-player-padding-xxl / 2;\n\n &__center-buttons {\n gap: 20px;\n }\n\n &__previous-chapter-view,\n &__next-chapter-view {\n display: flex;\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 639px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 $lt-player-padding-xxl;\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 $lt-player-padding-xxl 25px $lt-player-padding-xxl;\n\n &__left-buttons,\n &__right-buttons {\n gap: 10px;\n }\n\n &__center-buttons {\n gap: 16px;\n }\n\n &__volume_control {\n display: flex;\n left: 80px;\n }\n\n .mini-player-control {\n display: flex;\n }\n\n .skip-backward-seconds,\n .skip-forward-seconds {\n display: flex;\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 912px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__progress {\n &--wrapper {\n padding: 0 $lt-player-padding-xxl;\n }\n }\n\n &__controls {\n .bottom-controller {\n padding: 0 $lt-player-padding-xxl 28px $lt-player-padding-xxl;\n\n &__left-buttons,\n &__right-buttons {\n gap: 20px;\n }\n\n &__center-buttons {\n gap: 32px;\n }\n\n &__volume_control {\n left: 100px;\n }\n\n &__next-chapter-view,\n &__previous-chapter-view {\n font-size: $lt-player-font-size-lg2;\n }\n\n button {\n @include buttons-normal;\n }\n\n .play-button {\n padding: 16px;\n }\n }\n }\n }\n }\n}\n\n@container landscape (width > 1066px) {\n .lt-player-orientation--landscape {\n .plyr {\n &__controls {\n .bottom-controller {\n &__previous-chapter-view,\n &__next-chapter-view {\n display: flex;\n gap: 8px;\n }\n }\n }\n }\n }\n}\n",".plyr {\n .lt-player-mini-player-background {\n width: 100%;\n height: 100%;\n }\n\n .lt-player-mini-player-observe {\n min-height: 200px;\n max-height: 600px;\n height: auto;\n }\n\n .lt-player-mini-enable {\n position: fixed;\n z-index: 10000;\n bottom: 20px;\n right: 20px;\n opacity: 1;\n overflow: unset;\n\n .plyr__video-embed__container {\n transform: unset !important;\n position: unset !important;\n }\n }\n\n .lt-player-mini-2 {\n max-width: 344px;\n max-height: 194px;\n }\n\n .lt-player-mini-1 {\n max-width: 160px;\n max-height: 290px;\n }\n\n .lt-player-mini-player-background {\n z-index: 100;\n\n .logo {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n background: #cfd1d4;\n\n }\n }\n\n .lt-player-mini-player-controls-enable {\n opacity: 1!important;\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n }\n\n\n .lt-player-mini-player-controls {\n @extend %center-elements;\n position: absolute;\n z-index: 100;\n width: 100%;\n height: 100%;\n bottom: 0;\n right: 0;\n opacity: 0;\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n\n &__exit {\n @extend %lt-player-btn;\n @include dark-btn;\n position: absolute;\n top: -16px;\n right: -16px;\n padding: 5px;\n }\n\n &__play-button {\n @extend %lt-player-btn;\n @include yellow-btn;\n padding: 12px;\n }\n\n &__progress__seek {\n position: absolute;\n bottom: 0;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 0 !important;\n height: 6px !important;\n color: transparent !important;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border: 0px double transparent !important;\n height: 0px;\n width: 0px;\n border-radius: 20px;\n background: transparent!important;\n cursor: pointer;\n margin-top: 4px;\n box-shadow: transparent !important;\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n box-shadow: none !important;\n border: 0px double transparent !important;\n height: 0px;\n width: 0px;\n border-radius: 20px;\n background: transparent;\n cursor: pointer;\n }\n input[type=\"range\"]::-ms-thumb {\n box-shadow: none !important;\n border: 0px double transparent !important;\n height: 0px;\n width: 0px;\n border-radius: 20px;\n background: transparent !important;\n cursor: pointer;\n }\n input[type=range]::-webkit-slider-runnable-track {\n height: 8px;\n cursor: pointer;\n box-shadow: none !important;\n background: transparent !important;\n border-radius: 0px;\n border: 0px solid transparent !important;\n }\n input[type=range]:focus::-webkit-slider-runnable-track {\n background: transparent !important;\n }\n input[type=range]::-moz-range-track {\n height: 8px;\n cursor: pointer;\n box-shadow: none;\n background: transparent !important;\n border-radius: 0px;\n border: 0px solid transparent !important;\n }\n input[type=range]::-ms-track {\n height: 8px;\n cursor: pointer;\n background: transparent !important;\n border-color: transparent !important;\n border-width: 16px 0;\n color: transparent !important;\n }\n input[type=range]::-ms-fill-lower {\n background: transparent !important;\n border: 0px solid transparent !important;\n border-radius: 0px;\n box-shadow: none;\n }\n input[type=range]:focus::-ms-fill-lower {\n background: transparent !important;\n }\n input[type=range]::-ms-fill-upper {\n background: transparent !important;\n border: 0px solid transparent !important;\n border-radius: 0px;\n box-shadow: none;\n }\n input[type=range]:focus::-ms-fill-upper {\n background: transparent !important;\n }\n }\n}\n","@import \"../../abstracts/variables\";\n\n.lt-player-notification {\n width: 100%;\n\n &__notification-button-state {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n .player-state {\n opacity: 0;\n transition: all 0.8s ease-in-out;\n pointer-events: none;\n @extend %lt-player-btn;\n @include dark-btn;\n background: rgba(39, 40, 42, 0.5);\n padding: 16px;\n }\n\n .active {\n opacity: 1;\n transition: all 0.2s ease-in-out;\n }\n }\n\n .lt-player-video-content {\n text-align: left;\n display: none;\n padding: 0;\n width: 100%;\n user-select: none;\n align-items: end;\n\n .content__body {\n z-index: 2;\n width: 100%;\n }\n\n .poster-title {\n @extend %line-clamp-3;\n @include line-clamp-4;\n color: $default-lt-player-white !important;\n font-size: $lt-player-font-size-sm;\n font-weight: $lt-player-font-weight-lg;\n line-height: $lt-player-line-height;\n margin: 0;\n }\n\n .poster-paragraph {\n &__content {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n word-wrap: break-word;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: $lt-player-font-size-sm;\n font-weight: $lt-player-font-weight-sm;\n color: $default-lt-player-white !important;\n margin-bottom: 0;\n max-height: 50px;\n transition: max-height 0.3s ease-in-out;\n }\n\n .open-content {\n display: block;\n transition: max-height 0.3s ease-in-out;\n }\n }\n }\n\n .lt-player-video-content-enable {\n display: flex;\n }\n\n .poster-paragraph__button {\n background: none;\n box-shadow: none;\n padding: 0;\n border: none;\n margin: 0;\n text-decoration: none;\n font-size: $lt-player-font-size-xs;\n color: white;\n cursor: pointer;\n position: absolute;\n bottom: 144px;\n right: 96px;\n z-index: 8;\n }\n\n .lt-player-rewind-area,\n .lt-player-forward-area {\n touch-action: inherit !important;\n width: 50%;\n height: 100%;\n z-index: 4;\n position: absolute;\n top: 0;\n }\n\n .lt-player-forward-area {\n right: 0;\n }\n\n .lt-player-rewind-area {\n left: 0;\n }\n\n .lt-player-rewind,\n .lt-player-forward {\n width: 50%;\n top: 10%;\n display: flex;\n position: absolute;\n text-align: center;\n height: unset;\n bottom: 10%;\n\n &__icon-wrapper {\n display: flex;\n user-select: none;\n\n &.rotate {\n rotate: 180deg;\n }\n\n img {\n max-width: 20px;\n }\n }\n\n &__icon {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n color: rgba(255,255,255, 1);\n user-select: none;\n }\n\n span {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-sm;\n user-select: none;\n padding: 0 8px;\n }\n }\n\n .lt-player-rewind {\n left: 0;\n\n &__icon {\n flex-direction: row-reverse;\n\n &__portrait {\n margin: auto auto auto 45px;\n }\n\n &__landscape {\n margin: auto 60px auto auto;\n }\n }\n }\n\n .lt-player-forward {\n right: 0;\n\n &__icon {\n &__portrait {\n margin: auto 45px auto auto;\n }\n\n &__landscape {\n margin: auto auto auto 60px;\n }\n }\n }\n\n .lt-player-notify {\n transition: background 0.8s;\n //background: rgba(200,200,200,.4) radial-gradient(circle, transparent 1%, rgba(200,200,200,.4) 1%) center/15000%;\n opacity: 0;\n //opacity: 1;\n }\n\n .animate-in {\n opacity: 1;\n display: flex;\n animation: ripple 1s forwards;\n }\n}\n\n@keyframes ripple{\n 0% {\n //background-color: rgba(200,200,200,.4);\n //background-size: 100%;\n transition: background 0s;\n opacity:1;\n }\n 100% {\n //transition: background 6s;\n //background: rgba(200,200,200,.4) radial-gradient(circle, transparent 1%, rgba(200,200,200,.4) 1%) center/15000%;\n display: flex;\n opacity:0;\n }\n}\n@keyframes fadeInLeft {\n 0% {\n opacity: 1;\n transform: translateX(-20px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n@keyframes fadeInRight {\n 0% {\n opacity: 1;\n transform: translateX(0px);\n }\n 100% {\n opacity: 1;\n transform: translateX(-20px);\n }\n}\n\n.lt-player-orientation--portrait {\n .lt-player-notification {\n padding: 20px 20px 28px 20px;\n }\n}\n\n.lt-player-orientation--landscape {\n .lt-player-notification {\n padding: 0;\n }\n}\n\n@container portrait (width > 319px) {\n .lt-player-orientation--portrait {\n .lt-player-notification {\n .lt-player-video-content {\n .poster-title {\n @extend %line-clamp-3;\n @include line-clamp-3;\n font-size: $lt-player-font-size-xxl;\n }\n\n .poster-paragraph {\n &__content {\n font-size: $lt-player-font-size-base;\n }\n }\n }\n }\n }\n}\n","@import \"controllers/all\";\n\n.lt-player-portrait--desktop {\n &.lt-player--portrait {\n .plyr {\n &__controls-enable {\n transition-property: opacity, left, top, height;\n transition-duration: 1s, 3s;\n }\n }\n }\n}\n\n.plyr {\n .plyr--video, &__controls {\n touch-action: none!important;\n pointer-events: auto!important;\n opacity: 0;\n height: 100%;\n width: 100%;\n background: none!important;\n display: flex!important;\n flex-direction: column;\n position: relative;\n padding: 0!important;\n }\n\n &__controls {\n\n touch-action: inherit!important;\n\n &__mobile-background {\n touch-action: inherit!important;\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 9999;\n\n .lt-player-notification {\n .lt-player-rewind {\n height: 100%;\n top: 0;\n }\n\n .lt-player-rewind__icon__portrait {\n margin: auto auto auto 2rem;\n }\n\n .lt-player-forward {\n height: 100%;\n top: 0;\n }\n\n .lt-player-forward__icon__portrait {\n margin: auto 2rem auto auto;\n }\n }\n\n\n }\n\n &__shortcut-area {\n\n }\n }\n\n &__controls-enable {\n opacity: 1!important;\n }\n\n &__controls-enable-addInfo {\n opacity: 1!important;\n }\n}\n\n.plyr--video .plyr__controls {\n background: none!important;\n}\n\n.plyr .plyr__controls:not(:empty) ~ .plyr__captions {\n //opacity: 0;\n //bottom: 0;\n //top: 0;\n transform: unset!important;\n color: $default-lt-player-white !important;\n}\n\n.plyr .plyr__controls-enable:not(:empty) ~ .plyr__captions {\n //position: absolute !important;\n //top: 0;\n //bottom: 0;\n transform: unset!important;\n}\n\n.plyr .plyr__controls-enable-settings:not(:empty) ~ .plyr__captions {\n //position: absolute !important;\n //top: 0;\n //bottom: 0;\n transform: unset!important;\n}\n\n\n.plyr--video.plyr--hide-controls .plyr__controls {\n opacity: 0;\n pointer-events: none;\n transform: unset!important;\n}\n\n\n.plyr--video.plyr--hide-controls .plyr__controls-enable-settings .player-lt__modal__mobile-show-modal {\nopacity: 1!important;\npointer-events: none!important;\ntransform: none!important;\n}\n\n.plyr__time+.plyr__time:before {\ncontent: none!important;\n}\n\n.plyr__time + .plyr__time {\n display: flex !important;\n}\n","@import \"../abstracts/variables\";\n\n.lt-player-portrate--mobile {\n &.lt-player--portrait {\n &__xs {\n .lt-player {\n &__additional-info-mobile {\n gap: 0;\n\n button {\n @include buttons-xs;\n }\n }\n }\n }\n }\n}\n\n.lt-player {\n .plyr__controls-enable {\n .lt-player {\n &__additional-info-mobile {\n z-index: 5;\n }\n }\n }\n\n &__additional-info {\n width: 80px;\n align-items: end;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n gap: 32px;\n background: transparent;\n padding-bottom: 25px;\n z-index: 30;\n\n button {\n @extend %lt-player-btn;\n @include white-btn;\n }\n }\n\n &__additional-info-mobile,\n .lt-player__additional-info__is_set_in-side {\n align-items: end;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n gap: 16px;\n background: transparent;\n padding-bottom: 0;\n\n button {\n @extend %lt-player-btn;\n @include white-btn;\n background: transparent;\n\n &:focus,\n &:hover,\n &:active {\n background-color: unset;\n }\n\n img {\n -webkit-filter: brightness(0) invert(1);\n filter: brightness(0) invert(1);\n }\n }\n }\n}\n\n.lt-player-additional-info {\n display: none!important;\n}\n\n.lt-player-mobile-add-info-modal {\n position: fixed;\n bottom: 0;\n width: 100%;\n height: 100%;\n}\n\n.lt-state-fullscreen {\n .lt-player__additional-info,\n .lt-player__additional-info-mobile {\n display: none;\n }\n}","@import \"../abstracts/variables\";\n\n.lt-player-mobile-settings-modal {\n .settings-controllers {\n position: fixed;\n width: 100%;\n z-index: 10;\n left: 0;\n background: $default-lt-player-white;\n padding: 0 0 32px 0;\n bottom: 0;\n transition:.3s;\n\n .line-button {\n @extend %line-button;\n }\n\n .settings-text {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-sm;\n color: $default-lt-button-color !important;\n margin: 0;\n }\n }\n\n .settings-controllers-enable {\n position: absolute;\n width: 100%;\n z-index: 30;\n left: 0;\n background: $default-lt-player-white;\n border-radius: 0 0 0 30px;\n bottom: 0;\n display: flex;\n flex-direction: column;\n padding: 0 0 24px 0;\n\n &__speed-range {\n padding: 24px 24px 0 24px;\n align-items: center;\n color: $default-lt-player-black;\n display: flex;\n position: relative;\n\n .mobile {\n display: flex;\n width: 80%!important;\n }\n\n .speed-range-input-body {\n color: $default-lt-player-black;\n width: 65%;\n margin-left: auto;\n position: relative;\n\n button {\n color: #27282A;\n background-color: #D8D846;\n width: 16%;\n margin: 0 2px;\n }\n\n .button_active {\n background-color: #27282A;\n color: grey;\n }\n\n\n output {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-lg;\n color: $default-lt-player-blue;\n position: absolute;\n left: 50%;\n top: -20px;\n }\n\n .speed-range-input::-webkit-slider-thumb {\n @extend %input-range--webkit-slider-thumb;\n border: 7px solid $default-lt-player-blue;\n height: 20px;\n width: 20px;\n background: $default-lt-player-white;\n margin-top: -9.5px;\n }\n\n .speed-range-input::-moz-range-thumb {\n @extend %input-range--moz-range-thumb;\n color: $default-lt-player-white;\n box-shadow: none;\n border: 7px solid $default-lt-player-blue;\n background: $default-lt-player-white;\n }\n\n .speed-range-input::-ms-thumb {\n @extend %input-range--ms-thumb;\n margin-top: 3px;\n box-shadow: 1px 1px 1px $default-lt-player-white;\n border: 7px solid $default-lt-player-blue;\n height: 20px;\n width: 20px;\n background: $default-lt-player-white;\n }\n\n .speed-range-input {\n color: $default-lt-player-blue;\n height: 32px;\n cursor: pointer;\n width: 100%;\n appearance: none;\n }\n\n .speed-range-input::-webkit-slider-runnable-track {\n @extend %input-range--webkit-slider-runnable-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n }\n\n .speed-range-input::-moz-range-track {\n @extend %input-range--moz-range-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n\n }\n\n .speed-range-input::-ms-track {\n @extend %input-range--ms-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n }\n\n .speed-range-input::-moz-range-progress {\n @extend %input-range--moz-range-progress;\n height: 4px;\n }\n }\n }\n\n &__subtitles {\n display: flex;\n justify-content: space-between;\n padding: 16px 24px 0 24px;\n align-items: center;\n\n .subtitles-body__input-switch:checked + .subtitles-body__slider {\n background-color: $default_color_player;\n }\n\n .subtitles-body__input-switch:checked + .subtitles-body__slider::before {\n -webkit-transform: translateX(26px);\n -ms-transform: translateX(26px);\n transform: translateX(26px);\n }\n\n .subtitles-body {\n &__switch {\n z-index: 4;\n position: relative;\n display: inline-block;\n min-width: 60px;\n height: 34px;\n margin-left: 10px;\n }\n\n &__input-switch {\n opacity: 0;\n width: 0;\n height: 0;\n accent-color: #D8D846;\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n\n &__slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #E6E6E6;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n display: inline-block;\n margin-bottom: 0!important;\n margin-top: 0!important;\n }\n\n &__slider:focus {\n box-shadow: 0 0 1px #D8D846;\n }\n\n &__slider:before {\n width: 26px;\n height: 26px;\n background-color: $default-lt-player-white;\n position: absolute;\n content: \"\";\n left: 4px;\n bottom: 4px;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n }\n }\n }\n\n &__button-save {\n padding: 16px 24px 0 24px;\n color: black;\n display: flex;\n justify-content: left;\n\n .button-save {\n @extend %lt-player-btn;\n @include yellow-btn;\n padding: 12px 32px;\n }\n }\n\n &__exit-button {\n padding: 16px;\n\n span {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.2em;\n }\n\n span:hover {\n color: black;\n }\n }\n\n &__background {\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n background: #27282A;\n opacity: 0.75;\n z-index: 10;\n }\n }\n}\n\n.plyr {\n &__controls {\n .settings-controllers {\n position: absolute;\n width: 100%;\n z-index: 5;\n left: 0;\n background: $default-lt-player-white;\n border-radius: 0 0 0 30px;\n bottom: 0;\n opacity: 0;\n\n .line-button {\n @extend %line-button;\n }\n\n .settings-text {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-sm;\n color: $default-lt-button-color !important;\n margin: 0;\n }\n }\n\n .settings-controllers-enable {\n position: absolute;\n width: 100%;\n z-index: 30;\n left: 0;\n background: $default-lt-player-white;\n border-radius: 0 0 0 30px;\n bottom: 0;\n opacity: 1;\n display: flex;\n flex-direction: column;\n padding: 0 0 24px 0;\n border: 1px solid $default-lt-span-color;\n\n &__speed-range {\n padding: 24px 24px 0 24px;\n align-items: center;\n color: $default-lt-player-black;\n display: flex;\n position: relative;\n\n .mobile {\n display: flex;\n width: 80%!important;\n }\n\n .speed-range-input-body {\n color: $default-lt-player-black;\n width: 65%;\n margin-left: auto;\n position: relative;\n\n button {\n color: #27282A;\n background-color: #D8D846;\n width: 16%;\n margin: 0 2px;\n }\n\n .button_active {\n background-color: #27282A;\n color: grey;\n }\n\n\n output {\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-lg;\n color: $default-lt-player-blue;\n position: absolute;\n left: 50%;\n top: -20px;\n }\n\n .speed-range-input::-webkit-slider-thumb {\n @extend %input-range--webkit-slider-thumb;\n border: 7px solid $default-lt-player-blue;\n height: 20px;\n width: 20px;\n background: $default-lt-player-white;\n margin-top: -9.5px;\n }\n\n .speed-range-input::-moz-range-thumb {\n @extend %input-range--moz-range-thumb;\n color: $default-lt-player-white;\n box-shadow: none;\n border: 7px solid $default-lt-player-blue;\n background: $default-lt-player-white;\n }\n\n .speed-range-input::-ms-thumb {\n @extend %input-range--ms-thumb;\n margin-top: 3px;\n box-shadow: 1px 1px 1px $default-lt-player-white;\n border: 7px solid $default-lt-player-blue;\n height: 20px;\n width: 20px;\n background: $default-lt-player-white;\n }\n\n .speed-range-input {\n color: $default-lt-player-blue;\n height: 32px;\n cursor: pointer;\n }\n\n .speed-range-input::-webkit-slider-runnable-track {\n @extend %input-range--webkit-slider-runnable-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n }\n\n .speed-range-input::-moz-range-track {\n @extend %input-range--moz-range-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n\n }\n\n .speed-range-input::-ms-track {\n @extend %input-range--ms-track;\n color: $default-lt-player-blue;\n background: $default-lt-player-blue;\n }\n\n .speed-range-input::-moz-range-progress {\n @extend %input-range--moz-range-progress;\n height: 4px;\n }\n }\n }\n\n &__subtitles {\n display: flex;\n justify-content: space-between;\n padding: 16px 24px 0 24px;\n align-items: center;\n\n .subtitles-body__input-switch:checked + .subtitles-body__slider {\n background-color: $default_color_player;\n }\n\n .subtitles-body__input-switch:checked + .subtitles-body__slider::before {\n -webkit-transform: translateX(26px);\n -ms-transform: translateX(26px);\n transform: translateX(26px);\n }\n\n .subtitles-body {\n &__switch {\n z-index: 4;\n position: relative;\n display: inline-block;\n min-width: 60px;\n height: 34px;\n margin-left: 10px;\n }\n\n &__input-switch {\n opacity: 0;\n width: 0;\n height: 0;\n accent-color: #D8D846;\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n\n &__slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #E6E6E6;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n display: inline-block;\n margin-bottom: 0!important;\n margin-top: 0!important;\n }\n\n &__slider:focus {\n box-shadow: 0 0 1px #D8D846;\n }\n\n &__slider:before {\n width: 26px;\n height: 26px;\n background-color: $default-lt-player-white;\n position: absolute;\n content: \"\";\n left: 4px;\n bottom: 4px;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n }\n }\n }\n\n &__button-save {\n padding: 16px 24px 0 24px;\n color: black;\n display: flex;\n justify-content: left;\n\n .button-save {\n @extend %lt-player-btn;\n @include yellow-btn;\n padding: 12px 32px;\n }\n }\n\n &__exit-button {\n padding: 16px;\n\n span {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.2em;\n }\n\n span:hover {\n color: black;\n }\n }\n\n &__background {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n background: #27282A;\n opacity: 0.75;\n z-index: 10;\n }\n }\n }\n}\n\n.lt-player-orientation--landscape {\n .plyr {\n &__controls {\n .settings-controllers {\n transition: none;\n }\n\n .settings-controllers-enable {\n top: 50%;\n left: 50%;\n right: 0;\n bottom: 0;\n max-width: 345px;\n height: fit-content;\n transform: translate(-50%, -50%);\n transition: none;\n width: 100%;\n border-radius: 0;\n border: none;\n\n &__subtitles {\n padding: 16px 24px 0 24px;\n }\n\n .line-button {\n display: none;\n }\n }\n }\n }\n}",".lt-player-mobile-share-modal {\n .share-controller {\n .share-inactive {\n align-items: end;\n background: rgba(0, 0, 0, .3);\n -webkit-backdrop-filter: blur(14px);\n backdrop-filter: blur(14px);\n bottom: 0;\n color: $default-lt-player-white;\n display: flex;\n justify-content: center;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 9999999;\n\n .share-controller-content {\n background: $default-lt-player-white;\n padding: 0 28px 20px;\n text-align: center;\n width: 100%;\n\n .share-controller-mobile-modal-header {\n position: sticky;\n top: 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: transparent;\n padding: 0 16px;\n border-radius: 15px 15px 0 0;\n }\n\n .line-button {\n display: flex;\n width: 56px;\n height: 6px;\n background-color: $default-lt-line-button;\n margin: 6px auto 32px;\n cursor: pointer;\n visibility: visible;\n }\n\n .share-controller-frame {\n position: relative;\n\n .player-share-close-button {\n color: $default-lt-player-black;\n position: absolute;\n right: -20px;\n top: -20px;\n }\n }\n\n .share-controller-title,\n .share-controller-via {\n h3 {\n color: $default-lt-button-color;\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-lg;\n margin-top: 0;\n }\n }\n\n .share-controller-via {\n margin-bottom: 25px;\n }\n\n .share-controller-link-wrapper {\n @extend %center-elements;\n flex-flow: column wrap;\n gap: 20px;\n word-break: break-word;\n\n .share-controller-url {\n font-size: $lt-player-font-size-base;\n color: $default-lt-player-modal-color;\n font-weight: $lt-player-font-weight-sm;\n text-decoration: underline;\n cursor: pointer;\n max-width: 90%;\n }\n\n .share-controller-link {\n @extend %lt-player-btn;\n @include yellow-btn;\n color: $default-lt-button-color !important;\n max-width: 142px;\n width: 100%;\n }\n }\n\n .share-controller-hr {\n opacity: 0.3;\n margin: 20px 0;\n }\n\n .share-controller-icons {\n @extend %center-elements;\n gap: 15px;\n flex-wrap: wrap;\n\n div {\n display: none;\n }\n\n a {\n padding: 0;\n\n &:hover {\n .share-icon__icon {\n background-color: $default_color_player;\n }\n }\n\n .share-icon__icon {\n @extend %center-elements;\n width: 32px;\n height: 32px;\n max-width: 32px;\n max-height: 32px;\n background: $default-lt-button-color;\n }\n }\n }\n }\n }\n }\n}\n\n\n.plyr {\n .share-controller {\n .share-inactive {\n display: none;\n }\n\n .share-active {\n align-items: center;\n background: rgba(0, 0, 0, .3);\n -webkit-backdrop-filter: blur(14px);\n backdrop-filter: blur(14px);\n bottom: 0;\n color: $default-lt-player-white;\n display: flex;\n justify-content: center;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 99;\n\n .share-controller-content {\n background: $default-lt-player-white;\n padding: 0 28px 20px;\n text-align: center;\n width: 100%;\n max-width: 376px;\n\n .line-button {\n display: flex;\n width: 56px;\n height: 6px;\n background-color: $default-lt-line-button;\n margin: 6px auto 32px;\n cursor: pointer;\n visibility: hidden;\n }\n\n .share-controller-frame {\n position: relative;\n\n .player-share-close-button {\n color: $default-lt-player-black;\n position: absolute;\n right: -20px;\n top: -20px;\n }\n }\n\n .share-controller-title,\n .share-controller-via {\n h3 {\n color: $default-lt-button-color;\n font-size: $lt-player-font-size-base;\n font-weight: $lt-player-font-weight-lg;\n margin-top: 0;\n }\n }\n\n .share-controller-via {\n margin-bottom: 25px;\n }\n\n .share-controller-link-wrapper {\n @extend %center-elements;\n flex-flow: column wrap;\n gap: 20px;\n word-break: break-word;\n\n .share-controller-url {\n font-size: $lt-player-font-size-base;\n color: $default-lt-player-modal-color;\n font-weight: $lt-player-font-weight-sm;\n text-decoration: underline;\n cursor: pointer;\n max-width: 90%;\n }\n\n .share-controller-link {\n @extend %lt-player-btn;\n @include yellow-btn;\n color: $default-lt-button-color !important;\n max-width: 142px;\n width: 100%;\n }\n }\n\n .share-controller-hr {\n opacity: 0.3;\n margin: 20px 0;\n }\n\n .share-controller-icons {\n @extend %center-elements;\n gap: 15px;\n flex-wrap: wrap;\n\n div {\n display: none;\n }\n\n a {\n padding: 0;\n\n .share-icon__icon {\n @extend %center-elements;\n width: 32px;\n height: 32px;\n max-width: 32px;\n max-height: 32px;\n background: $default-lt-button-color;\n }\n }\n }\n }\n }\n }\n}\n",".plyr__caption {\n display: none;\n\n span {\n &:empty {\n display: none;\n }\n }\n}\n\n.lt-player-custom-captions {\n display: inline-block;\n background-color: rgba($default_color_player, 0.8);\n margin: 0 $lt-player-padding-xxl / 2 16px $lt-player-padding-xxl / 2;\n padding: 8px 12px;\n\n &:is(:not(span)) {\n padding: 0;\n }\n\n span {\n font-family: $lt-font-family-base;\n font-size: $lt-player-font-size-lg;\n line-height: $lt-player-line-height;\n font-weight: $lt-player-font-weight-md;\n color: $default-lt-player-black;\n white-space: unset;\n box-decoration-break: clone;\n padding: 0 16px;\n\n &:empty {\n padding: 0;\n }\n }\n}\n\n.lt-player-orientation--portrait {\n .lt-player-custom-captions {\n margin: 0 0 16px 0;\n }\n}\n\n.lt-player-orientation--landscape {\n .lt-player-custom-captions {\n span {\n font-size: $lt-player-font-size-sm;\n border-radius: 0;\n }\n }\n\n &.lt-state-controls-visible {\n .lt-player-custom-captions {\n display: none;\n }\n }\n}\n\n@container portrait (width < 319px) {\n .lt-player-custom-captions {\n span {\n font-size: $lt-player-font-size-sm;\n }\n }\n}\n\n@container landscape (width > 639px) {\n .lt-player-orientation--landscape {\n .lt-player-custom-captions {\n span {\n font-size: $lt-player-font-size-lg;\n }\n }\n\n &.lt-state-controls-visible {\n .lt-player-custom-captions {\n margin: 0 $lt-player-padding-xxl 16px $lt-player-padding-xxl;\n display: inline-block;\n }\n }\n }\n}\n","// --------------------------------------------------------------\n// Animations\n// --------------------------------------------------------------\n\n@keyframes plyr-progress {\n to {\n background-position: $plyr-progress-loading-size 0;\n }\n}\n\n@keyframes plyr-popup {\n 0% {\n opacity: 0.5;\n transform: translateY(10px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes plyr-fade-in {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n","// --------------------------------------------------------------\n// Base styling\n// --------------------------------------------------------------\n\n// Base\n.plyr {\n @include plyr-font-smoothing($plyr-font-smoothing);\n\n align-items: center;\n direction: ltr;\n display: flex;\n flex-direction: column;\n font-family: $plyr-font-family;\n font-variant-numeric: tabular-nums; // Force monosace-esque number widths\n font-weight: $plyr-font-weight-regular;\n line-height: $plyr-line-height;\n max-width: 100%;\n min-width: 200px;\n position: relative;\n text-shadow: none;\n transition: box-shadow 0.3s ease;\n z-index: 0; // Force any border radius\n\n // Media elements\n video,\n audio,\n iframe {\n display: block;\n height: 100%;\n width: 100%;\n }\n\n button {\n font: inherit;\n line-height: inherit;\n width: auto;\n }\n\n // Ignore focus\n &:focus {\n outline: 0;\n }\n}\n\n// border-box everything\n// http://paulirish.com/2012/box-sizing-border-box-ftw/\n@if $plyr-border-box {\n .plyr--full-ui {\n box-sizing: border-box;\n\n *,\n *::after,\n *::before {\n box-sizing: inherit;\n }\n }\n}\n\n// Fix 300ms delay\n@if $plyr-touch-action {\n .plyr--full-ui {\n a,\n button,\n input,\n label {\n touch-action: manipulation;\n }\n }\n}\n","// ==========================================================================\n// Mixins\n// ==========================================================================\n\n// Nicer focus styles\n// ---------------------------------------\n@mixin plyr-tab-focus($color: $plyr-tab-focus-color) {\n outline: $color dotted 3px;\n outline-offset: 2px;\n}\n\n// Font smoothing\n// ---------------------------------------\n@mixin plyr-font-smoothing($mode: true) {\n @if $mode {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n }\n}\n\n// <input type=\"range\"> styling\n// ---------------------------------------\n@mixin plyr-range-track() {\n background: transparent;\n border: 0;\n border-radius: calc(#{$plyr-range-track-height} / 2);\n height: $plyr-range-track-height;\n transition: box-shadow 0.3s ease;\n user-select: none;\n}\n\n@mixin plyr-range-thumb() {\n background: $plyr-range-thumb-background;\n border: 0;\n border-radius: 100%;\n box-shadow: $plyr-range-thumb-shadow;\n height: $plyr-range-thumb-height;\n position: relative;\n transition: all 0.2s ease;\n width: $plyr-range-thumb-height;\n}\n\n@mixin plyr-range-thumb-active($color) {\n box-shadow: $plyr-range-thumb-shadow, 0 0 0 $plyr-range-thumb-active-shadow-width $color;\n}\n\n// Fullscreen styles\n// ---------------------------------------\n@mixin plyr-fullscreen-active() {\n background: #000;\n border-radius: 0 !important;\n height: 100%;\n margin: 0;\n width: 100%;\n\n video {\n height: 100%;\n }\n\n // Display correct icon\n .plyr__control .icon--exit-fullscreen {\n display: block;\n\n + svg {\n display: none;\n }\n }\n\n // Hide cursor in fullscreen when controls hidden\n &.plyr--hide-controls {\n cursor: none;\n }\n\n // Large captions in full screen on larger screens\n @media (min-width: $plyr-bp-lg) {\n .plyr__captions {\n font-size: $plyr-font-size-captions-large;\n }\n }\n}\n","// ==========================================================================\n// Typography\n// ==========================================================================\n\n$plyr-font-family: var(--plyr-font-family, inherit) !default;\n$plyr-font-size-base: var(--plyr-font-size-base, 15px) !default;\n$plyr-font-size-small: var(--plyr-font-size-small, 13px) !default;\n$plyr-font-size-large: var(--plyr-font-size-large, 18px) !default;\n$plyr-font-size-xlarge: var(--plyr-font-size-xlarge, 21px) !default;\n$plyr-font-size-time: var(--plyr-font-size-time, $plyr-font-size-small) !default;\n$plyr-font-size-menu: var(--plyr-font-size-menu, $plyr-font-size-small) !default;\n$plyr-font-size-badge: var(--plyr-font-size-badge, 9px) !default;\n$plyr-font-weight-regular: var(--plyr-font-weight-regular, 400) !default;\n$plyr-font-weight-bold: var(--plyr-font-weight-bold, 600) !default;\n$plyr-line-height: var(--plyr-line-height, 1.7) !default;\n$plyr-font-smoothing: var(--plyr-font-smoothing, false) !default;\n","// --------------------------------------------------------------\n// Badges\n// --------------------------------------------------------------\n\n.plyr__badge {\n background: $plyr-badge-background;\n border-radius: $plyr-badge-border-radius;\n color: $plyr-badge-text-color;\n font-size: $plyr-font-size-badge;\n line-height: 1;\n padding: 3px 4px;\n}\n","// ==========================================================================\n// Badges\n// ==========================================================================\n\n$plyr-badge-background: var(--plyr-badge-background, $plyr-color-gray-700) !default;\n$plyr-badge-text-color: var(--plyr-badge-text-color, #fff) !default;\n$plyr-badge-border-radius: var(--plyr-badge-border-radius, 2px) !default;\n","// --------------------------------------------------------------\n// Captions\n// --------------------------------------------------------------\n\n// Hide default captions\n.plyr--full-ui ::-webkit-media-text-track-container {\n display: none;\n}\n\n.plyr__captions {\n animation: plyr-fade-in 0.3s ease;\n bottom: 0;\n display: none;\n font-size: $plyr-font-size-captions-small;\n left: 0;\n padding: $plyr-control-spacing;\n position: absolute;\n text-align: center;\n transition: transform 0.4s ease-in-out;\n width: 100%;\n\n span:empty {\n display: none;\n }\n\n @media (min-width: $plyr-bp-sm) {\n font-size: $plyr-font-size-captions-base;\n padding: calc(#{$plyr-control-spacing} * 2);\n }\n\n @media (min-width: $plyr-bp-md) {\n font-size: $plyr-font-size-captions-medium;\n }\n}\n\n.plyr--captions-active .plyr__captions {\n display: block;\n}\n\n// If the lower controls are shown and not empty\n.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {\n transform: translateY(calc(#{$plyr-control-spacing} * -4));\n}\n\n.plyr__caption {\n background: $plyr-captions-background;\n border-radius: 2px;\n box-decoration-break: clone;\n color: $plyr-captions-text-color;\n line-height: 185%;\n padding: 0.2em 0.5em;\n white-space: pre-wrap;\n\n // Firefox adds a <div> when using getCueAsHTML()\n div {\n display: inline;\n }\n}\n","// ==========================================================================\n// Controls\n// ==========================================================================\n\n$plyr-control-icon-size: var(--plyr-control-icon-size, 18px) !default;\n$plyr-control-spacing: var(--plyr-control-spacing, 10px) !default;\n$plyr-control-padding: calc(#{$plyr-control-spacing} * 0.7);\n$plyr-control-padding: var(--plyr-control-padding, $plyr-control-padding) !default;\n$plyr-control-radius: var(--plyr-control-radius, 3px) !default;\n$plyr-control-toggle-checked-background: var(\n --plyr-control-toggle-checked-background,\n var(--plyr-color-main, $plyr-color-main)\n) !default;\n$plyr-video-controls-background: var(\n --plyr-video-controls-background,\n linear-gradient(rgba(#000, 0), rgba(#000, 0.75))\n) !default;\n$plyr-video-control-color: var(--plyr-video-control-color, #fff) !default;\n$plyr-video-control-color-hover: var(--plyr-video-control-color-hover, #fff) !default;\n$plyr-video-control-background-hover: var(\n --plyr-video-control-background-hover,\n var(--plyr-color-main, $plyr-color-main)\n) !default;\n$plyr-audio-controls-background: var(--plyr-audio-controls-background, #fff) !default;\n$plyr-audio-control-color: var(--plyr-audio-control-color, $plyr-color-gray-700) !default;\n$plyr-audio-control-color-hover: var(--plyr-audio-control-color-hover, #fff) !default;\n$plyr-audio-control-background-hover: var(\n --plyr-audio-control-background-hover,\n var(--plyr-color-main, $plyr-color-main)\n) !default;\n","// ==========================================================================\n// Captions\n// ==========================================================================\n\n$plyr-captions-background: var(--plyr-captions-background, rgba(#000, 0.8)) !default;\n$plyr-captions-text-color: var(--plyr-captions-text-color, #fff) !default;\n$plyr-font-size-captions-base: $plyr-font-size-base !default;\n$plyr-font-size-captions-small: $plyr-font-size-small !default;\n$plyr-font-size-captions-medium: $plyr-font-size-large !default;\n$plyr-font-size-captions-large: $plyr-font-size-xlarge !default;\n","// --------------------------------------------------------------\n// Control buttons\n// --------------------------------------------------------------\n\n.plyr__control {\n background: transparent;\n border: 0;\n border-radius: $plyr-control-radius;\n color: inherit;\n cursor: pointer;\n flex-shrink: 0;\n overflow: visible; // IE11\n padding: $plyr-control-padding;\n position: relative;\n transition: all 0.3s ease;\n\n svg {\n display: block;\n fill: currentColor;\n height: $plyr-control-icon-size;\n pointer-events: none;\n width: $plyr-control-icon-size;\n }\n\n // Default focus\n &:focus {\n outline: 0;\n }\n\n // Tab focus\n &.plyr__tab-focus {\n @include plyr-tab-focus;\n }\n}\n\n// Remove any link styling\na.plyr__control {\n text-decoration: none;\n\n &::after,\n &::before {\n display: none;\n }\n}\n\n// Change icons on state change\n.plyr__control:not(.plyr__control--pressed) .icon--pressed,\n.plyr__control.plyr__control--pressed .icon--not-pressed,\n.plyr__control:not(.plyr__control--pressed) .label--pressed,\n.plyr__control.plyr__control--pressed .label--not-pressed {\n display: none;\n}\n","// --------------------------------------------------------------\n// Controls\n// --------------------------------------------------------------\n\n// Hide native controls\n.plyr--full-ui ::-webkit-media-controls {\n display: none;\n}\n\n// Playback controls\n.plyr__controls {\n align-items: center;\n display: flex;\n justify-content: flex-end;\n text-align: center;\n\n .plyr__progress__container {\n flex: 1;\n min-width: 0; // Fix for Edge issue where content would overflow\n }\n\n // Spacing\n .plyr__controls__item {\n margin-left: calc(#{$plyr-control-spacing} / 4);\n\n &:first-child {\n margin-left: 0;\n margin-right: auto;\n }\n\n &.plyr__progress__container {\n padding-left: calc(#{$plyr-control-spacing} / 4);\n }\n\n &.plyr__time {\n padding: 0 calc(#{$plyr-control-spacing} / 2);\n }\n\n &.plyr__progress__container:first-child,\n &.plyr__time:first-child,\n &.plyr__time + .plyr__time {\n padding-left: 0;\n }\n }\n\n // Hide empty controls\n &:empty {\n display: none;\n }\n}\n\n// Some options are hidden by default\n.plyr [data-plyr='captions'],\n.plyr [data-plyr='pip'],\n.plyr [data-plyr='airplay'],\n.plyr [data-plyr='fullscreen'] {\n display: none;\n}\n\n.plyr--captions-enabled [data-plyr='captions'],\n.plyr--pip-supported [data-plyr='pip'],\n.plyr--airplay-supported [data-plyr='airplay'],\n.plyr--fullscreen-enabled [data-plyr='fullscreen'] {\n display: inline-block;\n}\n","// --------------------------------------------------------------\n// Menus\n// --------------------------------------------------------------\n\n.plyr__menu {\n display: flex; // Edge fix\n position: relative;\n\n // Animate the icon\n .plyr__control svg {\n transition: transform 0.3s ease;\n }\n\n .plyr__control[aria-expanded='true'] {\n svg {\n transform: rotate(90deg);\n }\n\n // Hide tooltip\n .plyr__tooltip {\n display: none;\n }\n }\n\n // The actual menu container\n &__container {\n animation: plyr-popup 0.2s ease;\n background: $plyr-menu-background;\n border-radius: $plyr-menu-radius;\n bottom: 100%;\n box-shadow: $plyr-menu-shadow;\n color: $plyr-menu-color;\n font-size: $plyr-font-size-base;\n margin-bottom: 10px;\n position: absolute;\n right: -3px;\n text-align: left;\n white-space: nowrap;\n z-index: 3;\n\n > div {\n overflow: hidden;\n transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n // Arrow\n &::after {\n border: $plyr-menu-arrow-size solid transparent;\n border-top-color: $plyr-menu-background;\n content: '';\n height: 0;\n position: absolute;\n right: calc(((#{$plyr-control-icon-size} / 2) + #{$plyr-control-padding}) - (#{$plyr-menu-arrow-size} / 2));\n top: 100%;\n width: 0;\n }\n\n [role='menu'] {\n padding: $plyr-control-padding;\n }\n\n [role='menuitem'],\n [role='menuitemradio'] {\n margin-top: 2px;\n\n &:first-child {\n margin-top: 0;\n }\n }\n\n // Options\n .plyr__control {\n align-items: center;\n color: $plyr-menu-color;\n display: flex;\n font-size: $plyr-font-size-menu;\n padding: calc(#{$plyr-control-padding} / 1.5) calc(#{$plyr-control-padding} * 1.5);\n user-select: none;\n width: 100%;\n\n > span {\n align-items: inherit;\n display: flex;\n width: 100%;\n }\n\n &::after {\n border: $plyr-menu-item-arrow-size solid transparent;\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n\n &--forward {\n padding-right: calc(#{$plyr-control-padding} * 4);\n\n &::after {\n border-left-color: $plyr-menu-item-arrow-color;\n right: calc((#{$plyr-control-padding} * 1.5) - #{$plyr-menu-item-arrow-size});\n }\n\n &.plyr__tab-focus::after,\n &:hover::after {\n border-left-color: currentColor;\n }\n }\n\n &--back {\n font-weight: $plyr-font-weight-regular;\n margin: $plyr-control-padding;\n margin-bottom: calc(#{$plyr-control-padding} / 2);\n padding-left: calc(#{$plyr-control-padding} * 4);\n position: relative;\n width: calc(100% - (#{$plyr-control-padding} * 2));\n\n &::after {\n border-right-color: $plyr-menu-item-arrow-color;\n left: calc((#{$plyr-control-padding} * 1.5) - #{$plyr-menu-item-arrow-size});\n }\n\n &::before {\n background: $plyr-menu-back-border-color;\n box-shadow: 0 1px 0 $plyr-menu-back-border-shadow-color;\n content: '';\n height: 1px;\n left: 0;\n margin-top: calc(#{$plyr-control-padding} / 2);\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 100%;\n }\n\n &.plyr__tab-focus::after,\n &:hover::after {\n border-right-color: currentColor;\n }\n }\n }\n\n .plyr__control[role='menuitemradio'] {\n padding-left: $plyr-control-padding;\n\n &::before,\n &::after {\n border-radius: 100%;\n }\n\n &::before {\n background: rgba(#000, 0.1);\n content: '';\n display: block;\n flex-shrink: 0;\n height: 16px;\n margin-right: $plyr-control-spacing;\n transition: all 0.3s ease;\n width: 16px;\n }\n\n &::after {\n background: #fff;\n border: 0;\n height: 6px;\n left: 12px;\n opacity: 0;\n top: 50%;\n transform: translateY(-50%) scale(0);\n transition: transform 0.3s ease, opacity 0.3s ease;\n width: 6px;\n }\n\n &[aria-checked='true'] {\n &::before {\n background: $plyr-control-toggle-checked-background;\n }\n\n &::after {\n opacity: 1;\n transform: translateY(-50%) scale(1);\n }\n }\n\n &.plyr__tab-focus::before,\n &:hover::before {\n background: rgba($plyr-color-gray-900, 0.1);\n }\n }\n\n // Option value\n .plyr__menu__value {\n align-items: center;\n display: flex;\n margin-left: auto;\n margin-right: calc((#{$plyr-control-padding} - 2px) * -1);\n overflow: hidden;\n padding-left: calc(#{$plyr-control-padding} * 3.5);\n pointer-events: none;\n }\n }\n}\n","// ==========================================================================\n// Menus\n// ==========================================================================\n\n$plyr-menu-background: var(--plyr-menu-background, rgba(#fff, 0.9)) !default;\n$plyr-menu-radius: var(--plyr-menu-radius, 4px) !default;\n$plyr-menu-color: var(--plyr-menu-color, $plyr-color-gray-700) !default;\n$plyr-menu-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(#000, 0.15)) !default;\n$plyr-menu-arrow-size: var(--plyr-menu-arrow-size, 4px) !default;\n$plyr-menu-item-arrow-size: var(--plyr-menu-item-arrow-size, 4px) !default;\n$plyr-menu-item-arrow-color: var(--plyr-menu-arrow-color, $plyr-color-gray-500) !default;\n$plyr-menu-back-border-color: var(--plyr-menu-back-border-color, $plyr-color-gray-100) !default;\n$plyr-menu-back-border-shadow-color: var(--plyr-menu-back-border-shadow-color, #fff) !default;\n","// --------------------------------------------------------------\n// Slider inputs - <input type=\"range\">\n// --------------------------------------------------------------\n\n.plyr--full-ui input[type='range'] {\n appearance: none;\n background: transparent;\n border: 0;\n border-radius: calc(#{$plyr-range-thumb-height} * 2);\n\n // `color` property is used in JS to populate lower fill for WebKit\n color: $plyr-range-fill-background;\n display: block;\n height: calc((#{$plyr-range-thumb-active-shadow-width} * 2) + #{$plyr-range-thumb-height});\n margin: 0;\n min-width: 0;\n padding: 0;\n transition: box-shadow 0.3s ease;\n width: 100%;\n\n &::-webkit-slider-runnable-track {\n @include plyr-range-track;\n\n background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));\n }\n\n &::-webkit-slider-thumb {\n @include plyr-range-thumb;\n\n appearance: none;\n margin-top: calc(((#{$plyr-range-thumb-height} - #{$plyr-range-track-height}) / 2) * -1);\n }\n\n // Mozilla\n &::-moz-range-track {\n @include plyr-range-track;\n }\n\n &::-moz-range-thumb {\n @include plyr-range-thumb;\n }\n\n &::-moz-range-progress {\n background: currentColor;\n border-radius: calc(#{$plyr-range-track-height} / 2);\n height: $plyr-range-track-height;\n }\n\n // Microsoft\n &::-ms-track {\n @include plyr-range-track;\n\n color: transparent;\n }\n\n &::-ms-fill-upper {\n @include plyr-range-track;\n }\n\n &::-ms-fill-lower {\n @include plyr-range-track;\n\n background: currentColor;\n }\n\n &::-ms-thumb {\n @include plyr-range-thumb;\n\n // For some reason, Edge uses the -webkit margin above\n margin-top: 0;\n }\n\n &::-ms-tooltip {\n display: none;\n }\n\n // Focus styles\n &::-moz-focus-outer {\n border: 0;\n }\n\n &:focus {\n outline: 0;\n }\n\n &.plyr__tab-focus {\n &::-webkit-slider-runnable-track {\n @include plyr-tab-focus;\n }\n\n &::-moz-range-track {\n @include plyr-tab-focus;\n }\n\n &::-ms-track {\n @include plyr-tab-focus;\n }\n }\n}\n","// ==========================================================================\n// Sliders\n// ==========================================================================\n\n// Thumb\n$plyr-range-thumb-height: var(--plyr-range-thumb-height, 13px) !default;\n$plyr-range-thumb-background: var(--plyr-range-thumb-background, #fff) !default;\n$plyr-range-thumb-shadow: var(\n --plyr-range-thumb-shadow,\n 0 1px 1px rgba($plyr-color-gray-900, 0.15),\n 0 0 0 1px rgba($plyr-color-gray-900, 0.2)\n) !default;\n\n// Active state\n$plyr-range-thumb-active-shadow-width: var(--plyr-range-thumb-active-shadow-width, 3px) !default;\n\n// Track\n$plyr-range-track-height: var(--plyr-range-track-height, 5px) !default;\n\n// Fill\n$plyr-range-fill-background: var(--plyr-range-fill-background, var(--plyr-color-main, $plyr-color-main)) !default;\n\n// Type specific\n$plyr-video-range-track-background: var(\n --plyr-video-range-track-background,\n $plyr-video-progress-buffered-background\n) !default;\n$plyr-video-range-thumb-active-shadow-color: var(\n --plyr-audio-range-thumb-active-shadow-color,\n rgba(#fff, 0.5)\n) !default;\n$plyr-audio-range-track-background: var(\n --plyr-audio-range-track-background,\n $plyr-audio-progress-buffered-background\n) !default;\n$plyr-audio-range-thumb-active-shadow-color: var(\n --plyr-audio-range-thumb-active-shadow-color,\n rgba($plyr-color-gray-900, 0.1)\n) !default;\n","// --------------------------------------------------------------\n// Faux poster overlay\n// --------------------------------------------------------------\n\n.plyr__poster {\n background-color: var(--plyr-video-background, $plyr-video-background);\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-size: contain;\n height: 100%;\n left: 0;\n opacity: 0;\n position: absolute;\n top: 0;\n transition: opacity 0.2s ease;\n width: 100%;\n z-index: 1;\n}\n\n.plyr--stopped.plyr__poster-enabled .plyr__poster {\n opacity: 1;\n}\n\n// Allow interaction with YouTube controls while paused\n.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {\n display: none;\n}\n","// --------------------------------------------------------------\n// Time\n// --------------------------------------------------------------\n\n.plyr__time {\n font-size: $plyr-font-size-time;\n}\n\n// Media duration hidden on small screens\n.plyr__time + .plyr__time {\n // Add a slash in before\n &::before {\n content: '\\2044';\n margin-right: $plyr-control-spacing;\n }\n\n @media (max-width: ($plyr-bp-md - 1px)) {\n display: none;\n }\n}\n","/* stylelint-disable selector-max-compound-selectors */\n// --------------------------------------------------------------\n// Tooltips\n// --------------------------------------------------------------\n\n.plyr__tooltip {\n background: $plyr-tooltip-background;\n border-radius: $plyr-tooltip-radius;\n bottom: 100%;\n box-shadow: $plyr-tooltip-shadow;\n color: $plyr-tooltip-color;\n font-size: $plyr-font-size-small;\n font-weight: $plyr-font-weight-regular;\n left: 50%;\n line-height: 1.3;\n margin-bottom: calc(#{$plyr-tooltip-padding} * 2);\n opacity: 0;\n padding: $plyr-tooltip-padding calc(#{$plyr-tooltip-padding} * 1.5);\n pointer-events: none;\n position: absolute;\n transform: translate(-50%, 10px) scale(0.8);\n transform-origin: 50% 100%;\n transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;\n white-space: nowrap;\n z-index: 2;\n\n // The background triangle\n &::before {\n border-left: $plyr-tooltip-arrow-size solid transparent;\n border-right: $plyr-tooltip-arrow-size solid transparent;\n border-top: $plyr-tooltip-arrow-size solid $plyr-tooltip-background;\n bottom: calc(#{$plyr-tooltip-arrow-size} * -1);\n content: '';\n height: 0;\n left: 50%;\n position: absolute;\n transform: translateX(-50%);\n width: 0;\n z-index: 2;\n }\n}\n\n// Displaying\n.plyr .plyr__control:hover .plyr__tooltip,\n.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,\n.plyr__tooltip--visible {\n opacity: 1;\n transform: translate(-50%, 0) scale(1);\n}\n\n.plyr .plyr__control:hover .plyr__tooltip {\n z-index: 3;\n}\n\n// First tooltip\n.plyr__controls > .plyr__control:first-child .plyr__tooltip,\n.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {\n left: 0;\n transform: translate(0, 10px) scale(0.8);\n transform-origin: 0 100%;\n\n &::before {\n left: calc((#{$plyr-control-icon-size} / 2) + #{$plyr-control-padding});\n }\n}\n\n// Last tooltip\n.plyr__controls > .plyr__control:last-child .plyr__tooltip {\n left: auto;\n right: 0;\n transform: translate(0, 10px) scale(0.8);\n transform-origin: 100% 100%;\n\n &::before {\n left: auto;\n right: calc((#{$plyr-control-icon-size} / 2) + #{$plyr-control-padding});\n transform: translateX(50%);\n }\n}\n\n.plyr__controls > .plyr__control:first-child,\n.plyr__controls > .plyr__control:first-child + .plyr__control,\n.plyr__controls > .plyr__control:last-child {\n &:hover .plyr__tooltip,\n &.plyr__tab-focus .plyr__tooltip,\n .plyr__tooltip--visible {\n transform: translate(0, 0) scale(1);\n }\n}\n","// ==========================================================================\n// Tooltips\n// ==========================================================================\n\n$plyr-tooltip-background: var(--plyr-tooltip-background, rgba(#fff, 0.9)) !default;\n$plyr-tooltip-color: var(--plyr-tooltip-color, $plyr-color-gray-700) !default;\n$plyr-tooltip-padding: calc(#{$plyr-control-spacing} / 2);\n$plyr-tooltip-padding: var(--plyr-tooltip-padding, $plyr-tooltip-padding) !default;\n$plyr-tooltip-arrow-size: var(--plyr-tooltip-arrow-size, 4px) !default;\n$plyr-tooltip-radius: var(--plyr-tooltip-radius, 5px) !default;\n$plyr-tooltip-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15)) !default;\n","// --------------------------------------------------------------\n// Playback progress\n// --------------------------------------------------------------\n\n// Offset the range thumb in order to be able to calculate the relative progress (#954)\n$plyr-progress-offset: $plyr-range-thumb-height;\n\n.plyr__progress {\n left: calc(#{$plyr-progress-offset} * 0.5);\n margin-right: $plyr-progress-offset;\n position: relative;\n\n input[type='range'],\n &__buffer {\n margin-left: calc(#{$plyr-progress-offset} * -0.5);\n margin-right: calc(#{$plyr-progress-offset} * -0.5);\n width: calc(100% + #{$plyr-progress-offset});\n }\n\n input[type='range'] {\n position: relative;\n z-index: 2;\n }\n\n // Seek tooltip to show time\n .plyr__tooltip {\n left: 0;\n max-width: 120px;\n overflow-wrap: break-word;\n }\n}\n\n.plyr__progress__buffer {\n -webkit-appearance: none; /* stylelint-disable-line */\n background: transparent;\n border: 0;\n border-radius: 100px;\n height: $plyr-range-track-height;\n left: 0;\n margin-top: calc((#{$plyr-range-track-height} / 2) * -1);\n padding: 0;\n position: absolute;\n top: 50%;\n\n &::-webkit-progress-bar {\n background: transparent;\n }\n\n &::-webkit-progress-value {\n background: currentColor;\n border-radius: 100px;\n min-width: $plyr-range-track-height;\n transition: width 0.2s ease;\n }\n\n // Mozilla\n &::-moz-progress-bar {\n background: currentColor;\n border-radius: 100px;\n min-width: $plyr-range-track-height;\n transition: width 0.2s ease;\n }\n\n // Microsoft\n &::-ms-fill {\n border-radius: 100px;\n transition: width 0.2s ease;\n }\n}\n\n// Loading state\n.plyr--loading .plyr__progress__buffer {\n animation: plyr-progress 1s linear infinite;\n background-image: linear-gradient(\n -45deg,\n $plyr-progress-loading-background 25%,\n transparent 25%,\n transparent 50%,\n $plyr-progress-loading-background 50%,\n $plyr-progress-loading-background 75%,\n transparent 75%,\n transparent\n );\n background-repeat: repeat-x;\n background-size: $plyr-progress-loading-size $plyr-progress-loading-size;\n color: transparent;\n}\n\n.plyr--video.plyr--loading .plyr__progress__buffer {\n background-color: $plyr-video-progress-buffered-background;\n}\n\n.plyr--audio.plyr--loading .plyr__progress__buffer {\n background-color: $plyr-audio-progress-buffered-background;\n}\n\n// Markers\n.plyr__progress__marker {\n background-color: $plyr-progress-marker-background;\n border-radius: 1px;\n height: $plyr-range-track-height;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: $plyr-progress-marker-width;\n z-index: 3;\n}\n","// ==========================================================================\n// Progress\n// ==========================================================================\n\n// Loading\n$plyr-progress-loading-size: var(--plyr-progress-loading-size, 25px) !default;\n$plyr-progress-loading-background: var(--plyr-progress-loading-background, rgba($plyr-color-gray-900, 0.6)) !default;\n\n// Markers\n$plyr-progress-marker-background: var(--plyr-progress-marker-background, #fff) !default;\n$plyr-progress-marker-width: var(--plyr-progress-marker-width, 3px) !default;\n\n// Buffered\n$plyr-video-progress-buffered-background: var(--plyr-video-progress-buffered-background, rgba(#fff, 0.25)) !default;\n$plyr-audio-progress-buffered-background: var(\n --plyr-audio-progress-buffered-background,\n rgba($plyr-color-gray-200, 0.6)\n) !default;\n","// --------------------------------------------------------------\n// Volume\n// --------------------------------------------------------------\n\n.plyr__volume {\n align-items: center;\n display: flex;\n max-width: 110px;\n min-width: 80px;\n position: relative;\n width: 20%;\n\n input[type='range'] {\n margin-left: calc(#{$plyr-control-spacing} / 2);\n margin-right: calc(#{$plyr-control-spacing} / 2);\n position: relative;\n z-index: 2;\n }\n}\n\n// Auto size on iOS as there's no slider\n.plyr--is-ios .plyr__volume {\n min-width: 0;\n width: auto;\n}\n","// --------------------------------------------------------------\n// Audio styles\n// --------------------------------------------------------------\n\n// Container\n.plyr--audio {\n display: block;\n}\n\n// Controls container\n.plyr--audio .plyr__controls {\n background: $plyr-audio-controls-background;\n border-radius: inherit;\n color: $plyr-audio-control-color;\n padding: $plyr-control-spacing;\n}\n\n// Control elements\n.plyr--audio .plyr__control {\n &.plyr__tab-focus,\n &:hover,\n &[aria-expanded='true'] {\n background: $plyr-audio-control-background-hover;\n color: $plyr-audio-control-color-hover;\n }\n}\n\n// Range inputs\n.plyr--full-ui.plyr--audio input[type='range'] {\n &::-webkit-slider-runnable-track {\n background-color: $plyr-audio-range-track-background;\n }\n\n &::-moz-range-track {\n background-color: $plyr-audio-range-track-background;\n }\n\n &::-ms-track {\n background-color: $plyr-audio-range-track-background;\n }\n\n // Pressed styles\n &:active {\n &::-webkit-slider-thumb {\n @include plyr-range-thumb-active($plyr-audio-range-thumb-active-shadow-color);\n }\n\n &::-moz-range-thumb {\n @include plyr-range-thumb-active($plyr-audio-range-thumb-active-shadow-color);\n }\n\n &::-ms-thumb {\n @include plyr-range-thumb-active($plyr-audio-range-thumb-active-shadow-color);\n }\n }\n}\n\n// Progress\n.plyr--audio .plyr__progress__buffer {\n color: $plyr-audio-progress-buffered-background;\n}\n","// --------------------------------------------------------------\n// Video styles\n// --------------------------------------------------------------\n\n@use 'sass:math';\n\n// Container\n.plyr--video {\n background: var(--plyr-video-background, $plyr-video-background);\n overflow: hidden;\n\n &.plyr--menu-open {\n overflow: visible;\n }\n}\n\n.plyr__video-wrapper {\n background: var(--plyr-video-background, $plyr-video-background);\n height: 100%;\n margin: auto;\n overflow: hidden;\n position: relative;\n width: 100%;\n}\n\n// Default to 16:9 ratio but this is set by JavaScript based on config\n$embed-padding: (math.div(100, 16) * 9);\n\n.plyr__video-embed,\n.plyr__video-wrapper--fixed-ratio {\n @supports not (aspect-ratio: 16 / 9) {\n height: 0;\n padding-bottom: to-percentage($embed-padding);\n position: relative;\n }\n\n aspect-ratio: 16 / 9;\n}\n\n.plyr__video-embed iframe,\n.plyr__video-wrapper--fixed-ratio video {\n border: 0;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n}\n\n// For Vimeo, if the full custom UI is supported\n.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {\n $height: 240;\n $offset: to-percentage(math.div($height - $embed-padding, math.div($height, 50)));\n\n padding-bottom: to-percentage($height);\n position: relative;\n transform: translateY(-$offset);\n}\n\n// Controls container\n.plyr--video .plyr__controls {\n background: $plyr-video-controls-background;\n border-bottom-left-radius: inherit;\n border-bottom-right-radius: inherit;\n bottom: 0;\n color: $plyr-video-control-color;\n left: 0;\n padding: calc(#{$plyr-control-spacing} / 2);\n padding-top: calc(#{$plyr-control-spacing} * 2);\n position: absolute;\n right: 0;\n transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;\n z-index: 3;\n\n @media (min-width: $plyr-bp-sm) {\n padding: $plyr-control-spacing;\n padding-top: calc(#{$plyr-control-spacing} * 3.5);\n }\n}\n\n// Hide controls\n.plyr--video.plyr--hide-controls .plyr__controls {\n opacity: 0;\n pointer-events: none;\n transform: translateY(100%);\n}\n\n// Control elements\n.plyr--video .plyr__control {\n // Hover and tab focus\n &.plyr__tab-focus,\n &:hover,\n &[aria-expanded='true'] {\n background: $plyr-video-control-background-hover;\n color: $plyr-video-control-color-hover;\n }\n}\n\n// Large play button (video only)\n.plyr__control--overlaid {\n background: $plyr-video-control-background-hover;\n border: 0;\n border-radius: 100%;\n color: $plyr-video-control-color;\n display: none;\n left: 50%;\n opacity: 0.9;\n padding: calc(#{$plyr-control-spacing} * 1.5);\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n transition: 0.3s;\n z-index: 2;\n\n // Offset icon to make the play button look right\n svg {\n left: 2px;\n position: relative;\n }\n\n &:hover,\n &:focus {\n opacity: 1;\n }\n}\n\n.plyr--playing .plyr__control--overlaid {\n opacity: 0;\n visibility: hidden;\n}\n\n.plyr--full-ui.plyr--video .plyr__control--overlaid {\n display: block;\n}\n\n// Video range inputs\n.plyr--full-ui.plyr--video input[type='range'] {\n &::-webkit-slider-runnable-track {\n background-color: $plyr-video-range-track-background;\n }\n\n &::-moz-range-track {\n background-color: $plyr-video-range-track-background;\n }\n\n &::-ms-track {\n background-color: $plyr-video-range-track-background;\n }\n\n // Pressed styles\n &:active {\n &::-webkit-slider-thumb {\n @include plyr-range-thumb-active($plyr-video-range-thumb-active-shadow-color);\n }\n\n &::-moz-range-thumb {\n @include plyr-range-thumb-active($plyr-video-range-thumb-active-shadow-color);\n }\n\n &::-ms-thumb {\n @include plyr-range-thumb-active($plyr-video-range-thumb-active-shadow-color);\n }\n }\n}\n\n// Progress\n.plyr--video .plyr__progress__buffer {\n color: $plyr-video-progress-buffered-background;\n}\n","// --------------------------------------------------------------\n// Fullscreen\n// --------------------------------------------------------------\n\n.plyr:fullscreen {\n @include plyr-fullscreen-active;\n}\n\n// Fallback for unsupported browsers\n.plyr--fullscreen-fallback {\n @include plyr-fullscreen-active;\n\n bottom: 0;\n display: block;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 10000000;\n}\n","// ==========================================================================\n// Advertisements\n// ==========================================================================\n\n.plyr__ads {\n border-radius: inherit;\n bottom: 0;\n cursor: pointer;\n left: 0;\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 0;\n z-index: -1; // Hide it by default\n\n // Make sure the inner container is big enough for the ad creative.\n > div,\n > div iframe {\n height: 100%;\n position: absolute;\n width: 100%;\n }\n\n // The countdown label\n &::after {\n background: $plyr-color-gray-900;\n border-radius: 2px;\n bottom: $plyr-control-spacing;\n color: #fff;\n content: attr(data-badge-text);\n font-size: 11px;\n padding: 2px 6px;\n pointer-events: none;\n position: absolute;\n right: $plyr-control-spacing;\n z-index: 3;\n }\n\n &:empty::after {\n display: none;\n }\n}\n\n// Advertisement cue's for the progress bar\n.plyr__cues {\n background: currentColor;\n display: block;\n height: $plyr-range-track-height;\n left: 0;\n opacity: 0.8;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 3px;\n z-index: 3; // Between progress and thumb\n}\n","// ==========================================================================\n// Colors\n// ==========================================================================\n\n$plyr-color-main: var(--plyr-color-main, hsl(198deg 100% 50%)) !default;\n$plyr-video-background: var(--plyr-video-background, rgb(0 0 0 / 100%)) !default;\n\n// Grayscale\n$plyr-color-gray-900: hsl(216deg 15% 16%) !default;\n$plyr-color-gray-800: hsl(216deg 15% 25%) !default;\n$plyr-color-gray-700: hsl(216deg 15% 34%) !default;\n$plyr-color-gray-600: hsl(216deg 15% 43%) !default;\n$plyr-color-gray-500: hsl(216deg 15% 52%) !default;\n$plyr-color-gray-400: hsl(216deg 15% 61%) !default;\n$plyr-color-gray-300: hsl(216deg 15% 70%) !default;\n$plyr-color-gray-200: hsl(216deg 15% 79%) !default;\n$plyr-color-gray-100: hsl(216deg 15% 88%) !default;\n$plyr-color-gray-50: hsl(216deg 15% 97%) !default;\n","// --------------------------------------------------------------\n// Preview Thumbnails\n// --------------------------------------------------------------\n\n@import './settings';\n\n.plyr__preview-thumb {\n background-color: $plyr-preview-background;\n border-radius: $plyr-preview-radius;\n bottom: 100%;\n box-shadow: $plyr-preview-shadow;\n margin-bottom: calc(#{$plyr-preview-padding} * 2);\n opacity: 0;\n padding: 3px;\n pointer-events: none;\n position: absolute;\n transform: translate(0, 10px) scale(0.8);\n transform-origin: 50% 100%;\n transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;\n z-index: 2;\n\n &--is-shown {\n opacity: 1;\n transform: translate(0, 0) scale(1);\n }\n\n // The background triangle\n &::before {\n border-left: $plyr-preview-arrow-size solid transparent;\n border-right: $plyr-preview-arrow-size solid transparent;\n border-top: $plyr-preview-arrow-size solid $plyr-preview-background;\n bottom: calc(#{$plyr-preview-arrow-size} * -1);\n content: '';\n height: 0;\n left: calc(50% + var(--preview-arrow-offset));\n position: absolute;\n transform: translateX(-50%);\n width: 0;\n z-index: 2;\n }\n\n &__image-container {\n background: $plyr-preview-image-background;\n border-radius: calc(#{$plyr-preview-radius} - 1px);\n overflow: hidden;\n position: relative;\n z-index: 0;\n\n img,\n &::after {\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &::after {\n border-radius: inherit;\n box-shadow: inset 0 0 0 1px rgba(#000, 15%);\n content: '';\n pointer-events: none;\n }\n\n img {\n // Non sprite images are 100%. Sprites will have their size applied by JavaScript\n max-height: none;\n max-width: none;\n }\n }\n\n // Seek time text\n &__time-container {\n background: $plyr-preview-time-container-background;\n border-bottom-left-radius: calc(#{$plyr-preview-radius} - 1px);\n border-bottom-right-radius: calc(#{$plyr-preview-radius} - 1px);\n bottom: 0;\n left: 0;\n line-height: 1.1;\n padding: $plyr-preview-time-container-padding;\n position: absolute;\n right: 0;\n z-index: 3;\n\n span {\n color: $plyr-preview-time-color;\n font-size: $plyr-preview-time-font-size;\n }\n }\n}\n\n.plyr__preview-scrubbing {\n bottom: 0;\n filter: blur(1px);\n height: 100%;\n left: 0;\n margin: auto; // Required when video is different dimensions to container (e.g. fullscreen)\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n transition: opacity 0.3s ease;\n width: 100%;\n z-index: 1;\n\n &--is-shown {\n opacity: 1;\n }\n\n img {\n height: 100%;\n left: 0;\n max-height: none;\n max-width: none;\n object-fit: contain;\n position: absolute;\n top: 0;\n width: 100%;\n }\n}\n","// --------------------------------------------------------------\n// Preview Thumbnails\n// --------------------------------------------------------------\n\n$plyr-preview-padding: $plyr-tooltip-padding !default;\n$plyr-preview-background: $plyr-tooltip-background !default;\n$plyr-preview-radius: $plyr-tooltip-radius !default;\n$plyr-preview-shadow: $plyr-tooltip-shadow !default;\n$plyr-preview-arrow-size: $plyr-tooltip-arrow-size !default;\n$plyr-preview-image-background: $plyr-color-gray-200 !default;\n$plyr-preview-time-container-background: var(\n --plyr-video-controls-background,\n linear-gradient(rgba(#000, 0), rgba(#000, 0.75))\n) !default;\n$plyr-preview-time-container-padding: 20px 6px 6px !default;\n$plyr-preview-time-color: #fff;\n$plyr-preview-time-font-size: $plyr-font-size-time !default;\n","// --------------------------------------------------------------\n// Animation utils\n// --------------------------------------------------------------\n\n.plyr--no-transition {\n transition: none !important;\n}\n","// --------------------------------------------------------------\n// Hiding content nicely\n// --------------------------------------------------------------\n\n// Screen reader only elements\n.plyr__sr-only {\n clip: rect(1px, 1px, 1px, 1px);\n overflow: hidden;\n\n // !important is not always needed\n @if $plyr-sr-only-important {\n border: 0 !important;\n height: 1px !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n } @else {\n border: 0;\n height: 1px;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n}\n\n.plyr [hidden] {\n display: none !important;\n}\n"],"names":[],"sourceRoot":""}
|