.yo-marquee{overflow-x:hidden;display:flex;flex-direction:row;position:relative;width:var(--width);transform:var(--transform)}.yo-marquee:hover div{animation-play-state:var(--pause-on-hover)}.yo-marquee:active div{animation-play-state:var(--pause-on-click)}.yom-overlay{position:absolute;width:100%;height:100%}.yom-overlay::before,.yom-overlay::after{background:linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));content:"";height:100%;position:absolute;width:var(--gradient-width);z-index:2;pointer-events:none;touch-action:none}.yom-overlay::after{right:0;top:0;transform:rotateZ(180deg)}.yom-overlay::before{left:0;top:0}.yom-track{flex:0 0 auto;min-width:var(--min-width);z-index:1;display:flex;flex-direction:row;align-items:center;animation:scroll var(--duration) linear var(--delay) var(--iteration-count);animation-play-state:var(--play);animation-delay:var(--delay);animation-direction:var(--direction)}@keyframes scroll{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}.yom-list{flex:0 0 auto;display:flex;min-width:auto;flex-direction:row;align-items:center}.yom-item{transform:var(--transform);list-style-type:none !important;cursor:pointer}