/* Final responsive sizing and controls for the collaboration carousel. */
.logo-carousel .university-logo {
    flex: 0 0 auto
}

.carousel-viewport {
    padding: 2px;
    scroll-padding: 2px
}

@media(max-width:620px) {
    .collaborations {
        padding-left: 0;
        padding-right: 0
    }

    .collaborations .wrap {
        width: min(100% - 28px, 600px)
    }

    .logo-carousel {
        grid-template-columns: 40px minmax(0, 1fr) 40px;
        gap: 8px
    }

    .carousel-control {
        display: block;
        width: 40px;
        height: 40px;
        font-size: 19px
    }

    .carousel-viewport {
        margin: 0;
        padding: 2px
    }

    .logo-carousel .logo-track {
        gap: 20px
    }

    .logo-carousel .university-logo {
        min-height: 116px;
        padding: 5px;
    }
}

@media(max-width:360px) {
    .collaborations .wrap {
        width: calc(100% - 20px)
    }

    .logo-carousel {
        grid-template-columns: 36px minmax(0, 1fr) 36px;
        gap: 5px
    }

    .carousel-control {
        width: 36px;
        height: 36px
    }
}

.university-logo:has(img) {
    align-items: center;
    justify-content: center;
    padding: 18px
}

.university-logo img {
    display: block;
    width: 100%;
    height: 82px;
    object-fit: contain;
    object-position: center;
    mix-blend-mode: multiply
}

@media(max-width:620px) {
    .university-logo:has(img) {
        padding: 14px
    }

    .university-logo img {
        height: 76px
    }
}