/* IAIS live captions. Built from live_captions/src by build.py; do not edit copies in a deck. */

.cc-band {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 40;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  font-family: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", sans-serif;
  font-weight: 400;
  line-height: 1.25;
}
.cc-band.cc-bottom { top: auto; }
.cc-band[hidden] { display: none; }
.cc-col { text-align: left; }
.cc-line { white-space: nowrap; overflow: hidden; min-height: 1.25em; }

.cc-status {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 45;
  max-width: 40vw;
  padding: 8px 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 8px;
  border-left: 6px solid #6fd08f;
  background: #000;
  color: #fff;
  font: 400 16px/1.3 "Atkinson Hyperlegible Next", sans-serif;
}
.cc-status[data-level="warn"] { border-left-color: #ffd800; background: #3d3000; }
.cc-status[data-level="bad"] { border-left-color: #ff8a80; background: #5a0e0e; }
.cc-status[hidden] { display: none; }
.cc-status.cc-high { bottom: 80px; }
.cc-status.cc-compact { padding: 6px 10px; border-left-width: 0; font-weight: 700; font-size: 14px; letter-spacing: .04em; }
.cc-dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px 1px 0; border-radius: 50%; background: #3ddc6f; vertical-align: middle; }

.toolbar .tb-cc { font-weight: 700; letter-spacing: .04em; }
.toolbar .tb-cc[aria-pressed="true"] { background: #fff; color: #000; border-color: #fff; }

.cc-panel {
  position: fixed;
  right: 12px;
  bottom: 80px;
  z-index: 60;
  width: min(440px, calc(100vw - 24px));
  max-height: calc(100vh - 100px);
  max-height: calc(100dvh - 100px);
  overflow: auto;
  box-sizing: border-box;
  padding: 16px 18px;
  border: 2px solid #8fb5a6;
  border-radius: 12px;
  background: #0b1813;
  color: #fff;
  font: 400 17px/1.4 "Atkinson Hyperlegible Next", sans-serif;
}
.cc-panel[hidden] { display: none; }
.cc-panel h2 { margin: 0; font-size: 22px; }
.cc-panel h3 { margin: 16px 0 6px; font-size: 18px; }
.cc-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.cc-panel fieldset { border: 1px solid #4b6b5f; border-radius: 8px; margin: 10px 0; padding: 6px 12px 8px; }
.cc-panel legend { padding: 0 4px; font-weight: 700; }
.cc-panel label { display: flex; align-items: center; gap: 8px; min-height: 44px; }
.cc-panel .cc-field { flex-wrap: wrap; }
.cc-panel select { font: inherit; min-height: 44px; max-width: 100%; flex: 1 1 200px; }
.cc-panel input[type="radio"], .cc-panel input[type="checkbox"] { width: 22px; height: 22px; margin: 0; }
.cc-panel button {
  font: 700 16px/1.2 "Atkinson Hyperlegible Next", sans-serif;
  min-height: 44px;
  min-width: 44px;
  padding: 6px 14px;
  border: 2px solid #8fb5a6;
  border-radius: 10px;
  background: #1f3a30;
  color: #fff;
  cursor: pointer;
}
.cc-panel button:disabled { opacity: .5; cursor: default; }
.cc-panel button:focus-visible, .cc-panel input:focus-visible, .cc-panel select:focus-visible { outline: 3px solid #ffd800; outline-offset: 2px; }
.cc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.cc-msg:empty { display: none; }
.cc-msg { color: #ffb4ab; font-weight: 700; margin: 8px 0 0; }
.cc-small { font-size: 15px; color: #d6e4de; margin: 6px 0; }
.cc-list { list-style: none; margin: 0; padding: 0; }
.cc-list li { padding: 8px 0; border-top: 1px solid #2c4a3f; }
.cc-list li button { margin: 6px 6px 0 0; }
.cc-quiet { margin-top: 12px; background: transparent !important; }

@media print { .cc-band, .cc-status, .cc-panel { display: none !important; } }