.promo-banner-slot{width:100%}.promo-banner{background:var(--bg-raised);border:1px solid var(--border-light);border-radius:12px;width:100%;position:relative;overflow:hidden}.promo-banner__body{color:inherit;width:100%;text-decoration:none;display:block}.promo-banner a.promo-banner__body,.promo-banner .promo-banner__body[href]{cursor:pointer}.promo-banner__dismiss{top:8px;cursor:pointer;background:color-mix(in srgb, var(--bg) 65%, transparent);width:28px;height:28px;color:var(--fg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .15s;display:inline-flex;position:absolute;inset-inline-end:8px}.promo-banner__dismiss svg{width:16px;height:16px}.promo-banner__dismiss:hover,.promo-banner__dismiss:focus-visible{background:color-mix(in srgb, var(--bg) 85%, transparent)}.promo-banner--banner .promo-banner__body{line-height:0}.promo-banner--banner .promo-banner__image{aspect-ratio:1125/360;object-fit:cover;width:100%;height:auto;display:block}.promo-banner--content_banner .promo-banner__body{align-items:center;gap:16px;min-height:96px;padding:16px;display:flex}.promo-banner--content_banner .promo-banner__text{flex-direction:column;gap:4px;min-width:0;display:flex}.promo-banner--content_banner .promo-banner__title{color:var(--fg);font-size:1rem;font-weight:600}.promo-banner--content_banner .promo-banner__subtitle{color:var(--fg-muted);font-size:.875rem}.promo-banner--content_banner.promo-banner--leading .promo-banner__artwork{object-fit:cover;border-radius:8px;flex:none;width:64px;height:64px}.promo-banner--content_banner.promo-banner--trailing_background .promo-banner__body{padding-inline-end:42%;position:relative}.promo-banner--content_banner.promo-banner--trailing_background .promo-banner__artwork{object-fit:cover;object-position:center 30%;pointer-events:none;width:48%;height:100%;position:absolute;inset-block:0;inset-inline-end:0;-webkit-mask-image:linear-gradient(270deg,#000 55%,#0000 100%);mask-image:linear-gradient(270deg,#000 55%,#0000 100%)}.promo-banner--content_banner.promo-banner--trailing_background .promo-banner__text{position:relative}@media (max-width:599px){.promo-banner--content_banner .promo-banner__body{gap:12px;padding:12px}.promo-banner--content_banner.promo-banner--leading .promo-banner__artwork{width:48px;height:48px}.promo-banner--content_banner.promo-banner--trailing_background .promo-banner__body{padding-inline-end:34%}.promo-banner--content_banner.promo-banner--trailing_background .promo-banner__artwork{width:40%}}
