@import url(https://fonts.googleapis.com/css?family=Open+Sans:300i,400,700);
@import url('https://rsms.me/inter/inter.css');
@import url('jetbrains-mono.css');
:root {
--default-gray: #f4f4f4;
--default-font-color: black;
--header-font-color: var(--default-font-color);
--breadcrumb-font-color: #637282;
--breadcrumb-margin: 24px;
--hover-link-color: #5B5DEF;
--footer-height: 64px;
--footer-padding-top: 48px;
--footer-background: var(--default-gray);
--footer-font-color: var(--average-color);
--footer-go-to-top-color: white;
--horizontal-spacing-for-content: 16px;
--mobile-horizontal-spacing-for-content: 8px;
--bottom-spacing: 16px;
--color-scrollbar: rgba(39, 40, 44, 0.40);
--color-scrollbar-track: var(--default-gray);
--default-white: #fff;
--background-color: var(--default-white);
--dark-mode-and-search-icon-color: var(--default-white);
--color-dark: #27282c;
--default-font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif;
--default-monospace-font-family: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
--default-font-size: 15px;
--average-color: var(--color-dark);
--brief-color: var(--average-color);
--copy-icon-color: rgba(39, 40, 44, .7);
--copy-icon-hover-color: var(--color-dark);
--code-background: rgba(39, 40, 44, .05);
--border-color: rgba(39, 40, 44, .2);
--navigation-highlight-color: rgba(39, 40, 44, 0.05);
--top-navigation-height: 73px;
--max-width: 1160px;
--white-10: hsla(0, 0%, 100%, .1);
--active-tab-border-color: #7F52FF;
--inactive-tab-bord