.block.knowledge-base-teaser.oneocean-campaign-spacing--none {
    margin-bottom: 0;
}

.block.knowledge-base-teaser.oneocean-campaign-spacing--half {
    margin-bottom: 40px;
}

.block.knowledge-base-teaser.oneocean-campaign-spacing--full {
    margin-bottom: 80px;
}

.knowledge-base-teaser__eyebrow {
    font-weight: 700;
    margin-bottom: 1rem;
}

.knowledge-base-teaser__intro {
    max-width: 48rem;
}

.knowledge-base-teaser__search {
    align-items: stretch;
    background: #102d38;
    display: flex;
    gap: 1rem;
    margin-top: 2.5rem;
    padding: 1.5rem;
}

.knowledge-base-teaser__search input,
.knowledge-base-teaser__search select {
    background: #fff;
    border: 0;
    min-height: 3.25rem;
    padding: .75rem 1rem;
    width: auto;
}

.knowledge-base-teaser__search-field {
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
}

.knowledge-base-teaser__search-field input {
    padding-left: 3rem;
    width: 100%;
}

.knowledge-base-teaser__search-icon {
    background: #006b78;
    height: 1.25rem;
    inset: 50% auto auto 1rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m21 19.6-4.35-4.35a7.5 7.5 0 1 0-1.4 1.4L19.6 21zM5.5 11a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m21 19.6-4.35-4.35a7.5 7.5 0 1 0-1.4 1.4L19.6 21zM5.5 11a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0'/%3E%3C/svg%3E") center/contain no-repeat;
    pointer-events: none;
    position: absolute;
    transform: translateY(-50%);
    width: 1.25rem;
}

.knowledge-base-teaser__search select {
    flex: 0 0 min(18rem, 35%);
    max-width: 18rem;
}

.knowledge-base-teaser__grid {
    background: #c8e2f7;
    gap: 0;
}

.knowledge-base-teaser__grid > * {
    margin-bottom: 0;
}

.knowledge-base-teaser__results,
.knowledge-base-teaser__detail {
    min-width: 0;
    padding: 2rem;
}

.knowledge-base-teaser__results {
    display: flex;
    flex-direction: column;
}

.knowledge-base-teaser__availability {
    align-items: flex-start;
    border-top: 1px solid rgba(16, 45, 56, .24);
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    gap: .2rem;
    margin: auto 0 0;
    padding: 1.25rem 1rem 0 3rem;
    position: relative;
}

.knowledge-base-teaser__availability::before {
    background: #006b78;
    content: "";
    height: 1.25rem;
    inset: 1.35rem auto auto 1rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v3H4zm0 5.5h16v3H4zM4 16h11v3H4z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v3H4zm0 5.5h16v3H4zM4 16h11v3H4z'/%3E%3C/svg%3E") center/contain no-repeat;
    position: absolute;
    width: 1.25rem;
}

.knowledge-base-teaser__availability strong {
    font-size: 1rem;
}

.knowledge-base-teaser__detail {
    background: #a8d1f2;
    overflow: hidden;
}

.knowledge-base-teaser__detail-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.knowledge-base-teaser__result {
    align-items: baseline;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(16, 45, 56, .2);
    color: #102d38;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 1rem;
    grid-template-columns: 7.25rem 1fr;
    padding: 1rem;
    position: relative;
    text-align: left;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
    width: 100%;
}

.knowledge-base-teaser__result.is-active,
.knowledge-base-teaser__result:hover {
    background: rgba(255, 255, 255, .34);
    color: #006b78;
    transform: translateX(.25rem);
}

.knowledge-base-teaser__result::before {
    background: #00ecea;
    content: "";
    inset: .6rem auto .6rem 0;
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease;
    width: 3px;
}

.knowledge-base-teaser__result.is-active::before {
    opacity: 1;
}

.knowledge-base-teaser__result-type {
    align-items: center;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    gap: .4rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.knowledge-base-teaser__result-type::before {
    background: currentColor;
    content: "";
    height: .9rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v3H4zm0 6.5h16v3H4zM4 17h10v3H4z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v3H4zm0 6.5h16v3H4zM4 17h10v3H4z'/%3E%3C/svg%3E") center/contain no-repeat;
    width: .9rem;
}

.knowledge-base-teaser__thumbnail {
    height: auto;
    margin-bottom: 1.5rem;
    max-width: 100%;
}

.knowledge-base-teaser__meta {
    align-items: stretch;
    background: rgba(255, 255, 255, .34);
    border-left: 3px solid #00ecea;
    display: flex;
    flex-wrap: wrap;
    margin: 1.25rem 0 1.5rem;
    padding: .75rem 0;
}

.knowledge-base-teaser__meta-item {
    align-items: flex-start;
    border-right: 1px solid rgba(16, 45, 56, .18);
    display: flex;
    flex: 0 1 auto;
    gap: .75rem;
    min-width: 0;
    padding: .25rem 1rem;
}

.knowledge-base-teaser__meta-item:last-child {
    border-right: 0;
}

.knowledge-base-teaser__meta-item::before {
    background: #006b78;
    content: "";
    flex: 0 0 1.1rem;
    height: 1.1rem;
    margin-top: .15rem;
    -webkit-mask: var(--kb-meta-icon) center/contain no-repeat;
    mask: var(--kb-meta-icon) center/contain no-repeat;
    width: 1.1rem;
}

.knowledge-base-teaser__meta-item > span {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.knowledge-base-teaser__meta-item small {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.knowledge-base-teaser__meta-item strong {
    font-size: .9rem;
    line-height: 1.35;
}

.knowledge-base-teaser__meta-item--format {
    --kb-meta-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v14H4zM2 3v18h20V3zm5 5h10v2H7zm0 4h7v2H7z'/%3E%3C/svg%3E");
}

.knowledge-base-teaser__meta-item--duration {
    --kb-meta-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 2h2v2.06A8 8 0 1 1 11 4.06zM12 6a6 6 0 1 0 6 6 6 6 0 0 0-6-6m-1 2h2v3.59l2.5 2.5-1.41 1.41L11 12.41z'/%3E%3C/svg%3E");
}

.knowledge-base-teaser__meta-item--modules {
    --kb-meta-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 9 5-9 5-9-5zm-9 9 9 5 9-5v3l-9 5-9-5zm0 6 9 5 9-5v3l-9 5-9-5z'/%3E%3C/svg%3E");
}

.knowledge-base-teaser__meta-item--subject {
    --kb-meta-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m3.5 6.5-2 5-5 2 2-5z'/%3E%3C/svg%3E");
    flex: 1 1 100%;
    margin-top: .75rem;
    padding-top: .85rem;
    position: relative;
}

.knowledge-base-teaser__meta-item--subject::after {
    background: rgba(16, 45, 56, .14);
    content: "";
    height: 1px;
    inset: 0 1rem auto;
    position: absolute;
}

.knowledge-base-teaser__detail.is-entering .knowledge-base-teaser__detail-card {
    animation: knowledge-base-detail-in .3s cubic-bezier(.22, 1, .36, 1);
}

@keyframes knowledge-base-detail-in {
    from {
        opacity: 0;
        transform: translateY(.6rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.knowledge-base-teaser__notice {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    margin-top: 1.5rem;
}

.knowledge-base-teaser__notice p {
    margin: 0;
}

@media (max-width: 767px) {
    .knowledge-base-teaser__search,
    .knowledge-base-teaser__notice {
        align-items: stretch;
        flex-direction: column;
    }

    .knowledge-base-teaser__search select {
        flex-basis: auto;
        max-width: none;
        width: 100%;
    }

    .knowledge-base-teaser__meta-item {
        border-bottom: 1px solid rgba(16, 45, 56, .14);
        border-right: 0;
        flex: 1 1 100%;
        padding-bottom: .75rem;
        padding-top: .75rem;
    }

    .knowledge-base-teaser__meta-item:last-child {
        border-bottom: 0;
    }

    .knowledge-base-teaser__meta-item--subject {
        margin-top: 0;
    }

    .knowledge-base-teaser__meta-item--subject::after {
        content: none;
    }
}

@media (min-width: 640px) {
    .block.knowledge-base-teaser.oneocean-campaign-spacing--half {
        margin-bottom: 60px;
    }

    .block.knowledge-base-teaser.oneocean-campaign-spacing--full {
        margin-bottom: 120px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .knowledge-base-teaser__result {
        transition: none;
    }

    .knowledge-base-teaser__result:hover,
    .knowledge-base-teaser__result.is-active {
        transform: none;
    }

    .knowledge-base-teaser__detail.is-entering .knowledge-base-teaser__detail-card {
        animation: none;
    }
}