.titan-video-carousel{--titan-carousel-gap: 1rem;--titan-carousel-border-radius: .75rem;--titan-carousel-transition: all .3s cubic-bezier(.4, 0, .2, 1);--titan-carousel-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--titan-carousel-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);position:relative;margin:2rem auto;padding:0 1rem;max-width:1200px}.titan-video-carousel--full-width{max-width:none;padding:0}.titan-video-carousel__container{position:relative;width:100%}.titan-video-carousel__header{text-align:center;margin-bottom:2rem}.titan-video-carousel__title{font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .5rem;color:rgb(var(--color-foreground))}.titan-video-carousel__subtitle{font-size:1.125rem;line-height:1.6;color:rgba(var(--color-foreground),.7);max-width:600px;margin:0 auto}.titan-video-carousel__wrapper{position:relative;display:flex;align-items:center;gap:1rem}.titan-video-carousel__track-container{flex:1;overflow:hidden;border-radius:var(--titan-carousel-border-radius);position:relative}.titan-video-carousel__track{display:flex;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.titan-video-carousel__slide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--titan-carousel-gap);width:100%}.titan-video-carousel__video-item{position:relative;width:100%}@media screen and (max-width: 768px){.titan-video-carousel{margin:1rem auto;padding:0 .5rem}.titan-video-carousel__title{font-size:1.5rem}.titan-video-carousel__subtitle{font-size:1rem}.titan-video-carousel__wrapper{gap:.5rem}.titan-video-carousel__slide-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.titan-video-carousel__nav{width:2.5rem;height:2.5rem}.titan-video-carousel__nav svg{width:1.25rem;height:1.25rem}.titan-video-carousel__content{padding:1.5rem 1rem 1rem}.titan-video-carousel__video-title{font-size:1rem}.titan-video-carousel__video-description{font-size:.8125rem}}@media screen and (max-width: 480px){.titan-video-carousel__slide-grid{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0!important}.titan-video-carousel__video-item{flex:0 0 100%;scroll-snap-align:start}.titan-video-carousel__video-item:not(:first-child){display:none}}@media screen and (max-width: 480px){.titan-video-carousel{padding:0}.titan-video-carousel__slide-grid{grid-template-columns:1fr;gap:1rem}.titan-video-carousel__wrapper{flex-direction:column;gap:1rem}.titan-video-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:#0009;color:#fff}.titan-video-carousel__nav--prev{left:.5rem}.titan-video-carousel__nav--next{right:.5rem}.titan-video-carousel__nav:hover{background:#000c}}@media screen and (min-width: 1400px){.titan-video-carousel__slide-grid{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 1800px){.titan-video-carousel__slide-grid{grid-template-columns:repeat(6,1fr)}}.titan-video-carousel__slide{flex:0 0 100%;width:100%;position:relative}.titan-video-carousel__video-container{position:relative;width:100%;background:#000;border-radius:var(--titan-carousel-border-radius);overflow:hidden;box-shadow:var(--titan-carousel-shadow);transition:var(--titan-carousel-transition)}.titan-video-carousel__video-container:hover{box-shadow:var(--titan-carousel-shadow-hover);transform:translateY(-2px)}.titan-video-carousel__video-container[data-aspect-ratio="16:9"]{aspect-ratio:16/9}.titan-video-carousel__video-container[data-aspect-ratio="4:3"]{aspect-ratio:4/3}.titan-video-carousel__video-container[data-aspect-ratio="1:1"]{aspect-ratio:1/1}.titan-video-carousel__video-container[data-aspect-ratio="9:16"]{aspect-ratio:9/16}.titan-video-carousel__video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.titan-video-carousel__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;z-index:2;transition:var(--titan-carousel-transition);opacity:.9}.titan-video-carousel__play-btn:hover{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.titan-video-carousel__play-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.titan-video-carousel__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:#6b7280;background:#f9fafb}.titan-video-carousel__placeholder p{margin:.5rem 0 0;font-size:.875rem}.titan-video-carousel__content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:2rem 1.5rem 1.5rem;transform:translateY(100%);transition:var(--titan-carousel-transition)}.titan-video-carousel__video-container:hover .titan-video-carousel__content{transform:translateY(0)}.titan-video-carousel__video-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;line-height:1.4}.titan-video-carousel__video-description{font-size:.875rem;line-height:1.5;margin:0;opacity:.9}.titan-video-carousel__nav{flex:0 0 auto;width:3rem;height:3rem;border-radius:50%;border:none;background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--titan-carousel-transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.titan-video-carousel__nav:hover{background:rgba(var(--color-foreground),.2);transform:scale(1.05)}.titan-video-carousel__nav:active{transform:scale(.95)}.titan-video-carousel__nav:disabled{opacity:.3;cursor:not-allowed;transform:none}.titan-video-carousel__nav svg{width:1.5rem;height:1.5rem}.titan-video-carousel__pagination{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.titan-video-carousel__dot{width:.75rem;height:.75rem;border-radius:50%;border:none;background:rgba(var(--color-foreground),.3);cursor:pointer;transition:var(--titan-carousel-transition)}.titan-video-carousel__dot:hover{background:rgba(var(--color-foreground),.5);transform:scale(1.2)}.titan-video-carousel__dot--active{background:rgb(var(--color-foreground));transform:scale(1.3)}@media screen and (max-width: 768px){.titan-video-carousel{margin:1rem auto;padding:0 .5rem}.titan-video-carousel__title{font-size:1.5rem}.titan-video-carousel__subtitle{font-size:1rem}.titan-video-carousel__wrapper{gap:.5rem}.titan-video-carousel__nav{width:2.5rem;height:2.5rem}.titan-video-carousel__nav svg{width:1.25rem;height:1.25rem}.titan-video-carousel__content{padding:1.5rem 1rem 1rem}.titan-video-carousel__video-title{font-size:1rem}.titan-video-carousel__video-description{font-size:.8125rem}}@media screen and (max-width: 480px){.titan-video-carousel{padding:0}.titan-video-carousel__wrapper{flex-direction:column;gap:1rem}.titan-video-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:#0009;color:#fff}.titan-video-carousel__nav--prev{left:.5rem}.titan-video-carousel__nav--next{right:.5rem}.titan-video-carousel__nav:hover{background:#000c}}.titan-video-carousel__track-container{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.titan-video-carousel__track{cursor:grab}.titan-video-carousel__track:active{cursor:grabbing}.titan-video-carousel__track.is-dragging{transition:none}.titan-video-carousel__nav:focus,.titan-video-carousel__dot:focus,.titan-video-carousel__play-btn:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media (prefers-reduced-motion: reduce){.titan-video-carousel__track,.titan-video-carousel__video-container,.titan-video-carousel__content,.titan-video-carousel__nav,.titan-video-carousel__dot,.titan-video-carousel__play-btn{transition:none}.titan-video-carousel__video-container:hover,.titan-video-carousel__nav:hover,.titan-video-carousel__dot:hover{transform:none}}@media (prefers-contrast: high){.titan-video-carousel__nav,.titan-video-carousel__dot{border:2px solid currentColor}}@media print{.titan-video-carousel__nav,.titan-video-carousel__pagination,.titan-video-carousel__play-btn{display:none}.titan-video-carousel__track{display:block}.titan-video-carousel__slide{break-inside:avoid;margin-bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/titan-video-carousel.css.map */