/* Brief feedback in the Local Playbill. Content and controls are always visible. */
.brand-spark {
  transform-box:fill-box;
  transform-origin:center;
}

.playbill-dates a {
  position:relative;
}

.playbill-dates a[aria-current]::after {
  content:"";
  position:absolute;
  height:3px;
  bottom:4px;
  left:14px;
  right:14px;
  background:var(--accent);
  transform-origin:left center;
  pointer-events:none;
}

[data-save-id], [data-saved-count] {
  display:inline-block;
}

@media (prefers-reduced-motion:no-preference) {
  .playbill-dates a[aria-current]::after {
    animation:playbill-date-underline 240ms cubic-bezier(.2,.7,.2,1);
  }

  .playbill-dates a, .button, .text-action, .region-choice {
    transition:background-color 140ms ease, border-color 140ms ease, color 140ms ease;
  }

  @keyframes playbill-date-underline {
    from { transform:scaleX(.25); }
    to { transform:scaleX(1); }
  }
}

@media (forced-colors:active) {
  .playbill-dates a[aria-current]::after { background:Highlight; }
}