:root {
  --focus-color: #097efb;
  --focus-color-dark-bg: #3b99fc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --focus-color: #3b99fc;
    --focus-color-dark-bg: #097efb;
  }
}
figure,
[role="figure"] {
  display: table;
  margin: 40px auto 0 auto;
  padding: 1em;
  border: solid 1px #ccc;
}
figure:has(.showcode),
[role="figure"]:has(.showcode) {
  padding: 0;
}
figure:has(.showcode) code,
[role="figure"]:has(.showcode) code {
  max-width: calc(100vw - 40px);
}
figure img,
[role="figure"] img {
  max-width: 100%;
}
figure figcaption,
[role="figure"] figcaption,
figure span,
[role="figure"] span {
  text-align: center;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  display: table-caption;
  caption-side: bottom;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
figure figcaption a,
[role="figure"] figcaption a,
figure span a,
[role="figure"] span a {
  color: #A76000;
}
.enable__is-dark-mode figure figcaption a,
.enable__is-dark-mode [role="figure"] figcaption a,
.enable__is-dark-mode figure span a,
.enable__is-dark-mode [role="figure"] span a {
  color: #FF9F1C;
}
.enable__is-dark-mode .enable__is-dark-mode figure figcaption a,
.enable__is-dark-mode .enable__is-dark-mode [role="figure"] figcaption a,
.enable__is-dark-mode .enable__is-dark-mode figure span a,
.enable__is-dark-mode .enable__is-dark-mode [role="figure"] span a {
  color: #A76000;
}
figure code,
[role="figure"] code {
  display: block;
  padding: 1em;
  background: #000;
  color: #090;
  width: 100%;
}
figure.wide,
[role="figure"].wide {
  width: 100%;
}
figure.centered-image img,
[role="figure"].centered-image img {
  display: block;
  margin: 0 auto;
}
a.tile-cta {
  display: block;
  padding: 0 20px 0 30px;
  border-radius: 0.9375rem;
  color: white;
  background-color: #3030f8;
  width: fit-content;
  line-height: 1.875rem;
  text-decoration: none;
  position: relative;
  margin: 30px auto;
}
a.tile-cta::after {
  content: url("../images/chevron-right.svg");
  filter: invert();
  transform: scale(0.8) translateY(0.375rem);
  display: inline-block;
}
.video-figure {
  display: block;
}
.video-figure .able-timer,
.video-figure .able-speed,
.video-figure .able-status,
.video-figure .able-elapsedTime,
.video-figure .able-duration,
.video-figure .able-right-controls span {
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  font-family: "Helvetica", "Arial", sans-serif;
}
.video-figure .video-figure__caption {
  margin-bottom: 0;
  display: block;
}
.video-figure .able-status-bar {
  font-family: "Helvetica", "Arial", sans-serif;
}
.video-figure .able-status-bar {
  height: 1.5em;
  min-height: 1.5em;
}
.video-figure .able-status {
  text-align: right;
}
.enable__is-dark-mode figure code,
.enable__is-dark-mode [role="figure"] code {
  background: #121212;
}
/*# sourceMappingURL=figure.css.map */