@import "https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";
@layer vocs_preflight;
:root {
  --vocs-color_white: rgba(255 255 255 / 100%);
  --vocs-color_black: rgba(0 0 0 / 100%);
  --vocs-color_background: rgba(255 255 255 / 100%);
  --vocs-color_background2: #f9f9f9;
  --vocs-color_background3: #f6f6f6;
  --vocs-color_background4: #f0f0f0;
  --vocs-color_background5: #e8e8e8;
  --vocs-color_backgroundAccent: #5b5bd6;
  --vocs-color_backgroundAccentHover: #5151cd;
  --vocs-color_backgroundAccentText: rgba(255 255 255 / 100%);
  --vocs-color_backgroundBlueTint: #008cff0b;
  --vocs-color_backgroundDark: #f9f9f9;
  --vocs-color_backgroundGreenTint: #00a32f0b;
  --vocs-color_backgroundGreenTint2: #00a43319;
  --vocs-color_backgroundIrisTint: #0000ff07;
  --vocs-color_backgroundRedTint: #ff000008;
  --vocs-color_backgroundRedTint2: #f3000d14;
  --vocs-color_backgroundYellowTint: #f4dd0016;
  --vocs-color_border: #ececec;
  --vocs-color_border2: #cecece;
  --vocs-color_borderAccent: #5753c6;
  --vocs-color_borderBlue: #009eff2a;
  --vocs-color_borderGreen: #019c393b;
  --vocs-color_borderIris: #dadcff;
  --vocs-color_borderRed: #ff000824;
  --vocs-color_borderYellow: #ffd5008f;
  --vocs-color_heading: #202020;
  --vocs-color_inverted: rgba(0 0 0 / 100%);
  --vocs-color_shadow: #0000000f;
  --vocs-color_shadow2: #00000006;
  --vocs-color_text: #4c4c4c;
  --vocs-color_text2: #646464;
  --vocs-color_text3: #838383;
  --vocs-color_text4: #bbbbbb;
  --vocs-color_textAccent: #5753c6;
  --vocs-color_textAccentHover: #272962;
  --vocs-color_textBlue: #0d74ce;
  --vocs-color_textBlueHover: #113264;
  --vocs-color_textGreen: #218358;
  --vocs-color_textGreenHover: #193b2d;
  --vocs-color_textIris: #5753c6;
  --vocs-color_textIrisHover: #272962;
  --vocs-color_textRed: #ce2c31;
  --vocs-color_textRedHover: #641723;
  --vocs-color_textYellow: #9e6c00;
  --vocs-color_textYellowHover: #473b1f;
  --vocs-color_title: #202020;
}
:root.dark {
  --vocs-color_white: rgba(255 255 255 / 100%);
  --vocs-color_black: rgba(0 0 0 / 100%);
  --vocs-color_background: #232225;
  --vocs-color_background2: #2b292d;
  --vocs-color_background3: #2e2c31;
  --vocs-color_background4: #323035;
  --vocs-color_background5: #3c393f;
  --vocs-color_backgroundAccent: #5b5bd6;
  --vocs-color_backgroundAccentHover: #5753c6;
  --vocs-color_backgroundAccentText: rgba(255 255 255 / 100%);
  --vocs-color_backgroundBlueTint: #008ff519;
  --vocs-color_backgroundDark: #1e1d1f;
  --vocs-color_backgroundGreenTint: #00a43319;
  --vocs-color_backgroundGreenTint2: #00a83829;
  --vocs-color_backgroundIrisTint: #000bff19;
  --vocs-color_backgroundRedTint: #f3000d14;
  --vocs-color_backgroundRedTint2: #ff000824;
  --vocs-color_backgroundYellowTint: #f4dd0016;
  --vocs-color_border: #3c393f;
  --vocs-color_border2: #6f6d78;
  --vocs-color_borderAccent: #6e6ade;
  --vocs-color_borderBlue: #009eff2a;
  --vocs-color_borderGreen: #019c393b;
  --vocs-color_borderIris: #303374;
  --vocs-color_borderRed: #ff000824;
  --vocs-color_borderYellow: #f4dd0016;
  --vocs-color_heading: #e9e9ea;
  --vocs-color_inverted: rgba(255 255 255 / 100%);
  --vocs-color_shadow: #00000000;
  --vocs-color_shadow2: rgba(0, 0, 0, 0.05);
  --vocs-color_text: #cfcfcf;
  --vocs-color_text2: #bdbdbe;
  --vocs-color_text3: #a7a7a8;
  --vocs-color_text4: #656567;
  --vocs-color_textAccent: #b1a9ff;
  --vocs-color_textAccentHover: #6e6ade;
  --vocs-color_textBlue: #70b8ff;
  --vocs-color_textBlueHover: #3b9eff;
  --vocs-color_textGreen: #3dd68c;
  --vocs-color_textGreenHover: #33b074;
  --vocs-color_textIris: #b1a9ff;
  --vocs-color_textIrisHover: #6e6ade;
  --vocs-color_textRed: #ff9592;
  --vocs-color_textRedHover: #ec5d5e;
  --vocs-color_textYellow: #f5e147;
  --vocs-color_textYellowHover: #e2a336;
  --vocs-color_title: rgba(255 255 255 / 100%);
}
:root {
  --vocs-color_blockquoteBorder: var(--vocs-color_border);
  --vocs-color_blockquoteText: var(--vocs-color_text3);
  --vocs-color_dangerBackground: var(--vocs-color_backgroundRedTint);
  --vocs-color_dangerBorder: var(--vocs-color_borderRed);
  --vocs-color_dangerText: var(--vocs-color_textRed);
  --vocs-color_dangerTextHover: var(--vocs-color_textRedHover);
  --vocs-color_infoBackground: var(--vocs-color_backgroundBlueTint);
  --vocs-color_infoBorder: var(--vocs-color_borderBlue);
  --vocs-color_infoText: var(--vocs-color_textBlue);
  --vocs-color_infoTextHover: var(--vocs-color_textBlueHover);
  --vocs-color_noteBackground: var(--vocs-color_background2);
  --vocs-color_noteBorder: var(--vocs-color_border);
  --vocs-color_noteText: var(--vocs-color_text2);
  --vocs-color_successBackground: var(--vocs-color_backgroundGreenTint);
  --vocs-color_successBorder: var(--vocs-color_borderGreen);
  --vocs-color_successText: var(--vocs-color_textGreen);
  --vocs-color_successTextHover: var(--vocs-color_textGreenHover);
  --vocs-color_tipBackground: var(--vocs-color_backgroundIrisTint);
  --vocs-color_tipBorder: var(--vocs-color_borderIris);
  --vocs-color_tipText: var(--vocs-color_textIris);
  --vocs-color_tipTextHover: var(--vocs-color_textIrisHover);
  --vocs-color_warningBackground: var(--vocs-color_backgroundYellowTint);
  --vocs-color_warningBorder: var(--vocs-color_borderYellow);
  --vocs-color_warningText: var(--vocs-color_textYellow);
  --vocs-color_warningTextHover: var(--vocs-color_textYellowHover);
  --vocs-color_codeBlockBackground: var(--vocs-color_background2);
  --vocs-color_codeCharacterHighlightBackground: var(--vocs-color_background5);
  --vocs-color_codeHighlightBackground: var(--vocs-color_background4);
  --vocs-color_codeHighlightBorder: var(--vocs-color_border2);
  --vocs-color_codeInlineBackground: var(--vocs-color_background4);
  --vocs-color_codeInlineBorder: var(--vocs-color_border);
  --vocs-color_codeInlineText: var(--vocs-color_textAccent);
  --vocs-color_codeTitleBackground: var(--vocs-color_background4);
  --vocs-color_lineNumber: var(--vocs-color_text4);
  --vocs-color_hr: var(--vocs-color_border);
  --vocs-color_link: var(--vocs-color_textAccent);
  --vocs-color_linkHover: var(--vocs-color_textAccentHover);
  --vocs-color_searchHighlightBackground: var(--vocs-color_borderAccent);
  --vocs-color_searchHighlightText: var(--vocs-color_background);
  --vocs-color_tableBorder: var(--vocs-color_border);
  --vocs-color_tableHeaderBackground: var(--vocs-color_background2);
  --vocs-color_tableHeaderText: var(--vocs-color_text2);
}
:root {
  --vocs-borderRadius_0: 0;
  --vocs-borderRadius_2: 2px;
  --vocs-borderRadius_3: 3px;
  --vocs-borderRadius_4: 4px;
  --vocs-borderRadius_6: 6px;
  --vocs-borderRadius_8: 8px;
}
:root {
  --vocs-fontFamily_default: system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  --vocs-fontFamily_mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}
:root {
  --vocs-fontSize_9: 0.5625rem;
  --vocs-fontSize_11: 0.6875rem;
  --vocs-fontSize_12: 0.75rem;
  --vocs-fontSize_13: 0.8125rem;
  --vocs-fontSize_14: 0.875rem;
  --vocs-fontSize_15: 0.9375rem;
  --vocs-fontSize_16: 1rem;
  --vocs-fontSize_18: 1.125rem;
  --vocs-fontSize_20: 1.25rem;
  --vocs-fontSize_24: 1.5rem;
  --vocs-fontSize_32: 2rem;
  --vocs-fontSize_64: 3rem;
  --vocs-fontSize_root: 16px;
  --vocs-fontSize_h1: var(--vocs-fontSize_32);
  --vocs-fontSize_h2: var(--vocs-fontSize_24);
  --vocs-fontSize_h3: var(--vocs-fontSize_20);
  --vocs-fontSize_h4: var(--vocs-fontSize_18);
  --vocs-fontSize_h5: var(--vocs-fontSize_16);
  --vocs-fontSize_h6: var(--vocs-fontSize_16);
  --vocs-fontSize_calloutCodeBlock: 0.8em;
  --vocs-fontSize_code: 0.875em;
  --vocs-fontSize_codeBlock: var(--vocs-fontSize_14);
  --vocs-fontSize_lineNumber: var(--vocs-fontSize_15);
  --vocs-fontSize_subtitle: var(--vocs-fontSize_20);
  --vocs-fontSize_th: var(--vocs-fontSize_14);
  --vocs-fontSize_td: var(--vocs-fontSize_14);
}
:root {
  --vocs-fontWeight_regular: 300;
  --vocs-fontWeight_medium: 400;
  --vocs-fontWeight_semibold: 500;
}
:root {
  --vocs-lineHeight_code: 1.75em;
  --vocs-lineHeight_heading: 1.5em;
  --vocs-lineHeight_listItem: 1.5em;
  --vocs-lineHeight_outlineItem: 1em;
  --vocs-lineHeight_paragraph: 1.75em;
  --vocs-lineHeight_sidebarItem: 1.375em;
}
:root {
  --vocs-space_0: 0px;
  --vocs-space_1: 1px;
  --vocs-space_2: 0.125rem;
  --vocs-space_3: 0.1875rem;
  --vocs-space_4: 0.25rem;
  --vocs-space_6: 0.375rem;
  --vocs-space_8: 0.5rem;
  --vocs-space_12: 0.75rem;
  --vocs-space_14: 0.875rem;
  --vocs-space_16: 1rem;
  --vocs-space_18: 1.125rem;
  --vocs-space_20: 1.25rem;
  --vocs-space_22: 1.375rem;
  --vocs-space_24: 1.5rem;
  --vocs-space_28: 1.75rem;
  --vocs-space_32: 2rem;
  --vocs-space_36: 2.25rem;
  --vocs-space_40: 2.5rem;
  --vocs-space_44: 2.75rem;
  --vocs-space_48: 3rem;
  --vocs-space_56: 3.5rem;
  --vocs-space_64: 4rem;
  --vocs-space_72: 4.5rem;
  --vocs-space_80: 5rem;
}
:root {
  --vocs-zIndex_backdrop: 69420;
  --vocs-zIndex_drawer: 69421;
  --vocs-zIndex_gutterRight: 11;
  --vocs-zIndex_gutterLeft: 14;
  --vocs-zIndex_gutterTop: 13;
  --vocs-zIndex_gutterTopCurtain: 12;
  --vocs-zIndex_popover: 69422;
  --vocs-zIndex_surface: 10;
}
:root {
  --vocs-content_horizontalPadding: var(--vocs-space_48);
  --vocs-content_verticalPadding: var(--vocs-space_32);
  --vocs-content_width: calc(
    70ch + (var(--vocs-content_horizontalPadding) * 2)
  );
}
:root {
  --vocs-outline_width: 280px;
}
:root {
  --vocs-sidebar_horizontalPadding: var(--vocs-space_24);
  --vocs-sidebar_verticalPadding: var(--vocs-space_0);
  --vocs-sidebar_width: 300px;
}
:root {
  --vocs-topNav_height: 60px;
  --vocs-topNav_horizontalPadding: var(--vocs-content_horizontalPadding);
  --vocs-topNav_curtainHeight: 40px;
}
@media screen and (max-width: 1080px) {
  :root {
    --vocs-content_verticalPadding: var(--vocs-space_48);
    --vocs-content_horizontalPadding: var(--vocs-space_24);
    --vocs-sidebar_horizontalPadding: var(--vocs-space_16);
    --vocs-sidebar_verticalPadding: var(--vocs-space_16);
    --vocs-sidebar_width: 300px;
    --vocs-topNav_height: 48px;
  }
}
@media screen and (max-width: 720px) {
  :root {
    --vocs-content_horizontalPadding: var(--vocs-space_16);
    --vocs-content_verticalPadding: var(--vocs-space_32);
  }
}
.vocs_Banner {
  background-color: var(
    --vocs_Banner_bannerBackgroundColor,
    var(--vocs-color_backgroundAccent)
  );
  border-bottom: 1px solid
    var(--vocs_Banner_bannerBackgroundColor, var(--vocs-color_borderAccent));
  color: var(
    --vocs_Banner_bannerTextColor,
    var(--vocs-color_backgroundAccentText)
  );
  height: var(--vocs_Banner_bannerHeight, 36px);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--vocs-zIndex_gutterTop);
}
.vocs_Banner_content {
  font-size: var(--vocs-fontSize_14);
  overflow-x: scroll;
  padding-left: var(--vocs-space_8);
  padding-right: var(--vocs-space_8);
  margin-right: var(--vocs-space_24);
  -ms-overflow-style: none;
  scrollbar-width: none;
  white-space: pre;
}
.vocs_Banner_content::-webkit-scrollbar {
  display: none;
}
.vocs_Banner_inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.vocs_Banner_closeButton {
  align-items: center;
  background-color: var(
    --vocs_Banner_bannerBackgroundColor,
    var(--vocs-color_backgroundAccent)
  );
  display: flex;
  justify-content: center;
  height: 100%;
  position: absolute;
  right: 0;
  width: var(--vocs-space_24);
}
.vocs_Banner_content a {
  font-weight: 400;
  text-underline-offset: 2px;
  text-decoration: underline;
}
@media screen and (max-width: 1080px) {
  .vocs_Banner {
    position: initial;
  }
}
.vocs_DocsLayout {
  --vocs_DocsLayout_leftGutterWidth: max(
    calc((100vw - var(--vocs-content_width)) / 2),
    var(--vocs-sidebar_width)
  );
}
.vocs_DocsLayout_content {
  background-color: var(--vocs-color_background);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--vocs-content_width);
  min-height: 100vh;
}
.vocs_DocsLayout_content_withSidebar {
  margin-left: var(--vocs_DocsLayout_leftGutterWidth);
  margin-right: unset;
}
.vocs_DocsLayout_gutterLeft {
  background-color: var(--vocs-color_backgroundDark);
  justify-content: flex-end;
  display: flex;
  height: 100vh;
  position: fixed;
  top: var(--vocs_Banner_bannerHeight, 0px);
  width: var(--vocs_DocsLayout_leftGutterWidth);
  z-index: var(--vocs-zIndex_gutterLeft);
}
.vocs_DocsLayout_gutterTop {
  align-items: center;
  background-color: color-mix(
    in srgb,
    var(--vocs-color_background) 98%,
    transparent
  );
  height: var(--vocs-topNav_height);
  width: 100vw;
  z-index: var(--vocs-zIndex_gutterTop);
}
.vocs_DocsLayout_gutterTopCurtain {
  display: flex;
  height: var(--vocs-topNav_curtainHeight);
  width: 100vw;
  z-index: var(--vocs-zIndex_gutterTopCurtain);
}
.vocs_DocsLayout_gutterTopCurtain_hidden {
  background: unset;
  display: none;
}
.vocs_DocsLayout_gutterRight {
  display: flex;
  height: 100vh;
  overflow-y: auto;
  padding: calc(
      var(--vocs-content_verticalPadding) + var(--vocs-topNav_height) +
        var(--vocs-space_8)
    )
    var(--vocs-space_24) 0 0;
  position: fixed;
  top: var(--vocs_Banner_bannerHeight, 0px);
  right: 0;
  width: calc((100vw - var(--vocs-content_width)) / 2);
  z-index: var(--vocs-zIndex_gutterRight);
}
.vocs_DocsLayout_gutterRight::-webkit-scrollbar {
  display: none;
}
.vocs_DocsLayout_gutterRight_withSidebar {
  width: calc(
    100vw - var(--vocs-content_width) - var(--vocs_DocsLayout_leftGutterWidth)
  );
}
.vocs_DocsLayout_outlinePopover {
  display: none;
  overflow-y: auto;
  height: calc(
    100vh - var(--vocs-topNav_height) - var(--vocs-topNav_curtainHeight)
  );
}
.vocs_DocsLayout_sidebar {
  padding: var(--vocs-space_0) var(--vocs-sidebar_horizontalPadding)
    var(--vocs-space_24) var(--vocs-sidebar_horizontalPadding);
}
.vocs_DocsLayout_sidebarDrawer {
  display: none;
}
@media screen and (max-width: 720px) {
  .vocs_DocsLayout_content {
    overflow-x: hidden;
  }
}
@media screen and (min-width: 1081px) {
  .vocs_DocsLayout_content_withTopNav {
    padding-top: calc(
      var(--vocs-topNav_height) + var(--vocs_Banner_bannerHeight, 0px)
    );
  }
  .vocs_DocsLayout_gutterTop {
    padding-left: calc(
      var(--vocs_DocsLayout_leftGutterWidth) - var(--vocs-sidebar_width)
    );
    padding-right: calc(
      var(--vocs_DocsLayout_leftGutterWidth) - var(--vocs-sidebar_width)
    );
    position: fixed;
    top: var(--vocs_Banner_bannerHeight, 0px);
  }
  .vocs_DocsLayout_gutterTop_offsetLeftGutter {
    padding-left: var(--vocs_DocsLayout_leftGutterWidth);
  }
  .vocs_DocsLayout_gutterTopCurtain {
    position: fixed;
    top: calc(var(--vocs-topNav_height) + var(--vocs_Banner_bannerHeight, 0px));
  }
  .vocs_DocsLayout_gutterTopCurtain_withSidebar {
    margin-left: var(--vocs_DocsLayout_leftGutterWidth);
  }
}
@media screen and (max-width: 1080px) {
  .vocs_DocsLayout_content {
    margin-left: auto;
    margin-right: auto;
  }
  .vocs_DocsLayout_gutterLeft {
    display: none;
  }
  .vocs_DocsLayout_gutterTop {
    position: initial;
  }
  .vocs_DocsLayout_gutterTop_sticky,
  .vocs_DocsLayout_gutterTopCurtain {
    position: sticky;
    top: 0;
  }
  .vocs_DocsLayout_outlinePopover,
  .vocs_DocsLayout_sidebarDrawer {
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .vocs_DocsLayout_gutterRight {
    display: none;
  }
}
@layer vocs_reset_reset;
html,
body,
.vocs_DocsLayout {
  font-family: var(--vocs-fontFamily_default);
  font-feature-settings: "rlig" 1, "calt" 1;
  font-size: var(--vocs-fontSize_root);
}
button,
select {
  text-transform: none;
}
button,
select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
}
button,
[role="button"] {
  cursor: pointer;
}
:disabled {
  overflow: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
@layer vocs_reset_reset {
  *,
  :before,
  :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
  }
  *:focus-visible {
    outline: 2px solid var(--vocs-color_borderAccent);
    outline-offset: 2px;
    outline-style: dashed;
  }
  html,
  body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    line-height: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    text-rendering: optimizeLegibility;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
    text-wrap: balance;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--vocs-fontFamily_mono);
    font-size: var(--vocs-fontSize_root);
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    border-color: inherit;
    border-collapse: collapse;
    text-indent: 0;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
}
.vocs_Tabs {
  background-color: var(--vocs-color_codeBlockBackground);
  border: 1px solid var(--vocs-color_codeInlineBorder);
  border-radius: var(--vocs-borderRadius_4);
}
.vocs_Tabs_list {
  background-color: var(--vocs-color_codeTitleBackground);
  border-bottom: 1px solid var(--vocs-color_border);
  border-top-left-radius: var(--vocs-borderRadius_4);
  border-top-right-radius: var(--vocs-borderRadius_4);
  display: flex;
  padding: var(--vocs-space_0) var(--vocs-space_14);
}
.vocs_Tabs_trigger {
  border-bottom: 2px solid transparent;
  color: var(--vocs-color_text3);
  font-size: var(--vocs-fontSize_14);
  font-weight: var(--vocs-fontWeight_medium);
  padding: var(--vocs-space_8) var(--vocs-space_8) var(--vocs-space_6)
    var(--vocs-space_8);
  transition: color 0.1s;
}
.vocs_Tabs_trigger:hover {
  color: var(--vocs-color_text);
}
.vocs_Tabs_trigger[data-state="active"] {
  border-bottom: 2px solid var(--vocs-color_borderAccent);
  color: var(--vocs-color_text);
}
.vocs_Tabs_content {
  background-color: var(--vocs-color_codeBlockBackground);
}
.vocs_Tabs_content:not([data-shiki="true"]) {
  padding: var(--vocs-space_20) var(--vocs-space_22);
}
.vocs_Tabs pre {
  margin-bottom: var(--vocs-space_0);
}
@media screen and (max-width: 720px) {
  .vocs_Tabs_list {
    border-radius: 0;
    padding: var(--vocs-space_0) var(--vocs-space_8);
  }
  .vocs_Tabs_content:not([data-shiki="true"]) {
    padding: var(--vocs-space_20) var(--vocs-space_16);
  }
  .vocs_Tabs pre {
    margin: unset;
  }
}
.vocs_CodeBlock {
  border: 1px solid var(--vocs-color_codeInlineBorder);
  border-radius: var(--vocs-borderRadius_4);
}
.vocs_Tabs .vocs_CodeBlock,
undefined .vocs_CodeBlock {
  border: none;
  margin-left: unset;
  margin-right: unset;
}
.vocs_CodeBlock code {
  display: grid;
  font-size: var(--vocs-fontSize_codeBlock);
}
undefined .vocs_CodeBlock code {
  font-size: var(--vocs-fontSize_calloutCodeBlock);
}
.vocs_CodeBlock pre {
  background-color: var(--vocs-color_codeBlockBackground);
  border-radius: var(--vocs-borderRadius_4);
  overflow-x: auto;
  padding: var(--vocs-space_20) var(--vocs-space_0);
}
undefined .vocs_CodeBlock pre {
  background-color: color-mix(
    in srgb,
    var(--vocs-color_codeBlockBackground) 65%,
    transparent
  ) !important;
  border: 1px solid var(--vocs-color_codeInlineBorder);
  border-radius: var(--vocs-borderRadius_4);
  padding: var(--vocs-space_12) var(--vocs-space_0);
}
.vocs_CodeBlock .line {
  border-left: 2px solid transparent;
  padding: var(--vocs-space_0) var(--vocs-space_22);
  line-height: var(--vocs-lineHeight_code);
}
undefined .vocs_CodeBlock .line {
  padding: var(--vocs-space_0) var(--vocs-space_12);
}
.vocs_CodeBlock .twoslash-popup-info .line {
  padding: var(--vocs-space_0) var(--vocs-space_4);
}
.vocs_CodeBlock .twoslash-popup-info-hover .line {
  display: inline-block;
  padding: var(--vocs-space_0) var(--vocs-space_8);
}
.vocs_CodeBlock .twoslash-error-line,
.vocs_CodeBlock .twoslash-tag-line {
  padding: var(--vocs-space_0) var(--vocs-space_22);
}
.vocs_CodeBlock [data-line-numbers] {
  counter-reset: line;
}
.vocs_CodeBlock [data-line-numbers] > .line {
  padding: var(--vocs-space_0) var(--vocs-space_16);
}
.vocs_CodeBlock [data-line-numbers] > .line:before {
  content: counter(line);
  color: var(--vocs-color_lineNumber);
  display: inline-block;
  font-size: var(--vocs-fontSize_lineNumber);
  margin-right: var(--vocs-space_16);
  text-align: right;
  width: 1rem;
}
.vocs_CodeBlock
  [data-line-numbers]
  > .line:not(.diff.remove + .diff.add):before {
  counter-increment: line;
}
.vocs_CodeBlock [data-line-numbers] > .line.diff:after {
  margin-left: calc(-1 * var(--vocs-space_4));
}
.vocs_CodeBlock .highlighted {
  background-color: var(--vocs-color_codeHighlightBackground);
  border-left: 2px solid var(--vocs-color_codeHighlightBorder);
  box-sizing: content-box;
}
.vocs_CodeBlock .highlighted-word {
  border-radius: var(--vocs-borderRadius_2);
  background-color: var(
    --vocs-color_codeCharacterHighlightBackground
  ) !important;
  box-shadow: 0 0 0 4px var(--vocs-color_codeCharacterHighlightBackground);
}
.vocs_CodeBlock .has-diff {
  position: relative;
}
.vocs_CodeBlock .line.diff:after {
  position: absolute;
  left: var(--vocs-space_8);
}
.vocs_CodeBlock .line.diff.add {
  background-color: var(--vocs-color_backgroundGreenTint2);
}
.vocs_CodeBlock .line.diff.add:after {
  content: "+";
  color: var(--vocs-color_textGreen);
}
.vocs_CodeBlock .line.diff.remove {
  background-color: var(--vocs-color_backgroundRedTint2);
  opacity: 0.6;
}
.vocs_CodeBlock .line.diff.remove > span {
  filter: grayscale(1);
}
.vocs_CodeBlock .line.diff.remove:after {
  content: "-";
  color: var(--vocs-color_textRed);
}
.vocs_CodeBlock .has-focused > code > .line:not(.focused),
.vocs_CodeBlock .has-focused > code > .twoslash-meta-line:not(.focused) {
  opacity: 0.3;
  transition: opacity 0.2s;
}
.vocs_CodeBlock:hover .has-focused .line:not(.focused),
.vocs_CodeBlock:hover .has-focused .twoslash-meta-line:not(.focused) {
  opacity: 1;
  transition: opacity 0.2s;
}
@media screen and (max-width: 720px) {
  .vocs_CodeBlock {
    border-radius: 0;
    border-right: none;
    border-left: none;
    margin-left: calc(-1 * var(--vocs-space_16));
    margin-right: calc(-1 * var(--vocs-space_16));
  }
  .vocs_CodeBlock pre {
    border-radius: 0;
  }
  .vocs_CodeBlock .line,
  .vocs_CodeBlock .twoslash-error-line,
  .vocs_CodeBlock .twoslash-tag-line {
    padding: 0 var(--vocs-space_16);
  }
  .vocs_CodeBlock .line.diff:after {
    left: var(--vocs-space_6);
  }
}
.vocs_Header {
  border-bottom: 1px solid var(--vocs-color_border);
}
.vocs_Header:not(:last-child) {
  margin-bottom: var(--vocs-space_28);
  padding-bottom: var(--vocs-space_28);
}
[data-layout="landing"] .vocs_Header {
  padding-bottom: var(--vocs-space_16);
}
[data-layout="landing"] .vocs_Header:not(:first-child) {
  padding-top: var(--vocs-space_36);
}
.vocs_H2 {
  font-size: var(--vocs-fontSize_h2);
  letter-spacing: -0.02em;
}
.vocs_H2.vocs_H2:not(:last-child) {
  margin-bottom: var(--vocs-space_24);
}
:not(.vocs_Header) + .vocs_H2:not(:only-child) {
  border-top: 1px solid var(--vocs-color_border);
  margin-top: var(--vocs-space_56);
  padding-top: var(--vocs-space_24);
}
[data-layout="landing"] .vocs_H2.vocs_H2 {
  border-top: none;
  margin-top: var(--vocs-space_24);
  padding-top: 0;
}
.vocs_H3 {
  font-size: var(--vocs-fontSize_h3);
}
.vocs_H3:not(:first-child) {
  margin-top: var(--vocs-space_18);
  padding-top: var(--vocs-space_18);
}
.vocs_H3.vocs_H3:not(:last-child) {
  margin-bottom: var(--vocs-space_24);
}
.vocs_H2 + .vocs_H3 {
  padding-top: var(--vocs-space_0);
}
.vocs_H4 {
  font-size: var(--vocs-fontSize_h4);
}
.vocs_H4:not(:first-child) {
  margin-top: var(--vocs-space_18);
  padding-top: var(--vocs-space_12);
}
.vocs_H4.vocs_H4:not(:last-child) {
  margin-bottom: var(--vocs-space_24);
}
.vocs_H3 + .vocs_H4 {
  padding-top: var(--vocs-space_0);
}
.vocs_H5 {
  font-size: var(--vocs-fontSize_h5);
}
.vocs_H5:not(:first-child) {
  margin-top: var(--vocs-space_16);
}
.vocs_H5.vocs_H5:not(:last-child) {
  margin-bottom: var(--vocs-space_24);
}
.vocs_H4 + .vocs_H5 {
  padding-top: var(--vocs-space_0);
}
.vocs_H6 {
  font-size: var(--vocs-fontSize_h6);
}
.vocs_H6:not(:first-child) {
  margin-top: var(--vocs-space_16);
}
.vocs_H6.vocs_H6:not(:last-child) {
  margin-bottom: var(--vocs-space_24);
}
.vocs_H5 + .vocs_H6 {
  padding-top: var(--vocs-space_0);
}
.vocs_Step:not(:last-child) {
  margin-bottom: var(--vocs-space_24);
}
.vocs_Step_title {
  margin-bottom: var(--vocs-space_8);
  position: relative;
}
.vocs_Step_title:before {
  content: counter(step);
  align-items: center;
  background-color: var(--vocs-color_background5);
  border-radius: 100%;
  border: 0.5em solid var(--vocs-color_background);
  box-sizing: content-box;
  color: var(--vocs-color_text2);
  counter-increment: step;
  display: flex;
  font-size: 0.625em;
  font-weight: var(--vocs-fontWeight_regular);
  height: 2em;
  justify-content: center;
  left: calc(-25.125px - 1.45em);
  position: absolute;
  top: -0.25em;
  width: 2em;
}
.vocs_H2 + .vocs_Step_content,
.vocs_H3 + .vocs_Step_content,
.vocs_H4 + .vocs_Step_content,
.vocs_H5 + .vocs_Step_content,
.vocs_H6 + .vocs_Step_content {
  margin-top: calc(var(--vocs-space_8) * -1);
}
.vocs_Step_content > *:not(:last-child) {
  margin-bottom: var(--vocs-space_16);
}
.vocs_Step_content > *:last-child {
  margin-bottom: var(--vocs-space_0);
}
@media screen and (max-width: 720px) {
  .vocs_Step_content > .vocs_Tabs,
  .vocs_Step_content > .vocs_CodeBlock {
    outline: 6px solid var(--vocs-color_background);
    margin-left: calc(-1 * var(--vocs-space_44) - 2px);
    margin-right: calc(-1 * var(--vocs-space_16));
  }
  .vocs_Step_content .vocs_Tabs pre.shiki {
    border-top: none;
  }
}
.vocs_Callout {
  border-radius: var(--vocs-borderRadius_4);
  font-size: var(--vocs-fontSize_14);
  padding: var(--vocs-space_16) var(--vocs-space_20);
  margin-bottom: var(--vocs-space_16);
}
.vocs_Callout_note {
  background-color: var(--vocs-color_noteBackground);
  border: 1px solid var(--vocs-color_noteBorder);
  color: var(--vocs-color_noteText);
}
.vocs_Callout_info {
  background-color: var(--vocs-color_infoBackground);
  border: 1px solid var(--vocs-color_infoBorder);
  color: var(--vocs-color_infoText);
}
.vocs_Callout_warning {
  background-color: var(--vocs-color_warningBackground);
  border: 1px solid var(--vocs-color_warningBorder);
  color: var(--vocs-color_warningText);
}
.vocs_Callout_danger {
  background-color: var(--vocs-color_dangerBackground);
  border: 1px solid var(--vocs-color_dangerBorder);
  color: var(--vocs-color_dangerText);
}
.vocs_Callout_tip {
  background-color: var(--vocs-color_tipBackground);
  border: 1px solid var(--vocs-color_tipBorder);
  color: var(--vocs-color_tipText);
}
.vocs_Callout_success {
  background-color: var(--vocs-color_successBackground);
  border: 1px solid var(--vocs-color_successBorder);
  color: var(--vocs-color_successText);
}
@media screen and (max-width: 720px) {
  :not(.vocs_Step_content) > .vocs_Callout {
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-left: calc(-1 * var(--vocs-space_16));
    margin-right: calc(-1 * var(--vocs-space_16));
  }
}
.vocs_Content {
  background-color: var(--vocs-color_background);
  max-width: var(--vocs-content_width);
  padding: var(--vocs-content_verticalPadding)
    var(--vocs-content_horizontalPadding);
  width: 100%;
}
.vocs_Callout > * + .vocs_Details {
  margin-top: -8px;
}
@layer vocs_global_global;
:root.dark {
  color-scheme: dark;
}
:root.dark pre.shiki span:not(.line),
:root.dark :not(pre.shiki) .line span {
  color: var(--shiki-dark) !important;
}
pre.shiki {
  background-color: var(--vocs-color_codeBlockBackground) !important;
}
.vocs_Content > *:not(:last-child),
.vocs_Details > *:not(:last-child) {
  margin-bottom: var(--vocs-space_24);
}
.vocs_Callout > *:not(:last-child),
.vocs_Callout > .vocs_Details > *:not(:last-child) {
  margin-bottom: var(--vocs-space_16);
}
.vocs_Content > *:last-child,
.vocs_Callout > *:last-child,
.vocs_Details > *:last-child {
  margin-bottom: var(--vocs-space_0);
}
#app[aria-hidden="true"] {
  background: var(--vocs-color_background);
}
@layer vocs_global_global {
  :root {
    background-color: var(--vocs-color_background);
    color: var(--vocs-color_text);
    line-height: var(--vocs-lineHeight_paragraph);
    font-size: var(--vocs-fontSize_root);
    font-weight: var(--vocs-fontWeight_regular);
  }
}
@media screen and (max-width: 720px) {
  :root {
    background-color: var(--vocs-color_backgroundDark);
  }
}
:root {
  --vocs-twoslash_borderColor: var(--vocs-color_border2);
  --vocs-twoslash_underlineColor: currentColor;
  --vocs-twoslash_popupBackground: var(--vocs-color_background2);
  --vocs-twoslash_popupShadow: rgba(0, 0, 0, 0.08) 0px 1px 4px;
  --vocs-twoslash_matchedColor: inherit;
  --vocs-twoslash_unmatchedColor: #888;
  --vocs-twoslash_cursorColor: #8888;
  --vocs-twoslash_errorColor: var(--vocs-color_textRed);
  --vocs-twoslash_errorBackground: var(--vocs-color_backgroundRedTint2);
  --vocs-twoslash_highlightedBackground: var(--vocs-color_background);
  --vocs-twoslash_highlightedBorder: var(--vocs-color_background);
  --vocs-twoslash_tagColor: var(--vocs-color_textBlue);
  --vocs-twoslash_tagBackground: var(--vocs-color_backgroundBlueTint);
  --vocs-twoslash_tagWarnColor: var(--vocs-color_textYellow);
  --vocs-twoslash_tagWarnBackground: var(--vocs-color_backgroundYellowTint);
  --vocs-twoslash_tagAnnotateColor: var(--vocs-color_textGreen);
  --vocs-twoslash_tagAnnotateBackground: var(--vocs-color_backgroundGreenTint2);
}
:root.dark {
  --vocs-twoslash_borderColor: var(--vocs-color_border2);
  --vocs-twoslash_underlineColor: currentColor;
  --vocs-twoslash_popupBackground: var(--vocs-color_background5);
  --vocs-twoslash_popupShadow: rgba(0, 0, 0, 0.08) 0px 1px 4px;
  --vocs-twoslash_matchedColor: inherit;
  --vocs-twoslash_unmatchedColor: #888;
  --vocs-twoslash_cursorColor: #8888;
  --vocs-twoslash_errorColor: var(--vocs-color_textRed);
  --vocs-twoslash_errorBackground: var(--vocs-color_backgroundRedTint2);
  --vocs-twoslash_highlightedBackground: var(--vocs-color_background);
  --vocs-twoslash_highlightedBorder: var(--vocs-color_background);
  --vocs-twoslash_tagColor: var(--vocs-color_textBlue);
  --vocs-twoslash_tagBackground: var(--vocs-color_backgroundBlueTint);
  --vocs-twoslash_tagWarnColor: var(--vocs-color_textYellow);
  --vocs-twoslash_tagWarnBackground: var(--vocs-color_backgroundYellowTint);
  --vocs-twoslash_tagAnnotateColor: var(--vocs-color_textGreen);
  --vocs-twoslash_tagAnnotateBackground: var(--vocs-color_backgroundGreenTint2);
}
:root .twoslash-popup-info-hover,
:root .twoslash-popup-info {
  --shiki-light-bg: var(--vocs-color_background2);
}
:root .twoslash-popup-info {
  width: -moz-max-content;
  width: max-content;
}
:root.dark .twoslash-popup-info,
:root.dark .twoslash-popup-info-hover {
  --shiki-dark-bg: var(--vocs-color_background5);
}
.twoslash-query-persisted > .twoslash-popup-info {
  z-index: 1;
}
:not(.twoslash-query-persisted) > .twoslash-popup-info {
  z-index: 2;
}
.twoslash:hover .twoslash-hover {
  border-color: var(--vocs-twoslash_underlineColor);
}
.twoslash .twoslash-hover {
  border-bottom: 1px dotted transparent;
  transition-timing-function: ease;
  transition: border-color 0.3s;
}
.twoslash-query-persisted {
  position: relative;
}
.twoslash .twoslash-popup-info {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: inline-block;
  transform: translateY(1.1em);
  background: var(--vocs-twoslash_popupBackground);
  border: 1px solid var(--vocs-twoslash_borderColor);
  transition: opacity 0.3s;
  border-radius: 4px;
  max-width: 540px;
  padding: 4px 6px;
  pointer-events: none;
  text-align: left;
  z-index: 20;
  white-space: pre-wrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: var(--vocs-twoslash_popupShadow);
}
.twoslash .twoslash-popup-info-hover {
  background: var(--vocs-twoslash_popupBackground);
  border: 1px solid var(--vocs-twoslash_borderColor);
  border-radius: 4px;
  box-shadow: var(--vocs-twoslash_popupShadow);
  display: inline-block;
  max-width: 500px;
  pointer-events: auto;
  position: fixed;
  opacity: 1;
  transition: opacity 0.3s;
  white-space: pre-wrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 20;
}
.twoslash .twoslash-popup-scroll-container {
  max-height: 300px;
  padding: 4px 0;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.twoslash-popup-arrow {
  position: absolute;
  top: -4px;
  left: 1em;
  border-top: 1px solid var(--vocs-twoslash_borderColor);
  border-right: 1px solid var(--vocs-twoslash_borderColor);
  background: var(--vocs-twoslash_popupBackground);
  transform: rotate(-45deg);
  width: 6px;
  height: 6px;
  pointer-events: none;
}
.twoslash .twoslash-popup-scroll-container::-webkit-scrollbar {
  display: none;
}
.twoslash .twoslash-popup-jsdoc {
  border-top: 1px solid var(--vocs-color_border2);
  color: var(--vocs-color_text);
  font-family: sans-serif;
  font-weight: 500;
  margin-top: 4px;
  padding: 4px 10px 0;
}
.twoslash-tag-line + .twoslash-tag-line {
  margin-top: -0.2em;
}
.twoslash-query-persisted .twoslash-popup-info {
  z-index: 9;
  transform: translateY(1.5em);
}
.twoslash-hover:hover .twoslash-popup-info,
.twoslash-query-persisted .twoslash-popup-info {
  opacity: 1;
  pointer-events: auto;
}
.twoslash-popup-info:hover,
.twoslash-popup-info-hover:hover {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}
.twoslash-error-line {
  position: relative;
  background-color: var(--vocs-twoslash_errorBackground);
  border-left: 2px solid var(--vocs-twoslash_errorColor);
  color: var(--vocs-twoslash_errorColor);
  margin: 0.2em 0;
}
.twoslash-error {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23c94824'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
    repeat-x bottom left;
  padding-bottom: 2px;
}
.twoslash-completion-cursor {
  position: relative;
}
.twoslash-completion-cursor .twoslash-completion-list {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(1.2em);
  margin: 3px 0 0 -1px;
  z-index: 8;
  box-shadow: var(--vocs-twoslash_popupShadow);
  background: var(--vocs-twoslash_popupBackground);
  border: 1px solid var(--vocs-twoslash_borderColor);
}
.twoslash-completion-list {
  border-radius: 4px;
  font-size: 0.8rem;
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 240px;
}
.twoslash-completion-list:hover {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}
.twoslash-completion-list:before {
  content: " ";
  background-color: var(--vocs-twoslash_cursorColor);
  width: 2px;
  position: absolute;
  top: -1.6em;
  height: 1.4em;
  left: -1px;
}
.twoslash-completion-list .twoslash-completion-list-item {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 0.5em;
  line-height: 1em;
}
.twoslash-completion-list
  .twoslash-completion-list-item
  span.twoslash-completions-unmatched.twoslash-completions-unmatched.twoslash-completions-unmatched {
  color: var(--vocs-twoslash_unmatchedColor) !important;
}
.twoslash-completion-list .deprecated {
  text-decoration: line-through;
  opacity: 0.5;
}
.twoslash-completion-list
  .twoslash-completion-list-item
  span.twoslash-completions-matched.twoslash-completions-unmatched.twoslash-completions-unmatched {
  color: var(--vocs-twoslash_matchedColor) !important;
}
.twoslash-tag-line {
  position: relative;
  background-color: var(--vocs-twoslash_tagBackground);
  border-left: 2px solid var(--vocs-twoslash_tagColor);
  color: var(--vocs-twoslash_tagColor);
  margin: 0.2em 0;
  display: flex;
  align-items: center;
  gap: 0.3em;
}
.twoslash-tag-line + .line[data-empty-line] + .twoslash-tag-line {
  margin-top: -1.95em;
}
.twoslash-tag-line .twoslash-tag-icon {
  width: 1.1em;
  color: inherit;
}
.twoslash-tag-line.twoslash-tag-error-line {
  background-color: var(--vocs-twoslash_errorBackground);
  border-left: 2px solid var(--vocs-twoslash_errorColor);
  color: var(--vocs-twoslash_errorColor);
}
.twoslash-tag-line.twoslash-tag-warn-line {
  background-color: var(--vocs-twoslash_tagWarnBackground);
  border-left: 2px solid var(--vocs-twoslash_tagWarnColor);
  color: var(--vocs-twoslash_tagWarnColor);
}
.twoslash-tag-line.twoslash-tag-annotate-line {
  background-color: var(--vocs-twoslash_tagAnnotateBackground);
  border-left: 2px solid var(--vocs-twoslash_tagAnnotateColor);
  color: var(--vocs-twoslash_tagAnnotateColor);
}
.twoslash-highlighted {
  border-radius: var(--vocs-borderRadius_2);
  background-color: var(
    --vocs-color_codeCharacterHighlightBackground
  ) !important;
  box-shadow: 0 0 0 4px var(--vocs-color_codeCharacterHighlightBackground);
}
@media (prefers-reduced-motion: reduce) {
  .twoslash * {
    transition: none !important;
  }
}
.vocs_ExternalLink:after {
  content: "";
  background-color: currentColor;
  color: var(--vocs_ExternalLink_arrowColor);
  display: inline-block;
  height: 0.5em;
  margin-left: 0.325em;
  margin-right: 0.25em;
  width: 0.5em;
  -webkit-mask: var(--vocs_ExternalLink_iconUrl) no-repeat center / contain;
  mask: var(--vocs_ExternalLink_iconUrl) no-repeat center / contain;
}
.vocs_Link_accent_underlined {
  color: var(--vocs-color_link);
  font-weight: var(--vocs-fontWeight_medium);
  text-underline-offset: var(--vocs-space_2);
  text-decoration: underline;
  transition: color 0.1s;
}
.vocs_Link_accent_underlined:hover {
  color: var(--vocs-color_linkHover);
}
.vocs_Link_styleless {
  --vocs_ExternalLink_arrowColor: var(--vocs-color_text3);
}
.vocs_NotFound {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 400px;
  margin: 0 auto;
  padding-top: var(--vocs-space_64);
}
.vocs_NotFound_divider {
  border-color: var(--vocs-color_border);
  width: 50%;
}
.vocs_H1 {
  font-size: var(--vocs-fontSize_h1);
  letter-spacing: -0.02em;
}
.vocs_Heading {
  align-items: center;
  color: var(--vocs-color_heading);
  font-weight: var(--vocs-fontWeight_semibold);
  gap: 0.25em;
  line-height: var(--vocs-lineHeight_heading);
  position: relative;
}
.vocs_Heading_slugTarget {
  position: absolute;
  top: 0;
  visibility: hidden;
}
@media screen and (min-width: 1081px) {
  .vocs_Heading_slugTarget {
    top: calc(-1 * (var(--vocs-topNav_height)));
  }
  .vocs_Header .vocs_Heading_slugTarget,
  .vocs_Step_title .vocs_Heading_slugTarget,
  .vocs_Header + .vocs_Heading .vocs_Heading_slugTarget {
    top: calc(-1 * (var(--vocs-topNav_height) + var(--vocs-space_24)));
  }
}
@media screen and (max-width: 1080px) {
  .vocs_Heading_slugTarget {
    top: calc(-1 * var(--vocs-topNav_curtainHeight));
  }
  .vocs_Header .vocs_Heading_slugTarget,
  .vocs_Header + .vocs_Heading .vocs_Heading_slugTarget {
    top: calc(
      -1 * calc(var(--vocs-topNav_curtainHeight) + var(--vocs-space_24))
    );
  }
}
.vocs_Blockquote {
  border-left: 2px solid var(--vocs-color_blockquoteBorder);
  padding-left: var(--vocs-space_16);
  margin-bottom: var(--vocs-space_16);
}
.vocs_H2 + .vocs_List,
.vocs_H3 + .vocs_List,
.vocs_H4 + .vocs_List,
.vocs_H5 + .vocs_List,
.vocs_H6 + .vocs_List {
  margin-top: calc(var(--vocs-space_8) * -1);
}
.vocs_Paragraph + .vocs_List {
  margin-top: calc(-1 * var(--vocs-space_8));
}
.vocs_List_ordered {
  list-style: decimal;
  padding-left: var(--vocs-space_20);
  margin-bottom: var(--vocs-space_16);
}
.vocs_List_ordered .vocs_List_ordered {
  list-style: lower-alpha;
}
.vocs_List_ordered .vocs_List_ordered .vocs_List_ordered {
  list-style: lower-roman;
}
.vocs_List_unordered {
  list-style: disc;
  padding-left: var(--vocs-space_24);
  margin-bottom: var(--vocs-space_16);
}
.vocs_List_unordered .vocs_List_unordered {
  list-style: circle;
}
.vocs_List_ordered .vocs_List_ordered,
.vocs_List_unordered .vocs_List_unordered,
.vocs_List_ordered .vocs_List_unordered,
.vocs_List_unordered .vocs_List_ordered {
  margin-bottom: var(--vocs-space_0);
  padding-top: var(--vocs-space_8);
  padding-left: var(--vocs-space_16);
  padding-bottom: var(--vocs-space_0);
}
.vocs_List_unordered.contains-task-list {
  list-style: none;
  padding-left: var(--vocs-space_12);
}
.vocs_Paragraph {
  line-height: var(--vocs-lineHeight_paragraph);
}
.vocs_Blockquote > .vocs_Paragraph {
  color: var(--vocs-color_blockquoteText);
  margin-bottom: var(--vocs-space_8);
}
.vocs_H2 + .vocs_Paragraph,
.vocs_H3 + .vocs_Paragraph,
.vocs_H4 + .vocs_Paragraph,
.vocs_H5 + .vocs_Paragraph,
.vocs_H6 + .vocs_Paragraph,
.vocs_List + .vocs_Paragraph {
  margin-top: calc(var(--vocs-space_8) * -1);
}
.vocs_Paragraph + .vocs_Paragraph {
  margin-top: calc(-1 * var(--vocs-space_8));
}
:root:not(.dark) .vocs_utils_visibleDark {
  display: none;
}
:root.dark .vocs_utils_visibleLight {
  display: none;
}
.vocs_utils_visuallyHidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.vocs_DesktopSearch_search {
  align-items: center;
  background-color: var(--vocs-color_backgroundDark);
  border: 1px solid var(--vocs-color_backgroundDark);
  border-radius: var(--vocs-borderRadius_8);
  color: var(--vocs-color_text2);
  display: flex;
  font-size: var(--vocs-fontSize_14);
  font-weight: var(--vocs-fontWeight_medium);
  gap: var(--vocs-space_6);
  height: var(--vocs-space_40);
  max-width: 15.5rem;
  padding-left: var(--vocs-space_12);
  padding-right: var(--vocs-space_12);
  position: relative;
  width: 100%;
  transition: color 0.1s, border-color 0.1s;
}
.vocs_DesktopSearch_search:hover {
  color: var(--vocs-color_text);
  border-color: var(--vocs-color_text3);
}
.vocs_DesktopSearch_searchCommand {
  align-items: center;
  border: 1.5px solid var(--vocs-color_text3);
  border-radius: var(--vocs-borderRadius_4);
  color: var(--vocs-color_text3);
  display: flex;
  height: var(--vocs-space_12);
  justify-content: center;
  margin-left: auto;
  margin-top: var(--vocs-space_1);
  padding: var(--vocs-space_1);
  width: var(--vocs-space_12);
}
.vocs_Kbd {
  color: var(--vocs-color_text2);
  display: inline-block;
  border-radius: var(--vocs-borderRadius_3);
  font-size: var(--vocs-fontSize_11);
  font-family: var(--vocs-fontFamily_default);
  font-feature-settings: cv08;
  line-height: 105%;
  min-width: 20px;
  padding: var(--vocs-space_3);
  padding-left: var(--vocs-space_4);
  padding-right: var(--vocs-space_4);
  padding-top: var(--vocs-space_3);
  text-align: center;
  text-transform: capitalize;
  vertical-align: baseline;
  border: 0.5px solid var(--vocs-color_border);
  background-color: var(--vocs-color_background3);
  box-shadow: var(--vocs-color_shadow2) 0 2px 0 0;
}
.vocs_KeyboardShortcut {
  align-items: center;
  display: inline-flex;
  gap: var(--vocs-space_6);
  font-size: var(--vocs-fontSize_12);
}
.vocs_KeyboardShortcut_kbdGroup {
  align-items: center;
  display: inline-flex;
  gap: var(--vocs-space_3);
}
@media screen and (max-width: 720px) {
  .vocs_KeyboardShortcut {
    display: none;
  }
}
@keyframes vocs_SearchDialog_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vocs_SearchDialog_fadeAndSlideIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -5%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%) scale(1);
  }
}
.vocs_SearchDialog {
  animation: vocs_SearchDialog_fadeAndSlideIn 0.1s ease-in-out;
  background: var(--vocs-color_background);
  border-radius: var(--vocs-borderRadius_6);
  display: flex;
  flex-direction: column;
  gap: var(--vocs-space_8);
  height: -moz-min-content;
  height: min-content;
  left: 50%;
  margin: 64px auto;
  max-height: min(100vh - 128px, 900px);
  padding: var(--vocs-space_12);
  padding-bottom: var(--vocs-space_8);
  position: fixed;
  top: 0;
  transform: translate(-50%);
  width: min(100vw - 60px, 775px);
  z-index: var(--vocs-zIndex_backdrop);
}
.vocs_SearchDialog_overlay {
  animation: vocs_SearchDialog_fadeIn 0.1s ease-in-out;
  background: #0009;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--vocs-zIndex_backdrop);
}
.vocs_SearchDialog_searchBox {
  align-items: center;
  border: 1px solid var(--vocs-color_border);
  border-radius: var(--vocs-borderRadius_4);
  display: flex;
  gap: var(--vocs-space_8);
  padding-left: var(--vocs-space_8);
  padding-right: var(--vocs-space_8);
  margin-bottom: var(--vocs-space_8);
  width: 100%;
}
.vocs_SearchDialog_searchBox:focus-within {
  border-color: var(--vocs-color_borderAccent);
}
.vocs_SearchDialog_searchInput {
  background: transparent;
  display: flex;
  font-size: var(--vocs-fontSize_16);
  height: var(--vocs-space_40);
  width: 100%;
}
.vocs_SearchDialog_searchInput:focus {
  outline: none;
}
.vocs_SearchDialog_searchInput::-moz-placeholder {
  color: var(--vocs-color_text4);
}
.vocs_SearchDialog_searchInput::placeholder {
  color: var(--vocs-color_text4);
}
.vocs_SearchDialog_searchInputIcon {
  color: var(--vocs-color_text3);
}
.vocs_SearchDialog_searchInputIconMobile {
  display: none;
}
.vocs_SearchDialog_results {
  display: flex;
  flex-direction: column;
  gap: var(--vocs-space_8);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  width: 100%;
}
.vocs_SearchDialog_result {
  border: 1.5px solid var(--vocs-color_border);
  border-radius: var(--vocs-borderRadius_4);
  width: 100%;
}
.vocs_SearchDialog_result:focus-within {
  border-color: var(--vocs-color_borderAccent);
}
.vocs_SearchDialog_result > a {
  display: flex;
  flex-direction: column;
  gap: var(--vocs-space_8);
  min-height: var(--vocs-space_36);
  outline: none;
  justify-content: center;
  padding: var(--vocs-space_12);
  width: 100%;
}
.vocs_SearchDialog_resultSelected {
  border-color: var(--vocs-color_borderAccent);
}
.vocs_SearchDialog_resultIcon {
  color: var(--vocs-color_textAccent);
  margin-right: 1px;
  width: 15px;
}
.vocs_SearchDialog_titles {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-weight: var(--vocs-fontWeight_medium);
  gap: var(--vocs-space_4);
  line-height: 22px;
}
.vocs_SearchDialog_title {
  align-items: center;
  display: flex;
  gap: var(--vocs-space_4);
  white-space: nowrap;
}
.vocs_SearchDialog_titleIcon {
  color: var(--vocs-color_text);
  display: inline-block;
  opacity: 0.5;
}
.vocs_SearchDialog_resultSelected .vocs_SearchDialog_title,
.vocs_SearchDialog_resultSelected .vocs_SearchDialog_titleIcon {
  color: var(--vocs-color_textAccent);
}
.vocs_SearchDialog_content {
  padding: 0;
}
.vocs_SearchDialog_excerpt {
  max-height: 8.75rem;
  overflow: hidden;
  opacity: 0.5;
  position: relative;
}
.vocs_SearchDialog_excerpt:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(var(--vocs-color_background), transparent);
  z-index: 1000;
}
.vocs_SearchDialog_excerpt:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 12px;
  background: linear-gradient(transparent, var(--vocs-color_background));
  z-index: 1000;
}
.vocs_SearchDialog_title mark,
.vocs_SearchDialog_excerpt mark {
  background-color: var(--vocs-color_searchHighlightBackground);
  color: var(--vocs-color_searchHighlightText);
  border-radius: var(--vocs-borderRadius_2);
  padding-bottom: 0;
  padding-left: var(--vocs-space_2);
  padding-right: var(--vocs-space_2);
  padding-top: 0;
}
.vocs_SearchDialog_resultSelected .vocs_SearchDialog_excerpt {
  opacity: 1;
}
.vocs_SearchDialog_searchShortcuts {
  align-items: center;
  color: var(--vocs-color_text2);
  display: flex;
  gap: var(--vocs-space_20);
  font-size: var(--vocs-fontSize_14);
}
.vocs_SearchDialog_searchShortcutsGroup {
  align-items: center;
  display: inline-flex;
  gap: var(--vocs-space_3);
  margin-right: var(--vocs-space_6);
}
@media screen and (max-width: 720px) {
  .vocs_SearchDialog {
    border-radius: 0;
    height: calc(
      100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)
    );
    margin: 0;
    max-height: unset;
    width: 100vw;
  }
  .vocs_SearchDialog_searchInputIconDesktop {
    display: none;
  }
  .vocs_SearchDialog_searchInputIconMobile {
    display: block;
  }
  .vocs_SearchDialog_excerpt {
    opacity: 1;
  }
  .vocs_SearchDialog_searchShortcuts {
    display: none;
  }
}
.vocs_DesktopTopNav {
  align-items: center;
  display: flex;
  gap: var(--vocs-space_8);
  justify-content: space-between;
  padding: 0 var(--vocs-topNav_horizontalPadding);
  height: var(--vocs-topNav_height);
}
.vocs_DesktopTopNav_withLogo {
  padding-left: calc(
    ((100% - var(--vocs-content_width)) / 2) +
      var(--vocs-topNav_horizontalPadding)
  );
}
.vocs_DesktopTopNav_button {
  border-radius: var(--vocs-borderRadius_4);
  padding: var(--vocs-space_8);
}
.vocs_DesktopTopNav_content {
  right: calc(-1 * var(--vocs-space_24));
}
.vocs_DesktopTopNav_curtain {
  background: linear-gradient(var(--vocs-color_background), transparent 70%);
  height: 30px;
  opacity: 0.98;
  width: 100%;
}
.vocs_DesktopTopNav_divider {
  background-color: var(--vocs-color_border);
  height: 35%;
  width: 1px;
}
.vocs_DesktopTopNav_group {
  align-items: center;
  display: flex;
}
.vocs_DesktopTopNav_icon {
  color: var(--vocs-color_text2);
  transition: color 0.1s;
}
.vocs_DesktopTopNav_button:hover .vocs_DesktopTopNav_icon {
  color: var(--vocs-color_text);
}
.vocs_DesktopTopNav_item {
  align-items: center;
  display: flex;
  height: 100%;
  position: relative;
  white-space: nowrap;
}
.vocs_DesktopTopNav_logo {
  padding-left: var(--vocs-sidebar_horizontalPadding);
  padding-right: var(--vocs-sidebar_horizontalPadding);
  width: var(--vocs-sidebar_width);
}
.vocs_DesktopTopNav_logoWrapper {
  display: flex;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  width: var(--vocs_DocsLayout_leftGutterWidth);
}
.vocs_DesktopTopNav_section {
  align-items: center;
  display: flex;
  height: 100%;
  gap: var(--vocs-space_24);
}
@media screen and (max-width: 1080px) {
  .vocs_DesktopTopNav,
  .vocs_DesktopTopNav_curtain {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .vocs_DesktopTopNav_hideCompact {
    display: none;
  }
}
.vocs_Icon {
  align-items: center;
  display: flex;
  height: var(--vocs_Icon_size);
  width: var(--vocs_Icon_size);
}
:root:not(.dark) .vocs_Logo_logoDark {
  display: none;
}
:root.dark .vocs_Logo_logoLight {
  display: none;
}
.vocs_NavLogo_logoImage {
  height: 50%;
  width: auto;
}
.vocs_NavLogo_title {
  font-size: var(--vocs-fontSize_18);
  font-weight: var(--vocs-fontWeight_semibold);
  line-height: var(--vocs-lineHeight_heading);
}
@keyframes vocs_NavigationMenu_fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.vocs_NavigationMenu_list {
  display: flex;
  gap: var(--vocs-space_20);
}
.vocs_NavigationMenu_link {
  align-items: center;
  display: flex;
  font-size: var(--vocs-fontSize_14);
  font-weight: var(--vocs-fontWeight_medium);
  height: 100%;
}
.vocs_NavigationMenu_link:hover,
.vocs_NavigationMenu_link[data-active="true"] {
  color: var(--vocs-color_textAccent);
}
.vocs_NavigationMenu_trigger:after {
  content: "";
  background-color: currentColor;
  color: var(--vocs-color_text3);
  display: inline-block;
  height: 0.625em;
  margin-left: 0.325em;
  width: 0.625em;
  -webkit-mask: var(--vocs_NavigationMenu_chevronDownIcon) no-repeat center /
    contain;
  mask: var(--vocs_NavigationMenu_chevronDownIcon) no-repeat center / contain;
}
.vocs_NavigationMenu_content {
  background-color: var(--vocs-color_background2);
  border: 1px solid var(--vocs-color_border);
  border-radius: var(--vocs-borderRadius_4);
  box-shadow: 0 3px 10px var(--vocs-color_shadow);
  display: flex;
  flex-direction: column;
  padding: var(--vocs-space_12) var(--vocs-space_16);
  position: absolute;
  top: calc(100% + var(--vocs-space_8));
  min-width: 200px;
  z-index: var(--vocs-zIndex_popover);
  animation: vocs_NavigationMenu_fadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.vocs_Footer {
  --vocs_Footer_iconWidth: 24px;
  display: flex;
  flex-direction: column;
  gap: var(--vocs-space_32);
  max-width: var(--vocs-content_width);
  overflow-x: hidden;
  padding: var(--vocs-space_28) var(--vocs-content_horizontalPadding)
    var(--vocs-space_48);
}
.vocs_Footer_container {
  border-bottom: 1px solid var(--vocs-color_border);
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--vocs-space_16);
}
.vocs_Footer_editLink {
  align-items: center;
  display: flex;
  font-size: var(--vocs-fontSize_14);
  gap: var(--vocs-space_8);
  text-decoration: none;
}
.vocs_Footer_lastUpdated {
  color: var(--vocs-color_text3);
  font-size: var(--vocs-fontSize_14);
}
.vocs_Footer_navigation {
  display: flex;
  justify-content: space-between;
}
.vocs_Footer_navigationIcon {
  width: var(--vocs_Footer_iconWidth);
}
.vocs_Footer_navigationIcon_left {
  display: flex;
}
.vocs_Footer_navigationIcon_right {
  display: flex;
  justify-content: flex-end;
}
.vocs_Footer_navigationItem {
  display: flex;
  flex-direction: column;
  gap: var(--vocs-space_4);
}
.vocs_Footer_navigationItem_right {
  align-items: flex-end;
}
.vocs_Footer_navigationText {
  align-items: center;
  display: flex;
  font-size: var(--vocs-fontSize_18);
  font-weight: var(--vocs-fontWeight_medium);
}
.vocs_Footer_navigationTextInner {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 26ch;
  white-space: pre;
}
@media screen and (max-width: 720px) {
  .vocs_Footer_navigationIcon_left,
  .vocs_Footer_navigationIcon_right {
    justify-content: center;
  }
  .vocs_Footer_navigationText {
    font-size: var(--vocs-fontSize_12);
  }
}
@media screen and (max-width: 480px) {
  .vocs_Footer_navigationTextInner {
    width: 20ch;
  }
}
.vocs_MobileSearch_searchButton {
  align-items: center;
  display: flex;
  color: var(--vocs-color_text);
  height: var(--vocs-space_28);
  justify-content: center;
  width: var(--vocs-space_28);
}
@keyframes vocs_MobileTopNav_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.vocs_MobileTopNav {
  align-items: center;
  background-color: var(--vocs-color_backgroundDark);
  border-bottom: 1px solid var(--vocs-color_border);
  display: none;
  height: 100%;
  justify-content: space-between;
  padding: var(--vocs-space_0) var(--vocs-content_horizontalPadding);
  width: 100%;
}
.vocs_MobileTopNav_button {
  border-radius: var(--vocs-borderRadius_4);
  padding: var(--vocs-space_8);
}
.vocs_MobileTopNav_content {
  left: calc(-1 * var(--vocs-space_24));
}
.vocs_MobileTopNav_curtain {
  align-items: center;
  background-color: var(--vocs-color_backgroundDark);
  border-bottom: 1px solid var(--vocs-color_border);
  display: none;
  justify-content: space-between;
  font-size: var(--vocs-fontSize_13);
  font-weight: var(--vocs-fontWeight_medium);
  height: 100%;
  padding: var(--vocs-space_0) var(--vocs-content_horizontalPadding);
  width: 100%;
}
.vocs_MobileTopNav_curtainGroup {
  align-items: center;
  display: flex;
  gap: var(--vocs-space_12);
}
.vocs_MobileTopNav_divider {
  background-color: var(--vocs-color_border);
  height: 35%;
  width: 1px;
}
.vocs_MobileTopNav_group {
  align-items: center;
  display: flex;
  height: 100%;
}
.vocs_MobileTopNav_icon {
  color: var(--vocs-color_text2);
  transition: color 0.1s;
}
.vocs_MobileTopNav_button:hover .vocs_MobileTopNav_icon {
  color: var(--vocs-color_text);
}
.vocs_MobileTopNav_item {
  position: relative;
}
.vocs_MobileTopNav_logo {
  align-items: center;
  display: flex;
  height: var(--vocs-topNav_height);
}
.vocs_MobileTopNav_logoImage {
  height: 30%;
}
.vocs_MobileTopNav_menuTrigger {
  align-items: center;
  display: flex;
  gap: var(--vocs-space_8);
}
.vocs_MobileTopNav_menuTitle {
  max-width: 22ch;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: pre;
}
.vocs_MobileTopNav_navigation {
  margin-left: var(--vocs-space_8);
}
.vocs_MobileTopNav_navigationContent {
  display: flex;
  flex-direction: column;
  margin-left: var(--vocs-space_8);
}
.vocs_MobileTopNav_navigationItem {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  font-size: var(--vocs-fontSize_14);
  font-weight: var(--vocs-fontWeight_medium);
  width: 100%;
}
.vocs_MobileTopNav_navigationItem:hover,
.vocs_MobileTopNav_navigationItem[data-active="true"],
.vocs_MobileTopNav_navigationItem[data-state="open"] {
  color: var(--vocs-color_textAccent);
}
.vocs_MobileTopNav_trigger:after {
  content: "";
  background-color: currentColor;
  display: inline-block;
  height: 0.625em;
  margin-left: 0.325em;
  width: 0.625em;
  -webkit-mask: var(--vocs_MobileTopNav_chevronDownIcon) no-repeat center /
    contain;
  mask: var(--vocs_MobileTopNav_chevronDownIcon) no-repeat center / contain;
}
.vocs_MobileTopNav_trigger[data-state="open"]:after {
  -webkit-mask: var(--vocs_MobileTopNav_chevronUpIcon) no-repeat center /
    contain;
  mask: var(--vocs_MobileTopNav_chevronUpIcon) no-repeat center / contain;
}
.vocs_MobileTopNav_outlineTrigger {
  animation: vocs_MobileTopNav_fadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  align-items: center;
  color: var(--vocs-color_text2);
  display: flex;
  gap: var(--vocs-space_6);
}
.vocs_MobileTopNav_outlineTrigger[data-state="open"] {
  color: var(--vocs-color_textAccent);
}
.vocs_MobileTopNav_outlinePopover {
  display: none;
  overflow-y: scroll;
  padding: var(--vocs-space_16);
  max-height: 80vh;
}
.vocs_MobileTopNav_section {
  align-items: center;
  display: flex;
  height: 100%;
  gap: var(--vocs-space_16);
}
.vocs_MobileTopNav_separator {
  background-color: var(--vocs-color_border);
  height: 1.75em;
  width: 1px;
}
.vocs_MobileTopNav_sidebarPopover {
  display: none;
  overflow-y: scroll;
  padding: 0 var(--vocs-sidebar_horizontalPadding);
  max-height: 80vh;
  width: var(--vocs-sidebar_width);
}
.vocs_MobileTopNav_title {
  font-size: var(--vocs-fontSize_18);
  font-weight: var(--vocs-fontWeight_semibold);
  line-height: var(--vocs-lineHeight_heading);
}
.vocs_MobileTopNav_topNavPopover {
  display: none;
  overflow-y: scroll;
  padding: var(--vocs-sidebar_verticalPadding)
    var(--vocs-sidebar_horizontalPadding);
  max-height: 80vh;
  width: var(--vocs-sidebar_width);
}
@media screen and (max-width: 1080px) {
  .vocs_MobileTopNav,
  .vocs_MobileTopNav_curtain {
    display: flex;
  }
  .vocs_MobileTopNav_outlinePopover {
    display: block;
    max-width: 300px;
  }
  .vocs_MobileTopNav_sidebarPopover {
    display: block;
  }
  .vocs_MobileTopNav_topNavPopover {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 720px) {
  .vocs_MobileTopNav_navigation:not(.vocs_MobileTopNav_navigation_compact) {
    display: none;
  }
}
@media screen and (min-width: 721px) {
  .vocs_MobileTopNav_navigation.vocs_MobileTopNav_navigation_compact {
    display: none;
  }
}
.vocs_Outline {
  width: 100%;
}
.vocs_Outline_nav {
  display: flex;
  flex-direction: column;
  gap: var(--vocs-space_8);
}
.vocs_DocsLayout_gutterRight .vocs_Outline_nav {
  border-left: 1px solid var(--vocs-color_border);
  padding-left: var(--vocs-space_16);
}
.vocs_Outline_heading {
  color: var(--vocs-color_title);
  font-size: var(--vocs-fontSize_13);
  font-weight: var(--vocs-fontWeight_semibold);
  line-height: var(--vocs-lineHeight_heading);
  letter-spacing: 0.025em;
}
.vocs_Outline_items .vocs_Outline_items {
  padding-left: var(--vocs-space_12);
}
.vocs_Outline_item {
  line-height: var(--vocs-lineHeight_outlineItem);
  margin-bottom: var(--vocs-space_8);
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.vocs_Outline_link {
  color: var(--vocs-color_text2);
  font-weight: var(--vocs-fontWeight_medium);
  font-size: var(--vocs-fontSize_13);
  transition: color 0.1s;
}
.vocs_Outline_link[data-active="true"] {
  color: var(--vocs-color_textAccent);
}
.vocs_Outline_link[data-active="true"]:hover {
  color: var(--vocs-color_textAccentHover);
}
.vocs_Outline_link:hover {
  color: var(--vocs-color_text);
}
.vocs_Popover {
  background-color: var(--vocs-color_background2);
  border: 1px solid var(--vocs-color_border);
  border-radius: var(--vocs-borderRadius_4);
  margin: 0 var(--vocs-space_6);
  z-index: var(--vocs-zIndex_popover);
}
.vocs_Sidebar {
  display: flex;
  flex-direction: column;
  font-size: var(--vocs-fontSize_14);
  overflow-y: auto;
  width: var(--vocs-sidebar_width);
}
.vocs_Sidebar_backLink {
  text-align: left;
}
.vocs_Sidebar_divider {
  background-color: var(--vocs-color_border);
  width: 100%;
  height: 1px;
}
.vocs_Sidebar_navigation {
  outline: 0;
}
.vocs_Sidebar_navigation:first-child {
  padding-top: var(--vocs-space_16);
}
.vocs_Sidebar_group {
  display: flex;
  flex-direction: column;
}
.vocs_Sidebar_logo {
  align-items: center;
  display: flex;
  height: var(--vocs-topNav_height);
  padding-top: var(--vocs-space_4);
}
.vocs_Sidebar_logoWrapper {
  background-color: var(--vocs-color_backgroundDark);
  position: sticky;
  top: 0;
  z-index: var(--vocs-zIndex_gutterTopCurtain);
}
.vocs_Sidebar_section {
  display: flex;
  flex-direction: column;
  font-size: 1em;
}
.vocs_Sidebar_navigation
  > .vocs_Sidebar_group
  > .vocs_Sidebar_section
  + .vocs_Sidebar_section {
  border-top: 1px solid var(--vocs-color_border);
}
.vocs_Sidebar_levelCollapsed {
  gap: var(--vocs-space_4);
  padding-bottom: var(--vocs-space_12);
}
.vocs_Sidebar_levelInset {
  border-left: 1px solid var(--vocs-color_border);
  font-size: var(--vocs-fontSize_13);
  margin-top: var(--vocs-space_8);
  padding-left: var(--vocs-space_12);
}
.vocs_Sidebar_levelInset.vocs_Sidebar_levelInset.vocs_Sidebar_levelInset {
  font-weight: var(--vocs-fontWeight_regular);
  padding-top: 0;
  padding-bottom: 0;
}
.vocs_Sidebar_items {
  display: flex;
  flex-direction: column;
  gap: 0.625em;
  padding-top: var(--vocs-space_16);
  padding-bottom: var(--vocs-space_16);
  font-weight: var(--vocs-fontWeight_medium);
}
.vocs_Sidebar_level .vocs_Sidebar_items {
  padding-top: var(--vocs-space_6);
}
.vocs_Sidebar_item {
  color: var(--vocs-color_text3);
  letter-spacing: 0.25px;
  line-height: var(--vocs-lineHeight_sidebarItem);
  width: 100%;
  transition: color 0.1s;
}
.vocs_Sidebar_item:hover {
  color: var(--vocs-color_text);
}
.vocs_Sidebar_item[data-active="true"] {
  color: var(--vocs-color_textAccent);
}
.vocs_Sidebar_sectionHeader {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.vocs_Sidebar_level > .vocs_Sidebar_sectionHeader {
  padding-top: var(--vocs-space_12);
}
.vocs_Sidebar_sectionHeaderActive {
  color: var(--vocs-color_text);
}
.vocs_Sidebar_sectionTitle {
  color: var(--vocs-color_title);
  font-size: var(--vocs-fontSize_14);
  font-weight: var(--vocs-fontWeight_semibold);
  letter-spacing: 0.25px;
  width: 100%;
}
.vocs_Sidebar_sectionTitleLink:hover {
  color: var(--vocs-color_text);
}
.vocs_Sidebar_sectionTitleLink[data-active="true"] {
  color: var(--vocs-color_textAccent);
}
.vocs_Sidebar_sectionCollapse {
  color: var(--vocs-color_text3);
  transform: rotate(90deg);
  transition: transform 0.25s;
}
.vocs_Sidebar_sectionCollapseActive {
  transform: rotate(0);
}
@media screen and (max-width: 1080px) {
  .vocs_Sidebar {
    width: 100%;
  }
  .vocs_Sidebar_logoWrapper {
    display: none;
  }
}
.vocs_SkipLink {
  background: var(--vocs-color_background);
  border-radius: var(--vocs-borderRadius_4);
  color: var(--vocs-color_link);
  font-size: var(--vocs-fontSize_14);
  font-weight: var(--vocs-fontWeight_semibold);
  left: var(--vocs-space_8);
  padding: var(--vocs-space_8) var(--vocs-space_16);
  position: fixed;
  text-decoration: none;
  top: var(--vocs-space_8);
  z-index: 999;
}
.vocs_SkipLink:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  width: auto;
}
:root {
  --vocs-color_backgroundAccent: #00b1cc;
}
:root.dark {
  --vocs-color_backgroundAccent: #00b1cc;
}
:root {
  --vocs-color_backgroundAccentHover: #00a5c0;
}
:root.dark {
  --vocs-color_backgroundAccentHover: #00a5c0;
}
:root {
  --vocs-color_backgroundAccentText: black;
}
:root.dark {
  --vocs-color_backgroundAccentText: black;
}
:root {
  --vocs-color_borderAccent: #00a5c0;
}
:root.dark {
  --vocs-color_borderAccent: #3ecae5;
}
:root {
  --vocs-color_textAccent: #00b1cc;
}
:root.dark {
  --vocs-color_textAccent: #00b1cc;
}
:root {
  --vocs-color_textAccentHover: #0099b3;
}
:root.dark {
  --vocs-color_textAccentHover: #0099b3;
}
:root {
  --vocs-color_background: #eaf8ff;
}
:root.dark {
  --vocs-color_background: #341a34;
}
@font-face {
  font-family: Fraktur;
  src: url(/fonts/FetteUNZFraktur.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
h2.logo {
  font-family: Fraktur;
  font-size: 5rem;
  font-weight: 700;
  color: #00b1cc;
}
h2.campaign-logo {
  font-family: Fraktur;
  font-size: 3rem;
  font-weight: 700;
  color: #00b1cc;
  text-align: center;
}
p {
  font-family: Mulish;
}
.vocs_Paragraph,
.vocs_List,
.vocs_List_ordered {
  text-align: left;
}
.vocs_HomePage_button.vocs_Button_button.vocs_Link.vocs_Link_styleless {
  background-color: #00b1cc;
  color: #341a34;
  border-radius: 0;
  outline: none;
  border: none;
}
.vocs_HomePage_button.vocs_Button_button.vocs_Link.vocs_Link_styleless:hover {
  background-color: #17151f;
  color: #00b1cc;
  border-radius: 0;
  outline: none;
  border: none;
}
.vocs_Sidebar.vocs_DocsLayout_sidebar,
.vocs_Sidebar_logoWrapper {
  background-color: #17151f;
}
.vocs_DocsLayout_gutterLeft {
  width: unset;
}
.Home__card_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.Home__card {
  padding: 10px;
  border: 1px solid #00b1cc;
  width: 300px;
}
.Home__card_h3 {
  color: #00b1cc;
  font-size: 24px;
}
td:first-child,
th:first-child {
  white-space: nowrap;
}
.vocs_Section {
  border-top: 1px solid var(--vocs-color_border);
  margin-top: var(--vocs-space_56);
  padding-top: var(--vocs-space_24);
}
.vocs_Anchor {
  color: var(--vocs-color_link);
  font-weight: var(--vocs-fontWeight_medium);
  text-underline-offset: var(--vocs-space_2);
  text-decoration: underline;
  transition: color 0.1s;
}
.vocs_Callout_danger .vocs_Anchor {
  color: var(--vocs-color_dangerText);
}
.vocs_Callout_danger .vocs_Anchor:hover {
  color: var(--vocs-color_dangerTextHover);
}
.vocs_Callout_info .vocs_Anchor {
  color: var(--vocs-color_infoText);
}
.vocs_Callout_info .vocs_Anchor:hover {
  color: var(--vocs-color_infoTextHover);
}
.vocs_Callout_success .vocs_Anchor {
  color: var(--vocs-color_successText);
}
.vocs_Callout_success .vocs_Anchor:hover {
  color: var(--vocs-color_successTextHover);
}
.vocs_Callout_tip .vocs_Anchor {
  color: var(--vocs-color_tipText);
}
.vocs_Callout_tip .vocs_Anchor:hover {
  color: var(--vocs-color_tipTextHover);
}
.vocs_Callout_warning .vocs_Anchor {
  color: var(--vocs-color_warningText);
}
.vocs_Callout_warning .vocs_Anchor:hover {
  color: var(--vocs-color_warningTextHover);
}
.vocs_Anchor:hover {
  color: var(--vocs-color_linkHover);
}
.vocs_Section a.data-footnote-backref {
  color: var(--vocs-color_link);
  font-weight: var(--vocs-fontWeight_medium);
  text-underline-offset: var(--vocs-space_2);
  text-decoration: underline;
}
.vocs_Section a.data-footnote-backref:hover {
  color: var(--vocs-color_linkHover);
}
.vocs_Autolink {
  opacity: 0;
  margin-top: 0.1em;
  position: absolute;
  transition: opacity 0.1s, transform 0.1s;
  transform: translate(-2px) scale(0.98);
}
.vocs_Heading:hover .vocs_Autolink {
  opacity: 1;
  transform: translate(0) scale(1);
}
.vocs_Pre_wrapper {
  position: relative;
}
.vocs_Code {
  transition: color 0.1s;
}
:not(.vocs_Pre) > .vocs_Code {
  background-color: var(--vocs-color_codeInlineBackground);
  border: 1px solid var(--vocs-color_codeInlineBorder);
  border-radius: var(--vocs-borderRadius_4);
  color: var(--vocs-color_codeInlineText);
  font-size: var(--vocs-fontSize_code);
  padding: var(--vocs-space_3) var(--vocs-space_6);
}
.vocs_Anchor > .vocs_Code {
  color: var(--vocs-color_link);
  text-decoration: underline;
  text-underline-offset: var(--vocs-space_2);
}
.vocs_Anchor:hover > .vocs_Code {
  color: var(--vocs-color_linkHover);
}
.vocs_Callout_danger .vocs_Code {
  color: var(--vocs-color_dangerText);
}
.vocs_Callout_info .vocs_Code {
  color: var(--vocs-color_infoText);
}
.vocs_Callout_success .vocs_Code {
  color: var(--vocs-color_successText);
}
.vocs_Callout_tip .vocs_Code {
  color: var(--vocs-color_tipText);
}
.vocs_Callout_warning .vocs_Code {
  color: var(--vocs-color_warningText);
}
.vocs_Heading .vocs_Code {
  color: inherit;
}
.twoslash-popup-info-hover > .vocs_Code {
  background-color: inherit;
  padding: 0;
  text-wrap: wrap;
}
.twoslash-popup-jsdoc .vocs_Code {
  display: inline;
}
.vocs_Authors {
  color: var(--vocs-color_text3);
  font-size: var(--vocs-fontSize_14);
}
.vocs_Authors_authors {
  color: var(--vocs-color_text);
}
.vocs_Authors_link {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.vocs_Authors_link:hover {
  color: var(--vocs-color_text2);
}
.vocs_Authors_separator {
  color: var(--vocs-color_text3);
}
.vocs_BlogPosts {
  display: flex;
  flex-direction: column;
  gap: var(--vocs-space_32);
}
.vocs_BlogPosts_description {
  margin-top: var(--vocs-space_16);
}
.vocs_BlogPosts_divider {
  border-color: var(--vocs-color_background4);
}
.vocs_BlogPosts_post:hover .vocs_BlogPosts_readMore {
  color: var(--vocs-color_textAccent);
}
.vocs_BlogPosts_title {
  font-size: var(--vocs-fontSize_h2);
  font-weight: var(--vocs-fontWeight_semibold);
}
.vocs_Sponsors {
  border-radius: var(--vocs-borderRadius_8);
  display: flex;
  flex-direction: column;
  gap: var(--vocs-space_4);
  overflow: hidden;
}
.vocs_Sponsors_title {
  background-color: var(--vocs-color_background3);
  color: var(--vocs-color_text3);
  font-size: var(--vocs-fontSize_13);
  font-weight: var(--vocs-fontWeight_medium);
  padding: var(--vocs-space_4) 0;
  text-align: center;
}
.vocs_Sponsors_row {
  display: flex;
  flex-direction: row;
  gap: var(--vocs-space_4);
}
.vocs_Sponsors_column {
  align-items: center;
  background-color: var(--vocs-color_background3);
  display: flex;
  justify-content: center;
  padding: var(--vocs-space_32);
  width: calc(var(--vocs_Sponsors_columns) * 100%);
}
.vocs_Sponsors_sponsor {
  transition: background-color 0.1s;
}
.vocs_Sponsors_sponsor:hover {
  background-color: var(--vocs-color_background5);
}
.dark .vocs_Sponsors_sponsor:hover {
  background-color: var(--vocs-color_white);
}
.vocs_Sponsors_image {
  filter: grayscale(1);
  height: var(--vocs_Sponsors_height);
  transition: filter 0.1s;
}
.dark .vocs_Sponsors_image {
  filter: grayscale(1) invert(1);
}
.vocs_Sponsors_column:hover .vocs_Sponsors_image {
  filter: none;
}
.vocs_AutolinkIcon {
  background-color: var(--vocs-color_textAccent);
  display: inline-block;
  margin-left: 0.25em;
  height: 0.8em;
  width: 0.8em;
  -webkit-mask: var(--vocs_AutolinkIcon_iconUrl) no-repeat center / contain;
  mask: var(--vocs_AutolinkIcon_iconUrl) no-repeat center / contain;
  transition: background-color 0.1s;
}
.vocs_Autolink:hover .vocs_AutolinkIcon {
  background-color: var(--vocs-color_textAccentHover);
}
@media screen and (max-width: 720px) {
  .vocs_CodeGroup {
    border-radius: 0;
    border-right: none;
    border-left: none;
    margin-left: calc(-1 * var(--vocs-space_16));
    margin-right: calc(-1 * var(--vocs-space_16));
  }
}
.vocs_Steps {
  border-left: 1.5px solid var(--vocs-color_border);
  counter-reset: step;
  padding-left: var(--vocs-space_24);
  margin-left: var(--vocs-space_12);
  margin-top: var(--vocs-space_24);
}
@media screen and (max-width: 720px) {
  .vocs_Steps {
    margin-left: var(--vocs-space_4);
  }
}
.vocs_Subtitle {
  color: var(--vocs-color_text2);
  font-size: var(--vocs-fontSize_subtitle);
  font-weight: var(--vocs-fontWeight_regular);
  letter-spacing: -0.02em;
  line-height: var(--vocs-lineHeight_heading);
  margin-top: var(--vocs-space_4);
  text-wrap: balance;
}
.vocs_HorizontalRule {
  border-top: 1px solid var(--vocs-color_hr);
  margin-bottom: var(--vocs-space_16);
}
.vocs_ListItem {
  line-height: var(--vocs-lineHeight_listItem);
}
.vocs_ListItem:not(:last-child) {
  margin-bottom: 0.5em;
}
.vocs_CopyButton {
  align-items: center;
  background-color: color-mix(
    in srgb,
    var(--vocs-color_background2) 75%,
    transparent
  );
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  border: 1px solid var(--vocs-color_border);
  border-radius: var(--vocs-borderRadius_4);
  color: var(--vocs-color_text3);
  display: flex;
  justify-content: center;
  position: absolute;
  right: var(--vocs-space_18);
  top: var(--vocs-space_18);
  opacity: 0;
  height: 32px;
  width: 32px;
  transition: background-color 0.15s, opacity 0.15s;
  z-index: var(--vocs-zIndex_surface);
}
.vocs_CopyButton:hover {
  background-color: var(--vocs-color_background4);
  transition: background-color 0.05s;
}
.vocs_CopyButton:focus-visible {
  background-color: var(--vocs-color_background4);
  opacity: 1;
  transition: background-color 0.05s;
}
.vocs_CopyButton:hover:active {
  background-color: var(--vocs-color_background2);
}
.vocs_CopyButton[data-copied="true"]:hover:active {
  background-color: var(--vocs-color_background4);
}
.vocs_Pre:hover .vocs_CopyButton {
  opacity: 1;
}
.vocs_CopyButton_copied {
  height: 12px;
  width: 12px;
}
.vocs_CodeTitle {
  align-items: center;
  background-color: var(--vocs-color_codeTitleBackground);
  border-bottom: 1px solid var(--vocs-color_border);
  color: var(--vocs-color_text3);
  display: flex;
  font-size: var(--vocs-fontSize_14);
  font-weight: var(--vocs-fontWeight_medium);
  gap: var(--vocs-space_6);
  padding: var(--vocs-space_8) var(--vocs-space_24);
}
.vocs_CodeGroup .vocs_CodeTitle {
  display: none;
}
@media screen and (max-width: 720px) {
  .vocs_CodeTitle {
    border-radius: 0;
    padding-left: var(--vocs-space_16);
    padding-right: var(--vocs-space_16);
  }
}
.vocs_CalloutTitle {
  font-size: var(--vocs-fontSize_12);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.vocs_Strong {
  font-weight: var(--vocs-fontWeight_semibold);
}
.vocs_Content > .vocs_Strong {
  display: block;
}
.vocs_Callout > .vocs_Strong {
  display: block;
  margin-bottom: var(--vocs-space_4);
}
.vocs_Summary {
  cursor: pointer;
}
.vocs_Summary.vocs_Summary:hover {
  text-decoration: underline;
}
.vocs_Details[open] .vocs_Summary {
  margin-bottom: var(--vocs-space_4);
}
.vocs_Callout .vocs_Summary {
  font-weight: var(--vocs-fontWeight_medium);
}
.vocs_Details .vocs_Summary.vocs_Summary {
  margin-bottom: 0;
}
.vocs_Table {
  display: block;
  border-collapse: collapse;
  overflow-x: auto;
  margin-bottom: var(--vocs-space_24);
}
.vocs_TableCell {
  border: 1px solid var(--vocs-color_tableBorder);
  font-size: var(--vocs-fontSize_td);
  padding: var(--vocs-space_8) var(--vocs-space_12);
}
.vocs_TableHeader {
  border: 1px solid var(--vocs-color_tableBorder);
  background-color: var(--vocs-color_tableHeaderBackground);
  color: var(--vocs-color_tableHeaderText);
  font-size: var(--vocs-fontSize_th);
  font-weight: var(--vocs-fontWeight_medium);
  padding: var(--vocs-space_8) var(--vocs-space_12);
  text-align: left;
}
.vocs_TableHeader[align="center"] {
  text-align: center;
}
.vocs_TableHeader[align="right"] {
  text-align: right;
}
.vocs_TableRow {
  border-top: 1px solid var(--vocs-color_tableBorder);
}
.vocs_TableRow:nth-child(2n) {
  background-color: var(--vocs-color_background2);
}
.vocs_Button_button {
  align-items: center;
  background: var(--vocs-color_background4);
  border: 1px solid var(--vocs-color_border);
  border-radius: var(--vocs-borderRadius_4);
  color: var(--vocs-color_text);
  display: flex;
  font-size: var(--vocs-fontSize_14);
  font-weight: var(--vocs-fontWeight_medium);
  height: 36px;
  padding: 0 var(--vocs-space_16);
  transition: background 0.1s;
  white-space: pre;
  width: -moz-fit-content;
  width: fit-content;
}
.vocs_Button_button:hover {
  background: var(--vocs-color_background3);
}
.vocs_Button_button_accent {
  background: var(--vocs-color_backgroundAccent);
  color: var(--vocs-color_backgroundAccentText);
  border: 1px solid var(--vocs-color_borderAccent);
}
.vocs_Button_button_accent:hover {
  background: var(--vocs-color_backgroundAccentHover);
}
.vocs_HomePage {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: var(--vocs-space_64);
  text-align: center;
  gap: var(--vocs-space_32);
}
.vocs_HomePage_logo {
  display: flex;
  justify-content: center;
  height: 48px;
}
.vocs_HomePage_title {
  font-size: var(--vocs-fontSize_64);
  font-weight: var(--vocs-fontWeight_semibold);
  line-height: 1em;
}
.vocs_HomePage_tagline {
  color: var(--vocs-color_text2);
  font-size: var(--vocs-fontSize_20);
  font-weight: var(--vocs-fontWeight_medium);
  line-height: 1.5em;
}
.vocs_HomePage_title + .vocs_HomePage_tagline {
  margin-top: calc(-1 * var(--vocs-space_8));
}
.vocs_HomePage_description {
  color: var(--vocs-color_text);
  font-size: var(--vocs-fontSize_16);
  font-weight: var(--vocs-fontWeight_regular);
  line-height: var(--vocs-lineHeight_paragraph);
}
.vocs_HomePage_tagline + .vocs_HomePage_description {
  margin-top: calc(-1 * var(--vocs-space_8));
}
.vocs_HomePage_buttons {
  display: flex;
  gap: var(--vocs-space_16);
}
.vocs_HomePage_tabs {
  min-width: 300px;
}
.vocs_HomePage_tabsList {
  display: flex;
  justify-content: center;
}
.vocs_HomePage_tabsContent {
  color: var(--vocs-color_text2);
  font-family: var(--vocs-fontFamily_mono);
}
.vocs_HomePage_packageManager {
  color: var(--vocs-color_textAccent);
}
@media screen and (max-width: 720px) {
  .vocs_HomePage {
    padding-top: var(--vocs-space_32);
  }
  .vocs_HomePage_logo {
    height: 36px;
  }
}