vue-lite-youtube-embed/dist/index.css.map

A private by default, faster and cleaner YouTube embed component for Vue applications.

{"version":3,"sources":["../src/style.css"],"sourcesContent":[".yt-lite {\n  background-color: #000;\n  position: relative;\n  display: block;\n  contain: content;\n  background-position: 50%;\n  background-size: cover;\n  cursor: pointer;\n}\n.yt-lite:before {\n  box-sizing: content-box;\n  content: \"\";\n  display: block;\n  position: absolute;\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: 60px;\n  padding-bottom: 50px;\n  width: 100%;\n  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);\n}\n.yt-lite:after {\n  content: \"\";\n  display: block;\n  padding-bottom: var(--aspect-ratio);\n}\n.yt-lite > iframe {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.yt-lite > .lty-playbtn {\n  display: block;\n  width: 68px;\n  height: 48px;\n  position: absolute;\n  cursor: pointer;\n  transform: translate3d(-50%, -50%, 0);\n  top: 50%;\n  left: 50%;\n  z-index: 1;\n  background-color: transparent;\n  /* YT's actual play button svg */\n  background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 68 48\"><path d=\"M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z\" fill=\"red\"/><path d=\"M45 24 27 14v20\" fill=\"white\"/></svg>');\n  filter: grayscale(100%);\n  transition: filter 0.2s cubic-bezier(0, 0, 0.2, 1);\n  border: none;\n}\n\n.yt-lite:hover > .lty-playbtn,\n.yt-lite:focus-within > .lty-playbtn {\n  filter: none;\n}\n\n.yt-lite.lyt-activated {\n  cursor: unset;\n}\n.yt-lite.lyt-activated:before,\n.yt-lite.lyt-activated > .lty-playbtn {\n  opacity: 0;\n  pointer-events: none;\n}\n"],"mappings":";AAAA,CAAC;AACC,oBAAkB;AAClB,YAAU;AACV,WAAS;AACT,WAAS;AACT,uBAAqB;AACrB,mBAAiB;AACjB,UAAQ;AACV;AACA,CATC,OASO;AACN,cAAY;AACZ,WAAS;AACT,WAAS;AACT,YAAU;AACV,OAAK;AACL,oBAAkB;AAClB,uBAAqB;AACrB,qBAAmB;AACnB,UAAQ;AACR,kBAAgB;AAChB,SAAO;AACP,cAAY,IAAI,KAAK,aAAa,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE;AAC/C;AACA,CAvBC,OAuBO;AACN,WAAS;AACT,WAAS;AACT,kBAAgB,IAAI;AACtB;AACA,CA5BC,QA4BQ,EAAE;AACT,SAAO;AACP,UAAQ;AACR,YAAU;AACV,OAAK;AACL,QAAM;AACR;AAEA,CApCC,QAoCQ,EAAE,CAAC;AACV,WAAS;AACT,SAAO;AACP,UAAQ;AACR,YAAU;AACV,UAAQ;AACR,aAAW,YAAY,IAAI,EAAE,IAAI,EAAE;AACnC,OAAK;AACL,QAAM;AACN,WAAS;AACT,oBAAkB;AAElB,oBAAkB;AAClB,UAAQ,UAAU;AAClB,cAAY,OAAO,KAAK,aAAa,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE;AAChD,UAAQ;AACV;AAEA,CAtDC,OAsDO,OAAO,EAAE,CAlBL;AAmBZ,CAvDC,OAuDO,cAAc,EAAE,CAnBZ;AAoBV,UAAQ;AACV;AAEA,CA3DC,OA2DO,CAAC;AACP,UAAQ;AACV;AACA,CA9DC,OA8DO,CAHC,aAGa;AACtB,CA/DC,OA+DO,CAJC,cAIc,EAAE,CA3Bb;AA4BV,WAAS;AACT,kBAAgB;AAClB;","names":[]}