aside
    &.last-result
        @extend .full-w, .layout-col
        align-self center
        font-size 0.875rem
        max-width 75rem
        padding 4.5rem 1.5rem 7.5rem 1.5rem

        & ^[1..1]-away, & ^[1..1]-home
            gap 1rem

            &.-is-club
                & ^[1..1]-score, & ^[1..1]-team
                    background-color color-primary
                    color color-accent-dark

        & ^[1..1]-category
            margin-bottom 1rem
        
        & ^[1..1]-info
            flex-wrap wrap
            gap 0.5rem
            margin-top 1rem
        
        & ^[1..1]-score, & ^[1..1]-team
            @extend .font-alt-bold-upper
            color rgba(color-text, 50%)
            font-size @css{clamp(1.5rem, 7.95vw + 0.09rem, 5rem)}
            line-height 1
            padding clamp(0.5rem, 2vw, 1rem) 1rem
        
        & ^[1..1]-score
            margin-left auto

        & ^[1..1]-team
            display: inline-block
            overflow hidden
            text-overflow ellipsis
            white-space nowrap

        & ^[1..1]-title
            @extend .font-alt-bold
            color color-primary
            font-size 2.5rem
            margin-bottom 2rem
                                
    &.results-tags
        @extend .center-content-h
        background-color color-accent-dark
        min-height 20rem

        & .results
            @extend .center-content-v, .full-h, .full-w, .layout-col
            background-color color-accent-dark
            padding 1.5rem 2rem
            height auto
            max-width 37.5rem

            &-matches
                @extend .full-w, .layout-col

                &-category
                    @extend .font-prim-bold
                    font-size 0.75rem
                
                &-item
                    @extend .center-content-v
                    border-bottom 1px solid rgba(color-text, 15%)
                    column-gap 0.25rem
                    font-size 0.675rem
                    height 2rem
                
                &-teams
                    display inline-block
                    overflow hidden
                    text-overflow ellipsis
                    white-space nowrap

                &-junior, &-senior
                    @extend .layout-col
                    
                &-score
                    margin-left auto

            &-title
                @extend .font-alt-bold-upper
                color color-primary
                font-size 2rem
                line-height 1
                margin-bottom 1.5rem
        
        & .tags
            @extend .layout-col
            display none
            gap 0.5rem
            max-width 37.5rem
            padding 2.5rem
            width calc((100% - 1.5rem) / 2)

            &-group
                flex-wrap wrap
                gap 0.5rem
            
            &-item
                font-size 0.75rem


@media (min-width 640px)
    aside
        &.last-result
            & ^[1..1]-link
                margin-left auto

        &.results-tags
            & .results
                &-matches
                    flex-direction row

                    &-junior, &-senior
                        width 50%

                    &-junior
                        padding-left 2rem
                    
                    &-senior
                        padding-right 2rem


@media (min-width 1024px)
    aside
        &.results-tags
            background-color color-accent
            
            & .tags
                display flex