.promotion-banner{margin:20px 0;min-width:0;grid-column:1/-1;align-self:start}
.promotion-label{font-size:11px;color:var(--tone-bdb4c7, #bdb4c7);margin:0 0 6px;text-align:left;letter-spacing:.05em}
.promotion-banner a{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--tone-42364c, #42364c);background:var(--tone-1b1820, #1b1820)}
.promotion-banner img{display:block;width:100%;height:auto;max-height:none;object-fit:cover}
.promotion-sidebar_banner{margin:0 0 18px}.promotion-sidebar_banner img{aspect-ratio:1/1;max-height:none;object-fit:cover}
.directory-top-picks{margin:24px 0 40px;scroll-margin-top:140px}
.alphabet-filter .top-jump{white-space:nowrap;border:1px solid var(--tone-9864c7, #9864c7);background:var(--tone-30223d, #30223d);border-radius:10px;padding:10px 14px}
.top-pick{position:relative;border-color:var(--tone-9f73cf, #9f73cf)!important;background:linear-gradient(145deg,var(--tone-2c203a, #2c203a),var(--tone-191820, #191820))!important}
.top-pick-label{display:block;font-size:11px;color:var(--tone-e4c9fa, #e4c9fa);margin-bottom:12px}
.placement-preview{display:block;max-width:320px;width:100%;height:auto;margin:16px 0}
.placement-id-list{display:flex;flex-wrap:wrap;gap:10px;max-height:220px;overflow:auto;font-size:12px;margin:12px 0}
.placement-id-list span{padding:6px;background:var(--tone-292331, #292331);border-radius:5px}
.placement-request{padding:20px 0;border-top:1px solid var(--tone-4a3c54, #4a3c54)}
.promotion-offer{margin:30px auto}.promotion-offer p{max-width:760px}
.deal-results[data-view=wall] .promotion-feed_banner{display:none}
@media(max-width:767px){.promotion-banner{margin:14px 0}.directory-top-picks{scroll-margin-top:80px}.directory-top-picks .directory-letter-heading{flex-wrap:wrap}.top-pick-label{font-size:10px}}
.rotation-slot[hidden]{display:none}
.rotation-content{min-height:80px;aspect-ratio:4/1;background:var(--tone-1c1723, #1c1723);border-radius:14px;display:grid;place-items:center;overflow:hidden}
.rotation-content>a{width:100%;height:100%;display:block}.rotation-content img{width:100%;height:100%;object-fit:cover}
.promotion-sidebar_banner .rotation-content{aspect-ratio:1/1}
.rotation-loading{font-size:11px;color:var(--tone-a897b9, #a897b9);padding:12px}

/* Campaign tile sits in the deal column, before the first result. */
.promotion-top_feed_banner{grid-column:1/-1;margin:0;width:100%}
.promotion-top_feed_banner>a,.promotion-top_feed_banner .rotation-content>a{display:block;aspect-ratio:3/1;border-radius:16px;overflow:hidden;background:var(--panel)}
.promotion-top_feed_banner img{width:100%;height:100%;max-height:none;object-fit:cover}
.promotion-top_feed_banner .rotation-loading{display:flex;align-items:center;justify-content:center;aspect-ratio:3/1;border:1px solid var(--border);border-radius:16px}
.promotion-top_feed_banner .rotation-content{aspect-ratio:3/1;min-height:0;border-radius:16px}

/* Clip artwork flush with the tile corners, without an inner border. */
.promotion-banner a{border:0}

/* Countdown accent on the outer tile, including rotating ads. */
.promotion-banner>a,.promotion-banner>.rotation-content{box-shadow:0 0 0 1px var(--tone-8e58c7, #8e58c7),0 12px 50px var(--tone-8d37bb17, #8d37bb17)}
.promotion-banner a:focus-visible{outline:3px solid var(--tone-ff9ad4, #ff9ad4);outline-offset:-3px}