.us-news-list-media[data-news-list-presentation="graphic-contain"] {
    isolation: isolate;
    background:
        radial-gradient(circle at 4% 92%, rgba(255, 221, 103, .22), transparent 24%),
        radial-gradient(circle at 96% 8%, rgba(0, 179, 219, .12), transparent 24%),
        linear-gradient(90deg, #e8f8fc 0%, #fff 32%, #fff 68%, #f3edfb 100%);
}

.us-news-list-media[data-news-list-underlay="source-ambilight-stars"] {
    background:
        radial-gradient(circle at 4% 88%, var(--us-news-ambient-left) 0%, transparent 38%),
        radial-gradient(circle at 96% 10%, var(--us-news-ambient-right) 0%, transparent 38%),
        radial-gradient(circle at 82% 96%, var(--us-news-ambient-glow) 0%, transparent 34%),
        linear-gradient(90deg, var(--us-news-ambient-base) 0%, #fff 34%, #fff 68%, var(--us-news-ambient-glow) 100%);
}

.us-news-list-media[data-news-list-underlay="source-ambilight-stars"] .us-news-list-media__ambilight {
    display: none;
}

.us-news-list-media__ambilight {
    position: absolute;
    z-index: 0;
    inset: -10%;
    display: block;
    overflow: hidden;
    pointer-events: none;
    filter: blur(30px) saturate(1.08) brightness(.7);
    opacity: .96;
    transform: scale(1.2);
}

.us-news-list-media__ambilight::after {
    position: absolute;
    inset: 0;
    content: "";
    background: rgba(5, 20, 28, .06);
}

.us-news-list-media__ambilight img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.us-news-list-media__graphic {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.us-news-list-media__graphic img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    border-radius: 14px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .78), 0 8px 24px rgba(70, 91, 105, .08);
}

.us-news-list-media[data-news-list-underlay="source-ambilight-stars"] .us-news-list-media__graphic {
    inset: var(--us-news-list-graphic-inset, 7.5%);
}

.us-news-list-media[data-news-list-underlay="source-ambilight-stars"] .us-news-list-media__graphic img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(4, 18, 26, .24);
}

.us-news-list-media__star {
    position: absolute;
    z-index: 1;
    display: block;
    pointer-events: none;
}

.us-news-list-media__star svg {
    display: block;
    width: 100%;
    height: 100%;
}

.us-news-list-media__star--left {
    top: 19%;
    left: var(--us-news-list-star-a-inline, 3.6%);
    width: var(--us-news-list-star-a-size, clamp(16px, 1.45vw, 25px));
    height: var(--us-news-list-star-a-size, clamp(16px, 1.45vw, 25px));
    color: #55bddb;
    opacity: .86;
}

.us-news-list-media__star--right {
    right: var(--us-news-list-star-b-inline, 3.6%);
    top: 66%;
    width: var(--us-news-list-star-b-size, clamp(12px, 1.05vw, 19px));
    height: var(--us-news-list-star-b-size, clamp(12px, 1.05vw, 19px));
    color: #bba9df;
    opacity: .86;
}

.us-news-list-media[data-news-list-underlay="source-ambilight-stars"] .us-news-list-media__star {
    filter: drop-shadow(0 2px 10px rgba(5, 20, 28, .25));
}

.us-news-list-media[data-news-list-underlay="source-ambilight-stars"] .us-news-list-media__star--left {
    color: var(--us-news-ambient-star-a);
}

.us-news-list-media[data-news-list-underlay="source-ambilight-stars"] .us-news-list-media__star--right {
    color: var(--us-news-ambient-star-b);
}

.us-news-list-media__star--left[data-news-list-star-profile="tight"] {
    top: 19%;
    left: 3.6%;
    width: clamp(16px, 1.45vw, 25px);
    height: clamp(16px, 1.45vw, 25px);
}

.us-news-list-media__star--right[data-news-list-star-profile="tight"] {
    top: 66%;
    right: 3.6%;
    width: clamp(12px, 1.05vw, 19px);
    height: clamp(12px, 1.05vw, 19px);
}

.us-news-list-media__star--left[data-news-list-star-profile="roomy"] {
    top: 18%;
    left: 4.2%;
    width: clamp(20px, 1.8vw, 30px);
    height: clamp(20px, 1.8vw, 30px);
}

.us-news-list-media__star--right[data-news-list-star-profile="roomy"] {
    top: 68%;
    right: 4.2%;
    width: clamp(15px, 1.35vw, 22px);
    height: clamp(15px, 1.35vw, 22px);
}

.us-news-list-media__star--extra-c[data-news-list-star-profile="roomy"] {
    bottom: 13%;
    left: 5.8%;
    width: clamp(10px, .85vw, 14px);
    height: clamp(10px, .85vw, 14px);
    color: var(--us-news-ambient-star-c);
    opacity: .78;
}

.us-news-list-media__star--extra-d[data-news-list-star-profile="roomy"] {
    top: 15%;
    right: 7.5%;
    width: clamp(8px, .65vw, 11px);
    height: clamp(8px, .65vw, 11px);
    color: var(--us-news-ambient-star-a);
    opacity: .7;
}

.us-news-list-media__star--left[data-news-list-star-profile="landscape"] {
    top: .5%;
    right: auto;
    bottom: auto;
    left: 18%;
    width: clamp(18px, 1.55vw, 25px);
    height: clamp(18px, 1.55vw, 25px);
}

.us-news-list-media__star--right[data-news-list-star-profile="landscape"] {
    top: auto;
    right: 18%;
    bottom: 2%;
    left: auto;
    width: clamp(14px, 1.15vw, 19px);
    height: clamp(14px, 1.15vw, 19px);
}

.us-news-list-media__star--extra-c[data-news-list-star-profile="landscape"] {
    top: 4%;
    right: 16%;
    bottom: auto;
    left: auto;
    width: clamp(10px, .8vw, 13px);
    height: clamp(10px, .8vw, 13px);
    color: var(--us-news-ambient-star-c);
    opacity: .76;
}

.us-news-list-media__star--extra-d[data-news-list-star-profile="landscape"] {
    top: auto;
    right: auto;
    bottom: 2.5%;
    left: 31%;
    width: clamp(8px, .65vw, 11px);
    height: clamp(8px, .65vw, 11px);
    color: var(--us-news-ambient-star-a);
    opacity: .7;
}

@media (prefers-reduced-motion: reduce) {
    .us-news-list-media__graphic,
    .us-news-list-media__star {
        transition: none;
    }
}
