.mydev-logo-marquee{--logo-item-width:164px;--logo-item-height:88px;--logo-image-width:150px;--logo-image-height:76px;--logo-gap:32px;position:relative;min-inline-size:0;color:var(--mydev-color-text,#131b2e)}
.mydev-logo-marquee__viewport{overflow:hidden;padding-block:18px;scrollbar-width:none}
.mydev-logo-marquee__viewport::-webkit-scrollbar{display:none}
.mydev-logo-marquee.has-fade.is-running .mydev-logo-marquee__viewport{mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mydev-logo-marquee__track{display:flex;direction:ltr;width:100%}
.mydev-logo-marquee .mydev-logo-marquee__group{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--logo-gap);list-style:none;padding:0;margin:0;width:100%;flex-shrink:0}
.mydev-logo-marquee__group>li{list-style:none;padding:0;margin:0;flex:0 0 var(--logo-item-width);max-width:100%}
.mydev-logo-marquee__item{display:flex;align-items:center;justify-content:center;width:var(--logo-item-width);max-width:100%;height:var(--logo-item-height);border:0;background:transparent;border-radius:12px;opacity:1;transition:opacity .25s ease;text-decoration:none}
.mydev-logo-marquee__item:hover,.mydev-logo-marquee__item:focus-visible{opacity:1}
.mydev-logo-marquee__item:focus-visible{outline:2px solid var(--mydev-color-accent,#ff6224);outline-offset:4px}
.mydev-logo-marquee__media{display:flex;align-items:center;justify-content:center;width:var(--logo-image-width);height:var(--logo-image-height);max-width:100%;overflow:hidden}
.mydev-logo-marquee__media img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(var(--logo-scale,1))}
.mydev-logo-marquee.is-running .mydev-logo-marquee__track{width:max-content;animation:mydev-logo-travel var(--logo-duration,40s) linear infinite;will-change:transform}
.mydev-logo-marquee.is-running .mydev-logo-marquee__group{width:max-content;flex-wrap:nowrap;justify-content:start;padding-inline-end:var(--logo-gap)}
.mydev-logo-marquee[data-direction=right] .mydev-logo-marquee__track{animation-direction:reverse}
.mydev-logo-marquee.is-dragging .mydev-logo-marquee__track,.mydev-logo-marquee.is-hidden .mydev-logo-marquee__track,.mydev-logo-marquee:hover .mydev-logo-marquee__track{animation-play-state:paused}
.mydev-logo-marquee.is-focused .mydev-logo-marquee__track{animation:none;transform:none}
.mydev-logo-marquee.is-focused .mydev-logo-marquee__viewport{overflow-x:auto;mask-image:none}
.mydev-logo-marquee.is-focused [data-logo-clone]{display:none}
@keyframes mydev-logo-travel{to{transform:translateX(calc(-1 * var(--logo-distance)))}}
@media(prefers-reduced-motion:reduce){.mydev-logo-marquee .mydev-logo-marquee__track{animation:none;will-change:auto}.mydev-logo-marquee__item{transition:none}}

.mydev-logo-marquee.is-running .mydev-logo-marquee__viewport{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.mydev-logo-marquee.is-dragging .mydev-logo-marquee__viewport{cursor:grabbing}
.mydev-logo-marquee.mydev-has-surface-preset{background:var(--mydev-component-background);color:var(--mydev-component-body);border-color:var(--mydev-component-border)}
.mydev-logo-marquee.mydev-density--flush .mydev-logo-marquee__viewport{padding-block:0}
.mydev-logo-marquee.mydev-density--compact .mydev-logo-marquee__viewport{padding-block:10px}
.mydev-logo-marquee.mydev-density--normal .mydev-logo-marquee__viewport{padding-block:18px}
.mydev-logo-marquee.mydev-density--spacious .mydev-logo-marquee__viewport{padding-block:28px}