.YC-pin {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 54px;
    justify-content: center;
    padding: 20px 0 20px 0;
    min-width: max-content
}

.scroller-x__list {
    display: flex;
    align-items: center;
    gap: 20px;
    width: max-content;
    animation: scroll var(--_animation-duration,60s) linear infinite;
    --_animation-duration: 500s;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.scroller-x {
    overflow: hidden;
    direction: ltr
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem))
    }
}
.is-item {
    display: flex;
    align-items: center;
    gap: 45px;
    font-weight: 500;
    font-size: 90px;
    transition: 0.3s all ease;
    position: relative;
    text-shadow: 1px 1px 0 #00183733,-1px -1px 0 #00183733,1px -1px 0 #00183733,-1px 1px 0 #00183733,1px 1px 0 #00183733!important;
    -webkit-text-fill-color: #fff
}

.is-item::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    content: attr(data-text);
    transition: max-width 0.8s cubic-bezier(.22,.61,.36,1);
    -webkit-text-fill-color: var(--uicolor);
    -webkit-text-stroke: #fff0;
    max-width: 0;
    direction: rtl
}

.is-item:hover::before {
    max-width: 100%
}

.is-item:hover {
    text-shadow: 0 0 var(--uicolor)!important
}

.is-item i {
    font-size: 60px;
    -webkit-text-fill-color: var(--uicolor)
}