.fullscreen-wrapper:fullscreen{background-color:#fff;flex-direction:column!important;width:100vw!important;height:100vh!important;display:flex!important}.fullscreen-wrapper.dark:fullscreen{background-color:#000}.fullscreen-wrapper:fullscreen>:first-child{border:none!important;border-radius:0!important;flex:1!important;width:100%!important;height:100%!important}
@layer components{.infinite-scroll{display:flex;position:relative;overflow:hidden}.infinite-scroll-content{gap:var(--gap,32px);animation:scroll-infinite var(--duration,20s)linear infinite;will-change:transform;display:flex}.infinite-scroll-item{flex-shrink:0;justify-content:center;align-items:center;display:flex}.infinite-scroll-mask{-webkit-mask-image:linear-gradient(to right,transparent 0%,black var(--fade-start,10%),black var(--fade-end,90%),transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black var(--fade-start,10%),black var(--fade-end,90%),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black var(--fade-start,10%),black var(--fade-end,90%),transparent 100%)}}@keyframes scroll-infinite{0%{transform:translate(0)}to{transform:translateX(calc(-50% - (var(--gap)*1.15)))}}.infinite-scroll-pause-on-item-hover .infinite-scroll-item:hover+* .infinite-scroll-content{animation-play-state:paused}.infinite-scroll-pause-on-item-hover:has(.infinite-scroll-item:hover) .infinite-scroll-content{animation-play-state:paused}.infinite-scroll-item-hovered .infinite-scroll-content{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.infinite-scroll-content{animation:none}}