@use "sass:list";
@import "instance";

.brand_strip {
    @include position;
    @include wh(100vw);
    z-index: 1;

    .container_brand_strip {
        @include justify-content(center);
        @include flex-direction(row);
        @include gap(1.77vw);
        @include flex;

        @include brp($b6) {
            @include gap(2.47vw);
        }

        @include brp($b6) {
            @include gap(4.57vw);
        }

        .logo_fifa_wc26_fed {
            @include normalize-svg((
                width: nth($l1x, 2),
                height: nth($l1y, 2)
            ));

            @include brp($b6) {
                @include wh(
                    nth($l1x, 4),
                    nth($l1y, 4)
                );
            }

            @include brp($b8) {
                @include wh(
                    nth($l1x, 5),
                    nth($l1y, 5)
                );
            }

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

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

        .logo_adidas_fifa_wc26_2 {
            @include normalize-svg((
                width: nth($l1x, 2),
                height: nth($l1y, 2)
            ));

            @include brp($b6) {
                @include wh(
                    nth($l1x, 4),
                    nth($l1y, 4)
                );
            }

            @include brp($b8) {
                @include wh(
                    nth($l1x, 5),
                    nth($l1y, 5)
                );
            }

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

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

        .fifa_world_cup_2 {
            @include normalize-svg((
                width: nth($l6x, 1),
                height: nth($l6y, 1)
            ));

            @include brp($b6) {
                @include wh(
                    nth($l6x, 2),
                    nth($l6y, 2)
                );
            }

            @include brp($b8) {
                @include wh(
                    nth($l6x, 3),
                    nth($l6y, 3)
                );
            }

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

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

        .fifa_world_cup_3 {
            @include normalize-svg((
                width: nth($l6x_1, 1),
                height: nth($l6y_1, 1)
            ));

            @include brp($b6) {
                @include wh(
                    nth($l6x_1, 2),
                    nth($l6y_1, 2)
                );
            }

            @include brp($b8) {
                @include wh(
                    nth($l6x_1, 3),
                    nth($l6y_1, 3)
                );
                top: 6px;
            }

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

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

        .official_match_jersey {
            @include normalize-svg((
                width: nth($l7x_1, 1),
                height: nth($l7y, 1)
            ));

            @include brp($b6) {
                @include wh(
                    nth($l7x_1, 2),
                    nth($l7y, 2)
                );
            }

            @include brp($b8) {
                @include wh(
                    nth($l7x_1, 3),
                    nth($l7y, 3)
                );
            }

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

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

        .official_match_ball {
            @include normalize-svg((
                width: nth($l7x, 1),
                height: nth($l7y, 1)
            ));

            @include brp($b6) {
                @include wh(
                    nth($l7x, 2),
                    nth($l7y, 2)
                );
            }

            @include brp($b8) {
                @include wh(
                    nth($l7x, 3),
                    nth($l7y, 3)
                );
            }

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

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