/* Motion enhancements for the homepage football carousel. */
.carousel-viewport{position:relative;transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s ease}
.football-carousel:hover .carousel-viewport{transform:translateY(-5px) scale(1.006);box-shadow:0 30px 75px #000d,0 0 42px #f4c43035}
.carousel-viewport::after{content:"";position:absolute;z-index:4;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,#f4c430,#fff09a);box-shadow:0 0 14px #f4c430;animation:carouselProgress 5s linear infinite}
.football-carousel:hover .carousel-viewport::after,.football-carousel:focus-within .carousel-viewport::after{animation-play-state:paused}
.carousel-slide img{transform-origin:center;filter:saturate(.88) brightness(.9)}
.carousel-slide.is-active img{filter:saturate(1.06) brightness(1);animation:carouselCinematic 12s linear infinite alternate;will-change:transform}
.carousel-slide::before{content:"";position:absolute;z-index:3;inset:-35% auto -35% -30%;width:18%;pointer-events:none;background:linear-gradient(100deg,transparent,#fff7c838,transparent);transform:skewX(-18deg);animation:carouselShine 7s 1.2s ease-in-out infinite}
.football-carousel:hover .carousel-slide img,.football-carousel:hover .carousel-slide::before,.football-carousel:focus-within .carousel-slide img,.football-carousel:focus-within .carousel-slide::before{animation-play-state:paused}
.carousel-slide figcaption{opacity:0;transform:translateY(18px)}
.carousel-slide.is-active figcaption{animation:carouselCaption .65s .22s cubic-bezier(.2,.75,.25,1) forwards}
@keyframes carouselCaption{to{opacity:1;transform:translateY(0)}}
@keyframes carouselProgress{from{width:0}to{width:100%}}
@keyframes carouselCinematic{from{transform:scale(1.12) translate3d(4.5%,0,0)}to{transform:scale(1.12) translate3d(-4.5%,0,0)}}
@keyframes carouselShine{0%,58%{left:-30%;opacity:0}65%{opacity:1}82%,100%{left:118%;opacity:0}}
@media(prefers-reduced-motion:reduce){.carousel-viewport,.football-carousel:hover .carousel-viewport{transform:none!important}.carousel-viewport::after,.carousel-slide.is-active figcaption,.carousel-slide.is-active img,.carousel-slide::before{animation:none!important}.carousel-slide::before{display:none}.carousel-slide figcaption{opacity:1;transform:none}.carousel-slide img{filter:none!important;transform:none!important}}