• Home
• org.jetbrains.dokka
• dokka-base
• 2.0.0
• source code
• ui-kit.css

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

dokka.ui-kit.ui-kit.css Maven / Gradle / Ivy

:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.button {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  border-radius: var(--size-s1);
  box-sizing: border-box;
  color: #000;
  color: var(--color-text);
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  letter-spacing: 0.045em;
  padding: 8px 12px;
  padding: var(--size-s2) 12px;
}

.button[\:has\(\:first-child\)] {
  gap: 8px;
  gap: var(--size-s2);
  padding: 8px;
  padding: var(--size-s2);
}

.button:has(:first-child) {
  gap: 8px;
  gap: var(--size-s2);
  padding: 8px;
  padding: var(--size-s2);
}

@media (hover: hover) {
  .button:hover {
    background-color: rgba(0, 0, 0, 0.08);
    background-color: var(--color-b08);
  }
}
.button:active {
  background-color: #307fff;
  background-color: var(--color-key-blue);
}

.button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button.focus-visible {
  outline: var(--focus-outline);
}

.button:focus-visible {
  outline: var(--focus-outline);
}

.theme-dark .button {
  color: hsla(0, 0%, 100%, 0.96);
  color: var(--color-text-dt);
}

.theme-dark .button:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
  background-color: var(--color-w10);
}

.button_background {
  background-color: #fff;
  background-color: var(--color-w100);
}

.theme-dark .button_background {
  background-color: hsla(0, 0%, 100%, 0.1);
  background-color: var(--color-w10);
}

.theme-dark .button_background:hover {
  background-color: hsla(0, 0%, 100%, 0.05);
  background-color: var(--color-w05);
}

.button_dropdown {
  font: 400 14px/20px JetBrains Sans, Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Oxygen, Droid Sans, Helvetica Neue, Arial;
  font: var(--font-text-s);
  padding: 8px;
  padding: var(--size-s2);
}

.button_dropdown:after {
  background-image: url(assets/arrow-down.svg);
  background-repeat: no-repeat;
  content: "";
  display: block;
  filter: invert(1);
  height: 24px;
  height: var(--size-m1);
  transform: rotate(0);
  width: 24px;
  width: var(--size-m1);
  will-change: transform;
}

.theme-dark .button_dropdown:after {
  filter: none;
}

.button_dropdown_active {
  background-color: #307fff;
  background-color: var(--color-key-blue);
  color: hsla(0, 0%, 100%, 0.96);
  color: var(--color-text-dt);
}

.button_dropdown_active:hover, .theme-dark .button_dropdown_active:hover {
  background-color: #639fff;
}

.button_dropdown_active:after {
  filter: invert(0);
  transform: rotate(-180deg);
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.checkbox {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.checkbox--input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  visibility: hidden;
}

.checkbox--icon {
  background-image: url(assets/checkbox-off.svg);
  height: 24px;
  height: var(--size-m1);
  margin-left: -32px;
  margin-left: calc(var(--size-m2) * -1);
  position: absolute;
  width: 24px;
  width: var(--size-m1);
}

.checkbox--input:checked + .checkbox--icon {
  background-image: url(assets/checkbox-on.svg);
}

.checkbox--input:disabled + .checkbox--icon {
  opacity: 0.2;
}

.checkbox--input.focus-visible {
  outline: var(--focus-outline);
}

.checkbox--input:focus-visible {
  outline: var(--focus-outline);
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.dropdown {
  position: relative;
}

@media (max-width: 899px) {
  .dropdown {
    position: static;
  }
}
.dropdown--list {
  background-color: #323237;
  background-color: var(--color-background-nav-dt);
  border: 1px solid #56565f;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.251);
  display: none;
  max-height: 400px;
  max-width: 360px;
  min-width: 272px;
  overflow-y: auto;
  padding: 12px 0;
  position: absolute;
  right: 0;
  top: 44px;
  -webkit-transform: translateZ(0);
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
}

@media (max-width: 899px) {
  .dropdown--list {
    border: none;
    height: 100vh;
    max-height: none;
    padding: 0;
    right: 0;
    top: 0;
  }
}
@media (max-width: 439px) {
  .dropdown--list {
    max-width: none;
    width: 100vw;
  }
}
.dropdown--list_positioned_right {
  right: 0;
}

.dropdown--list_positioned_left {
  left: 0;
}

@media (max-width: 899px) {
  .dropdown--list_positioned_left {
    left: auto;
  }
}
.dropdown--list_expanded {
  display: block;
}

@media (min-width: 900px) {
  .dropdown--list_toc-list {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: block;
    max-height: none;
    max-width: none;
    min-width: 100%;
    padding: 0;
    position: relative;
    top: 0;
  }
}
@media (min-width: 440px) and (max-width: 899px) {
  .dropdown--list_toc-list {
    width: 408px;
  }
}
.dropdown--option {
  background-color: #323237;
  background-color: var(--color-background-nav-dt);
  border: none;
  color: var(--color-text-nav-dt);
  cursor: pointer;
  display: block;
  font: 400 16px/24px JetBrains Sans, Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Oxygen, Droid Sans, Helvetica Neue, Arial;
  font: var(--font-text-m);
  letter-spacing: -0.03em;
  list-style-type: none;
  padding: 8px 16px;
  padding: var(--size-s2) var(--size-s3);
  position: relative;
}

.dropdown--option:hover {
  background-color: #4a4a52;
}

.dropdown--option.focus-visible {
  outline: var(--focus-outline);
  z-index: 1;
}

.dropdown--option:focus-visible {
  outline: var(--focus-outline);
  z-index: 1;
}

.dropdown--option:visited {
  color: var(--color-text-nav-dt);
}

.dropdown--option_active {
  background-color: #307fff;
  background-color: var(--color-key-blue);
}

.dropdown--option_active:hover {
  background-color: #639fff;
}

.dropdown--option_link {
  color: var(--color-text-nav-dt);
  text-decoration: none;
}

.dropdown--option_link.focus-visible {
  outline: var(--focus-outline);
}

.dropdown--option_link:focus-visible {
  outline: var(--focus-outline);
}

.dropdown--option .checkbox {
  pointer-events: none;
}

.dropdown--option .checkbox:first-letter {
  text-transform: uppercase;
}

.dropdown--overlay {
  background-color: hsla(0, 0%, 54%, 0.5);
  bottom: 0;
  content: "";
  display: none;
  height: 100vh;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 4;
}

.dropdown--list_expanded + .dropdown--overlay {
  display: block;
}

@media (min-width: 900px) {
  .dropdown--list_expanded + .dropdown--overlay {
    display: none;
  }
}
.dropdown--header {
  align-items: center;
  background-color: #323237;
  background-color: var(--color-background-nav-dt);
  border-bottom: 1px solid #56565f;
  color: hsla(0, 0%, 100%, 0.7);
  color: var(--color-w70);
  display: flex;
  height: 52px;
  justify-content: space-between;
  padding-left: 16px;
  padding-left: var(--size-s3);
  position: sticky;
  top: 0;
  z-index: 2;
}

@media (min-width: 900px) {
  .dropdown--header {
    display: none;
  }
}
@media (max-width: 899px) {
  .dropdown--header + :not(.sidebar--inner) {
    margin-top: 12px;
  }
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.filter-section {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: flex-end;
  margin-right: 12px;
  max-height: 40px;
  z-index: 1;
}

.filter-section_loading {
  overflow: hidden;
}

@media (min-width: 900px) {
  .filter-section--dropdown {
    display: none;
  }
}
.filter-section--dropdown-toggle_as-filters {
  background-image: url(assets/filter.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  min-width: 40px;
}

.filter-section--dropdown-toggle_as-filters:after {
  display: none;
}

@media (max-width: 899px) {
  .filter-section {
    margin-right: 0;
    max-height: none;
  }
  .filter-section > :not(.dropdown) {
    display: none;
  }
  .filter-section--dropdown-toggle {
    background-image: url(assets/filter.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  .filter-section--dropdown-toggle:after {
    display: none;
  }
}
.no-js .filter-section {
  display: none;
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.ui-kit-icon {
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  filter: invert(1);
  font-size: 0;
  height: 24px;
  height: var(--size-m1);
  line-height: 0;
  width: 24px;
  width: var(--size-m1);
  will-change: background-color;
}

.theme-dark .ui-kit-icon {
  filter: none;
}

@media (max-width: 899px) {
  .theme-dark_mobile .ui-kit-icon {
    filter: none;
  }
}
.ui-kit-icon_arrow-down {
  background-image: url(assets/arrow-down.svg);
}

.ui-kit-icon_placeholder {
  background-image: url(assets/placeholder.svg);
}

.ui-kit-icon_cross {
  background-image: url(assets/cross.svg);
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.library-name--link {
  align-items: center;
  border-radius: 4px;
  border-radius: var(--size-s1);
  color: hsla(0, 0%, 100%, 0.96);
  color: var(--color-text-dt);
  display: flex;
  font: 600 16px/24px JetBrains Sans, Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Oxygen, Droid Sans, Helvetica Neue, Arial;
  font: var(--font-h4);
  margin-right: 8px;
  margin-right: var(--size-s2);
  white-space: nowrap;
}

.library-name--link.focus-visible {
  outline: var(--focus-outline);
}

.library-name--link:focus-visible {
  outline: var(--focus-outline);
}

@media (max-width: 899px) {
  .library-name--link {
    height: 52px;
    margin-left: 12px;
  }
}
.library-name--link:before {
  background: var(--dokka-logo-image-url) center no-repeat;
  background-size: min(var(--dokka-logo-height), 120px) min(var(--dokka-logo-width), 36px);
  content: "";
  height: var(--dokka-logo-height);
  margin-right: 8px;
  margin-right: var(--size-s2);
  max-height: 36px;
  max-width: 120px;
  width: var(--dokka-logo-width);
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.library-version {
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, 0.96);
  color: var(--color-text-dt);
  font: 400 14px/20px JetBrains Sans, Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Oxygen, Droid Sans, Helvetica Neue, Arial;
  font: var(--font-text-s);
  padding-top: 1px;
}

@media (max-width: 899px) {
  .library-version {
    align-items: center;
    background-color: #000;
    background-color: var(--color-text);
    display: flex;
    height: 52px;
    padding-left: 12px;
  }
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.navigation {
  align-items: center;
  background-color: #27282c;
  background-color: var(--color-background-nav);
  box-sizing: border-box;
  color: hsla(0, 0%, 100%, 0.96);
  color: var(--color-text-dt);
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 12px 24px;
  padding: 12px var(--size-m1);
  z-index: 4;
}

@media (max-width: 899px) {
  .navigation {
    flex-wrap: wrap;
    height: auto;
    padding: 0;
  }
}
.theme-dark .navigation {
  background-color: #323237;
  background-color: var(--color-background-nav-dt);
}

@media (max-width: 899px) {
  .navigation .button {
    height: 52px;
    min-width: 52px;
  }
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.navigation-controls {
  align-items: center;
  display: flex;
  gap: 4px;
  gap: var(--size-s1);
  margin-left: auto;
}

@media (max-width: 899px) {
  .navigation-controls {
    background-color: #000;
    background-color: var(--color-text);
    flex-grow: 1;
    gap: 0;
    justify-content: flex-end;
  }
}
.no-js .navigation-controls {
  display: none;
}

.navigation-controls--btn {
  align-items: center;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: none;
  border-radius: 4px;
  border-radius: var(--size-s1);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 0;
  height: 40px;
  justify-content: center;
  line-height: 0;
  padding: 0;
  width: 40px;
  z-index: 0;
}

@media (hover: hover) {
  .navigation-controls--btn:hover {
    background-color: rgba(0, 0, 0, 0.08);
    background-color: var(--color-b08);
  }
}
.navigation-controls--btn:active {
  background-color: hsla(0, 0%, 100%, 0.1);
  background-color: var(--color-w10);
}

.navigation-controls--btn.focus-visible {
  outline: var(--focus-outline);
}

.navigation-controls--btn:focus-visible {
  outline: var(--focus-outline);
}

@media (max-width: 899px) {
  .navigation-controls--btn {
    height: 52px;
    width: 52px;
  }
}
.navigation-controls--break {
  flex-basis: 100%;
}

.navigation-controls--btn_theme {
  background-image: url(assets/theme-toggle.svg);
}

.navigation-controls--btn_homepage {
  background-image: url(assets/homepage.svg);
}

.navigation-controls--btn_toc {
  background-image: url(assets/burger.svg);
  margin-left: auto;
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.platform-tag {
  --platform-tag-color:#bababb;
  border: 0;
  border-radius: 4px;
  border-radius: var(--size-s1);
  font: 400 14px/20px JetBrains Sans, Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Oxygen, Droid Sans, Helvetica Neue, Arial;
  font: var(--font-text-s);
  padding: 10px 12px;
  text-transform: capitalize;
}

.platform-tag, button.platform-tag {
  cursor: pointer;
}

button.platform-tag.focus-visible {
  outline: var(--focus-outline);
}

button.platform-tag:focus-visible {
  outline: var(--focus-outline);
}

.platform-selector-option {
  padding-left: 44px;
}

.platform-selector-option.js-like, .platform-selector-option.jvm-like, .platform-selector-option.wasm-like, .platform-tag.js-like, .platform-tag.jvm-like, .platform-tag.wasm-like {
  text-transform: uppercase;
}

.platform-tags .platform-tag {
  align-items: center;
  display: flex;
}

.filter-section .platform-tag[data-active] {
  background-color: var(--platform-tag-color);
  color: #19191c;
}

.filter-section .platform-tag.jvm-like[data-active], .platform-tags .platform-tag.jvm-like {
  --platform-tag-color:#4dbb5f;
}

.filter-section .platform-tag.js-like[data-active], .platform-tags .platform-tag.js-like {
  --platform-tag-color:#ffc700;
}

.filter-section .platform-tag.native-like[data-active], .platform-tags .platform-tag.native-like {
  --platform-tag-color:#e082f3;
}

.filter-section .platform-tag.wasm-like[data-active], .platform-tags .platform-tag.wasm-like {
  --platform-tag-color:#9585f9;
}

@media (hover: hover) {
  .filter-section .platform-tag[data-active]:hover {
    background-color: hsla(240, 1%, 73%, 0.7);
    color: #fff;
  }
}
.filter-section .platform-tag[data-active]:active {
  background-color: hsla(240, 1%, 73%, 0.7);
  color: #fff;
}

.filter-section .platform-tag:not([data-active]) {
  background-color: hsla(0, 0%, 100%, 0.1);
  background-color: var(--color-w10);
  color: hsla(0, 0%, 100%, 0.5);
  color: var(--color-w50);
  text-decoration: line-through;
}

.platform-tags .platform-tag:before {
  background: var(--platform-tag-color);
  border-radius: 50%;
  content: "";
  display: inline-block;
  font-size: 13px;
  height: 8px;
  line-height: 1.6;
  margin: 0 4px 0 8px;
  width: 8px;
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.platform-tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
  margin-left: -4px;
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

.platform-hinted > .platform-bookmarks-row, .tabs-section {
  margin-left: -8px;
  margin-right: -8px;
}

.platform-hinted > .platform-bookmarks-row > .platform-bookmark, .section-tab {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--inactive-tab-border-color);
  color: var(--inactive-section-color);
  cursor: pointer;
  font-size: var(--default-font-size);
  margin: 0 8px;
  outline: none;
  padding: 11px 3px;
}

.platform-hinted > .platform-bookmarks-row {
  margin-bottom: 16px;
  margin-bottom: var(--size-s3);
}

.no-js .platform-bookmarks-row + .sourceset-dependent-content {
  margin-top: 8px;
  margin-top: var(--size-s2);
}

.no-js .platform-bookmarks-row + .sourceset-dependent-content:last-of-type {
  margin-top: 0;
}

.section-tab:hover {
  border-bottom: 2px solid var(--default-font-color);
  color: var(--default-font-color);
}

.section-tab[data-active=""] {
  border-bottom: 2px solid var(--active-tab-border-color);
  color: var(--active-section-color);
}

.tabs-section-body > div {
  margin-top: 12px;
}

.tabs-section-body .with-platform-tabs {
  padding-bottom: 12px;
  padding-top: 12px;
}

.platform-hinted {
  display: block;
  flex: auto;
}

.platform-hinted > .platform-bookmarks-row > .platform-bookmark {
  align-self: flex-start;
  background: inherit;
  flex: none;
  min-width: 64px;
  min-width: var(--size-l1);
  order: 5;
}

.platform-hinted > .platform-bookmarks-row > .platform-bookmark:hover {
  border-bottom: 2px solid var(--default-font-color);
  color: var(--default-font-color);
}

.platform-hinted > .platform-bookmarks-row > .platform-bookmark[data-active=""] {
  border-bottom: 2px solid var(--active-tab-border-color);
  color: var(--active-section-color);
}

.js .platform-hinted > .content:not([data-active]), .js .tabs-section-body [data-togglable]:not([data-active]), .main-content[data-page-type=package] .tabs-section-body h2, .no-js .platform-bookmarks-row, .no-js .tabs-section {
  display: none;
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
  --toc-hover-color:var(--color-b08);
  --toc-font:400 13px/24px var(--font-family-default);
  --toc-color:var(--color-text);
}

.theme-dark {
  --toc-hover-color:var(--color-w08);
  --toc-color:var(--color-text-dt);
}

@media (max-width: 899px) {
  .theme-dark_mobile {
    --toc-color:var(--color-text-dt);
    --toc-hover-color:var(--color-w08);
  }
}
.toc--part {
  color: #000;
  color: var(--toc-color);
  font: 400 13px/24px JetBrains Sans, Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Oxygen, Droid Sans, Helvetica Neue, Arial;
  font: var(--toc-font);
}

.toc--part, .toc--row {
  box-sizing: border-box;
}

.toc--row {
  align-items: center;
  display: flex;
  min-height: 40px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.toc--button {
  align-items: center;
  background-color: inherit;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  height: 100%;
  justify-content: flex-end;
  min-width: 40px;
  padding: 0 8px 0 0;
  position: absolute;
}

.toc--button:after {
  background-image: url(assets/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  content: " ";
  filter: invert(1);
  font-size: 0;
  height: 24px;
  line-height: 0;
  transform: rotate(0deg);
  width: 24px;
}

.toc--part_hidden .toc--button:after {
  transform: rotate(-90deg);
}

.theme-dark .toc--button:after {
  filter: invert(0);
}

@media (max-width: 899px) {
  .theme-dark_mobile .toc--button:after {
    filter: invert(0);
  }
}
@media (hover: hover) {
  .toc--button:hover {
    background-color: rgba(0, 0, 0, 0.08);
    background-color: var(--toc-hover-color);
  }
}
.toc--button:active {
  background-color: rgba(0, 0, 0, 0.08);
  background-color: var(--toc-hover-color);
}

.toc--button.focus-visible {
  outline: var(--focus-outline);
  outline-offset: -4px;
}

.toc--button:focus-visible {
  outline: var(--focus-outline);
  outline-offset: -4px;
}

.toc--link {
  box-sizing: border-box;
  color: inherit;
  height: calc(100% - 16px);
  min-height: 40px;
  padding: 8px 4px 8px 0;
  width: 100%;
}

.toc--link:hover {
  background-color: rgba(0, 0, 0, 0.08);
  background-color: var(--toc-hover-color);
}

.toc--link.focus-visible {
  outline: var(--focus-outline);
  outline-offset: -4px;
}

.toc--link:focus-visible {
  outline: var(--focus-outline);
  outline-offset: -4px;
}

.toc--part[data-nesting-level="0"] .toc--row > .toc--link:first-child {
  padding-left: 40px;
  padding-left: calc(40px + var(--size-m1) * 0);
}

.toc--part[data-nesting-level="0"] .toc--button + .toc--link {
  margin-left: 40px;
  margin-left: calc(40px + var(--size-m1) * 0);
}

.toc--part[data-nesting-level="0"] .toc--button {
  width: 40px;
  width: calc(40px + var(--size-m1) * 0);
}

.toc--part[data-nesting-level="1"] .toc--row > .toc--link:first-child {
  padding-left: 64px;
  padding-left: calc(40px + var(--size-m1) * 1);
}

.toc--part[data-nesting-level="1"] .toc--button + .toc--link {
  margin-left: 64px;
  margin-left: calc(40px + var(--size-m1) * 1);
}

.toc--part[data-nesting-level="1"] .toc--button {
  width: 64px;
  width: calc(40px + var(--size-m1) * 1);
}

.toc--part[data-nesting-level="2"] .toc--row > .toc--link:first-child {
  padding-left: 88px;
  padding-left: calc(40px + var(--size-m1) * 2);
}

.toc--part[data-nesting-level="2"] .toc--button + .toc--link {
  margin-left: 88px;
  margin-left: calc(40px + var(--size-m1) * 2);
}

.toc--part[data-nesting-level="2"] .toc--button {
  width: 88px;
  width: calc(40px + var(--size-m1) * 2);
}

.toc--part[data-nesting-level="3"] .toc--row > .toc--link:first-child {
  padding-left: 112px;
  padding-left: calc(40px + var(--size-m1) * 3);
}

.toc--part[data-nesting-level="3"] .toc--button + .toc--link {
  margin-left: 112px;
  margin-left: calc(40px + var(--size-m1) * 3);
}

.toc--part[data-nesting-level="3"] .toc--button {
  width: 112px;
  width: calc(40px + var(--size-m1) * 3);
}

.toc--part[data-nesting-level="4"] .toc--row > .toc--link:first-child {
  padding-left: 136px;
  padding-left: calc(40px + var(--size-m1) * 4);
}

.toc--part[data-nesting-level="4"] .toc--button + .toc--link {
  margin-left: 136px;
  margin-left: calc(40px + var(--size-m1) * 4);
}

.toc--part[data-nesting-level="4"] .toc--button {
  width: 136px;
  width: calc(40px + var(--size-m1) * 4);
}

.toc--part[data-nesting-level="5"] .toc--row > .toc--link:first-child {
  padding-left: 160px;
  padding-left: calc(40px + var(--size-m1) * 5);
}

.toc--part[data-nesting-level="5"] .toc--button + .toc--link {
  margin-left: 160px;
  margin-left: calc(40px + var(--size-m1) * 5);
}

.toc--part[data-nesting-level="5"] .toc--button {
  width: 160px;
  width: calc(40px + var(--size-m1) * 5);
}

.toc--part[data-nesting-level="6"] .toc--row > .toc--link:first-child {
  padding-left: 184px;
  padding-left: calc(40px + var(--size-m1) * 6);
}

.toc--part[data-nesting-level="6"] .toc--button + .toc--link {
  margin-left: 184px;
  margin-left: calc(40px + var(--size-m1) * 6);
}

.toc--part[data-nesting-level="6"] .toc--button {
  width: 184px;
  width: calc(40px + var(--size-m1) * 6);
}

.toc--part[data-nesting-level="7"] .toc--row > .toc--link:first-child {
  padding-left: 208px;
  padding-left: calc(40px + var(--size-m1) * 7);
}

.toc--part[data-nesting-level="7"] .toc--button + .toc--link {
  margin-left: 208px;
  margin-left: calc(40px + var(--size-m1) * 7);
}

.toc--part[data-nesting-level="7"] .toc--button {
  width: 208px;
  width: calc(40px + var(--size-m1) * 7);
}

.toc--part[data-nesting-level="8"] .toc--row > .toc--link:first-child {
  padding-left: 232px;
  padding-left: calc(40px + var(--size-m1) * 8);
}

.toc--part[data-nesting-level="8"] .toc--button + .toc--link {
  margin-left: 232px;
  margin-left: calc(40px + var(--size-m1) * 8);
}

.toc--part[data-nesting-level="8"] .toc--button {
  width: 232px;
  width: calc(40px + var(--size-m1) * 8);
}

.toc--part[data-nesting-level="9"] .toc--row > .toc--link:first-child {
  padding-left: 256px;
  padding-left: calc(40px + var(--size-m1) * 9);
}

.toc--part[data-nesting-level="9"] .toc--button + .toc--link {
  margin-left: 256px;
  margin-left: calc(40px + var(--size-m1) * 9);
}

.toc--part[data-nesting-level="9"] .toc--button {
  width: 256px;
  width: calc(40px + var(--size-m1) * 9);
}

.toc--part[data-nesting-level="10"] .toc--row > .toc--link:first-child {
  padding-left: 280px;
  padding-left: calc(40px + var(--size-m1) * 10);
}

.toc--part[data-nesting-level="10"] .toc--button + .toc--link {
  margin-left: 280px;
  margin-left: calc(40px + var(--size-m1) * 10);
}

.toc--part[data-nesting-level="10"] .toc--button {
  width: 280px;
  width: calc(40px + var(--size-m1) * 10);
}

.filtered > .toc--button, .toc .filtered > a {
  display: none;
}

.toc #nav-submenu {
  padding-left: 24px;
}

.toc--part_hidden > .toc--part {
  display: none;
}

.toc--row .toc--link-grid {
  display: grid;
  grid-template-columns: 16px auto;
  grid-gap: 6px;
  align-items: center;
}

.toc--icon {
  height: 16px;
  width: 16px;
}

.toc--icon.class:before {
  content: url(assets/class.svg);
}

.toc--icon.class-kt:before {
  content: url(assets/class-kotlin.svg);
}

.toc--icon.function:before {
  content: url(assets/function.svg);
}

.toc--icon.enum-class:before {
  content: url(assets/enum.svg);
}

.toc--icon.enum-class-kt:before {
  content: url(assets/enum-kotlin.svg);
}

.toc--icon.annotation-class:before {
  content: url(assets/annotation.svg);
}

.toc--icon.annotation-class-kt:before {
  content: url(assets/annotation-kotlin.svg);
}

.toc--icon.abstract-class:before {
  content: url(assets/abstract-class.svg);
}

.toc--icon.abstract-class-kt:before {
  content: url(assets/abstract-class-kotlin.svg);
}

.toc--icon.exception-class:before {
  content: url(assets/exception-class.svg);
}

.toc--icon.interface:before {
  content: url(assets/interface.svg);
}

.toc--icon.interface-kt:before {
  content: url(assets/interface-kotlin.svg);
}

.toc--icon.object:before {
  content: url(assets/object.svg);
}

.toc--icon.typealias-kt:before {
  content: url(assets/typealias-kotlin.svg);
}

.toc--icon.val:before {
  content: url(assets/field-value.svg);
}

.toc--icon.var:before {
  content: url(assets/field-variable.svg);
}

.toc--part[data-active] > .toc--row .toc--button, .toc--part[data-active] > .toc--row .toc--link {
  background-color: #307fff;
  background-color: var(--color-key-blue);
  color: hsla(0, 0%, 100%, 0.96);
  color: var(--color-text-dt);
}

.toc--part[data-active] > .toc--row .toc--button:hover, .toc--part[data-active] > .toc--row .toc--link:hover {
  background-color: #578af7;
}

.toc--part[data-active] > .toc--row .toc--button:after, .toc--part[data-active] > .toc--row .toc--link:after {
  filter: invert(0);
}

.sidebar {
  border-right: 1px solid rgba(39, 40, 44, 0.2);
  box-sizing: border-box;
  overflow: auto;
  width: var(--sidebar-width);
}

@media (max-width: 899px) {
  .sidebar {
    border: none;
    width: 0;
  }
}
@media (min-width: 900px) {
  .sidebar {
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 899px) {
  .sidebar .button {
    height: 52px;
    min-width: 52px;
  }
}
.theme-dark .sidebar {
  border-right-color: #56565f;
}

.no-js .sidebar {
  display: none;
}

.sidebar--inner {
  padding-bottom: 12px;
  padding-top: 12px;
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
}

@media (max-width: 899px) {
  .ui-kit_desktop-only {
    display: none;
  }
}
@media (min-width: 900px) {
  .ui-kit_mobile-only {
    display: none;
  }
}
:root {
  --breakpoint-desktop-min:900px;
  --breakpoint-tablet-max:899px;
  --breakpoint-tablet-min:440px;
  --breakpoint-mobile-max:439px;
  --breakpoint-mobile-min:360px;
  --color-key-blue:#307fff;
  --color-key-blue-50:rgba(48,127,255,.5);
  --color-background-nav:#27282c;
  --color-background-nav-dt:#323237;
  --color-background-page:#fff;
  --color-background-page-dt:#262628;
  --color-background-footer:#ebebeb;
  --color-background-footer-dt:#323237;
  --color-text:#000;
  --color-text-dt:hsla(0,0%,100%,.96);
  --color-text-light:rgba(0,0,0,.7);
  --color-text-light-dt:hsla(0,0%,100%,.7);
  --color-w05:hsla(0,0%,100%,.05);
  --color-w08:hsla(0,0%,100%,.08);
  --color-w10:hsla(0,0%,100%,.1);
  --color-w16:hsla(0,0%,100%,.16);
  --color-w50:hsla(0,0%,100%,.5);
  --color-w70:hsla(0,0%,100%,.7);
  --color-w80:hsla(0,0%,100%,.8);
  --color-w100:#fff;
  --color-b05:rgba(0,0,0,.05);
  --color-b08:rgba(0,0,0,.08);
  --color-b20:rgba(0,0,0,.2);
  --color-b50:rgba(0,0,0,.5);
  --color-b70:rgba(0,0,0,.7);
  --color-cd-punctuation:#999;
  --color-cd-keyword:#0033b3;
  --color-cd-keyword-alternative:#cc7832;
  --color-cd-builtin:#067d17;
  --color-cd-builtin-alternative:#e7bf6a;
  --color-cd-function:#00627a;
  --color-cd-function-alternative:#ffc66d;
  --color-cd-operator:#9a6e3a;
  --color-cd-operator-alternative:#a9b7c6;
  --color-cd-body:#000;
  --color-cd-body-alternative:#a9b7c6;
  --color-generic:#539df3;
  --color-jvm:#4dbb5f;
  --color-js:#ffc700;
  --color-wasm:#fff;
  --size-s1:4px;
  --size-s2:8px;
  --size-s3:16px;
  --size-m1:24px;
  --size-m2:32px;
  --size-m3:48px;
  --size-l1:64px;
  --size-l2:72px;
  --size-ta1:40px;
  --size-ta2:52px;
  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  --font-h1:600 44px/44px var(--font-family-default);
  --font-h2:600 32px/32px var(--font-family-default);
  --font-h3:600 24px/24px var(--font-family-default);
  --font-h4:600 16px/24px var(--font-family-default);
  --font-text-m:400 16px/24px var(--font-family-default);
  --font-text-s:400 14px/20px var(--font-family-default);
  --font-code:400 16px/24px var(--font-family-mono);
  --hover-transition:background-color 200ms ease-in-out;
  --rotate-transition:transform 200ms ease-in-out;
  --color-background:var(--color-background-page);
  --focus-outline:4px solid var(--color-key-blue-50);
}

.theme-dark {
  --color-background:var(--color-background-page-dt);
}

body, table {
  background-color: #fff;
  background-color: var(--color-background);
}