@import "instance";

.container_marquee_away {
    @include flex-direction(column);
    @include bc($c0, $c1);
    @include user-select;
    @include wh(100vw);
    @include flex;
    @include position;
    margin-block-start: 60px;
    overflow: hidden;
    z-index: 3;

    .marquee_2 {
        @include marquee((
            display: inline-flex,
            duration: 25s,
            grid: false,
            gap: 8vw,
            width_marquee: 200vw
        ));

        .marquee_content {
            padding: 0;
        }

        .marquee_item {
            @include brp($b5) {
                &:nth-child(n+5) {
                    display: none;
                }
            }

            @include brp($b7) {
                &:nth-child(n+3) {
                    display: none;
                }
            }
        }

        .wc,
        .t1 {
            @include t1((
                size: clamp(szrem(16), 1.15vw, szrem(22)),
                transform: uppercase,
                weight: 700,
            ));
            padding-inline: 0.5vw;
        }
    }
}