.video--slider--wrap {
  background-color: #000000;
}
.video--slider--inner {
  max-width: 1200px;
  margin: 0 auto;
}
.video--slider .slider--inner {
  position: relative;
}
.video--slider .slider--main {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 71.412065 50' xml:space='preserve' inkscape:version='0.91 r13725' sodipodi:docname='YouTube_dark_icon (2017).svg' width='71.412064' height='50'%3E%3Cmetadata id='metadata33'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs31' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='715' id='namedview29' showgrid='false' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0' inkscape:zoom='5.4355702' inkscape:cx='30.091613' inkscape:cy='15.29613' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='Layer_1' /%3E%3Cstyle type='text/css' id='style3'%3E .st0%7Bfill:%23FF0000;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23282828;%7D%0A%3C/style%3E%3Cg id='g5' transform='scale(0.58823529,0.58823529)'%3E%3Cpath class='st0' d='M 118.9,13.3 C 117.5,8.1 113.4,4 108.2,2.6 98.7,0 60.7,0 60.7,0 60.7,0 22.7,0 13.2,2.5 8.1,3.9 3.9,8.1 2.5,13.3 0,22.8 0,42.5 0,42.5 0,42.5 0,62.3 2.5,71.7 3.9,76.9 8,81 13.2,82.4 22.8,85 60.7,85 60.7,85 c 0,0 38,0 47.5,-2.5 5.2,-1.4 9.3,-5.5 10.7,-10.7 2.5,-9.5 2.5,-29.2 2.5,-29.2 0,0 0.1,-19.8 -2.5,-29.3 z' id='path7' inkscape:connector-curvature='0' style='fill:%23282828;fill-opacity:1' /%3E%3Cpolygon class='st1' points='80.2,42.5 48.6,24.3 48.6,60.7 ' id='polygon9' style='fill:%23ffffff' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
}
.video--slider .slider--main iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video--slider .slider--control {
  padding: 20px 10px 10px 10px;
  display: flex;
  justify-content: space-between;
}
.video--slider .slider--control--left, .video--slider .slider--control--right {
  cursor: pointer;
  padding: 10px;
  border: 3px solid #FFFFFF;
  box-sizing: border-box;
  display: inline-block;
  color: #FFFFFF;
}
.video--slider .slider--thumbs {
  padding: 10px;
  position: relative;
}
.video--slider .slider--thumbs--left, .video--slider .slider--thumbs--right {
  cursor: pointer;
  background: linear-gradient(90deg, black 0%, black 62%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
}
.video--slider .slider--thumbs--left:after, .video--slider .slider--thumbs--right:after {
  padding: 0 30px 0 0;
  content: url("data:image/svg+xml,%3Csvg width='20' height='35' viewBox='0 0 20 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4982 35C16.8586 35 16.2187 34.7559 15.7312 34.2676L0.732365 19.2676C-0.244122 18.291 -0.244122 16.709 0.732365 15.7324L15.7312 0.732422C16.7077 -0.244141 18.2896 -0.244141 19.2661 0.732422C20.2426 1.70898 20.2426 3.29102 19.2661 4.26758L6.03429 17.5L19.2676 30.7344C20.2441 31.7109 20.2441 33.293 19.2676 34.2695C18.7794 34.7578 18.1388 35 17.4982 35Z' fill='white'/%3E%3C/svg%3E%0A");
  display: inline-block;
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}
.video--slider .slider--thumbs--right {
  background: linear-gradient(270deg, black 0%, black 62%, rgba(0, 0, 0, 0) 100%);
  right: 10px;
}
.video--slider .slider--thumbs--right:after {
  transform: translateY(-50%) rotate(180deg);
}
.video--slider .slider--thumbs--items {
  padding: 0 0 10px 0;
}
.video--slider .slider--thumbs--items--inner {
  overflow: hidden;
}
.video--slider .slider--thumbs--items--inner--wrap {
  padding: 0 50px;
  scroll-behavior: smooth;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  max-width: 100%;
}
.video--slider .slider--thumbs--items--inner--wrap .item {
  cursor: pointer;
  margin: 0 10px;
  border: 1px solid transparent;
  min-width: 120px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 71.412065 50' xml:space='preserve' inkscape:version='0.91 r13725' sodipodi:docname='YouTube_dark_icon (2017).svg' width='71.412064' height='50'%3E%3Cmetadata id='metadata33'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs31' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='715' id='namedview29' showgrid='false' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0' inkscape:zoom='5.4355702' inkscape:cx='30.091613' inkscape:cy='15.29613' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='Layer_1' /%3E%3Cstyle type='text/css' id='style3'%3E .st0%7Bfill:%23FF0000;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23282828;%7D%0A%3C/style%3E%3Cg id='g5' transform='scale(0.58823529,0.58823529)'%3E%3Cpath class='st0' d='M 118.9,13.3 C 117.5,8.1 113.4,4 108.2,2.6 98.7,0 60.7,0 60.7,0 60.7,0 22.7,0 13.2,2.5 8.1,3.9 3.9,8.1 2.5,13.3 0,22.8 0,42.5 0,42.5 0,42.5 0,62.3 2.5,71.7 3.9,76.9 8,81 13.2,82.4 22.8,85 60.7,85 60.7,85 c 0,0 38,0 47.5,-2.5 5.2,-1.4 9.3,-5.5 10.7,-10.7 2.5,-9.5 2.5,-29.2 2.5,-29.2 0,0 0.1,-19.8 -2.5,-29.3 z' id='path7' inkscape:connector-curvature='0' style='fill:%23282828;fill-opacity:1' /%3E%3Cpolygon class='st1' points='80.2,42.5 48.6,24.3 48.6,60.7 ' id='polygon9' style='fill:%23ffffff' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 50% auto;
}
.video--slider .slider--thumbs--items--inner--wrap .item.current {
  border-color: #FFFFFF;
}

/*# sourceMappingURL=slider.css.map */