/* Keep header logos inside a bounded slot without stretching or cropping. */
.el-header .header .container .el-row > .el-col:first-child > a {
    display: flex;
    align-items: center;
    width: 124px;
    max-width: 100%;
    min-width: 0;
    height: 48px;
    flex: 0 1 124px;
}

.el-header .header .container img.logo {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 124px;
    max-height: 48px;
    object-fit: contain;
    object-position: left center;
}

#sticky .search > img.logo {
    display: block;
    flex: 0 0 auto;
    width: 2.4rem;
    height: .96rem;
    max-width: 104px;
    max-height: 42px;
    margin-right: .2rem;
    object-fit: contain;
    object-position: left center;
}

/* Let the search text shrink while keeping the logo and navigation buttons intact. */
#sticky .search > .seek {
    flex: 1 1 0%;
    min-width: 0;
}

#sticky .search > .seek > i,
#sticky .search > .vault {
    flex-shrink: 0;
}

#sticky .search > .seek > span {
    min-width: 0;
}