:root{--perf-item-width:calc(100vw/2 - var(--perf-gap));--perf-aspect-ratio:16/9;--perf-gap:20px;--perf-duration:16s}@media (max-width:1024px){:root{--perf-item-width:calc(100vw/2.5 - var(--perf-gap));--perf-aspect-ratio:2/3;--perf-gap:15px;--perf-duration:12s}}@media (max-width:640px){:root{--perf-item-width:calc(75vw - var(--perf-gap));--perf-aspect-ratio:9/16;--perf-gap:10px;--perf-duration:8s}}@supports ((-moz-appearance:none)){@media (max-width:640px){:root{--perf-duration:6s}}}.perf-carousel{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 3% 97%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 3% 97%,#0000 100%)}@supports ((-moz-appearance:none)){.perf-carousel{-webkit-mask-image:none;mask-image:none}}.perf-wrapper{backface-visibility:hidden;display:flex;transform:translateZ(0)}.perf-track{animation:perf-scroll-track var(--perf-duration)linear infinite;backface-visibility:hidden;flex-shrink:0;display:flex;transform:translateZ(0)}.perf-slide{width:var(--perf-item-width);aspect-ratio:var(--perf-aspect-ratio);margin-right:var(--perf-gap);contain:layout paint;contain-intrinsic-size:1000px;border-radius:.5rem;flex-shrink:0;position:relative;overflow:hidden;transform:translateZ(0)}.perf-spacer{width:var(--perf-gap);flex-shrink:0}.perf-placeholder{background:linear-gradient(135deg,#ffffff0d 0%,#ffffff1a 50%,#ffffff0d 100%);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes perf-scroll-track{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (max-width:768px){.perf-track{animation-duration:var(--perf-duration)}}@supports ((-moz-appearance:none)){.perf-wrapper{transform-style:flat}.perf-track{will-change:transform;-moz-backface-visibility:hidden;transform:translate(0,0)}.perf-slide{contain:layout paint;-moz-transform:translateZ(0)}.perf-slide img{image-rendering:auto;-moz-image-rendering:auto;content-visibility:auto}}@media (prefers-reduced-motion:reduce){.perf-track{animation:none}}
