.video-highlights{width:100%}.video-highlights__inner{padding-left:1.5rem;padding-right:1.5rem;max-width:var(--page-width);margin:0 auto}@media screen and (min-width: 750px){.video-highlights__inner{padding-left:5rem;padding-right:5rem}}.video-highlights__inner{padding-left:0;padding-right:0}@media screen and (min-width: 768px){.video-highlights__inner{padding-left:1.5rem;padding-right:1.5rem}}.video-highlights__heading{margin-bottom:1rem}.video-highlights__subheading{font-size:1.8rem;color:rgba(var(--color-foreground),.75);line-height:1.4}@media screen and (max-width: 767px){.video-highlights__subheading{font-size:1.4rem}.video-highlights__heading,.video-highlights__subheading{padding-left:1.5rem;padding-right:1.5rem}}.video-highlights__grid{display:flex;overflow-x:auto;overflow-y:hidden;gap:1rem;padding:0 1.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;min-width:100%}.video-highlights__grid::-webkit-scrollbar{display:none}@media screen and (min-width: 768px){.video-highlights__grid{gap:1rem;padding:0 5rem;justify-content:center}}@media screen and (min-width: 1200px){.video-highlights__grid{padding:0 10vw;max-width:none;margin:0 auto}}.video-highlights__item{display:flex;flex-direction:column;gap:1.5rem;flex-shrink:0;scroll-snap-align:center;width:300px}@media screen and (max-width: 767px){.video-highlights__item{width:75vw;max-width:280px;min-width:220px}}@media screen and (min-width: 768px) and (max-width: 1199px){.video-highlights__item{width:280px}}@media screen and (max-width: 400px){.video-highlights__item{width:80vw;min-width:200px}}.video-highlights__video-container{position:relative;width:100%;height:auto;aspect-ratio:3/4;border-radius:1.2rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04);box-shadow:0 4px 16px rgba(var(--color-foreground),.12);transition:transform .3s ease,box-shadow .3s ease}.video-highlights__video-container:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(var(--color-foreground),.2);cursor:pointer}.video-highlights__video-container:active{transform:translateY(-3px);transition:transform .1s ease}@media screen and (max-width: 767px){.video-highlights__video-container{border-radius:1rem}.video-highlights__video-container:hover{transform:translateY(-3px)}.video-highlights__video-container:active{transform:translateY(-1px)}}.video-highlights__video-container .teaser-box{position:relative;width:100%;height:100%;overflow:hidden}.video-highlights__video-container .teaser-box>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block!important;visibility:visible!important;opacity:1!important;z-index:1}.video-highlights__title{font-size:1.6rem;font-weight:500;text-align:center;margin:0;color:rgb(var(--color-foreground));line-height:1.3;width:100%}@media screen and (max-width: 767px){.video-highlights__title{font-size:1.4rem}}.video-highlights .teaser-box .video-controls{position:absolute;bottom:1.5rem;right:1.5rem;z-index:10;display:flex;gap:.8rem;opacity:0;transition:opacity .3s ease}.video-highlights .teaser-box:hover .video-controls{opacity:1}@media screen and (max-width: 767px){.video-highlights .teaser-box .video-controls{opacity:1;bottom:1.2rem;right:1.2rem;gap:.6rem}}.video-highlights .video-control-btn{background:#000c;border:none;border-radius:50%;color:#fff;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.4rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}@media screen and (max-width: 767px){.video-highlights .video-control-btn{width:3.2rem;height:3.2rem;font-size:1.2rem}}.video-highlights .video-control-btn:hover{background:#000000f2;transform:scale(1.08)}.video-highlights .video-control-btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.video-highlights .video-control-btn.muted{background:#dc3545d9}.video-highlights .video-control-btn.muted:hover{background:#dc3545}.video-highlights__video-container .teaser-box{transform:translateZ(0);backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.video-highlights .teaser-box .video-controls,.video-highlights .video-control-btn,.video-highlights__video-container{transition:none}.video-highlights__video-container:hover{transform:none}.video-highlights__grid{scroll-behavior:auto}}.video-highlights__video-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.6rem;height:3.6rem;border:3px solid rgba(var(--color-foreground),.3);border-top:3px solid rgb(var(--color-foreground));border-radius:50%;animation:video-loading-spin 1s linear infinite;z-index:0}.video-highlights__video-container:has(video) :before{display:none}@keyframes video-loading-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.animation--video-highlights{opacity:0;transform:translateY(2rem);animation:video-highlights-entrance .8s ease-out forwards}@keyframes video-highlights-entrance{to{opacity:1;transform:translateY(0)}}.animation--video-highlights .video-highlights__item:nth-child(1){animation-delay:.2s}.animation--video-highlights .video-highlights__item:nth-child(2){animation-delay:.4s}.animation--video-highlights .video-highlights__item:nth-child(3){animation-delay:.6s}.video-highlights__video-container{background:linear-gradient(135deg,#667eea,#764ba2)}.video-highlights__video-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000 0% 60%,#0000004d);pointer-events:none;z-index:2}.video-highlights .video-controls{z-index:15}@media screen and (max-width: 767px){.video-highlights__grid:after{content:"";width:1.5rem;flex-shrink:0}.video-highlights__grid:before{content:"";width:0;flex-shrink:0}}@media screen and (max-width: 767px){.video-highlights__grid{position:relative}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/video-highlights.css.map */