@property --slides{syntax:"<number>";inherits:true;initial-value:1}@property --slide-width{syntax:"*";inherits:true}@layer base{.carousel_container{--fade-enabled-override:initial}}@layer components{.carousel_container{--fade-distance:48px;--fade-start-enabled:0;--fade-end-enabled:1;--fade-enabled:min(var(--fade-enabled-override,1) * (var(--slides) - 1) * 100, 1);--fade-start-interval:calc(var(--fade-enabled) * var(--fade-start-enabled));--fade-end-interval:calc(var(--fade-enabled) * var(--fade-end-enabled))}}.carousel{-webkit-mask-image:linear-gradient(90deg, rgb(0 0 0/calc(1 - var(--fade-start-interval))) 0, #000 var(--fade-distance), #000 calc(100% - var(--fade-distance)), rgb(0 0 0/calc(1 - var(--fade-end-interval))) 100%);mask-image:linear-gradient(90deg, rgb(0 0 0/calc(1 - var(--fade-start-interval))) 0, #000 var(--fade-distance), #000 calc(100% - var(--fade-distance)), rgb(0 0 0/calc(1 - var(--fade-end-interval))) 100%);contain:paint}@media (width>=64rem){.carousel--game{--fade-distance:0px}}.carousel_slide{--calc-width:calc(100% / var(--slides) - (var(--gap) * (var(--slides) - 1) / var(--slides)));width:var(--slide-width,var(--calc-width))}.game-shelf{--game-shelf-row-gap:calc(var(--spacing,.25rem) * 3)}.game-shelf-slides{row-gap:var(--game-shelf-row-gap)}.game-shelf-viewport{box-sizing:content-box;height:calc(var(--game-shelf-rows) * var(--slide-width) / var(--aspect-game-card) + (var(--game-shelf-rows) - 1) * var(--game-shelf-row-gap));-webkit-mask-image:none;mask-image:none}.game-shelf-reveal{animation:.2s ease-out backwards game-shelf-reveal}@keyframes game-shelf-reveal{0%{opacity:.2;filter:blur(8px);transform:translateY(8px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.game-shelf-viewport{transition-duration:1ms!important}.game-shelf-reveal{animation-duration:1ms;animation-delay:0s!important}}@media (hover:hover),(prefers-reduced-motion:no-preference){.carousel:has(.card-hover){margin-top:-1rem;padding-top:1rem}.carousel_slide:has(.card-hover){overflow:visible}}
