.marquee-wrapper-roasflow{--item-size:80px;--item-padding:1rem;--item-gap:20px;--item-radius:16px;--transition-duration:.25s;--transition-timing:cubic-bezier(.4, 0, .2, 1)}.marquee-row-roasflow,.marquee-row2-roasflow{will-change:transform;padding:0;position:relative;overflow:hidden}.marquee-row-content,.marquee-row2-content{padding:50px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.marquee-track-roasflow,.marquee-track2-roasflow{gap:var(--item-gap);will-change:transform;flex-shrink:0;width:max-content;display:flex}.marquee-track-roasflow.animate-left{animation:scrollLeft var(--animation-speed) linear infinite}.marquee-track-roasflow.animate-right{animation:scrollRight var(--animation-speed) linear infinite}.marquee-track2-roasflow.animate-left{animation:scrollLeft2 var(--animation-speed) linear infinite}.marquee-track2-roasflow.animate-right{animation:scrollRight2 var(--animation-speed) linear infinite}.logo-item-roasflow,.logo-item2-roasflow{width:var(--item-size);height:var(--item-size);padding:var(--item-padding);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);border-radius:var(--item-radius);transition:transform var(--transition-duration) var(--transition-timing), box-shadow var(--transition-duration) var(--transition-timing);will-change:transform;backface-visibility:hidden;z-index:20;background:linear-gradient(135deg,#fffffff2 0%,#ffffffd9 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible;transform:translateZ(0);box-shadow:0 0 0 1px #00000014,0 4px 16px #00000014,0 2px 8px #0000000a}:root.dark .logo-item-roasflow,:root.dark .logo-item2-roasflow,.dark .logo-item-roasflow,.dark .logo-item2-roasflow{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0f 100%);box-shadow:0 0 0 1px #ffffff26,0 4px 24px #0006,0 2px 12px #0003,inset 0 1px 1px #ffffff14}.logo-item-roasflow img,.logo-item2-roasflow img{object-fit:contain;width:100%;height:100%;transition:filter var(--transition-duration) var(--transition-timing), transform var(--transition-duration) var(--transition-timing);image-rendering:-webkit-optimize-contrast}:root.dark .logo-item-roasflow img,:root.dark .logo-item2-roasflow img,.dark .logo-item-roasflow img,.dark .logo-item2-roasflow img{filter:brightness(1.1)contrast(1.05)}.logo-item-roasflow:hover,.logo-item2-roasflow:hover{cursor:pointer;box-shadow:0 0 0 1px rgb(var(--color-primary-rgb) / .25), 0 8px 32px #0000001f, 0 4px 16px rgb(var(--color-primary-rgb) / .08);transform:scale(1.08)translateY(-4px)}:root.dark .logo-item-roasflow:hover,:root.dark .logo-item2-roasflow:hover,.dark .logo-item-roasflow:hover,.dark .logo-item2-roasflow:hover{box-shadow:0 0 0 1px rgb(var(--color-primary-rgb) / .5), 0 8px 40px rgb(var(--color-primary-rgb) / .25), 0 4px 20px #0000004d, inset 0 1px 2px #ffffff1f}.logo-item-roasflow:hover img,.logo-item2-roasflow:hover img{filter:brightness(1.08);transform:scale(1.02)}:root.dark .logo-item-roasflow:hover img,:root.dark .logo-item2-roasflow:hover img,.dark .logo-item-roasflow:hover img,.dark .logo-item2-roasflow:hover img{filter:brightness(1.2)contrast(1.08)}@keyframes scrollLeft{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@keyframes scrollLeft2{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes scrollRight2{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@media (max-width:768px){.marquee-wrapper-roasflow{--item-size:clamp(55px, 10vw, 80px);--item-gap:clamp(12px, 2vw, 16px);perspective:600px}.marquee-group-roasflow{transform:rotateX(2deg)rotateY(.5deg)!important}}@media (max-width:480px){.marquee-wrapper-roasflow{--item-size:clamp(45px, 12vw, 55px);--item-gap:clamp(8px, 1.5vw, 12px)}}@media (prefers-reduced-motion:reduce){.marquee-track-roasflow.animate-left,.marquee-track-roasflow.animate-right{animation-duration:120s}}