:root{--player-details-background:#d3d3d3;--player-details-heading-color:inherit;--player-details-copy-color:inherit;--player-details-link-color:inherit;--player-details-link-hover-color:inherit;--scrollbar-background:#e9e9e9;--scrollbar-handle-background:rgba(0,0,0,.6);--scrollbar-arrow-color:#000;--scrollbar-arrow-hover-color:#e9e9e9}.etna-youtube-playlist-container{display:flex;flex-direction:column;margin:40px auto;max-width:100%;overflow:hidden;width:100%}.etna-youtube-playlist-container .youtube-player-wrapper{padding-top:56.25%;position:relative;width:100%}.etna-youtube-playlist-container .youtube-player-wrapper .youtube-player{height:100%;left:0;position:absolute;top:0;width:100%}.etna-youtube-playlist-container .youtube-thumbnail-gallery{position:relative}.etna-youtube-playlist-container .youtube-thumbnail-gallery .youtube-thumbnail-scroller{display:flex;gap:8px}.etna-youtube-playlist-container .youtube-thumbnail-gallery .youtube-thumbnail-scroller .youtube-thumbnail{border:1px solid transparent;cursor:pointer;display:block;flex-shrink:0;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative;width:calc(50% - 4px)}@media(min-width:600px){.etna-youtube-playlist-container .youtube-thumbnail-gallery .youtube-thumbnail-scroller .youtube-thumbnail{width:calc(33.33333% - 4px)}}.etna-youtube-playlist-container .youtube-thumbnail-gallery .youtube-thumbnail-scroller .youtube-thumbnail:after{background:rgba(0,0,0,.5);background-image:url("data:image/svg+xml;utf8,<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"rgba%28255, 255, 255, 0.75%29\" d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z\"></path></svg>");background-position:50%;background-repeat:no-repeat;background-size:50px;content:"";height:0;left:0;opacity:0;padding-bottom:56.25%;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}@media(min-width:400px){.etna-youtube-playlist-container .youtube-thumbnail-gallery .youtube-thumbnail-scroller .youtube-thumbnail:after{background-size:65px}}.etna-youtube-playlist-container .youtube-thumbnail-gallery .youtube-thumbnail-scroller .youtube-thumbnail:hover:after{opacity:1}.etna-youtube-playlist-container .youtube-thumbnail-gallery .youtube-thumbnail-scroller .youtube-thumbnail .youtube-thumbnail-img{margin-bottom:8px;width:100%}.etna-youtube-playlist-container .controls{align-items:center;display:none;justify-content:space-between;margin-top:20px}.etna-youtube-playlist-container .scrollpane-left,.etna-youtube-playlist-container .scrollpane-right{cursor:pointer;height:auto;pointer-events:all;width:auto}.etna-youtube-playlist-container .scrollpane-left{margin-right:8px}.etna-youtube-playlist-container .scrollpane-right{margin-left:8px}.etna-youtube-playlist-container .scrollbar{background:var(--scrollbar-background);flex-grow:1;height:14px;margin:0 8px;position:relative}.etna-youtube-playlist-container .scrollbar .handle{background:var(--scrollbar-handle-background);cursor:pointer;height:100%;position:absolute;width:100%}.etna-youtube-playlist-container .youtube-thumbnail-scroller{margin-top:10px;overflow:hidden;position:relative}.etna-youtube-playlist-container .controls{pointer-events:auto}.etna-youtube-playlist-container .controls svg{height:100%;max-height:30px;width:auto}.etna-youtube-playlist-container .controls svg path{fill:var(--scrollbar-arrow-color);transition:all .4s ease}.etna-youtube-playlist-container .controls svg:active path,.etna-youtube-playlist-container .controls svg:hover path{fill:var(--scrollbar-arrow-hover-color)}.etna-youtube-playlist-container .youtube-player-details{background:var(--player-details-background);min-height:148px;padding:20px}.etna-youtube-playlist-container .youtube-player-details a{color:var(--player-details-link-color)}.etna-youtube-playlist-container .youtube-player-details a:active,.etna-youtube-playlist-container .youtube-player-details a:hover{color:var(--player-details-link-hover-color)}.etna-youtube-playlist-container .youtube-player-details h2{color:var(--player-details-heading-color);margin-top:0!important}.etna-youtube-playlist-container .youtube-player-details p{color:var(--player-details-copy-color)}.etna-youtube-playlist-container .youtube-player-details p.date{display:inline-block;margin-bottom:0}.etna-youtube-playlist-container .youtube-player-details p.description{margin:20px 0 0}.etna-youtube-playlist-container .youtube-player-details .read-more{float:right}.etna-youtube-playlist-container .youtube-thumbnail p{-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:default;display:-webkit-box;height:3em;line-height:1.5em;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.etna-youtube-playlist-container .etna-youtube-playlist-container .youtube-thumbnail-gallery .youtube-thumbnail{height:120px;width:160px}}@media(min-width:1024px){.etna-youtube-playlist-container.side{flex-direction:row;flex-wrap:wrap}.etna-youtube-playlist-container.side .h2-style.title{flex-basis:100%;width:100%}.etna-youtube-playlist-container.side .controls{display:none!important}.etna-youtube-playlist-container.side .etna-youtube-player-container{height:-moz-fit-content;height:fit-content;width:75%}.etna-youtube-playlist-container.side .youtube-thumbnail-gallery{flex-grow:1;margin-left:10px;-webkit-mask-image:-webkit-gradient(linear,left 75%,left bottom,from(#000),to(transparent));mask-image:-webkit-gradient(linear,left 75%,left bottom,from(#000),to(transparent));overflow-y:scroll;padding-bottom:40px;padding-right:10px;width:calc(25% - 10px)}.etna-youtube-playlist-container.side .youtube-thumbnail-gallery .youtube-thumbnail-scroller{display:block;margin-top:0}.etna-youtube-playlist-container.side .youtube-thumbnail-gallery .youtube-thumbnail-scroller .youtube-thumbnail{width:100%}.etna-youtube-playlist-container.side .youtube-thumbnail-gallery .youtube-thumbnail-scroller .youtube-thumbnail img.youtube-thumbnail-img{margin-bottom:3px}.etna-youtube-playlist-container.side .youtube-thumbnail-gallery .youtube-thumbnail-scroller .youtube-thumbnail p{margin-bottom:10px}}