main
    &.legal
        & > article
            transform translateX(100vw)
            transition transform 0.3s linear

            &.-is-selected
                transform translateX(0vw)
            
        & ^[1..1]-cookies, & ^[1..1]-notice
            @extend .full-w, .layout-row-wrap

            & ^[2..2]-activation, & ^[2..2]-contact, & ^[2..2]-cookie, & ^[2..2]-edition, & ^[2..2]-justice, & ^[2..2]-limit, & ^[2..2]-list, & ^[2..2]-property, & ^[2..2]-script, & ^[2..2]-types
                @extend .full-w, .layout-col
                border-top 1px solid color-accent-dark
                margin-top 2rem
                padding-top 1rem
                row-gap 1rem

                & a
                    color color-primary
                    display inline-block
                    font-style italic

                    &:hover
                        color color-primary-dark
        
        & ^[1..1]-cookies
            padding-top 1.5rem

        & ^[1..1]-filter
            @extend .full-w
            border-bottom 1px solid rgba(color-primary-dark, 50%)
            padding 1.125rem 0

            &-list
                @extend .center-h
                align-self center
                flex-wrap wrap
                gap 0.5rem
                max-width 100rem
                width inherit
            
            &-tag
                cursor pointer
                height 1.75rem

        & ^[1..1]-title
            @extend .font-alt-bold
            color color-primary
            font-size 1.5rem
            line-height 1
            margin-bottom 0.5rem