.logo-marquee{position:relative;display:flex;align-items:center;gap:var(--gap-xs);width:100%;min-width:0}.logo-marquee__filters{position:absolute;width:0;height:0;overflow:hidden}.logo-marquee__viewport{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.logo-marquee__track{display:flex;width:max-content}.logo-marquee__set{display:flex;flex:none;align-items:center;gap:var(--logo-marquee-gap);margin:0;padding:0 calc(var(--logo-marquee-gap) / 2);list-style:none}.logo-marquee .kubo-logo{display:flex;flex:none;align-items:center}.logo-marquee .kubo-logo__image{display:block;width:auto;height:var(--kubo-logo-height);max-width:none;opacity:.92}@media screen and (max-width:749px){.logo-marquee .kubo-logo__image{height:calc(var(--kubo-logo-height) * .72)}}@media(prefers-reduced-motion:no-preference){.logo-marquee__track{animation:logo-marquee-scroll var(--logo-marquee-duration) linear infinite}.logo-marquee[data-paused] .logo-marquee__track{animation-play-state:paused}[dir=rtl] .logo-marquee__track{animation-name:logo-marquee-scroll-rtl}}@media(prefers-reduced-motion:reduce){.logo-marquee__viewport{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}.logo-marquee__viewport::-webkit-scrollbar{display:none}.logo-marquee__track{margin-inline:auto}.logo-marquee .kubo-logo--repeat,.logo-marquee__set[aria-hidden],.logo-marquee__toggle{display:none}}.logo-marquee__toggle{display:grid;flex:none;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgb(0 0 0 / var(--opacity-30));color:#fff;cursor:pointer;opacity:var(--opacity-70);transition:opacity var(--animation-speed) var(--animation-easing)}.logo-marquee__toggle:is(:hover,:focus-visible){opacity:1}.logo-marquee__toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.logo-marquee__toggle svg{width:12px;height:12px}.logo-marquee__icon-play,.logo-marquee__toggle[aria-pressed=true] .logo-marquee__icon-pause{display:none}.logo-marquee__toggle[aria-pressed=true] .logo-marquee__icon-play{display:block}@keyframes logo-marquee-scroll{to{transform:translate(-50%)}}@keyframes logo-marquee-scroll-rtl{to{transform:translate(50%)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/kubo-logo-marquee.css.map */