.koji-marquee-wrapper{background-color:var(--bg-color);padding:var(--pad-top-mob) 0 var(--pad-bot-mob) 0;width:100%;overflow:hidden;position:relative;font-family:Red Hat Display,sans-serif}.koji-marquee-inner{max-width:1600px;margin:0 auto}.koji-marquee-header{text-align:center;margin-bottom:24px;padding:0 20px}.koji-marquee-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#fff6;margin:0}.koji-marquee-container{display:flex;overflow:hidden;width:100%;padding:15px 0;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.koji-marquee-track{display:flex;align-items:center;width:max-content}.koji-marquee-content{display:flex;align-items:center;justify-content:space-around;gap:40px;padding-right:40px;flex-shrink:0;animation:koji-scroll var(--speed) linear infinite;will-change:transform}.koji-marquee-container[data-pause-hover=true]:hover .koji-marquee-content{animation-play-state:paused}.koji-marquee-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.koji-marquee-item:hover{transform:scale(1.05)}.koji-marquee-link{display:flex;align-items:center;justify-content:center;height:var(--logo-h-mob);text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;outline-offset:4px;border-radius:8px}.koji-marquee-link:focus-visible{outline:2px solid #fff}.koji-marquee-img{max-height:100%;width:auto;max-width:250px;object-fit:contain;filter:grayscale(0%) brightness(1) opacity(1);display:block}.koji-marquee-placeholder{font-weight:900;color:#fff3;letter-spacing:3px;font-size:20px}@keyframes koji-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@media screen and (min-width:990px){.koji-marquee-wrapper{padding:var(--pad-top-desk) 0 var(--pad-bot-desk) 0}.koji-marquee-header{margin-bottom:40px}.koji-marquee-content{gap:80px;padding-right:80px}.koji-marquee-link{height:var(--logo-h-desk)}.koji-marquee-img{max-width:400px}}@media(prefers-reduced-motion:reduce){.koji-marquee-content{animation-play-state:paused!important}.koji-marquee-container{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/koji-logo-marquee.css.map */