.infinite-grid-animation{height:calc(var(--dvh)*100);left:var(--spacing-0);overflow:hidden;pointer-events:none;position:absolute;top:var(--spacing-0);width:100%}.infinite-grid-animation,.infinite-grid-animation *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.infinite-grid-animation .animation-container{--tw-translate-x:-8%;--tw-translate-y:-5%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.infinite-grid-animation .animation-container{--tw-translate-x:var(--spacing-0);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-translate-y:var(--spacing-0)}}.infinite-grid-animation .animation-container.has-background .media .media-image{opacity:.3}.infinite-grid-animation .animation-container.has-background .media.active .media-image{opacity:1}.infinite-grid-animation .animation-content{-moz-column-gap:var(--spacing-s);column-gap:var(--spacing-s);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;pointer-events:auto;row-gap:var(--spacing-l);width:-moz-max-content;width:max-content}@media (min-width:768px){.infinite-grid-animation .animation-content{-moz-column-gap:var(--spacing-xl);column-gap:var(--spacing-xl)}}.infinite-grid-animation .animation-content{padding:calc(var(--spacing-l)/2) calc(var(--spacing-xl)/2)}.infinite-grid-animation .media{align-items:center;aspect-ratio:1/1;display:flex;grid-template-rows:auto;width:50vw}@media (min-width:768px){.infinite-grid-animation .media{width:20vw}}.infinite-grid-animation .media-image{cursor:pointer}