{"version":3,"sources":["lite-yt-embed.scss"],"names":[],"mappings":"AAGA,aACI,qBAAA,CACA,iBAAA,CACA,cAAA,CACA,4BAAA,CACA,wBAAA,CAGJ,2EAII,aAAA,CAGJ,kCACI,sBAAA,CACA,uBAAA,CAEJ,kCACI,sBAAA,CACA,uBAAA,CAEJ,kCACI,sBAAA,CACA,uBAAA,CAEJ,kCACI,sBAAA,CACA,uBAAA,CAEJ,mCACI,uBAAA,CACA,uBAAA,CAEJ,kCACI,sBAAA,CACA,uBAAA,CAEJ,kCACI,sBAAA,CACA,uBAAA,CAEJ,kCACI,sBAAA,CACA,uBAAA,CAEJ,kCACI,sBAAA,CACA,uBAAA,CAGJ,6DAEI,qBAAA,CAGJ,iHAGI,UAAA,CACA,aAAA,CAGJ,sCACI,qBAAA,CAGJ,+BACI,UAAA,CACA,0BAAA,CACA,2BAAA,CACA,4BAAA,CAGJ,qCACI,8BAAA,CAGJ,qCACI,kBAAA,CAIJ,qBACI,UAAA,CACA,aAAA,CACA,iBAAA,CACA,UAAA,CACA,KAAA,CACA,wRAAA,CACA,uBAAA,CACA,0BAAA,CACA,WAAA,CAEA,UAAA,CACA,qDAAA,CAAA,6CAAA,CAGJ,oBACI,UAAA,CACA,WAAA,CACA,iBAAA,CACA,UAAA,CACA,KAAA,CACA,MAAA,CAIJ,0BACI,UAAA,CACA,WAAA,CACA,iBAAA,CACA,4CAAA,CAAA,oCAAA,CACA,OAAA,CACA,QAAA,CACA,UAAA,CAEA,2hBAAA,CACA,8BAAA,CAAA,sBAAA,CACA,gEAAA,CAAA,wDAAA,CAAA,gDAAA,CAAA,+FAAA,CAGJ,gCACI,mBAAA,CAAA,WAAA,CAIJ,2BACI,YAAA,CAEJ,2EAEI,SAAA,CACA,mBAAA,CAGJ,oCACI,iBAAA,CACA,MAAA,CACA,KAAA,CACA,OAAA,CACA,QAAA,CACA,SAAA,CACA,QAAA,CACA,SAAA,CACA,eAAA,CAGJ,kCACI,iBAAA,CACA,QAAA,CACA,OAAA,CACA,uCAAA,CAAA,+BAAA,CACA,UAAA,CACA,mBAAA,CAAA,gBAAA,CACA,yBAAA,CAAA,sBAAA,CACA,cAAA,CACA,WAAA,CAGJ,oDACI,WAAA,CAGJ,iCACI,iBAAA,CACA,UAAA,CACA,SAAA,CACA,KAAA,CACA,UAAA,CACA,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,cAAA,CAQI,oEACI,YAAA","file":"frontend.css","sourcesContent":["/**\n * @link https://css-tricks.com/centering-css-complete-guide\n */\nlite-youtube {\n    background-color: #000;\n    position: relative;\n    cursor: pointer;\n    max-width: inherit !important;\n    margin: 20px 0 !important;\n}\n\nlite-youtube,\nlite-youtube__button,\nlite-youtube__preview,\nlite-youtube__name {\n    display: block;\n}\n\nlite-youtube.lite-youtube_420x236 {\n    width: 420px !important;\n    height: 236px !important;\n}\nlite-youtube.lite-youtube_560x315 {\n    width: 560px !important;\n    height: 315px !important;\n}\nlite-youtube.lite-youtube_640x360 {\n    width: 640px !important;\n    height: 360px !important;\n}\nlite-youtube.lite-youtube_853x480 {\n    width: 853px !important;\n    height: 480px !important;\n}\nlite-youtube.lite-youtube_1280x720 {\n    width: 1280px !important;\n    height: 720px !important;\n}\nlite-youtube.lite-youtube_420x315 {\n    width: 420px !important;\n    height: 315px !important;\n}\nlite-youtube.lite-youtube_480x360 {\n    width: 480px !important;\n    height: 360px !important;\n}\nlite-youtube.lite-youtube_640x480 {\n    width: 640px !important;\n    height: 480px !important;\n}\nlite-youtube.lite-youtube_960x720 {\n    width: 960px !important;\n    height: 720px !important;\n}\n\nlite-youtube.lite-youtube_16x9,\nlite-youtube.lite-youtube_4x3 {\n    width: 100% !important;\n}\n\nlite-youtube.lite-youtube_9x16::after,\nlite-youtube.lite-youtube_16x9::after,\nlite-youtube.lite-youtube_4x3::after {\n    content: \"\";\n    display: block;\n}\n\nlite-youtube.lite-youtube_16x9::after {\n    padding-bottom: calc(100% / (16 / 9));\n}\n\nlite-youtube.lite-youtube_9x16 {\n    width: 100%;\n    max-width: 500px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n}\n\nlite-youtube.lite-youtube_9x16:after {\n    padding-bottom: calc(100% / (9 / 16));\n}\n\nlite-youtube.lite-youtube_4x3::after {\n    padding-bottom: calc(100% / (4 / 3));\n}\n\n/* gradient */\nlite-youtube::before {\n    content: '';\n    display: block;\n    position: absolute;\n    z-index: 11;\n    top: 0;\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);\n    background-position: top;\n    background-repeat: repeat-x;\n    height: 52px;\n    /*padding-bottom: 50px;*/\n    width: 100%;\n    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);\n}\n\nlite-youtube > iframe {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    z-index: 13;\n    top: 0;\n    left: 0;\n}\n\n/* play button */\nlite-youtube > .lty-playbtn {\n    width: 68px;\n    height: 48px;\n    position: absolute;\n    transform: translate3d(-50%, -50%, 0);\n    top: 50%;\n    left: 50%;\n    z-index: 11;\n    /* YT's actual play button svg */\n    background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 68 48\"><path fill=\"%23f00\" fill-opacity=\"0.8\" d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\"></path><path d=\"M 45,24 27,14 27,34\" fill=\"%23fff\"></path></svg>');\n    filter: grayscale(100%);\n    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);\n}\n\nlite-youtube:hover > .lty-playbtn {\n    filter: none;\n}\n\n/* Post-click styles */\nlite-youtube.lyt-activated {\n    cursor: unset;\n}\nlite-youtube.lyt-activated::before,\nlite-youtube.lyt-activated > .lty-playbtn {\n    opacity: 0;\n    pointer-events: none;\n}\n\nlite-youtube .lite-youtube__preview {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 9;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n}\n\nlite-youtube .lite-youtube__image {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 10;\n    object-fit: cover;\n    object-position: center;\n    max-width: 100%;\n    height: auto;\n}\n\nlite-youtube.lite-youtube_9x16 .lite-youtube__image {\n    height: 100%;\n}\n\nlite-youtube .lite-youtube__name {\n    position: absolute;\n    z-index: 12; \n    left: 12px;\n    top: 0;\n    right: 12px;\n    color: #fff;\n    line-height: 52px;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    font-size: 0.8em;\n}\n\n/**\n * Fix bug with Gutenberg Block.\n */\n.wp-block-embed.is-provider-youtube {\n    .wp-block-embed__wrapper {\n        &:before {\n            display: none;\n        }\n    }\n}"]}