.gryffin-video-carousel{position:relative;background-color:var(--carousel-bg);padding-top:var(--section-padding-top-mobile);padding-bottom:var(--section-padding-bottom-mobile);overflow:hidden}@media(min-width:768px){.gryffin-video-carousel{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}}.gryffin-video-carousel__header{display:flex;align-items:center;justify-content:space-between;max-width:var(--carousel-max-width, 1600px);margin:0 auto 24px;padding-left:var(--carousel-start-margin-mobile);padding-right:20px}@media(min-width:768px){.gryffin-video-carousel__header{padding-left:var(--carousel-start-margin);padding-right:var(--carousel-start-margin);margin-bottom:32px}}.gryffin-video-carousel__title{font-size:28px;font-weight:800;color:var(--carousel-text);text-transform:uppercase;letter-spacing:.05em;margin:0}@media(min-width:768px){.gryffin-video-carousel__title{font-size:42px}}.gryffin-video-carousel__view-all{display:inline-flex;align-items:center;gap:8px;color:var(--carousel-text);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:opacity .2s ease}.gryffin-video-carousel__view-all:hover{opacity:.7}.gryffin-video-carousel__view-all svg{transition:transform .2s ease}.gryffin-video-carousel__view-all:hover svg{transform:translate(4px)}.gryffin-video-carousel__container{position:relative}.gryffin-video-carousel__track-wrapper{overflow:visible;width:100%}.gryffin-video-carousel__track{display:flex;gap:var(--carousel-gap-mobile);overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.gryffin-video-carousel__track{padding-left:var(--carousel-start-margin-mobile);padding-right:20px}@media(min-width:768px){.gryffin-video-carousel__track{gap:var(--carousel-gap);padding-left:calc(max((100vw - var(--carousel-max-width, 1600px)) / 2,0px) + var(--carousel-start-margin));padding-right:60px}}.gryffin-video-carousel__track::-webkit-scrollbar{display:none}.gryffin-video-carousel__track.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.gryffin-video-carousel__card{flex:0 0 var(--card-width-mobile);width:var(--card-width-mobile);cursor:pointer;transition:transform .3s ease;opacity:0;transform:translate(60px)}.gryffin-video-carousel__card.is-visible{opacity:1;transform:translate(0);transition:opacity .6s ease-out,transform .6s ease-out}.gryffin-video-carousel__card:nth-child(1).is-visible{transition-delay:0s}.gryffin-video-carousel__card:nth-child(2).is-visible{transition-delay:.08s}.gryffin-video-carousel__card:nth-child(3).is-visible{transition-delay:.16s}.gryffin-video-carousel__card:nth-child(4).is-visible{transition-delay:.24s}.gryffin-video-carousel__card:nth-child(5).is-visible{transition-delay:.32s}.gryffin-video-carousel__card:nth-child(6).is-visible{transition-delay:.4s}.gryffin-video-carousel__card:nth-child(7).is-visible{transition-delay:.48s}.gryffin-video-carousel__card:nth-child(8).is-visible{transition-delay:.56s}@media(min-width:768px){.gryffin-video-carousel__card{flex:0 0 var(--card-width);width:var(--card-width)}.gryffin-video-carousel__card.is-visible:hover{transform:translateY(-4px)}}.gryffin-video-carousel__thumbnail-wrapper{position:relative;aspect-ratio:16 / 9;border-radius:var(--card-border-radius);overflow:hidden;background-color:#1a1a1a}.gryffin-video-carousel__thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s ease}.gryffin-video-carousel__card:hover .gryffin-video-carousel__thumbnail{transform:scale(1.05)}.gryffin-video-carousel__thumbnail--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#333);color:#555}.gryffin-video-carousel__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--play-button-size-mobile);height:var(--play-button-size-mobile);background:none;border:none;padding:0;cursor:pointer;color:#fff;transition:transform .3s ease,opacity .3s ease;z-index:2}@media(min-width:768px){.gryffin-video-carousel__play-btn{width:var(--play-button-size);height:var(--play-button-size)}}.gryffin-video-carousel__play-btn svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.gryffin-video-carousel__card:hover .gryffin-video-carousel__play-btn{transform:translate(-50%,-50%) scale(1.1)}.gryffin-video-carousel__duration{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;font-size:12px;font-weight:500;padding:3px 6px;border-radius:4px;font-variant-numeric:tabular-nums;z-index:2}.gryffin-video-carousel__info{padding:12px 4px}.gryffin-video-carousel__video-title{font-size:var(--title-size);font-weight:600;color:var(--carousel-text);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.gryffin-video-carousel__meta{display:flex;align-items:center;gap:8px;font-size:var(--meta-size);color:var(--carousel-text-secondary)}.gryffin-video-carousel__meta span:not(:last-child):after{content:none}.gryffin-video-carousel__views,.gryffin-video-carousel__duration-text{white-space:nowrap}.gryffin-video-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--arrow-size);height:var(--arrow-size);border-radius:50%;background:var(--arrow-bg);border:none;color:var(--arrow-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,opacity .2s ease;z-index:10;box-shadow:0 4px 12px #0000004d}.gryffin-video-carousel__arrow:hover:not(:disabled){background:var(--arrow-bg-hover)}.gryffin-video-carousel__arrow:disabled{opacity:.3;cursor:pointer}.gryffin-video-carousel__arrow--prev{left:12px}.gryffin-video-carousel__arrow--next{right:12px}@media(max-width:767px){.gryffin-video-carousel__arrow{display:none}}.gryffin-video-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.gryffin-video-lightbox.is-opening,.gryffin-video-lightbox.is-open{opacity:1;visibility:visible}.gryffin-video-lightbox__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--lightbox-overlay);cursor:pointer}.gryffin-video-lightbox__container{position:relative;width:90%;max-width:1400px;max-height:90vh;aspect-ratio:16 / 9;z-index:1;transform:scale(.8);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.gryffin-video-lightbox.is-open .gryffin-video-lightbox__container{transform:scale(1);opacity:1}.gryffin-video-lightbox.is-closing .gryffin-video-lightbox__container{transform:scale(.9);opacity:0;transition:transform .25s ease-in,opacity .2s ease}.gryffin-video-lightbox__player{width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 25px 80px #00000080}.gryffin-video-lightbox__player iframe{width:100%;height:100%;border:none}.gryffin-video-lightbox__close{position:absolute;top:-50px;right:0;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.gryffin-video-lightbox__close:hover{background:#fff3;transform:rotate(90deg)}@media(max-width:767px){.gryffin-video-lightbox__container{width:95%}.gryffin-video-lightbox__close{top:-45px;right:5px}}.gryffin-video-carousel__thumbnail-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.gryffin-video-carousel__card:hover .gryffin-video-carousel__thumbnail-wrapper:after{opacity:1}.gryffin-video-carousel__thumbnail-wrapper{border:2px solid transparent;transition:border-color .3s ease}.gryffin-video-carousel__card:hover .gryffin-video-carousel__thumbnail-wrapper{border-color:#fff3}@media(prefers-reduced-motion:reduce){.gryffin-video-carousel__card,.gryffin-video-carousel__thumbnail,.gryffin-video-carousel__play-btn,.gryffin-video-lightbox__container{transition:none!important}.gryffin-video-carousel__card{opacity:1;transform:none}.gryffin-video-carousel__track{scroll-behavior:auto}}.gryffin-video-carousel__play-btn:focus-visible,.gryffin-video-carousel__arrow:focus-visible,.gryffin-video-lightbox__close:focus-visible{outline:2px solid white;outline-offset:2px}.gryffin-video-carousel__card:focus-visible{outline:2px solid white;outline-offset:4px;border-radius:var(--card-border-radius)}.gryffin-video-carousel__card[data-loading=true] .gryffin-video-carousel__thumbnail{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.gryffin-video-carousel__container:after{content:"";position:absolute;top:0;right:0;width:60px;height:100%;pointer-events:none;z-index:5;background:linear-gradient(to left,var(--carousel-bg) 0%,transparent 100%);opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/34/assets/gryffin-video-carousel.css.map */