@charset "UTF-8";
:root {
    --t-caret-icon-red-mask: rgb(201, 16, 36)
}

@media (prefers-color-scheme: dark) {
    :root {
        --t-caret-icon-red-mask: rgb(255, 102, 105)
    }
}

.teaser-info {
    --t-teaser-info: rgb(107, 105, 96);
    --t-teaser-info-visited: rgb(26, 122, 197);
    --t-teaser-info-live-or-updated: rgb(227, 31, 43);
    --t-teaser-info-media-info: rgb(34, 33, 29)
}

@media (prefers-color-scheme: dark) {
    .teaser-info {
        --t-teaser-info: rgb(185, 183, 172);
        --t-teaser-info-visited: rgb(66, 163, 241);
        --t-teaser-info-live-or-updated: rgb(255, 102, 105);
        --t-teaser-info-media-info: rgb(185, 183, 172)
    }
}

.teaser-info {
    --teaser-info-media-duration-display: var(--fec-teaser-info-media-duration-display, none);
    display: inline-block;
    position: relative;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 12px;
    letter-spacing: .4px;
    white-space: nowrap;
    line-height: 1.35;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
    color: var(--teaser-color-status-text, var(--t-teaser-info-media-info))
}

.teaser-info strong {
    font-weight: 500;
    font-variation-settings: "wght" 500
}

.teaser-info:before {
    position: relative;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 6px;
    height: 14px;
    width: 14px
}

.teaser-info:not(:last-child) {
    margin-right: 18px
}

.teaser-info:not(:last-child):after {
    content: "";
    position: absolute;
    bottom: calc(.5em + 1px);
    right: -10px;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info__media-duration {
    display: var(--teaser-info-media-duration-display)
}

.teaser-info--permanent-date, .teaser-info--absolute-date, .teaser-info--new-with-absolute-date {
    color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--new {
    color: var(--teaser-color-status-text, var(--t-teaser-info-live-or-updated))
}

.teaser-info--visited {
    color: var(--teaser-color-status-text, var(--t-teaser-info-visited))
}

.teaser-info--visited:before {
    content: "";
    -webkit-mask: url(../img/checkmark-circled-thicc-gx0sR3Su.svg) no-repeat 50% 50%;
    mask: url(../img/checkmark-circled-thicc-gx0sR3Su.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info-visited))
}

.teaser-info--with-updates {
    color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--with-updates:before {
    content: "";
    -webkit-mask: url(../img/retry_grey-BUpFsRwP.svg) no-repeat 50% 50%;
    mask: url(../img/retry_grey-BUpFsRwP.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--with-recent-updates {
    color: var(--teaser-color-status-text, var(--t-teaser-info-live-or-updated))
}

.teaser-info--with-recent-updates:before {
    content: "";
    -webkit-mask: url(../img/retry_red-ddWDxR6F.svg) no-repeat 50% 50%;
    mask: url(../img/retry_red-ddWDxR6F.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info-live-or-updated))
}

.teaser-info--with-absolute-date {
    --teaser-color-status-text: var(--t-teaser-info)
}

.teaser-info--video {
    color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--video:before {
    content: "";
    -webkit-mask: url(../img/play-video-circle-grey-tiny-G1RccIFa.svg) no-repeat 50% 50%;
    mask: url(../img/play-video-circle-grey-tiny-G1RccIFa.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--audio {
    color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--audio:before {
    content: "";
    -webkit-mask: url(../img/play-audio-grey-tiny-BtMrW2Xq.svg) no-repeat 50% 50%;
    mask: url(../img/play-audio-grey-tiny-BtMrW2Xq.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--image {
    color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--image:before {
    content: "";
    -webkit-mask: url(../img/image-gallery-grey-tiny-BicaCPti.svg) no-repeat 50% 50%;
    mask: url(../img/image-gallery-grey-tiny-BicaCPti.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--teaser-color-status-text, var(--t-teaser-info))
}

.teaser-info--media-caption {
    white-space: normal;
    color: var(--teaser-color-status-text, var(--t-teaser-info-media-info))
}

.teaser-info--pre-live {
    color: var(--teaser-color-status-text, var(--t-teaser-info-media-info))
}

.teaser-info--live {
    color: var(--teaser-color-status-text, var(--t-teaser-info-live-or-updated))
}

.teaser-info--fading {
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: var(--t-teaser-info)
}

.teaser-info--uppercase {
    text-transform: capitalize
}