/* Country discount bar (common/includes/couponBar) across the very top of the v2 and the Shards pages, edge to edge,
   above the header. It carries everything itself and shares no class with chrome.css or main.css, the
   Shards pages load it before chrome.css. Two things main.css and Bootstrap would change on the Shards pages, so the bar
   reads the same there as on the v2 pages: main.css strips the underline off every link with an important, hence the
   important on the Upgrade link, and the Shards body has no font smoothing where the v2 body is antialiased, hence the
   smoothing here. The notice card of the margin app: amber tint, background 12% of #F59E0B on white, icon 70% of it on
   ink. Half a second after load it flashes the old coupon bar's blue. Positioned so the heroes' glows, which start 140px
   above the hero, paint under it: the Pro hero is its own stacking context at z-index 5 and its glow washed the text
   out at 1, so the bar sits at 10, still under the headers at 50 */
.coupon-card{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px var(--gutter,var(--yx-gutter,16px));text-align:center;font-size:14px;font-weight:400;line-height:1.45;background:#FEF3E2;color:#4A4F5C;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:couponFlash 1.5s ease-in-out .5s}
.coupon-card__ico{flex:none;color:#B27510;animation:couponLinkFlash 1.5s ease-in-out .5s}
.coupon-card a{color:#14161C;font-weight:600;text-decoration:underline !important;text-underline-offset:2px;animation:couponLinkFlash 1.5s ease-in-out .5s}
.coupon-card a:hover{color:#14161C}

/* #FEF3E2 is 12% of #F59E0B on white, #B27510 is 70% of it on #14161C, spelled out so the keyframes can return to them */
@keyframes couponFlash{
  0%,100%{background-color:#FEF3E2;color:#4A4F5C}
  30%,50%{background-color:#006EDB;color:#fff}
}
@keyframes couponLinkFlash{
  30%,50%{color:#fff}
}
@media (prefers-reduced-motion:reduce){
  .coupon-card,.coupon-card a,.coupon-card__ico{animation:none}
}