:root {
  --default-font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  --tl-font-size-base: 16px;
}
html {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: none;
}
body {
  --tl-font-size-xxs: calc(var(--tl-font-size-base, 16px) * 0.625);
  --tl-font-size-xs: calc(var(--tl-font-size-base, 16px) * 0.75);
  --tl-font-size-sm: calc(var(--tl-font-size-base, 16px) * 0.875);
  --tl-font-size-md: calc(var(--tl-font-size-base, 16px) * 1.125);
  --tl-font-size-lg: calc(var(--tl-font-size-base, 16px) * 1.25);
  --tl-font-size-xl: calc(var(--tl-font-size-base, 16px) * 1.375);
  --tl-font-size-2xl: calc(var(--tl-font-size-base, 16px) * 1.5);
  --tl-font-weight-light: 300;
  --tl-font-weight-normal: 400;
  --tl-font-weight-medium: 500;
  --tl-font-weight-semibold: 600;
  --tl-font-weight-bold: 700;
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-size: var(--tl-font-size-sm, 14px);
  line-height: 1.333;
  font-weight: var(--tl-font-weight-light);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.tl-font-size--large {
  --tl-font-size-base: 20px;
}
body.tl-font-size--extralarge {
  --tl-font-size-base: 24px;
}
body.tl-high-contrast {
  --tl-font-weight-light: 500;
  --tl-font-weight-normal: 600;
  --tl-font-weight-medium: 700;
  --tl-font-weight-semibold: 800;
  --tl-font-weight-bold: 900;
}
input,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
button {
  font-family: inherit;
  border: none;
}
p {
  unicode-bidi: plaintext;
}
ol,
p,
ul {
  margin: 0;
}
ol,
ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  list-style-position: outside;
}
li {
  margin-left: 1em;
}
b,
strong {
  font-weight: 700;
}
*,
:after,
:before {
  box-sizing: border-box;
}
body.nofocus :focus {
  outline: none;
}
.sr-only {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  background: #fff;
  color: #000;
}
.minimap,
.sr-only {
  position: absolute;
  overflow: hidden;
}
.minimap {
  right: 10px;
  top: 10px;
  max-width: 200px;
  max-height: 200px;
  border-radius: 4px;
  background: red;
  opacity: 0.9;
  z-index: 100;
  pointer-events: auto;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.minimap img {
  display: block;
  width: 100%;
  height: 100%;
}
.minimap-tag {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjciIGZpbGw9IiNGQjYwN0YiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+) no-repeat 50%;
  background-size: contain;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: opacity 0.3s ease;
  opacity: 0.5;
}
.minimap-tag:hover,
.minimap-tag[data-active="true"] {
  opacity: 1;
}
.minimap-open {
  position: absolute;
  left: 8px;
  bottom: 8px;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgMjFhLjk2NS45NjUgMCAwMS0uNzEyLS4yODhBLjk2NS45NjUgMCAwMTMgMjB2LTZjMC0uMjgzLjA5Ni0uNTIxLjI4OC0uNzEzQS45NjcuOTY3IDAgMDE0IDEzYS45Ny45NyAwIDAxLjcxMy4yODdBLjk3Ljk3IDAgMDE1IDE0djMuNkwxNy42IDVIMTRhLjk2NS45NjUgMCAwMS0uNzEyLS4yODhBLjk2NS45NjUgMCAwMTEzIDRjMC0uMjgzLjA5Ni0uNTIxLjI4OC0uNzEzQS45NjcuOTY3IDAgMDExNCAzaDZjLjI4MyAwIC41Mi4wOTYuNzEyLjI4Ny4xOTIuMTkyLjI4OC40My4yODguNzEzdjZjMCAuMjgzLS4wOTYuNTItLjI4OC43MTJBLjk2NS45NjUgMCAwMTIwIDExYS45NjUuOTY1IDAgMDEtLjcxMi0uMjg4QS45NjUuOTY1IDAgMDExOSAxMFY2LjRMNi40IDE5SDEwYy4yODMgMCAuNTIxLjA5Ni43MTMuMjg4QS45NjcuOTY3IDAgMDExMSAyMGMwIC4yODMtLjA5Ni41Mi0uMjg3LjcxMkEuOTY4Ljk2OCAwIDAxMTAgMjFINHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat 50% rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.minimap-open:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.loading-circle {
  width: 50px;
  height: 50px;
  padding: 8px;
  border-radius: 50%;
}
.loading-circle[data-overlay="true"] {
  background: hsla(0, 0%, 100%, 0.8);
}
.loading-spinner {
  width: 100%;
  height: 100%;
  border-right: 2px solid transparent;
  border-top: 2px solid transparent;
  border-color: #1e76e2 #1e76e2 transparent transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.layout-container {
  width: 100%;
  height: 100%;
  background: #fff;
}
.image-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #606c88, #3f4c6b);
}
.image-block .image {
  background: no-repeat 50%;
  background-size: cover;
  cursor: default;
}
.article-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 24px;
  background: #fff;
  font-size: 16px;
  font-size: var(--tl-font-size-base, 16px);
  color: #222;
  word-break: break-word;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.article-block > :not(:last-child) {
  margin-bottom: 20px;
}
.article-block .link,
.article-block .title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.article-block .link {
  padding: 12px 12px 10px;
  font-weight: 700;
  font-size: 12px;
  font-size: var(--tl-font-size-xs, 12px);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.article-block > * {
  flex: none;
}
[data-layout="A1"] .article-block,
[data-layout="A1R"] .article-block {
  width: 50%;
  top: auto;
  bottom: 48px;
  height: auto;
  max-height: calc(100% - 96px);
}
[data-layout="A1"] .article-block {
  left: 0;
  right: auto;
}
[data-layout="A1R"] .article-block {
  left: auto;
  right: 0;
}
[data-layout="A2"] .article-block,
[data-layout="A2R"] .article-block {
  top: 24px;
  height: auto;
  max-height: calc(100% - 48px);
  width: 50%;
  background: hsla(0, 0%, 100%, 0.2);
  color: #fff;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 8px;
}
[data-layout="A2"] .article-block {
  left: 24px;
  right: auto;
}
[data-layout="A2R"] .article-block {
  left: auto;
  right: 24px;
}
[data-layout="A2"] .link,
[data-layout="A2R"] .link {
  background: #fff !important;
  color: #000 !important;
}
[data-layout="B1"] .image-block:after,
[data-layout="B2"] .image-block:after,
[data-layout="B3"] .image-block:after,
[data-layout="B4"] .image-block:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
[data-layout="B1"] .link,
[data-layout="B2"] .link,
[data-layout="B3"] .link,
[data-layout="B4"] .link {
  background: #fff !important;
  color: #000 !important;
}
[data-layout="B1"] .article-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 32px;
  right: 32px;
  top: 32px;
  bottom: 32px;
  width: auto;
  height: auto;
  border: 2px solid #fff;
  padding: 32px;
  background: none;
  color: #fff;
}
[data-layout="B1"] .article-block:after,
[data-layout="B1"] .article-block:before {
  content: "";
  flex: 1 1;
}
[data-layout="B1"] .article-block .text {
  text-align: center;
}
[data-layout="B2"] .article-block {
  padding: 32px;
  background: none;
  color: #fff;
}
[data-layout="B2"] .article-block .title {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #fff;
}
[data-layout="B3"] .image-block:after {
  background: none;
}
[data-layout="B3"] .article-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: -webkit-min-content;
  height: min-content;
  max-height: calc(100% - 96px);
  margin: auto;
  padding: 20px 24px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
[data-layout="B3"] .article-block .text {
  text-align: center;
}
[data-layout="B4"] .image-block:after {
  background: none;
}
[data-layout="B4"] .article-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  top: auto;
  left: 16px;
  right: 16px;
  bottom: 16px;
  width: auto;
  height: auto;
  max-height: 50%;
  padding: 20px 24px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
[data-layout="B4"] .article-block .text {
  text-align: center;
}
[data-layout="C1"] .image-block {
  display: none;
}
[data-layout="C1"] .article-block {
  padding: 32px 33% 32px 32px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc3IiBoZWlnaHQ9IjM2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTAuMjUgMTQyLjI3MWMtMTIuODQtMjIuMjQxLTUuMjItNTAuNjggMTcuMDItNjMuNTJMMzc0LjcxLTk4Ljc1YzIyLjI0MS0xMi44NDEgNTAuNjgtNS4yMjEgNjMuNTIgMTcuMDIgMTIuODQxIDIyLjI0IDUuMjIxIDUwLjY3OS0xNy4wMiA2My41MkwxMTMuNzcgMTU5LjI5Yy0yMi4yNCAxMi44NC01MC42OCA1LjIyLTYzLjUyLTE3LjAyek0xOS43MTMgMjkwLjMzOGMtNS4zODUtOS4zMjctMi4xOS0yMS4yNTMgNy4xMzctMjYuNjM3TDQ1OC4xNzggMTQuNjczYzkuMzI2LTUuMzg0IDIxLjI1Mi0yLjE4OSAyNi42MzcgNy4xMzggNS4zODUgOS4zMjcgMi4xODkgMjEuMjUzLTcuMTM3IDI2LjYzN0w0Ni4zNSAyOTcuNDc2Yy05LjMyNyA1LjM4NC0yMS4yNTMgMi4xODktMjYuNjM3LTcuMTM4ek04MS43NSAyOTAuODkzYTcuNSA3LjUgMCAxMDcuNSAxMi45OUw1MDEuNTcgNjUuODNhNy41IDcuNSAwIDAwLTcuNS0xMi45OUw4MS43NSAyOTAuODkzek05OS43NSAxOTEuMDQ4YTcuNSA3LjUgMCAwMTIuNzQ1LTEwLjI0NUw1MTQuODE1LTU3LjI1YTcuNSA3LjUgMCAwMTcuNSAxMi45OWwtNDEyLjMyIDIzOC4wNTNhNy41IDcuNSAwIDAxLTEwLjI0NS0yLjc0NXpNNi41MTkgMzY4Ljk2OWE3LjUgNy41IDAgMDAtMi43NDUgMTAuMjQ1IDcuNSA3LjUgMCAwMDEwLjI0NSAyLjc0Nkw1MTYuNTcgOTEuODExYTcuNSA3LjUgMCAwMC03LjUtMTIuOTlMNi41MTkgMzY4Ljk2OXoiIGZpbGw9IiMwOEYiLz48L3N2Zz4=)
    no-repeat 100% 0;
  background-size: 33% auto;
}
[data-layout="C1"] .article-block .title {
  text-transform: uppercase;
}
[data-layout="C2"] .image-block {
  left: 80px;
  right: 80px;
  top: 68px;
  bottom: 72px;
  width: auto;
  height: auto;
}
[data-layout="C2"] .image-block:after,
[data-layout="C2"] .image-block:before {
  content: "";
  position: absolute;
}
[data-layout="C2"] .image-block:before {
  left: -30px;
  bottom: -24px;
  width: 75%;
  height: 85%;
  background: #08f;
  opacity: 0.3;
}
[data-layout="C2"] .image-block:after {
  right: -30px;
  top: -20px;
  width: 75%;
  height: 85%;
  background: #08f;
}
[data-layout="C2"] .article-block {
  padding: 32px 33% 32px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 80px;
  right: 80px;
  top: 68px;
  bottom: 72px;
  width: auto;
  height: auto;
  border: 4px solid #000;
  padding: 20px 30px;
}
[data-layout="C2"] .article-block .text {
  text-align: center;
}
[data-layout="C2"] .article-block .title {
  text-transform: uppercase;
}
[data-layout="C2"] .article-block:after,
[data-layout="C2"] .article-block:before {
  content: "";
  flex: 1 1;
}
.layout-navigation {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  position: absolute;
  right: 0;
  top: 0;
  margin: 12px;
}
.layout-navigation > * {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: no-repeat 50% rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.layout-navigation > [data-icon="prev"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAzMmgzMlYwSDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE3Ljc5MyAyMy43MDdMMTAuMDg2IDE2bDcuNzA3LTcuNzA3IDEuNDE0IDEuNDE0TDEyLjkxNCAxNmw2LjI5MyA2LjI5M3oiLz48L2c+PC9zdmc+);
}
.layout-navigation > [data-icon="next"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAzMmgzMlYwSDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE0LjIwNCA4LjI5M0wyMS45MTEgMTZsLTcuNzA3IDcuNzA3LTEuNDE0LTEuNDE0TDE5LjA4MyAxNiAxMi43OSA5LjcwN3oiLz48L2c+PC9zdmc+);
}
[data-layout="A1R"] .layout-navigation,
[data-layout="A2R"] .layout-navigation {
  left: 0;
  right: auto;
}
[data-layout="C1"] .layout-navigation,
[data-layout="C2"] .layout-navigation {
  display: none;
}
.poll-tag {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(250deg, #3b90cf, #025cc5);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.poll-wrapper {
  width: 100%;
  margin: auto;
  padding: 32px;
}
.poll-wrapper > :not(:last-child) {
  margin-bottom: 32px;
}
.poll-question {
  font-weight: 700;
  font-size: 20px;
  font-size: var(--tl-font-size-lg, 20px);
  line-height: 1.3;
  text-align: center;
  white-space: pre-line;
  color: #fff;
}
.poll-options:empty:before,
.poll-question:empty:before {
  content: attr(data-placeholder);
  opacity: 0.5;
}
.poll-options:empty:before {
  display: block;
  color: #fff;
  text-align: center;
}
.poll-options > :not(:last-child) {
  margin-bottom: 16px;
}
.poll-option {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 8px 12px;
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 4px;
  font-size: 16px;
  font-size: var(--tl-font-size-base, 16px);
  line-height: 1.34;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
}
.poll-option:hover {
  background: hsla(0, 0%, 100%, 0.2);
}
.poll-tag[data-voted="true"] .poll-option {
  pointer-events: none;
}
.poll-tag[data-voted="true"] .poll-option:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
.poll-option-text {
  white-space: pre-line;
}
.poll-option-text-suffix {
  opacity: 0.5;
}
.poll-option-text-suffix:before {
  content: "•";
  margin: 0 8px;
  font-weight: 700;
}
.poll-option-percent {
  display: flex;
  align-items: center;
  font-weight: 700;
}
.poll-option[data-selected="true"] .poll-option-percent:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMjQzLjI0MmwxLjQxNCAxLjQxNEw1IDguMzE0Ljg0NCA0LjE1NmwxLjQxNC0xLjQxNCAyLjc0MSAyLjc0M0wxMC4yNDMuMjQyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat 50%;
}
.poll-option-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.2);
  transition: width 0.7s ease;
}
[data-background-icon="audio"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzkuMTY3IDQ5Ljg5NWMwLTUuNzYzLTEuNTI4LTExLjAyNC00LjU4NC0xNS43OC0zLjA1NS00Ljc1OC03LjE1Mi04LjMxNy0xMi4yOTEtMTAuNjc4LTEuMDQyLS40ODYtMS44MDYtMS4yMzMtMi4yOTItMi4yNC0uNDg2LTEuMDA2LS41NTYtMi4wMy0uMjA4LTMuMDcyLjQxNi0xLjExMSAxLjE2My0xLjkxIDIuMjQtMi4zOTYgMS4wNzYtLjQ4NiAyLjE3LS40ODYgMy4yOCAwIDYuNzM3IDIuOTg2IDEyLjExOSA3LjU1MiAxNi4xNDYgMTMuNjk4IDQuMDI4IDYuMTQ2IDYuMDQyIDEyLjk2OCA2LjA0MiAyMC40NjhzLTIuMDE0IDE0LjMyMy02LjA0MiAyMC40N2MtNC4wMjcgNi4xNDUtOS40MSAxMC43MTEtMTYuMTQ1IDEzLjY5Ny0xLjExMi40ODYtMi4yMDUuNDg2LTMuMjgyIDAtMS4wNzYtLjQ4Ni0xLjgyMy0xLjI4NC0yLjI0LTIuMzk2LS4zNDctMS4wNDEtLjI3Ny0yLjA2Ni4yMDktMy4wNzMuNDg2LTEuMDA3IDEuMjUtMS43NTMgMi4yOTItMi4yNCA1LjEzOS0yLjM2IDkuMjM2LTUuOTIgMTIuMjkxLTEwLjY3NiAzLjA1Ni00Ljc1NyA0LjU4NC0xMC4wMTggNC41ODQtMTUuNzgyem0tNTAgMTIuNjA1aC0xMi41Yy0xLjE4IDAtMi4xNy0uNC0yLjk3LTEuMTk4LS43OTgtLjc5OS0xLjE5Ny0xLjc4OC0xLjE5Ny0yLjk2OVY0MS42NjZjMC0xLjE4LjQtMi4xNyAxLjE5OC0yLjk2OC43OTgtLjc5OSAxLjc4OC0xLjE5OCAyLjk2OS0xLjE5OGgxMi41bDEzLjc1LTEzLjc1YzEuMzItMS4zMiAyLjgzLTEuNjE1IDQuNTMtLjg4NkM0OS4xNSAyMy41OTQgNTAgMjQuODk1IDUwIDI2Ljc3VjczLjIzYzAgMS44NzUtLjg1IDMuMTc3LTIuNTUyIDMuOTA2LTEuNzAyLjczLTMuMjEyLjQzNC00LjUzMS0uODg1TDI5LjE2NyA2Mi41ek02OC43NSA1MGMwIDIuOTE2LS42NiA1LjY3Ny0xLjk4IDguMjgtMS4zMTkgMi42MDUtMy4wNTUgNC43NC01LjIwNyA2LjQwNy0uNjk1LjQxNy0xLjQwNy40MzQtMi4xMzYuMDUyLS43My0uMzgyLTEuMDk0LS45OS0xLjA5NC0xLjgyM1YzNi44NzVjMC0uODM0LjM2NS0xLjQ0MSAxLjA5NC0xLjgyMy43My0uMzgyIDEuNDQxLS4zNjUgMi4xMzYuMDUyIDIuMTUyIDEuNzM2IDMuODg4IDMuOTI0IDUuMjA4IDYuNTYyQTE4LjM5NCAxOC4zOTQgMCAwMTY4Ljc1IDUweiIgZmlsbD0iI0FDQjRDMiIvPjwvc3ZnPg==) !important;
}
.popupContainer {
  font-family: var(--font-family), var(--default-font-family);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 56px solid transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 102;
}
.popupContainer.popupContainerBackdrop {
  z-index: 100;
}
[data-disable-popup-background="true"] .popupContainer {
  background: none;
}
.popup {
  position: absolute;
  width: 640px;
  height: 360px;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.popup[data-type="poll"] {
  width: 640px;
  height: 400px;
}
.popup-lg {
  width: 960px;
  height: 540px;
}
.popup-controls {
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
  gap: 8px;
  position: absolute;
  right: -48px;
  top: 0;
}
.popup-controls > * {
  width: 40px;
  height: 40px;
  background: no-repeat 50%;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  cursor: pointer;
  opacity: 0.8;
}
.popup-controls > :hover {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}
.close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE3LjQxNCAxNmw2IDZMMjIgMjMuNDE0bC02LTYtNiA2TDguNTg2IDIybDYtNi02LTZMMTAgOC41ODZsNiA2IDYtNkwyMy40MTQgMTBsLTYgNnoiLz48L2c+PC9zdmc+);
}
.immersive-reader {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEzIDIydjJIOGExIDEgMCAwMS0xLTFWOWExIDEgMCAwMTEtMWg1LjU4NmExIDEgMCAwMS43MDcuMjkzTDE2IDEwbDEuNzA3LTEuNzA3QTEgMSAwIDAxMTguNDE0IDhIMjRhMSAxIDAgMDExIDF2NWgtMnYtNGgtNC4xNzJMMTcgMTEuODI4djQuNDIyTDE2IDE3aC0xdi01LjE3MkwxMy4xNzIgMTBIOXYxMmg0em00LTNsNC0zdjEwbC00LTNoLTFhMSAxIDAgMDEtMS0xdi0yYTEgMSAwIDAxMS0xaDF6bTUuNDA3LS4yMDZsMS4yMTUtMS4wNDFjLjQxLjQ5My43MyAxLjA2NC45MzQgMS42OTNhNS4wNCA1LjA0IDAgMDEuMDEgMy4wNzcgNS4xMDUgNS4xMDUgMCAwMS0uOTQ0IDEuNzI0bC0xLjIxNS0xLjA0MWMuMjgtLjM0MS40OTctLjczNS42MzMtMS4xNjZhMy40NCAzLjQ0IDAgMDAtLjAwNy0yLjEwMSAzLjUxIDMuNTEgMCAwMC0uNjI2LTEuMTQ1em0yLjMyLTEuOTg4bDEuMjE1LTEuMDQyYTguMjk2IDguMjk2IDAgMDEwIDEwLjQ3MmwtMS4yMTUtMS4wNDJhNi42OTggNi42OTggMCAwMDAtOC4zODh6Ii8+PC9nPjwvc3ZnPg==);
}
.mute-audio {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuOTk5IDBjOC44MzggMCAxNiA3LjE2MiAxNiAxNiAwIDguODM2LTcuMTYyIDE2LTE2IDE2QzcuMTY2IDMyIDAgMjQuODM2IDAgMTYgMCA3LjE2MiA3LjE2NiAwIDE1Ljk5OSAwIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE1IDhjLjU1IDAgMSAuNDUgMSAxdjE0YzAgLjU1LS40NSAxLTEgMWwtMy0zLTEtMS0xLTFIN2MtLjU1IDAtMS0uNDUtMS0xdi00YzAtLjU1LjQ1LTEgMS0xaDNsMS0xIDEtMSAzLTN6bTExIDhjMCAzLjIxOC0xLjc0MiA2LjAzLTQuMzI3IDcuNTY0bC0uOTYzLTEuMjg0QTcuMiA3LjIgMCAwMDI0LjQgMTZhNy4yIDcuMiAwIDAwLTMuNjktNi4yOGwuOTYzLTEuMjg0QzI0LjI1OCA5Ljk3IDI2IDEyLjc4MiAyNiAxNnptLTQgMGMwIDEuOTEzLTEuMTMzIDMuNTU1LTIuNzU2IDQuMzI1bC0uOTg5LTEuMzE4QTMuMTk1IDMuMTk1IDAgMDAyMC40IDE2YzAtMS4zOTMtLjktMi41NjgtMi4xNDUtMy4wMDdsLjk4OS0xLjMxOEMyMC44NjcgMTIuNDQ1IDIyIDE0LjA4NyAyMiAxNnoiLz48L2c+PC9zdmc+);
}
.mute-audio[data-muted="true"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuOTk5IDBjOC44MzggMCAxNiA3LjE2MSAxNiAxNnMtNy4xNjIgMTYtMTYgMTZDNy4xNjYgMzIgMCAyNC44MzkgMCAxNlM3LjE2NiAwIDE1Ljk5OSAwIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE1IDhjLjU1IDAgMSAuNDUgMSAxdjE0YzAgLjU1LS40NSAxLTEgMWwtMy0zLTEtMS0xLTFIN2MtLjU1IDAtMS0uNDUtMS0xdi00YzAtLjU1LjQ1LTEgMS0xaDNsMS0xIDEtMSAzLTN6bTcuNSA5LjA1MkwyMC4wNTEgMTkuNWwtMS4wNS0xLjA1MkwyMS40NDcgMTYgMTkgMTMuNTUybDEuMDUyLTEuMDUyIDIuNDQ4IDIuNDQ4IDIuNDQ4LTIuNDQ4TDI2IDEzLjU1MiAyMy41NTIgMTYgMjYgMTguNDQ4IDI0Ljk0OSAxOS41IDIyLjUgMTcuMDUyeiIvPjwvZz48L3N2Zz4=);
}
.popup iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.oneline {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #f7f7f7;
  color: #222;
  font-size: 16px;
  font-size: var(--tl-font-size-base, 16px);
  overflow: hidden;
}
.audio-container {
  flex: 1 1;
  background: no-repeat 50%;
  background-size: auto 50%;
}
.article-container,
.image-container {
  flex: 1 1;
}
.article-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.image-container {
  position: relative;
}
.image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}
.image.image-contain {
  object-fit: contain;
  border: 5px solid transparent;
}
video.image {
  object-fit: cover;
  background: #222;
}
video.image.image-contain {
  object-fit: contain;
  border: none;
}
canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.image.image-audio {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  padding: 8px;
  background: #f2f3f5 no-repeat 50%;
}
.image.image-audio audio {
  width: 100%;
}
.image-audio-captions {
  text-align: center;
  padding: 0 24px;
}
.image-audio-captions span {
  padding: 4px 8px;
  border-radius: 8px;
  background: #e3e3e3;
  color: #000;
  font-size: 14px;
  line-height: 22px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.image-container figcaption {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  max-height: 50%;
  max-height: calc(50% - 30px);
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 1.5;
  white-space: pre-line;
  word-break: break-word;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.image-container .expand-handler {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}
.image-container .expand-handler.focus-visible,
.image-container .expand-handler:focus-visible {
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 2px #000;
}
.article {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: auto 0;
  padding: 20px 32px;
}
.article > :empty {
  display: none;
}
.article > * {
  margin: 12px 0;
}
.title {
  font-size: 24px;
  font-size: var(--tl-font-size-2xl, 24px);
  font-weight: 700;
  line-height: 1.33;
}
.text,
.title {
  max-width: 100%;
}
.text {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  white-space: pre-line;
  word-break: break-word;
}
.text > :not(:last-child) {
  margin-bottom: 10px;
}
.text a,
.text a:visited {
  position: relative;
  color: #0068ff;
}
.text a:hover {
  color: #0048ff;
}
.text a:focus {
  outline: none;
}
.text a.focus-visible:after,
.text a:focus-visible:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  pointer-events: none;
  border: 2px dotted rgba(0, 0, 0, 0.5);
}
.text a:active {
  color: #eb3223;
}
.link {
  display: block;
  padding: 12px 16px;
  border-radius: 4px;
  text-decoration: none;
  background: #2679df;
  color: #f7f7f7;
}
.link:hover {
  opacity: 0.9;
}
.image-container figcaption,
.link,
.text,
.text *,
.title {
  unicode-bidi: plaintext;
}
.article[data-align="left"] {
  align-items: flex-start;
}
.article[data-align="left"] .text,
.article[data-align="left"] .title {
  align-items: flex-start;
  text-align: left;
}
.article[data-align="center"] {
  align-items: center;
}
.article[data-align="center"] .text,
.article[data-align="center"] .title {
  align-items: center;
  text-align: center;
}
.article[data-align="right"] {
  align-items: flex-end;
}
.article[data-align="right"] .text,
.article[data-align="right"] .title {
  align-items: flex-end;
  text-align: right;
}
.container.vertical {
  flex-direction: column;
}
.nav {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  cursor: pointer;
  transition: opacity 0.2s ease;
  opacity: 0.8;
}
.nav:hover {
  opacity: 1;
}
.nav.prev {
  left: 0;
}
.nav.next {
  right: 0;
}
.nav:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: no-repeat 50% content-box rgba(0, 0, 0, 0.5);
}
.nav.prev:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAzMmgzMlYwSDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE3Ljc5MyAyMy43MDdMMTAuMDg2IDE2bDcuNzA3LTcuNzA3IDEuNDE0IDEuNDE0TDEyLjkxNCAxNmw2LjI5MyA2LjI5M3oiLz48L2c+PC9zdmc+);
}
.nav.next:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAzMmgzMlYwSDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE0LjIwNCA4LjI5M0wyMS45MTEgMTZsLTcuNzA3IDcuNzA3LTEuNDE0LTEuNDE0TDE5LjA4MyAxNiAxMi43OSA5LjcwN3oiLz48L2c+PC9zdmc+);
}
.intro {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #f7f7f7;
  font-size: 24px;
  font-size: var(--tl-font-size-2xl, 24px);
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.2);
}
body.tl-high-contrast .intro {
  color: #000;
}
.question-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 15px;
  background: #fff;
  border-radius: 8px;
}
.question-container > * {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
}
.question-container > :first-child {
  flex: auto;
  overflow: auto;
}
.question-container > :first-child:before {
  flex: none;
  content: "";
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjA1MyAyMC4zODdjLS4wNTcuMDYzLS4xMS4xMy0uMTYuMi0uMDUuMDc0LS4wOS4xNTUtLjEyLjI0YS44NTUuODU1IDAgMDAtLjA4LjI0IDEuODI1IDEuODI1IDAgMDAwIC4yNjYgMS4xMiAxLjEyIDAgMDAuMTA3LjUwNyAxLjIgMS4yIDAgMDAuNzIuNzIgMS4yNTIgMS4yNTIgMCAwMDEuMDEzIDAgMS4yIDEuMiAwIDAwLjcyLS43MmMuMDYtLjE2Mi4wODctLjMzNC4wOC0uNTA3YTEuMzMyIDEuMzMyIDAgMDAtMi4yOC0uOTQ2ek0xNiAyLjY2N2ExMy4zMzMgMTMuMzMzIDAgMTAwIDI2LjY2NiAxMy4zMzMgMTMuMzMzIDAgMDAwLTI2LjY2NnptMCAyNGExMC42NjYgMTAuNjY2IDAgMTEwLTIxLjMzMyAxMC42NjYgMTAuNjY2IDAgMDEwIDIxLjMzM3ptMC0xNy4zMzRhNCA0IDAgMDAtMy40NjcgMiAxLjMzMiAxLjMzMiAwIDEwMi4zMDcgMS4zMzRBMS4zMzQgMS4zMzQgMCAwMTE2IDEyYTEuMzM0IDEuMzM0IDAgMDEwIDIuNjY3QTEuMzMzIDEuMzMzIDAgMDAxNC42NjcgMTZ2MS4zMzNhMS4zMzMgMS4zMzMgMCAxMDIuNjY2IDB2LS4yNEE0IDQgMCAwMDE2IDkuMzMzeiIgZmlsbD0iI0Q4RDhEOCIvPjwvc3ZnPg==) no-repeat 50%;
  background-size: contain;
}
.question-container input {
  width: 100%;
  padding: 10px;
  border: 2px solid #d8d8d8;
  border-radius: 4px;
  font-size: 24px;
  font-size: var(--tl-font-size-2xl, 24px);
}
.question-container input[data-error="true"] {
  color: #f30808;
  border-color: #f30808;
  background: #feecec;
  -webkit-animation: shake 0.3s ease;
  animation: shake 0.3s ease;
}
.answer-button {
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNjY3IDE2aDE4LjY2Nm0wIDBMMTYgNi42NjdNMjUuMzMzIDE2TDE2IDI1LjMzMyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat 50% #1d76e2;
  background-size: 50%;
  border-radius: 50%;
  cursor: pointer;
}
.answer-button:hover {
  opacity: 0.9;
}
.question-text {
  font-size: 24px;
  font-size: var(--tl-font-size-2xl, 24px);
  font-weight: 700;
  white-space: pre-line;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  75% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  50% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  75% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.answer-choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  align-content: start;
  grid-gap: 8px;
  width: 100%;
  max-height: 50%;
  overflow: auto;
}
.answer-choice {
  padding: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  font-size: 16px;
  font-size: var(--tl-font-size-base, 16px);
  cursor: pointer;
  word-wrap: break-word;
}
.answer-choice:hover {
  background: #f3f3f3;
}
.answer-choice[data-error="true"] {
  color: #f30808;
  border-color: #f30808;
  background: #feecec;
  -webkit-animation: shake 0.3s ease;
  animation: shake 0.3s ease;
}
.answer-choice span:before {
  content: "-";
  visibility: hidden;
}
@media (max-width: 512px) {
  .question-text {
    font-size: 20px;
    font-size: var(--tl-font-size-lg, 20px);
  }
  .answer-choices {
    grid-template-columns: 1fr;
  }
}
.wrong-answer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 15px;
}
.wrong-answer > * {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrong-answer > :first-child {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-size: var(--tl-font-size-lg, 20px);
  white-space: pre-line;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.wrong-answer > :last-child {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
}
.wrong-answer .answer-button {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjQzMyAxNy4zNGw2LjUzMyA2LjUzM2MuMjY3LjI2Ny4zOTQuNTc4LjM4My45MzMtLjAxLjM1Ni0uMTUuNjY3LS40MTYuOTM0YTEuNDA2IDEuNDA2IDAgMDEtLjkzNC4zODMgMS4yMjEgMS4yMjEgMCAwMS0uOTMzLS4zODNsLTguOC04LjhhMS4xNyAxLjE3IDAgMDEtLjI4My0uNDM0IDEuNDc2IDEuNDc2IDAgMDEtLjA4NC0uNWMwLS4xNzguMDI4LS4zNDQuMDg0LS41LjA1NS0uMTU1LjE1LS4zLjI4My0uNDMzbDguOC04LjhjLjI0NC0uMjQ1LjU1LS4zNjcuOTE3LS4zNjcuMzY2IDAgLjY4My4xMjIuOTUuMzY3LjI2Ni4yNjcuNC41ODMuNC45NXMtLjEzNC42ODMtLjQuOTVsLTYuNSA2LjVoMTQuOWMuMzc4IDAgLjY5NC4xMjguOTUuMzgzLjI1NS4yNTYuMzgzLjU3My4zODMuOTUgMCAuMzc4LS4xMjguNjk1LS4zODMuOTVhMS4yOSAxLjI5IDAgMDEtLjk1LjM4NGgtMTQuOXoiIGZpbGw9IiM5MTkxOTEiLz48L3N2Zz4=) no-repeat 50% #f2f2f2;
}
.wrong-answer > :first-child:before {
  flex: none;
  content: "";
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwIDMuMzM2bC41NC4wMDIuNTMuMDA2IDEuMDI3LjAyOS40OTguMDIxLjk2NS4wNTcuOTIyLjA3N2M3Ljk3NS43NzMgMTEuMjIgNC4wMTggMTEuOTkzIDExLjk5M2wuMDc3LjkyMi4wNTYuOTY1Yy4wMDkuMTYzLjAxNy4zMy4wMjIuNDk4bC4wMjggMS4wMjcuMDA5IDEuMDctLjAwOSAxLjA3LS4wMjggMS4wMjYtLjAyMi40OTktLjA1Ni45NjUtLjA3Ny45MjFjLS43NzMgNy45NzUtNC4wMTggMTEuMjItMTEuOTkzIDExLjk5NGwtLjkyMi4wNzYtLjk2NS4wNTdjLS4xNjMuMDA4LS4zMy4wMTctLjQ5OC4wMjJsLTEuMDI3LjAyOC0xLjA3LjAwOC0xLjA3LS4wMDgtMS4wMjctLjAyOC0uNDk4LS4wMjItLjk2NS0uMDU3LS45MjItLjA3NmMtNy45NzUtLjc3NC0xMS4yMi00LjAxOS0xMS45OTMtMTEuOTk0bC0uMDc3LS45MjEtLjA1Ni0uOTY1YTQ2Ljg5NCA0Ni44OTQgMCAwMS0uMDIyLS40OTlsLS4wMjgtMS4wMjZjLS4wMDUtLjM1LS4wMDktLjcwNy0uMDA5LTEuMDdsLjAwMi0uNTQuMDA3LS41My4wMjgtMS4wMjcuMDIyLS40OTguMDU2LS45NjUuMDc3LS45MjJDNC4yOTggNy41NDYgNy41NDMgNC4zIDE1LjUxOCAzLjUyOGwuOTIyLS4wNzcuOTY1LS4wNTdjLjE2My0uMDA4LjMzLS4wMTYuNDk4LS4wMjFsMS4wMjctLjAyOWMuMzUtLjAwNS43MDctLjAwOCAxLjA3LS4wMDh6bS0yLjQ4MiAxMS45YTEuNjY3IDEuNjY3IDAgMDAtMi4wMyAyLjYxMmwyLjE1NCAyLjE1NS0yLjE1NCAyLjE1NS0uMTM4LjE1NmExLjY2NiAxLjY2NiAwIDAwMi40OTUgMi4yTDIwIDIyLjM2MWwyLjE1NSAyLjE1My4xNTcuMTM5YTEuNjY3IDEuNjY3IDAgMDAyLjItMi40OTVsLTIuMTU0LTIuMTU1IDIuMTU0LTIuMTU1LjEzOC0uMTU3YTEuNjY2IDEuNjY2IDAgMDAtMi40OTUtMi4yTDIwIDE3LjY0NGwtMi4xNTUtMi4xNTMtLjE1Ny0uMTM4LS4xNy0uMTE3eiIgZmlsbD0iI0ZCNjA3RiIvPjwvc3ZnPg==)
    no-repeat 50%;
  background-size: contain;
}
.wrong-answer[data-state="success"] > :first-child:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwIDMuMzM2Yy0uMzYzIDAtLjcyLjAwMy0xLjA3LjAwOGwtMS4wMjcuMDI5LS40OTguMDIxLS45NjUuMDU3LS45MjIuMDc3QzcuNTQzIDQuMyA0LjI5OCA3LjU0NiAzLjUyNSAxNS41MmwtLjA3Ny45MjItLjA1Ni45NjVjLS4wMDkuMTYzLS4wMTcuMzMtLjAyMi40OThsLS4wMjggMS4wMjctLjAwNy41My0uMDAyLjU0YzAgLjM2My4wMDQuNzIuMDA5IDEuMDdsLjAyOCAxLjAyNi4wMjIuNDk5LjA1Ni45NjUuMDc3LjkyMWMuNzczIDcuOTc1IDQuMDE4IDExLjIyIDExLjk5MyAxMS45OTRsLjkyMi4wNzYuOTY1LjA1N2MuMTYzLjAwOC4zMy4wMTcuNDk4LjAyMmwxLjAyNy4wMjggMS4wNy4wMDggMS4wNy0uMDA4IDEuMDI3LS4wMjguNDk4LS4wMjIuOTY1LS4wNTcuOTIyLS4wNzZjNy45NzUtLjc3NCAxMS4yMi00LjAxOSAxMS45OTMtMTEuOTk0bC4wNzctLjkyMS4wNTYtLjk2NWMuMDA5LS4xNjQuMDE3LS4zMy4wMjItLjQ5OWwuMDI4LTEuMDI2LjAwOS0xLjA3LS4wMDktMS4wNy0uMDI4LTEuMDI3LS4wMjItLjQ5OC0uMDU2LS45NjUtLjA3Ny0uOTIyQzM1LjcwMiA3LjU0NiAzMi40NTcgNC4zIDI0LjQ4MiAzLjUyOGwtLjkyMi0uMDc3LS45NjUtLjA1N2E0Ni44OTQgNDYuODk0IDAgMDAtLjQ5OC0uMDIxbC0xLjAyNy0uMDI5LS41My0uMDA2LS41NC0uMDAyem0zLjgyMiAxMi4xNTVhMS42NjYgMS42NjYgMCAwMTIuNDk1IDIuMmwtLjEzOS4xNTctNi42NjYgNi42NjZhMS42NjcgMS42NjcgMCAwMS0yLjIuMTM5bC0uMTU3LS4xMzktMy4zMzMtMy4zMzNhMS42NjcgMS42NjcgMCAwMTIuMi0yLjQ5NWwuMTU2LjEzOCAyLjE1NSAyLjE1NCA1LjQ4OS01LjQ4N3oiIGZpbGw9IiMxQkJDOUIiLz48L3N2Zz4=)
    no-repeat 50%;
  background-size: contain;
}
@media (max-width: 512px) {
  .popupContainer {
    border-left-width: 16px;
    border-right-width: 16px;
    border-bottom-width: 16px;
    background: rgba(0, 0, 0, 0.8);
  }
  .popup-controls {
    right: 0;
    top: -48px;
    display: flex;
    flex-direction: row-reverse;
  }
  .popup {
    width: 100%;
    height: 720px;
  }
}
@media (max-height: 512px), (max-width: 512px) {
  .question-container > :first-child > * {
    margin: auto;
  }
  .question-container > :first-child:before {
    content: none;
  }
  .question-text {
    font-size: 20px;
    font-size: var(--tl-font-size-lg, 20px);
  }
}
.prompt-image-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: 16px;
  gap: 16px;
  background: #e5e5e5;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.prompt-image-container:before {
  content: "";
  width: 64px;
  height: 64px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0LjUgMTcuNWE3IDcgMCAxMS0xNCAwIDcgNyAwIDAxMTQgMHoiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjIiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjUgMEM0LjcwMSAwIDAgNC43MDEgMCAxMC41djM1QzAgNTEuMjk5IDQuNzAxIDU2IDEwLjUgNTZoMzVDNTEuMjk5IDU2IDU2IDUxLjI5OSA1NiA0NS41VjEzLjEyNSAxMC41QzU2IDQuNzAxIDUxLjI5OSAwIDQ1LjUgMGgtMzV6bTAgNS4yNWE1LjI1IDUuMjUgMCAwMC01LjI1IDUuMjV2MzMuNDE0bDYuNzAzLTguNzA4YzIuODAyLTMuNjQgOC4yOTItMy42NCAxMS4wOTQgMGwxLjIzNSAxLjYwNWEzLjUgMy41IDAgMDA1LjU0NyAwbDYuNjI0LTguNjA1YzIuODAzLTMuNjQgOC4yOTItMy42NCAxMS4wOTQgMGwzLjIwMyA0LjE2VjEwLjVjMC0yLjktMi4zNS01LjI1LTUuMjUtNS4yNWgtMzV6IiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii4yIi8+PC9zdmc+) no-repeat 50%;
  background-size: contain;
}
.prompt-image-container-text {
  padding: 8px;
  border-radius: 8px;
  background: #fff;
  color: #000;
  font-size: 12px;
  font-size: var(--tl-font-size-xs, 12px);
  text-align: center;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
}
body.tl-font-size--extralarge .popup,
body.tl-font-size--extralarge .popup-lg,
body.tl-font-size--large .popup,
body.tl-font-size--large .popup-lg {
  width: 960px;
  height: 540px;
}
@media (min-width: 1920px) {
  .popup {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  .popup iframe {
    width: 150%;
    height: 150%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.6666);
    transform: scale(0.6666);
  }
}
.info-panel,
.tag {
  font-family: var(--font-family), var(--default-font-family);
}
.scene-overlay {
  pointer-events: none;
}
.scene-overlay-blur {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: grayscale(1);
  backdrop-filter: grayscale(1);
  opacity: 0;
  transition: opacity 0.7s ease;
}
.poster {
  cursor: pointer;
}
.poster-image {
  width: 100%;
  height: 100%;
  background: no-repeat 50%;
  background-size: contain;
}
.poster-image[data-is360="true"] {
  background-size: cover;
}
.poster-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAzMmgzMlYwSDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEwIDljMC0xLjEuNzcxLTEuNTM3IDEuNzE1LS45NzFsMTEuNTcgNi45NDJjLjk0NC41NjYuOTQ0IDEuNDkyIDAgMi4wNThsLTExLjU3IDYuOTQyQzEwLjc3MSAyNC41MzcgMTAgMjQuMSAxMCAyM1Y5eiIvPjwvZz48L3N2Zz4=) no-repeat 50%;
  background-size: 160px;
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.controls,
.player,
.poster,
.scene {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.player,
.scene {
  overflow: hidden;
}
.scene {
  opacity: 0;
  transition: opacity 1s ease;
}
.scene[data-loaded="true"] {
  opacity: 1;
  transition: none;
}
.scene[data-zoom="true"] {
  overflow-x: auto;
  overflow-y: auto;
}
iframe.scene {
  border: none;
}
.wrapper,
iframe.scene {
  width: 100%;
  height: 100%;
}
.wrapper {
  position: absolute;
  left: 0;
  top: 0;
}
.scene canvas,
.scene img,
.scene video {
  width: 100%;
  height: 100%;
}
.scene img,
.scene video {
  pointer-events: none;
}
.scene .canvas-region .visible-on-focus {
  display: none;
}
.scene .canvas-region[focus-within] .visible-on-focus {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 18px;
  font-size: var(--tl-font-size-md, 18px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
}
.scene .canvas-region:focus-within .visible-on-focus {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 18px;
  font-size: var(--tl-font-size-md, 18px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
}
.credit {
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px 6px;
  color: #fff;
  font-size: 12px;
  font-size: var(--tl-font-size-xs, 12px);
  cursor: default;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.3);
}
.credit > * {
  color: #fff;
  text-decoration: none;
}
.credit > a:hover {
  opacity: 0.8;
}
.credit span {
  margin: 0 5px;
}
.tagContainer {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.tag,
.tagContainer {
  position: absolute;
  left: 0;
  top: 0;
}
.tag {
  width: 0;
  height: 0;
  cursor: pointer;
  z-index: 1;
  transition: opacity 0.3s ease;
  pointer-events: auto;
  opacity: 1;
  outline: none;
}
.tag[data-type="label"] {
  cursor: default;
}
.tag:hover {
  z-index: 3;
}
.tag:focus,
.tag[data-focused="true"] {
  z-index: 2;
}
.tag.dragging {
  cursor: none;
}
.tag.topmost {
  z-index: 101;
}
.tag.topmost > .tag-wrapper {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.tag[data-locked="true"] {
  pointer-events: none;
}
.tag .icon {
  position: absolute;
  left: -16px;
  top: -16px;
  width: 32px;
  height: 32px;
  background: no-repeat 50%;
  background-size: contain;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  color: #fff;
}
.tag.selected .icon,
.tag:hover .icon {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.tag.focus-visible .icon,
.tag:focus-visible .icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  outline: 2px solid #fff;
  outline-offset: 2px;
  outline-style: dashed;
  border-radius: 50%;
}
.tag[data-locked="true"] .icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMwLjIyMiAxNi4wMDNjMCA3Ljg1NS02LjM2NyAxNC4yMjMtMTQuMjIyIDE0LjIyMy03Ljg1NSAwLTE0LjIyMi02LjM2OC0xNC4yMjItMTQuMjIzQzEuNzc4IDguMTUgOC4xNDUgMS43ODEgMTYgMS43ODFjNy44NTUgMCAxNC4yMjIgNi4zNjggMTQuMjIyIDE0LjIyMnoiIGZpbGw9IiMwMDAwMDA5OSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzIgMTZjMCA4LjgzNy03LjE2MyAxNi0xNiAxNlMwIDI0LjgzNyAwIDE2IDcuMTYzIDAgMTYgMHMxNiA3LjE2MyAxNiAxNnpNMTYgMzAuMjIyYzcuODU1IDAgMTQuMjIyLTYuMzY3IDE0LjIyMi0xNC4yMjIgMC03Ljg1NS02LjM2Ny0xNC4yMjItMTQuMjIyLTE0LjIyMkM4LjE0NSAxLjc3OCAxLjc3OCA4LjE0NSAxLjc3OCAxNmMwIDcuODU1IDYuMzY3IDE0LjIyMiAxNC4yMjIgMTQuMjIyeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yMC45NzggMTIuMjEyaC0uODN2LTEuNjI1YzAtMi4yNDMtMS44NTgtNC4wNjQtNC4xNDgtNC4wNjQtMi4yOSAwLTQuMTQ4IDEuODItNC4xNDggNC4wNjR2MS42MjVoLS44M2MtLjkxMiAwLTEuNjYuNzMyLTEuNjYgMS42MjZ2OC4xMjdjMCAuODk0Ljc0OCAxLjYyNSAxLjY2IDEuNjI1aDkuOTU2Yy45MTIgMCAxLjY1OS0uNzMxIDEuNjU5LTEuNjI1di04LjEyN2MwLS44OTQtLjc0Ny0xLjYyNi0xLjY2LTEuNjI2ek0xNiAxOS41MjdjLS45MTMgMC0xLjY2LS43MzItMS42Ni0xLjYyNiAwLS44OTQuNzQ3LTEuNjI1IDEuNjYtMS42MjUuOTEzIDAgMS42Ni43MzEgMS42NiAxLjYyNXMtLjc0NyAxLjYyNi0xLjY2IDEuNjI2em0tMi40ODktNy4zMTV2LTEuNjI1YzAtMS4zNSAxLjExMi0yLjQzOCAyLjQ4OS0yLjQzOCAxLjM3NyAwIDIuNDg5IDEuMDg5IDIuNDg5IDIuNDM4djEuNjI1SDEzLjUxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) !important;
}
.tag .backdrop {
  position: absolute;
  left: -16px;
  top: -16px;
  width: 32px;
  height: 32px;
  background: currentColor;
  border-radius: 50%;
  color: #fff;
  display: none;
  -webkit-animation: none;
  animation: none;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 1;
  pointer-events: none;
}
.animation .tag .backdrop {
  display: block;
  -webkit-animation: pulse 4s ease 2s infinite;
  animation: pulse 4s ease 2s infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  40%,
  to {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  40%,
  to {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
}
.tag .tag-label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: -webkit-max-content;
  width: max-content;
  max-width: 160px;
  min-height: 32px;
  padding: 5px 10px;
  border-radius: 4px;
  background: #fff;
  color: #222;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  line-height: 1.25;
  font-size: 14px;
  font-size: var(--tl-font-size-sm, 14px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tag .tag-label[data-dark="true"] {
  background: #333;
  color: #fff;
}
.tag .tag-label[data-arrow="true"] {
  max-width: 182px;
}
.tag .tag-label[data-arrow="true"]:after {
  content: "";
  flex: none;
  align-self: flex-end;
  width: 22px;
  height: 22px;
  margin-right: -5px;
  margin-left: 5px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNTg2IDZMLjI5MyAxLjcwNyAxLjcwNy4yOTMgNy40MTQgNmwtNS43MDcgNS43MDctMS40MTQtMS40MTRMNC41ODYgNnoiIGZpbGw9IiM3NzciLz48L3N2Zz4=) no-repeat 50%;
}
.tag .tag-label div {
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
}
.tag .label-wrapper {
  position: absolute;
  width: 320px;
  pointer-events: none;
}
.tag:hover .label-wrapper.label-popup {
  pointer-events: auto;
}
.tag .label-wrapper:before {
  content: "";
  width: 60px;
  height: 60px;
  margin: -10px;
}
.tag .label,
.tag .label-wrapper:before {
  position: absolute;
  left: inherit;
  right: inherit;
  top: inherit;
  bottom: inherit;
}
.tag .label {
  display: flex;
  align-items: center;
  grid-gap: 8px;
  gap: 8px;
  margin: 20px;
  border: solid transparent;
  border-width: 6px 8px;
  max-width: 240px;
  max-height: 160px;
  border-radius: 8px;
  line-height: 18px;
  /* white-space: pre-line; */
  word-wrap: break-word;
  overflow: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.tag .label-popup-image {
  flex: none;
  width: 54px;
  height: 54px;
  background: #ccc;
  background-size: cover;
  border-radius: 4px;
}
.tag .label-popup-article {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.tag .label-popup-title {
  line-height: 1.57;
  font-size: 14px;
  font-size: var(--tl-font-size-sm, 14px);
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tag .label-popup-text {
  max-height: 32px;
  line-height: 1.33;
  font-size: 12px;
  font-size: var(--tl-font-size-xs, 12px);
  color: #999;
}
.tag .label-popup-text a {
  color: #999;
}
body.tl-high-contrast .tag .label-popup-text,
body.tl-high-contrast .tag .label-popup-text a {
  color: #fff;
}
.tag .label-popup-arrow {
  flex: none;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjY3NSAxMkwxMC4zIDE0LjM3NWEuOTMzLjkzMyAwIDAwLS4yNzUuNjg4YzAgLjI3NC4wOTIuNTEyLjI3NS43MTIuMi4yLjQzOC4zLjcxMi4zLjI3NSAwIC41MTMtLjEuNzEzLS4zTDE0LjggMTIuN2MuMi0uMi4zLS40MzMuMy0uNyAwLS4yNjctLjEtLjUtLjMtLjdsLTMuMS0zLjFhLjkxNi45MTYgMCAwMC0uNy0uMjg3Yy0uMjY3LjAwOC0uNS4xMTItLjcuMzEyLS4xODMuMi0uMjguNDMzLS4yODguNy0uMDA4LjI2Ny4wODguNS4yODguN0wxMi42NzUgMTJ6TTEyIDIyYTkuNzM4IDkuNzM4IDAgMDEtMy45LS43ODggMTAuMDk5IDEwLjA5OSAwIDAxLTMuMTc1LTIuMTM3Yy0uOS0uOS0xLjYxMi0xLjk1OC0yLjEzNy0zLjE3NUE5LjczOCA5LjczOCAwIDAxMiAxMmMwLTEuMzgzLjI2My0yLjY4My43ODgtMy45YTEwLjA5OSAxMC4wOTkgMCAwMTIuMTM3LTMuMTc1Yy45LS45IDEuOTU4LTEuNjEyIDMuMTc1LTIuMTM3QTkuNzM4IDkuNzM4IDAgMDExMiAyYzEuMzgzIDAgMi42ODMuMjYzIDMuOS43ODhhMTAuMDk4IDEwLjA5OCAwIDAxMy4xNzUgMi4xMzdjLjkuOSAxLjYxMyAxLjk1OCAyLjEzNyAzLjE3NUE5LjczOCA5LjczOCAwIDAxMjIgMTJhOS43MzggOS43MzggMCAwMS0uNzg4IDMuOSAxMC4wOTggMTAuMDk4IDAgMDEtMi4xMzcgMy4xNzVjLS45LjktMS45NTggMS42MTMtMy4xNzUgMi4xMzdBOS43MzggOS43MzggMCAwMTEyIDIyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  background-size: contain;
}
.tag[data-position="nw"] .label-wrapper {
  left: 0;
  top: 0;
}
.tag[data-position="ne"] .label-wrapper {
  right: 0;
  top: 0;
}
.tag[data-position="sw"] .label-wrapper {
  left: 0;
  bottom: 0;
}
.tag[data-position="se"] .label-wrapper {
  right: 0;
  bottom: 0;
}
.tag.rtl .label {
  left: auto;
  right: 25px;
}
.tag.selected .label {
  opacity: 1;
}
.tag.expanded .label {
  display: block;
  opacity: 1;
}
.tag:hover .label,
.tag[data-hovered="true"] .label {
  display: flex;
  opacity: 1;
}
.tag.dragging .label {
  display: none;
}
.label ol,
.tag-label ol {
  list-style-position: inside;
}
.label ol li,
.tag-label ol li {
  margin: 0;
}
.animation .tag.transition.selected .backdrop,
.animation .tag.transition:focus .backdrop,
.animation .tag.transition:hover .backdrop {
  background: transparent;
}
.tag.transition.selected .icon,
.tag.transition:focus .icon,
.tag.transition:hover .icon {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tag.transition .transition-icon {
  position: absolute;
  left: -24px;
  top: -24px;
  width: 48px;
  height: 48px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: no-repeat 50% content-box #edeef0;
  background-size: cover;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.tag.transition .transition-icon svg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.tag.transition.selected .transition-icon,
.tag.transition:focus .transition-icon,
.tag.transition:hover .transition-icon {
  opacity: 1;
}
.tag.transition .label-wrapper {
  overflow: visible;
  top: 0;
  bottom: auto;
}
.tag.transition .label {
  margin: 0 32px;
  border: none;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  line-height: 32px;
  border-radius: 8px 8px;
  white-space: nowrap;
  word-wrap: nowrap;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tag.transition .transition-icon svg circle {
  visibility: hidden;
}
.tag.transition.selected .transition-icon svg circle {
  visibility: visible;
  -webkit-animation: tourtag 1.5s linear forwards;
  animation: tourtag 1.5s linear forwards;
}
@-webkit-keyframes tourtag {
  0% {
    stroke-dasharray: 0 314;
  }
  to {
    stroke-dasharray: 314 314;
  }
}
@keyframes tourtag {
  0% {
    stroke-dasharray: 0 314;
  }
  to {
    stroke-dasharray: 314 314;
  }
}
.controls {
  border: 10px solid transparent;
  pointer-events: none;
  z-index: 100;
  transition: opacity 0.7s ease;
}
.controls[data-active="false"] {
  opacity: 0;
}
.top-panel {
  left: 0;
  top: 0;
}
.bottom-panel {
  right: 0;
  bottom: 0;
}
.control-panel,
.history-panel,
.info-panel,
.related-panel {
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  pointer-events: auto;
}
.control-panel {
  display: flex;
  position: absolute;
  max-width: 100%;
  border-radius: 4px;
}
.control-panel.extended {
  width: 100%;
}
.control-panel > * {
  flex: none;
}
.control-panel .progress {
  flex: 1 1;
  position: relative;
  cursor: pointer;
}
.control-panel .progress-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 4px;
  margin-top: -2px;
  background: hsla(0, 0%, 100%, 0.2);
  pointer-events: none;
}
.control-panel .progress-panel.ok {
  background: rgba(255, 208, 0, 0.2);
}
.control-panel .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #fff;
}
.control-panel .progress-panel.ok .progress-bar {
  background: #ffd000;
}
.control-panel .progress-bar-buffered {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.4);
}
.control-panel .progress-panel.ok .progress-bar-buffered {
  background: rgba(255, 208, 0, 0.4);
}
.control-panel .cuepoints-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
.control-panel .cuepoints-bar {
  position: absolute;
  top: 0;
  bottom: 0;
}
.control-panel .cuepoints-bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, 0.2);
  display: none;
}
.control-panel .cuepoints-bar:hover:before {
  display: block;
}
.control-panel .cuepoints-bar:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 12px;
  bottom: 12px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbnRlbnRTY3JpcHRUeXBlPSJ0ZXh0L2VjbWFzY3JpcHQiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4wIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgcj0iMTYiIGN4PSIxNiIgY3k9IjE2Ii8+PGNpcmNsZSBmaWxsPSIjRkZGIiByPSIxMyIgY3g9IjE2IiBjeT0iMTYiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTYgMjRhOCA4IDAgMTEwLTE2IDggOCAwIDAxMCAxNnptLTEtOWgtNXYyaDV2NWgydi01aDV2LTJoLTV2LTVoLTJ2NXoiLz48L2c+PC9zdmc+) 50% no-repeat;
  background-size: contain;
  opacity: 0.9;
}
.control-panel .cuepoints-bar-end,
.control-panel .cuepoints-bar-start {
  display: none;
  position: absolute;
  width: 4px;
  height: 100%;
  background: #ffd000;
  cursor: col-resize;
  z-index: 1;
}
.control-panel .cuepoints-bar-start {
  right: 100%;
}
.control-panel .cuepoints-bar-end {
  left: 100%;
}
.control-panel .cuepoints-bar-end:after,
.control-panel .cuepoints-bar-end:before,
.control-panel .cuepoints-bar-start:after,
.control-panel .cuepoints-bar-start:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 100%;
}
.control-panel .cuepoints-bar-end:before,
.control-panel .cuepoints-bar-start:before {
  right: 100%;
}
.control-panel .cuepoints-bar-end:after,
.control-panel .cuepoints-bar-start:after {
  left: 100%;
}
.control-panel .time-popup {
  position: absolute;
  top: -24px;
  height: 20px;
  padding: 0 4px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 11px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.menu-btn {
  min-width: 40px;
  height: 40px;
  border: none;
  background: no-repeat 50%;
  line-height: 40px;
  cursor: pointer;
  pointer-events: auto;
  opacity: 0.9;
  color: #fff;
}
.menu-btn:hover {
  opacity: 1;
}
.menu-btn span {
  padding: 0 10px 0 40px;
}
.fullscreen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMzJjOC44MzUgMCAxNi03LjE2MSAxNi0xNlMyNC44MzUgMCAxNiAwQzcuMTYxIDAgMCA3LjE2MSAwIDE2czcuMTYxIDE2IDE2IDE2Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTkuOTk0IDE4Ljk5OWwtLjAwNCAzLjAwNyAzLjAwNy0uMDA0djEuOTkzaC00QS45OTguOTk4IDAgMDE4IDIyLjk5OXYtNGgxLjk5NHptOS4wMDEgMy4wMDNsMy4wMDMuMDA0di0zLjAwN2gxLjk5M3Y0YS45OTguOTk4IDAgMDEtLjk5Ny45OTZoLTMuOTk5di0xLjk5M3ptMy4wMDMtOS4wMDFWOS45OThoLTMuMDAzVjguMDA5bDMuOTc1LS4wMDVoLjAyNGMuNTUgMCAuOTk3LjQ0OC45OTcuOTk3djRoLTEuOTkzem0tOS0zLjAwM0g5Ljk5bC4wMDQgMy4wMDNIOHYtNGExIDEgMCAwMS45OTctLjk5N2w0IC4wMDV2MS45ODl6Ii8+PC9nPjwvc3ZnPg==);
}
:-webkit-full-screen .fullscreen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMzJjOC44MzUgMCAxNi03LjE2MSAxNi0xNlMyNC44MzUgMCAxNiAwQzcuMTYxIDAgMCA3LjE2MSAwIDE2czcuMTYxIDE2IDE2IDE2Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIwLjk5NCA4LjAwNGwtLjAwNCAzLjAwOSAzLjAwNy0uMDA0djEuOTkzaC00YS45OTguOTk4IDAgMDEtLjk5Ny0uOTk2VjguMDA0aDEuOTk0ek04IDExLjAwOWwzLjAwMy4wMDRWOC4wMDRoMS45OTN2NC4wMDJjMCAuNTUtLjQ0Ny45OTYtLjk5Ny45OTZIOFYxMS4wMXptMy4wMDMgMTIuOTk1di0zLjAwNUg4di0xLjk5bDMuOTc1LS4wMDRIMTJjLjU1IDAgLjk5Ny40NDguOTk3Ljk5N3Y0LjAwMmgtMS45OTN6bTEyLjk5LTMuMDA1aC0zLjAwOGwuMDA0IDMuMDA1aC0xLjk5NHYtNC4wMDJhMSAxIDAgMDEuOTk3LS45OTdsNCAuMDA1VjIxeiIvPjwvZz48L3N2Zz4=);
}
:-ms-fullscreen .fullscreen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMzJjOC44MzUgMCAxNi03LjE2MSAxNi0xNlMyNC44MzUgMCAxNiAwQzcuMTYxIDAgMCA3LjE2MSAwIDE2czcuMTYxIDE2IDE2IDE2Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIwLjk5NCA4LjAwNGwtLjAwNCAzLjAwOSAzLjAwNy0uMDA0djEuOTkzaC00YS45OTguOTk4IDAgMDEtLjk5Ny0uOTk2VjguMDA0aDEuOTk0ek04IDExLjAwOWwzLjAwMy4wMDRWOC4wMDRoMS45OTN2NC4wMDJjMCAuNTUtLjQ0Ny45OTYtLjk5Ny45OTZIOFYxMS4wMXptMy4wMDMgMTIuOTk1di0zLjAwNUg4di0xLjk5bDMuOTc1LS4wMDRIMTJjLjU1IDAgLjk5Ny40NDguOTk3Ljk5N3Y0LjAwMmgtMS45OTN6bTEyLjk5LTMuMDA1aC0zLjAwOGwuMDA0IDMuMDA1aC0xLjk5NHYtNC4wMDJhMSAxIDAgMDEuOTk3LS45OTdsNCAuMDA1VjIxeiIvPjwvZz48L3N2Zz4=);
}
:fullscreen .fullscreen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMzJjOC44MzUgMCAxNi03LjE2MSAxNi0xNlMyNC44MzUgMCAxNiAwQzcuMTYxIDAgMCA3LjE2MSAwIDE2czcuMTYxIDE2IDE2IDE2Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIwLjk5NCA4LjAwNGwtLjAwNCAzLjAwOSAzLjAwNy0uMDA0djEuOTkzaC00YS45OTguOTk4IDAgMDEtLjk5Ny0uOTk2VjguMDA0aDEuOTk0ek04IDExLjAwOWwzLjAwMy4wMDRWOC4wMDRoMS45OTN2NC4wMDJjMCAuNTUtLjQ0Ny45OTYtLjk5Ny45OTZIOFYxMS4wMXptMy4wMDMgMTIuOTk1di0zLjAwNUg4di0xLjk5bDMuOTc1LS4wMDRIMTJjLjU1IDAgLjk5Ny40NDguOTk3Ljk5N3Y0LjAwMmgtMS45OTN6bTEyLjk5LTMuMDA1aC0zLjAwOGwuMDA0IDMuMDA1aC0xLjk5NHYtNC4wMDJhMSAxIDAgMDEuOTk3LS45OTdsNCAuMDA1VjIxeiIvPjwvZz48L3N2Zz4=);
}
.language {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjEgMTguOTVsLS44NzUgMi40MjVhLjkyNi45MjYgMCAwMS0uMzUuNDUuOTM4LjkzOCAwIDAxLS41NS4xNzUuOTc0Ljk3NCAwIDAxLS44MTMtLjQxM2MtLjIwOC0uMjc0LS4yNDUtLjU3OS0uMTEyLS45MTJsMy44LTEwLjA1Yy4wODMtLjE4My4yMDgtLjMzMy4zNzUtLjQ1YS45MzguOTM4IDAgMDEuNTUtLjE3NWguNzVjLjIgMCAuMzgzLjA1OC41NS4xNzUuMTY3LjExNy4yOTIuMjY3LjM3NS40NUwyMi42IDIwLjdjLjEzMy4zMTcuMS42MTMtLjEuODg3YS45NDEuOTQxIDAgMDEtLjguNDEzLjg4Ljg4IDAgMDEtLjU2My0uMTg4IDEuMTkyIDEuMTkyIDAgMDEtLjM2Mi0uNDg3bC0uODI1LTIuMzc1SDE1LjF6bS42LTEuNzVoMy42bC0xLjc1LTQuOTVoLS4xTDE1LjcgMTcuMnpNOSAxNGwtNC4zIDQuM2EuOTQ4Ljk0OCAwIDAxLS43LjI3NS45NDguOTQ4IDAgMDEtLjctLjI3NS45NDguOTQ4IDAgMDEtLjI3NS0uN2MwLS4yODMuMDkyLS41MTcuMjc1LS43bDQuMzUtNC4zNWExNi4wMjQgMTYuMDI0IDAgMDEtMS42NjMtMi4xNzVBMTYuMDM0IDE2LjAzNCAwIDAxNC43NSA4aDIuMWMuMy42LjYyIDEuMTQyLjk2MyAxLjYyNS4zNDEuNDgzLjc1NC45OTIgMS4yMzcgMS41MjUuNzMzLS44IDEuMzQyLTEuNjIgMS44MjUtMi40NjNBMTYuMDYgMTYuMDYgMCAwMDEyLjEgNkgyYS45NjguOTY4IDAgMDEtLjcxMi0uMjg3QS45NjguOTY4IDAgMDExIDVjMC0uMjgzLjA5Ni0uNTIuMjg4LS43MTNBLjk2OC45NjggMCAwMTIgNGg2VjNjMC0uMjgzLjA5Ni0uNTIuMjg3LS43MTJBLjk2OC45NjggMCAwMTkgMmMuMjgzIDAgLjUyLjA5Ni43MTMuMjg4LjE5MS4xOTEuMjg3LjQyOS4yODcuNzEydjFoNmMuMjgzIDAgLjUyLjA5Ni43MTIuMjg3LjE5Mi4xOTIuMjg4LjQzLjI4OC43MTNzLS4wOTYuNTItLjI4OC43MTNBLjk2OC45NjggMCAwMTE2IDZoLTEuOWExOC4xNTMgMTguMTUzIDAgMDEtMS40MjUgMy40NSAxNi4xMzQgMTYuMTM0IDAgMDEtMi4yMjUgMy4xNWwyLjQgMi40NS0uNzUgMi4wNUw5IDE0eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
}
.accessibility {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyMmM1LjUyMyAwIDEwLTQuNDc3IDEwLTEwUzE3LjUyMyAyIDEyIDIgMiA2LjQ3NyAyIDEyczQuNDc3IDEwIDEwIDEwem0wLTE3Yy45MTcgMCAxLjY2Ljc2OCAxLjY2IDEuNzE0IDAgLjk0Ny0uNzQzIDEuNzE1LTEuNjYgMS43MTUtLjkxNyAwLTEuNjYtLjc2OC0xLjY2LTEuNzE1QzEwLjM0IDUuNzY4IDExLjA4MiA1IDEyIDV6bTUuNDMxIDQuNjY4Yy0xLjMyNC4zMjItMi41Ni42MDctMy43ODkuNzUyLjAzNyA0LjUuNTAyIDUuNzA4IDEuMDQyIDcuMTE1bC4xMTMuMjk2YS44NjYuODY2IDAgMDEtLjQ3MSAxLjExLjgyMi44MjIgMCAwMS0xLjA3Ni0uNDg2IDYzLjI1MSA2My4yNTEgMCAwMC0uMTIzLS4zMjJjLS4zNTYtLjkzLS42OS0xLjc5OS0uOTA0LTMuNDE5aC0uNDQ2Yy0uMjE1IDEuNjIyLS41NDkgMi40OTItLjkwNyAzLjQyNWwtLjEyLjMxNmEuODIyLjgyMiAwIDAxLTEuMDc2LjQ4Ni44NjYuODY2IDAgMDEtLjQ3MS0xLjExbC4xMTQtLjNjLjU0LTEuNDAzIDEuMDA0LTIuNjEyIDEuMDQtNy4xMS0xLjIyOC0uMTQ2LTIuNDY0LS40My0zLjc4OC0uNzUzYS43NjMuNzYzIDAgMDEtLjU1LS45MTcuNzM3LjczNyAwIDAxLjg4OS0uNTY2YzQuNDYgMS4wODcgNS43MzMgMS4wODUgMTAuMTg0IDBhLjczOC43MzggMCAwMS44ODguNTY2Ljc2My43NjMgMCAwMS0uNTQ5LjkxN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
}
.back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEwLjMyOSAxNUgyNXYySDEwLjMyOGw2Ljk1IDYuOTUtMS40MTUgMS40MTRMNi41IDE2bDkuMzYzLTkuMzY1IDEuNDE1IDEuNDE1LTYuOTUgNi45NXoiLz48L2c+PC9zdmc+);
}
.home {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIzIDE2djdhMSAxIDAgMDEtMSAxaC00di00aC00djRoLTRhMSAxIDAgMDEtMS0xdi03aDE0em0tNy05bDIuMjQzIDEuNzk0TDI3IDE2SDVsOC44LTcuMjRMMTYgN3oiLz48L2c+PC9zdmc+);
}
.info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDE2aDJ2LTZoLTJ2NnptMS04YS45NjguOTY4IDAgMDAuNzEzLS4yODhBLjk2Ny45NjcgMCAwMDEzIDdhLjk3Ljk3IDAgMDAtLjI4Ny0uNzEzQS45Ny45NyAwIDAwMTIgNmEuOTY3Ljk2NyAwIDAwLS43MTIuMjg3QS45NjguOTY4IDAgMDAxMSA3YzAgLjI4My4wOTYuNTIuMjg4LjcxMkEuOTY1Ljk2NSAwIDAwMTIgOHptMCAxM2E5LjczMyA5LjczMyAwIDAxLTMuOS0uNzg4IDEwLjA5MiAxMC4wOTIgMCAwMS0zLjE3NS0yLjEzN2MtLjktLjktMS42MTItMS45NTgtMi4xMzctMy4xNzVBOS43MzMgOS43MzMgMCAwMTIgMTFjMC0xLjM4My4yNjMtMi42ODMuNzg4LTMuOWExMC4wOTIgMTAuMDkyIDAgMDEyLjEzNy0zLjE3NWMuOS0uOSAxLjk1OC0xLjYxMyAzLjE3NS0yLjEzOEE5Ljc0MyA5Ljc0MyAwIDAxMTIgMWMxLjM4MyAwIDIuNjgzLjI2MiAzLjkuNzg3YTEwLjEwNSAxMC4xMDUgMCAwMTMuMTc1IDIuMTM4Yy45LjkgMS42MTIgMS45NTggMi4xMzcgMy4xNzVBOS43MzMgOS43MzMgMCAwMTIyIDExYTkuNzMzIDkuNzMzIDAgMDEtLjc4OCAzLjkgMTAuMDkyIDEwLjA5MiAwIDAxLTIuMTM3IDMuMTc1Yy0uOS45LTEuOTU4IDEuNjEyLTMuMTc1IDIuMTM3QTkuNzMzIDkuNzMzIDAgMDExMiAyMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
}
.share {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEzLjkwOSAxNS4yNjNhMy4wMDYgMy4wMDYgMCAwMTAgMS40NzRMMTguMiAxOS42YTMgMyAwIDExLTEuMTEgMS42NjRMMTIuOCAxOC40YTMgMyAwIDExMC00LjgwMmw0LjI5Mi0yLjg2MmEzIDMgMCAxMTEuMTEgMS42NjRsLTQuMjkyIDIuODYyeiIvPjwvZz48L3N2Zz4=);
}
.list {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMzJjOC44MzUgMCAxNi03LjE2MSAxNi0xNlMyNC44MzUgMCAxNiAwQzcuMTYxIDAgMCA3LjE2MSAwIDE2czcuMTYxIDE2IDE2IDE2Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIyIDIwVjEwSDEyVjhoMTFhMSAxIDAgMDExIDF2MTFoLTJ6TTkgMTJoMTBhMSAxIDAgMDExIDF2MTBhMSAxIDAgMDEtMSAxSDlhMSAxIDAgMDEtMS0xVjEzYTEgMSAwIDAxMS0xeiIvPjwvZz48L3N2Zz4=);
}
.zoom {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjk5NiA1Ljk5NmExIDEgMCAwMTEuMDAxLTFIN3YtMkg0Ljk5N2EzIDMgMCAwMC0zIDMuMDAxdi4wMDRMMiA3LjAwNGwuMDA0IDEgMi0uMDA4LS4wMDQtMS0uMDA0LTF6bTUuNTA0LTNoMi41MDJsMS41LjAwNCAxIC4wMDItLjAwNCAyLTEtLjAwMkwxMiA0Ljk5N0g5LjV2LTJ6bTcuNSAwaDIuMDAzYTMgMyAwIDAxMyAzLjAwMVY4aC0yVjUuOTk3YTEgMSAwIDAwLTEtMUgxN3YtMnpNMy45OTYgMTAuNXYzaC0ydi0zaDJ6bTAgNS41djIuMDAyYTEgMSAwIDAwMSAxLjAwMWguMDAxbDEtLjAwMyAxLS4wMDMuMDA2IDItMSAuMDAzTDUgMjEuMDAzaC0uMDAzYTMgMyAwIDAxLTMtM1YxNmgyem0xMy45MDYgMi4zMDZhNC41IDQuNSAwIDExMS40MDUtMS40MDVjLjAyOS4wMjMuMDU3LjA0OC4wODQuMDc2bDIuMzIgMi4zMmExIDEgMCAwMS0xLjQxNCAxLjQxNGwtMi4zMi0yLjMyYTEuMDMgMS4wMyAwIDAxLS4wNzUtLjA4NXptLTEuNjUtNi4wNTZ2MS41MDJoMS41MDF2MS41aC0xLjUwMXYxLjVoLTEuNXYtMS41SDEzLjI1di0xLjVoMS41VjEyLjI1aDEuNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
}
.play {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAzMmgzMlYwSDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTExIDloMmExIDEgMCAwMTEgMXYxMmExIDEgMCAwMS0xIDFoLTJhMSAxIDAgMDEtMS0xVjEwYTEgMSAwIDAxMS0xem04IDBoMmExIDEgMCAwMTEgMXYxMmExIDEgMCAwMS0xIDFoLTJhMSAxIDAgMDEtMS0xVjEwYTEgMSAwIDAxMS0xeiIvPjwvZz48L3N2Zz4=);
}
.play.paused {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAzMmgzMlYwSDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEwIDljMC0xLjEuNzcxLTEuNTM3IDEuNzE1LS45NzFsMTEuNTcgNi45NDJjLjk0NC41NjYuOTQ0IDEuNDkyIDAgMi4wNThsLTExLjU3IDYuOTQyQzEwLjc3MSAyNC41MzcgMTAgMjQuMSAxMCAyM1Y5eiIvPjwvZz48L3N2Zz4=);
}
.mute {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuOTk5IDBjOC44MzggMCAxNiA3LjE2MiAxNiAxNiAwIDguODM2LTcuMTYyIDE2LTE2IDE2QzcuMTY2IDMyIDAgMjQuODM2IDAgMTYgMCA3LjE2MiA3LjE2NiAwIDE1Ljk5OSAwIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE1IDhjLjU1IDAgMSAuNDUgMSAxdjE0YzAgLjU1LS40NSAxLTEgMWwtMy0zLTEtMS0xLTFIN2MtLjU1IDAtMS0uNDUtMS0xdi00YzAtLjU1LjQ1LTEgMS0xaDNsMS0xIDEtMSAzLTN6bTExIDhjMCAzLjIxOC0xLjc0MiA2LjAzLTQuMzI3IDcuNTY0bC0uOTYzLTEuMjg0QTcuMiA3LjIgMCAwMDI0LjQgMTZhNy4yIDcuMiAwIDAwLTMuNjktNi4yOGwuOTYzLTEuMjg0QzI0LjI1OCA5Ljk3IDI2IDEyLjc4MiAyNiAxNnptLTQgMGMwIDEuOTEzLTEuMTMzIDMuNTU1LTIuNzU2IDQuMzI1bC0uOTg5LTEuMzE4QTMuMTk1IDMuMTk1IDAgMDAyMC40IDE2YzAtMS4zOTMtLjktMi41NjgtMi4xNDUtMy4wMDdsLjk4OS0xLjMxOEMyMC44NjcgMTIuNDQ1IDIyIDE0LjA4NyAyMiAxNnoiLz48L2c+PC9zdmc+);
}
.mute.muted {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuOTk5IDBjOC44MzggMCAxNiA3LjE2MSAxNiAxNnMtNy4xNjIgMTYtMTYgMTZDNy4xNjYgMzIgMCAyNC44MzkgMCAxNlM3LjE2NiAwIDE1Ljk5OSAwIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE1IDhjLjU1IDAgMSAuNDUgMSAxdjE0YzAgLjU1LS40NSAxLTEgMWwtMy0zLTEtMS0xLTFIN2MtLjU1IDAtMS0uNDUtMS0xdi00YzAtLjU1LjQ1LTEgMS0xaDNsMS0xIDEtMSAzLTN6bTcuNSA5LjA1MkwyMC4wNTEgMTkuNWwtMS4wNS0xLjA1MkwyMS40NDcgMTYgMTkgMTMuNTUybDEuMDUyLTEuMDUyIDIuNDQ4IDIuNDQ4IDIuNDQ4LTIuNDQ4TDI2IDEzLjU1MiAyMy41NTIgMTYgMjYgMTguNDQ4IDI0Ljk0OSAxOS41IDIyLjUgMTcuMDUyeiIvPjwvZz48L3N2Zz4=);
}
.captions {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgMjBjLS41NSAwLTEuMDItLjE5Ni0xLjQxMy0uNTg3QTEuOTI2IDEuOTI2IDAgMDEzIDE4VjZjMC0uNTUuMTk2LTEuMDIuNTg3LTEuNDEyQTEuOTI2IDEuOTI2IDAgMDE1IDRoMTRjLjU1IDAgMS4wMi4xOTYgMS40MTMuNTg4LjM5MS4zOTEuNTg3Ljg2Mi41ODcgMS40MTJ2MTJjMCAuNTUtLjE5NiAxLjAyLS41ODcgMS40MTNBMS45MjYgMS45MjYgMCAwMTE5IDIwSDV6bTItNWgzYy4yODMgMCAuNTItLjA5Ni43MTMtLjI4N0EuOTY4Ljk2OCAwIDAwMTEgMTR2LS41YS41MDkuNTA5IDAgMDAtLjUyNS0uNTI1aC0uNDVhLjUwOS41MDkgMCAwMC0uNTI1LjUyNWgtMnYtM2gyYS41MDkuNTA5IDAgMDAuNTI1LjUyNWguNDVBLjUwOS41MDkgMCAwMDExIDEwLjVWMTBhLjk2Ny45NjcgMCAwMC0uMjg3LS43MTNBLjk2OC45NjggMCAwMDEwIDlIN2EuOTY4Ljk2OCAwIDAwLS43MTMuMjg3QS45NjguOTY4IDAgMDA2IDEwdjRjMCAuMjgzLjA5Ni41Mi4yODcuNzEzLjE5Mi4xOTEuNDMuMjg3LjcxMy4yODd6bTEwLTZoLTNhLjk2OC45NjggMCAwMC0uNzEzLjI4N0EuOTY3Ljk2NyAwIDAwMTMgMTB2NGMwIC4yODMuMDk2LjUyLjI4Ny43MTMuMTkyLjE5MS40My4yODcuNzEzLjI4N2gzYy4yODMgMCAuNTItLjA5Ni43MTItLjI4N0EuOTY4Ljk2OCAwIDAwMTggMTR2LS41YS41MDkuNTA5IDAgMDAtLjUyNS0uNTI1aC0uNDVhLjUwOS41MDkgMCAwMC0uNTI1LjUyNWgtMnYtM2gyYS41MDkuNTA5IDAgMDAuNTI1LjUyNWguNDVBLjUwOS41MDkgMCAwMDE4IDEwLjVWMTBhLjk2Ny45NjcgMCAwMC0uMjg4LS43MTNBLjk2OC45NjggMCAwMDE3IDl6IiBmaWxsPSIjNzBCMUZGIi8+PC9zdmc+);
}
.captions[data-active="false"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgMjBjLS41NSAwLTEuMDItLjE5Ni0xLjQxMy0uNTg3QTEuOTI2IDEuOTI2IDAgMDEzIDE4VjZjMC0uNTUuMTk2LTEuMDIuNTg3LTEuNDEyQTEuOTI2IDEuOTI2IDAgMDE1IDRoMTRjLjU1IDAgMS4wMi4xOTYgMS40MTMuNTg4LjM5MS4zOTEuNTg3Ljg2Mi41ODcgMS40MTJ2MTJjMCAuNTUtLjE5NiAxLjAyLS41ODcgMS40MTNBMS45MjYgMS45MjYgMCAwMTE5IDIwSDV6bTItNWgzYy4yODMgMCAuNTItLjA5Ni43MTMtLjI4N0EuOTY4Ljk2OCAwIDAwMTEgMTR2LS41YS41MDkuNTA5IDAgMDAtLjUyNS0uNTI1aC0uNDVhLjUwOS41MDkgMCAwMC0uNTI1LjUyNWgtMnYtM2gyYS41MDkuNTA5IDAgMDAuNTI1LjUyNWguNDVBLjUwOS41MDkgMCAwMDExIDEwLjVWMTBhLjk2Ny45NjcgMCAwMC0uMjg3LS43MTNBLjk2OC45NjggMCAwMDEwIDlIN2EuOTY4Ljk2OCAwIDAwLS43MTMuMjg3QS45NjguOTY4IDAgMDA2IDEwdjRjMCAuMjgzLjA5Ni41Mi4yODcuNzEzLjE5Mi4xOTEuNDMuMjg3LjcxMy4yODd6bTEwLTZoLTNhLjk2OC45NjggMCAwMC0uNzEzLjI4N0EuOTY3Ljk2NyAwIDAwMTMgMTB2NGMwIC4yODMuMDk2LjUyLjI4Ny43MTMuMTkyLjE5MS40My4yODcuNzEzLjI4N2gzYy4yODMgMCAuNTItLjA5Ni43MTItLjI4N0EuOTY4Ljk2OCAwIDAwMTggMTR2LS41YS41MDkuNTA5IDAgMDAtLjUyNS0uNTI1aC0uNDVhLjUwOS41MDkgMCAwMC0uNTI1LjUyNWgtMnYtM2gyYS41MDkuNTA5IDAgMDAuNTI1LjUyNWguNDVBLjUwOS41MDkgMCAwMDE4IDEwLjVWMTBhLjk2Ny45NjcgMCAwMC0uMjg4LS43MTNBLjk2OC45NjggMCAwMDE3IDl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
.webvr {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE5IDIybC0yLjItMi45MzNhMSAxIDAgMDAtMS42IDBMMTMgMjJIOGEyIDIgMCAwMS0yLTJ2LThhMiAyIDAgMDEyLTJoMTZhMiAyIDAgMDEyIDJ2OGEyIDIgMCAwMS0yIDJoLTV6bS04LTNhMyAzIDAgMTAwLTYgMyAzIDAgMDAwIDZ6bTEwIDBhMyAzIDAgMTAwLTYgMyAzIDAgMDAwIDZ6Ii8+PC9nPjwvc3ZnPg==);
}
.logo {
  position: relative;
  width: 100px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMjgyIDEuNzIzYy4wMTMtLjA5NS4xNS0uMDk1LjE2MyAwYTEuMzY0IDEuMzY0IDAgMDAxLjE3NiAxLjE2NmMuMDk1LjAxMi4wOTUuMTQ4IDAgLjE2MWExLjM2NCAxLjM2NCAwIDAwLTEuMTc2IDEuMTY2Yy0uMDEzLjA5NC0uMTUuMDk0LS4xNjMgMEExLjM2NCAxLjM2NCAwIDAwMy4xMDYgMy4wNWMtLjA5NS0uMDEzLS4wOTUtLjE0OSAwLS4xNjFhMS4zNjQgMS4zNjQgMCAwMDEuMTc2LTEuMTY2ek03NC42ODYgOC44MTdjLjAyLS4xNTMuMjQ0LS4xNTMuMjY1IDAgLjEzLjk4LjkwNyAxLjc1NSAxLjg5NCAxLjg4OC4xNTMuMDIuMTUzLjI0IDAgLjI2YTIuMjA2IDIuMjA2IDAgMDAtMS44OTQgMS44OWMtLjAyLjE1Mi0uMjQ0LjE1Mi0uMjY1IDBhMi4yMDYgMi4yMDYgMCAwMC0xLjg5NC0xLjg5Yy0uMTUzLS4wMi0uMTUzLS4yNCAwLS4yNmEyLjIwNSAyLjIwNSAwIDAwMS44OTQtMS44ODh6IiBmaWxsPSIjZmZmIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4wNDcgMTQuMjljLTEuOTA0IDAtMi41NjUtMS4xMDMtMi41NjUtMi40NzNWNC40MTVjMC0uODE5IDAtMS42NTYuMDk4LTIuMzhsMi4xOTUtLjUxM2MtLjA5OC43OC0uMTc1IDEuOTQyLS4xNzUgMi44OTNoMi4zNWwtLjU2MyAxLjQ0Ni0xLjgwNi0uMTI4djUuNTMyYzAgMS4yLjI3MiAxLjU0MiAxLjIwNCAxLjU0Mi4yOTEgMCAuNTQ0LS4wNTguOTEzLS4xOWwuMjcyIDEuMjU1YTQuNjAxIDQuNjAxIDAgMDEtMS45MjMuNDE5ek0xOC44NDYgMTQuMDQ0VjcuNWMwLTEuMi0uNDI4LTEuNTQyLTEuMjQ0LTEuNTQyLS43NTggMC0xLjY3LjQ3NS0yLjM3IDEuMTh2Ni45MDdoLTIuMTU3VjIuNTljMC0uODU3LS4wNzctMS41OTktLjE5NC0yLjA5NEwxNS4wMzguMDRjLjEzNi41NTIuMTk0IDEuMzMyLjE5NCAyLjI2NFY0LjM2YzAgLjUzMi0uMDM5Ljk5LS4wMzkgMS4wODQuOTcxLS44NTYgMS45NjItMS4yNTYgMy4wMTEtMS4yNTYgMS4xNjYgMCAyLjA2LjU1MyAyLjM5IDEuMTguMjUyLjQ3Ni4zMy45MTMuMzMgMS44ODN2Ni43OTRoLTIuMDc4ek0yMi43MjggMTQuMDQ0VjQuNTY4bDIuMTU2LS4zOHY5Ljg1N2gtMi4xNTZ6TTMyLjI2MiAxNC4wNDNWNy42NWMwLTEuMzEzLS4zMS0xLjY3NS0xLjEyNy0xLjY3NS0uNjIgMC0xLjUxNS40NTctMi4xNTYgMS4wODV2Ni45ODRIMjYuODh2LTcuMDhjMC0xLjAwOC0uMDk3LTEuNTk3LS4zNy0yLjI4MmwxLjk0NC0uNTM0Yy4yMzMuNDM5LjM0OS44NTcuMzQ5IDEuMzcgMS4wNS0uODc1IDEuOTYyLTEuMzMxIDMuMDEyLTEuMzMxIDEuNTE1IDAgMi41NjQuODk0IDIuNTY0IDIuNjY0djcuMTkyaC0yLjExOHpNMzkuOTA3IDUuNzY0Yy0xLjA4NyAwLTEuNjkuNTktMS42OSAxLjY3NCAwIDEuMTA0LjY0MSAxLjYxOCAxLjY5IDEuNjE4IDEuMTA4IDAgMS42OTEtLjU3IDEuNjkxLTEuNjM2IDAtMS4wODUtLjU2My0xLjY1Ni0xLjY5LTEuNjU2em00LjA4LjE5Yy0uNDA4IDAtLjctLjA3Ni0uNzU3LS4wOTUuMDU4LjA1Ny42NC42ODUuNjQgMS42NzQgMCAxLjY3NS0xLjQxOCAyLjk1LTMuNzMgMi45NS0uNjk5LjI0OC0xLjMyLjYwOS0xLjMyLjkxMyAwIC4zNjIuMTM2LjQgMi40NDcuNCAxLjU3NCAwIDMuMjY0Ljc4IDMuMjY0IDIuNzQgMCAyLjA1Ni0xLjc0OCAzLjE1OS00LjM3MSAzLjE1OS0yLjU0NSAwLTQuMzktLjgxOS00LjM5LTIuNjI2IDAtLjQuMTU0LS45MTMuMTk0LTEuMDI4aDIuMDJhMi4wMTMgMi4wMTMgMCAwMC0uMTU1LjY4NmMwIC44OTMuNzc3IDEuMzg4IDIuMTU2IDEuMzg4IDEuNTE2IDAgMi4zMzEtLjYwOCAyLjMzMS0xLjUwMiAwLTEuMDQ3LS44OTMtMS4zMzMtMi43Mi0xLjMzMy0yLjY0MiAwLTMuMjI1LS41MTQtMy4yMjUtMS40NjUgMC0uOTUyLjgxNi0xLjMzMiAxLjg2NS0xLjY1NS0xLjQ3Ni0uNDE5LTIuMjM0LTEuMzUyLTIuMjM0LTIuNzIyIDAtMS45NiAxLjU3NC0zLjI1MyAzLjkyNC0zLjI1MyAxLjQgMCAyLjE5Ni40OTQgMi45OTIuNDk0LjY0MiAwIDEuMjQ0LS4yMjggMS43ODgtLjY2NmwuOTkgMS4zMTNjLS41NDMuNDU3LTEuMDQ4LjYyOC0xLjcwOS42Mjh6TTQ4LjYxIDE0LjI1NGMtMi4xNTUgMC0yLjE1NS0xLjkwMy0yLjE1NS0yLjcyMnYtOC4yYzAtMS4zMTQtLjA1OS0yLjAxOC0uMTk0LTIuODE3bDIuMTk0LS40NzZjLjE1Ni41OS4xNzUgMS4zODkuMTc1IDIuNjQ1djguMTYzYzAgMS4yOTUuMDU4IDEuNTA0LjIxNCAxLjczMi4xMTcuMTcxLjQ0Ny4yNjYuNy4xNTJsLjM1IDEuMjk0YTMuNDE0IDMuNDE0IDAgMDEtMS4yODMuMjI5ek01MS4xMjQgMTQuMDQ0VjQuNTY4bDIuMTU2LS4zOHY5Ljg1N2gtMi4xNTZ6TTYwLjc3NSAxNC4wNDNWNy42NWMwLTEuMzEzLS4zMS0xLjY3NS0xLjEyNy0xLjY3NS0uNjIxIDAtMS41MTUuNDU3LTIuMTU2IDEuMDg1djYuOTg0aC0yLjA5OHYtNy4wOGMwLTEuMDA4LS4wOTctMS41OTctLjM3LTIuMjgybDEuOTQzLS41MzRjLjIzMy40MzkuMzUuODU3LjM1IDEuMzcgMS4wNS0uODc1IDEuOTYyLTEuMzMxIDMuMDExLTEuMzMxIDEuNTE2IDAgMi41NjUuODk0IDIuNTY1IDIuNjY0djcuMTkyaC0yLjExOHpNNzAuNzA3IDE0LjA0M2wtMy43MS01LjQ0MiAzLjM2OC00LjczIDIuMjM3LS4zMjMtMy40NjggNC45NCA0LjE1NyA1LjU1NWgtMi41ODR6bS01Ljk4NCAwVjIuODM1YzAtLjkzMi0uMDU5LTEuNTc4LS4yMTQtMi4zMkw2Ni42NDcgMGMuMTE2LjYxLjE5NCAxLjU0Mi4xOTQgMi41NXYxMS40OTNoLTIuMTE4ek03OC43NzQgMTQuMDQ2Yy0uNjYgMC0xLjE3Mi0uNTM0LTEuMTcyLTEuMTggMC0uNjY1LjUyOC0xLjE5NyAxLjIwNS0xLjE5Ny42NDQgMCAxLjE5LjUxNyAxLjE5IDEuMTk2IDAgLjY0Ny0uNTQ2IDEuMTgtMS4yMjMgMS4xOHpNMS4yNDIgNi4wNzJjLS42NiAwLTEuMTczLS41MzQtMS4xNzMtMS4xOCAwLS42NjMuNTI5LTEuMTk3IDEuMjA2LTEuMTk3YTEuMTkgMS4xOSAwIDAxMS4xODggMS4xOTdjMCAuNjQ2LS41NDUgMS4xOC0xLjIyMSAxLjE4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
}
.logo:before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  top: 8px;
  bottom: 8px;
  background: hsla(0, 0%, 100%, 0.3);
}
.menu-btn[data-icon="collapse"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy41ODYgMTEuOTk2TDkuMjkzIDcuNzAzbDEuNDE0LTEuNDE0IDUuNzA3IDUuNzA3LTUuNzA3IDUuNzA3LTEuNDE0LTEuNDE0IDQuMjkzLTQuMjkzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
}
.menu-btn[data-icon="expand"] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgMTJhMiAyIDAgMTEtNCAwIDIgMiAwIDAxNCAwek0xNCAxMmEyIDIgMCAxMS00IDAgMiAyIDAgMDE0IDB6TTE5IDE0YTIgMiAwIDEwMC00IDIgMiAwIDAwMCA0eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
}
.menu-separator {
  align-self: center;
  width: 1px;
  height: 24px;
  background: hsla(0, 0%, 100%, 0.4);
}
.related-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 50px;
  border-radius: 4px;
}
.related-search {
  display: flex;
  width: 240px;
  margin-top: 13px;
}
.related-search:before {
  flex: none;
  content: "";
  width: 20px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAyNGgyNFYwSDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTYgMTFjMC0yLjc1NyAyLjI0My01IDUtNXM1IDIuMjQzIDUgNS0yLjI0MyA1LTUgNS01LTIuMjQzLTUtNXptMTMuNzA3IDguMjkzbC0zLjU2MS0zLjU2MUE2Ljk1OCA2Ljk1OCAwIDAwMTggMTFhNyA3IDAgMTAtNyA3IDYuOTUgNi45NSAwIDAwMy41ODgtLjk5OGwzLjcwNSAzLjcwNSAxLjQxNC0xLjQxNHoiLz48L2c+PC9zdmc+) no-repeat 50%;
  background-size: contain;
  margin-right: 5px;
}
.related-search input {
  width: 100%;
  background: none;
  line-height: 20px;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.related-search input::-webkit-input-placeholder {
  color: #fff;
}
.related-search input:-ms-input-placeholder {
  color: #fff;
}
.related-search input::placeholder {
  color: #fff;
}
.related-scenes {
  display: flex;
  max-width: 100%;
  height: 110px;
  padding: 5px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.related-scene {
  flex: none;
  position: relative;
  width: 160px;
  height: 90px;
  margin: 5px;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
  background-size: cover;
}
.related-scene:hover {
  box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.8);
}
.related-scene.active {
  box-shadow: 0 0 0 2px #fff;
}
.related-scene[data-locked="true"] {
  box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0);
}
.related-scene[data-locked="true"]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMwIDEzLjMzM2gtMS42NjdWMTBjMC00LjYtMy43MzMtOC4zMzMtOC4zMzMtOC4zMzNBOC4zMzYgOC4zMzYgMCAwMDExLjY2NyAxMHYzLjMzM0gxMGEzLjM0MyAzLjM0MyAwIDAwLTMuMzMzIDMuMzMzdjE2LjY2N2MwIDEuODM0IDEuNSAzLjMzNCAzLjMzMyAzLjMzNGgyMGMxLjgzMyAwIDMuMzMzLTEuNSAzLjMzMy0zLjMzNFYxNi42NjdjMC0xLjgzNC0xLjUtMy4zMzQtMy4zMzMtMy4zMzR6bS0xMCAxNUEzLjM0MyAzLjM0MyAwIDAxMTYuNjY3IDI1YzAtMS44MzQgMS41LTMuMzM0IDMuMzMzLTMuMzM0IDEuODMzIDAgMy4zMzMgMS41IDMuMzMzIDMuMzM0IDAgMS44MzMtMS41IDMuMzMzLTMuMzMzIDMuMzMzem01LjE2Ny0xNUgxNC44MzNWMTBBNS4xNzEgNS4xNzEgMCAwMTIwIDQuODMzIDUuMTcxIDUuMTcxIDAgMDEyNS4xNjcgMTB2My4zMzN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat 50% rgba(0, 0, 0, 0.5);
}
.related-scene[data-visited="true"]:before {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yNCA0QzEyLjk1IDQgNCAxMi45NSA0IDI0YzAgMTEuMDQgOC45NSAyMCAyMCAyMCAxMS4wNCAwIDIwLTguOTYgMjAtMjAgMC0xMS4wNS04Ljk2LTIwLTIwLTIwem0tNCAzMEwxMCAyNGwyLjgzLTIuODNMMjAgMjguMzRsMTUuMTctMTUuMTdMMzggMTYgMjAgMzR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat 50%;
  background-size: contain;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  z-index: 1;
}
.related-scene-image,
.related-scene-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.related-scene-image {
  background: no-repeat 50% #edeef0;
  background-size: cover;
  cursor: pointer;
}
.related-scene-title {
  top: auto;
  bottom: 0;
  height: auto;
  padding: 5px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
  color: #fff;
  font-size: 12px;
  font-size: var(--tl-font-size-xs, 12px);
  font-weight: 500;
  font-weight: var(--tl-font-weight-medium, 500);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}
.compass {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 60px;
  height: 60px;
  z-index: 100;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.compass-arrow {
  border-radius: 50%;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGwtb3BhY2l0eT0iLjIiIGZpbGw9IiNGRkYiIGN4PSIzMiIgY3k9IjMyIiByPSIzMiIvPjxwYXRoIGQ9Ik0zMiA2NGMxNy42NzMgMCAzMi0xNC4zMjcgMzItMzJDNjQgMTQuMzI3IDQ5LjY3MyAwIDMyIDAgMTQuMzI3IDAgMCAxNC4zMjcgMCAzMmMwIDE3LjY3MyAxNC4zMjcgMzIgMzIgMzJ6bTAtMkMxNS40MzEgNjIgMiA0OC41NjkgMiAzMiAyIDE1LjQzMSAxNS40MzEgMiAzMiAyYzE2LjU2OSAwIDMwIDEzLjQzMSAzMCAzMCAwIDE2LjU2OS0xMy40MzEgMzAtMzAgMzB6IiBmaWxsLW9wYWNpdHk9Ii4yOTgiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0xMC43ODcgMTAuNzg3QzE2LjIxNiA1LjM1NyAyMy43MTYgMiAzMiAyczE1Ljc4NCAzLjM1OCAyMS4yMTMgOC43ODdMMzIgMzIgMTAuNzg3IDEwLjc4N3oiIGZpbGwtb3BhY2l0eT0iLjI5OCIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat 50%;
  background-size: contain;
  opacity: 0.5;
}
.compass-arrow,
.compass-tags {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.compass-tag {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  color: #fff;
  background: currentColor;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.error-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #323232;
  color: #999;
  font-size: 16px;
  font-size: var(--tl-font-size-base, 16px);
  z-index: 1001;
}
.error-page:before {
  content: "";
  width: 50px;
  height: 50px;
  background: no-repeat 50%;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDIyYTkuNzMzIDkuNzMzIDAgMDEtMy45LS43ODggMTAuMDkyIDEwLjA5MiAwIDAxLTMuMTc1LTIuMTM3Yy0uOS0uOS0xLjYxMi0xLjk1OC0yLjEzNy0zLjE3NUE5LjczMyA5LjczMyAwIDAxMiAxMmMwLTEuMzgzLjI2My0yLjY4My43ODgtMy45YTEwLjA5MiAxMC4wOTIgMCAwMTIuMTM3LTMuMTc1Yy45LS45IDEuOTU4LTEuNjEzIDMuMTc1LTIuMTM4QTkuNzQzIDkuNzQzIDAgMDExMiAyYzEuMzgzIDAgMi42ODMuMjYyIDMuOS43ODdhMTAuMTA1IDEwLjEwNSAwIDAxMy4xNzUgMi4xMzhjLjkuOSAxLjYxMiAxLjk1OCAyLjEzNyAzLjE3NUE5LjczMyA5LjczMyAwIDAxMjIgMTJhOS43MzMgOS43MzMgMCAwMS0uNzg4IDMuOSAxMC4wOTIgMTAuMDkyIDAgMDEtMi4xMzcgMy4xNzVjLS45LjktMS45NTggMS42MTItMy4xNzUgMi4xMzdBOS43MzMgOS43MzMgMCAwMTEyIDIyem0wLTJjMi4yMzMgMCA0LjEyNS0uNzc1IDUuNjc1LTIuMzI1QzE5LjIyNSAxNi4xMjUgMjAgMTQuMjMzIDIwIDEyYzAtLjktLjE0Ni0xLjc2Ny0uNDM4LTIuNkE3Ljk0IDcuOTQgMCAwMDE4LjMgNy4xTDcuMSAxOC4zYy43LjU1IDEuNDY3Ljk3IDIuMyAxLjI2Mi44MzMuMjkyIDEuNy40MzggMi42LjQzOHptLTYuMy0zLjFMMTYuOSA1LjdjLS43LS41NS0xLjQ2Ny0uOTctMi4zLTEuMjYyQTcuODA1IDcuODA1IDAgMDAxMiA0Yy0yLjIzMyAwLTQuMTI1Ljc3NS01LjY3NSAyLjMyNUM0Ljc3NSA3Ljg3NSA0IDkuNzY3IDQgMTJjMCAuOS4xNDYgMS43NjcuNDM4IDIuNi4yOTEuODMzLjcxMiAxLjYgMS4yNjIgMi4zeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  margin-bottom: 16px;
  opacity: 0.5;
}
.error-page[data-error="processing"]:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwLjUgNi42NjR2LTVsLTYuNjY3IDYuNjY3IDYuNjY3IDYuNjY2di01YzUuNTE3IDAgMTAgNC40ODQgMTAgMTBhOS43ODUgOS43ODUgMCAwMS0xLjE2NyA0LjY2N2wyLjQzNCAyLjQzM2ExMy4yMTggMTMuMjE4IDAgMDAyLjA2Ni03LjFjMC03LjM2Ni01Ljk2Ni0xMy4zMzMtMTMuMzMzLTEzLjMzM3pNMjAuNSAyOS45OTdjLTUuNTE3IDAtMTAtNC40ODMtMTAtMTAgMC0xLjY4My40MTctMy4yODMgMS4xNjctNC42NjZsLTIuNDM0LTIuNDM0YTEzLjIxOCAxMy4yMTggMCAwMC0yLjA2NiA3LjFjMCA3LjM2NyA1Ljk2NiAxMy4zMzQgMTMuMzMzIDEzLjMzNHY1bDYuNjY3LTYuNjY3LTYuNjY3LTYuNjY3djV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
.history-panel {
  display: flex;
  left: 10px;
  top: 10px;
  z-index: 1002;
}
.history-panel,
.info-panel {
  position: absolute;
  border-radius: 4px;
}
.info-panel {
  right: 0;
  bottom: 50px;
  width: 100%;
  max-width: 400px;
  padding: 12px 16px;
  color: #fff;
  font-size: 14px;
  font-size: var(--tl-font-size-sm, 14px);
  line-height: 1.4;
  background: rgba(0, 0, 0, 0.8);
  overflow: auto;
}
.info-panel > :not(:last-child) {
  margin-bottom: 8px;
}
.info-panel > .info-panel-links {
  margin-top: 12px;
}
.info-panel a {
  color: #fff;
}
.info-panel-title {
  font-size: 16px;
  font-size: var(--tl-font-size-base, 16px);
  font-weight: 700;
}
.info-panel-description {
  white-space: pre-line;
}
.language-panel {
  position: absolute;
  right: 0;
  bottom: 50px;
  min-width: 200px;
  max-width: 320px;
  max-height: 320px;
  padding: 8px 0;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-size: var(--tl-font-size-sm, 14px);
  line-height: 1.4;
  background: rgba(0, 0, 0, 0.8);
  overflow: auto;
  pointer-events: auto;
}
.language-panel > * {
  display: flex;
  grid-gap: 8px;
  gap: 8px;
  align-items: center;
  padding: 6px 12px;
  margin: 0;
  cursor: pointer;
}
.language-panel > :before {
  flex: none;
  content: "";
  width: 24px;
  height: 24px;
  background: no-repeat 50%;
  background-size: contain;
}
.language-panel > [data-active="true"]:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI5MDFfMTAwNjEpIj48cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDFMOSAxNi4xN3oiIGZpbGw9IiNmZmYiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF8yOTAxXzEwMDYxIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDI0djI0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
}
.language-panel > :hover {
  background: hsla(0, 0%, 100%, 0.2);
}
.tag-arrow-handler {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  pointer-events: auto;
  z-index: 3;
  opacity: 0;
}
.tag-arrow-handler.focus-visible .tag-arrow-icon,
.tag-arrow-handler:focus-visible .tag-arrow-icon {
  -webkit-filter: invert(1);
  filter: invert(1);
}
.tag-arrow-handler-empty[data-hovered="false"] {
  opacity: 0;
  pointer-events: none;
}
.tag-arrow-handler-empty[data-hovered="true"],
.tag-arrow-handler.focus-visible,
.tag-arrow-handler:focus-visible,
.tag-arrow-handler:hover,
.tag.focus-visible + .tag-arrow-handler,
.tag:focus-visible + .tag-arrow-handler {
  pointer-events: auto;
  opacity: 1;
}
.tag-arrow-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tag-arrow-handler-empty .tag-arrow-icon,
.tag-arrow-icon {
  width: 32px;
  height: 32px;
}
.tag-arrow-icon:before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: no-repeat 50% #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.tag-arrow-handler-empty .tag-arrow-icon:before {
  background-color: hsla(0, 0%, 100%, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMTAiIGQ9Ik01MCAwdjEwME0wIDUwaDEwMCIvPjwvc3ZnPg==);
  background-size: 50%;
}
.tag-arrow-handler-empty:hover .tag-arrow-icon:before {
  background-color: #fff;
}
.arrow-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.arrow-layer line {
  stroke: #fff;
  stroke-width: 2px;
  stroke-linecap: round;
}
.arrow-layer circle {
  stroke-width: 0;
  fill: #fff;
}
.info-panel-links {
  display: flex;
}
.info-panel-links > :not(:last-child) {
  margin-right: 12px;
}
.info-panel-links > * {
  width: 30px;
  height: 30px;
  background: no-repeat 50%;
  background-size: contain;
  cursor: pointer;
}
.info-panel-links > :hover {
  opacity: 0.8;
}
.info-panel-links > [data-field="website"] {
  background-image: url(https://cdn.thinglink.me/api/nubbin/33generallanguagewhitesvg/plain);
}
.info-panel-links > [data-field="location"] {
  background-image: url(https://cdn.thinglink.me/api/nubbin/59generalpinwhitesvg/plain);
}
.info-panel-links > [data-field="facebook"] {
  background-image: url(https://cdn.thinglink.me/api/nubbin/01socialfboriginalsvg/plain);
}
.info-panel-links > [data-field="instagram"] {
  background-image: url(https://cdn.thinglink.me/api/nubbin/07socialinstagramoriginalsvg/plain);
}
.info-panel-links > [data-field="twitter"] {
  background-image: url(https://cdn.thinglink.me/api/nubbin/10socialxwhitesvg/plain);
}
.info-panel-links > [data-field="youtube"] {
  background-image: url(https://cdn.thinglink.me/api/nubbin/05socialyoutubeoriginalsvg/plain);
}
.info-panel .close,
.info-panel .immersive-reader {
  float: right;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  margin-bottom: 0;
  background: no-repeat 100% 0;
  background-size: contain;
  cursor: pointer;
}
.info-panel .close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE3LjQxNCAxNmw2IDZMMjIgMjMuNDE0bC02LTYtNiA2TDguNTg2IDIybDYtNi02LTZMMTAgOC41ODZsNiA2IDYtNkwyMy40MTQgMTBsLTYgNnoiLz48L2c+PC9zdmc+);
}
.info-panel .immersive-reader {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDMydjMySDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEzIDIydjJIOGExIDEgMCAwMS0xLTFWOWExIDEgMCAwMTEtMWg1LjU4NmExIDEgMCAwMS43MDcuMjkzTDE2IDEwbDEuNzA3LTEuNzA3QTEgMSAwIDAxMTguNDE0IDhIMjRhMSAxIDAgMDExIDF2NWgtMnYtNGgtNC4xNzJMMTcgMTEuODI4djQuNDIyTDE2IDE3aC0xdi01LjE3MkwxMy4xNzIgMTBIOXYxMmg0em00LTNsNC0zdjEwbC00LTNoLTFhMSAxIDAgMDEtMS0xdi0yYTEgMSAwIDAxMS0xaDF6bTUuNDA3LS4yMDZsMS4yMTUtMS4wNDFjLjQxLjQ5My43MyAxLjA2NC45MzQgMS42OTNhNS4wNCA1LjA0IDAgMDEuMDEgMy4wNzcgNS4xMDUgNS4xMDUgMCAwMS0uOTQ0IDEuNzI0bC0xLjIxNS0xLjA0MWMuMjgtLjM0MS40OTctLjczNS42MzMtMS4xNjZhMy40NCAzLjQ0IDAgMDAtLjAwNy0yLjEwMSAzLjUxIDMuNTEgMCAwMC0uNjI2LTEuMTQ1em0yLjMyLTEuOTg4bDEuMjE1LTEuMDQyYTguMjk2IDguMjk2IDAgMDEwIDEwLjQ3MmwtMS4yMTUtMS4wNDJhNi42OTggNi42OTggMCAwMDAtOC4zODh6Ii8+PC9nPjwvc3ZnPg==);
}
.info-panel .close:hover {
  opacity: 0.8;
}
.axis-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.axis-layer line {
  stroke: #ccc;
  stroke-width: 1px;
  stroke-dasharray: 2 4;
}
.tagContainer[data-guided-mode="true"] .tag[data-offscreen="true"] {
  opacity: 0.5;
  pointer-events: none;
}
.tagContainer[data-guided-mode="true"] .tag[data-current="true"] .icon {
  left: -24px;
  top: -24px;
  width: 48px;
  height: 48px;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.tagContainer[data-guided-mode="true"] .tag[data-current="true"] .backdrop {
  left: -24px;
  top: -24px;
  width: 48px;
  height: 48px;
  opacity: 0.5;
}
.tagContainer[data-guided-mode="true"] .tag[data-current="false"] .backdrop {
  -webkit-animation: none !important;
  animation: none !important;
}
.tagContainer[data-guided-mode="true"] .tag[data-current="true"] .backdrop {
  -webkit-animation: pulse2 1s ease infinite alternate !important;
  animation: pulse2 1s ease infinite alternate !important;
}
.tagContainer[data-guided-mode="true"] .tag[data-current="true"][data-type="label"] {
  cursor: pointer;
}
@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes pulse2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@media (max-width: 512px) {
  .tag-size-wrapper {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@media (min-width: 1920px) {
  .tag-size-wrapper {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.captions-overlay {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
  pointer-events: none;
}
@media (max-width: 512px) {
  .captions-overlay {
    font-size: 1rem;
  }
}
.captions-overlay > span {
  width: auto;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #8c8c8c;
}
.custom-scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}