.koji-marquee-wrapper{--koji-gap: var(--gap-mob, 40px);display:block;background-color:var(--bg-color);color:var(--text-color, #fff);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:var(--text-color, #fff);opacity:.75;margin:0}.koji-marquee-container{display:flex;overflow:hidden;width:100%;padding:15px 0;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-w, 10%),#000 calc(100% - var(--fade-w, 10%)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-w, 10%),#000 calc(100% - var(--fade-w, 10%)),transparent)}.koji-marquee-track{display:flex;align-items:center;width:max-content}.koji-marquee-wrapper[data-ready=true] .koji-marquee-track{animation:koji-scroll var(--koji-duration, 30s) linear infinite;will-change:transform}.koji-marquee-wrapper[data-direction=right] .koji-marquee-track{animation-direction:reverse}.koji-marquee-wrapper[data-paused=true] .koji-marquee-track,.koji-marquee-wrapper[data-offscreen=true] .koji-marquee-track,.koji-marquee-container:focus-within .koji-marquee-track{animation-play-state:paused}@media(hover:hover){.koji-marquee-wrapper[data-pause-hover=true] .koji-marquee-container:hover .koji-marquee-track{animation-play-state:paused}}.koji-marquee-content{display:flex;align-items:center;gap:var(--koji-gap);padding:0 var(--koji-gap) 0 0;margin:0;list-style:none;flex-shrink:0}.koji-marquee-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:0;padding:0}@media(hover:hover)and (prefers-reduced-motion:no-preference){.koji-marquee-item{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);color:inherit;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 var(--text-color, #fff)}.koji-marquee-img{max-height:100%;width:auto;max-width:250px;object-fit:contain;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.koji-marquee-wrapper[data-logo-style=grayscale] .koji-marquee-img{filter:grayscale(1);opacity:.65;transition:filter .3s ease,opacity .3s ease}.koji-marquee-wrapper[data-logo-style=grayscale] .koji-marquee-link:focus-visible .koji-marquee-img{filter:none;opacity:1}@media(hover:hover){.koji-marquee-wrapper[data-logo-style=grayscale] .koji-marquee-item:hover .koji-marquee-img{filter:none;opacity:1}}.koji-marquee-placeholder{font-weight:900;color:var(--text-color, #fff);opacity:.3;letter-spacing:3px;font-size:20px}.koji-marquee-controls{display:flex;justify-content:flex-end;padding:0 20px;margin-top:8px}.koji-marquee-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--text-color, #fff);opacity:.6;cursor:pointer;transition:opacity .2s ease}.koji-marquee-toggle:hover,.koji-marquee-toggle:focus-visible{opacity:1}.koji-marquee-toggle:focus-visible{outline:2px solid var(--text-color, #fff);outline-offset:2px}.koji-marquee-toggle svg{width:14px;height:14px;fill:currentColor}.koji-marquee-toggle .koji-icon-play,.koji-marquee-wrapper[data-paused=true] .koji-marquee-toggle .koji-icon-pause{display:none}.koji-marquee-wrapper[data-paused=true] .koji-marquee-toggle .koji-icon-play{display:block}@keyframes koji-scroll{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--koji-shift, 0px)),0,0)}}@media screen and (min-width:990px){.koji-marquee-wrapper{--koji-gap: var(--gap-desk, 80px);padding:var(--pad-top-desk) 0 var(--pad-bot-desk) 0}.koji-marquee-header{margin-bottom:40px}.koji-marquee-link{height:var(--logo-h-desk)}.koji-marquee-img{max-width:400px}}@media(prefers-reduced-motion:reduce){.koji-marquee-wrapper[data-ready=true] .koji-marquee-track{animation:none}.koji-marquee-clone,.koji-marquee-controls{display:none}.koji-marquee-container{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/koji-logo-marquee.css.map */