.video-gallery{width:100%}.video-gallery__text{margin-bottom:calc(10 * var(--space-unit))}.video-gallery__main{width:100%}.video-gallery__media{padding-top:56.25%;background-color:#000;border-radius:8px;overflow:hidden}.video-gallery__media iframe,.video-gallery__media video{width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;position:absolute}.video-gallery__poster{border-radius:8px;overflow:hidden}.video-gallery__youtube-poster{width:100%;height:100%;object-fit:cover}.video-gallery__play-btn{z-index:2}.video-gallery__thumbnails{padding:0 8px}.video-gallery__thumbnail{position:relative;width:187px;flex-shrink:0;padding:0;border:3px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;overflow:hidden}.video-gallery__thumbnail:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.video-gallery__thumbnail--active{border-color:var(--color-accent, #ffdd0c);box-shadow:0 2px 8px #0003}.video-gallery__thumbnail-inner{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:5px;background-color:#000}.video-gallery__thumbnail-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-gallery__thumbnail:hover .video-gallery__thumbnail-img{transform:scale(1.05)}.video-gallery__thumbnail-title{position:absolute;bottom:0;left:0;right:0;padding:8px 6px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 60%,transparent 100%);color:#fff;font-size:11px;font-weight:600;line-height:1.3;text-align:center;opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.video-gallery__thumbnail-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-gallery__thumbnail:hover .video-gallery__thumbnail-title{opacity:1;transform:translateY(0)}.video-gallery__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinner .8s linear infinite;z-index:3;display:none}.video-gallery--loading .video-gallery__loading{display:block}.video-gallery--loading .video-gallery__play-btn{display:none}@media (max-width: 599px){.video-gallery__thumbnails{gap:8px;padding:0 4px;margin-top:12px}.video-gallery__thumbnail{width:calc(33.333% - 6px);min-width:120px;max-width:160px}.video-gallery__thumbnail-title{font-size:10px;padding:6px 4px}.video-gallery__media,.video-gallery__thumbnail{border-radius:6px}.video-gallery__thumbnail-inner{border-radius:3px}}@media (min-width: 600px) and (max-width: 899px){.video-gallery__thumbnail{width:160px}}@media (min-width: 900px){.video-gallery__thumbnail{width:213px}.video-gallery__thumbnail-title{font-size:12px;padding:10px 8px}}.video-gallery__thumbnail:focus{outline:none;border-color:var(--color-accent, #ffdd0c);box-shadow:0 0 0 2px #ffdd0c66}.video-gallery__thumbnail:focus-visible{outline:2px solid var(--color-accent, #ffdd0c);outline-offset:2px}.video-gallery__poster.video-gallery__poster--hidden{opacity:0;pointer-events:none;transition:opacity .3s ease}.video-gallery--switching .video-gallery__media:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:10;animation:fadeInOut .5s ease}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes spinner{to{transform:rotate(360deg)}}@media (prefers-contrast: high){.video-gallery__thumbnail--active{border-color:#fff;border-width:4px}.video-gallery__thumbnail-title{background:#000000f2}}@media (prefers-reduced-motion: reduce){.video-gallery__thumbnail,.video-gallery__thumbnail-img,.video-gallery__thumbnail-play,.video-gallery__thumbnail-title{transition:none}.video-gallery__thumbnail:hover,.video-gallery__thumbnail:hover .video-gallery__thumbnail-img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/video-gallery.css.map */