@font-face {
  font-family: "Chappe Proxima Nova Regular";
  src: url("/static/fonts/proxima_nova/proxima_nova_regular.woff2?v1.9.4") format("woff2"), url("/static/fonts/proxima_nova/proxima_nova_regular.woff?v1.9.4") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Chappe Proxima Nova Regular";
  src: url("/static/fonts/proxima_nova/proxima_nova_regular_italic.woff2?v1.9.4") format("woff2"), url("/static/fonts/proxima_nova/proxima_nova_regular_italic.woff?v1.9.4") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Chappe Proxima Nova Semibold";
  src: url("/static/fonts/proxima_nova/proxima_nova_semibold.woff2?v1.9.4") format("woff2"), url("/static/fonts/proxima_nova/proxima_nova_semibold.woff?v1.9.4") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Chappe Proxima Nova Semibold";
  src: url("/static/fonts/proxima_nova/proxima_nova_semibold_italic.woff2?v1.9.4") format("woff2"), url("/static/fonts/proxima_nova/proxima_nova_semibold_italic.woff?v1.9.4") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Chappe Proxima Nova Bold";
  src: url("/static/fonts/proxima_nova/proxima_nova_bold.woff2?v1.9.4") format("woff2"), url("/static/fonts/proxima_nova/proxima_nova_bold.woff?v1.9.4") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Chappe Proxima Nova Bold";
  src: url("/static/fonts/proxima_nova/proxima_nova_bold_italic.woff2?v1.9.4") format("woff2"), url("/static/fonts/proxima_nova/proxima_nova_bold_italic.woff?v1.9.4") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Chappe Hack Regular";
  src: url("/static/fonts/hack/hack_regular.woff2?v1.9.4") format("woff2"), url("/static/fonts/hack/hack_regular.woff?v1.9.4") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.font-sans-regular {
  font-family: "Chappe Proxima Nova Regular", sans-serif;
}

.font-sans-semibold {
  font-family: "Chappe Proxima Nova Semibold", sans-serif;
}

.font-sans-bold {
  font-family: "Chappe Proxima Nova Bold", sans-serif;
}

.font-code-regular {
  font-family: "Chappe Hack Regular", sans-serif;
}

body {
  font-family: "Chappe Proxima Nova Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  background: var(--color-base-background) !important;
  color: var(--color-black);
}

* {
  font-weight: normal !important;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  margin: 0;
  padding: 0;
}

.wrapper {
  padding: 0 48px;
}

a {
  text-decoration: none;
}

::selection {
  background-color: var(--color-selection-default);
}

::-moz-selection {
  background-color: var(--color-selection-default);
}

.text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.title-group-anchor:hover .title-anchor,
.title-anchor:hover {
  text-decoration: underline !important;
  text-decoration-color: var(--color-grey-dark) !important;
}

@media screen and (max-width: 1020px) {
  .wrapper {
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media screen and (max-width: 880px) {
  .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 640px) {
  .wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (max-width: 400px) {
  .wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.button {
  color: var(--color-white);
  background-color: var(--color-button-default);
  font-size: 13px;
  user-select: none;
  line-height: 40px;
  height: 40px;
  padding: 0 20px;
  display: inline-block;
  box-shadow: 0 1px 0 0 var(--color-button-shadow);
  border-radius: 3px;
  transition: all linear 100ms;
  transition-property: background-color, color, transform, box-shadow;
}

.button:hover, .button:active {
  background-color: var(--color-button-active);
}

.button:active {
  transform: translateY(1px);
  box-shadow: none;
}

.button.button--icon {
  display: inline-flex;
  align-items: center;
}

.button.button--icon:before, .button.button--icon:after {
  flex: 0 0 auto;
}

.button.button--icon .button-text {
  flex: 1;
}

.button.button--reverse {
  color: var(--color-button-default);
  background-color: var(--color-white);
  border: 1px solid var(--color-button-default);
  transition-duration: 75ms;
}

.button.button--reverse:hover {
  color: var(--color-white);
  background-color: var(--color-button-default);
}

.button.button--reverse.button--large {
  border-width: 1.5px;
}

.button.button--small {
  line-height: 34px;
  height: 34px;
}

.button.button--large {
  font-size: 14px;
  padding: 0 24px;
}

.button,
.button .button-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.badge {
  border: 1px solid var(--color-badge-black);
  color: var(--color-badge-black);
  font-size: 10.5px;
  user-select: none;
  text-transform: uppercase;
  line-height: 18px;
  height: 18px;
  padding: 0 5px;
  display: inline-block;
  border-radius: 1px;
}

.badge.badge--special-value {
  background-color: var(--color-badge-special-background);
  border-color: var(--color-badge-special-border);
  color: var(--color-badge-special-text);
  font-size: 11.5px;
  user-select: text;
  text-transform: lowercase;
  line-height: 18px;
  height: 18px;
  border-radius: 2px;
}

.badge.badge--small {
  font-size: 10px;
  line-height: 14px;
  height: 14px;
  padding: 0 3px;
}

.badge.badge--white {
  border-color: var(--color-badge-white);
  color: var(--color-badge-white);
}

.badge.badge--blue {
  border-color: var(--color-badge-blue);
  color: var(--color-badge-blue);
}

.badge.badge--green {
  border-color: var(--color-badge-green);
  color: var(--color-badge-green);
}

.badge.badge--yellow {
  border-color: var(--color-badge-yellow);
  color: var(--color-badge-yellow);
}

.badge.badge--red {
  border-color: var(--color-badge-red);
  color: var(--color-badge-red);
}

.markdown {
  font-family: "Chappe Proxima Nova Regular", sans-serif;
}

.markdown *:first-child {
  margin-top: 0 !important;
}

.markdown *:last-child {
  margin-bottom: 0 !important;
}

.markdown h1,
.markdown h2,
.markdown h3 {
  font-family: "Chappe Proxima Nova Bold", sans-serif;
}

.markdown h4,
.markdown h5,
.markdown h6 {
  font-family: "Chappe Proxima Nova Semibold", sans-serif;
}

.markdown h1 a,
.markdown h2 a,
.markdown h3 a,
.markdown h4 a,
.markdown h5 a,
.markdown h6 a {
  font-family: inherit;
  color: inherit;
}

.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  margin-top: 20px;
  margin-bottom: 14px;
}

.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  color: var(--color-markdown-title-small-text);
}

.markdown h1,
.markdown h2 {
  color: var(--color-black);
}

.markdown h1 {
  font-size: 20px;
  margin-top: 42px;
  margin-bottom: 20px;
}

.markdown h2 {
  font-size: 18px;
}

.markdown h3 {
  font-size: 17.5px;
}

.markdown h4 {
  font-size: 17px;
}

.markdown h5 {
  font-size: 16.5px;
}

.markdown h6 {
  font-size: 16px;
}

.markdown p,
.markdown ul,
.markdown ol,
.markdown blockquote,
.markdown .emphasis {
  font-size: 14.5px;
  line-height: 22px;
}

.markdown p {
  margin-bottom: .9em;
}

.markdown a {
  color: var(--color-accent-base);
}

.markdown a:hover {
  text-decoration: underline;
}

.markdown hr {
  background-color: var(--color-grey-light);
  border: 0 none;
  height: 1px;
  margin: 28px auto 30px;
}

.markdown img {
  width: 100%;
  margin: 16px auto;
}

.markdown em {
  font-style: italic;
}

.markdown strong,
.markdown a,
.markdown table thead,
.markdown figure figcaption,
.markdown .embed .embed-caption {
  font-family: "Chappe Proxima Nova Semibold", sans-serif;
}

.markdown ul,
.markdown ol {
  list-style-type: none;
  margin: 18px 0;
}

.markdown ul li,
.markdown ol li {
  line-height: 20px;
  margin-bottom: 8px;
  padding-left: 24px;
  position: relative;
}

.markdown ul li:last-of-type,
.markdown ol li:last-of-type {
  margin-bottom: 0;
}

.markdown ul li ul, .markdown ul li ul:first-child, .markdown ul li ul:last-child,
.markdown ul li ol,
.markdown ul li ol:first-child,
.markdown ul li ol:last-child,
.markdown ol li ul,
.markdown ol li ul:first-child,
.markdown ol li ul:last-child,
.markdown ol li ol,
.markdown ol li ol:first-child,
.markdown ol li ol:last-child {
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

.markdown ul li ul li,
.markdown ol li ul li {
  padding-left: 20px;
}

.markdown ul li ul li:before,
.markdown ol li ul li:before {
  background-color: var(--color-black);
  width: 4px;
  height: 4px;
  margin-top: 1px;
  border-radius: 0;
}

.markdown ul li:before {
  content: "";
  background-color: var(--color-markdown-list-item-bullet);
  width: 7px;
  height: 7px;
  border-radius: 100%;
  position: absolute;
  top: 7px;
  left: 10px;
}

.markdown ol {
  counter-reset: list-counter;
}

.markdown ol li {
  counter-increment: list-counter;
}

.markdown ol li:before {
  content: counter(list-counter) ".";
  text-align: right;
  min-width: 19px;
  position: absolute;
  top: 0;
  left: 0;
}

.markdown figure,
.markdown .embed {
  margin: 36px auto 32px;
}

.markdown figure figcaption,
.markdown .embed .embed-caption {
  font-size: 14px;
  color: var(--color-markdown-figure-text);
  text-align: center;
  line-height: 18px;
  margin-top: 10px;
  display: block;
}

.markdown figure {
  text-align: center;
  max-width: 70%;
  display: block;
}

.markdown figure img {
  border: 1px solid var(--color-markdown-figure-border);
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.markdown code {
  font-family: "Chappe Hack Regular", sans-serif;
  font-size: .8em;
  background-color: var(--color-markdown-code-inline-background);
  border: 1px solid var(--color-markdown-code-inline-border);
  color: var(--color-markdown-code-inline-text);
  hyphens: auto;
  word-break: break-all;
  margin: 0 1px;
  padding: 2px 6px;
  display: inline;
  border-radius: 2px;
}

.markdown pre {
  margin: 22px auto;
  position: relative;
}

.markdown pre.copy[data-copy-state="copied"] .code-clipboard {
  border-color: var(--color-markdown-code-block-clipboard-border-copied);
}

.markdown pre.copy[data-copy-state="copied"] .code-clipboard:after {
  background-color: var(--color-markdown-code-block-clipboard-icon-background-copied);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTYgMTMiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4wOTA5MDg1NyA5LjYzNjM2MzY2LTMuODE4MTgxNzEtMy44MTgxODE4My0xLjI3MjcyNjg2IDEuMjcyNzI3MzEgNS4wOTA5MDg1NyA1LjA5MDkwOTA2IDEwLjkwOTA5MTQzLTEwLjkwOTA5MDg5LTEuMjcyNzI2OS0xLjI3MjcyNzMxeiIvPjwvc3ZnPgo=");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  width: 16px;
  height: 12px;
}

.markdown pre.copy[data-copy-state="copied"] .code-clipboard, .markdown pre.copy:hover .code-clipboard {
  visibility: visible;
  opacity: 1;
}

.markdown pre .code-clipboard {
  background-color: var(--color-markdown-code-block-clipboard-background-default);
  border: 1px solid var(--color-markdown-code-block-clipboard-border-default);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 9px;
  transition: all linear 75ms;
  transition-property: background-color, border-color, opacity;
  border-radius: 5px;
}

.markdown pre .code-clipboard:hover {
  background-color: var(--color-markdown-code-block-clipboard-background-hover);
  border-color: var(--color-markdown-code-block-clipboard-border-hover);
}

.markdown pre .code-clipboard:active {
  background-color: var(--color-markdown-code-block-clipboard-background-active);
  border-color: var(--color-markdown-code-block-clipboard-border-active);
}

.markdown pre .code-clipboard:after {
  content: "";
  background-color: var(--color-markdown-code-block-clipboard-icon-background-default);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTMgMTUiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOS41NDU0NTQ1NSAwaC04LjE4MTgxODE5Yy0uNzUgMC0xLjM2MzYzNjM2LjYxMzYzNjM2LTEuMzYzNjM2MzYgMS4zNjM2MzYzNnY5LjU0NTQ1NDU0aDEuMzYzNjM2MzZ2LTkuNTQ1NDU0NTRoOC4xODE4MTgxOXptMi4wNDU0NTQ1NSAyLjcyNzI3MjczaC03LjUwMDAwMDAxYy0uNzUgMC0xLjM2MzYzNjM2LjYxMzYzNjM2LTEuMzYzNjM2MzYgMS4zNjM2MzYzNnY5LjU0NTQ1NDUxYzAgLjc1LjYxMzYzNjM2IDEuMzYzNjM2NCAxLjM2MzYzNjM2IDEuMzYzNjM2NGg3LjUwMDAwMDAxYy43NSAwIDEuMzYzNjM2NC0uNjEzNjM2NCAxLjM2MzYzNjQtMS4zNjM2MzY0di05LjU0NTQ1NDUxYzAtLjc1LS42MTM2MzY0LTEuMzYzNjM2MzYtMS4zNjM2MzY0LTEuMzYzNjM2MzZ6bTAgMTAuOTA5MDkwODdoLTcuNTAwMDAwMDF2LTkuNTQ1NDU0NTFoNy41MDAwMDAwMXoiLz48L3N2Zz4K");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  width: 13px;
  height: 15px;
  transition: background-color linear 75ms;
}

.markdown pre code {
  background-color: var(--color-markdown-code-block-background);
  border: 0 none;
  color: var(--color-markdown-code-block-text);
  line-height: 19px;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  tab-size: 4;
  hyphens: none;
  margin: 0;
  padding: 15px 18px;
  overflow-x: auto;
  overflow-y: hidden;
  display: block;
}

.markdown pre ::selection {
  background-color: var(--color-markdown-code-selection);
}

.markdown pre ::-moz-selection {
  background-color: var(--color-markdown-code-selection);
}

.markdown table {
  border-collapse: collapse;
  font-size: 13px;
  text-align: left;
  width: 100%;
  margin: 26px 0 34px;
}

.markdown table thead {
  background-color: var(--color-markdown-table-head-background);
  color: var(--color-markdown-table-head-text);
  letter-spacing: .1px;
  user-select: none;
}

.markdown table tbody tr:hover {
  background-color: var(--color-markdown-table-body-row-background-hover);
}

.markdown table th,
.markdown table td {
  border: 1px solid var(--color-markdown-table-cell-border);
  line-height: 18px;
  word-break: break-word;
  hyphens: auto;
  padding: 6px 10px 6px 16px;
}

.markdown blockquote,
.markdown .emphasis {
  margin: 26px 0;
  padding: 14px 20px 14px 28px;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
}

.markdown blockquote + blockquote,
.markdown blockquote + .emphasis,
.markdown .emphasis + blockquote,
.markdown .emphasis + .emphasis {
  margin-top: -17px;
}

.markdown blockquote:before,
.markdown .emphasis:before {
  content: "";
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.markdown blockquote {
  background-color: var(--color-markdown-blockquote-background);
  color: var(--color-markdown-blockquote-text);
  font-style: italic;
}

.markdown blockquote:before {
  background-color: var(--color-markdown-blockquote-border);
}

.markdown .emphasis.emphasis--warning {
  background-color: var(--color-markdown-emphasis-warning-background);
}

.markdown .emphasis.emphasis--warning:before {
  background-color: var(--color-markdown-emphasis-warning-border);
}

.markdown .emphasis.emphasis--info {
  background-color: var(--color-markdown-emphasis-info-background);
}

.markdown .emphasis.emphasis--info:before {
  background-color: var(--color-markdown-emphasis-info-border);
}

.markdown .emphasis.emphasis--notice {
  background-color: var(--color-markdown-emphasis-notice-background);
}

.markdown .emphasis.emphasis--notice:before {
  background-color: var(--color-markdown-emphasis-notice-border);
}

.markdown .embed[data-loaded="true"] .embed-wrap .embed-frame {
  opacity: 1;
  z-index: 2;
}

.markdown .embed[data-loaded="true"] .embed-wrap .embed-preview {
  opacity: 0;
}

.markdown .embed[data-loaded="true"] .embed-wrap .embed-preview:after {
  display: none;
}

.markdown .embed .embed-wrap {
  height: 420px;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  position: relative;
}

.markdown .embed .embed-wrap .embed-preview,
.markdown .embed .embed-wrap .embed-frame,
.markdown .embed .embed-wrap .embed-frame iframe {
  background-color: var(--color-markdown-embed-wrap-background);
}

.markdown .embed .embed-wrap .embed-preview,
.markdown .embed .embed-wrap .embed-frame {
  width: 100%;
  height: 100%;
  transition: opacity ease-in-out 600ms;
}

.markdown .embed .embed-wrap .embed-preview {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 1;
  position: relative;
  z-index: 1;
}

.markdown .embed .embed-wrap .embed-preview:hover:after {
  opacity: 1;
}

.markdown .embed .embed-wrap .embed-preview:active:after {
  opacity: .95;
}

.markdown .embed .embed-wrap .embed-preview:after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjc1MTMyMSIgcj0iMzEuNSIgc3Ryb2tlPSIjZmZmIi8+PHBhdGggZD0ibTAgMHYyOGwxOC0xNHoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUgMTgpIi8+PC9nPjwvc3ZnPg==");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 68px;
  height: 68px;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: .9;
  transition: opacity ease-in-out 300ms;
  transform: translate(-50%, -50%);
}

.markdown .embed .embed-wrap .embed-frame {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.markdown .embed .embed-wrap .embed-frame iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 880px) {
  .markdown figure {
    max-width: 80%;
  }
  .markdown .embed .embed-wrap {
    height: 380px;
  }
}

@media screen and (max-width: 640px) {
  .markdown figure {
    max-width: none;
  }
  .markdown .embed .embed-wrap {
    height: 280px;
  }
}

.code {
  border: 1px solid transparent;
  margin: 24px;
  user-select: none;
  overflow: hidden;
  border-radius: 6px;
  transition: border-color linear 75ms;
}

.code[data-copy-state="copied"] .code-header .code-actions .code-action.code-action--copy {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTYgMTMiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4wOTA5MDg1NyA5LjYzNjM2MzY2LTMuODE4MTgxNzEtMy44MTgxODE4My0xLjI3MjcyNjg2IDEuMjcyNzI3MzEgNS4wOTA5MDg1NyA1LjA5MDkwOTA2IDEwLjkwOTA5MTQzLTEwLjkwOTA5MDg5LTEuMjcyNzI2OS0xLjI3MjcyNzMxeiIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  width: 13px;
  height: 16px;
  margin-top: 1px;
  opacity: 1;
}

.code[data-has-request="false"] .code-header .code-actions .code-action.code-action--copy {
  display: none;
}

.code:hover {
  border-color: var(--color-code-border-hover);
}

.code:hover .code-header {
  background-color: var(--color-code-header-hover);
}

.code .code-header,
.code .code-section .code-metas,
.code .code-section .code-content {
  padding: 0 14px;
}

.code .code-data {
  display: none;
}

.code .code-header {
  background-color: var(--color-code-header-default);
  height: 40px;
  display: flex;
  transition: background-color linear 75ms;
}

.code .code-header .code-language,
.code .code-header .code-actions {
  display: flex;
  align-items: center;
}

.code .code-header .code-language {
  color: var(--color-code-language-text);
  font-size: 12.5px;
  flex: 1;
}

.code .code-header .code-actions {
  flex: 0 0 auto;
  padding-left: 8px;
}

.code .code-header .code-actions .code-action {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  margin-right: 15px;
  opacity: .65;
  cursor: pointer;
  transition: opacity linear 100ms;
}

.code .code-header .code-actions .code-action:last-of-type {
  margin-right: 0;
}

.code .code-header .code-actions .code-action:hover {
  opacity: .85;
}

.code .code-header .code-actions .code-action:active {
  opacity: 1;
}

.code .code-header .code-actions .code-action.code-action--copy {
  background-color: var(--color-code-action-background);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTMgMTUiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOS41NDU0NTQ1NSAwaC04LjE4MTgxODE5Yy0uNzUgMC0xLjM2MzYzNjM2LjYxMzYzNjM2LTEuMzYzNjM2MzYgMS4zNjM2MzYzNnY5LjU0NTQ1NDU0aDEuMzYzNjM2MzZ2LTkuNTQ1NDU0NTRoOC4xODE4MTgxOXptMi4wNDU0NTQ1NSAyLjcyNzI3MjczaC03LjUwMDAwMDAxYy0uNzUgMC0xLjM2MzYzNjM2LjYxMzYzNjM2LTEuMzYzNjM2MzYgMS4zNjM2MzYzNnY5LjU0NTQ1NDUxYzAgLjc1LjYxMzYzNjM2IDEuMzYzNjM2NCAxLjM2MzYzNjM2IDEuMzYzNjM2NGg3LjUwMDAwMDAxYy43NSAwIDEuMzYzNjM2NC0uNjEzNjM2NCAxLjM2MzYzNjQtMS4zNjM2MzY0di05LjU0NTQ1NDUxYzAtLjc1LS42MTM2MzY0LTEuMzYzNjM2MzYtMS4zNjM2MzY0LTEuMzYzNjM2MzZ6bTAgMTAuOTA5MDkwODdoLTcuNTAwMDAwMDF2LTkuNTQ1NDU0NTFoNy41MDAwMDAwMXoiLz48L3N2Zz4=");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  width: 13px;
  height: 15px;
}

.code .code-section .code-metas {
  background-color: var(--color-code-metas-background);
  line-height: 16px;
  height: 33px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.code .code-section .code-metas .code-meta-name,
.code .code-section .code-metas .code-meta-picker,
.code .code-section .code-metas .code-meta-type {
  margin-top: -1px;
}

.code .code-section .code-metas .code-meta-name,
.code .code-section .code-metas .code-meta-type {
  font-size: 12.5px;
  letter-spacing: .1px;
  min-width: 80px;
  flex: 0 0 auto;
}

.code .code-section .code-metas .code-meta-name,
.code .code-section .code-metas .code-meta-picker {
  border-right: 1px solid var(--color-code-meta-name-border);
}

.code .code-section .code-metas .code-meta-name {
  color: var(--color-code-meta-name-text);
  text-align: left;
  padding-right: 8px;
  margin-right: 10px;
}

.code .code-section .code-metas .code-meta-picker {
  flex: 1;
  padding-right: 10px;
  margin-right: 8px;
}

.code .code-section .code-metas .code-meta-type {
  color: var(--color-code-meta-type-text);
  text-align: right;
}

.code .code-section .code-content {
  background-color: var(--color-code-content-background);
  color: var(--color-code-content-text);
  font-size: 11px;
  line-height: 16px;
  white-space: pre;
  user-select: none;
  overflow: auto;
  max-height: 640px;
  padding-top: 10px;
  padding-bottom: 12px;
}

.code .code-section .code-content code {
  color: var(--color-white);
  user-select: text;
}

.code .code-section ::selection {
  background-color: var(--color-code-selection);
}

.code .code-section ::-moz-selection {
  background-color: var(--color-code-selection);
}

.code select {
  background: transparent;
  color: var(--color-code-select-text-default);
  border: 1px solid var(--color-code-select-border-default);
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgNiAxMSIgd2lkdGg9IjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExNS45NiA0LjMyMjIyMjIyIDEuNzYxMTExIDEuNzYxMTExMTEuNzgzMzMzLS43ODMzMzMzMy0yLjU0NDQ0NC0yLjU1LTIuNTUgMi41NS43ODg4ODkuNzgzMzMzMzN6bTAgNi4zNTg4ODg4OC0xLjc2MTExMS0xLjc2MTExMTEtLjc4MzMzMy43ODMzMzMzMyAyLjU0NDQ0NCAyLjU0OTk5OTk3IDIuNTUtMi41NDk5OTk5Ny0uNzg4ODg5LS43ODMzMzMzM3oiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTMgLTIpIi8+PC9zdmc+");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 8px);
  background-position-y: 50%;
  font-size: 13px;
  line-height: 23px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  padding-left: 8px;
  padding-right: 16px;
  outline: none;
  cursor: pointer;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all linear 75ms;
  transition-property: color, border-color;
}

.code select:hover {
  color: var(--color-code-select-text-hover);
  border-color: var(--color-code-select-border-hover);
}

.code select:hover option {
  color: initial;
}

.code select option {
  color: initial;
}

pre code[class*="language-"] {
  color: var(--color-highlight-main);
}

pre code[class*="language-"] .namespace {
  opacity: .7;
}

pre code[class*="language-"] .token.entity,
pre code[class*="language-"] .language-css .token.string,
pre code[class*="language-"] .style .token.string {
  color: var(--color-highlight-entity-light);
  background: var(--color-highlight-entity-dark);
}

pre code[class*="language-"] .token.comment, pre code[class*="language-"] .token.prolog, pre code[class*="language-"] .token.cdata {
  color: var(--color-highlight-comment);
}

pre code[class*="language-"] .token.punctuation {
  color: var(--color-highlight-punctuation);
}

pre code[class*="language-"] .token.variable, pre code[class*="language-"] .token.tag, pre code[class*="language-"] .token.operator, pre code[class*="language-"] .token.deleted {
  color: var(--color-highlight-variable);
}

pre code[class*="language-"] .token.number, pre code[class*="language-"] .token.boolean, pre code[class*="language-"] .token.constant, pre code[class*="language-"] .token.url {
  color: var(--color-highlight-number);
}

pre code[class*="language-"] .token.class-name, pre code[class*="language-"] .token.bold {
  color: var(--color-highlight-class);
}

pre code[class*="language-"] .token.property, pre code[class*="language-"] .token.string, pre code[class*="language-"] .token.symbol, pre code[class*="language-"] .token.attr-value, pre code[class*="language-"] .token.inserted, pre code[class*="language-"] .token.atrule {
  color: var(--color-highlight-property);
}

pre code[class*="language-"] .token.regex, pre code[class*="language-"] .token.important {
  color: var(--color-highlight-regex);
}

pre code[class*="language-"] .token.function, pre code[class*="language-"] .token.attr-name {
  color: var(--color-highlight-function);
}

pre code[class*="language-"] .token.keyword, pre code[class*="language-"] .token.selector, pre code[class*="language-"] .token.italic, pre code[class*="language-"] .token.char, pre code[class*="language-"] .token.builtin {
  color: var(--color-highlight-keyword);
}

pre code[class*="language-"] .token.doctype {
  color: var(--color-highlight-doctype);
}

pre code[class*="language-"] .token.important, pre code[class*="language-"] .token.bold {
  font-weight: bold;
}

pre code[class*="language-"] .token.italic {
  font-style: italic;
}

pre code[class*="language-"] .token.entity {
  cursor: help;
}

#header {
  background-color: var(--color-header-background);
  border-bottom: 1px solid var(--color-header-border);
  height: 58px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  box-shadow: 0 2px 6px 0 var(--color-header-shadow);
  -webkit-backdrop-filter: blur(4px) saturate(160%) contrast(45%) brightness(140%);
  backdrop-filter: blur(4px) saturate(160%) contrast(45%) brightness(140%);
}

#header .wrapper,
#header .wrapper .left,
#header .wrapper .right {
  height: 100%;
  display: flex;
  flex-direction: row;
}

#header .wrapper .left,
#header .wrapper .right {
  align-items: center;
}

#header .wrapper .left {
  flex: 1;
}

#header .wrapper .right {
  flex: 0 0 auto;
  padding-left: 12px;
}

#header .logo {
  color: var(--color-black);
  margin-right: 60px;
}

#header .logo .logo-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 24px;
  display: none;
}

#header .logo .logo-image.logo-image--full {
  display: block;
}

#header .menu,
#header .extras {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
}

#header .menu .menu-item,
#header .extras .extras-item {
  user-select: none;
  height: 100%;
  padding: 0 2px;
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
}

#header .menu .menu-item:after,
#header .extras .extras-item:after {
  content: "";
  background-color: var(--color-grey);
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  transition: none;
}

#header .menu .menu-item .menu-link,
#header .extras .extras-item .extras-link {
  height: 100%;
  display: flex;
  align-items: center;
}

#header .menu .menu-item:hover:after,
#header .menu .menu-item.menu-item--active:after,
#header .extras .extras-item.extras-item--active:after {
  height: 3px;
  transition: height linear 100ms;
}

#header .menu .menu-item.menu-item--active:after,
#header .extras .extras-item.extras-item--active:after {
  background-color: var(--color-accent-base);
}

#header .dropdown {
  background-color: var(--color-white);
  border: 1px solid var(--color-header-dropdown-border);
  padding: 43px 8px 8px;
  display: none;
  position: absolute;
  z-index: 1;
  top: 7px;
  left: -16px;
  box-shadow: 0 3px 5px 0 var(--color-header-dropdown-shadow);
  border-radius: 3px;
}

#header .dropdown .dropdown-link {
  color: var(--color-black);
  font-size: 13.5px;
  line-height: 28px;
  letter-spacing: -.1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 2px;
  padding: 0 32px 0 9px;
  display: block;
  border-radius: 3px;
}

#header .dropdown .dropdown-link:hover, #header .dropdown .dropdown-link:active {
  color: var(--color-white);
}

#header .dropdown .dropdown-link:hover {
  background-color: var(--color-header-dropdown-link-background-hover);
}

#header .dropdown .dropdown-link:hover:active {
  transition: background-color linear 100ms;
}

#header .dropdown .dropdown-link:active {
  background-color: var(--color-header-dropdown-link-background-active);
}

#header .dropdown .dropdown-link:last-of-type {
  margin-bottom: 0;
}

#header .dropdown .dropdown-link.dropdown-link--multiple {
  line-height: 18px;
  padding-top: 6px;
  padding-bottom: 6px;
}

#header .dropdown .dropdown-link.dropdown-link--multiple .dropdown-link-label {
  margin-top: 1px;
}

#header .dropdown .dropdown-link.dropdown-link--external {
  padding-right: 42px;
  position: relative;
}

#header .dropdown .dropdown-link.dropdown-link--external:after {
  content: "";
  background-color: var(--color-black);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTIgMTMiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjE1LjY2NjY2NyAyNC4xNjY2NjY3aC05LjMzMzMzNHYtOS4zMzMzMzM0aDQuNjY2NjY3di0xLjMzMzMzMzNoLTQuNjY2NjY3Yy0uNzQgMC0xLjMzMzMzMy42LTEuMzMzMzMzIDEuMzMzMzMzM3Y5LjMzMzMzMzRjMCAuNzMzMzMzMy41OTMzMzMgMS4zMzMzMzMzIDEuMzMzMzMzIDEuMzMzMzMzM2g5LjMzMzMzNGMuNzMzMzMzIDAgMS4zMzMzMzMtLjYgMS4zMzMzMzMtMS4zMzMzMzMzdi00LjY2NjY2NjdoLTEuMzMzMzMzem0tMy4zMzMzMzQtMTAuNjY2NjY2N3YxLjMzMzMzMzNoMi4zOTMzMzRsLTYuNTUzMzM0IDYuNTUzMzMzNC45NC45NCA2LjU1MzMzNC02LjU1MzMzMzR2Mi4zOTMzMzM0aDEuMzMzMzMzdi00LjY2NjY2Njd6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjA1IC0xMykiLz48L3N2Zz4=");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  opacity: .3;
  position: absolute;
  right: 9px;
  top: 50%;
}

#header .dropdown .dropdown-link.dropdown-link--external:hover:after, #header .dropdown .dropdown-link.dropdown-link--external:active:after {
  background-color: var(--color-white);
  opacity: 1;
}

#header .dropdown .dropdown-link .dropdown-link-title,
#header .dropdown .dropdown-link .dropdown-link-label {
  display: block;
}

#header .dropdown .dropdown-link .dropdown-link-label {
  font-size: 13px;
  opacity: .8;
}

#header .menu .menu-item {
  margin-right: 28px;
  position: relative;
}

#header .menu .menu-item:hover .dropdown {
  display: block;
}

#header .menu .menu-item:last-of-type {
  margin-right: 0;
}

#header .menu .menu-item .menu-link {
  color: var(--color-black);
  font-size: 14px;
}

#header .menu .menu-item .menu-link.menu-link--dropdown {
  position: relative;
  z-index: 2;
}

#header .menu .menu-item .menu-link.menu-link--dropdown:after {
  content: "";
  background-color: var(--color-black);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAxMCA2IiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTg0LjIwMTUzNzcgOC41IDUgNSA1LTV6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODQuMjAxNTM4IC04KSIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-top: 1px;
  margin-left: 5px;
  opacity: .35;
}

#header .extras .extras-item .extras-link {
  color: var(--color-accent-base);
  font-size: 13px;
  letter-spacing: -.09px;
}

#header .search {
  background: var(--color-header-search-background-default);
  border: 1px solid var(--color-header-search-border-default);
  height: 32px;
  margin-left: 18px;
  padding: 0 10px 0 12px;
  display: flex;
  align-items: center;
  user-select: none;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 var(--color-header-search-shadow);
  transition: border-color linear 100ms;
}

#header .search:hover {
  border-color: var(--color-header-search-border-hover);
  cursor: pointer;
}

#header .search:active {
  border-color: var(--color-header-search-border-active);
}

#header .search .search-placeholder {
  color: var(--color-header-search-placeholder-text);
  font-size: 13px;
  letter-spacing: -.1px;
}

#header .search .search-placeholder:before {
  content: "";
  background-color: var(--color-blue-grey-dark);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTQgMTUiIHdpZHRoPSIxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTAuMDA1NzE3NiAxMC4zMDUwMzE0aC0uNjMyMzYxNGwtLjIyNDEyODA3LS4yMTYxMjM1Yy43ODQ0NDgyNi0uOTEyNTIxMzkgMS4yNTY3MTgxNy0yLjA5NzE5ODM1IDEuMjU2NzE4MTctMy4zODU5MzQ3NyAwLTIuODczNjQyMDgtMi4zMjkzMzEwOS01LjIwMjk3MzEzLTUuMjAyOTczMTctNS4yMDI5NzMxM3MtNS4yMDI5NzMxMyAyLjMyOTMzMTA1LTUuMjAyOTczMTMgNS4yMDI5NzMxMyAyLjMyOTMzMTA1IDUuMjAyOTczMTcgNS4yMDI5NzMxMyA1LjIwMjk3MzE3YzEuMjg4NzM2NDIgMCAyLjQ3MzQxMzM4LS40NzIyNjk5IDMuMzg1OTM0ODItMS4yNTY3MTgybC4yMTYxMjM1LjIyNDEyODF2LjYzMjM2MTRsNC4wMDIyODcwNSAzLjk5NDI4MjQgMS4xOTI2ODE1LTEuMTkyNjgxNXptLTQuODAyNzQ0NDcgMGMtMS45OTMxMzg5NCAwLTMuNjAyMDU4MzItMS42MDg5MTkzNC0zLjYwMjA1ODMyLTMuNjAyMDU4MjcgMC0xLjk5MzEzODk0IDEuNjA4OTE5MzgtMy42MDIwNTgzMiAzLjYwMjA1ODMyLTMuNjAyMDU4MzIgMS45OTMxMzg5MyAwIDMuNjAyMDU4MzIgMS42MDg5MTkzOCAzLjYwMjA1ODMyIDMuNjAyMDU4MzIgMCAxLjk5MzEzODkzLTEuNjA4OTE5MzkgMy42MDIwNTgyNy0zLjYwMjA1ODMyIDMuNjAyMDU4Mjd6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xKSIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: -2px;
  margin-right: 10px;
  vertical-align: middle;
}

#header .search .search-shortcut {
  background: var(--color-white);
  border: 1px solid var(--color-header-search-shortcut-border);
  color: var(--color-header-search-shortcut-text);
  font-size: 12px;
  letter-spacing: -.2px;
  text-align: center;
  height: 20px;
  line-height: 21px;
  margin-left: 20px;
  padding: 0 5px;
  box-shadow: 0 1px 0 0 var(--color-header-search-shortcut-shadow);
  border-radius: 3px;
}

#header .coloring {
  background-color: var(--color-header-coloring-background-default);
  width: 32px;
  height: 16px;
  margin: 0 32px;
  cursor: pointer;
  position: relative;
  border-radius: 8px;
}

#header .coloring:hover .toggle {
  border-color: var(--color-header-coloring-toggle-border-hover);
  box-shadow: 0 1px 4px 0 var(--color-header-coloring-toggle-shadow-hover);
}

#header .coloring:active .toggle {
  border-color: var(--color-header-coloring-toggle-border-active);
  box-shadow: 0 1px 1px 0 var(--color-header-coloring-toggle-shadow-active);
}

#header .coloring[data-mode="light"] .toggle {
  margin-left: -6px;
}

#header .coloring[data-mode="light"] .toggle:before {
  background-color: var(--color-header-coloring-toggle-icon-light-background);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOCA0LjM2MzYzNjM2Yy0yLjAwNzI3MjczIDAtMy42MzYzNjM2NCAxLjYyOTA5MDkxLTMuNjM2MzYzNjQgMy42MzYzNjM2NCAwIDIuMDA3MjcyNyAxLjYyOTA5MDkxIDMuNjM2MzYzNiAzLjYzNjM2MzY0IDMuNjM2MzYzNiAyLjAwNzI3MjcgMCAzLjYzNjM2MzYtMS42MjkwOTA5IDMuNjM2MzYzNi0zLjYzNjM2MzYgMC0yLjAwNzI3MjczLTEuNjI5MDkwOS0zLjYzNjM2MzY0LTMuNjM2MzYzNi0zLjYzNjM2MzY0em0tNy4yNzI3MjcyNyA0LjM2MzYzNjM3aDEuNDU0NTQ1NDVjLjQgMCAuNzI3MjcyNzMtLjMyNzI3MjczLjcyNzI3MjczLS43MjcyNzI3M3MtLjMyNzI3MjczLS43MjcyNzI3My0uNzI3MjcyNzMtLjcyNzI3MjczaC0xLjQ1NDU0NTQ1Yy0uNCAwLS43MjcyNzI3My4zMjcyNzI3My0uNzI3MjcyNzMuNzI3MjcyNzNzLjMyNzI3MjczLjcyNzI3MjczLjcyNzI3MjczLjcyNzI3Mjczem0xMy4wOTA5MDkwNyAwaDEuNDU0NTQ1NWMuNCAwIC43MjcyNzI3LS4zMjcyNzI3My43MjcyNzI3LS43MjcyNzI3M3MtLjMyNzI3MjctLjcyNzI3MjczLS43MjcyNzI3LS43MjcyNzI3M2gtMS40NTQ1NDU1Yy0uNCAwLS43MjcyNzI3LjMyNzI3MjczLS43MjcyNzI3LjcyNzI3Mjczcy4zMjcyNzI3LjcyNzI3MjczLjcyNzI3MjcuNzI3MjcyNzN6bS02LjU0NTQ1NDUzLTh2MS40NTQ1NDU0NWMwIC40LjMyNzI3MjczLjcyNzI3MjczLjcyNzI3MjczLjcyNzI3Mjczcy43MjcyNzI3My0uMzI3MjcyNzMuNzI3MjcyNzMtLjcyNzI3Mjczdi0xLjQ1NDU0NTQ1YzAtLjQtLjMyNzI3MjczLS43MjcyNzI3My0uNzI3MjcyNzMtLjcyNzI3Mjczcy0uNzI3MjcyNzMuMzI3MjcyNzMtLjcyNzI3MjczLjcyNzI3Mjczem0wIDEzLjA5MDkwOTA3djEuNDU0NTQ1NWMwIC40LjMyNzI3MjczLjcyNzI3MjcuNzI3MjcyNzMuNzI3MjcyN3MuNzI3MjcyNzMtLjMyNzI3MjcuNzI3MjcyNzMtLjcyNzI3Mjd2LTEuNDU0NTQ1NWMwLS40LS4zMjcyNzI3My0uNzI3MjcyNy0uNzI3MjcyNzMtLjcyNzI3MjdzLS43MjcyNzI3My4zMjcyNzI3LS43MjcyNzI3My43MjcyNzI3em0tMy42NDM2MzYzNi0xMS4yMTQ1NDU0NGMtLjI4MzYzNjM2LS4yODM2MzYzNi0uNzQ5MDkwOTEtLjI4MzYzNjM2LTEuMDI1NDU0NTUgMC0uMjgzNjM2MzYuMjgzNjM2MzctLjI4MzYzNjM2Ljc0OTA5MDkxIDAgMS4wMjU0NTQ1NWwuNzcwOTA5MDkuNzcwOTA5MDljLjI4MzYzNjM3LjI4MzYzNjM2Ljc0OTA5MDkxLjI4MzYzNjM2IDEuMDI1NDU0NTUgMHMuMjgzNjM2MzYtLjc0OTA5MDkxIDAtMS4wMjU0NTQ1NXptOC45OTYzNjM1OSA4Ljk5NjM2MzY0Yy0uMjgzNjM2My0uMjgzNjM2NC0uNzQ5MDkwOS0uMjgzNjM2NC0xLjAyNTQ1NDUgMC0uMjgzNjM2NC4yODM2MzY0LS4yODM2MzY0Ljc0OTA5MDkgMCAxLjAyNTQ1NDVsLjc3MDkwOTEuNzcwOTA5MWMuMjgzNjM2NC4yODM2MzY0Ljc0OTA5MDkuMjgzNjM2NCAxLjAyNTQ1NDUgMCAuMjgzNjM2NC0uMjgzNjM2My4yODM2MzY0LS43NDkwOTA5IDAtMS4wMjU0NTQ1em0uNzcwOTA5MS03Ljk3MDkwOTA5Yy4yODM2MzY0LS4yODM2MzYzNi4yODM2MzY0LS43NDkwOTA5MSAwLTEuMDI1NDU0NTUtLjI4MzYzNjMtLjI4MzYzNjM2LS43NDkwOTA5LS4yODM2MzYzNi0xLjAyNTQ1NDUgMGwtLjc3MDkwOTEuNzcwOTA5MDljLS4yODM2MzY0LjI4MzYzNjM3LS4yODM2MzY0Ljc0OTA5MDkxIDAgMS4wMjU0NTQ1NXMuNzQ5MDkwOS4yODM2MzYzNiAxLjAyNTQ1NDUgMHptLTguOTk2MzYzNiA4Ljk5NjM2MzU5Yy4yODM2MzYzNi0uMjgzNjM2My4yODM2MzYzNi0uNzQ5MDkwOSAwLTEuMDI1NDU0NS0uMjgzNjM2MzYtLjI4MzYzNjQtLjc0OTA5MDkxLS4yODM2MzY0LTEuMDI1NDU0NTUgMGwtLjc3MDkwOTA5Ljc3MDkwOTFjLS4yODM2MzYzNi4yODM2MzY0LS4yODM2MzYzNi43NDkwOTA5IDAgMS4wMjU0NTQ1LjI4MzYzNjM3LjI3NjM2MzcuNzQ5MDkwOTEuMjgzNjM2NCAxLjAyNTQ1NDU1IDB6Ii8+PC9zdmc+");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  width: 14px;
  height: 14px;
}

#header .coloring[data-mode="dark"] .toggle {
  margin-left: 12px;
}

#header .coloring[data-mode="dark"] .toggle:before {
  background-color: var(--color-header-coloring-toggle-icon-dark-background);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHdpZHRoPSIxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNyAwYy0zLjg2NTU1NTU2IDAtNyAzLjEzNDQ0NDQ0LTcgNyAwIDMuODY1NTU1NiAzLjEzNDQ0NDQ0IDcgNyA3IDMuODY1NTU1NiAwIDctMy4xMzQ0NDQ0IDctNyAwLS4zNTc3Nzc3OC0uMDMxMTExMS0uNzE1NTU1NTYtLjA3Nzc3NzgtMS4wNTc3Nzc3OC0uNzYyMjIyMiAxLjA2NTU1NTU2LTIuMDA2NjY2NiAxLjc1Nzc3Nzc4LTMuNDIyMjIyMiAxLjc1Nzc3Nzc4LTIuMzE3Nzc3NzggMC00LjItMS44ODIyMjIyMi00LjItNC4yIDAtMS40MDc3Nzc3OC42OTIyMjIyMi0yLjY2IDEuNzU3Nzc3NzgtMy40MjIyMjIyMi0uMzQyMjIyMjItLjA0NjY2NjY3LS43LS4wNzc3Nzc3OC0xLjA1Nzc3Nzc4LS4wNzc3Nzc3OHoiLz48L3N2Zz4=");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  width: 12px;
  height: 12px;
}

#header .coloring .toggle {
  background-color: var(--color-white);
  border: 1px solid var(--color-header-coloring-toggle-border-default);
  height: 24px;
  width: 24px;
  margin-top: -5px;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 1px 3px 0 var(--color-header-coloring-toggle-shadow-default);
  transition: all linear 100ms;
  transition-property: border-color, margin-left, box-shadow;
}

#header .coloring .toggle:before {
  content: "";
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
}

#header .actions .action {
  position: relative;
}

#header .actions .action:hover .dropdown {
  display: block;
}

#header .actions .action:hover .action-button.button {
  background-color: transparent !important;
  color: var(--color-black) !important;
  box-shadow: none !important;
  transition: none !important;
}

#header .actions .action:hover .action-button:after {
  background-color: var(--color-black);
}

#header .actions .action .dropdown {
  left: auto;
  right: -5px;
  top: -5px;
}

#header .actions .action .action-button {
  position: relative;
  z-index: 2;
}

#header .actions .action .action-button:active {
  transform: none;
}

#header .actions .action .action-button:after {
  content: "";
  background-color: var(--color-white);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAxMCA2IiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTg0IDE2LjUgNSA1IDUtNXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NCAtMTYpIi8+PC9zdmc+");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 7px;
  margin-right: -3px;
  vertical-align: middle;
  opacity: .55;
  transition: opacity linear 100ms;
}

@media screen and (max-width: 1020px) {
  #header .logo {
    margin-right: 42px;
  }
  #header .coloring {
    margin: 0 20px;
  }
}

@media screen and (max-width: 880px) {
  #header .logo {
    margin-right: 32px;
  }
  #header .menu .menu-item {
    margin-right: 20px;
  }
  #header .menu .menu-item:last-of-type {
    margin-right: 0;
  }
  #header .search {
    margin-left: 12px;
    padding: 0 11px;
  }
  #header .search .search-placeholder-text,
  #header .search .search-shortcut {
    display: none;
  }
  #header .search .search-placeholder:before {
    margin-right: 0;
  }
  #header .coloring {
    display: none;
  }
  #header .actions {
    margin-left: 10px;
  }
}

@media screen and (max-width: 640px) {
  #header .logo {
    margin-top: 1px;
    margin-right: 28px;
  }
  #header .logo .logo-image.logo-image--full {
    display: none;
  }
  #header .logo .logo-image.logo-image--short {
    display: block;
  }
  #header .search {
    margin-left: 0;
  }
  #header .extras,
  #header .actions {
    display: none;
  }
}

#search {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
}

#search .spotlight, #search:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#search .spotlight {
  padding-top: 90px;
  z-index: 2;
  animation-name: search-spotlight-animation;
  animation-delay: 0.1s;
  animation-duration: 0.2s;
  animation-fill-mode: both;
}

#search .spotlight[data-has-results="false"] .spotlight-results {
  display: none;
}

#search .spotlight[data-has-results="false"] .spotlight-legend {
  background-color: var(--color-white);
}

#search .spotlight[data-index-loading="true"] .spotlight-field:after {
  display: inline-block;
}

#search .spotlight[data-index-loading="true"] .spotlight-field .spotlight-input {
  padding-right: 48px;
}

#search .spotlight[data-index-error="true"] .spotlight-legend .spotlight-error {
  display: block;
}

#search .spotlight .spotlight-box {
  background-color: var(--color-white);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  box-shadow: 0 4px 6px 0 var(--color-search-spotlight-shadow);
}

#search .spotlight .spotlight-field,
#search .spotlight .spotlight-legend {
  background-color: var(--color-search-spotlight-field-background);
  flex: 0 0 auto;
}

#search .spotlight .spotlight-field {
  border-bottom: 1px solid var(--color-grey-dark);
  height: 58px;
  position: relative;
}

#search .spotlight .spotlight-field:before, #search .spotlight .spotlight-field:after {
  content: "";
  position: absolute;
  top: 50%;
}

#search .spotlight .spotlight-field:before {
  background-color: var(--color-blue-grey-dark);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuODY0NDk0IDEyLjgyMDc1NDdoLS44MTMwMzZsLS4yODgxNjQ3LS4yNzc4NzMxYzEuMDA4NTc2My0xLjE3MzI0MTggMS42MTU3ODA1LTIuNjk2Mzk3OSAxLjYxNTc4MDUtNC4zNTMzNDQ3MiAwLTMuNjk0NjgyNjgtMi45OTQ4NTQyLTYuNjg5NTM2ODgtNi42ODk1MzY5Mi02LjY4OTUzNjg4LTMuNjk0NjgyNjggMC02LjY4OTUzNjg4IDIuOTk0ODU0Mi02LjY4OTUzNjg4IDYuNjg5NTM2ODggMCAzLjY5NDY4MjcyIDIuOTk0ODU0MiA2LjY4OTUzNjkyIDYuNjg5NTM2ODggNi42ODk1MzY5MiAxLjY1Njk0NjgyIDAgMy4xODAxMDI5MS0uNjA3MjA0MiA0LjM1MzM0NDcyLTEuNjE1NzgwNWwuMjc3ODczMS4yODgxNjQ3di44MTMwMzZsNS4xNDU3OTc2IDUuMTM1NTA2IDEuNTMzNDQ3Ny0xLjUzMzQ0Nzd6bS02LjE3NDk1NzEyIDBjLTIuNTYyNjA3MjEgMC00LjYzMTIxNzg0LTIuMDY4NjEwNi00LjYzMTIxNzg0LTQuNjMxMjE3ODIgMC0yLjU2MjYwNzIxIDIuMDY4NjEwNjMtNC42MzEyMTc4NCA0LjYzMTIxNzg0LTQuNjMxMjE3ODQgMi41NjI2MDcyIDAgNC42MzEyMTc4MiAyLjA2ODYxMDYzIDQuNjMxMjE3ODIgNC42MzEyMTc4NCAwIDIuNTYyNjA3MjItMi4wNjg2MTA2MiA0LjYzMTIxNzgyLTQuNjMxMjE3ODIgNC42MzEyMTc4MnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEuNSkiLz48L3N2Zz4=");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  left: 26px;
}

#search .spotlight .spotlight-field:after {
  background: transparent;
  border-color: var(--color-search-spotlight-field-spinner-border) var(--color-search-spotlight-field-spinner-border) transparent;
  border-width: 2px;
  border-style: solid;
  width: 12px;
  height: 12px;
  margin-top: -8px;
  right: 26px;
  opacity: .75;
  border-radius: 100%;
  display: none;
  animation-name: search-spotlight-field-spinner-animation;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

#search .spotlight .spotlight-field .spotlight-input {
  background: transparent;
  border: 0 none;
  outline: 0 none;
  color: var(--color-black);
  font-size: 15px;
  letter-spacing: .1px;
  padding-left: 56px;
  height: 100%;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#search .spotlight .spotlight-field .spotlight-input:placeholder {
  color: var(--color-search-spotlight-field-placeholder);
  opacity: 1;
}

#search .spotlight .spotlight-field .spotlight-input:-moz-placeholder {
  color: var(--color-search-spotlight-field-placeholder);
  opacity: 1;
}

#search .spotlight .spotlight-field .spotlight-input::-moz-placeholder {
  color: var(--color-search-spotlight-field-placeholder);
  opacity: 1;
}

#search .spotlight .spotlight-field .spotlight-input:-ms-input-placeholder {
  color: var(--color-search-spotlight-field-placeholder);
  opacity: 1;
}

#search .spotlight .spotlight-field .spotlight-input::-webkit-input-placeholder {
  color: var(--color-search-spotlight-field-placeholder);
  opacity: 1;
}

#search .spotlight .spotlight-field .spotlight-input::-webkit-search-decoration, #search .spotlight .spotlight-field .spotlight-input::-webkit-search-cancel-button, #search .spotlight .spotlight-field .spotlight-input::-webkit-search-results-button, #search .spotlight .spotlight-field .spotlight-input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}

#search .spotlight .spotlight-results {
  max-height: 380px;
  padding: 9px 26px 17px;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry {
  margin: 0 -12px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry[data-selected="true"] .spotlight-entry-link {
  background-color: var(--color-search-spotlight-entry-link-background-default);
  color: var(--color-white);
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry[data-selected="true"] .spotlight-entry-link:active {
  background-color: var(--color-search-spotlight-entry-link-background-active);
  transition: background-color linear 100ms;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry[data-selected="true"] .spotlight-entry-link:after {
  background-color: var(--color-white);
  opacity: 1;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry[data-selected="true"] .spotlight-entry-link .spotlight-entry-path {
  opacity: 1;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry[data-selected="true"] .spotlight-entry-link .spotlight-entry-separator {
  background-color: var(--color-white);
  opacity: .55;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry.spotlight-entry--page .spotlight-entry-link:after {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMjAgMTQiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTMgMC0xLjQxIDEuNDEgNC41OCA0LjU5aC0xNi4xN3YyaDE2LjE3bC00LjU5IDQuNTkgMS40MiAxLjQxIDctN3oiLz48L3N2Zz4=");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry.spotlight-entry--anchor .spotlight-entry-link:after {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTMgMTMiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTMgNC44NzV2LTEuNjI1aC0zLjI1di0zLjI1aC0xLjYyNXYzLjI1aC0zLjI1di0zLjI1aC0xLjYyNXYzLjI1aC0zLjI1djEuNjI1aDMuMjV2My4yNWgtMy4yNXYxLjYyNWgzLjI1djMuMjVoMS42MjV2LTMuMjVoMy4yNXYzLjI1aDEuNjI1di0zLjI1aDMuMjV2LTEuNjI1aC0zLjI1di0zLjI1em0tNC44NzUgMy4yNWgtMy4yNXYtMy4yNWgzLjI1eiIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  width: 12px;
  height: 12px;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry,
#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry .spotlight-entry-link {
  display: block;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry .spotlight-entry-link {
  color: var(--color-black);
  letter-spacing: -.1px;
  padding: 9px 27px 9px 12px;
  position: relative;
  border-radius: 3px;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry .spotlight-entry-link:after {
  content: "";
  background-color: var(--color-black);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 14px;
  height: 14px;
  opacity: .25;
  position: absolute;
  top: 9px;
  right: 12px;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry .spotlight-entry-link .spotlight-entry-path,
#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry .spotlight-entry-link .spotlight-entry-title,
#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry .spotlight-entry-link .spotlight-entry-preview {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry .spotlight-entry-link .spotlight-entry-path {
  font-size: 12.5px;
  line-height: 14px;
  opacity: .85;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry .spotlight-entry-link .spotlight-entry-title {
  font-size: 15px;
  line-height: 16px;
  margin-top: 6px;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry .spotlight-entry-link .spotlight-entry-preview {
  font-size: 13.5px;
  line-height: 18px;
  margin-top: 6px;
  margin-bottom: -1px;
  opacity: .8;
}

#search .spotlight .spotlight-results .spotlight-entries .spotlight-entry .spotlight-entry-link .spotlight-entry-separator {
  background-color: var(--color-black);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0IDgiIHdpZHRoPSI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im03MiAxMyA0LTQtNC00eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcyIC01KSIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 8px;
  margin: -1px 5px 0;
  opacity: .35;
  display: inline-block;
}

#search .spotlight .spotlight-legend {
  user-select: none;
  height: 32px;
  padding: 0 26px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

#search .spotlight .spotlight-legend .spotlight-shortcuts {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

#search .spotlight .spotlight-legend .spotlight-shortcuts .spotlight-shortcut {
  color: var(--color-search-spotlight-shortcut-text);
  font-size: 11px;
  letter-spacing: .1px;
  margin-top: -1px;
  margin-right: 18px;
  flex: 0 0 auto;
}

#search .spotlight .spotlight-legend .spotlight-shortcuts .spotlight-shortcut:last-of-type {
  margin-right: 0;
}

#search .spotlight .spotlight-legend .spotlight-shortcuts .spotlight-shortcut.spotlight-shortcut--navigate:before {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTEgMTUiIHdpZHRoPSIxMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMy4xMTExMTExMSAyLTMuMTExMTExMTEgMy4xMDMzMzMzM2gyLjMzMzMzMzMzdjUuNDUyMjIyMjdoMS41NTU1NTU1NnYtNS40NTIyMjIyN2gyLjMzMzMzMzMzem01LjQ0NDQ0NDQ1IDEwLjg5NjY2Njd2LTUuNDUyMjIyMjZoLTEuNTU1NTU1NTZ2NS40NTIyMjIyNmgtMi4zMzMzMzMzM2wzLjExMTExMTExIDMuMTAzMzMzMyAzLjExMTExMTEyLTMuMTAzMzMzM3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEuNSkiLz48L3N2Zz4=");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  width: 10px;
  height: 13px;
}

#search .spotlight .spotlight-legend .spotlight-shortcuts .spotlight-shortcut.spotlight-shortcut--go:before {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTAuNTg4MjM1MyAxMS4yNjQ3MDU5LTQuMjM1Mjk0MTIgNC4yMzUyOTQxLTEuMDAyMzUyOTQtMS4wMDIzNTI5IDIuNTM0MTE3NjQtMi41MjcwNTg5aC03Ljg4NDcwNTg4di04LjQ3MDU4ODJoMS40MTE3NjQ3MXY3LjA1ODgyMzVoNi40NzI5NDExN2wtMi41MzQxMTc2NC0yLjUyNzA1ODc5IDEuMDAyMzUyOTQtMS4wMDIzNTI5NXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC41IC0zLjUpIi8+PC9zdmc+");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  width: 10px;
  height: 10px;
}

#search .spotlight .spotlight-legend .spotlight-shortcuts .spotlight-shortcut.spotlight-shortcut--close:before {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTggMTMiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLjUpIj48cmVjdCBoZWlnaHQ9IjEyIiByeD0iMiIgc3Ryb2tlPSIjOTI5ZmFjIiB3aWR0aD0iMTciIHg9Ii41Ii8+PHBhdGggZD0ibTUuMDU0IDguMTA0Yy40NjkzMzMzMyAwIC44NjkzMzMzMy0uMTA2NjY2NjcgMS4yLS4zMnMuNTc2LS41NjguNzM2LTEuMDY0aC0xYy0uMDM3MzMzMzMuMTI4LS4xMzg2NjY2Ny4yNDkzMzMzMy0uMzA0LjM2NHMtLjM2MjY2NjY3LjE3Mi0uNTkyLjE3MmMtLjMyIDAtLjU2NTMzMzMzLS4wODI2NjY2Ny0uNzM2LS4yNDhzLS4yNjQtLjQzMi0uMjgtLjhoMi45ODRjLjAyMTMzMzMzLS4zMi0uMDA1MzMzMzMtLjYyNjY2NjY3LS4wOC0uOTJzLS4xOTYtLjU1NDY2NjY3LS4zNjQtLjc4NC0uMzgyNjY2NjctLjQxMi0uNjQ0LS41NDgtLjU2OC0uMjA0LS45Mi0uMjA0Yy0uMzE0NjY2NjcgMC0uNjAxMzMzMzMuMDU2LS44Ni4xNjhzLS40ODEzMzMzMy4yNjUzMzMzMy0uNjY4LjQ2LS4zMzA2NjY2Ny40MjUzMzMzMy0uNDMyLjY5Mi0uMTUyLjU1NDY2NjY3LS4xNTIuODY0YzAgLjMyLjA0OTMzMzMzLjYxMzMzMzMzLjE0OC44OHMuMjM4NjY2NjcuNDk2LjQyLjY4OC40MDI2NjY2Ny4zNC42NjQuNDQ0LjU1NDY2NjY3LjE1Ni44OC4xNTZ6bS44NzItMi42MTZoLTEuODQ4Yy4wMDUzMzMzMy0uMDguMDIyNjY2NjctLjE3MDY2NjY3LjA1Mi0uMjcycy4wOC0uMTk3MzMzMzMuMTUyLS4yODguMTY4LS4xNjY2NjY2Ny4yODgtLjIyOC4yNzA2NjY2Ny0uMDkyLjQ1Mi0uMDkyYy4yNzczMzMzMyAwIC40ODQuMDc0NjY2NjcuNjIuMjI0cy4yMzA2NjY2Ny4zNjguMjg0LjY1NnptMy4yNTIgMi42MTZjLjIzNDY2NjY3IDAgLjQ2NTMzMzMzLS4wMjI2NjY2Ny42OTItLjA2OC4yMjY2NjY3LS4wNDUzMzMzMy40MjgtLjEyNC42MDQtLjIzNnMuMzE4NjY2Ny0uMjYuNDI4LS40NDQuMTY0LS40MTIuMTY0LS42ODRjMC0uMTkyLS4wMzczMzMzLS4zNTMzMzMzMy0uMTEyLS40ODRzLS4xNzMzMzMzLS4yNC0uMjk2LS4zMjgtLjI2MjY2NjctLjE1ODY2NjY3LS40Mi0uMjEyLS4zMTg2NjY2Ny0uMDk4NjY2NjctLjQ4NC0uMTM2Yy0uMTYtLjAzNzMzMzMzLS4zMTczMzMzMy0uMDcyLS40NzItLjEwNHMtLjI5Mi0uMDY4LS40MTItLjEwOC0uMjE3MzMzMzMtLjA5Mi0uMjkyLS4xNTYtLjExMi0uMTQ2NjY2NjctLjExMi0uMjQ4YzAtLjA4NTMzMzMzLjAyMTMzMzMzLS4xNTMzMzMzMy4wNjQtLjIwNHMuMDk0NjY2NjctLjA4OTMzMzMzLjE1Ni0uMTE2LjEyOTMzMzMzLS4wNDQuMjA0LS4wNTIuMTQ0LS4wMTIuMjA4LS4wMTJjLjIwMjY2NjY3IDAgLjM3ODY2NjY3LjAzODY2NjY3LjUyOC4xMTZzLjIzMi4yMjUzMzMzMy4yNDguNDQ0aDEuMDhjLS4wMjEzMzMzLS4yNTYtLjA4NjY2NjctLjQ2OC0uMTk2LS42MzZzLS4yNDY2NjY3LS4zMDI2NjY2Ny0uNDEyLS40MDQtLjM1MzMzMzMzLS4xNzMzMzMzMy0uNTY0LS4yMTYtLjQyOC0uMDY0LS42NTItLjA2NC0uNDQyNjY2NjcuMDItLjY1Ni4wNi0uNDA1MzMzMzMuMTA5MzMzMzMtLjU3Ni4yMDgtLjMwOC4yMzMzMzMzMy0uNDEyLjQwNC0uMTU2LjM4OTMzMzMzLS4xNTYuNjU2YzAgLjE4MTMzMzMzLjAzNzMzMzMzLjMzNDY2NjY3LjExMi40NnMuMTczMzMzMzMuMjI5MzMzMzMuMjk2LjMxMi4yNjI2NjY2Ny4xNDkzMzMzMy40Mi4yLjMxODY2NjY3LjA5NDY2NjY3LjQ4NC4xMzJjLjQwNTMzMzMzLjA4NTMzMzMzLjcyMTMzMzMzLjE3MDY2NjY3Ljk0OC4yNTZzLjM0LjIxMzMzMzMzLjM0LjM4NGMwIC4xMDEzMzMzMy0uMDI0LjE4NTMzMzMzLS4wNzIuMjUycy0uMTA4LjEyLS4xOC4xNi0uMTUyLjA2OTMzMzMzLS4yNC4wODgtLjE3Mi4wMjgtLjI1Mi4wMjhjLS4xMTIgMC0uMjItLjAxMzMzMzMzLS4zMjQtLjA0cy0uMTk2LS4wNjgtLjI3Ni0uMTI0LS4xNDUzMzMzMy0uMTI4LS4xOTYtLjIxNi0uMDc2LS4xOTMzMzMzMy0uMDc2LS4zMTZoLTEuMDhjLjAxMDY2NjY3LjI3NzMzMzMzLjA3MzMzMzMzLjUwOC4xODguNjkycy4yNjEzMzMzMy4zMzIuNDQuNDQ0LjM4MjY2NjY3LjE5Mi42MTIuMjQuNDY0LjA3Mi43MDQuMDcyem00LjIxMiAwYy41NDkzMzMzIDAgMS0uMTQ0IDEuMzUyLS40MzJzLjU2NTMzMzMtLjcwNjY2NjY3LjY0LTEuMjU2aC0xLjA5NmMtLjAzNzMzMzMuMjU2LS4xMjkzMzMzLjQ2LS4yNzYuNjEycy0uMzU2LjIyOC0uNjI4LjIyOGMtLjE3NiAwLS4zMjUzMzMzLS4wNC0uNDQ4LS4xMnMtLjIyLS4xODI2NjY2Ny0uMjkyLS4zMDgtLjEyNC0uMjY1MzMzMzMtLjE1Ni0uNDItLjA0OC0uMzA2NjY2NjctLjA0OC0uNDU2YzAtLjE1NDY2NjY3LjAxNi0uMzEwNjY2NjcuMDQ4LS40NjhzLjA4NjY2NjctLjMwMTMzMzMzLjE2NC0uNDMyLjE3NzMzMzMtLjIzNzMzMzMzLjMtLjMyLjI3NDY2NjctLjEyNC40NTYtLjEyNGMuNDg1MzMzMyAwIC43NjUzMzMzLjIzNzMzMzMzLjg0LjcxMmgxLjExMmMtLjAxNi0uMjY2NjY2NjctLjA4LS40OTczMzMzMy0uMTkyLS42OTJzLS4yNTczMzMzLS4zNTczMzMzMy0uNDM2LS40ODgtLjM4MTMzMzMtLjIyOC0uNjA4LS4yOTItLjQ2MjY2NjctLjA5Ni0uNzA4LS4wOTZjLS4zMzYgMC0uNjM0NjY2Ny4wNTYtLjg5Ni4xNjhzLS40ODI2NjY3LjI2OC0uNjY0LjQ2OC0uMzE4NjY2Ny40MzczMzMzMy0uNDEyLjcxMi0uMTQuNTcyLS4xNC44OTJjMCAuMzA5MzMzMzMuMDUwNjY2Ny41OTMzMzMzMy4xNTIuODUycy4yNDI2NjY3LjQ4MTMzMzMzLjQyNC42NjguNDAxMzMzMy4zMzIuNjYuNDM2LjU0MjY2NjcuMTU2Ljg1Mi4xNTZ6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  width: 14px;
  height: 10px;
}

#search .spotlight .spotlight-legend .spotlight-shortcuts .spotlight-shortcut:before {
  content: "";
  background-color: var(--color-search-spotlight-shortcut-text);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 4px;
}

#search .spotlight .spotlight-legend .spotlight-error {
  color: var(--color-red);
  font-size: 12px;
  text-align: right;
  margin-top: -2px;
  padding-left: 10px;
  flex: 1;
  display: none;
}

#search:after {
  content: "";
  background-color: var(--color-search-lock-background);
  z-index: 1;
  animation-name: search-lock-animation;
  animation-duration: 0.1s;
  animation-fill-mode: both;
}

@media screen and (max-width: 1020px) {
  #search .spotlight {
    padding-top: 76px;
  }
}

@media screen and (max-width: 640px) {
  #search .spotlight {
    padding-top: 58px;
  }
}

@media screen and (max-height: 600px) {
  #search .spotlight .spotlight-box {
    height: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  #search .spotlight .spotlight-results {
    max-height: none;
  }
}

@keyframes search-lock-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes search-spotlight-animation {
  0% {
    opacity: 0;
    transform: scale3d(0.99, 0.99, 0.99) translate3d(0, 1%, 0);
  }
  50% {
    opacity: 1;
  }
}

@keyframes search-spotlight-field-spinner-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#content {
  background-color: var(--color-white);
  min-height: 120px;
  padding-top: 59px;
}

#content .main .main-title,
#content .main .main-label {
  display: block;
  margin: 0 auto;
}

#content .main .main-title {
  color: var(--color-black);
  font-size: 28px;
  letter-spacing: 0;
  text-align: center;
}

#content .main .main-label {
  color: var(--color-blue-grey);
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: center;
  max-width: 340px;
  margin-top: 16px;
}

#content .main .main-label .main-label-line {
  display: block;
}

#content .panes {
  min-height: 100vh;
  margin-top: -59px;
  display: flex;
  flex-direction: row;
}

#content .panes .content,
#content .panes .sidebar {
  overflow: hidden;
  min-height: 200px;
  padding-bottom: 100px;
}

#content .panes .content {
  flex: 1;
  padding-top: 93px;
}

#content .panes .content.content--padded {
  padding-left: 36px;
  padding-right: 48px;
}

#content .panes .content .content-wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

#content .panes .content .content-wrap.content-wrap--full {
  max-width: none;
}

#content .panes .content [id] {
  pointer-events: none;
}

#content .panes .content [id]:before {
  content: "";
  width: 0;
  height: 75px;
  margin-top: -75px;
  display: block;
  position: relative;
}

#content .panes .content [id] a[href^="#"] {
  pointer-events: all;
}

#content .panes .sidebar {
  flex: 0 0 auto;
  position: relative;
}

#content .panes .sidebar.sidebar--left {
  background-color: var(--color-content-sidebar-left-background-default);
  width: 248px;
  padding-top: 59px;
  padding-bottom: 30px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
}

#content .panes .sidebar.sidebar--right {
  background-color: var(--color-content-sidebar-right-background);
  width: 460px;
}

#content .panes .sidebar .sidebar-toggler-retract {
  background-color: var(--color-black);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYgMS42MTE0Mjg1Ny0xLjYxMTQyODYtMS42MTE0Mjg1Ny02LjM4ODU3MTQgNi4zODg1NzE0My02LjM4ODU3MTQzLTYuMzg4NTcxNDMtMS42MTE0Mjg1NyAxLjYxMTQyODU3IDYuMzg4NTcxNDMgNi4zODg1NzE0My02LjM4ODU3MTQzIDYuMzg4NTcxNCAxLjYxMTQyODU3IDEuNjExNDI4NiA2LjM4ODU3MTQzLTYuMzg4NTcxNDMgNi4zODg1NzE0IDYuMzg4NTcxNDMgMS42MTE0Mjg2LTEuNjExNDI4Ni02LjM4ODU3MTQzLTYuMzg4NTcxNHoiLz48L3N2Zz4=");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 11px;
  height: 11px;
  margin-right: 16px;
  cursor: pointer;
  opacity: .65;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  transition: opacity linear 100ms;
}

#content .panes .sidebar .sidebar-toggler-retract:hover {
  opacity: 1;
}

#content .panes .sidebar .context {
  border-bottom: 1px solid var(--color-grey);
  padding: 16px 14px 16px 48px;
}

#content .panes .sidebar .context .context-name {
  color: var(--color-black);
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -.1px;
}

#content .panes .sidebar .context .context-name .context-icon {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-left: -26px;
  margin-right: 6px;
  margin-top: -2px;
  display: inline-block;
}

#content .panes .sidebar .nest {
  user-select: none;
  padding: 24px 14px 0 48px;
}

#content .panes .sidebar .nest:last-of-type {
  padding-bottom: 10px;
}

#content .panes .sidebar .nest .nest-category {
  font-size: 15px;
  letter-spacing: -.1px;
}

#content .panes .sidebar .nest .nest-category,
#content .panes .sidebar .nest .nest-category .nest-category-link {
  color: var(--color-black);
}

#content .panes .sidebar .nest .nest-category.nest-category--active,
#content .panes .sidebar .nest .nest-category.nest-category--active .nest-category-link {
  color: var(--color-accent-base);
}

#content .panes .sidebar .nest .nest-category .nest-icon {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-left: -26px;
  margin-right: 6px;
  display: inline-block;
}

#content .panes .sidebar .nest .nest-navigate {
  margin-top: 10px;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level {
  position: relative;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level[data-expanded="false"] .nest-navigate-link.nest-navigate-link--slice .nest-navigate-toggle:after {
  transform: rotate(-90deg);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level[data-expanded="false"] .nest-navigate-level.nest-navigate-level--second {
  display: none;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level.nest-navigate-level--first {
  margin-bottom: 3px;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level.nest-navigate-level--second {
  margin-top: 4px;
  margin-bottom: 10px;
  padding-left: 13px;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level.nest-navigate-level--second:before {
  content: "";
  background-color: var(--color-grey-light);
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level.nest-navigate-level--second .nest-navigate-link {
  margin-bottom: 3px;
  margin-left: -13px;
  padding-left: 13px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  z-index: 1;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level.nest-navigate-level--second .nest-navigate-link[data-active="true"] {
  z-index: 3;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link {
  font-size: 13.5px;
  letter-spacing: -.1px;
  line-height: 17px;
  margin-left: -26px;
  padding: 3px 7px 3px 26px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  transition: all linear 75ms;
  transition-property: background-color, color;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link:hover {
  background-color: var(--color-content-sidebar-nest-navigate-link-background-hover);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link:active {
  background-color: var(--color-content-sidebar-nest-navigate-link-background-active);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link,
#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link .nest-navigate-slice {
  color: var(--color-content-sidebar-nest-navigate-slice-text);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link[data-active="true"] {
  background-color: var(--color-accent-base);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link[data-active="true"],
#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link[data-active="true"] .nest-navigate-slice {
  color: var(--color-white);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link[data-active="true"] .nest-navigate-link-text {
  font-family: "Chappe Proxima Nova Semibold", sans-serif;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link[data-active="true"] .nest-navigate-link-objects .badge {
  border-color: var(--color-white);
  color: var(--color-white);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link[data-starred="true"] .nest-navigate-link-text {
  font-family: "Chappe Proxima Nova Semibold", sans-serif;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--external {
  color: var(--color-accent-base);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--external:after {
  content: "";
  background-color: var(--color-accent-base);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTIgMTMiIHdpZHRoPSIxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtODguNjY2NjY2NyAxNC45MTY2NjY3aC05LjMzMzMzMzR2LTkuMzMzMzMzMzdoNC42NjY2NjY3di0xLjMzMzMzMzMzaC00LjY2NjY2NjdjLS43NCAwLTEuMzMzMzMzMy42LTEuMzMzMzMzMyAxLjMzMzMzMzMzdjkuMzMzMzMzMzdjMCAuNzMzMzMzMy41OTMzMzMzIDEuMzMzMzMzMyAxLjMzMzMzMzMgMS4zMzMzMzMzaDkuMzMzMzMzNGMuNzMzMzMzMyAwIDEuMzMzMzMzMy0uNiAxLjMzMzMzMzMtMS4zMzMzMzMzdi00LjY2NjY2NjdoLTEuMzMzMzMzM3ptLTMuMzMzMzMzNC0xMC42NjY2NjY3djEuMzMzMzMzMzNoMi4zOTMzMzM0bC02LjU1MzMzMzQgNi41NTMzMzMzNy45NC45NCA2LjU1MzMzMzQtNi41NTMzMzMzN3YyLjM5MzMzMzM0aDEuMzMzMzMzM3YtNC42NjY2NjY2N3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03OCAtNCkiLz48L3N2Zz4=");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 6px;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--slice {
  align-items: center;
  display: flex;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--slice .nest-navigate-toggle {
  cursor: pointer;
  margin-left: 3px;
  margin-right: -4px;
  padding: 0 5px;
  flex: 0 0 auto;
  border-radius: 2px;
  transition: background-color linear 75ms;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--slice .nest-navigate-toggle:after {
  content: "";
  background-color: var(--color-content-sidebar-nest-navigate-slice-icon-background-default);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA5IDYiIHdpZHRoPSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0yMTkuODYwMzI0IDYuNS0zLjQwNjg4MyAzLjM5OTQ2MDE5LTMuNDA2ODgyLTMuMzk5NDYwMTktMS4wNDY1NTkgMS4wNDY1NTg3IDQuNDUzNDQxIDQuNDUzNDQxMyA0LjQ1MzQ0Mi00LjQ1MzQ0MTN6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEyIC02LjUpIi8+PC9zdmc+");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 6px;
  margin-top: -1px;
  opacity: .5;
  transition: all linear 100ms;
  transition-property: opacity, transform;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--slice .nest-navigate-toggle:hover {
  background-color: var(--color-content-sidebar-nest-navigate-link-default-toggle-background-hover);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--slice .nest-navigate-toggle:hover:after {
  opacity: 1;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--slice .nest-navigate-toggle:active {
  background-color: var(--color-content-sidebar-nest-navigate-link-default-toggle-background-active);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--slice[data-active="true"] .nest-navigate-toggle:after {
  background-color: var(--color-content-sidebar-nest-navigate-slice-icon-background-active);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--slice[data-active="true"] .nest-navigate-toggle:hover {
  background-color: var(--color-content-sidebar-nest-navigate-link-active-toggle-background-hover);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--slice[data-active="true"] .nest-navigate-toggle:active {
  background-color: var(--color-content-sidebar-nest-navigate-link-active-toggle-background-active);
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link.nest-navigate-link--slice .nest-navigate-slice {
  flex: 1;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link .nest-navigate-link-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
}

#content .panes .sidebar .nest .nest-navigate .nest-navigate-level .nest-navigate-link .nest-navigate-link-objects {
  margin-left: 4px;
  display: flex;
  align-items: center;
}

#content .panes .sidebar-toggler {
  background-color: var(--color-content-sidebar-toggler-background);
  line-height: 36px;
  text-align: center;
  width: 36px;
  height: 36px;
  margin-left: 48px;
  cursor: pointer;
  display: none;
  position: fixed;
  top: 59px;
  left: 0;
  z-index: 50;
  box-shadow: 0 1px 5px 0 var(--color-content-sidebar-toggler-shadow-default);
  border-radius: 100%;
  transition: box-shadow linear 150ms;
  -webkit-backdrop-filter: blur(4px) saturate(160%) contrast(45%) brightness(140%);
  backdrop-filter: blur(4px) saturate(160%) contrast(45%) brightness(140%);
}

#content .panes .sidebar-toggler:hover {
  box-shadow: 0 2px 6px 0 var(--color-content-sidebar-toggler-shadow-hover);
}

#content .panes .sidebar-toggler:hover:after {
  opacity: .9;
}

#content .panes .sidebar-toggler:active {
  box-shadow: 0 1px 3px 0 var(--color-content-sidebar-toggler-shadow-active);
}

#content .panes .sidebar-toggler:active:after {
  opacity: 1;
}

#content .panes .sidebar-toggler:after {
  content: "";
  background-color: var(--color-content-sidebar-toggler-icon-background);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im0wIDBoMTh2MThoLTE4eiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Im0wIDE1aDE4di0yaC0xOHptMC01aDE4di0yaC0xOHptMC03djJoMTh2LTJ6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-top: -1px;
  opacity: .7;
  transition: opacity linear 150ms;
}

#content .bulletpoints .bulletpoint,
#content .navigation .navigation-link {
  background-color: var(--color-content-navigation-background);
  border: 1px solid var(--color-content-navigation-border-default);
  text-align: left;
  box-shadow: 0 2px 1px 0 var(--color-content-navigation-shadow-outset), inset 0 1px 0 0 var(--color-content-navigation-shadow-inset);
  border-radius: 2px;
  transition: all linear 100ms;
  transition-property: border-color, box-shadow, transform;
}

#content .navigation .navigation-link:hover {
  border-color: var(--color-content-navigation-border-active);
}

#content .navigation .navigation-link:active {
  transform: translateY(1px);
  box-shadow: 0 1px 1px 0 var(--color-content-navigation-shadow-active);
}

#content .bulletpoints {
  display: grid;
  grid-column-gap: 24px;
  grid-row-gap: 18px;
  grid-template-columns: 1fr 1fr 1fr;
}

#content .bulletpoints .bulletpoint {
  padding: 20px 30px 18px 26px;
}

#content .bulletpoints .bulletpoint:before {
  content: "";
  background-color: var(--color-accent-base);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  height: 32px;
  width: 32px;
  margin-bottom: 16px;
}

#content .bulletpoints .bulletpoint .bulletpoint-title {
  color: var(--color-black);
  font-size: 18.5px;
}

#content .bulletpoints .bulletpoint .bulletpoint-label {
  color: var(--color-content-bulletpoint-label-text);
  font-size: 14px;
  line-height: 18px;
  margin-top: 9px;
}

#content .bulletpoints .bulletpoint .bulletpoint-actions {
  margin-top: 18px;
  margin-bottom: -1px;
}

#content .bulletpoints .bulletpoint .bulletpoint-actions .bulletpoint-action {
  color: var(--color-accent-base);
  font-size: 14px;
  line-height: 18px;
  margin-right: 22px;
}

#content .bulletpoints .bulletpoint .bulletpoint-actions .bulletpoint-action:last-of-type {
  margin-right: 0;
}

#content .bulletpoints .bulletpoint .bulletpoint-actions .bulletpoint-action:hover {
  text-decoration: underline;
}

#content .bulletpoints .bulletpoint .bulletpoint-actions .bulletpoint-action.bulletpoint-action--single:hover:after {
  transform: translateX(1px);
}

#content .bulletpoints .bulletpoint .bulletpoint-actions .bulletpoint-action.bulletpoint-action--single:after, #content .bulletpoints .bulletpoint .bulletpoint-actions .bulletpoint-action.bulletpoint-action--single:active:after {
  transform: translateX(0);
}

#content .bulletpoints .bulletpoint .bulletpoint-actions .bulletpoint-action.bulletpoint-action--single:after {
  content: "";
  background-color: var(--color-accent-base);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTMgMTAiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTA2LjM1NzE0MyA2LjI1LS45MDY0MjkuOTA2NDI4NTcgMi45NDQyODYgMi45NTA3MTQzM2gtMTAuMzk1djEuMjg1NzE0MmgxMC4zOTVsLTIuOTUwNzE0IDIuOTUwNzE0My45MTI4NTcuOTA2NDI4NiA0LjUtNC41eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4IC02KSIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 13px;
  height: 9px;
  margin-left: 4px;
  vertical-align: middle;
  transition: transform linear 100ms;
}

#content .navigation {
  user-select: none;
  margin-top: 20px;
  display: grid;
  grid-column-gap: 18px;
  grid-row-gap: 7px;
  grid-template-columns: 1fr 1fr;
}

#content .navigation .navigation-item {
  margin: 0;
  padding: 0 0 3px;
  overflow: hidden;
}

#content .navigation .navigation-item:before {
  display: none;
}

#content .navigation .navigation-item .navigation-link {
  padding: 10px 14px 10px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
}

#content .navigation .navigation-item .navigation-link:hover .navigation-action {
  text-decoration: underline;
}

#content .navigation .navigation-item .navigation-link:hover .navigation-action:after {
  transform: translateX(1px);
}

#content .navigation .navigation-item .navigation-link .navigation-action:after, #content .navigation .navigation-item .navigation-link:active .navigation-action:after {
  transform: translateX(0);
}

#content .navigation .navigation-item .navigation-link .navigation-text {
  flex: 1;
}

#content .navigation .navigation-item .navigation-link .navigation-text,
#content .navigation .navigation-item .navigation-link .navigation-text .navigation-title,
#content .navigation .navigation-item .navigation-link .navigation-text .navigation-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}

#content .navigation .navigation-item .navigation-link .navigation-text .navigation-title,
#content .navigation .navigation-item .navigation-link .navigation-text .navigation-label {
  display: block;
}

#content .navigation .navigation-item .navigation-link .navigation-text .navigation-title {
  color: var(--color-black);
  font-size: 14.5px;
  line-height: 20px;
}

#content .navigation .navigation-item .navigation-link .navigation-text .navigation-label {
  color: var(--color-content-navigation-label-text);
  font-size: 13.5px;
  line-height: 18px;
  margin-top: 3px;
}

#content .navigation .navigation-item .navigation-link .navigation-action {
  color: var(--color-accent-base);
  font-size: 13.5px;
  margin-left: 8px;
  flex: 0 0 auto;
}

#content .navigation .navigation-item .navigation-link .navigation-action:after {
  content: "";
  background-color: var(--color-accent-base);
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTMgMTAiIHdpZHRoPSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTA2LjM1NzE0MyA2LjI1LS45MDY0MjkuOTA2NDI4NTcgMi45NDQyODYgMi45NTA3MTQzM2gtMTAuMzk1djEuMjg1NzE0MmgxMC4zOTVsLTIuOTUwNzE0IDIuOTUwNzE0My45MTI4NTcuOTA2NDI4NiA0LjUtNC41eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4IC02KSIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 11px;
  height: 8px;
  margin-top: -1px;
  margin-left: 4px;
  vertical-align: middle;
  transition: transform linear 100ms;
}

@media screen and (max-width: 1140px) {
  #content .panes .sidebar.sidebar--right {
    width: 360px;
  }
}

@media screen and (max-width: 1020px) {
  #content .panes .content.content--padded {
    padding-left: 28px;
    padding-right: 28px;
  }
  #content .panes .sidebar.sidebar--right {
    display: none;
  }
  #content .panes .sidebar-toggler {
    margin-left: 28px;
  }
  #content .bulletpoints {
    grid-column-gap: 16px;
  }
}

@media screen and (max-width: 880px) {
  #content .panes .content.content--padded {
    padding-left: 20px;
    padding-right: 20px;
  }
  #content .panes .sidebar.sidebar--left {
    background-color: var(--color-content-sidebar-left-background-small);
    padding-top: 20px;
    padding-bottom: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 59px;
    bottom: 0;
    left: -258px;
    z-index: 75;
    transition: left ease 200ms;
    box-shadow: 1px 0 5px 0 var(--color-content-sidebar-left-shadow-small);
    -webkit-backdrop-filter: blur(4px) saturate(160%) contrast(45%) brightness(140%);
    backdrop-filter: blur(4px) saturate(160%) contrast(45%) brightness(140%);
  }
  #content .panes .sidebar.sidebar--left[data-visible="true"] {
    left: 0;
  }
  #content .panes .sidebar.sidebar--left .sidebar-toggler-retract {
    margin-top: 11px;
    display: inline-block;
  }
  #content .panes .sidebar .nest:last-of-type {
    padding-bottom: 40px;
  }
  #content .panes .sidebar-toggler {
    margin-left: 20px;
    display: block;
  }
  #content .bulletpoints {
    grid-row-gap: 14px;
    grid-template-columns: 1fr 1fr;
  }
  #content .navigation {
    grid-row-gap: 5px;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 640px) {
  #content .panes .content {
    padding-top: 81px;
    padding-bottom: 74px;
  }
  #content .panes .content.content--padded {
    padding-left: 16px;
    padding-right: 16px;
  }
  #content .panes .sidebar.sidebar--left {
    background-color: var(--color-content-sidebar-left-background-tiny);
    visibility: hidden;
    opacity: 0;
    width: auto;
    left: 0;
    right: 0;
    transition: opacity linear 150ms;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  #content .panes .sidebar.sidebar--left[data-visible="true"] {
    visibility: visible;
    opacity: 1;
  }
  #content .panes .sidebar-toggler {
    margin-left: 16px;
  }
  #content .bulletpoints {
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 400px) {
  #content .panes .content.content--padded {
    padding-left: 12px;
    padding-right: 12px;
  }
  #content .panes .sidebar-toggler {
    margin-left: 12px;
  }
}

#footer {
  display: flex;
  flex-direction: row;
}

#footer .inner {
  border-top: 1px solid var(--color-grey);
  padding: 30px 0 40px;
  flex: 1;
}

#footer .wrapper .navigation,
#footer .wrapper .metadata,
#footer .wrapper .left,
#footer .wrapper .right {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#footer .wrapper .left {
  flex: 1;
}

#footer .wrapper .right {
  flex: 0 0 auto;
  padding-left: 12px;
}

#footer .navigation .links .link .link-target,
#footer .navigation .copyright {
  font-size: 13.5px;
  letter-spacing: -.1px;
}

#footer .navigation .links {
  user-select: none;
}

#footer .navigation .links .link {
  margin-right: 20px;
  display: inline-block;
}

#footer .navigation .links .link:last-of-type {
  margin-right: 0;
}

#footer .navigation .links .link .link-target {
  color: var(--color-footer-link-target-text);
}

#footer .navigation .links .link .link-target:hover {
  text-decoration: underline;
}

#footer .navigation .copyright {
  color: var(--color-footer-copyright-text);
}

#footer .metadata {
  margin-top: 38px;
}

#footer .metadata .brand {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#footer .metadata .brand .logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 26px;
}

#footer .metadata .brand .separator {
  background-color: var(--color-footer-brand-separator);
  width: 1px;
  height: 22px;
  margin: -1px 20px 0;
}

#footer .metadata .brand .engine {
  font-size: 14px;
  letter-spacing: -.11px;
}

#footer .metadata .brand .engine,
#footer .metadata .brand .engine a {
  color: var(--color-footer-engine-text);
}

#footer .metadata .brand .engine a {
  text-decoration: underline;
}

#footer .metadata .status {
  visibility: visible;
  opacity: 1;
  transition: opacity linear 100ms;
}

#footer .metadata .status[data-status="none"] {
  visibility: hidden;
  opacity: 0;
}

#footer .metadata .status[data-status="none"] .status-wrapped .status-text .status-state .status-state-variant.status-state-variant--failure, #footer .metadata .status[data-status="failure"] .status-wrapped .status-text .status-state .status-state-variant.status-state-variant--failure {
  display: block;
}

#footer .metadata .status[data-status="healthy"] .status-wrapped .status-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQyIiB2aWV3Qm94PSIwIDAgNDIgNDIiIHdpZHRoPSI0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiMwZGIwMzMiIGhlaWdodD0iNDIiIHJ4PSIyIiB3aWR0aD0iNDIiLz48ZyBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS13aWR0aD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuMDI1IDEzLjY1KSI+PHBhdGggZD0ibTAgOC40IDYuMyA2LjMiLz48cGF0aCBkPSJtMTkuOTUgMS4wNS0xMy42NSAxMy42NSIvPjwvZz48L2c+PC9zdmc+");
}

#footer .metadata .status[data-status="healthy"] .status-wrapped .status-text .status-state {
  color: var(--color-status-healthy-text);
}

#footer .metadata .status[data-status="healthy"] .status-wrapped .status-text .status-state .status-state-variant.status-state-variant--healthy {
  display: block;
}

#footer .metadata .status[data-status="sick"] .status-wrapped .status-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQyIiB2aWV3Qm94PSIwIDAgNDIgNDIiIHdpZHRoPSI0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiNmMTgwMDAiIGhlaWdodD0iNDIiIHJ4PSIyIiB3aWR0aD0iNDIiLz48cGF0aCBkPSJtOC4wMzU3Mjk5OCAxNy4wOTUzMTI1aC01LjQxNDA2MjVsLS44MzY3MTg3NS0xNS41MjAzMTI1aDcuMDg3NXptLTYuMTg1MTU2MjUgNS43NDIxODc1YzAtLjk5NTMxNzUuMjk1MzA5NTUtMS43NjkxMzc5Ljg4NTkzNzUtMi4zMjE0ODQ0czEuNDQ5MjEzMTItLjgyODUxNTYgMi41NzU3ODEyNS0uODI4NTE1NmMxLjExNTYzMDU4IDAgMS45NjA1NDQuMjc2MTY5MSAyLjUzNDc2NTYzLjgyODUxNTYuNTc0MjIxNjIuNTUyMzQ2NS44NjEzMjgxMiAxLjMyNjE2NjkuODYxMzI4MTIgMi4zMjE0ODQ0IDAgLjk4NDM3OTktLjI5ODA0Mzg5IDEuNzUyNzMxNi0uODk0MTQwNjIgMi4zMDUwNzgxcy0xLjQzMDA3Mjc3LjgyODUxNTYtMi41MDE5NTMxMy44Mjg1MTU2Yy0xLjA4MjgxNzkxIDAtMS45MzA0NjU2OS0uMjc2MTY5MS0yLjU0Mjk2ODc1LS44Mjg1MTU2cy0uOTE4NzUtMS4zMjA2OTgyLS45MTg3NS0yLjMwNTA3ODF6IiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS43NSA3LjM1KSIvPjwvZz48L3N2Zz4=");
}

#footer .metadata .status[data-status="sick"] .status-wrapped .status-text .status-state {
  color: var(--color-status-sick-text);
}

#footer .metadata .status[data-status="sick"] .status-wrapped .status-text .status-state .status-state-variant.status-state-variant--sick {
  display: block;
}

#footer .metadata .status[data-status="dead"] .status-wrapped .status-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQyIiB2aWV3Qm94PSIwIDAgNDIgNDIiIHdpZHRoPSI0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiNlMTAwMDAiIGhlaWdodD0iNDIiIHJ4PSIyIiB3aWR0aD0iNDIiLz48ZyBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNiAxMi42KSI+PHBhdGggZD0ibTE2LjggMC0xNi43MzkxNDU5OCAxNi43MzkxNDYiLz48cGF0aCBkPSJtMTYuOCAwLTE2LjczOTE0NTk4IDE2LjczOTE0NiIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTYuODYwODU0IDApIi8+PC9nPjwvZz48L3N2Zz4=");
}

#footer .metadata .status[data-status="dead"] .status-wrapped .status-text .status-state {
  color: var(--color-status-dead-text);
}

#footer .metadata .status[data-status="dead"] .status-wrapped .status-text .status-state .status-state-variant.status-state-variant--dead {
  display: block;
}

#footer .metadata .status .status-wrapped {
  border: 1px solid var(--color-footer-status-border-default);
  user-select: none;
  padding: 5px 30px 5px 18px;
  border-radius: 1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: border-color linear 100ms;
}

#footer .metadata .status .status-wrapped:hover {
  border-color: var(--color-footer-status-border-hover);
  cursor: pointer;
}

#footer .metadata .status .status-wrapped .status-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQyIiB2aWV3Qm94PSIwIDAgNDIgNDIiIHdpZHRoPSI0MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiM3ODdiODQiIGhlaWdodD0iNDIiIHJ4PSIyIiB3aWR0aD0iNDIiLz48ZyBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNiAxMi42KSI+PHBhdGggZD0ibTE2LjggMC0xNi43MzkxNDU5OCAxNi43MzkxNDYiLz48cGF0aCBkPSJtMTYuOCAwLTE2LjczOTE0NTk4IDE2LjczOTE0NiIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTYuODYwODU0IDApIi8+PC9nPjwvZz48L3N2Zz4=");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 24px;
  height: 24px;
}

#footer .metadata .status .status-wrapped .status-text {
  padding-left: 18px;
}

#footer .metadata .status .status-wrapped .status-text .status-state,
#footer .metadata .status .status-wrapped .status-text .status-time {
  display: block;
}

#footer .metadata .status .status-wrapped .status-text .status-state {
  font-size: 13.5px;
  color: var(--color-status-default-text);
  letter-spacing: 0;
  line-height: 20px;
}

#footer .metadata .status .status-wrapped .status-text .status-state .status-state-variant {
  display: none;
}

#footer .metadata .status .status-wrapped .status-text .status-time {
  font-size: 12.5px;
  color: var(--color-footer-status-time-text);
  letter-spacing: -.1px;
  line-height: 18px;
}

@media screen and (max-width: 1020px) {
  #footer .wrapper .navigation,
  #footer .wrapper .metadata {
    display: block;
  }
  #footer .wrapper .navigation .left,
  #footer .wrapper .navigation .right {
    text-align: center;
    padding: 0;
    display: block;
  }
  #footer .wrapper .navigation .right {
    margin-top: 20px;
  }
  #footer .wrapper .navigation .links {
    line-height: 19px;
  }
  #footer .wrapper .navigation .links .link {
    margin: 0 8px;
  }
  #footer .wrapper .metadata {
    margin-top: 28px;
  }
  #footer .wrapper .metadata .left,
  #footer .wrapper .metadata .right {
    justify-content: center;
    padding: 0;
  }
  #footer .wrapper .metadata .right {
    margin-top: 36px;
  }
}

@media screen and (max-width: 640px) {
  #footer .metadata .brand {
    flex-direction: column;
  }
  #footer .metadata .brand .separator {
    display: none;
  }
  #footer .metadata .brand .engine {
    line-height: 18px;
    text-align: center;
    margin-top: 24px;
  }
}

.viewer[data-viewer-panes="2"] #content .panes .content, .viewer[data-viewer-panes="3"] #content .panes .content {
  margin-left: 248px;
}

.viewer[data-viewer-panes="2"] #footer:before, .viewer[data-viewer-panes="3"] #footer:before {
  content: "";
  background-color: var(--color-white);
  width: 248px;
  flex: 0 0 auto;
}

.viewer[data-viewer-panes="2"] #footer .inner, .viewer[data-viewer-panes="3"] #footer .inner {
  border-left: 1px solid var(--color-viewer-panes-footer-border);
}

.viewer[data-viewer-panes="3"] #header .search {
  background: var(--color-header-search-background-clear);
  border-color: var(--color-header-search-border-clear-default);
}

.viewer[data-viewer-panes="3"] #header .search:hover {
  border-color: var(--color-header-search-border-clear-hover);
}

.viewer[data-viewer-panes="3"] #header .search:active {
  border-color: var(--color-header-search-border-clear-active);
}

.viewer[data-viewer-panes="3"] #header .coloring {
  background-color: var(--color-header-coloring-background-clear);
}

@media screen and (max-width: 1020px) {
  .viewer[data-viewer-panes="3"] #header .search {
    background: var(--color-header-search-background-default);
    border-color: var(--color-header-search-border-default);
  }
  .viewer[data-viewer-panes="3"] #header .search:hover {
    border-color: var(--color-header-search-border-hover);
  }
  .viewer[data-viewer-panes="3"] #header .search:active {
    border-color: var(--color-header-search-border-active);
  }
  .viewer[data-viewer-panes="3"] #header .coloring {
    background-color: var(--color-header-coloring-background-default);
  }
}

@media screen and (max-width: 880px) {
  .viewer[data-viewer-panes="2"] #content .panes .content, .viewer[data-viewer-panes="3"] #content .panes .content {
    margin-left: 0;
  }
  .viewer[data-viewer-panes="2"] #footer:before, .viewer[data-viewer-panes="3"] #footer:before {
    display: none;
  }
  .viewer[data-viewer-panes="2"] #footer .inner, .viewer[data-viewer-panes="3"] #footer .inner {
    border-left: 0 none;
  }
}

.appearance {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-grey: #e0e7ef;
  --color-grey-light: #dee6ee;
  --color-grey-dark: #dfe5ec;
  --color-blue-black: #44566b;
  --color-blue-grey: #738aa3;
  --color-blue-grey-light: #c1ccd8;
  --color-blue-grey-dark: #607282;
  --color-green: #009d24;
  --color-red: #c21717;
  --color-base: #f5f6f8;
  --color-base-background: #f8f9fa;
  --color-selection-default: #bfe2ff;
  --color-button-default: var(--color-accent-base);
  --color-button-active: var(--color-accent-active);
  --color-button-shadow: rgba(0, 0, 0, 0.1);
  --color-badge-black: #000000;
  --color-badge-white: #ffffff;
  --color-badge-blue: #0299e5;
  --color-badge-green: #86a546;
  --color-badge-yellow: #b2a64e;
  --color-badge-red: #c14a75;
  --color-badge-special-background: rgba(232, 245, 250, 0.15);
  --color-badge-special-border: rgba(255, 255, 255, 0.25);
  --color-badge-special-text: #dde4e8;
  --color-method-get-head-light: #ddf1fc;
  --color-method-get-head-dark: #0099e5;
  --color-method-post-light: #e4f2c8;
  --color-method-post-dark: #85a546;
  --color-method-put-patch-light: #f7f2c3;
  --color-method-put-patch-dark: #b1a74e;
  --color-method-delete-light: #f2d8e1;
  --color-method-delete-dark: #c14a74;
  --color-status-default-text: #787b84;
  --color-status-healthy-text: #0db033;
  --color-status-sick-text: #f18000;
  --color-status-dead-text: #e10000;
  --color-viewer-panes-footer-border: rgba(224, 231, 239, 0.5);
  --color-markdown-title-small-text: var(--color-blue-black);
  --color-markdown-list-item-bullet: var(--color-blue-black);
  --color-markdown-code-inline-background: #e8f5fa;
  --color-markdown-code-inline-border: #a9c6dd;
  --color-markdown-code-inline-text: #275190;
  --color-markdown-code-block-background: #1f2224;
  --color-markdown-code-block-text: #ffffff;
  --color-markdown-code-block-clipboard-background-default: #262a2c;
  --color-markdown-code-block-clipboard-background-hover: #303437;
  --color-markdown-code-block-clipboard-background-active: #2b2f32;
  --color-markdown-code-block-clipboard-border-default: rgba(193, 204, 216, 0.25);
  --color-markdown-code-block-clipboard-border-hover: rgba(193, 204, 216, 0.5);
  --color-markdown-code-block-clipboard-border-active: rgba(193, 204, 216, 0.35);
  --color-markdown-code-block-clipboard-border-copied: #00c12c;
  --color-markdown-code-block-clipboard-icon-background-default: #c1ccd8;
  --color-markdown-code-block-clipboard-icon-background-copied: var(--color-markdown-code-block-clipboard-border-copied);
  --color-markdown-code-selection: rgba(255, 255, 255, 0.25);
  --color-markdown-figure-text: var(--color-blue-grey);
  --color-markdown-figure-border: rgba(224, 231, 239, 0.9);
  --color-markdown-table-head-background: var(--color-base);
  --color-markdown-table-head-text: var(--color-blue-black);
  --color-markdown-table-body-row-background-hover: rgba(193, 204, 216, 0.08);
  --color-markdown-table-cell-border: rgba(193, 204, 216, 0.65);
  --color-markdown-blockquote-background: var(--color-base);
  --color-markdown-blockquote-text: var(--color-blue-black);
  --color-markdown-blockquote-border: #c0cedd;
  --color-markdown-embed-wrap-background: #000000;
  --color-markdown-emphasis-warning-background: #fff4e1;
  --color-markdown-emphasis-warning-border: #f49c0b;
  --color-markdown-emphasis-info-background: #fffcd9;
  --color-markdown-emphasis-info-border: #f4e200;
  --color-markdown-emphasis-notice-background: #e2ffdd;
  --color-markdown-emphasis-notice-border: #48cc30;
  --color-code-selection: rgba(255, 255, 255, 0.3);
  --color-code-border-hover: rgba(255, 255, 255, 0.25);
  --color-code-header-default: #151517;
  --color-code-header-hover: #0c0c0d;
  --color-code-language-text: rgba(255, 255, 255, 0.6);
  --color-code-action-background: #ffffff;
  --color-code-metas-background: #1e1e20;
  --color-code-meta-name-border: rgba(255, 255, 255, 0.06);
  --color-code-meta-name-text: rgba(255, 255, 255, 0.8);
  --color-code-meta-type-text: rgba(255, 255, 255, 0.4);
  --color-code-content-background: #222628;
  --color-code-content-text: rgba(255, 255, 255, 0.4);
  --color-code-select-text-default: rgba(255, 255, 255, 0.5);
  --color-code-select-text-hover: rgba(255, 255, 255, 0.8);
  --color-code-select-border-default: rgba(255, 255, 255, 0.075);
  --color-code-select-border-hover: rgba(255, 255, 255, 0.15);
  --color-highlight-main: #f7f7f7;
  --color-highlight-entity-light: #a09f93;
  --color-highlight-entity-dark: #393939;
  --color-highlight-comment: #a2a2a2;
  --color-highlight-punctuation: #f7f7f7;
  --color-highlight-variable: #f2777a;
  --color-highlight-number: #ff8c4d;
  --color-highlight-class: #ffcc66;
  --color-highlight-property: #c2ee65;
  --color-highlight-regex: #66cccc;
  --color-highlight-function: #88c4ff;
  --color-highlight-keyword: #ff9eff;
  --color-highlight-doctype: #d27b53;
  --color-search-lock-background: rgba(73, 83, 104, 0.45);
  --color-search-spotlight-shadow: rgba(0, 0, 0, 0.1);
  --color-search-spotlight-shortcut-text: #929fac;
  --color-search-spotlight-field-background: rgba(245, 246, 248, 0.65);
  --color-search-spotlight-field-placeholder: var(--color-blue-grey-dark);
  --color-search-spotlight-field-spinner-border: var(--color-blue-grey-dark);
  --color-search-spotlight-entry-link-background-default: var(--color-accent-base);
  --color-search-spotlight-entry-link-background-active: var(--color-accent-active);
  --color-header-background: rgba(255, 255, 255, 0.85);
  --color-header-border: rgba(224, 231, 239, 0.65);
  --color-header-shadow: rgba(0, 0, 0, 0.06);
  --color-header-dropdown-border: rgba(224, 231, 239, 0.65);
  --color-header-dropdown-shadow: rgba(0, 0, 0, 0.05);
  --color-header-dropdown-link-background-hover: var(--color-accent-base);
  --color-header-dropdown-link-background-active: var(--color-accent-active);
  --color-header-search-background-default: var(--color-base);
  --color-header-search-background-clear: var(--color-white);
  --color-header-search-border-default: var(--color-grey-dark);
  --color-header-search-border-hover: #bfcbd9;
  --color-header-search-border-active: #b2c1d1;
  --color-header-search-border-clear-default: #d5dadf;
  --color-header-search-border-clear-hover: #c4cbd2;
  --color-header-search-border-clear-active: #bbc3cb;
  --color-header-search-shadow: rgba(223, 229, 236, 0.25);
  --color-header-search-placeholder-text: var(--color-blue-grey-dark);
  --color-header-search-shortcut-text: #a2aeb9;
  --color-header-search-shortcut-border: #d5dadf;
  --color-header-search-shortcut-shadow: #e4e9ed;
  --color-header-coloring-background-default: #e1e9f0;
  --color-header-coloring-background-clear: rgba(255, 255, 255, 0.7);
  --color-header-coloring-toggle-border-default: rgba(76, 100, 128, 0.2);
  --color-header-coloring-toggle-border-hover: rgba(76, 100, 128, 0.225);
  --color-header-coloring-toggle-border-active: rgba(76, 100, 128, 0.175);
  --color-header-coloring-toggle-shadow-default: rgba(0, 0, 0, 0.04);
  --color-header-coloring-toggle-shadow-hover: rgba(0, 0, 0, 0.06);
  --color-header-coloring-toggle-shadow-active: rgba(0, 0, 0, 0.02);
  --color-header-coloring-toggle-icon-light-background: #e0a142;
  --color-header-coloring-toggle-icon-dark-background: #5162b7;
  --color-content-navigation-background: rgba(245, 246, 248, 0.25);
  --color-content-navigation-border-default: var(--color-blue-grey-light);
  --color-content-navigation-border-active: #b1bfce;
  --color-content-navigation-shadow-outset: rgba(193, 204, 216, 0.25);
  --color-content-navigation-shadow-inset: rgba(255, 255, 255, 0.75);
  --color-content-navigation-shadow-active: rgba(193, 204, 216, 0.4);
  --color-content-navigation-label-text: var(--color-blue-grey);
  --color-content-bulletpoint-label-text: var(--color-blue-grey);
  --color-content-sidebar-left-background-default: rgba(245, 246, 248, 0.65);
  --color-content-sidebar-left-background-small: rgba(245, 246, 248, 0.9);
  --color-content-sidebar-left-background-tiny: var(--color-base);
  --color-content-sidebar-left-shadow-small: rgba(0, 0, 0, 0.04);
  --color-content-sidebar-right-background: #2d3134;
  --color-content-sidebar-toggler-background: rgba(255, 255, 255, 0.85);
  --color-content-sidebar-toggler-shadow-default: rgba(0, 0, 0, 0.1);
  --color-content-sidebar-toggler-shadow-hover: rgba(0, 0, 0, 0.125);
  --color-content-sidebar-toggler-shadow-active: rgba(0, 0, 0, 0.2);
  --color-content-sidebar-toggler-icon-background: var(--color-blue-black);
  --color-content-sidebar-nest-navigate-link-background-hover: #e8eef3;
  --color-content-sidebar-nest-navigate-link-background-active: #e1e9f0;
  --color-content-sidebar-nest-navigate-link-default-toggle-background-hover: #d4dee9;
  --color-content-sidebar-nest-navigate-link-default-toggle-background-active: #c6d4e2;
  --color-content-sidebar-nest-navigate-link-active-toggle-background-hover: rgba(255, 255, 255, 0.15);
  --color-content-sidebar-nest-navigate-link-active-toggle-background-active: rgba(255, 255, 255, 0.2);
  --color-content-sidebar-nest-navigate-slice-text: var(--color-blue-black);
  --color-content-sidebar-nest-navigate-slice-icon-background-default: var(--color-blue-black);
  --color-content-sidebar-nest-navigate-slice-icon-background-active: var(--color-white);
  --color-footer-brand-separator: rgba(159, 176, 194, 0.3);
  --color-footer-link-target-text: #677789;
  --color-footer-copyright-text: #859ab0;
  --color-footer-engine-text: #9fb0c2;
  --color-footer-status-border-default: rgba(159, 176, 194, 0.45);
  --color-footer-status-border-hover: rgba(159, 176, 194, 0.65);
  --color-footer-status-time-text: #93a0ad;
  --color-guides-details-border: rgba(224, 231, 239, 0.65);
  --color-guides-details-inner-text: var(--color-blue-black);
  --color-references-separator-content: rgba(224, 231, 239, 0.65);
  --color-references-separator-sidebar: rgba(224, 231, 239, 0.15);
  --color-references-details-updated-text: var(--color-blue-black);
  --color-references-group-origin-text: var(--color-blue-black);
  --color-references-request-target-url-background: var(--color-base);
  --color-references-request-target-url-border-default: #c3d2e0;
  --color-references-request-target-url-border-hover: #aabdd3;
  --color-references-request-target-url-border-active: #8fa8c5;
  --color-references-request-format-type-text: var(--color-blue-black);
  --color-references-request-format-required-text: #eb4e3a;
  --color-references-request-format-optional-text: #a2a8b0;
  --color-references-request-format-label-text: #717982;
  --color-references-request-format-keys-depth-border-zero: white;
  --color-references-request-format-keys-depth-border-one: #eff3f7;
  --color-references-request-format-keys-depth-border-two: var(--color-grey-light);
  --color-references-request-format-keys-depth-border-three: #cdd9e5;
  --color-references-request-format-keys-depth-border-four: #bccddd;
  --color-references-request-format-keys-depth-border-infinity: #acc0d4;
  --color-references-request-format-toggle-count-text: #202020;
  --color-references-request-format-toggle-count-background: #e5ebf1;
  --color-references-request-format-toggle-button-border: #c5d0dd;
  --color-references-request-format-toggle-button-shadow: rgba(223, 229, 236, 0.25);
  --color-references-examples-selection: rgba(255, 255, 255, 0.2);
  --color-references-examples-detail-value-text: #858b8e;
  --color-references-examples-detail-segment-text: #dde4e8;
  --color-references-examples-detail-parameter-text: #c2ee65;
  --color-changes-notice-background: var(--color-base);
  --color-changes-navigate-link-background-hover: #f2f5f8;
  --color-changes-navigate-link-background-active: #ebf0f5;
  --color-changes-month-event-border: rgba(224, 231, 239, 0.65);
  --color-changes-month-event-group-text: var(--color-blue-grey-dark);
  --color-changes-month-event-deprecated-background: #fdeaee;
}

.appearance[data-appearance="dark"] {
  --color-white: #10131c;
  --color-black: #ffffff;
  --color-grey: #474b5e;
  --color-grey-light: #4c4f62;
  --color-grey-dark: #3e4255;
  --color-blue-black: #cdd3db;
  --color-blue-grey: #a3a5ae;
  --color-blue-grey-light: #474b5e;
  --color-blue-grey-dark: #71757d;
  --color-green: #21fb52;
  --color-red: #ff7e7e;
  --color-base: #1e202b;
  --color-base-background: #191c25;
  --color-selection-default: rgba(255, 255, 255, 0.25);
  --color-badge-black: #1a1a1a;
  --color-badge-blue: #1db2fd;
  --color-badge-green: #9fbc62;
  --color-badge-yellow: #c1b872;
  --color-badge-red: #ce7092;
  --color-method-get-head-light: rgba(221, 241, 252, 0.3);
  --color-method-get-head-dark: #05acff;
  --color-method-post-light: rgba(228, 242, 200, 0.3);
  --color-method-post-dark: #95b653;
  --color-method-put-patch-light: rgba(247, 242, 195, 0.3);
  --color-method-put-patch-dark: #bab263;
  --color-method-delete-light: rgba(242, 216, 225, 0.3);
  --color-method-delete-dark: #c96186;
  --color-viewer-panes-footer-border: rgba(255, 255, 255, 0.1);
  --color-markdown-code-inline-background: rgba(255, 255, 255, 0.15);
  --color-markdown-code-inline-border: rgba(255, 255, 255, 0.35);
  --color-markdown-code-inline-text: #ffffff;
  --color-markdown-figure-border: rgba(71, 75, 94, 0.9);
  --color-markdown-table-body-row-background-hover: rgba(71, 75, 94, 0.12);
  --color-markdown-table-cell-border: var(--color-grey);
  --color-markdown-blockquote-border: #516071;
  --color-markdown-emphasis-warning-background: rgba(255, 179, 0, 0.25);
  --color-markdown-emphasis-warning-border: #c87c00;
  --color-markdown-emphasis-info-background: rgba(255, 239, 0, 0.25);
  --color-markdown-emphasis-info-border: #c4b500;
  --color-markdown-emphasis-notice-background: rgba(135, 255, 115, 0.25);
  --color-markdown-emphasis-notice-border: #30bb17;
  --color-code-header-default: #16171c;
  --color-code-header-hover: #121317;
  --color-code-metas-background: #1e1f24;
  --color-code-content-background: #24252b;
  --color-search-lock-background: rgba(67, 73, 89, 0.4);
  --color-search-spotlight-field-background: rgba(30, 32, 43, 0.65);
  --color-header-background: rgba(16, 19, 28, 0.9);
  --color-header-border: rgba(255, 255, 255, 0.075);
  --color-header-dropdown-border: rgba(71, 75, 94, 0.65);
  --color-header-search-background-clear: var(--color-header-search-background-default);
  --color-header-search-border-hover: #545972;
  --color-header-search-border-active: #5c627e;
  --color-header-search-border-clear-default: var(--color-header-search-border-default);
  --color-header-search-border-clear-hover: var(--color-header-search-border-hover);
  --color-header-search-border-clear-active: var(--color-header-search-border-active);
  --color-header-search-shadow: var(--color-white);
  --color-header-search-shortcut-text: var(--color-blue-grey-dark);
  --color-header-search-shortcut-border: var(--color-blue-grey-dark);
  --color-header-search-shortcut-shadow: var(--color-white);
  --color-header-coloring-background-default: #354181;
  --color-header-coloring-background-clear: var(--color-header-coloring-background-default);
  --color-header-coloring-toggle-border-default: rgba(81, 97, 183, 0.85);
  --color-header-coloring-toggle-border-hover: #5161b7;
  --color-header-coloring-toggle-border-active: rgba(81, 97, 183, 0.95);
  --color-content-navigation-background: var(--color-base);
  --color-content-navigation-border-default: var(--color-grey);
  --color-content-navigation-border-active: #54596f;
  --color-content-navigation-shadow-outset: rgba(16, 19, 28, 0.25);
  --color-content-navigation-shadow-inset: rgba(255, 255, 255, 0.05);
  --color-content-navigation-shadow-active: rgba(16, 19, 28, 0.4);
  --color-content-sidebar-left-background-default: var(--color-base);
  --color-content-sidebar-left-background-small: var(--color-base);
  --color-content-sidebar-right-background: #292a31;
  --color-content-sidebar-toggler-background: rgba(30, 32, 43, 0.9);
  --color-content-sidebar-nest-navigate-link-background-hover: #454859;
  --color-content-sidebar-nest-navigate-link-background-active: #4a4d5f;
  --color-content-sidebar-nest-navigate-link-default-toggle-background-hover: #53566b;
  --color-content-sidebar-nest-navigate-link-default-toggle-background-active: #5c5f76;
  --color-guides-details-border: rgba(71, 75, 94, 0.45);
  --color-references-separator-content: rgba(71, 75, 94, 0.45);
  --color-references-separator-sidebar: rgba(71, 75, 94, 0.35);
  --color-references-request-target-url-border-default: transparent;
  --color-references-request-target-url-border-hover: rgba(255, 255, 255, 0.45);
  --color-references-request-target-url-border-active: rgba(255, 255, 255, 0.6);
  --color-references-request-format-required-text: #ff6d5a;
  --color-references-request-format-optional-text: #8f99a6;
  --color-references-request-format-label-text: #8d98a4;
  --color-references-request-format-keys-depth-border-zero: #363845;
  --color-references-request-format-keys-depth-border-one: #414354;
  --color-references-request-format-keys-depth-border-three: #575b70;
  --color-references-request-format-keys-depth-border-four: #62667f;
  --color-references-request-format-keys-depth-border-infinity: #6d728d;
  --color-references-request-format-toggle-count-text: #dfdfdf;
  --color-references-request-format-toggle-count-background: #484a5c;
  --color-references-request-format-toggle-button-border: #4f546d;
  --color-references-request-format-toggle-button-shadow: rgba(16, 19, 28, 0.25);
  --color-changes-navigate-link-background-hover: #3f4151;
  --color-changes-navigate-link-background-active: #434657;
  --color-changes-month-event-border: rgba(71, 75, 94, 0.65);
  --color-changes-month-event-deprecated-background: rgba(255, 123, 152, 0.3);
}

.appearance[data-appearance="dark"] .logo .logo-image {
  filter: grayscale(1) invert(1) brightness(10);
}

.appearance[data-appearance="dark"] .illustration {
  filter: saturate(0.15) invert(1);
}