infima
Version:
A UI framework for content-centric websites.
1,725 lines (1,664 loc) • 71.9 kB
CSS
:root {
--ifm-dark-value: 10%;
--ifm-darker-value: 15%;
--ifm-darkest-value: 30%;
--ifm-light-value: 15%;
--ifm-lighter-value: 30%;
--ifm-lightest-value: 50%;
--ifm-color-primary: #3578e5;
--ifm-color-primary-dark: rgb(48, 108, 206);
--ifm-color-primary-darker: rgb(45, 102, 195);
--ifm-color-primary-darkest: rgb(37, 84, 160);
--ifm-color-primary-light: rgb(83, 140, 233);
--ifm-color-primary-lighter: rgb(114, 161, 237);
--ifm-color-primary-lightest: rgb(154, 188, 242);
--ifm-color-secondary: #ebedf0;
--ifm-color-secondary-dark: rgb(212, 213, 216);
--ifm-color-secondary-darker: rgb(200, 201, 204);
--ifm-color-secondary-darkest: rgb(164, 166, 168);
--ifm-color-secondary-light: rgb(238, 240, 242);
--ifm-color-secondary-lighter: rgb(241, 242, 245);
--ifm-color-secondary-lightest: rgb(245, 246, 248);
--ifm-color-success: #00a400;
--ifm-color-success-dark: rgb(0, 148, 0);
--ifm-color-success-darker: rgb(0, 139, 0);
--ifm-color-success-darkest: rgb(0, 115, 0);
--ifm-color-success-light: rgb(38, 178, 38);
--ifm-color-success-lighter: rgb(77, 191, 77);
--ifm-color-success-lightest: rgb(128, 210, 128);
--ifm-color-info: #54c7ec;
--ifm-color-info-dark: rgb(76, 179, 212);
--ifm-color-info-darker: rgb(71, 169, 201);
--ifm-color-info-darkest: rgb(59, 139, 165);
--ifm-color-info-light: rgb(110, 207, 239);
--ifm-color-info-lighter: rgb(135, 216, 242);
--ifm-color-info-lightest: rgb(170, 227, 246);
--ifm-color-warning: #ffba00;
--ifm-color-warning-dark: rgb(230, 167, 0);
--ifm-color-warning-darker: rgb(217, 158, 0);
--ifm-color-warning-darkest: rgb(179, 130, 0);
--ifm-color-warning-light: rgb(255, 196, 38);
--ifm-color-warning-lighter: rgb(255, 207, 77);
--ifm-color-warning-lightest: rgb(255, 221, 128);
--ifm-color-danger: #fa383e;
--ifm-color-danger-dark: rgb(225, 50, 56);
--ifm-color-danger-darker: rgb(213, 48, 53);
--ifm-color-danger-darkest: rgb(175, 39, 43);
--ifm-color-danger-light: rgb(251, 86, 91);
--ifm-color-danger-lighter: rgb(251, 116, 120);
--ifm-color-danger-lightest: rgb(253, 156, 159);
--ifm-color-white: #fff;
--ifm-color-black: #000;
--ifm-color-gray-0: var(--ifm-color-white);
--ifm-color-gray-100: #f5f6f7;
--ifm-color-gray-200: #ebedf0;
--ifm-color-gray-300: #dadde1;
--ifm-color-gray-400: #ccd0d5;
--ifm-color-gray-500: #bec3c9;
--ifm-color-gray-600: #8d949e;
--ifm-color-gray-700: #606770;
--ifm-color-gray-800: #444950;
--ifm-color-gray-900: #1c1e21;
--ifm-color-gray-1000: var(--ifm-color-black);
--ifm-color-emphasis-0: var(--ifm-color-gray-0);
--ifm-color-emphasis-100: var(--ifm-color-gray-100);
--ifm-color-emphasis-200: var(--ifm-color-gray-200);
--ifm-color-emphasis-300: var(--ifm-color-gray-300);
--ifm-color-emphasis-400: var(--ifm-color-gray-400);
--ifm-color-emphasis-500: var(--ifm-color-gray-500);
--ifm-color-emphasis-600: var(--ifm-color-gray-600);
--ifm-color-emphasis-700: var(--ifm-color-gray-700);
--ifm-color-emphasis-800: var(--ifm-color-gray-800);
--ifm-color-emphasis-900: var(--ifm-color-gray-900);
--ifm-color-emphasis-1000: var(--ifm-color-gray-1000);
--ifm-color-content: var(--ifm-color-emphasis-900);
--ifm-color-content-inverse: var(--ifm-color-emphasis-0);
--ifm-color-content-secondary: #606770;
--ifm-background-color: transparent;
--ifm-background-surface-color: var(--ifm-color-content-inverse);
--ifm-global-border-width: 1px;
--ifm-global-radius: 0.4rem;
--ifm-hover-overlay: rgba(0, 0, 0, 0.05);
--ifm-font-base-color: var(--ifm-color-content);
--ifm-font-base-color-inverse: var(--ifm-color-content-inverse);
--ifm-font-secondary-color: var(--ifm-color-content-secondary);
--ifm-font-family-base: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont,
'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol';
--ifm-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
'Liberation Mono', 'Courier New', monospace;
--ifm-font-size-base: 15px;
--ifm-font-weight-light: 300;
--ifm-font-weight-normal: 400;
--ifm-font-weight-semibold: 500;
--ifm-font-weight-bold: 700;
--ifm-font-weight-base: var(--ifm-font-weight-normal);
--ifm-line-height-base: 1.5;
--ifm-global-spacing: 1rem;
--ifm-spacing-vertical: var(--ifm-global-spacing);
--ifm-spacing-horizontal: var(--ifm-global-spacing);
--ifm-transition-fast: 200ms;
--ifm-transition-slow: 400ms;
--ifm-global-shadow-lw: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
--ifm-global-shadow-md: 0 5px 40px rgba(0, 0, 0, 0.2);
--ifm-global-shadow-tl: 0 12px 28px 0 rgba(0, 0, 0, 0.2),
0 2px 4px 0 rgba(0, 0, 0, 0.1);
--ifm-z-index-dropdown: 100;
--ifm-z-index-fixed: 200;
--ifm-z-index-overlay: 400;
}
* {
box-sizing: border-box;
}
html {
background-color: var(--ifm-background-color);
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
}
body {
color: var(--ifm-font-base-color);
font-family: var(--ifm-font-family-base);
font-size: var(--ifm-font-size-base);
line-height: var(--ifm-line-height-base);
margin: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
}
:root {
--ifm-container-width: 1140px;
}
.container {
margin-left: auto;
margin-right: auto;
max-width: var(--ifm-container-width);
padding-left: var(--ifm-spacing-horizontal);
padding-right: var(--ifm-spacing-horizontal);
width: 100%
}
.container.container--fluid {
max-width: inherit;
}
.row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-left: calc(var(--ifm-spacing-horizontal) * -1);
margin-right: calc(var(--ifm-spacing-horizontal) * -1)
}
.row.row--no-gutters {
margin-left: 0;
margin-right: 0
}
.row.row--no-gutters > .col {
padding-left: 0;
padding-right: 0;
}
.row.row--align-top {
align-items: flex-start;
}
.row.row--align-bottom {
align-items: flex-end;
}
.row.row--align-center {
align-items: center;
}
.row.row--align-stretch {
align-items: stretch;
}
.row.row--align-baseline {
align-items: baseline;
}
.row .col {
--ifm-col-width: 100%;
display: block;
flex: 1 0;
margin-left: 0;
max-width: 100%;
padding-left: var(--ifm-spacing-horizontal);
padding-right: var(--ifm-spacing-horizontal);
width: 100%
}
.row .col[class*='col--'] {
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
@media (max-width: 996px) {
.row .col.col.col {
--ifm-col-width: 100%;
flex-basis: var(--ifm-col-width);
margin-left: 0;
max-width: var(--ifm-col-width);
}
}
.row .col.col--1 {
--ifm-col-width: calc(1 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-1 {
margin-left: calc(1 / 12 * 100%);
}
.row .col.col--2 {
--ifm-col-width: calc(2 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-2 {
margin-left: calc(2 / 12 * 100%);
}
.row .col.col--3 {
--ifm-col-width: calc(3 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-3 {
margin-left: calc(3 / 12 * 100%);
}
.row .col.col--4 {
--ifm-col-width: calc(4 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-4 {
margin-left: calc(4 / 12 * 100%);
}
.row .col.col--5 {
--ifm-col-width: calc(5 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-5 {
margin-left: calc(5 / 12 * 100%);
}
.row .col.col--6 {
--ifm-col-width: calc(6 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-6 {
margin-left: calc(6 / 12 * 100%);
}
.row .col.col--7 {
--ifm-col-width: calc(7 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-7 {
margin-left: calc(7 / 12 * 100%);
}
.row .col.col--8 {
--ifm-col-width: calc(8 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-8 {
margin-left: calc(8 / 12 * 100%);
}
.row .col.col--9 {
--ifm-col-width: calc(9 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-9 {
margin-left: calc(9 / 12 * 100%);
}
.row .col.col--10 {
--ifm-col-width: calc(10 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-10 {
margin-left: calc(10 / 12 * 100%);
}
.row .col.col--11 {
--ifm-col-width: calc(11 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-11 {
margin-left: calc(11 / 12 * 100%);
}
.row .col.col--12 {
--ifm-col-width: calc(12 / 12 * 100%);
flex: 0 0 var(--ifm-col-width);
max-width: var(--ifm-col-width);
}
.row .col.col--offset-12 {
margin-left: calc(12 / 12 * 100%);
}
.margin--none {
margin: 0 !important;
}
.margin-top--none {
margin-top: 0 !important;
}
.margin-left--none {
margin-left: 0 !important;
}
.margin-bottom--none {
margin-bottom: 0 !important;
}
.margin-right--none {
margin-right: 0 !important;
}
.margin-vert--none {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.margin-horiz--none {
margin-left: 0 !important;
margin-right: 0 !important;
}
.margin--xs {
margin: 0.25rem !important;
}
.margin-top--xs {
margin-top: 0.25rem !important;
}
.margin-left--xs {
margin-left: 0.25rem !important;
}
.margin-bottom--xs {
margin-bottom: 0.25rem !important;
}
.margin-right--xs {
margin-right: 0.25rem !important;
}
.margin-vert--xs {
margin-bottom: 0.25rem !important;
margin-top: 0.25rem !important;
}
.margin-horiz--xs {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.margin--sm {
margin: 0.5rem !important;
}
.margin-top--sm {
margin-top: 0.5rem !important;
}
.margin-left--sm {
margin-left: 0.5rem !important;
}
.margin-bottom--sm {
margin-bottom: 0.5rem !important;
}
.margin-right--sm {
margin-right: 0.5rem !important;
}
.margin-vert--sm {
margin-bottom: 0.5rem !important;
margin-top: 0.5rem !important;
}
.margin-horiz--sm {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.margin--md {
margin: 1rem !important;
}
.margin-top--md {
margin-top: 1rem !important;
}
.margin-left--md {
margin-left: 1rem !important;
}
.margin-bottom--md {
margin-bottom: 1rem !important;
}
.margin-right--md {
margin-right: 1rem !important;
}
.margin-vert--md {
margin-bottom: 1rem !important;
margin-top: 1rem !important;
}
.margin-horiz--md {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.margin--lg {
margin: 2rem !important;
}
.margin-top--lg {
margin-top: 2rem !important;
}
.margin-left--lg {
margin-left: 2rem !important;
}
.margin-bottom--lg {
margin-bottom: 2rem !important;
}
.margin-right--lg {
margin-right: 2rem !important;
}
.margin-vert--lg {
margin-bottom: 2rem !important;
margin-top: 2rem !important;
}
.margin-horiz--lg {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.margin--xl {
margin: 5rem !important;
}
.margin-top--xl {
margin-top: 5rem !important;
}
.margin-left--xl {
margin-left: 5rem !important;
}
.margin-bottom--xl {
margin-bottom: 5rem !important;
}
.margin-right--xl {
margin-right: 5rem !important;
}
.margin-vert--xl {
margin-bottom: 5rem !important;
margin-top: 5rem !important;
}
.margin-horiz--xl {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.padding--none {
padding: 0 !important;
}
.padding-top--none {
padding-top: 0 !important;
}
.padding-left--none {
padding-left: 0 !important;
}
.padding-bottom--none {
padding-bottom: 0 !important;
}
.padding-right--none {
padding-right: 0 !important;
}
.padding-vert--none {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.padding-horiz--none {
padding-left: 0 !important;
padding-right: 0 !important;
}
.padding--xs {
padding: 0.25rem !important;
}
.padding-top--xs {
padding-top: 0.25rem !important;
}
.padding-left--xs {
padding-left: 0.25rem !important;
}
.padding-bottom--xs {
padding-bottom: 0.25rem !important;
}
.padding-right--xs {
padding-right: 0.25rem !important;
}
.padding-vert--xs {
padding-bottom: 0.25rem !important;
padding-top: 0.25rem !important;
}
.padding-horiz--xs {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.padding--sm {
padding: 0.5rem !important;
}
.padding-top--sm {
padding-top: 0.5rem !important;
}
.padding-left--sm {
padding-left: 0.5rem !important;
}
.padding-bottom--sm {
padding-bottom: 0.5rem !important;
}
.padding-right--sm {
padding-right: 0.5rem !important;
}
.padding-vert--sm {
padding-bottom: 0.5rem !important;
padding-top: 0.5rem !important;
}
.padding-horiz--sm {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.padding--md {
padding: 1rem !important;
}
.padding-top--md {
padding-top: 1rem !important;
}
.padding-left--md {
padding-left: 1rem !important;
}
.padding-bottom--md {
padding-bottom: 1rem !important;
}
.padding-right--md {
padding-right: 1rem !important;
}
.padding-vert--md {
padding-bottom: 1rem !important;
padding-top: 1rem !important;
}
.padding-horiz--md {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.padding--lg {
padding: 2rem !important;
}
.padding-top--lg {
padding-top: 2rem !important;
}
.padding-left--lg {
padding-left: 2rem !important;
}
.padding-bottom--lg {
padding-bottom: 2rem !important;
}
.padding-right--lg {
padding-right: 2rem !important;
}
.padding-vert--lg {
padding-bottom: 2rem !important;
padding-top: 2rem !important;
}
.padding-horiz--lg {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.padding--xl {
padding: 5rem !important;
}
.padding-top--xl {
padding-top: 5rem !important;
}
.padding-left--xl {
padding-left: 5rem !important;
}
.padding-bottom--xl {
padding-bottom: 5rem !important;
}
.padding-right--xl {
padding-right: 5rem !important;
}
.padding-vert--xl {
padding-bottom: 5rem !important;
padding-top: 5rem !important;
}
.padding-horiz--xl {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
:root {
--ifm-code-background: var(--ifm-color-emphasis-100);
--ifm-code-border-radius: var(--ifm-global-radius);
--ifm-code-color: var(--ifm-color-emphasis-900);
--ifm-code-font-size: 85%;
--ifm-code-padding-horizontal: 0.4rem;
--ifm-code-padding-vertical: 0.2rem;
--ifm-pre-background: var(--ifm-color-emphasis-100);
--ifm-pre-border-radius: var(--ifm-code-border-radius);
--ifm-pre-color: inherit;
--ifm-pre-line-height: 1.45;
--ifm-pre-padding: 1rem;
}
code {
background-color: var(--ifm-code-background);
border-radius: var(--ifm-code-border-radius);
color: var(--ifm-code-color);
font-family: var(--ifm-font-family-monospace);
font-size: var(--ifm-code-font-size);
margin: 0;
padding: var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal);
}
pre {
background-color: var(--ifm-pre-background);
border-radius: var(--ifm-pre-border-radius);
color: var(--ifm-pre-color);
font-family: var(--ifm-font-family-monospace);
font-size: var(--ifm-code-font-size);
line-height: var(--ifm-pre-line-height);
margin-bottom: var(--ifm-spacing-vertical);
margin-top: 0;
overflow: auto;
padding: var(--ifm-pre-padding);
word-wrap: normal
}
pre code {
background-color: transparent;
border: 0;
display: inline;
font-size: 100%;
line-height: inherit;
margin: 0;
max-width: auto;
overflow: visible;
padding: 0;
white-space: pre;
word-break: normal;
word-wrap: normal;
}
:root {
--ifm-heading-color: inherit;
--ifm-heading-margin-top: 0;
--ifm-heading-margin-bottom: var(--ifm-spacing-vertical);
--ifm-heading-font-family: inherit;
--ifm-heading-font-weight: var(--ifm-font-weight-bold);
--ifm-heading-line-height: 1.25;
--ifm-h1-font-size: 2rem;
--ifm-h2-font-size: 1.5rem;
--ifm-h3-font-size: 1.25rem;
--ifm-h4-font-size: 1rem;
--ifm-h5-font-size: 0.875rem;
--ifm-h6-font-size: 0.85rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--ifm-heading-color);
font-weight: var(--ifm-heading-font-weight);
line-height: var(--ifm-heading-line-height);
margin-bottom: var(--ifm-heading-margin-bottom);
margin-top: var(--ifm-heading-margin-top);
}
h1 {
font-size: var(--ifm-h1-font-size);
}
h2 {
font-size: var(--ifm-h2-font-size);
}
h3 {
font-size: var(--ifm-h3-font-size);
}
h4 {
font-size: var(--ifm-h4-font-size);
}
h5 {
font-size: var(--ifm-h5-font-size);
}
h6 {
font-size: var(--ifm-h6-font-size);
}
:root {
--ifm-image-alignment-padding: 1.25rem;
}
img {
border-style: none;
box-sizing: content-box;
max-width: 100%;
}
img[align='right'] {
padding-left: var(--image-alignment-padding);
}
img[align='left'] {
padding-right: var(--image-alignment-padding);
}
:root {
--ifm-leading-desktop: 1.5;
--ifm-leading: calc(var(--ifm-leading-desktop) * 1rem);
}
.markdown {
--ifm-h1-line-height: 2;
--ifm-h2-line-height: 1.5;
--ifm-heading-line-height: 1;
--ifm-h1-vertical-rhythm-top: 4;
--ifm-h2-vertical-rhythm-top: 2.5;
--ifm-h3-vertical-rhythm-top: 2;
--ifm-heading-vertical-rhythm-top: 1.5;
--ifm-h1-vertical-rhythm-bottom: 1;
--ifm-heading-vertical-rhythm-bottom: 0.5
}
.markdown:before {
content: '';
display: table;
}
.markdown:after {
clear: both;
content: '';
display: table;
}
.markdown > *:first-child {
margin-top: 0 !important;
}
.markdown > *:last-child {
margin-bottom: 0 !important;
}
.markdown > h1 {
margin-bottom: calc(
var(--ifm-h1-vertical-rhythm-bottom) * var(--ifm-leading)
);
margin-top: calc(var(--ifm-h1-vertical-rhythm-top) * var(--ifm-leading));
}
.markdown > h2 {
margin-bottom: calc(
var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
);
margin-top: calc(var(--ifm-h2-vertical-rhythm-top) * var(--ifm-leading));
}
.markdown > h3 {
margin-bottom: calc(
var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
);
margin-top: calc(var(--ifm-h3-vertical-rhythm-top) * var(--ifm-leading));
}
.markdown > h4,
.markdown > h5,
.markdown > h6 {
margin-bottom: calc(
var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
);
margin-top: calc(
var(--ifm-heading-vertical-rhythm-top) * var(--ifm-leading)
);
}
.markdown > pre,
.markdown > ul,
.markdown > p {
margin-bottom: var(--ifm-leading);
}
.markdown li {
word-wrap: break-all
}
.markdown li > p {
margin-top: var(--ifm-list-paragraph-margin);
}
.markdown li + li {
margin-top: var(--ifm-list-item-margin);
}
:root {
--ifm-list-left-padding: 2rem;
--ifm-list-margin: 1rem;
--ifm-list-item-margin: 0.25rem;
--ifm-list-paragraph-margin: 1rem;
}
ul,
ol {
margin-bottom: var(--ifm-list-margin);
margin-top: 0;
padding-left: var(--ifm-list-left-padding);
}
ol ol,
ul ol {
list-style-type: lower-roman;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
margin-top: 0;
}
ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
list-style-type: lower-alpha;
}
:root {
--ifm-table-cell-padding: 0.75rem;
--ifm-table-background: transparent;
--ifm-table-stripe-background: var(--ifm-color-emphasis-100);
--ifm-table-border-width: 1px;
--ifm-table-border-color: var(--ifm-color-emphasis-300);
--ifm-table-head-background: inherit;
--ifm-table-head-color: inherit;
--ifm-table-head-font-weight: var(--ifm-font-weight-bold);
--ifm-table-cell-color: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
display: block;
margin-bottom: var(--ifm-spacing-vertical);
margin-top: 0;
overflow: auto;
width: 100%
}
table tr {
background-color: var(--ifm-table-background);
border-top: var(--ifm-table-border-width) solid
var(--ifm-table-border-color);
}
table tr:nth-child(2n) {
background-color: var(--ifm-table-stripe-background);
}
table th,
table td {
border: var(--ifm-table-border-width) solid var(--ifm-table-border-color);
padding: var(--ifm-table-cell-padding);
}
table th {
background-color: var(--ifm-table-head-background);
color: var(--ifm-table-head-color);
font-weight: var(--ifm-table-head-font-weight);
}
table td {
color: var(--ifm-table-cell-color);
}
:root {
--ifm-link-color: var(--ifm-color-primary);
--ifm-link-decoration: none;
--ifm-link-hover-color: var(--ifm-link-color);
--ifm-link-hover-decoration: underline;
--ifm-paragraph-margin-bottom: var(--ifm-leading);
--ifm-blockquote-color: #6a737d;
--ifm-blockquote-font-size: var(--ifm-font-size-base);
--ifm-blockquote-padding-horizontal: 1rem;
--ifm-blockquote-padding-vertical: 1rem;
--ifm-hr-border-color: var(--ifm-color-emphasis-500);
--ifm-hr-border-width: 1px;
--ifm-hr-margin-vertical: 1.5rem;
}
strong {
font-weight: var(--ifm-font-weight-bold);
}
a {
color: var(--ifm-link-color);
-webkit-text-decoration: var(--ifm-link-decoration);
text-decoration: var(--ifm-link-decoration)
}
a:hover {
color: var(--ifm-link-hover-color);
-webkit-text-decoration: var(--ifm-link-hover-decoration);
text-decoration: var(--ifm-link-hover-decoration);
}
a:active,
a:hover {
outline-width: 0;
}
a:not([href]) {
color: inherit;
text-decoration: none;
}
p {
margin-top: 0;
margin-bottom: var(--ifm-paragraph-margin-bottom);
}
blockquote {
border-left: 6px solid var(--ifm-color-emphasis-300);
color: var(--ifm-blockquote-color);
font-size: var(--ifm-blockquote-font-size);
margin: 0;
margin-bottom: var(--ifm-spacing-vertical);
padding: var(--ifm-blockquote-padding-vertical)
var(--ifm-blockquote-padding-horizontal)
}
blockquote > :first-child {
margin-top: 0;
}
blockquote > :last-child {
margin-bottom: 0;
}
hr {
border-color: var(--ifm-hr-border-color);
border-style: solid;
border-width: var(--ifm-hr-border-width);
box-sizing: content-box;
margin: var(--ifm-hr-margin-vertical) 0;
overflow: hidden;
padding: 0
}
hr:before {
content: '';
display: table;
}
hr:after {
clear: both;
content: '';
display: table;
}
:root {
--ifm-alert-background-color: inherit;
--ifm-alert-border-color: var(--ifm-alert-background-color);
--ifm-alert-border-radius: var(--ifm-global-radius);
--ifm-alert-border-width: var(--ifm-global-border-width);
--ifm-alert-color: var(--ifm-font-base-color-inverse);
--ifm-alert-padding-horizontal: var(--ifm-spacing-horizontal);
--ifm-alert-padding-vertical: var(--ifm-spacing-vertical);
}
.alert {
background-color: var(--ifm-alert-background-color);
border-color: var(--ifm-alert-border-color);
border-style: solid;
border-width: var(--ifm-alert-border-width);
border-radius: var(--ifm-alert-border-radius);
box-sizing: border-box;
color: var(--ifm-alert-color);
padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)
}
.alert.alert--primary {
--ifm-alert-background-color: var(--ifm-color-primary);
color: var(--ifm-alert-color);
background-color: var(--ifm-alert-background-color);
border-color: var(--ifm-alert-background-color);
}
.alert.alert--secondary {
--ifm-alert-background-color: var(--ifm-color-secondary);
color: var(--ifm-alert-color);
background-color: var(--ifm-alert-background-color);
border-color: var(--ifm-alert-background-color);
}
.alert.alert--success {
--ifm-alert-background-color: var(--ifm-color-success);
color: var(--ifm-alert-color);
background-color: var(--ifm-alert-background-color);
border-color: var(--ifm-alert-background-color);
}
.alert.alert--info {
--ifm-alert-background-color: var(--ifm-color-info);
color: var(--ifm-alert-color);
background-color: var(--ifm-alert-background-color);
border-color: var(--ifm-alert-background-color);
}
.alert.alert--warning {
--ifm-alert-background-color: var(--ifm-color-warning);
color: var(--ifm-alert-color);
background-color: var(--ifm-alert-background-color);
border-color: var(--ifm-alert-background-color);
}
.alert.alert--danger {
--ifm-alert-background-color: var(--ifm-color-danger);
color: var(--ifm-alert-color);
background-color: var(--ifm-alert-background-color);
border-color: var(--ifm-alert-background-color);
}
.alert a {
color: var(--ifm-alert-color);
text-decoration: underline;
}
.alert.alert--secondary {
--ifm-alert-color: --ifm-color-gray-900;
color: var(--ifm-color-gray-900)
}
.alert.alert--secondary a {
color: var(--ifm-color-gray-900);
}
.alert .close {
margin-right: calc(var(--ifm-alert-padding-horizontal) * -1);
margin-top: calc(var(--ifm-alert-padding-vertical) * -1);
}
:root {
--ifm-avatar-intro-margin: 1rem;
--ifm-avatar-intro-alignment: inherit;
--ifm-avatar-photo-size-sm: 2rem;
--ifm-avatar-photo-size-md: 3rem;
--ifm-avatar-photo-size-lg: 4rem;
--ifm-avatar-photo-size-xl: 6rem;
}
.avatar {
display: flex
}
.avatar .avatar__photo-link {
display: block;
}
.avatar .avatar__photo {
overflow: hidden;
border-radius: 50%;
height: var(--ifm-avatar-photo-size-md);
width: var(--ifm-avatar-photo-size-md)
}
.avatar .avatar__photo.avatar__photo--sm {
height: var(--ifm-avatar-photo-size-sm);
width: var(--ifm-avatar-photo-size-sm);
}
.avatar .avatar__photo.avatar__photo--lg {
height: var(--ifm-avatar-photo-size-lg);
width: var(--ifm-avatar-photo-size-lg);
}
.avatar .avatar__photo.avatar__photo--xl {
height: var(--ifm-avatar-photo-size-xl);
width: var(--ifm-avatar-photo-size-xl);
}
.avatar .avatar__photo + .avatar__intro {
margin-left: var(--ifm-avatar-intro-margin);
}
.avatar .avatar__intro {
display: flex;
flex: 1 1;
flex-direction: column;
justify-content: center;
text-align: var(--ifm-avatar-intro-alignment);
}
.avatar .avatar__name {
margin: 0;
}
.avatar .avatar__subtitle {
margin-top: 0.25rem;
}
.avatar.avatar--vertical {
--ifm-avatar-intro-alignment: center;
--ifm-avatar-intro-margin: 0.5rem;
align-items: center;
flex-direction: column
}
.avatar.avatar--vertical .avatar__intro {
margin-left: 0; /* Reset the margin added in the horizontal layout. */
margin-top: var(--ifm-avatar-intro-margin);
text-align: var(--ifm-avatar-intro-alignment);
}
:root {
--ifm-badge-background-color: inherit;
--ifm-badge-border-color: var(--ifm-badge-background-color);
--ifm-badge-border-radius: var(--ifm-global-radius);
--ifm-badge-border-width: var(--ifm-global-border-width);
--ifm-badge-color: var(--ifm-color-white);
--ifm-badge-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 0.5);
--ifm-badge-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.25);
}
.badge {
background-color: var(--ifm-badge-background-color);
border-color: var(--ifm-badge-border-color);
border-style: solid;
border-width: var(--ifm-badge-border-width);
border-radius: var(--ifm-badge-border-radius);
box-sizing: border-box;
color: var(--ifm-badge-color);
display: inline-block;
font-size: 75%;
font-weight: var(--ifm-font-weight-bold);
line-height: 1;
padding: var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal);
vertical-align: baseline
}
.badge.badge--primary {
--ifm-badge-background-color: var(--ifm-color-primary);
background-color: var(--ifm-badge-background-color);
border-color: var(--ifm-badge-background-color);
}
.badge.badge--secondary {
--ifm-badge-background-color: var(--ifm-color-secondary);
background-color: var(--ifm-badge-background-color);
border-color: var(--ifm-badge-background-color);
}
.badge.badge--success {
--ifm-badge-background-color: var(--ifm-color-success);
background-color: var(--ifm-badge-background-color);
border-color: var(--ifm-badge-background-color);
}
.badge.badge--info {
--ifm-badge-background-color: var(--ifm-color-info);
background-color: var(--ifm-badge-background-color);
border-color: var(--ifm-badge-background-color);
}
.badge.badge--warning {
--ifm-badge-background-color: var(--ifm-color-warning);
background-color: var(--ifm-badge-background-color);
border-color: var(--ifm-badge-background-color);
}
.badge.badge--danger {
--ifm-badge-background-color: var(--ifm-color-danger);
background-color: var(--ifm-badge-background-color);
border-color: var(--ifm-badge-background-color);
}
.badge.badge--secondary {
color: var(--ifm-color-black);
}
:root {
--ifm-breadcrumb-border-radius: 1.5rem;
--ifm-breadcrumb-spacing: 0.0625rem;
--ifm-breadcrumb-color-active: var(--ifm-color-primary);
--ifm-breadcrumb-item-background-active: var(--ifm-hover-overlay);
--ifm-breadcrumb-padding-horizontal: 1rem;
--ifm-breadcrumb-padding-vertical: 0.5rem;
--ifm-breadcrumb-size-multiplier: 1;
--ifm-breadcrumb-separator: url('data:image/svg+xml;utf8,<svg alt="Chevron Right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256;" xml:space="preserve"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');
--ifm-breadcrumb-separator-size: 0.5rem;
--ifm-breadcrumb-separator-size-multiplier: 1.25;
}
.breadcrumbs {
margin-bottom: 0;
padding-left: 0
}
.breadcrumbs > .breadcrumb__item {
display: inline-block;
list-style-type: none
}
.breadcrumbs > .breadcrumb__item:not(:first-child) {
margin-left: var(--ifm-breadcrumb-spacing);
}
.breadcrumbs > .breadcrumb__item:not(:last-child) {
margin-right: var(--ifm-breadcrumb-spacing)
}
.breadcrumbs > .breadcrumb__item:not(:last-child):after {
background-image: var(--ifm-breadcrumb-separator);
background-position: center;
content: ' ';
display: inline-block;
height: calc(
var(--ifm-breadcrumb-separator-size) *
var(--ifm-breadcrumb-size-multiplier) *
var(--ifm-breadcrumb-separator-size-multiplier)
);
margin: 0 0.5rem;
opacity: 0.5;
width: calc(
var(--ifm-breadcrumb-separator-size) *
var(--ifm-breadcrumb-size-multiplier) *
var(--ifm-breadcrumb-separator-size-multiplier)
);
}
.breadcrumbs > .breadcrumb__item .breadcrumb__link {
border-radius: var(--ifm-breadcrumb-border-radius);
color: var(--ifm-font-base-color);
display: inline-block;
font-size: calc(1rem * var(--ifm-breadcrumb-size-multiplier));
padding: calc(
var(--ifm-breadcrumb-padding-vertical) *
var(--ifm-breadcrumb-size-multiplier)
)
calc(
var(--ifm-breadcrumb-padding-horizontal) *
var(--ifm-breadcrumb-size-multiplier)
);
text-decoration: none;
}
.breadcrumbs > .breadcrumb__item.breadcrumb__item--active .breadcrumb__link {
background: var(--ifm-breadcrumb-item-background-active);
color: var(--ifm-breadcrumb-color-active);
}
.breadcrumbs > .breadcrumb__item:not(.breadcrumb__item--active):hover .breadcrumb__link {
background: var(--ifm-breadcrumb-item-background-active);
transition: background var(--ifm-transition-fast)
cubic-bezier(0.08, 0.52, 0.52, 1);
}
.breadcrumbs.breadcrumbs--sm {
--ifm-breadcrumb-size-multiplier: 0.8;
}
.breadcrumbs.breadcrumbs--lg {
--ifm-breadcrumb-size-multiplier: 1.2;
}
:root {
--ifm-button-background-color: inherit;
--ifm-button-border-color: var(--ifm-button-background-color);
--ifm-button-border-width: var(--ifm-global-border-width);
--ifm-button-color: var(--ifm-font-base-color-inverse);
--ifm-button-font-weight: var(--ifm-font-weight-bold);
--ifm-button-padding-horizontal: 1.5rem;
--ifm-button-padding-vertical: 0.375rem;
--ifm-button-size-multiplier: 1;
--ifm-button-transition-duration: var(--ifm-transition-fast);
--ifm-button-border-radius: calc(
var(--ifm-global-radius) * var(--ifm-button-size-multiplier)
);
}
.button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--ifm-button-background-color);
border-color: var(--ifm-button-border-color);
border-style: solid;
border-width: var(--ifm-button-border-width);
border-radius: var(--ifm-button-border-radius);
box-sizing: border-box;
color: var(--ifm-button-color);
cursor: pointer;
display: inline-block;
font-size: calc(0.875rem * var(--ifm-button-size-multiplier));
font-weight: var(--ifm-button-font-weight);
line-height: 1.5;
outline: 0;
padding: calc(
var(--ifm-button-padding-vertical) * var(--ifm-button-size-multiplier)
)
calc(
var(--ifm-button-padding-horizontal) * var(--ifm-button-size-multiplier)
);
text-align: center;
text-decoration: none;
transition: color var(--ifm-button-transition-duration)
cubic-bezier(0.08, 0.52, 0.52, 1),
background var(--ifm-button-transition-duration)
cubic-bezier(0.08, 0.52, 0.52, 1),
border-color var(--ifm-button-transition-duration)
cubic-bezier(0.08, 0.52, 0.52, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap
}
.button:hover {
color: var(--ifm-button-color);
outline: 0;
text-decoration: none;
}
.button:focus {
outline: 0;
}
.button.button--outline {
--ifm-button-background-color: transparent;
--ifm-button-color: var(--ifm-button-border-color)
}
.button.button--outline:hover {
--ifm-button-background-color: var(--ifm-button-border-color);
}
.button.button--outline:hover,
.button.button--outline:active,
.button.button--outline.button--active {
--ifm-button-color: var(--ifm-font-base-color-inverse);
}
.button.button--link {
--ifm-button-background-color: transparent;
--ifm-button-border-color: transparent;
color: var(--ifm-link-color);
-webkit-text-decoration: var(--ifm-link-decoration);
text-decoration: var(--ifm-link-decoration)
}
.button.button--link:hover,
.button.button--link:active,
.button.button--link.button--active {
color: var(--ifm-link-hover-color);
-webkit-text-decoration: var(--ifm-link-hover-decoration);
text-decoration: var(--ifm-link-hover-decoration);
}
.button.disabled,
.button:disabled,
.button[disabled] {
opacity: 0.65;
pointer-events: none;
}
.button.button--sm {
--ifm-button-size-multiplier: 0.8;
}
.button.button--lg {
--ifm-button-size-multiplier: 1.35;
}
.button.button--block {
display: block;
width: 100%;
}
.button.button--secondary {
color: var(--ifm-color-gray-900)
}
.button.button--secondary.button--outline:not(.button--active):not(:hover) {
color: var(--ifm-font-base-color);
}
.button.button--primary {
--ifm-button-border-color: var(--ifm-color-primary)
}
.button.button--primary:not(.button--outline) {
--ifm-button-background-color: var(--ifm-color-primary)
}
.button.button--primary:not(.button--outline):hover {
--ifm-button-background-color: var(--ifm-color-primary-dark);
--ifm-button-border-color: var(--ifm-color-primary-dark);
}
.button.button.button--primary:active,
.button.button.button--primary.button--active {
--ifm-button-border-color: var(--ifm-color-primary-darker);
--ifm-button-background-color: var(--ifm-color-primary-darker);
background-color: var(
--ifm-color-primary-darker
);
border-color: var(
--ifm-color-primary-darker
);
}
.button.button--secondary {
--ifm-button-border-color: var(--ifm-color-secondary)
}
.button.button--secondary:not(.button--outline) {
--ifm-button-background-color: var(--ifm-color-secondary)
}
.button.button--secondary:not(.button--outline):hover {
--ifm-button-background-color: var(--ifm-color-secondary-dark);
--ifm-button-border-color: var(--ifm-color-secondary-dark);
}
.button.button.button--secondary:active,
.button.button.button--secondary.button--active {
--ifm-button-border-color: var(--ifm-color-secondary-darker);
--ifm-button-background-color: var(--ifm-color-secondary-darker);
background-color: var(
--ifm-color-secondary-darker
);
border-color: var(
--ifm-color-secondary-darker
);
}
.button.button--success {
--ifm-button-border-color: var(--ifm-color-success)
}
.button.button--success:not(.button--outline) {
--ifm-button-background-color: var(--ifm-color-success)
}
.button.button--success:not(.button--outline):hover {
--ifm-button-background-color: var(--ifm-color-success-dark);
--ifm-button-border-color: var(--ifm-color-success-dark);
}
.button.button.button--success:active,
.button.button.button--success.button--active {
--ifm-button-border-color: var(--ifm-color-success-darker);
--ifm-button-background-color: var(--ifm-color-success-darker);
background-color: var(
--ifm-color-success-darker
);
border-color: var(
--ifm-color-success-darker
);
}
.button.button--info {
--ifm-button-border-color: var(--ifm-color-info)
}
.button.button--info:not(.button--outline) {
--ifm-button-background-color: var(--ifm-color-info)
}
.button.button--info:not(.button--outline):hover {
--ifm-button-background-color: var(--ifm-color-info-dark);
--ifm-button-border-color: var(--ifm-color-info-dark);
}
.button.button.button--info:active,
.button.button.button--info.button--active {
--ifm-button-border-color: var(--ifm-color-info-darker);
--ifm-button-background-color: var(--ifm-color-info-darker);
background-color: var(
--ifm-color-info-darker
);
border-color: var(
--ifm-color-info-darker
);
}
.button.button--warning {
--ifm-button-border-color: var(--ifm-color-warning)
}
.button.button--warning:not(.button--outline) {
--ifm-button-background-color: var(--ifm-color-warning)
}
.button.button--warning:not(.button--outline):hover {
--ifm-button-background-color: var(--ifm-color-warning-dark);
--ifm-button-border-color: var(--ifm-color-warning-dark);
}
.button.button.button--warning:active,
.button.button.button--warning.button--active {
--ifm-button-border-color: var(--ifm-color-warning-darker);
--ifm-button-background-color: var(--ifm-color-warning-darker);
background-color: var(
--ifm-color-warning-darker
);
border-color: var(
--ifm-color-warning-darker
);
}
.button.button--danger {
--ifm-button-border-color: var(--ifm-color-danger)
}
.button.button--danger:not(.button--outline) {
--ifm-button-background-color: var(--ifm-color-danger)
}
.button.button--danger:not(.button--outline):hover {
--ifm-button-background-color: var(--ifm-color-danger-dark);
--ifm-button-border-color: var(--ifm-color-danger-dark);
}
.button.button.button--danger:active,
.button.button.button--danger.button--active {
--ifm-button-border-color: var(--ifm-color-danger-darker);
--ifm-button-background-color: var(--ifm-color-danger-darker);
background-color: var(
--ifm-color-danger-darker
);
border-color: var(
--ifm-color-danger-darker
);
}
:root {
--ifm-button-group-margin: 2px;
}
.button-group {
display: inline-flex
}
.button-group > .button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: var(--ifm-button-group-margin);
}
.button-group > .button:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.button-group > .button--active {
z-index: 1;
}
.button-group.button-group--block {
display: flex;
justify-content: stretch
}
.button-group.button-group--block > .button {
flex-grow: 1;
}
:root {
--ifm-card-background-color: var(--ifm-background-surface-color);
--ifm-card-border-radius: calc(var(--ifm-global-radius) * 2);
--ifm-card-horizontal-spacing: var(--ifm-global-spacing);
--ifm-card-vertical-spacing: var(--ifm-global-spacing);
}
.card {
background-color: var(--ifm-card-background-color);
border-radius: var(--ifm-card-border-radius);
box-shadow: var(--ifm-global-shadow-lw);
overflow: hidden;
display: flex;
flex-direction: column
}
.card.card--full-height {
height: 100%;
}
.card .card__image {
padding-top: var(--ifm-card-vertical-spacing)
}
.card .card__image:first-child {
padding-top: 0;
}
.card .card__header,
.card .card__body,
.card .card__footer {
padding: var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)
}
.card .card__header:not(:last-child), .card .card__body:not(:last-child), .card .card__footer:not(:last-child) {
padding-bottom: 0;
}
.card .card__header > :last-child, .card .card__body > :last-child, .card .card__footer > :last-child {
margin-bottom: 0;
}
.card .card__footer {
margin-top: auto;
}
:root {
--ifm-contents-border-color: var(--ifm-color-emphasis-300);
--ifm-contents-link-color: var(--ifm-color-content-secondary);
--ifm-contents-padding-left: 0.5rem;
--ifm-contents-padding-vertical: 0.5rem;
}
.contents {
font-size: 0.8rem;
margin-bottom: 0;
padding-bottom: var(--ifm-contents-padding-vertical);
padding-top: var(--ifm-contents-padding-vertical)
}
.contents,
.contents ul {
list-style-type: none;
padding-left: var(--ifm-contents-padding-left);
}
.contents li {
margin: var(--ifm-contents-padding-vertical);
}
.contents.contents__left-border {
border-left-color: var(--ifm-contents-border-color);
border-left-style: solid;
border-left-width: 1px;
}
.contents .contents__link {
color: var(--ifm-contents-link-color)
}
.contents .contents__link:hover,
.contents .contents__link:hover code,
.contents .contents__link.contents__link--active,
.contents .contents__link.contents__link--active code {
color: var(--ifm-color-primary);
text-decoration: none;
}
.close {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
color: var(--ifm-color-black);
cursor: pointer;
float: right;
font-size: 1.5rem;
font-weight: var(--ifm-font-weight-bold);
line-height: 1;
opacity: 0.5;
outline: 0;
padding: 1rem
}
.close:hover {
opacity: 0.7;
}
.close:focus {
opacity: 0.8;
}
:root {
--ifm-dropdown-background-color: var(--ifm-background-surface-color);
--ifm-dropdown-font-weight: var(--ifm-font-weight-semibold);
--ifm-dropdown-link-color: var(--ifm-font-base-color);
--ifm-dropdown-hover-background-color: var(--ifm-hover-overlay);
}
.dropdown {
display: inline-flex;
font-weight: var(--ifm-dropdown-font-weight);
position: relative;
vertical-align: top
}
.dropdown.dropdown--hoverable:hover .dropdown__menu, .dropdown.dropdown--show .dropdown__menu {
display: block;
}
.dropdown.dropdown--right .dropdown__menu {
right: 0;
}
.dropdown .dropdown__menu {
background-color: var(--ifm-dropdown-background-color);
border-radius: var(--ifm-global-radius);
box-shadow: var(--ifm-global-shadow-md);
display: none;
min-width: 10rem;
list-style: none;
padding: 0.5rem;
position: absolute;
top: 100%;
z-index: var(--ifm-z-index-dropdown)
}
.dropdown .dropdown__menu .dropdown__link {
border-radius: 0.375rem;
color: var(--ifm-dropdown-link-color);
display: block;
font-size: 0.875rem;
padding: 0.375rem 0.5rem;
white-space: nowrap
}
.dropdown .dropdown__menu .dropdown__link:hover {
background-color: var(--ifm-dropdown-hover-background-color);
text-decoration: none;
}
:root {
--ifm-footer-background-color: var(--ifm-color-emphasis-100);
--ifm-footer-color: inherit;
--ifm-footer-link-color: var(--ifm-color-emphasis-700);
--ifm-footer-link-hover-color: var(--ifm-color-primary);
--ifm-footer-link-horizontal-spacing: 0.5rem;
--ifm-footer-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 2);
--ifm-footer-padding-vertical: calc(var(--ifm-spacing-vertical) * 2);
--ifm-footer-title-color: inherit;
}
.footer {
background-color: var(--ifm-footer-background-color);
color: var(--ifm-footer-color);
padding: var(--ifm-footer-padding-vertical)
var(--ifm-footer-padding-horizontal);
width: 100%
}
.footer.footer--dark {
--ifm-footer-background-color: #303846;
--ifm-footer-color: var(--ifm-footer-link-color);
--ifm-footer-link-color: var(--ifm-color-secondary);
--ifm-footer-title-color: var(--ifm-color-white);
background-color: var(--ifm-footer-background-color);
color: var(--ifm-footer-color)
}
.footer.footer--dark .footer__link-item {
color: var(--ifm-footer-link-color);
}
.footer.footer--dark .footer__title {
color: var(--ifm-footer-title-color);
}
.footer .footer__links {
margin-bottom: 1rem;
}
.footer .footer__link-item {
color: var(--ifm-footer-link-color);
line-height: 2
}
.footer .footer__link-item:hover {
color: var(--ifm-footer-link-hover-color);
}
.footer .footer__link-separator {
margin-left: var(--ifm-footer-link-horizontal-spacing);
margin-right: var(--ifm-footer-link-horizontal-spacing);
}
.footer .footer__logo {
margin-top: 1rem;
max-width: 10rem;
}
.footer .footer__title {
color: var(--ifm-footer-title-color);
}
.footer .footer__item {
margin-top: 0;
}
.footer .footer__items {
list-style-type: none;
margin-bottom: 0;
padding-left: 0;
}
@media (max-width: 996px) {
.footer {
--ifm-footer-padding-horizontal: 0;
padding: var(--ifm-footer-padding-vertical)
var(--ifm-footer-padding-horizontal)
}
.footer .footer__link-separator {
display: none;
}
.footer .footer__col {
margin-bottom: calc(var(--ifm-spacing-vertical) * 3);
}
.footer .footer__link-item {
display: block;
}
}
[type='checkbox'] {
padding: 0;
}
:root {
--ifm-hero-background-color: var(--ifm-background-surface-color);
--ifm-hero-text-color: var(--ifm-color-emphasis-800);
}
.hero {
align-items: center;
background-color: var(--ifm-hero-background-color);
color: var(--ifm-hero-text-color);
display: flex;
padding: 4rem 2rem
}
.hero.hero--primary {
--ifm-hero-background-color: var(--ifm-color-primary);
--ifm-hero-text-color: var(--ifm-font-base-color-inverse);
background-color: var(--ifm-hero-background-color);
color: var(--ifm-hero-text-color);
}
.hero.hero--dark {
--ifm-hero-background-color: #303846;
--ifm-hero-text-color: var(--ifm-color-white);
background-color: var(--ifm-hero-background-color);
color: var(--ifm-hero-text-color);
}
.hero .hero__title {
font-size: 3rem;
}
.hero .hero__subtitle {
font-size: 1.5rem;
}
@media (max-width: 996px) {
.hero {
padding-left: 0;
padding-right: 0
}
}
:root {
--ifm-menu-color: var(--ifm-color-emphasis-700);
--ifm-menu-color-active: var(--ifm-color-primary);
--ifm-menu-color-background-active: var(--ifm-hover-overlay);
--ifm-menu-color-background-hover: var(--ifm-hover-overlay);
--ifm-menu-link-padding-horizontal: 1rem;
--ifm-menu-link-padding-vertical: 0.375rem;
--ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg alt="Arrow" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6