/* GROUPFINDER v2.4.36
   Party cards use the same 150px / 3:4 visual size as Twitch Top 10. */

/* HOME PARTY RAIL */
.gf-home-parties-section{
    overflow:hidden;
}

.gf-home-party-wrap{
    position:relative;
    min-width:0;
}

.gf-home-party-row{
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding:1px 1px 10px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    scroll-behavior:smooth;
}

.gf-home-party-row::-webkit-scrollbar{
    display:none;
}

.gf-home-party-card{
    flex:0 0 150px!important;
    min-width:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit;
    text-decoration:none;
    scroll-snap-align:start;
    transform:none!important;
}

.gf-home-party-art{
    position:relative!important;
    display:block!important;
    min-height:0!important;
    aspect-ratio:3/4!important;
    overflow:hidden!important;
    border-radius:11px!important;
    background:#1a1d22!important;
}

.gf-home-party-art>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    transition:transform .2s ease,filter .2s ease;
}

.gf-home-party-art::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:
        linear-gradient(
            180deg,
            rgba(6,7,9,0) 0%,
            rgba(6,7,9,.03) 24%,
            rgba(6,7,9,.16) 48%,
            rgba(6,7,9,.52) 72%,
            rgba(6,7,9,.94) 100%
        )!important;
    pointer-events:none;
}

.gf-home-party-card:hover .gf-home-party-art>img{
    transform:scale(1.025);
    filter:brightness(1.06);
}

.gf-home-party-mic{
    position:absolute!important;
    z-index:3!important;
    top:8px!important;
    right:8px!important;
    left:auto!important;
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(71,221,137,.42)!important;
    border-radius:999px!important;
    background:rgba(7,16,12,.88)!important;
    color:#47dd89!important;
    box-shadow:0 0 18px rgba(71,221,137,.13)!important;
}

.gf-home-party-mic .material-symbols-rounded{
    font-size:15px!important;
}

.gf-home-party-slots{
    position:absolute!important;
    z-index:3!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    display:flex!important;
    align-items:baseline!important;
    gap:4px!important;
}

.gf-home-party-slots b{
    margin:0!important;
    color:#fff!important;
    font:600 30px/.9 "Barlow Condensed",sans-serif!important;
    letter-spacing:-.015em!important;
}

.gf-home-party-slots span{
    color:#a6abb4!important;
    font-size:8px!important;
    font-weight:600!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
}

.gf-home-party-copy{
    position:static!important;
    display:grid!important;
    gap:3px!important;
    padding:9px 2px 0!important;
}

.gf-home-party-copy strong{
    min-height:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#eeeeec!important;
    font:600 12px/1.2 Barlow,sans-serif!important;
}

.gf-home-party-copy small{
    display:-webkit-box!important;
    min-height:0!important;
    overflow:hidden!important;
    color:#747983!important;
    font-size:9px!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:normal!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}

.gf-home-party-card:hover .gf-home-party-copy strong{
    color:#d4c0fa!important;
}

/* RIGHT PUBLIC RAIL */
.gf-live-rail-party{
    position:relative!important;
    min-height:0!important;
    display:block!important;
    overflow:visible!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    text-decoration:none!important;
    transform:none!important;
}

.gf-live-rail-party-art{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/8.5!important;
    overflow:hidden!important;
    border-radius:10px!important;
    background:#1a1d22!important;
}

.gf-live-rail-party-art>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    transition:transform .2s ease,filter .2s ease;
}

.gf-live-rail-party-art::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:
        linear-gradient(
            180deg,
            rgba(6,7,9,0) 0%,
            rgba(6,7,9,.03) 24%,
            rgba(6,7,9,.18) 50%,
            rgba(6,7,9,.58) 75%,
            rgba(6,7,9,.95) 100%
        )!important;
    pointer-events:none;
}

.gf-live-rail-party:hover .gf-live-rail-party-art>img{
    transform:scale(1.025);
    filter:brightness(1.06);
}

.gf-live-rail-party-mic{
    position:absolute!important;
    z-index:3!important;
    top:8px!important;
    right:8px!important;
    width:27px!important;
    height:27px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(71,221,137,.42)!important;
    border-radius:999px!important;
    background:rgba(7,16,12,.88)!important;
    color:#47dd89!important;
}

.gf-live-rail-party-mic .material-symbols-rounded{
    font-size:15px!important;
}

.gf-live-rail-party-slots{
    position:absolute!important;
    z-index:3!important;
    left:10px!important;
    bottom:9px!important;
    display:flex!important;
    align-items:baseline!important;
    gap:4px!important;
}

.gf-live-rail-party-slots strong{
    color:#fff!important;
    font:600 27px/.9 "Barlow Condensed",sans-serif!important;
}

.gf-live-rail-party-slots span{
    color:#a6abb4!important;
    font-size:8px!important;
    font-weight:600!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}

.gf-live-rail-party-copy{
    position:static!important;
    display:grid!important;
    gap:3px!important;
    padding:8px 2px 0!important;
}

.gf-live-rail-party-copy strong{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#eee!important;
    font:600 11px/1.2 Barlow,sans-serif!important;
}

.gf-live-rail-party-copy small{
    display:-webkit-box!important;
    overflow:hidden!important;
    color:#707680!important;
    font-size:9px!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:normal!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}

/* Public Party item in the left menu */
.gf-unified-nav-party-link .material-symbols-rounded{
    color:inherit;
}

/* With Party added there are seven guest nav icons on mobile. */
@media(max-width:820px){
    .gf-unified-nav{
        grid-template-columns:repeat(7,1fr)!important;
    }

    .gf-unified-nav>a:nth-of-type(7){
        display:flex!important;
    }

    .gf-home-party-card{
        flex-basis:150px!important;
    }
}