1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9546],{9546:function(t,i,e){e.r(i);var o=e(1309),a=e(5944),n=e(166),r=e(7294),c=e(6105),d=(0,n.Z)("div",{target:"er17yxv0"})('padding-left:15px;padding-right:15px;width:100%;.image-container-inner{background-repeat:no-repeat;background-position:center center;background-size:70%;background-color:#ebebeb;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxIDEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEgMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2ViZWJlYjt9DQoJLnN0MXtmaWxsOiNlYmViZWI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjEsMCAwLDAgMCwxIDEsMSAxLDAgCSIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=");overflow:hidden;}iframe{width:100%;}@media (max-width:580px){iframe{height:300px;}}.image-container{display:inline-block;position:relative;width:100%;}.image{max-width:100%;width:100%;cursor:pointer;}.playButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;height:60px;width:100px;background-color:rgba(0,0,0,0.7);border-radius:5px;}.playButton:hover{background-color:#FF0000;}.playButton:after{content:" ";display:block;position:absolute;top:16.5px;left:40px;margin:0 auto;border-style:solid;border-width:12.5px 0 12.5px 20px;border-color:transparent transparent transparent rgba(255,255,255,1);}.image:hover .playButton{background-color:#FF0000;}');i.default=function(t){var i=t.videoid,e=t.width,n=t.height,l=t.image,u=(0,o._)((0,r.useState)(!1),2),g=u[0],s=u[1];return(0,a.tZ)(d,{children:g?(0,a.tZ)("iframe",{title:"title-".concat(i),width:e,height:n,src:"https://www.youtube.com/embed/".concat(i,"?autoplay=1&showinfo=0&mute=1"),frameBorder:"0",allowFullScreen:!0}):(0,a.BX)("div",{className:"image-container",role:"button",tabIndex:0,onClick:function(){return s(!0)},onKeyDown:function(){return s(!0)},children:[(0,a.tZ)("div",{className:"image-container-inner",children:(0,a.tZ)(c.Z,{loading:"lazy",decoding:"async",src:l+"?auto=format,compress&fit=max&w=826&q=75",alt:"Youtube Video",className:"image",width:826,height:463,srcSet:l+"?auto=format,compress&fit=max&w=826&q=75&dpr=1 1x, "+l+"?auto=format,compress&fit=max&w=826&q=65&dpr=2 2x"})}),(0,a.tZ)("div",{className:"playButton",onClick:function(){return s(!0)},onKeyDown:function(){return s(!0)},role:"button",tabIndex:0})]})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.