/* Desktop short-drama list controls from Figma 45762:220242. */
@media (min-width: 769px) {
  .pc-short-drama-page {
    --short-drama-accent: #f68804;
  }

  .pc-short-drama-page .pc-filter-row a {
    padding: 0 24px;
    background: rgba(255, 255, 255, .1);
    font-weight: 500;
  }

  .pc-short-drama-page .pc-filter-row a.is-active {
    background: var(--short-drama-accent);
    color: #fff;
  }

  .pc-short-drama-page .pc-filter-row a:not(.is-active):hover,
  .pc-short-drama-page .pc-filter-row a:not(.is-active):focus-visible {
    background: rgba(255, 255, 255, .1);
    color: var(--short-drama-accent);
    box-shadow: inset 0 0 0 1px var(--short-drama-accent);
  }

  .pc-short-drama-page .pc-short-drama-card__link:hover .pc-short-drama-card__title {
    color: var(--short-drama-accent);
  }

  .pc-short-drama-page .pc-short-drama-card__link:focus-visible {
    outline-color: var(--short-drama-accent);
  }

  .pc-short-drama-page .pc-short-drama-card__link:is(:hover, :focus-visible) .pc-short-drama-card__cover {
    box-shadow: 0 0 7.25px var(--short-drama-accent);
  }

  .pc-short-drama-page .pc-short-drama-card__link:is(:hover, :focus-visible) .pc-short-drama-card__cover::after {
    position: absolute;
    z-index: 3;
    inset: 0;
    border: 1.45px solid var(--short-drama-accent);
    border-radius: inherit;
    content: "";
    pointer-events: none;
  }
}