.logo-marquee{width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);padding-block:calc(var(--spacing,.25rem) * 5);background-color:var(--background);position:relative;overflow:hidden}.dark .logo-marquee{background-color:var(--background)}.logo-marquee:before,.logo-marquee:after{pointer-events:none;top:calc(var(--spacing,.25rem) * 0);z-index:2;width:60px;height:100%;position:absolute}@media (min-width:480px){.logo-marquee:before,.logo-marquee:after{width:120px}}.logo-marquee:before,.logo-marquee:after{content:""}.logo-marquee:before{left:calc(var(--spacing,.25rem) * 0);background:linear-gradient(to right, var(--background), transparent)}.logo-marquee:after{right:calc(var(--spacing,.25rem) * 0);background:linear-gradient(to left, var(--background), transparent)}.logo-marquee__track{align-items:center;width:max-content;animation:25s linear infinite marquee;display:flex}.logo-marquee__item{width:120px;padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 0);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (min-width:480px){.logo-marquee__item{width:140px}}@media (min-width:48rem){.logo-marquee__item{width:180px}}@media (min-width:480px){.logo-marquee__image{height:calc(var(--spacing,.25rem) * 10)}}@media (min-width:48rem){.logo-marquee__image{height:50px}}.logo-marquee__image{filter:brightness(0);transition:opacity .3s,transform .3s,filter .3s}.logo-marquee__image:hover{opacity:1;transform:scale(1.05)}.logo-marquee:hover .logo-marquee__track{animation-play-state:paused}.dark .logo-marquee__image{opacity:.75;color:#ffffffd9}.dark .logo-marquee__image:hover{opacity:1;color:#fff}.dark .logo-marquee__image{filter:brightness(0)invert()}.logo-marquee__image{height:calc(var(--spacing,.25rem) * 8);object-fit:contain;opacity:.65;width:auto}@media (min-width:480px){.logo-marquee__image{height:calc(var(--spacing,.25rem) * 10)}}@media (min-width:48rem){.logo-marquee__image{height:50px}}.logo-marquee__image{color:var(--foreground);transition:opacity .3s,transform .3s,color .3s}.dark .logo-marquee__image{color:#dd0a0ad9}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}