.c-media__transcript-area {
  padding-inline: 20px;
}
.c-media__transcript-area .c-accordion__trigger {
  font-size: var(--si-fs-body-16);
  line-height: var(--si-lh-body-16);
  font-weight: var(--si-fw-semibold);
  background-color: var(--si-color-light-gray);
  inline-size: auto;
  padding-inline: 0.5rem;
  padding-block: 0.75rem;
  border-block: none;
}
.c-media__transcript-area .c-accordion__trigger:before {
  background: var(--si-i-document-text) no-repeat center transparent;
  block-size: 1.75rem;
  inline-size: 1.75rem;
}
.c-media__transcript-area .c-accordion__trigger:after {
  background: var(--si-i-triangle-down) no-repeat center transparent;
  background-size: contain;
  block-size: 20px;
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  inline-size: 20px;
  margin-bottom: 1px;
  position: relative;
  transition: all 0.25s cubic-bezier(0.37, 0, 0.63, 1);
  will-change: background-image;
}
.c-media__transcript-area .c-accordion__trigger.is-open {
  background-color: var(--si-color-light-gray);
  color: var(--si-color-black);
}
.c-media__transcript-area .c-accordion__trigger.is-open:after {
  background: var(--si-i-triangle-down) no-repeat center transparent;
}
.c-media__transcript-area .c-accordion__content {
  padding-inline: 20px;
  padding-block: 20px;
  background: var(--si-color-light-gray);
}
.c-media__transcript-area .c-accordion__content.is-open {
  border: none;
}
.c-media__transcript-area .able-transcript-area {
  background: transparent;
  border: none;
}
.c-media__transcript-area .able-window-toolbar {
  background: none;
  color: var(--si-color-black) !important;
  border: none;
}
.c-media__transcript-area .able-window-toolbar label {
  color: var(--si-color-black);
}
.c-media__transcript-area .autoscroll-transcript {
  display: flex;
  padding-left: 2.5em;
}
.c-media__transcript-area .autoscroll-transcript label {
  order: 1;
  margin-inline: 5px;
}
.c-media__transcript-area .autoscroll-transcript input {
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
.c-media__transcript-area .autoscroll-transcript input:checked {
  background-color: var(--si-color-black);
  border-color: var(--si-color-black);
}
@media (prefers-reduced-motion: reduce) {
  .c-media__transcript-area .autoscroll-transcript input {
    transition: none;
  }
}
.c-media__transcript-area .autoscroll-transcript input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.c-media__transcript-area .autoscroll-transcript input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.c-media__transcript-area .able-transcript {
  background: transparent;
  padding: 0;
}
@media (min-width: 768px) {
  .has-media-info .c-media__transcript-area .c-accordion__heading {
    display: flex;
    justify-content: flex-end;
  }
  .has-media-info .c-media__transcript-area .c-accordion__trigger {
    position: relative;
    margin-block-start: -60px;
  }
}