@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 {
--breadcrumb-font-color: #637282;
--hover-link-color: #5B5DEF;
--average-color: #637282;
--footer-height: 64px;
--footer-padding-top: 48px;
--horizontal-spacing-for-content: 42px;
--mobile-horizontal-spacing-for-content: 8px;
--bottom-spacing: 16px;
--color-scrollbar: rgba(39, 40, 44, 0.40);
--color-scrollbar-track: #f4f4f4;
}
html {
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
scrollbar-color: rgba(39, 40, 44, 0.40) #F4F4F4;
scrollbar-color: var(--color-scrollbar) var(--color-scrollbar-track);
}
html ::-webkit-scrollbar {
width: 8px;
height: 8px;
}
html ::-webkit-scrollbar-track {
background-color: var(--color-scrollbar-track);
}
html ::-webkit-scrollbar-thumb {
width: 8px;
border-radius: 6px;
background: rgba(39, 40, 44, 0.40);
background: var(--color-scrollbar);
}
.main-content {
padding-bottom: var(--bottom-spacing);
z-index: 0;
}
.main-content>* {
margin-left: var(--horizontal-spacing-for-content);
margin-right: var(--horizontal-spacing-for-content);
}
.navigation-wrapper {
display: flex;
padding: 24px 0;
flex-wrap: wrap;
position: sticky;
top: 0;
background-color: #f4f4f4;
padding-top: 19px;
padding-bottom: 18px;
z-index: 8;
/* Reset margin and use padding for border */
margin-left: 0;
margin-right: 0;
padding-left: var(--horizontal-spacing-for-content);
padding-right: var(--horizontal-spacing-for-content);
}
.navigation-wrapper.sticky-navigation {
border-bottom: 1px solid #DADFE6;
}
.breadcrumbs {
color: var(--breadcrumb-font-color);
overflow-wrap: break-word;
}
.breadcrumbs a {
color: var(--breadcrumb-font-color)
}
.breadcrumbs a:hover {
color: var(--hover-link-color)
}
.tabs-section > .section-tab:first-child {
margin-left: 0;
}
.section-tab {
border: 0;
cursor: pointer