.docusaurus-highlight-code-line {
background-color: rgb(72, 77, 91);
display: block;
margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 var(--ifm-pre-padding);
}
/* Loading icon */
.redocusaurus > div:first-child > svg {
margin-top: 10px;
max-width: 4rem;
max-height: 4rem;
}
/* Table row color override to match your Docusaurus CSS */
.redocusaurus table > tbody > tr {
background-color: var(--ifm-table-cell-color) !important;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/* Common */
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--ifm-color-scheme: light;
/* Colors. */
--ifm-dark-value: 10%;
--ifm-darker-value: 15%;
--ifm-darkest-value: 30%;
--ifm-light-value: 15%;
--ifm-lighter-value: 30%;
--ifm-lightest-value: 50%;
/*
This seems like a lot, but we want to ensure enough contrast.
Goal is to have a min score of 3 on https://www.myndex.com/APCA/fullmatrix
For fontWeight 400 + score 3, the cell must show a value < 16px (fontsize we use in places like alerts)
See also https://github.com/facebookincubator/infima/issues/55#issuecomment-884023075
*/
--ifm-contrast-background-value: 90%;
--ifm-contrast-foreground-value: 70%;
/* Using slightly different values for dark mode */
--ifm-contrast-background-dark-value: 70%;
--ifm-contrast-foreground-dark-value: 90%;
--ifm-color-primary: #3578e5;
--ifm-color-secondary: #ebedf0;
--ifm-color-success: #00a400;
--ifm-color-info: #54c7ec;
--ifm-color-warning: #ffba00;
--ifm-color-danger: #fa383e;
--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-primary-contrast-background: rgb(235, 242, 252);
--ifm-color-primary-contrast-foreground: rgb(16, 36, 69);
--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-secondary-contrast-background: rgb(253, 253, 254);
--ifm-color-secondary-contrast-foreground: rgb(71, 71, 72);
--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-success-contrast-background: rgb(230, 246, 230);
--ifm-color-success-contrast-foreground: rgb(0, 49, 0);
--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-info-contrast-background: rgb(238, 249, 253);
--ifm-color-info-contrast-foreground: rgb(25, 60, 71);
--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-warning-contrast-background: rgb(255, 248, 230);
--ifm-color-warning-contrast-foreground: rgb(77, 56, 0);
--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-danger-contrast-background: rgb(255, 235, 236);
--ifm-color-danger-contrast-foreground: rgb(75, 17, 19);
--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);
/* Base. */
--ifm-color-content: var(--ifm-color-emphasis-900);
--ifm-color-content-inverse: var(--ifm-color-emphasis-0);
--ifm-color-content-secondary: #525860;
--ifm-background-color: transparent; /* Body's background. */
--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);
/* Typography. */
--ifm-font-color-base: var(--ifm-color-content);
--ifm-font-color-base-inverse: var(--ifm-color-content-inverse);
--ifm-font-color-secondary: 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: 100%;
--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.65;
/* Spacing. */
--ifm-global-spacing: 1rem;
--ifm-spacing-vertical: var(--ifm-global-spacing);
--ifm-spacing-horizontal: var(--ifm-global-spacing);
/* Transitions. */
--ifm-transition-fast: 200ms;
--ifm-transition-slow: 400ms;
--ifm-transition-timing-default: cubic-bezier(0.08, 0.52, 0.52, 1);
/* Shadows. */
--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);
/* Z-index. */
--ifm-z-index-dropdown: 100;
--ifm-z-index-fixed: 200;
--ifm-z-index-overlay: 400;
--ifm-container-width: 1140px;
--ifm-container-width-xl: 1320px;
--ifm-code-background: rgb(246, 247, 248);
--ifm-code-border-radius: var(--ifm-global-radius);
--ifm-code-font-size: 90%;
--ifm-code-padding-horizontal: 0.1rem;
--ifm-code-padding-vertical: 0.1rem;
--ifm-pre-background: var(--ifm-code-background);
--ifm-pre-border-radius: var(--ifm-code-border-radius);
--ifm-pre-color: inherit;
--ifm-pre-line-height: 1.45;
--ifm-pre-padding: 1rem;
--ifm-heading-color: inherit;
--ifm-heading-margin-top: 0;
--ifm-heading-margin-bottom: var(--ifm-spacing-vertical);
--ifm-heading-font-family: var(--ifm-font-family-base);
--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;
--ifm-image-alignment-padding: 1.25rem;
/* Leading is the distance between two baselines */
/* TODO: add appropriate mobile leading */
--ifm-leading-desktop: 1.25;
--ifm-leading: calc(var(--ifm-leading-desktop) * 1rem);
--ifm-list-left-padding: 2rem;
--ifm-list-margin: 1rem;
--ifm-list-item-margin: 0.25rem;
--ifm-list-paragraph-margin: 1rem;
--ifm-table-cell-padding: 0.75rem;
--ifm-table-background: transparent;
--ifm-table-stripe-background: rgba(0, 0, 0, 0.03);
--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;
/* Links. */
--ifm-link-color: var(--ifm-color-primary);
--ifm-link-decoration: none;
--ifm-link-hover-color: var(--ifm-link-color);
--ifm-link-hover-decoration: underline;
/* Paragraphs. */
--ifm-paragraph-margin-bottom: var(--ifm-leading);
/* Blockquotes. */
--ifm-blockquote-font-size: var(--ifm-font-size-base);
--ifm-blockquote-border-left-width: 2px;
--ifm-blockquote-padding-horizontal: var(--ifm-spacing-horizontal);
--ifm-blockquote-padding-vertical: 0;
--ifm-blockquote-shadow: none;
--ifm-blockquote-color: var(--ifm-color-emphasis-800);
--ifm-blockquote-border-color: var(--ifm-color-emphasis-300);
/* Horizontal Rules. */
--ifm-hr-background-color: var(--ifm-color-emphasis-500);
--ifm-hr-height: 1px;
--ifm-hr-margin-vertical: 1.5rem;
--ifm-scrollbar-size: 7px;
--ifm-scrollbar-track-background-color: #f1f1f1;
--ifm-scrollbar-thumb-background-color: #c0c0c0;
--ifm-scrollbar-thumb-hover-background-color: #a7a7a7;
--ifm-alert-background-color: inherit; /* Set a default which will be overridden later. */
--ifm-alert-border-color: inherit; /* Set a default which will be overridden later. */
--ifm-alert-border-radius: var(--ifm-global-radius);
--ifm-alert-border-width: 0px; /* For users that want to easily add a border */
--ifm-alert-border-left-width: 5px;
--ifm-alert-color: var(--ifm-font-color-base);
--ifm-alert-padding-horizontal: var(--ifm-spacing-horizontal);
--ifm-alert-padding-vertical: var(--ifm-spacing-vertical);
--ifm-alert-shadow: var(--ifm-global-shadow-lw);
--ifm-avatar-intro-margin: 1rem;
--ifm-avatar-intro-alignment: inherit;
--ifm-avatar-photo-size: 3rem;
--ifm-badge-background-color: inherit; /* Set a default which will be overridden later. */
--ifm-badge-border-color: inherit; /* Set a default which will be overridden later. */
--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);
--ifm-breadcrumb-border-radius: 1.5rem;
--ifm-breadcrumb-spacing: 0.5rem;
--ifm-breadcrumb-color-active: var(--ifm-color-primary);
--ifm-breadcrumb-item-background-active: var(--ifm-hover-overlay);
--ifm-breadcrumb-padding-horizontal: 0.8rem;
--ifm-breadcrumb-padding-vertical: 0.4rem;
--ifm-breadcrumb-size-multiplier: 1;
--ifm-breadcrumb-separator: url('data:image/svg+xml;utf8,');
--ifm-breadcrumb-separator-filter: none;
--ifm-breadcrumb-separator-size: 0.5rem;
--ifm-breadcrumb-separator-size-multiplier: 1.25;
--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-color-base-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)
);
--ifm-button-group-spacing: 2px;
--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);
--ifm-toc-border-color: var(--ifm-color-emphasis-300);
--ifm-toc-link-color: var(--ifm-color-content-secondary);
--ifm-toc-padding-vertical: 0.5rem;
--ifm-toc-padding-horizontal: 0.5rem;
--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-color-base);
--ifm-dropdown-hover-background-color: var(--ifm-hover-overlay);
--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;
--ifm-footer-logo-max-width: min(30rem, 90vw);
--ifm-hero-background-color: var(--ifm-background-surface-color);
--ifm-hero-text-color: var(--ifm-color-emphasis-800);
--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: 0.75rem;
--ifm-menu-link-padding-vertical: 0.375rem;
--ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,');
--ifm-menu-link-sublist-icon-filter: none;
--ifm-navbar-background-color: var(--ifm-background-surface-color);
--ifm-navbar-height: 3.75rem;
--ifm-navbar-item-padding-horizontal: 0.75rem;
--ifm-navbar-item-padding-vertical: 0.25rem;
--ifm-navbar-link-color: var(--ifm-font-color-base);
--ifm-navbar-link-hover-color: var(--ifm-color-primary);
--ifm-navbar-link-active-color: var(--ifm-link-color);
--ifm-navbar-padding-horizontal: var(--ifm-spacing-horizontal);
--ifm-navbar-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.5);
--ifm-navbar-shadow: var(--ifm-global-shadow-lw);
--ifm-navbar-search-input-background-color: var(--ifm-color-emphasis-200);
--ifm-navbar-search-input-color: var(--ifm-color-emphasis-800);
--ifm-navbar-search-input-placeholder-color: var(--ifm-color-emphasis-500);
--ifm-navbar-search-input-icon: url('data:image/svg+xml;utf8,');
--ifm-navbar-sidebar-width: 83vw;
--ifm-pagination-border-radius: var(--ifm-global-radius);
--ifm-pagination-color-active: var(--ifm-color-primary);
--ifm-pagination-font-size: 1rem;
--ifm-pagination-item-active-background: var(--ifm-hover-overlay);
--ifm-pagination-page-spacing: 0.2em;
--ifm-pagination-padding-horizontal: calc(var(--ifm-spacing-horizontal) * 1);
--ifm-pagination-padding-vertical: calc(var(--ifm-spacing-vertical) * 0.25);
--ifm-pagination-nav-border-radius: var(--ifm-global-radius);
--ifm-pagination-nav-color-hover: var(--ifm-color-primary);
--ifm-pills-color-active: var(--ifm-color-primary);
--ifm-pills-color-background-active: var(--ifm-hover-overlay);
--ifm-pills-spacing: 0.125rem;
--ifm-tabs-color: var(--ifm-font-color-secondary);
--ifm-tabs-color-active: var(--ifm-color-primary);
--ifm-tabs-color-active-border: var(--ifm-tabs-color-active);
--ifm-tabs-padding-horizontal: 1rem;
--ifm-tabs-padding-vertical: 1rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
* {
box-sizing: border-box;
}
html {
background-color: var(--ifm-background-color);
color: var(--ifm-font-color-base);
color-scheme: var(--ifm-color-scheme);
font: var(--ifm-font-size-base) / var(--ifm-line-height-base)
var(--ifm-font-family-base);
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
text-rendering: optimizelegibility;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
margin: 0;
word-wrap: break-word;
}
iframe {
border: 0;
color-scheme: auto;
}
/* Layout */
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.container {
margin: 0 auto;
max-width: var(--ifm-container-width);
padding: 0 var(--ifm-spacing-horizontal);
width: 100%;
}
.container--fluid {
max-width: inherit;
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 calc(var(--ifm-spacing-horizontal) * -1);
}
.row--no-gutters {
margin-left: 0;
margin-right: 0;
}
.row--no-gutters > .col {
padding-left: 0;
padding-right: 0;
}
.row--align-top {
align-items: flex-start;
}
.row--align-bottom {
align-items: flex-end;
}
.row--align-center {
align-items: center;
}
.row--align-stretch {
align-items: stretch;
}
.row--align-baseline {
align-items: baseline;
}
.col {
--ifm-col-width: 100%;
flex: 1 0;
margin-left: 0;
max-width: var(--ifm-col-width);
padding: 0 var(--ifm-spacing-horizontal);
width: 100%;
}
.col[class*='col--'] {
flex: 0 0 var(--ifm-col-width);
}
.col--1 {
--ifm-col-width: calc(1 / 12 * 100%);
}
.col--offset-1 {
margin-left: calc(1 / 12 * 100%);
}
.col--2 {
--ifm-col-width: calc(2 / 12 * 100%);
}
.col--offset-2 {
margin-left: calc(2 / 12 * 100%);
}
.col--3 {
--ifm-col-width: calc(3 / 12 * 100%);
}
.col--offset-3 {
margin-left: calc(3 / 12 * 100%);
}
.col--4 {
--ifm-col-width: calc(4 / 12 * 100%);
}
.col--offset-4 {
margin-left: calc(4 / 12 * 100%);
}
.col--5 {
--ifm-col-width: calc(5 / 12 * 100%);
}
.col--offset-5 {
margin-left: calc(5 / 12 * 100%);
}
.col--6 {
--ifm-col-width: calc(6 / 12 * 100%);
}
.col--offset-6 {
margin-left: calc(6 / 12 * 100%);
}
.col--7 {
--ifm-col-width: calc(7 / 12 * 100%);
}
.col--offset-7 {
margin-left: calc(7 / 12 * 100%);
}
.col--8 {
--ifm-col-width: calc(8 / 12 * 100%);
}
.col--offset-8 {
margin-left: calc(8 / 12 * 100%);
}
.col--9 {
--ifm-col-width: calc(9 / 12 * 100%);
}
.col--offset-9 {
margin-left: calc(9 / 12 * 100%);
}
.col--10 {
--ifm-col-width: calc(10 / 12 * 100%);
}
.col--offset-10 {
margin-left: calc(10 / 12 * 100%);
}
.col--11 {
--ifm-col-width: calc(11 / 12 * 100%);
}
.col--offset-11 {
margin-left: calc(11 / 12 * 100%);
}
.col--12 {
--ifm-col-width: calc(12 / 12 * 100%);
}
.col--offset-12 {
margin-left: calc(12 / 12 * 100%);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.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;
}
/* Content */
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
code {
background-color: var(--ifm-code-background);
border: 0.1rem solid rgba(0, 0, 0, 0.1);
border-radius: var(--ifm-code-border-radius);
font-family: var(--ifm-font-family-monospace);
font-size: var(--ifm-code-font-size);
padding: var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal);
vertical-align: middle;
}
a code {
color: inherit;
}
pre {
background-color: var(--ifm-pre-background);
border-radius: var(--ifm-pre-border-radius);
color: var(--ifm-pre-color);
font: var(--ifm-code-font-size) / var(--ifm-pre-line-height)
var(--ifm-font-family-monospace);
margin: 0 0 var(--ifm-spacing-vertical);
overflow: auto;
padding: var(--ifm-pre-padding);
}
pre code {
background-color: transparent;
border: none;
font-size: 100%;
line-height: inherit;
padding: 0;
}
kbd {
background-color: var(--ifm-color-emphasis-0);
border: 1px solid var(--ifm-color-emphasis-400);
border-radius: 0.2rem;
box-shadow: inset 0 -1px 0 var(--ifm-color-emphasis-400);
color: var(--ifm-color-emphasis-800);
font: 80% var(--ifm-font-family-monospace);
padding: 0.15rem 0.3rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--ifm-heading-color);
font-family: var(--ifm-heading-font-family);
font-weight: var(--ifm-heading-font-weight);
line-height: var(--ifm-heading-line-height);
margin: var(--ifm-heading-margin-top) 0 var(--ifm-heading-margin-bottom) 0;
}
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);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
img {
max-width: 100%;
}
img[align='right'] {
padding-left: var(--image-alignment-padding);
}
img[align='left'] {
padding-right: var(--image-alignment-padding);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.markdown {
--ifm-h1-vertical-rhythm-top: 3;
--ifm-h2-vertical-rhythm-top: 2;
--ifm-h3-vertical-rhythm-top: 1.5;
--ifm-heading-vertical-rhythm-top: 1.25;
--ifm-h1-vertical-rhythm-bottom: 1.25;
--ifm-heading-vertical-rhythm-bottom: 1;
}
.markdown:before {
content: '';
display: table;
}
.markdown:after {
clear: both;
content: '';
display: table;
}
.markdown > *:last-child {
margin-bottom: 0 !important;
}
.markdown h1:first-child {
--ifm-h1-font-size: 3rem;
margin-bottom: calc(
var(--ifm-h1-vertical-rhythm-bottom) * var(--ifm-leading)
);
}
.markdown > h2 {
--ifm-h2-font-size: 2rem;
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 {
--ifm-h3-font-size: 1.5rem;
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)
);
}
/* Consistent spacing between content paragraphs. */
.markdown > pre,
.markdown > ul,
.markdown > p {
margin-bottom: var(--ifm-leading);
}
.markdown li {
word-wrap: break-word;
}
.markdown li > p {
margin-top: var(--ifm-list-paragraph-margin);
}
.markdown li + li {
margin-top: var(--ifm-list-item-margin);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/* Lists */
ul,
ol {
margin: 0 0 var(--ifm-list-margin);
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: 0;
}
ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
list-style-type: lower-alpha;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
table {
border-collapse: collapse;
display: block;
margin-bottom: var(--ifm-spacing-vertical);
overflow: auto;
}
table thead tr {
border-bottom: 2px solid var(--ifm-table-border-color);
}
table thead {
background-color: var(--ifm-table-stripe-background);
}
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);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
strong {
font-weight: var(--ifm-font-weight-bold);
}
/* Links */
a {
color: var(--ifm-link-color);
/* autoprefixer: ignore next */
text-decoration: var(--ifm-link-decoration);
transition: color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}
a:hover {
color: var(--ifm-link-hover-color);
/* autoprefixer: ignore next */
text-decoration: var(--ifm-link-hover-decoration);
}
a:not([href]) {
-webkit-text-decoration: none;
text-decoration: none;
}
/* Paragraphs */
p {
margin: 0 0 var(--ifm-paragraph-margin-bottom);
}
/* Blockquotes */
blockquote {
border-left: var(--ifm-blockquote-border-left-width) solid
var(--ifm-blockquote-border-color);
box-shadow: var(--ifm-blockquote-shadow);
color: var(--ifm-blockquote-color);
font-size: var(--ifm-blockquote-font-size);
margin: 0 0 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;
}
/* Horizontal Rules */
hr {
background-color: var(--ifm-hr-background-color);
border: 0;
height: var(--ifm-hr-height);
margin: var(--ifm-hr-margin-vertical) 0;
}
/* Utilities */
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.shadow--lw {
box-shadow: var(--ifm-global-shadow-lw) !important;
}
.shadow--md {
box-shadow: var(--ifm-global-shadow-md) !important;
}
.shadow--tl {
box-shadow: var(--ifm-global-shadow-tl) !important;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.text--primary {
color: var(--ifm-color-primary);
}
.text--secondary {
color: var(--ifm-color-secondary);
}
.text--success {
color: var(--ifm-color-success);
}
.text--info {
color: var(--ifm-color-info);
}
.text--warning {
color: var(--ifm-color-warning);
}
.text--danger {
color: var(--ifm-color-danger);
}
.text--center {
text-align: center;
}
.text--left {
text-align: left;
}
.text--justify {
text-align: justify;
}
.text--right {
text-align: right;
}
.text--capitalize {
text-transform: capitalize;
}
.text--lowercase {
text-transform: lowercase;
}
.text--uppercase {
text-transform: uppercase;
}
.text--light {
font-weight: var(--ifm-font-weight-light);
}
.text--normal {
font-weight: var(--ifm-font-weight-normal);
}
.text--semibold {
font-weight: var(--ifm-font-weight-semibold);
}
.text--bold {
font-weight: var(--ifm-font-weight-bold);
}
.text--italic {
font-style: italic;
}
.text--truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text--break {
word-wrap: break-word !important;
word-break: break-word !important;
}
.text--no-decoration,
.text--no-decoration:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.clean-btn {
background: none;
border: none;
color: inherit;
cursor: pointer;
font-family: inherit;
padding: 0;
}
.clean-list {
list-style: none;
padding-left: 0;
}
/* Components */
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.alert--primary {
--ifm-alert-background-color: var(
--ifm-color-primary-contrast-background
);
--ifm-alert-background-color-highlight: rgba(53, 120, 229, 0.15);
--ifm-alert-foreground-color: var(
--ifm-color-primary-contrast-foreground
);
--ifm-alert-border-color: var(--ifm-color-primary-dark);
}
.alert--secondary {
--ifm-alert-background-color: var(
--ifm-color-secondary-contrast-background
);
--ifm-alert-background-color-highlight: rgba(235, 237, 240, 0.15);
--ifm-alert-foreground-color: var(
--ifm-color-secondary-contrast-foreground
);
--ifm-alert-border-color: var(--ifm-color-secondary-dark);
}
.alert--success {
--ifm-alert-background-color: var(
--ifm-color-success-contrast-background
);
--ifm-alert-background-color-highlight: rgba(0, 164, 0, 0.15);
--ifm-alert-foreground-color: var(
--ifm-color-success-contrast-foreground
);
--ifm-alert-border-color: var(--ifm-color-success-dark);
}
.alert--info {
--ifm-alert-background-color: var(
--ifm-color-info-contrast-background
);
--ifm-alert-background-color-highlight: rgba(84, 199, 236, 0.15);
--ifm-alert-foreground-color: var(
--ifm-color-info-contrast-foreground
);
--ifm-alert-border-color: var(--ifm-color-info-dark);
}
.alert--warning {
--ifm-alert-background-color: var(
--ifm-color-warning-contrast-background
);
--ifm-alert-background-color-highlight: rgba(255, 186, 0, 0.15);
--ifm-alert-foreground-color: var(
--ifm-color-warning-contrast-foreground
);
--ifm-alert-border-color: var(--ifm-color-warning-dark);
}
.alert--danger {
--ifm-alert-background-color: var(
--ifm-color-danger-contrast-background
);
--ifm-alert-background-color-highlight: rgba(250, 56, 62, 0.15);
--ifm-alert-foreground-color: var(
--ifm-color-danger-contrast-foreground
);
--ifm-alert-border-color: var(--ifm-color-danger-dark);
}
.alert {
--ifm-code-background: var(--ifm-alert-background-color-highlight);
--ifm-link-color: var(--ifm-alert-foreground-color);
--ifm-link-hover-color: var(--ifm-alert-foreground-color);
--ifm-link-decoration: underline;
--ifm-tabs-color: var(--ifm-alert-foreground-color);
--ifm-tabs-color-active: var(--ifm-alert-foreground-color);
--ifm-tabs-color-active-border: var(--ifm-alert-border-color);
background-color: var(--ifm-alert-background-color);
border: var(--ifm-alert-border-width) solid var(--ifm-alert-border-color);
border-left-width: var(--ifm-alert-border-left-width);
border-radius: var(--ifm-alert-border-radius);
box-shadow: var(--ifm-alert-shadow);
color: var(--ifm-alert-foreground-color);
padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal);
}
.alert__heading {
align-items: center;
display: flex;
font: bold var(--ifm-h5-font-size) / var(--ifm-heading-line-height)
var(--ifm-heading-font-family);
margin-bottom: 0.5rem;
text-transform: uppercase;
}
.alert__icon {
display: inline-flex;
margin-right: 0.4em;
}
.alert__icon svg {
fill: var(--ifm-alert-foreground-color);
stroke: var(--ifm-alert-foreground-color);
stroke-width: 0;
}
.alert .close {
color: var(--ifm-alert-foreground-color);
margin: calc(var(--ifm-alert-padding-vertical) * -1)
calc(var(--ifm-alert-padding-horizontal) * -1) 0 0;
opacity: 0.75;
}
.alert .close:hover,
.alert .close:focus {
opacity: 1;
}
.alert a {
text-decoration-color: var(--ifm-alert-border-color);
}
.alert a:hover {
text-decoration-thickness: 2px;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.avatar {
column-gap: var(--ifm-avatar-intro-margin);
display: flex;
}
.avatar__photo {
border-radius: 50%;
display: block;
height: var(--ifm-avatar-photo-size);
overflow: hidden;
width: var(--ifm-avatar-photo-size);
}
.avatar__photo--sm {
--ifm-avatar-photo-size: 2rem;
}
.avatar__photo--lg {
--ifm-avatar-photo-size: 4rem;
}
.avatar__photo--xl {
--ifm-avatar-photo-size: 6rem;
}
.avatar__intro {
display: flex;
flex: 1 1;
flex-direction: column;
justify-content: center;
text-align: var(--ifm-avatar-intro-alignment);
}
.avatar__name {
font: bold var(--ifm-h4-font-size) / var(--ifm-heading-line-height)
var(--ifm-font-family-base);
}
.avatar__subtitle {
margin-top: 0.25rem;
}
.avatar--vertical {
--ifm-avatar-intro-alignment: center;
--ifm-avatar-intro-margin: 0.5rem;
align-items: center;
flex-direction: column;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.badge {
background-color: var(--ifm-badge-background-color);
border: var(--ifm-badge-border-width) solid var(--ifm-badge-border-color);
border-radius: var(--ifm-badge-border-radius);
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);
}
.badge--primary {
--ifm-badge-background-color: var(--ifm-color-primary);
--ifm-badge-border-color: var(--ifm-badge-background-color);
}
.badge--secondary {
--ifm-badge-background-color: var(--ifm-color-secondary);
--ifm-badge-border-color: var(--ifm-badge-background-color);
color: var(--ifm-color-black);
}
.badge--success {
--ifm-badge-background-color: var(--ifm-color-success);
--ifm-badge-border-color: var(--ifm-badge-background-color);
}
.badge--info {
--ifm-badge-background-color: var(--ifm-color-info);
--ifm-badge-border-color: var(--ifm-badge-background-color);
}
.badge--warning {
--ifm-badge-background-color: var(--ifm-color-warning);
--ifm-badge-border-color: var(--ifm-badge-background-color);
}
.badge--danger {
--ifm-badge-background-color: var(--ifm-color-danger);
--ifm-badge-border-color: var(--ifm-badge-background-color);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.breadcrumbs {
margin-bottom: 0;
padding-left: 0;
}
.breadcrumbs__item {
display: inline-block;
}
.breadcrumbs__item:not(:last-child):after {
background: var(--ifm-breadcrumb-separator) center;
content: ' ';
display: inline-block;
filter: var(--ifm-breadcrumb-separator-filter);
height: calc(
var(--ifm-breadcrumb-separator-size) *
var(--ifm-breadcrumb-size-multiplier) *
var(--ifm-breadcrumb-separator-size-multiplier)
);
margin: 0 var(--ifm-breadcrumb-spacing);
opacity: 0.5;
width: calc(
var(--ifm-breadcrumb-separator-size) *
var(--ifm-breadcrumb-size-multiplier) *
var(--ifm-breadcrumb-separator-size-multiplier)
);
/*rtl:raw:
transform: rotate(180deg);
*/
}
.breadcrumbs__item--active .breadcrumbs__link {
background: var(--ifm-breadcrumb-item-background-active);
color: var(--ifm-breadcrumb-color-active);
}
.breadcrumbs__link {
border-radius: var(--ifm-breadcrumb-border-radius);
color: var(--ifm-font-color-base);
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)
);
transition-property: background, color;
transition-duration: var(--ifm-transition-fast);
transition-timing-function: var(--ifm-transition-timing-default);
}
.breadcrumbs__link:link:hover, .breadcrumbs__link:visited:hover, area[href].breadcrumbs__link:hover {
background: var(--ifm-breadcrumb-item-background-active);
-webkit-text-decoration: none;
text-decoration: none;
}
.breadcrumbs__link:any-link:hover {
background: var(--ifm-breadcrumb-item-background-active);
-webkit-text-decoration: none;
text-decoration: none;
}
.breadcrumbs--sm {
--ifm-breadcrumb-size-multiplier: 0.8;
}
.breadcrumbs--lg {
--ifm-breadcrumb-size-multiplier: 1.2;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.button {
background-color: var(--ifm-button-background-color);
border: var(--ifm-button-border-width) solid var(--ifm-button-border-color);
border-radius: var(--ifm-button-border-radius);
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;
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;
-webkit-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
transition-property: color, background, border-color;
transition-duration: var(--ifm-button-transition-duration);
transition-timing-function: var(--ifm-transition-timing-default);
}
.button:hover {
color: var(--ifm-button-color); /* Override for button links. */
-webkit-text-decoration: none;
text-decoration: none;
}
.button--outline {
--ifm-button-background-color: transparent;
--ifm-button-color: var(--ifm-button-border-color);
}
.button--outline:hover {
--ifm-button-background-color: var(--ifm-button-border-color);
}
.button--outline:hover,
.button--outline:active,
.button--outline.button--active {
--ifm-button-color: var(--ifm-font-color-base-inverse);
}
.button--link {
--ifm-button-background-color: transparent;
--ifm-button-border-color: transparent;
color: var(--ifm-link-color);
/* autoprefixer: ignore next */
text-decoration: var(--ifm-link-decoration);
}
.button--link:hover,
.button--link:active,
.button--link.button--active {
color: var(--ifm-link-hover-color);
/* autoprefixer: ignore next */
text-decoration: var(--ifm-link-hover-decoration);
}
.button.disabled,
.button:disabled,
.button[disabled] {
opacity: 0.65;
pointer-events: none;
}
.button--sm {
--ifm-button-size-multiplier: 0.8;
}
.button--lg {
--ifm-button-size-multiplier: 1.35;
}
.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-color-base);
}
:where(.button--primary) {
--ifm-button-background-color: var(--ifm-color-primary);
--ifm-button-border-color: var(--ifm-color-primary);
}
:where(.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--primary:active,
.button--primary.button--active {
--ifm-button-background-color: var(--ifm-color-primary-darker);
--ifm-button-border-color: var(--ifm-color-primary-darker);
}
:where(.button--secondary) {
--ifm-button-background-color: var(--ifm-color-secondary);
--ifm-button-border-color: var(--ifm-color-secondary);
}
:where(.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--secondary:active,
.button--secondary.button--active {
--ifm-button-background-color: var(--ifm-color-secondary-darker);
--ifm-button-border-color: var(--ifm-color-secondary-darker);
}
:where(.button--success) {
--ifm-button-background-color: var(--ifm-color-success);
--ifm-button-border-color: var(--ifm-color-success);
}
:where(.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--success:active,
.button--success.button--active {
--ifm-button-background-color: var(--ifm-color-success-darker);
--ifm-button-border-color: var(--ifm-color-success-darker);
}
:where(.button--info) {
--ifm-button-background-color: var(--ifm-color-info);
--ifm-button-border-color: var(--ifm-color-info);
}
:where(.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--info:active,
.button--info.button--active {
--ifm-button-background-color: var(--ifm-color-info-darker);
--ifm-button-border-color: var(--ifm-color-info-darker);
}
:where(.button--warning) {
--ifm-button-background-color: var(--ifm-color-warning);
--ifm-button-border-color: var(--ifm-color-warning);
}
:where(.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--warning:active,
.button--warning.button--active {
--ifm-button-background-color: var(--ifm-color-warning-darker);
--ifm-button-border-color: var(--ifm-color-warning-darker);
}
:where(.button--danger) {
--ifm-button-background-color: var(--ifm-color-danger);
--ifm-button-border-color: var(--ifm-color-danger);
}
:where(.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--danger:active,
.button--danger.button--active {
--ifm-button-background-color: var(--ifm-color-danger-darker);
--ifm-button-border-color: var(--ifm-color-danger-darker);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.button-group {
display: inline-flex;
gap: var(--ifm-button-group-spacing);
}
.button-group > .button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.button-group > .button:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.button-group--block {
display: flex;
justify-content: stretch;
}
.button-group--block > .button {
flex-grow: 1;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.card {
background-color: var(--ifm-card-background-color);
border-radius: var(--ifm-card-border-radius);
box-shadow: var(--ifm-global-shadow-lw);
display: flex;
flex-direction: column;
overflow: hidden;
}
/* Because of border-radius. */
.card--full-height {
height: 100%;
}
.card__image {
padding-top: var(--ifm-card-vertical-spacing);
}
.card__image:first-child {
padding-top: 0;
}
.card__header,
.card__body,
.card__footer {
padding: var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing);
}
.card__header:not(:last-child), .card__body:not(:last-child), .card__footer:not(:last-child) {
padding-bottom: 0;
}
.card__header > :last-child, .card__body > :last-child, .card__footer > :last-child {
margin-bottom: 0;
}
.card__footer {
margin-top: auto; /* Pushes the footer to the bottom of the card. */
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.table-of-contents {
font-size: 0.8rem;
margin-bottom: 0;
padding: var(--ifm-toc-padding-vertical) 0;
}
.table-of-contents,
.table-of-contents ul {
list-style: none;
padding-left: var(--ifm-toc-padding-horizontal);
}
.table-of-contents li {
margin: var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal);
}
.table-of-contents__left-border {
border-left: 1px solid var(--ifm-toc-border-color);
}
.table-of-contents__link {
color: var(--ifm-toc-link-color);
display: block;
}
.table-of-contents__link:hover,
.table-of-contents__link:hover code,
.table-of-contents__link--active,
.table-of-contents__link--active code {
color: var(--ifm-color-primary);
-webkit-text-decoration: none;
text-decoration: none;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.close {
color: var(--ifm-color-black);
float: right;
font-size: 1.5rem;
font-weight: var(--ifm-font-weight-bold);
line-height: 1;
opacity: 0.5;
padding: 1rem;
transition: opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}
.close:hover {
opacity: 0.7;
}
.close:focus {
opacity: 0.8;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.dropdown {
display: inline-flex;
font-weight: var(--ifm-dropdown-font-weight);
position: relative;
vertical-align: top;
}
.dropdown--hoverable:hover .dropdown__menu, .dropdown--show .dropdown__menu {
opacity: 1;
pointer-events: all;
transform: translateY(-1px);
visibility: visible;
}
.dropdown--right .dropdown__menu {
left: inherit;
right: 0;
}
.dropdown--nocaret .navbar__link:after {
content: none !important;
}
.dropdown__menu {
background-color: var(--ifm-dropdown-background-color);
border-radius: var(--ifm-global-radius);
box-shadow: var(--ifm-global-shadow-md);
left: 0;
list-style: none;
max-height: 80vh;
min-width: 10rem;
opacity: 0;
overflow-y: auto;
padding: 0.5rem;
pointer-events: none;
position: absolute;
top: calc(100% - var(--ifm-navbar-item-padding-vertical) + 0.3rem);
transform: translateY(-0.625rem);
visibility: hidden;
z-index: var(--ifm-z-index-dropdown);
transition-property: opacity, transform, visibility;
transition-duration: var(--ifm-transition-fast);
transition-timing-function: var(--ifm-transition-timing-default);
}
.dropdown__link {
border-radius: 0.25rem;
color: var(--ifm-dropdown-link-color);
display: block;
font-size: 0.875rem;
margin-top: 0.2rem;
padding: 0.25rem 0.5rem;
white-space: nowrap;
}
.dropdown__link:hover,
.dropdown__link--active {
background-color: var(--ifm-dropdown-hover-background-color);
color: var(--ifm-dropdown-link-color);
-webkit-text-decoration: none;
text-decoration: none;
}
.dropdown__link--active,
.dropdown__link--active:hover {
--ifm-dropdown-link-color: var(--ifm-link-color);
}
.dropdown > .navbar__link:after {
border-color: currentColor transparent;
border-style: solid;
border-width: 0.4em 0.4em 0;
content: '';
display: inline-block;
margin-left: 0.3em;
position: relative;
top: 2px;
transform: translateY(-50%);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.footer {
background-color: var(--ifm-footer-background-color);
color: var(--ifm-footer-color);
padding: var(--ifm-footer-padding-vertical)
var(--ifm-footer-padding-horizontal);
}
.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);
}
.footer__links {
margin-bottom: 1rem;
}
.footer__link-item {
color: var(--ifm-footer-link-color);
line-height: 2;
}
.footer__link-item:hover {
color: var(--ifm-footer-link-hover-color);
}
.footer__link-separator {
margin: 0 var(--ifm-footer-link-horizontal-spacing);
}
.footer__logo {
margin-top: 1rem;
max-width: var(--ifm-footer-logo-max-width);
}
.footer__title {
color: var(--ifm-footer-title-color);
font: bold var(--ifm-h4-font-size) / var(--ifm-heading-line-height)
var(--ifm-font-family-base);
margin-bottom: var(--ifm-heading-margin-bottom);
}
.footer__item {
margin-top: 0;
}
.footer__items {
margin-bottom: 0;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
[type='checkbox'] {
padding: 0;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.hero {
align-items: center;
background-color: var(--ifm-hero-background-color);
color: var(--ifm-hero-text-color);
display: flex;
padding: 4rem 2rem;
}
.hero--primary {
--ifm-hero-background-color: var(--ifm-color-primary);
--ifm-hero-text-color: var(--ifm-font-color-base-inverse);
}
.hero--dark {
--ifm-hero-background-color: #303846;
--ifm-hero-text-color: var(--ifm-color-white);
}
.hero__title {
font-size: 3rem;
}
.hero__subtitle {
font-size: 1.5rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.menu {
font-weight: var(--ifm-font-weight-semibold);
overflow-x: hidden;
}
.menu__list {
list-style: none;
margin: 0;
padding-left: 0;
}
/* Non-top level menus */
.menu__list .menu__list {
flex: 0 0 100%;
margin-top: 0.25rem;
padding-left: var(--ifm-menu-link-padding-horizontal);
}
.menu__list-item:not(:first-child) {
margin-top: 0.25rem;
}
.menu__list-item--collapsed .menu__list {
height: 0;
overflow: hidden;
}
.menu__list-item--collapsed .menu__link--sublist:after,
.menu__list-item--collapsed .menu__caret:before {
transform: rotateZ(90deg);
}
.menu__list-item-collapsible {
flex-wrap: wrap;
position: relative;
border-radius: 0.25rem;
display: flex;
transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}
.menu__list-item-collapsible:hover {
background: var(--ifm-menu-color-background-hover);
}
.menu__list-item-collapsible--active {
background: var(--ifm-menu-color-background-hover);
}
.menu__list-item-collapsible .menu__link:hover,
.menu__list-item-collapsible .menu__link--active {
background: none !important;
}
.menu__link,
.menu__caret {
align-items: center;
border-radius: 0.25rem;
display: flex;
transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}
.menu__link:hover, .menu__caret:hover {
background: var(--ifm-menu-color-background-hover);
}
.menu__link {
color: var(--ifm-menu-color);
flex: 1;
line-height: 1.25;
padding: var(--ifm-menu-link-padding-vertical)
var(--ifm-menu-link-padding-horizontal);
}
.menu__link:hover {
-webkit-text-decoration: none;
text-decoration: none;
color: var(--ifm-menu-color);
transition: color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}
.menu__link--sublist-caret:after {
content: '';
margin-left: auto;
min-width: 1.25rem;
background: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem;
filter: var(--ifm-menu-link-sublist-icon-filter);
height: 1.25rem;
transform: rotate(180deg);
width: 1.25rem;
transition: transform var(--ifm-transition-fast) linear;
}
.menu__link--active {
color: var(--ifm-menu-color-active);
}
.menu__link--active:hover {
color: var(--ifm-menu-color-active);
}
.menu__link--active:not(.menu__link--sublist) {
background-color: var(--ifm-menu-color-background-active);
}
.menu__caret {
padding: var(--ifm-menu-link-padding-vertical)
var(--ifm-menu-link-padding-horizontal);
}
.menu__caret:before {
content: '';
background: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem;
filter: var(--ifm-menu-link-sublist-icon-filter);
height: 1.25rem;
transform: rotate(180deg);
width: 1.25rem;
transition: transform var(--ifm-transition-fast) linear;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
html[data-theme='dark'],
.navbar--dark {
--ifm-menu-link-sublist-icon-filter: invert(100%) sepia(94%) saturate(17%)
hue-rotate(223deg) brightness(104%) contrast(98%);
}
.navbar {
background-color: var(--ifm-navbar-background-color);
box-shadow: var(--ifm-navbar-shadow);
display: flex;
height: var(--ifm-navbar-height);
padding: var(--ifm-navbar-padding-vertical)
var(--ifm-navbar-padding-horizontal);
}
.navbar > .container,
.navbar > .container-fluid {
display: flex;
}
.navbar--fixed-top {
position: sticky;
top: 0;
z-index: var(--ifm-z-index-fixed);
}
.navbar__inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.navbar__brand {
align-items: center;
color: var(--ifm-navbar-link-color);
display: flex;
margin-right: 1rem;
min-width: 0;
}
.navbar__brand:hover {
color: var(--ifm-navbar-link-hover-color);
-webkit-text-decoration: none;
text-decoration: none;
}
.navbar__title {
flex: 1 1 auto;
}
.navbar__toggle {
display: none;
margin-right: 0.5rem;
}
.navbar__logo {
flex: 0 0 auto;
height: 2rem;
margin-right: 0.5rem;
}
.navbar__logo img {
height: 100%;
}
.navbar__items {
align-items: center;
display: flex;
flex: 1;
min-width: 0;
}
.navbar__items--center {
flex: 0 0 auto;
}
.navbar__items--center .navbar__brand {
margin: 0;
}
.navbar__items--center + .navbar__items--right {
flex: 1;
}
.navbar__items--right {
flex: 0 0 auto;
justify-content: flex-end;
}
.navbar__items--right > :last-child {
padding-right: 0;
}
.navbar__item {
display: inline-block;
padding: var(--ifm-navbar-item-padding-vertical)
var(--ifm-navbar-item-padding-horizontal);
}
.navbar__item.dropdown .navbar__link:not([href]) {
pointer-events: none;
}
.navbar__link {
color: var(--ifm-navbar-link-color);
font-weight: var(--ifm-font-weight-semibold);
}
.navbar__link:hover,
.navbar__link--active {
color: var(--ifm-navbar-link-hover-color);
-webkit-text-decoration: none;
text-decoration: none;
}
.navbar--dark,
.navbar--primary {
--ifm-menu-color: var(--ifm-color-gray-300);
--ifm-navbar-link-color: var(--ifm-color-gray-100);
--ifm-navbar-search-input-background-color: rgba(255, 255, 255, 0.1);
--ifm-navbar-search-input-placeholder-color: rgba(255, 255, 255, 0.5);
color: var(--ifm-color-white);
}
.navbar--dark {
--ifm-navbar-background-color: #242526;
--ifm-navbar-link-hover-color: var(--ifm-color-primary);
--ifm-menu-color-background-active: rgba(255, 255, 255, 0.05);
--ifm-navbar-search-input-color: var(--ifm-color-white);
}
.navbar--primary {
--ifm-navbar-background-color: var(--ifm-color-primary);
--ifm-navbar-link-hover-color: var(--ifm-color-white);
--ifm-menu-color-active: var(--ifm-color-white);
--ifm-navbar-search-input-color: var(--ifm-color-emphasis-500);
}
.navbar__search-input {
appearance: none; /* Algolia will add type="search" to the input in Safari and Safari's styling will override the styling here. */
background: var(--ifm-navbar-search-input-background-color)
var(--ifm-navbar-search-input-icon) no-repeat 0.75rem center / 1rem 1rem;
border: none;
border-radius: 2rem;
color: var(--ifm-navbar-search-input-color);
cursor: text;
display: inline-block;
font-size: 1rem;
height: 2rem;
padding: 0 0.5rem 0 2.25rem;
width: 12.5rem;
}
.navbar__search-input::placeholder {
color: var(--ifm-navbar-search-input-placeholder-color);
}
.navbar-sidebar {
background-color: var(--ifm-navbar-background-color);
bottom: 0;
box-shadow: var(--ifm-global-shadow-md);
left: 0;
opacity: 0;
overflow-x: hidden;
position: fixed;
top: 0;
transform: translate3d(-100%, 0, 0);
visibility: hidden;
width: var(--ifm-navbar-sidebar-width);
transition-property: opacity, visibility, transform;
transition-duration: var(--ifm-transition-fast);
transition-timing-function: ease-in-out;
}
.navbar-sidebar--show .navbar-sidebar,
.navbar-sidebar--show .navbar-sidebar__backdrop {
opacity: 1;
visibility: visible;
}
.navbar-sidebar--show .navbar-sidebar {
transform: translate3d(0, 0, 0);
}
.navbar-sidebar__backdrop {
background-color: rgba(0, 0, 0, 0.6);
bottom: 0;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: var(--ifm-transition-fast);
transition-timing-function: ease-in-out;
}
.navbar-sidebar__brand {
align-items: center;
box-shadow: var(--ifm-navbar-shadow);
display: flex;
flex: 1;
height: var(--ifm-navbar-height);
padding: var(--ifm-navbar-padding-vertical)
var(--ifm-navbar-padding-horizontal);
}
.navbar-sidebar__items {
display: flex;
height: calc(100% - var(--ifm-navbar-height));
transform: translateZ(0);
transition: transform var(--ifm-transition-fast) ease-in-out;
}
.navbar-sidebar__items--show-secondary {
transform: translate3d(
calc((var(--ifm-navbar-sidebar-width)) * -1),
0,
0
);
}
.navbar-sidebar__item {
flex-shrink: 0;
padding: 0.5rem;
width: calc(var(--ifm-navbar-sidebar-width));
}
.navbar-sidebar__back {
background: var(--ifm-menu-color-background-active);
font-size: 15px;
font-weight: var(--ifm-button-font-weight);
margin: 0 0 0.2rem -0.5rem;
padding: 0.6rem 1.5rem;
position: relative;
text-align: left;
top: -0.5rem;
width: calc(100% + 1rem);
}
.navbar-sidebar__close {
display: flex;
margin-left: auto;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.pagination {
column-gap: var(--ifm-pagination-page-spacing);
display: flex;
font-size: var(--ifm-pagination-font-size);
padding-left: 0;
}
.pagination--sm {
--ifm-pagination-font-size: 0.8rem;
--ifm-pagination-padding-horizontal: 0.8rem;
--ifm-pagination-padding-vertical: 0.2rem;
}
.pagination--lg {
--ifm-pagination-font-size: 1.2rem;
--ifm-pagination-padding-horizontal: 1.2rem;
--ifm-pagination-padding-vertical: 0.3rem;
}
.pagination__item {
display: inline-flex;
}
.pagination__item > span {
padding: var(--ifm-pagination-padding-vertical);
}
.pagination__item--active .pagination__link {
background: var(--ifm-pagination-item-active-background);
color: var(--ifm-pagination-color-active);
}
.pagination__item:not(.pagination__item--active):hover .pagination__link {
background: var(--ifm-pagination-item-active-background);
}
.pagination__item--disabled,
.pagination__item[disabled] {
opacity: 0.25;
pointer-events: none;
}
.pagination__link {
border-radius: var(--ifm-pagination-border-radius);
color: var(--ifm-font-color-base);
display: inline-block;
padding: var(--ifm-pagination-padding-vertical)
var(--ifm-pagination-padding-horizontal);
transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}
.pagination__link:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.pagination-nav {
display: grid;
grid-gap: var(--ifm-spacing-horizontal);
gap: var(--ifm-spacing-horizontal);
grid-template-columns: repeat(2, 1fr);
}
.pagination-nav__link {
border: 1px solid var(--ifm-color-emphasis-300);
border-radius: var(--ifm-pagination-nav-border-radius);
display: block;
height: 100%;
line-height: var(--ifm-heading-line-height);
padding: var(--ifm-global-spacing);
transition: border-color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}
.pagination-nav__link:hover {
border-color: var(--ifm-pagination-nav-color-hover);
-webkit-text-decoration: none;
text-decoration: none;
}
.pagination-nav__link--next {
grid-column: 2/3;
text-align: right;
}
.pagination-nav__label {
font-size: var(--ifm-h4-font-size);
font-weight: var(--ifm-heading-font-weight);
word-break: break-word;
}
.pagination-nav__link--prev .pagination-nav__label::before {
content: '« ';
}
.pagination-nav__link--next .pagination-nav__label::after {
content: ' »';
}
.pagination-nav__sublabel {
color: var(--ifm-color-content-secondary);
font-size: var(--ifm-h5-font-size);
font-weight: var(--ifm-font-weight-semibold);
margin-bottom: 0.25rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.pills {
display: flex;
gap: var(--ifm-pills-spacing);
padding-left: 0;
}
.pills__item {
border-radius: 0.5rem;
cursor: pointer;
display: inline-block;
font-weight: var(--ifm-font-weight-bold);
padding: 0.25rem 1rem;
transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}
.pills__item--active {
background: var(--ifm-pills-color-background-active);
color: var(--ifm-pills-color-active);
}
.pills__item:not(.pills__item--active):hover {
background: var(--ifm-pills-color-background-active);
}
.pills--block {
justify-content: stretch;
}
.pills--block .pills__item {
flex-grow: 1;
text-align: center;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.tabs {
color: var(--ifm-tabs-color);
display: flex;
font-weight: var(--ifm-font-weight-bold);
margin-bottom: 0;
overflow-x: auto;
padding-left: 0;
}
.tabs__item {
border-bottom: 3px solid transparent;
border-radius: var(--ifm-global-radius);
cursor: pointer;
display: inline-flex;
padding: var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal);
transition: background-color var(--ifm-transition-fast) var(--ifm-transition-timing-default);
}
.tabs__item--active {
border-bottom-color: var(--ifm-tabs-color-active-border);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
color: var(--ifm-tabs-color-active);
}
.tabs__item:hover {
background-color: var(--ifm-hover-overlay);
}
.tabs--block {
justify-content: stretch;
}
.tabs--block .tabs__item {
flex-grow: 1;
justify-content: center;
}
/* Mode */
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
html[data-theme='dark'] {
--ifm-color-scheme: dark;
--ifm-color-emphasis-0: var(--ifm-color-gray-1000);
--ifm-color-emphasis-100: var(--ifm-color-gray-900);
--ifm-color-emphasis-200: var(--ifm-color-gray-800);
--ifm-color-emphasis-300: var(--ifm-color-gray-700);
--ifm-color-emphasis-400: var(--ifm-color-gray-600);
--ifm-color-emphasis-500: var(--ifm-color-gray-500);
--ifm-color-emphasis-600: var(--ifm-color-gray-400);
--ifm-color-emphasis-700: var(--ifm-color-gray-300);
--ifm-color-emphasis-800: var(--ifm-color-gray-200);
--ifm-color-emphasis-900: var(--ifm-color-gray-100);
--ifm-color-emphasis-1000: var(--ifm-color-gray-0);
--ifm-background-color: #1b1b1d;
--ifm-background-surface-color: #242526;
--ifm-hover-overlay: rgba(255, 255, 255, 0.05);
--ifm-color-content: #e3e3e3;
--ifm-color-content-secondary: rgba(255, 255, 255, 1);
--ifm-breadcrumb-separator-filter: invert(64%) sepia(11%) saturate(0%)
hue-rotate(149deg) brightness(99%) contrast(95%);
--ifm-code-background: rgba(255, 255, 255, 0.1);
--ifm-scrollbar-track-background-color: #444444;
--ifm-scrollbar-thumb-background-color: #686868;
--ifm-scrollbar-thumb-hover-background-color: #7a7a7a;
--ifm-table-stripe-background: rgba(255, 255, 255, 0.07);
--ifm-toc-border-color: var(--ifm-color-emphasis-200);
--ifm-color-primary-contrast-background: rgb(16, 36, 69);
--ifm-color-primary-contrast-foreground: rgb(235, 242, 252);
--ifm-color-secondary-contrast-background: rgb(71, 71, 72);
--ifm-color-secondary-contrast-foreground: rgb(253, 253, 254);
--ifm-color-success-contrast-background: rgb(0, 49, 0);
--ifm-color-success-contrast-foreground: rgb(230, 246, 230);
--ifm-color-info-contrast-background: rgb(25, 60, 71);
--ifm-color-info-contrast-foreground: rgb(238, 249, 253);
--ifm-color-warning-contrast-background: rgb(77, 56, 0);
--ifm-color-warning-contrast-foreground: rgb(255, 248, 230);
--ifm-color-danger-contrast-background: rgb(75, 17, 19);
--ifm-color-danger-contrast-foreground: rgb(255, 235, 236)
}
@media (min-width: 1440px) {
.container {
max-width: var(--ifm-container-width-xl);
}
}
@media (max-width: 996px) {
.col {
--ifm-col-width: 100%;
flex-basis: var(--ifm-col-width);
margin-left: 0;
}
.footer {
--ifm-footer-padding-horizontal: 0
}
.footer__link-separator {
display: none;
}
.footer__col {
margin-bottom: calc(var(--ifm-spacing-vertical) * 3);
}
.footer__link-item {
display: block;
width: max-content;
}
.hero {
padding-left: 0;
padding-right: 0
}
.navbar > .container,
.navbar > .container-fluid {
padding: 0
}
.navbar__toggle {
display: inherit
}
.navbar__item {
display: none
}
.navbar__search-input {
width: 9rem
}
.pills--block {
flex-direction: column
}
.tabs--block {
flex-direction: column
}
}
@media (max-width: 576px) {
.markdown h1:first-child {
--ifm-h1-font-size: 2rem;
}
.markdown > h2 {
--ifm-h2-font-size: 1.5rem;
}
.markdown > h3 {
--ifm-h3-font-size: 1.25rem;
}
}
@media (pointer: fine) {
.thin-scrollbar {
scrollbar-width: thin;
}
.thin-scrollbar::-webkit-scrollbar {
height: var(--ifm-scrollbar-size);
width: var(--ifm-scrollbar-size);
}
.thin-scrollbar::-webkit-scrollbar-track {
background: var(--ifm-scrollbar-track-background-color);
border-radius: 10px;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
background: var(--ifm-scrollbar-thumb-background-color);
border-radius: 10px;
}
.thin-scrollbar::-webkit-scrollbar-thumb:hover {
background: var(--ifm-scrollbar-thumb-hover-background-color);
}
}
@media (prefers-reduced-motion: reduce) {
:root {
--ifm-transition-fast: 0ms;
--ifm-transition-slow: 0ms;
}
}
@media print {
.table-of-contents {
display: none
}
.footer {
display: none
}
.menu {
display: none
}
.navbar {
display: none
}
.pagination-nav {
display: none
}
.tabs {
page-break-inside: avoid
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* Styles for NProgress
* Copied over to remove unused styles for the spinner.
* https://github.com/rstacruz/nprogress/blob/master/nprogress.css
*/
:root {
--docusaurus-progress-bar-color: var(--ifm-color-primary);
}
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--docusaurus-progress-bar-color);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
#nprogress .peg {
position: absolute;
right: 0;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--docusaurus-progress-bar-color),
0 0 5px var(--docusaurus-progress-bar-color);
opacity: 1;
transform: rotate(3deg) translate(0, -4px);
}
/* ==========================================================================
TABS V8 - Floating Cards
Each tab as independent floating card, elevation on select
========================================================================== */
:root {
--nf-float-bg: transparent;
--nf-card-bg: #ffffff;
--nf-card-bg-hover: #f8fafc;
--nf-card-bg-active: #ffffff;
--nf-card-text: #64748b;
--nf-card-text-active: #0f172a;
--nf-card-border: rgba(0, 0, 0, 0.08);
--nf-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
--nf-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.08);
--nf-card-shadow-active: 0 8px 24px rgba(0, 0, 0, 0.12);
--nf-card-accent: linear-gradient(135deg, #0068f9 0%, #00d4ff 100%);
--nf-panel-bg: #ffffff;
--nf-panel-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}
html[data-theme="dark"] {
--nf-float-bg: transparent;
--nf-card-bg: #1e293b;
--nf-card-bg-hover: #334155;
--nf-card-bg-active: #1e293b;
--nf-card-text: #94a3b8;
--nf-card-text-active: #f1f5f9;
--nf-card-border: rgba(255, 255, 255, 0.06);
--nf-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
--nf-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.3);
--nf-card-shadow-active: 0 8px 24px rgba(0, 0, 0, 0.4);
--nf-card-accent: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);
--nf-panel-bg: #1e293b;
--nf-panel-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}
.tabs {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 8px 4px;
background: var(--nf-float-bg);
border: none;
border-radius: 0;
margin-bottom: 10px;
}
.tabs__item {
position: relative;
padding: 14px 24px;
font-size: 0.875rem;
font-weight: 500;
color: var(--nf-card-text);
background: var(--nf-card-bg);
border: 1px solid var(--nf-card-border);
border-radius: 12px;
cursor: pointer;
box-shadow: var(--nf-card-shadow);
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}
.tabs__item::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: var(--nf-card-accent);
transform: scaleX(0);
transition: transform 0.25s ease;
}
.tabs__item:hover {
color: var(--nf-card-text-active);
background: var(--nf-card-bg-hover);
box-shadow: var(--nf-card-shadow-hover);
transform: translateY(-2px);
}
.tabs__item:hover::before {
transform: scaleX(0.5);
}
.tabs__item.tabs__item--active {
color: var(--nf-card-text-active);
background: var(--nf-card-bg-active);
font-weight: 600;
box-shadow: var(--nf-card-shadow-active);
transform: translateY(-4px);
}
.tabs__item.tabs__item--active::before {
transform: scaleX(1);
}
[class*="tabItem_"][role="tabpanel"] {
background: var(--nf-panel-bg);
border: 1px solid var(--nf-card-border);
border-radius: 16px;
padding: 1.75rem;
box-shadow: var(--nf-panel-shadow);
animation: floatUp 0.3s ease-out;
}
@keyframes floatUp {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
.margin-top--md { margin-top: 0 !important; }
[hidden] { display: none !important; }
/**
* Any CSS included here will be global. The classic template
* bundles Infima by default. Infima is a CSS framework designed to
* work well for content-centric websites.
*/
/* You can override the default Infima variables here. */
:root {
--light-gray: 148, 163, 184;
--ziti-color-blue: 0, 104, 249;
--ziti-color-red: 217, 15, 95;
--ziti-color-mid1: 72, 74, 172;
--ziti-color-mid2: 144, 44, 133;
--ziti-rgb-primary: rgb(var(--ziti-color-blue));
--ziti-rgb-primary-a: rgb(var(--ziti-color-blue), .1);
--ziti-rgb-red: rgb(217, 15, 95);
--ziti-rgb-secondary: rgb(var(--ziti-color-red));
--ziti-rgb-secondary-a: rgb(var(--ziti-color-red), .1);
--ziti-rgb-mid1: rgb(var(--ziti-color-mid1));
--ziti-rgb-mid1-a: rgb(var(--ziti-color-mid1), .1);
--ziti-rgb-mid2: rgb(var(--ziti-color-mid2));
--ziti-rgb-mid2-a: rgb(var(--ziti-color-mid2), .1);
--ifm-font-color-base: #252525;
--ifm-font-color-inverse: #94a3b8;
--ifm-font-family-monospace: "Consolas", monospace;
--ifm-font-family-sans: "Open Sans", sans-serif;
--ifm-font-family-sans-default: sans-serif;
--ziti-landing-max-width: 1200px;
--ziti-max-width: 1400px;
--ifm-navbar-height: 50px;
--ifm-leading: 35px;
--ifm-background-color: #f8fafc;
--ifm-background-surface-color: #f1f5f9;
--ifm-background-surface-color-dark: #e1d4ee;
--ifm-footer-background-color: #f0f0f0;
--ifm-color-banner: #edac15;
--ifm-color-primary: #0068f9;
--ifm-color-primary-dark: #8519e7;
--ifm-color-primary-darker: #7e17dc;
--ifm-color-primary-darkest: #6813b5;
--ifm-color-primary-light: #a14ded;
--ifm-color-primary-lighter: #a85aee;
--ifm-color-primary-lightest: #b776f1;
--ifm-heading-color: 0 36 81;
--code-block-color: var(--ifm-heading-color);
--lighter-code-block-color: color-mix(in srgb, var(--ifm-heading-color) 70%, white 30%);
--code-block-background-color: #ECEEEF;
--ifm-navbar-item-padding-horizontal: .5em;
--background-color-1: #ffd0d0;
--landing-banner-1: #e0e4ee;
--ifm-menu-color: #002451;
--ifm-toc-link-color: #252525;
--ifm-alert-foreground-color: #252525;
--ifm-code-font-size: 95%;
--ifm-paragraph-margin-bottom: 0;
--ifm-paragraph-margin-top: 0;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
--logo-name: "ziti-logo-dark.svg";
--welcome-page-font-family: "Russo One", "Open Sans", Tahoma, Helvetica, sans-serif;
--title-font-family: "Russo One", "Open Sans", Tahoma, Helvetica, sans-serif;
--content-font-family: "Open Sans", Tahoma, Helvetica, sans-serif;
--h1-size: 50px;
--h2-size: 35px;
--h3-size: 25px;
--docusaurus-collapse-button-bg-hover: rgb(0 0 0 / 2%);
--ifm-tabs-color-active: var(--ifm-font-color-base);
--ifm-global-shadow-lw: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
--ifm-menu-color-background-hover: #f1f5f9;
--ifm-menu-left-border-color: #002451;
--ifm-link-color: rgba(217, 15, 95, 0.98);
--ifm-breadcrumb-color-actives: rgba(217, 15, 95, 0.98);
--ifm-breadcrumb-color-active: color-mix(in srgb, var(--ifm-link-color) 75%, white 25%);
--radius-sm: 0.25rem;
--radius-md: 0.5rem;
--radius-lg: 0.75rem;
--radius-xl: 1.0rem;
--space-xs: 0.5rem;
--space-sm: 1rem;
--space-md: 2rem;
--space-lg: 4rem;
--space-xl: 8rem;
--space-xxl: 16rem;
--ziti-code-block-border-thickness: 1px;
--ziti-code-block-background-color: rgb(243, 243, 243);
--ziti-code-block-border-color: rgb(197, 199, 201);
--ziti-code-block-font-color: rgb(57, 58, 52);
--ifm-code-padding-horizontal: 7px;
}
@media (max-height: 1024px) {
/*for smaller screens, reduce space definitions*/
:root {
--space-sm: 1rem;
--space-md: 1rem;
--space-lg: 2rem;
--space-xl: 4rem;
--space-xxl: 8rem;
}
}
html:not([data-theme="dark"]) {
--ifm-leading: 15px;
}
/* For readability concerns, you should choose a lighter palette in dark mode. */
html[data-theme="dark"] {
--ifm-font-color-base: #94a3b8;
--ifm-leading: 15px;
--ifm-background-color: #111827;
--ifm-background-surface-color: #1f2937;
--ifm-background-surface-color-dark: #374151;
--ifm-footer-background-color: #1b263e;
--ifm-color-primary: #158eed;
--ifm-color-primary-dark: #b671fc;
--ifm-color-primary-darker: #ad5ffb;
--ifm-color-primary-darkest: #a34cfb;
--ifm-color-primary-light: #d3a9fd;
--ifm-color-primary-lighter: #ddbcfd;
--ifm-color-primary-lightest: #e6cffe;
--background-color-1: #434862;
--landing-banner-1: #38383a;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
--logo-name: "ziti-logo-light.svg";
--ifm-heading-color: 148 163 184;
--ifm-menu-color: #ffffff;
--ifm-toc-link-color: #ffffff;
--code-block-color: var(--ifm-heading-color);
--code-block-background-color: #434862;
--ifm-alert-foreground-color: var(--ifm-font-color-base);
--ifm-docusaurus-collapse-button-bg-hover: rgba(255, 255, 255, 0.05);
--ifm-tabs-color-active: #e2e8f0;
--ifm-global-shadow-lw: 3px 3px 10px 0 rgb(31, 41, 55);
--ifm-menu-color-background-hover: #1f2937;
--ifm-menu-left-border-color: #94a3b8;
--ifm-link-color: rgba(21, 142, 237, 1);
--ifm-breadcrumb-color-active: color-mix(in srgb, var(--ifm-link-color) 75%, white 25%);
--ziti-text-muted: #8e8ea0;
--ziti-code-block-background-color: rgb(33, 47, 77);
--ziti-code-block-border-color: rgb(33, 47, 77);
--ziti-code-block-font-color: rgb(148, 163, 184);
}
html[data-theme=dark] #Wizardly code {
color: rgba(117, 82, 136, 0.98) !important;
}
html[data-theme=dark] .wizardmodal .admonitionIcon_node_modules-\@docusaurus-theme-classic-lib-theme-Admonition-styles-module svg {
fill: rgba(0,0,0) !important;
}
@media (max-width: 767px) {
html[data-theme="dark"] {
--h1-size: 30px;
--h2-size: 25px;
--h3-size: 20px;
}
}
@media (max-width: 767px) {
html[data-theme="light"] {
--h1-size: 30px;
--h2-size: 25px;
--h3-size: 20px;
}
}
/* cyrillic */
@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/russoone/v14/Z9XUDmZRWg6M1LvRYsHOy8mJrrg.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/russoone/v14/Z9XUDmZRWg6M1LvRYsHOwcmJrrg.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/russoone/v14/Z9XUDmZRWg6M1LvRYsHOz8mJ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: var(--ifm-font-family-sans), sans-serif;
}
input[type="radio"]
{
display: none;
}
input[type="radio"]+label {
appearance: none;
cursor: pointer;
display: inline-block;
padding-left: 34px;
position: relative;
vertical-align: middle;
}
input[type="radio"]:checked+label {
backface-visibility: hidden;
animation: checked 200ms ease 1;
}
input[type="radio"]+label:before {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
border-radius: 100% 100% 100% 100%;
content: " ";
height: 7px;
left: 12px;
position: absolute;
top: 6px;
width: 7px;
}
input[type="radio"]+label:hover:before {
/* background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); */
background: linear-gradient(90deg,#0068f9 0, #fc0147 100%) ;
}
input[type="radio"]:checked+label:before {
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
}
input[type="radio"]+label:after {
border: 3px solid #FFFFFF;
border-radius: 100% 100% 100% 100%;
content: " ";
height: 15px;
left: 5px;
position: absolute;
top: -1px;
width: 15px;
}
input[type="radio"]:checked+label:after {
border-color: rgba(255, 255, 255, 1);
}
.header-github-link:hover {
opacity: 0.6;
}
.header-github-link::before {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(60, 74, 94)' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
no-repeat;
content: "";
display: flex;
height: 1.25rem;
width: 1.25rem;
}
[data-theme="dark"] .header-github-link::before {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(148, 163, 184)' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
no-repeat;
}
.header-discourse-link:hover {
opacity: 0.6;
}
.header-discourse-link::before {
/*background: url('/img/discourse_icon.svg') no-repeat;*/
content: "";
display: flex;
height: 1.25rem;
width: 1.25rem;
}
[data-theme="dark"] .header-discourse-link::before {
/*background: url('/img/discourse_icon.svg') no-repeat;*/
content: "";
display: flex;
height: 1.25rem;
width: 1.25rem;
}
.header-netfoundry-link {
display: flex !important;
}
.header-netfoundry-link::after {
position: relative;
right: -3px;
top: 5px;
}
.header-netfoundry-link:hover {
opacity: 0.6;
}
.header-netfoundry-link::after {
/*background: url('/img/new-window.svg?v=3') no-repeat;*/
content: "";
display: flex;
height: 1.25rem;
width: 1.25rem;
}
[data-theme="dark"] .header-netfoundry-link::after {
/*background: url('/img/new-window.svg') no-repeat;*/
content: "";
display: flex;
height: 1.25rem;
width: 1.25rem;
}
/**
Footer
*/
.footer, .footer.container {
display: flex;
padding: calc(var(--ifm-spacing-vertical) * 0.2)
var(--ifm-footer-padding-horizontal);
}
.footer__links {
margin-bottom: 0.5rem;
}
.notification_new {
background: linear-gradient(90deg,#0068f9 0, #fc0147 100%) ;
border-radius: 5px;
color: #fff;
padding: 1px 8px;
font-weight: 700;
font-size: .9em;
display: inline-flex;
margin-right: 5px;
text-transform: uppercase;
}
@media (min-width: 1416px) {
.main-wrapper {
align-self: center;
width: 100%;
/*overflow: auto;*/
/*height: 100%;*/
display: flex;
flex-direction: column;
align-items: center;
background: var(--ifm-background-color);
}
}
.navbar .navbar__inner {
margin: 0 auto;
max-width: 1360px;
}
.sdkbutton-image {
margin: 0 auto;
max-width: 115px !important;
height: 80px;
}
.sdkbutton-text {
display: flex;
justify-content: center;
}
.sdkbutton-button {
height: 140px;
width: 140px;
font-size: 16px;
font-weight: bold;
background: rgba(222, 222, 222, 1);
padding: 0 !important;
cursor: pointer;
margin: 20px 20px;
text-align:center;
border: none;
border-radius: 15px;
}
.btn-hover {
width: 175px;
font-size: 16px;
font-weight: 600;
font-family: 'Open Sans', Tahoma, Helvetica, sans-serif;
cursor: pointer;
margin: 20px 20px;
height: 80px;
text-align:center;
border: none;
background-size: 300% 100%;
border-radius: 5px;
transition: all .2s ease-in-out; background: whitesmoke;
box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.75);
color:grey;
display: flex;
flex-direction: column;
justify-content: center;
text-decoration-line: none;
}
.col-lg-12 .sdkbutton-button:hover {
text-decoration-line: none !important;
color: black;
background: rgba(255, 255, 255, 0.9);
font-weight: bold;
box-shadow: 0 0 20px 0 rgba(0,104,249,1);
transition: all .15s ease-in-out;
}
.col-lg-12 > .buttonrow {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.btn-hover:focus {
outline: none;
}
.btn-hover:hover {
text-decoration-line: none !important;
color: black !important;
box-shadow: 0 0 20px 0 rgba(244,4,77,.5);
height: 80px;
background-position: 100% 0;
transition: all .15s ease-in-out;
}
.centerrow {
justify-content: center;
}
.sdkbutton-button:focus {
outline: none;
}
.col-lg-12 .sdkbutton-button {
color:grey;
display: flex;
flex-direction: column;
justify-content: center;
text-decoration-line: none;
}
.leftdiv {
width: 110px;
height: 150px;
object-fit: cover;
display: block;
margin-left: auto;
margin-right: auto;
float: left;
}
.leftdiv img {
height: 220px;
width: 210px;
margin-top: -35px;
}
.rightdiv {
width: 110px;
height: 150px;
object-fit: cover;
display: block;
margin-left: auto;
margin-right: auto;
float: right;
}
.rightdiv img {
height: 220px;
width: 210px;
margin-top: -35px;
}
.flr {
float: right;
}
.wizardmodal #navbarDropdownItem {
display: flex;
flex-grow: 1;
align-items: center;
flex-wrap: nowrap;
}
.wizardmodal #navbarDropdownImage {
padding-right: 5px;
height: 16px;
}
.wizardmodal .dropdown__menu {
flex-grow: 1;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
width: 180px;
}
.wizardmodal .text-divider {
display: flex;
align-items: center;
}
.wizardmodal .text-divider::before,
.wizardmodal .text-divider::after {
content: '';
height: 1px;
background-color: silver;
flex-grow: 1;
}
.wizardmodal .text-divider p {
padding-left: 5px;
padding-right: 5px;
}
/* highlight sidebar section headings */
.theme-doc-sidebar-item-link-level-1.sidebar-title {
margin-top: 20px;
margin-left: 0;
font-weight: bold;
}
/* indent sidebar list items */
div > aside > div > div > nav > ul > li {
margin-left: 5px;
}
div > aside > div > nav > ul > li > a,
div > aside > div > nav > ul > li > a:link,
div > aside > div > nav > ul > li > a:hover,
div > aside > div > nav > ul > li > a:visited,
div > aside > div > nav > ul > li > a:active {
color: var(--ifm-font-color-base);
-webkit-text-decoration: none;
text-decoration: none;
}
/* DFinger Styles */
/* @extend display-flex; */
.display-flex,
.form-flex,
.form-date-group,
.steps ul,
.title,
.title .step-number,
.actions ul li a,
.form-radio-flex,
.form-find {
display: flex;
display: -webkit-flex;
}
.page-wrapper {
min-height: 100vh;
}
.bg-img-1 {
/*background: url("/img/bg-img-01.jpg") center center/cover no-repeat;*/
}
.whitez {
/*background: url("/img/whitez.svg");*/
background-position: center;
background-size: 55px;
background-repeat: no-repeat;
width: 65px;
height: 55px;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 2013;
cursor: unset;
margin-bottom: 10px;
margin-right: 10px;
transition: all 0.3s ease;
}
.whitez:hover {
filter: brightness(95%);
transition: all 0.3s ease;
transform: translate3d(0, 0, 0);
}
.whitez:active {
filter: brightness(90%);
transition: opacity .3s cubic-bezier(.38, .41, .27, 1);
transform: scale(.97) !important;
transition: all 0.3s ease;
transform: translate3d(0, 0, 0);
}
.wizardmodal .headertitle {
margin-top: 4px;
margin-bottom: 8px;
text-align: left;
color: #002451;
font-size: 36px;
display: inline-block;
line-height: initial;
}
.mt20 {
margin-top: 20px;
}
.wizardmodal .shadedRow {
background-color: var(--landing-banner-1);
}
.wizardmodal .container {
position: relative;
box-sizing: border-box;
margin: auto;
}
@media (min-width: 1200px) {
.wizardmodal .container {
width: 1387px;
}
}
@media (min-width: 768px) {
.wizardmodal .container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
.wizardmodal .row {
margin-right: -15px;
margin-left: -15px;
display: flex;
flex-direction: row;
margin: auto;
}
/* @extend list-type-ulli; */
list-type-ulli,
.steps ul,
.actions ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.wizardmodal a:focus,
.wizardmodal a:active {
-webkit-text-decoration: none;
text-decoration: none;
outline: none;
transition: all 300ms ease 0s;
}
.wizardmodal input,
.wizardmodal select,
.wizardmodal textarea {
outline: none;
appearance: unset !important;
}
.wizardmodal input::-webkit-outer-spin-button,
.wizardmodal input::-webkit-inner-spin-button {
appearance: none !important;
margin: 0;
}
.wizardmodal input:focus,
.wizardmodal select:focus,
.wizardmodal textarea:focus {
outline: none;
box-shadow: none !important;
}
.wizardmodal input[type=checkbox] {
appearance: checkbox !important;
}
.wizardmodal input[type=radio] {
appearance: radio !important;
}
.clear {
clear: both;
}
.wizardmodal h2 {
font-size: 30px;
margin: 0;
color: #002451;
}
.wizardmodal h3 {
font-size: 24px;
margin: 0;
}
.wizardmodal a {
color: rgba(217, 15, 95, 0.98);
-webkit-text-decoration: var(--ifm-link-decoration);
text-decoration: var(--ifm-link-decoration);
transition: 0.5s;
}
html[data-theme=dark] #Wizardly a {
color: rgba(217, 15, 95, 0.98);
-webkit-text-decoration: var(--ifm-link-decoration);
text-decoration: var(--ifm-link-decoration);
transition: 0.5s;
}
html[data-theme=dark] .menu__link {
color: var(--ifm-font-color-base) !important;
}
.wizardmodal .menu__link--active {
color: rgba(217, 15, 95, 0.98) !important;
transition: 0.5s;
}
html[data-theme=dark] a {
color: var(--ifm-link-color);
transition: 0.5s;
}
html[data-theme=dark] .menu__link--active {
color: var(--ifm-link-color) !important;
transition: 0.5s;
}
.menu__link--active:hover {
color: rgba(117, 82, 136, 0.98);
}
.wizardmodal a:hover {
color: rgba(117, 82, 136, 0.98);
-webkit-text-decoration: var(--ifm-link-hover-decoration);
text-decoration: var(--ifm-link-hover-decoration);
}
html[data-theme=dark] .wizardmodal a:hover {
color: rgba(217, 15, 95, 0.98);
-webkit-text-decoration: var(--ifm-link-hover-decoration);
text-decoration: var(--ifm-link-hover-decoration);
}
.wizardmodal code a {
color: #FFF;
}
.wizardmodal a:hover {
filter: brightness(95%);
text-decoration: unset;
transition: all 0.3s ease;
}
.wizardmodal a:active,
.wizardmodal a:focus {
filter: brightness(90%);
text-decoration: unset;
transform: translateY(1px);
transition: all 0.3s ease;
}
.wizardmodal .main {
padding: 50px 0;
padding-top: 12px;
position: relative;
z-index: 99;
}
.wizardmodal .ocontainer {
padding-left: 15px;
padding-right: 15px;
}
.wizardmodal .zcontainer {
max-width: var(--ziti-max-width);
min-width: 300px;
margin: 0 auto;
background: rgba(236, 238, 242, .85);
-webkit-backdrop-filter: saturate(180%) blur(20px);
border-radius: 15px;
}
#navbarDropdownImage {
height: 16px;
padding-right: 5px;
}
.wizardmodal fieldset {
padding: 0;
margin: 0;
border: none;
padding-left: 45px;
padding-right: 55px;
padding-top: 45px;
}
.wizardmodal p.desc {
margin: 0;
margin-bottom: 15px;
color: #252525;
}
.form-label {
display: block;
width: 100%;
font-size: 16px;
margin-bottom: 10px;
}
.text-input {
font-size: 12px;
color: #999;
display: block;
margin-top: 5px;
}
.text-input span {
color: #222;
font-weight: bold;
}
input {
width: 100%;
display: block;
border: 1px solid #ebebeb;
height: 50px;
box-sizing: border-box;
padding: 0 var(--space-md);
color: #222;
font-weight: bold;
font-size: 14px;
font-family: var(--ifm-font-family-sans), var(--ifm-font-family-sans-default);
border-radius: 7px;
}
#steps-uid-0-p-0 .form-row,
#steps-uid-0-p-0 .form-group,
#steps-uid-0-p-0 .form-date {
width: 680px;
}
.form-flex {
margin: 0 -10px;
}
.form-flex .form-group {
width: 50%;
padding: 0 10px;
}
.form-group,
.form-date {
margin-bottom: 18px;
position: relative;
}
.form-date-group {
border: 1px solid transparent;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}
.form-date-group select {
border: 1px solid #ebebeb;
width: 100%;
box-sizing: border-box;
appearance: none !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
-o-appearance: none !important;
-ms-appearance: none !important;
position: relative;
background: 0 0;
z-index: 10;
cursor: pointer;
padding: 0 var(--space-md);
height: 50px;
font-size: 14px;
font-family: 'Open Sans';
color: #999;
box-sizing: border-box;
background-color: #fff;
color: #222;
font-weight: bold;
border-radius: 7px;
}
.form-date-item {
position: relative;
overflow: hidden;
width: 100px;
margin-right: 10px;
}
.vertical {
display: block;
width: 100%;
overflow: hidden;
}
.vertical .steps {
float: left;
width: 25%;
}
.vertical .content {
float: right;
width: 75%;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
/*height: 890px;*/
/*overflow-y: auto;*/
/*height: calc(70vh - 134px);*/
}
.vertical .actions {
float: right;
width: 75%;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
padding-top: 25px;
}
.content {
/*height: 700px;*/
}
.wizardmodal {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
z-index: 1000;
display: none;
}
.wizardmodal h1 {
padding-bottom: 0;
line-height: 52px;
color: #002451;
}
.wizardmodal .page-wrapper {
top: 0;
min-height: 100vh;
position: absolute;
left: 0;
right: 0;
backdrop-filter: blur(5px);
}
.wizard .main {
padding-top: 30px;
}
.wizardmodal .bg-img-1 {
opacity: 0.99;
}
.steps ul {
flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
position: relative;
padding-left: 30px;
padding-top: 40px;
overflow-y: auto;
}
.steps ul li {
padding-bottom: 30px;
position: relative;
z-index: 99;
}
.steps ul li a {
-webkit-text-decoration: none;
text-decoration: none;
color: #222;
}
.steps ul:after {
position: absolute;
content: '';
width: 2px;
background: #d4d3d9;
left: 54px;
height: 83%;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index: 9;
}
.wizardnav .title {
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
display: grid;
grid-template-columns: 50px auto;
column-gap: 20px;
transition: .4s;
}
.wizardnav .title .step-number {
width: 50px;
height: 50px;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
background: #ebebeb;
color: #8797ab;
margin-right: 15px;
border: 5px solid #fff;
font-weight: bold;
transition: .4s;
}
.noscroll {
/*overflow: hidden !important;*/
}
@font-face {
font-family: 'Hand Of Sean';
/*src: url('/img/HandOfSeanDemo.eot');*/
/*src: url('/img/HandOfSeanDemo.eot?#iefix') format('embedded-opentype'),*/
/*url('/img/HandOfSeanDemo.woff2') format('woff2'),*/
/*url('/img/HandOfSeanDemo.woff') format('woff'),*/
/*url('/img/HandOfSeanDemo.ttf') format('truetype'),*/
/*url('/img/HandOfSeanDemo.svg#HandOfSeanDemo') format('svg');*/
font-weight: 500;
font-style: normal;
font-display: swap;
}
#Wizardly .openWizard {
display: none;
/*background-image: url(/img/ziggysmalls.svg);*/
background-size: 80px;
background-repeat: no-repeat;
width: 165px;
padding-right: 80px;
height: 100px;
text-align: left;
background-position: right;
vertical-align: bottom;
padding-top: 25px;
position: fixed;
bottom: 20px;
right: 20px;
cursor: pointer;
border-radius: 20px;
transition: .5s;
font-family: "Hand Of Sean";
background-color: #002451;
color: #fad82c !important;
text-align: right;
z-index: 500;
}
@supports (backdrop-filter: saturate(180%) blur(20px)) {
.openWizard {
backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(0, 36, 81, .95)
}
}
.openWizard:hover {
filter: brightness(75%);
transition: all 0.3s ease;
}
.openWizard:active {
filter: brightness(50%);
transform: translateY(1px);
transition: all 0.3s ease
}
.wizardnav .title .step-text {
font-weight: 600;
color: #8797ab;
}
.wizardnav {
cursor: pointer;
transition: .4s;
}
.wizardmodal .current .title .step-number {
background: #076bfe;
color: #fff;
}
.wizardmodal .current .title .step-text {
color: #002451;
}
.content h3 {
display: none;
}
.content,
.actions {
background: #f8f8f8;
}
.actions {
padding-bottom: 25px;
}
.actions ul {
padding-left: 45px;
padding-right: 55px;
}
.actions ul .disabled {
display: none;
}
.actions ul li {
float: right;
}
.actions ul li:first-child {
float: left;
}
.actions ul li:first-child a {
background: #e8e8e8;
color: #999;
box-shadow: unset;
}
.actions ul li a, .actions ul li button {
width: 140px;
height: 50px;
color: #fff;
background: #076bfe;
box-shadow: 0 3px 9px #0273fb4d;
align-items: center;
justify-content: center;
-webkit-text-decoration: none;
text-decoration: none;
border-radius: 8px;
transition: all 0.3s ease;
border-width: 0;
font-weight: 600;
font-size: 15px;
cursor: pointer;
font-family: 'Open Sans';
}
.actions ul li a:hover, .actions ul li button:hover {
filter: brightness(95%);
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.actions ul li a:active, .actions ul li button:active {
filter: brightness(90%);
box-shadow: none;
transform: translateY(1px);
transition: all 0.3s ease;
}
.form-radio-flex {
flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
margin: 0 -15px;
}
.form-radio-flex .form-radio-item {
padding: 0 15px;
margin-bottom: 25px;
}
.form-radio-flex input {
width: 0;
height: 0;
position: absolute;
left: -9999px;
}
.form-radio-flex input+label {
margin: 0;
width: 223px;
height: 133px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: center;
background-color: transparent;
border: 1px solid transparent;
text-align: center;
text-transform: none;
transition: border-color .15s ease-out, color .25s ease-out, background-color .15s ease-out, box-shadow .15s ease-out;
}
.form-radio-flex input+label img {
width: 100%;
height: 100%;
}
.form-radio-flex input:checked+label {
border: 1px solid #076bfe;
z-index: 1;
}
.form-radio-flex input:focus+label {
outline: none;
}
.form-radio-flex input:hover {
border: 1px solid #076bfe;
}
label.error {
display: block;
position: absolute;
top: 0;
right: 0;
}
label.error:after {
font-family: 'Material-Design-Iconic-Font';
position: absolute;
content: '\f135';
right: 20px;
top: 50px;
font-size: 13px;
color: #f63726;
}
input.error {
border: 1px solid #f63726;
}
#find_bank {
padding: 0 55px;
width: 680px;
margin-right: 20px;
}
#find_bank::-webkit-input-placeholder {
font-weight: 400;
}
#find_bank::-moz-placeholder {
font-weight: 400;
}
#find_bank:-ms-input-placeholder {
font-weight: 400;
}
#find_bank:-moz-placeholder {
font-weight: 400;
}
.submit {
width: 150px;
background: #666;
color: #fff;
font-weight: 400;
cursor: pointer;
}
.submit:hover {
background-color: #4d4d4d;
}
.form-find {
position: relative;
padding-bottom: 70px;
border-bottom: 1px solid #ebebeb;
}
.form-icon {
position: absolute;
top: 12px;
left: 20px;
font-size: 18px;
color: #999;
}
.choose-bank-desc {
color: #666;
margin: 0;
padding-top: 30px;
padding-bottom: 35px;
}
#slider-margin {
height: 9px;
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
background: #e8e8e8;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
position: relative;
margin-top: 110px;
}
#slider-margin .noUi-marker-horizontal.noUi-marker-large,
#slider-margin .noUi-marker-horizontal.noUi-marker {
height: 0;
}
#slider-margin .noUi-connect {
background: #076bfe;
}
#slider-margin .noUi-connects {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
}
#slider-margin .noUi-handle {
width: 15px;
height: 30px;
top: -12px;
background: #e8e8e8;
outline: none;
border: none;
right: -15px;
border: 1px solid #076bfe;
border-radius: 0;
}
#slider-margin .noUi-handle:after,
#slider-margin .noUi-handle:before {
width: 0;
}
#slider-margin .noUi-handle .noUi-tooltip {
bottom: 33px;
border: none;
background: transparent;
font-size: 16px;
color: #076bfe;
padding: 0;
}
#slider-margin .noUi-pips {
width: 96%;
}
#slider-margin .noUi-pips .noUi-value {
top: -50px;
font-size: 16px;
color: #666;
}
#slider-margin .noUi-pips .noUi-value:before {
content: '$';
}
#slider-margin .noUi-pips .noUi-value-horizontal {
transform: none;
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
}
.your-money {
font-size: 16px;
color: #222;
margin: 0;
padding-top: 62px;
}
.your-money .money {
font-size: 28px;
font-weight: bold;
}
.numberhide {
display: none;
}
@media screen and (max-width: 1475px) {
vertical .content {
width: 100%;
}
.main {
padding: 25px;
padding-top: 7px;
}
}
@media screen and (max-width: 1024px) {
.container {
width: calc(100% - 40px);
max-width: 100%;
}
.vertical .steps,
.vertical .content,
.vertical .actions {
float: right;
width: 100%;
}
#find_bank {
width: 100%;
}
.form-radio-flex input+label {
width: 190px;
height: 120px;
}
.vertical .steps {
display: none;
width: 350px;
}
.numberhide {
display: contents;
}
}
@media screen and (max-width: 992px) {
.content {
height: 900px;
}
.form-radio-flex input+label {
width: 100px;
height: 65px;
}
}
@media screen and (max-width: 768px) {
#steps-uid-0-p-0 .form-row,
#steps-uid-0-p-0 .form-group,
#steps-uid-0-p-0 .form-date {
width: 100%;
}
.form-flex {
flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
margin: 0;
}
.form-flex .form-group {
padding: 0;
}
fieldset,
.actions ul {
padding-left: 30px;
padding-right: 30px;
}
#slider-margin .noUi-pips {
width: 94%;
}
}
@media screen and (max-width: 480px) {
.form-date-group,
.form-find {
flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
}
.content {
height: 1050px;
}
#find_bank {
margin-bottom: 20px;
}
.actions ul li a {
width: 100px;
}
.form-radio-flex {
margin: 0 -5px;
}
.form-radio-flex .form-radio-item {
padding: 0 5px;
}
.form-radio-flex input+label {
width: 90px;
height: 61px;
}
}
/* Basic styling for .wizardmodal prettyprint */
.wizardmodal .prettyprint {
font-family: "Menlo", "Monaco", "Consolas", monospace !important;
background: #002451;
background-color: #002451;
border-radius: 2px;
border: none !important;
padding: 20px !important;
font-size: 16px;
white-space: pre-wrap;
/* css-3 */
white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
/* Internet Explorer 5.5+ */
}
/* Adds linenums to each line listed when .linenums class used */
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
list-style-type: decimal;
}
/* Adds individual lines to .wizardmodal prettyprint */
ol.linenums {
counter-reset: linenumber;
}
/* Adds single increments and disables the background for alternating line numbers */
ol.linenums li {
list-style-type: none;
counter-increment: linenumber;
background: transparent !important;
}
ol.linenums li:before {
content: counter(linenumber);
float: left;
margin-left: -4em;
text-align: right;
width: 3em;
}
.wizardmodal h2 {
margin-bottom: 20px;
}
.wizardmodal pre {
text-wrap: wrap;
color: #fff;
}
.wizardmodal .token-line {
color: #fff !important;
}
.disabled-token-line {
color: #fff !important;
}
.wizardclose {
/*background-image: url(/img/close.svg);*/
height: 40px;
width: 40px;
position: absolute;
right: 0;
top: 10px;
background-size: contain;
cursor: pointer;
opacity: 1.0;
transition: 0.5s;
}
.wizardclose:hover {
opacity: 0.8;
}
.wizRow {
margin-top: 10px;
}
.wizardmodal pre .str,
code .str {
color: #a4ff90 !important;
}
/* string - green */
.wizardmodal pre .kwd,
code .kwd {
color: #fc568c !important;
}
/* keyword - dark pink */
.wizardmodal pre .com,
code .com {
color: #AEAEAE !important;
font-style: italic !important;
}
/* comment - gray */
.wizardmodal pre .typ,
code .typ {
color: #9dffff !important;
}
/* type - light blue */
.wizardmodal pre .lit,
code .lit {
color: #076bfe !important;
}
/* literal - blue */
.wizardmodal pre .pun,
code .pun {
color: #fff !important;
}
/* punctuation - white */
.wizardmodal pre .pln,
code .pln {
color: #fff !important;
}
/* plaintext - white */
.wizardmodal pre .tag,
code .tag {
color: #89bdff !important;
}
/* html/xml tag - light blue */
.wizardmodal pre .atn,
code .atn {
color: #bdb76b !important;
}
/* html/xml attribute name - khaki */
.wizardmodal pre .atv,
code .atv {
color: #65B042 !important;
}
/* html/xml attribute value - green */
.wizardmodal pre .dec,
code .dec {
color: #3387CC !important;
}
/* decimal - blue */
.wizardmodal pre.wizardmodal .prettyprint,
code.wizardmodal .prettyprint, .wizard .wizardmodal pre {
/* background-color: #0f2438 !important; */
background-color: #002451 !important;
border-radius: 8px !important;
}
.wizardmodal pre.wizardmodal .prettyprint, .wizardmodal pre {
margin: 1em auto !important;
white-space: pre-line !important;
}
/* Specify class=linenums on a .wizardmodal pre to get line numbering */
ol.linenums {
margin-top: 0 !important;
margin-bottom: 0 !important;
color: #AEAEAE !important;
}
/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
list-style-type: none
}
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {}
@media print {
.wizardmodal pre .str,
code .str {
color: #060 !important;
}
.wizardmodal pre .kwd,
code .kwd {
color: #006 !important;
font-weight: bold !important;
}
.wizardmodal pre .com,
code .com {
color: #600 !important;
font-style: italic !important;
}
.wizardmodal pre .typ,
code .typ {
color: #404 !important;
font-weight: bold !important;
}
.wizardmodal pre .lit,
code .lit {
color: #044 !important;
}
.wizardmodal pre .pun,
code .pun {
color: #440 !important;
}
.wizardmodal pre .pln,
code .pln {
color: #000 !important;
}
.wizardmodal pre .tag,
code .tag {
color: #006 !important;
font-weight: bold !important;
}
.wizardmodal pre .atn,
code .atn {
color: #404 !important;
}
.wizardmodal pre .atv,
code .atv {
color: #060 !important;
}
}
.builderbox {
margin: auto;
text-align: center;
font-size: 20px;
font-weight: 600;
color: #002451;
}
.builderbox .gray {
color: #0059df;
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 100000;
display: none;
background-color: rgba(0, 0, 0, 0.05);
}
.builderbutton {
position: relative;
background-color: #ffffff;
border-radius: 35px;
width: 150px;
height: 150px;
display: block;
margin: auto;
box-shadow: 0 10px 18px 0 rgb(48 48 56 / 5%);
transition: all 0.3s ease;
transform: translate3d(0, 0, 0);
cursor: pointer;
}
.scrollcontainer {
overflow: scroll;
width: 100%;
height: 585px;
display: block;
}
.local {
position: relative;
background-color: #ffffff;
border-radius: 35px;
width: 150px;
height: 150px;
display: block;
margin: auto;
box-shadow: 0 10px 18px 0 rgb(48 48 56 / 5%);
transition: all 0.3s ease;
transform: translate3d(0, 0, 0);
cursor: pointer;
/*background-image: url("/img/local.png");*/
background-position: center;
background-size: 135px;
background-repeat: no-repeat;
}
.builderbutton.docker {
/*background-image: url("/img/docker.png");*/
background-position: center;
background-size: 135px;
background-repeat: no-repeat;
}
.builderbutton.compose {
/*background-image: url("/img/compose.png");*/
background-position: center;
background-size: 135px;
background-repeat: no-repeat;
}
.builderbutton.server {
/*background-image: url("/img/server.png");*/
background-position: center;
background-size: 135px;
background-repeat: no-repeat;
}
.builderbutton:hover {
filter: brightness(95%);
transition: all 0.3s ease;
transform: translate3d(0, 0, 0);
}
.builderbutton:active {
filter: brightness(90%);
transition: opacity .3s cubic-bezier(.38, .41, .27, 1);
transform: scale(.97) !important;
transition: all 0.3s ease;
transform: translate3d(0, 0, 0);
}
.buildertext {
margin-top: 12px;
margin-bottom: 50px;
display: block;
}
.builderrow {
display: inline-block;
margin-right: -15px;
margin-left: -15px;
}
.hidden {
display: none;
}
code {
/*GENERIC CODE BLOCK*/
font-family: var(--ifm-font-family-monospace), monospace;
vertical-align: middle;
font-size: 87.5%;
font-weight: 600;
background: var(--ziti-code-block-background-color);
color: var(--ziti-code-block-font-color);
border-color: var(--ziti-code-block-border-color);
}
code p {
}
li a code {
font-family: var(--ifm-font-family-monospace), monospace;
vertical-align: middle;
font-size: 87.5%;
font-weight: 600;
padding: 2px 4px 2px 4px;
background-color: rgba(117, 82, 136, 0.2) !important;
border: 1px solid rgba(117, 82, 136, 0.98);
color: rgba(117, 82, 136, 0.98);
}
.margin-top--md {
margin-top: 0 !important;
}
[hidden] {
display: none !important;
}
#Wizardly div {
color: rgba(44,55,65) !important;
}
#Wizardly .admonitionIcon_kALy svg {
fill: #000000 !important;
}
#Wizardly .alert--secondary {
--ifm-alert-foreground-color: #b122e326;
}
pre.off {
margin-top: 10px !important;
}
.details_node_modules-\@docusaurus-theme-classic-lib-theme-Details-styles-module {
--docusaurus-details-decoration-color: rgba(88, 172, 216, 0.98) !important;
border: 1px solid rgba(88, 172, 216, 0.98) !important;
background-color: rgba(88, 172, 216, 0.4);
}
.admonitionIcon_node_modules-\@docusaurus-theme-classic-lib-theme-Admonition-styles-module svg {
display: inline-block;
height: 1.6em;
width: 1.6em;
}
.admonition_node_modules-\@docusaurus-theme-classic-lib-theme-Admonition-styles-module {
margin-top: 1em;
}
.wizardmodal pre {
text-wrap: wrap;
}
.breadcrumbs__item--active .breadcrumbs__link {
font-weight: 700;
}
.footer {
background-color: var(--ifm-navbar-background-color);
width: 100%;
}
.pagination-nav__link {
border: 1px solid var(--ifm-color-emphasis-300);
filter: brightness(90%);
border-radius: 12px;
transition: all 0.3s ease;
}
.pagination-nav__link:hover {
filter: brightness(85%);
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.pagination-nav__link:active {
filter: brightness(75%);
box-shadow: none;
transform: translateY(1px);
transition: all 0.3s ease;
}
/* hide the clipboard copy button on code blocks of type "buttonless" */
.language-buttonless div > button {
display: none;
}
.large-text {
font-size: 100px;
}
.admonition.example {
background-color: #f9f5ff; /* Light lavender background */
border-left: 4px solid #6c63ff; /* Purple border */
padding: 16px;
border-radius: 8px;
margin: 16px 0;
}
.admonition.example .admonition-title {
font-size: 18px;
font-weight: bold;
color: #5a54ff; /* Purple text */
margin-bottom: 8px;
}
.code-section {
border-left: 3px solid var(--code-block-color);
border-top: 1px solid var(--code-block-color);
border-right: 1px solid var(--code-block-color);
border-bottom: 1px solid var(--code-block-color);
margin: 16px 0;
background: var(--code-block-background-color);
border-radius: 4px;
padding-top: 5px;
padding-bottom: 1px;
}
.code-section-desc {
padding-left: 12px;
padding-right: 12px;
}
.code-section-command {
margin-left: 12px;
margin-right: 12px;
}
.code-section-code {
padding-left: 12px;
padding-right: 12px;
}
.code-section-results {
padding-left: 12px;
padding-right: 12px;
}
.code-section pre {
background: var(--code-block-background-color);
color: var(--code-block-color);
_padding: 8px;
border-radius: 4px;
}
.code-section p {
color: var(--code-block-color);
}
.code-section-desc p {
font-size: 1.1em;
border-bottom: 1px groove var(--code-block-color);
}
.theme-doc-sidebar-item-category[class*="theme-doc-sidebar-item-category-level-"].menu__list-item:not(.menu__list-item--collapsed) > ul {
padding-left: 1px;
margin-left: 13px;
border-left: 2px solid rgb(var(--code-block-color) / 15%);
}
p > img {
width: auto;
border-radius: 5px; /* Optional: Rounded corners */
box-shadow: 5px 5px 5px rgba(30, 30, 20, 0.25); /* Optional: Adds shadow */
}
.alert {
--alert-dark-shadow: rgba(50, 30, 5, .5);
--ifm-global-shadow-lw: 3px 3px 10px 0 var(--alert-dark-shadow);
--ifm-alert-shadow: var(--ifm-global-shadow-lw);
--ifm-alert-border-color: var(--ziti-code-block-border-color);
--ifm-code-background: var(--ziti-code-block-background-color);
--ifm-alert-background-color:var(--ziti-code-block-background-color);
}
.alert details {
border: var(--ziti-code-block-border-thickness) solid var(--ziti-code-block-border-color);
}
.alert div {
background: var(--ziti-code-block-background-color);
}
.theme-code-block {
margin: 10px 0;
border: var(--ziti-code-block-border-thickness) solid var(--ziti-code-block-border-color);
}
.theme-code-block > div > pre {
background: transparent !important;
}
pre code {
/*border-radius: 43px;*/
background: var(--ziti-code-block-background-color);
font-family: var(--ifm-font-family-monospace), monospace;
}
.token-line * {
font-family: var(--ifm-font-family-monospace), monospace;
}
html:not([data-theme="dark"]) .alert--success,html:not([data-theme="dark"]) .alert--success .theme-code-block,html:not([data-theme="dark"]) .alert--success .alert--info,html:not([data-theme="dark"]) .alert--success .alert--info .theme-code-block {
--ziti-code-block-border-color: rgb(23, 92, 10);
--ziti-code-block-background-color: rgb(208, 242, 205);
--ziti-code-block-font-color: rgb(76, 88, 75);
}
html:not([data-theme="dark"]) .alert--secondary,html:not([data-theme="dark"]) .alert--secondary .theme-code-block,html:not([data-theme="dark"]) .alert--secondary .alert--info,html:not([data-theme="dark"]) .alert--secondary .alert--info .theme-code-block {
--ziti-code-block-border-color: rgb(184, 91, 217);
--ziti-code-block-background-color: rgb(236, 218, 246);
--ziti-code-block-font-color: rgb(119, 58, 140);
}
html:not([data-theme="dark"]) .alert--danger,html:not([data-theme="dark"]) .alert--danger .theme-code-block,html:not([data-theme="dark"]) .alert--danger .alert--info,html:not([data-theme="dark"]) .alert--danger .alert--info .theme-code-block {
--ziti-code-block-border-color: rgb(207, 104, 104);
--ziti-code-block-background-color: rgb(244, 177, 177);
--ziti-code-block-font-color: rgb(130, 65, 65);
}
html:not([data-theme="dark"]) .alert--warning,html:not([data-theme="dark"]) .alert--warning .theme-code-block,html:not([data-theme="dark"]) .alert--warning .alert--info,html:not([data-theme="dark"]) .alert--warning .alert--info .theme-code-block {
--ziti-code-block-border-color: rgb(255, 146, 22);
--ziti-code-block-background-color: rgb(250, 229, 206);
--ziti-code-block-font-color: rgb(178, 102, 15);
}
html:not([data-theme="dark"]) .alert--info,html:not([data-theme="dark"]) .alert--info .theme-code-block,html:not([data-theme="dark"]) .alert--info .alert--info,html:not([data-theme="dark"]) .alert--info .alert--info .theme-code-block {
--ziti-code-block-border-color: rgb(6, 179, 212);
--ziti-code-block-background-color: rgb(200, 236, 245);
--ziti-code-block-font-color: rgb(3, 113, 133);
}
html[data-theme="dark"] .alert--success,html[data-theme="dark"] .alert--success .theme-code-block,html[data-theme="dark"] .alert--success .alert--info,html[data-theme="dark"] .alert--success .alert--info .theme-code-block {
--ziti-code-block-border-color: rgb(26, 116, 8);
--ziti-code-block-background-color: rgb(34, 66, 31);
--ziti-code-block-font-color: rgb(73, 142, 66);
}
html[data-theme="dark"] .alert--secondary,html[data-theme="dark"] .alert--secondary .theme-code-block,html[data-theme="dark"] .alert--secondary .alert--info,html[data-theme="dark"] .alert--secondary .alert--info .theme-code-block,html[data-theme="dark"] .alert--secondary section {
--ziti-code-block-border-color: rgb(98, 51, 127);
--ziti-code-block-background-color: rgb(40, 25, 67);
--ziti-code-block-font-color: rgb(157, 81, 203);
}
html[data-theme="dark"] .alert--danger,html[data-theme="dark"] .alert--danger .theme-code-block,html[data-theme="dark"] .alert--danger .alert--info,html[data-theme="dark"] .alert--danger .alert--info .theme-code-block {
--ziti-code-block-border-color: rgb(129, 32, 32);
--ziti-code-block-background-color: rgb(76, 31, 41);
--ziti-code-block-font-color: rgb(205, 50, 50);
}
html[data-theme="dark"] .alert--warning,html[data-theme="dark"] .alert--warning .theme-code-block,html[data-theme="dark"] .alert--warning .alert--info,html[data-theme="dark"] .alert--warning .alert--info .theme-code-block {
--ziti-code-block-border-color: rgb(121, 73, 22);
--ziti-code-block-background-color: rgb(64, 48, 35);
--ziti-code-block-font-color: rgb(197, 119, 35);
}
html[data-theme="dark"] .alert--info,html[data-theme="dark"] .alert--info .theme-code-block,html[data-theme="dark"] .alert--info .alert--info,html[data-theme="dark"] .alert--info .alert--info .theme-code-block {
--ziti-code-block-border-color: rgb(10, 117, 143);
--ziti-code-block-background-color: rgb(15, 55, 74);
--ziti-code-block-font-color: rgb(15, 179, 219);
}
.collapseSidebarButton {
background-color: #f5f5f5;
}
/* Example: Custom styles for the DocSidebar */
:global(.doc-sidebar) {
background-color: #f5f5f5;
color: #333;
}
/* Custom styles for sidebar items */
.doc-sidebar .menu__link {
font-size: 16px;
font-weight: bold;
}
.sidebar__scroll-top {
background-color: #ff5733;
border-radius: 50%;
width: 40px;
height: 40px;
}
.sidebar__scroll-top:hover {
background-color: #c04e2d;
}
aside .button {
/* render the button on the bottom of the left nav to render properly */
margin: 5px 25px;
padding: 5px 25px;
background: var(--ifm-background-color);
}
aside .button:hover {
/* render the button on the bottom of the left nav to render properly */
background: var(--ifm-background-color);
}
aside nav {
/* this selector gets the sidebar */
height: 100%;
/*margin-bottom: 70px;*/ /* only do this when it's small */
}
.main-wrapper {
display: flex;
flex-direction: column;
/*overflow: auto;*/
background: var(--ifm-background-color);
flex-grow: 1;
align-self: center;
width: 100%;
/*height: 100%;*/
align-items: center;
}
@media (max-height: 1200px) {
aside nav {
/* this selector gets the sidebar */
margin-bottom: 70px; /* with the hide menu button on small screens, it obscures the last menu item without this */
}
}
/*
starting with docusaurus 3.8 they have implemented css layers. these layers need to be
overridden here to ensure styles are applied properly
*/
@layer docusaurus.infima {
.margin-top--md {
margin-top: 0 !important;
}
}
/*! @docsearch/css 3.9.0 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */
:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 1px 0 rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-key-pressed-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 1px 1px 0 #0304094d;--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border:0;border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 2px;position:relative;top:-1px;transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:20px}@media (prefers-reduced-motion){.DocSearch-Button-Key{transition:none}}.DocSearch-Button-Key--pressed{box-shadow:var(--docsearch-key-pressed-shadow);transform:translate3d(0,1px,0)}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{-webkit-text-decoration:none;text-decoration:none}.DocSearch-Link{appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative;scroll-margin-top:40px}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{-webkit-text-decoration:underline;text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:rgba(0,0,0,.2);transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;-webkit-text-decoration:underline;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border:0;border-radius:2px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;width:20px}.DocSearch-VisuallyHiddenForAccessibility{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/**
* Any CSS included here will be global. The classic template
* bundles Infima by default. Infima is a CSS framework designed to
* work well for content-centric websites.
*/
/* You can override the default Infima variables here. */
:root {
--ziti-landing-max-width: 1800px;
--ifm-container-width-xl: 1400px;
--ziti-star-us-height: 1px;
}
.navbar__brand { /* squeeze whitespace */
margin-right: 0;
display:flex;
align-items:center;
justify-content: end;
}
.navbar__logo_nf { /* squeeze whitespace */
margin-right: 0;
height: var(--ifm-navbar-height);
}
.navbar__logo { /* squeeze whitespace */
margin-right: 0;
height: 40px;
width: 40px;
margin-left: 10px;
}
.clean-btn svg {
/*
used to change the size of the light/dark toggle
needs to be this specific for docusaurus
*/
height: 30px;
width: 30px;
}
.DocSearch-Button {
background: #ebedf0;
color: var(--ifm-color-primary);
}
.main-wrapper article {
padding-bottom: 2em;
}
.main-wrapper > div {
max-width: var(--ziti-landing-max-width);
width: 100%;
}
.navbar .navbar__inner {
margin: 0 auto;
max-width: var(--ziti-landing-max-width);
}
html,
body,
#__docusaurus {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
.navbar {
padding-top: 0;
}
:root {
--contrasting-background: #c4b7f5;
--container-border: 1px solid #adadad; /* Light gray border */
--button-background-hover: #9c84f9;
}
[data-theme="dark"] {
--contrasting-background: #4b359f;
--container-border: 1px solid #6d6d6d; /* Light gray border */
--button-background-hover: #251463;
}
.downloadContainer_OHpf {
width: 100%; /* Adjust this value to fit your design */
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch;
gap: 9px; /* Adjust the space between cards */
padding: 20px; /* Space inside the container */
}
.downloadCard_fikd {
width: 30%; /* Adjust the width as needed */
box-sizing: border-box; /* Include padding and border in the width */
background-color: var(--sidebar-selected);
border-radius: 18px;
text-align: center;
display: flex;
flex-grow: 1; /* Allows the content area to grow and take up available space */
flex-direction: column; /* Stack footer vertically */
}
.downloadCard_fikd img {
width: auto; /* This will make the image take the full width of the card */
max-height: 100px; /* This will maintain the aspect ratio of the image */
margin: 0 auto; /* Center the image if the card is wider than the image */
display: block; /* Change display from inline to block for better control */
padding: 10px;;
}
.cardFooter_Br6Z {
background-color: var(--contrasting-background);
border-top: var(--container-border);
padding: 10px;
margin-top: auto; /* Push the footer to the bottom */
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
}
.downloadCard_fikd ul {
list-style: none; /* Remove the default list style */
padding: 0; /* Remove the default padding */
margin: 0; /* Remove the default margin */
margin-bottom: 20px; /* Add some space between the list and the footer */
}
.downloadButtons_jseY {
display: inline-block; /* Allows width and height to be set */
margin: 5px; /* Spacing between buttons */
padding: 10px 15px; /* Size of the button */
text-align: center; /* Centers text within the button */
background-color: var(--contrasting-background); /* Background color - Bootstrap primary button color */
border: 1px var(--container-border); /* Border color - same as background for a solid button */
border-radius: 18px; /* Rounded corners */
transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}
.downloadButtons_jseY:hover, .downloadButtons_jseY:focus {
background-color: var(--button-background-hover);
outline: none; /* Removes the outline on focus for a clean look */
}
.downloadLinks_bF9F, .downloadLinks_bF9F:hover, .downloadLinks_bF9F:focus {
-webkit-text-decoration: none;
text-decoration: none; /* Removes the underline from links */
}
.downloadCard_fikd h3 {
margin-top: 10px;
}
.downloadCard_fikd .imgContainer_xAGL {
background-color: var(--contrasting-background);
display: inline-block; /* Or 'block' depending on layout */
padding: 10px; /* Adjust padding as needed */
border-top-left-radius: 18px; /* Optional: for rounded corners */
border-top-right-radius: 18px; /* Optional: for rounded corners */
border-bottom: var(--container-border);
padding: 10px;
margin-bottom: auto; /* Push the footer to the bottom */
}
/* Responsive design for smaller screens */
@media (max-width: 768px) {
.downloadContainer_OHpf {
flex-direction: column;
}
.downloadCard_fikd {
width: auto; /* Take full width on small screens */
max-width: none; /* Allow the card to take full width */
}
}
/* Animated Background */
.onpremAnimatedBg_OMsB {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 0;
}
.onpremFloatingShape1_R_Dh,
.onpremFloatingShape2_iLYA,
.onpremFloatingShape3_y000 {
position: absolute;
border-radius: 50%;
opacity: 0.1;
/*animation: onpremFloat 20s infinite ease-in-out;*/
}
.onpremFloatingShape1_R_Dh {
width: 300px;
height: 300px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
top: 10%;
left: -5%;
/*animation-delay: 0s;*/
}
.onpremFloatingShape2_iLYA {
width: 200px;
height: 200px;
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
top: 60%;
right: -3%;
/*animation-delay: -7s;*/
}
.onpremFloatingShape3_y000 {
width: 150px;
height: 150px;
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
bottom: 20%;
left: 70%;
/*animation-delay: -14s;*/
}
.onpremNetworkGrid_Jx4x {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
background-size: 50px 50px;
/*animation: onpremGridMove 30s linear infinite;*/
}
@keyframes onpremFloat_GCY9 {
0%, 100% { transform: translateY(0px) rotate(0deg); }
33% { transform: translateY(-30px) rotate(120deg); }
66% { transform: translateY(20px) rotate(240deg); }
}
@keyframes onpremGridMove_hlh5 {
0% { transform: translate(0, 0); }
100% { transform: translate(50px, 50px); }
}
/* Hero Section */
.onpremHeroBanner_Jox5 {
padding: 6rem 0;
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #667eea 100%);
color: white;
position: relative;
overflow: hidden;
min-height: 70vh;
display: flex;
align-items: center;
}
.onpremHeroContent_EoDT {
position: relative;
z-index: 2;
text-align: center;
}
.onpremHeroBadge_TJ1G {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
padding: 0.75rem 1.5rem;
margin-bottom: 2rem;
font-size: 0.9rem;
font-weight: 600;
/*animation: onpremPulse 3s infinite;*/
}
.onpremBadgeIcon_bBtR {
font-size: 1.2rem;
}
@keyframes onpremPulse_yRU0 {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
.onpremHeroTitle_rFfN {
font-size: 4rem;
margin-bottom: 1.5rem;
font-weight: 800;
line-height: 1.1;
}
.onpremGradientText_uDx6 {
background: linear-gradient(135deg, #ffeaa7, #fab1a0, #fd79a8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
/*animation: onpremGradientShift 4s ease-in-out infinite;*/
}
@keyframes onpremGradientShift_TtKC {
0%, 100% { filter: hue-rotate(0deg); }
50% { filter: hue-rotate(45deg); }
}
.onpremHeroSubtitle_U1TF {
font-size: 1.4rem;
margin-bottom: 3rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
opacity: 0.9;
line-height: 1.5;
}
.onpremHeroButtons_vSGG {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.onpremPrimaryButton_jQdR {
background: linear-gradient(135deg, #ff6b6b, #ee5a24);
border: none;
color: white;
box-shadow: 0 8px 32px rgba(255, 107, 107, 0.3);
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
}
.onpremPrimaryButton_jQdR:hover {
transform: translateY(-3px);
box-shadow: 0 12px 40px rgba(255, 107, 107, 0.4);
color: white;
}
.onpremSecondaryButton_OO1p {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 2px solid rgba(255, 255, 255, 0.3);
color: white;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
}
.onpremSecondaryButton_OO1p:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-3px);
color: white;
}
.onpremButtonIcon_uPxN {
font-size: 1.1rem;
}
/* Features Section */
.onpremFeatures_pJoR {
padding: 6rem 0;
background: #0a0e27;
color: white;
position: relative;
}
.onpremSectionHeader_LUYJ {
text-align: center;
margin-bottom: 4rem;
}
.onpremSectionTitle_EjTd {
font-size: 3rem;
font-weight: 800;
margin-bottom: 1rem;
color: white;
}
.onpremSectionSubtitle_jdIu {
font-size: 1.3rem;
opacity: 0.8;
max-width: 600px;
margin: 0 auto;
}
.onpremFeatureCard_dVnz {
margin-bottom: 2rem;
height: 100%;
}
.onpremCardInner_TgDd {
background: linear-gradient(145deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 20px;
padding: 2.5rem 1.5rem;
height: 100%;
position: relative;
transition: all 0.4s ease;
overflow: hidden;
}
.onpremCardInner_TgDd:hover {
transform: translateY(-10px);
border-color: rgba(255,255,255,0.3);
}
.onpremCardGlow_JLFu {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
opacity: 0;
transition: opacity 0.4s ease;
}
.onpremCardInner_TgDd:hover .onpremCardGlow_JLFu {
opacity: 1;
}
.onpremFeatureIcon_Uy10 {
width: 80px;
height: 80px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
position: relative;
transition: all 0.3s ease;
}
.onpremIconEmoji_s2jX {
font-size: 2.5rem;
z-index: 2;
}
.onpremGradient1_k3pS { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.onpremGradient2_Nm9A { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.onpremGradient3_q51G { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.onpremGradient4_fXWD { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.onpremFeatureTitle_Oxxw {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 1rem;
text-align: center;
color: white;
}
.onpremFeatureDescription_LJnK {
font-size: 1rem;
opacity: 0.8;
line-height: 1.6;
text-align: center;
margin: 0;
}
/* Quote Banner */
.onpremQuoteBanner_TV4n {
padding: 5rem 0;
background: linear-gradient(135deg, #141e30 0%, #243b55 100%);
position: relative;
overflow: hidden;
}
.onpremQuoteContent_RUuf {
text-align: center;
position: relative;
z-index: 2;
max-width: 900px;
margin: 0 auto;
}
.onpremQuoteIcon_KLMG {
font-size: 4rem;
margin-bottom: 2rem;
opacity: 0.3;
}
.onpremQuoteAccent_yyge {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3);
}
/* Footer CTA */
.onpremFooterCta_qWM4 {
padding: 6rem 0;
background: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);
color: white;
text-align: center;
}
.onpremCtaContent_yKxt {
max-width: 800px;
margin: 0 auto;
}
.onpremCtaIcon_f5Uf {
font-size: 5rem;
margin-bottom: 2rem;
/*animation: onpremBounce 2s infinite;*/
}
@keyframes onpremBounce_qpq4 {
0%, 20%, 53%, 80%, 100% { transform: translate3d(0,0,0); }
40%, 43% { transform: translate3d(0, -10px, 0); }
70% { transform: translate3d(0, -5px, 0); }
90% { transform: translate3d(0, -2px, 0); }
}
.onpremFooterTitle_lchj {
font-size: 3.5rem;
font-weight: 800;
margin-bottom: 2rem;
line-height: 1.2;
}
.onpremFooterDescription_cfbj {
font-size: 1.3rem;
margin-bottom: 3rem;
opacity: 0.9;
line-height: 1.6;
}
.onpremFooterButtons_goQU {
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
flex-wrap: wrap;
}
/* Responsive Design */
@media screen and (max-width: 996px) {
.onpremHeroTitle_rFfN { font-size: 3rem; }
.onpremHeroSubtitle_U1TF { font-size: 1.2rem; }
.onpremSectionTitle_EjTd { font-size: 2.5rem; }
.onpremFooterTitle_lchj { font-size: 2.8rem; }
.onpremQuote_BTFw { font-size: 1.5rem; }
.onpremHeroButtons_vSGG, .onpremFooterButtons_goQU { gap: 1rem; }
}
@media screen and (max-width: 768px) {
.onpremHeroBanner_Jox5 { padding: 4rem 0; }
.onpremHeroTitle_rFfN { font-size: 2.5rem; }
.onpremHeroSubtitle_U1TF { font-size: 1.1rem; }
.onpremFeatures_pJoR { padding: 4rem 0; }
.onpremFooterCta_qWM4 { padding: 4rem 0; }
.onpremQuoteBanner_TV4n { padding: 3rem 0; }
}
.onpremQuote_BTFw {
background: linear-gradient(135deg, #16213e 0%, #0f3460 100%);
padding: 4rem 0;
text-align: center;
position: relative;
}
.onpremQuote_BTFw::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 30% 30%, rgba(79, 172, 254, 0.08) 0%, transparent 50%),
radial-gradient(circle at 70% 70%, rgba(120, 119, 198, 0.08) 0%, transparent 50%);
pointer-events: none;
}
.onpremQuoteText_R4wZ {
font-size: 1.75rem;
font-style: italic;
margin-bottom: 1.5rem;
color: white;
border-left: none;
padding: 0;
position: relative;
z-index: 1;
font-weight: 300;
}
.onpremQuoteCite_oXWP {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.6);
font-style: normal;
position: relative;
z-index: 1;
}
.redocusaurus-styles {
display: none;
}
.redocusaurus .redoc-wrap {
border-bottom: 1px solid var(--ifm-toc-border-color);
}
/* ------ Headings Overrides ------- */
.redocusaurus h2,
.redocusaurus h3,
.redocusaurus h4 {
color: var(--ifm-font-color-base);
}
.redocusaurus h5 {
color: var(--ifm-font-color-secondary) !important;
}
.redocusaurus h5 > span {
color: var(--ifm-font-color-secondary) !important;
}
/* Fixes https://github.com/rohit-gohri/redocusaurus/issues/18 */
html[data-theme='dark'] .redocusaurus h1 > a:nth-child(1)::before {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggZD0ibTQ1OS43LDIzMy40bC05MC41LDkwLjVjLTUwLDUwIC0xMzEsNTAgLTE4MSwwYy03LjksLTcuOCAtMTQsLTE2LjcgLTE5LjQsLTI1LjhsNDIuMSwtNDIuMWMyLC0yIDQuNSwtMy4yIDYuOCwtNC41YzIuOSw5LjkgOCwxOS4zIDE1LjgsMjcuMmMyNSwyNSA2NS42LDI0LjkgOTAuNSwwbDkwLjUsLTkwLjVjMjUsLTI1IDI1LC02NS42IDAsLTkwLjVjLTI0LjksLTI1IC02NS41LC0yNSAtOTAuNSwwbC0zMi4yLDMyLjJjLTI2LjEsLTEwLjIgLTU0LjIsLTEyLjkgLTgxLjYsLTguOWw2OC42LC02OC42YzUwLC01MCAxMzEsLTUwIDE4MSwwYzQ5LjgsNDkuOSA0OS44LDEzMSAtMC4xLDE4MXptLTIzOS40LDE0OC44bC0zMi4yLDMyLjJjLTI1LDI0LjkgLTY1LjYsMjQuOSAtOTAuNSwwYy0yNSwtMjUgLTI1LC02NS42IDAsLTkwLjVsOTAuNSwtOTAuNWMyNSwtMjUgNjUuNSwtMjUgOTAuNSwwYzcuOCw3LjggMTIuOSwxNy4yIDE1LjgsMjcuMWMyLjQsLTEuNCA0LjgsLTIuNSA2LjgsLTQuNWw0Mi4xLC00MmMtNS40LC05LjIgLTExLjYsLTE4IC0xOS40LC0yNS44Yy01MCwtNTAgLTEzMSwtNTAgLTE4MSwwbC05MC41LDkwLjVjLTUwLDUwIC01MCwxMzEgMCwxODFjNTAsNTAgMTMxLDUwIDE4MSwwbDY4LjYsLTY4LjZjLTI3LjQsNCAtNTUuNiwxLjIgLTgxLjcsLTguOXoiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfMSIvPgogPC9nPgo8L3N2Zz4=');
}
html[data-theme='dark'] .redocusaurus h2 > a:nth-child(1)::before {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGcgY2xhc3M9ImxheWVyIj4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggZD0ibTQ1OS43LDIzMy40bC05MC41LDkwLjVjLTUwLDUwIC0xMzEsNTAgLTE4MSwwYy03LjksLTcuOCAtMTQsLTE2LjcgLTE5LjQsLTI1LjhsNDIuMSwtNDIuMWMyLC0yIDQuNSwtMy4yIDYuOCwtNC41YzIuOSw5LjkgOCwxOS4zIDE1LjgsMjcuMmMyNSwyNSA2NS42LDI0LjkgOTAuNSwwbDkwLjUsLTkwLjVjMjUsLTI1IDI1LC02NS42IDAsLTkwLjVjLTI0LjksLTI1IC02NS41LC0yNSAtOTAuNSwwbC0zMi4yLDMyLjJjLTI2LjEsLTEwLjIgLTU0LjIsLTEyLjkgLTgxLjYsLTguOWw2OC42LC02OC42YzUwLC01MCAxMzEsLTUwIDE4MSwwYzQ5LjgsNDkuOSA0OS44LDEzMSAtMC4xLDE4MXptLTIzOS40LDE0OC44bC0zMi4yLDMyLjJjLTI1LDI0LjkgLTY1LjYsMjQuOSAtOTAuNSwwYy0yNSwtMjUgLTI1LC02NS42IDAsLTkwLjVsOTAuNSwtOTAuNWMyNSwtMjUgNjUuNSwtMjUgOTAuNSwwYzcuOCw3LjggMTIuOSwxNy4yIDE1LjgsMjcuMWMyLjQsLTEuNCA0LjgsLTIuNSA2LjgsLTQuNWw0Mi4xLC00MmMtNS40LC05LjIgLTExLjYsLTE4IC0xOS40LC0yNS44Yy01MCwtNTAgLTEzMSwtNTAgLTE4MSwwbC05MC41LDkwLjVjLTUwLDUwIC01MCwxMzEgMCwxODFjNTAsNTAgMTMxLDUwIDE4MSwwbDY4LjYsLTY4LjZjLTI3LjQsNCAtNTUuNiwxLjIgLTgxLjcsLTguOXoiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfMSIvPgogPC9nPgo8L3N2Zz4=');
}
/* ------- Sidebar Overrides (Left Panel) ------- */
.redocusaurus .menu-content {
border-right: 1px solid var(--ifm-toc-border-color);
}
/**
* Hide Logo as already in navbar
* @see https://github.com/rohit-gohri/redocusaurus/issues/123
*/
.redocusaurus-has-logo .menu-content > div:first-child {
display: none;
}
.redocusaurus .operation-type {
margin-top: 6px;
font-size: 8px;
}
/* ------- Right Panel Overrides ------- */
.redocusaurus code {
padding: 0px;
/* Fix weird overlay on curly braces */
background-color: transparent;
}
.redocusaurus
ul
> li.react-tabs__tab--selected:not(.tab-error):not(.tab-success) {
color: #303846 !important;
}
/** Fixes https://github.com/rohit-gohri/redocusaurus/issues/65 */
html:not([data-theme='dark'])
.redocusaurus
.redoc-wrap
.api-content
> div
> div:nth-child(1)
> div:nth-child(2)
h3 {
color: var(--ifm-font-color-base-inverse);
}
/* Background of server selection dropdown */
html[data-theme='dark']
.redocusaurus
div[id^='operation']
> div
> div:nth-child(2)
> div:nth-child(1)
> div:nth-child(2) {
background-color: rgb(27, 32, 40);
color: var(--ifm-font-color-secondary);
}
html[data-theme='dark']
.redocusaurus
div[id^='operation']
> div
> div:nth-child(2)
> div:nth-child(1)
> div:nth-child(2)
> div
> div:nth-child(2)
> div {
background-color: var(--ifm-background-color);
}
/* Fixes https://github.com/rohit-gohri/redocusaurus/issues/8 */
html[data-theme='dark']
.redocusaurus
div[id^='tag']
> div
> div:nth-child(2)
> div:nth-child(1)
> div:nth-child(2) {
background-color: rgb(27, 32, 40);
color: var(--ifm-font-color-secondary);
}
html[data-theme='dark']
.redocusaurus
div[id^='tag']
> div
> div:nth-child(2)
> div:nth-child(1)
> div:nth-child(2)
> div
> div:nth-child(2)
> div {
background-color: var(--ifm-background-color);
}
/* Fixes https://github.com/rohit-gohri/redocusaurus/issues/306 */
html[data-theme='dark']
.redocusaurus
div[id^='tag']
button:has(span):has(.operation-type) {
background-color: var(--ifm-color-gray-800);
}
html[data-theme='dark']
.redocusaurus
div[id^='tag']
button + div {
background-color: var(--ifm-color-emphasis-0);
}
/* Padding above Response Samples heading */
.redocusaurus .react-tabs__tab-panel--selected {
margin-bottom: 10px;
}
/*
* Code Samples
* @see https://github.com/rohit-gohri/redocusaurus/issues/217
*/
html:not([data-theme='dark'])
.redocusaurus
[role='tabpanel']
pre {
background-color: transparent;
}
/** https://github.com/rohit-gohri/redocusaurus/issues/45 */
html:not([data-theme='dark'])
.redocusaurus
[role='tabpanel']
code {
color: var(--ifm-color-emphasis-0);
}
/* ------ Schema Styling Overrides ------- */
.redocusaurus table th {
border: none;
}
.redocusaurus table td {
border-top: none;
border-right: none;
}
.redocusaurus table td:nth-child(1) {
border-bottom: none;
}
.redocusaurus table td:nth-child(2) {
border-left: none;
}
.redocusaurus table tr {
background-color: var(--ifm-background-color);
}
.redocusaurus table > tbody > tr {
color: var(--ifm-font-color-base);
}
.redocusaurus table tbody tr table {
background-color: var(--ifm-background-surface-color);
}
.redocusaurus table tbody tr table tbody tr {
background-color: var(--ifm-background-surface-color);
}
.redocusaurus tr.last + tr > td > div {
background-color: var(--ifm-background-color) !important;
}
.redocusaurus span.dropdown-selector-value {
color: var(--ifm-font-color-secondary);
}
/* Authentication tables */
.redocusaurus table.security-details tr:nth-child(2n + 1) {
background-color: var(--ifm-background-surface-color);
}
[data-theme='dark'] .redocusaurus .api-content div h5 + svg polygon {
filter: invert(1);
}
[data-theme='dark'] .redocusaurus .api-content div:has(> span > span > i + code) {
background: var(--ifm-color-emphasis-0);
}
.redocusaurus-schema.hide-example > div > div > div:nth-child(2) {
display: none;
}
.redocusaurus-schema.hide-example > div > div > div:nth-child(1) {
width: 100%;
}
.redocusaurus-schema > div:last-child {
min-height: 0;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.container_UJDL {
padding: 20px;
padding-top: 80px;
overflow-x: hidden;
background-color: #18191a;
color: white;
min-height: 100vh;
}
.container_UJDL code {
color: white;
background-color: #444950;
}
.nav_uyzg {
position: fixed;
display: flex;
justify-content: space-evenly;
align-items: center;
height: 3.75rem;
background-color: #242526;
width: 100%;
z-index: 1;
}
.navlink_fkkq {
color: white;
font-weight: 500;
font-size: clamp(12px, 4vw, 16px);
text-align: center;
border-radius: 4px;
padding: 6px;
}
.navlink_fkkq:hover {
-webkit-text-decoration: none;
text-decoration: none;
background-color: #292a2b;
}
.active_YJyX {
background-color: #363739;
}
@media screen and (min-width: 800px) {
.nav_uyzg {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100vh;
width: 200px;
float: left;
background-color: #18191a;
border-right: 1px solid #606770;
padding-top: 20px;
}
.navlink_fkkq {
width: 80%;
margin-top: 20px;
text-align: left;
}
.container_UJDL {
padding-top: 40px;
float: right;
width: calc(100% - 200px);
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.containerParaiso_cQJv {
font-family: monospace;
cursor: default;
background-color: rgb(41 42 43);
position: relative;
margin-top: 10px;
padding: 10px;
border-radius: 4px;
font-size: 13px;
}
.basicElementParaiso_QZsA {
color: white;
padding: 3px 5px 3px 20px;
border-left: 1px solid rgb(79 66 76);
}
.labelParaiso_wRN4 {
color: rgb(231 233 219);
letter-spacing: 0.5px;
margin-right: 3px;
}
.nullValueParaiso_AoA7 {
display: inline-block;
color: rgb(254 196 24);
font-size: 11px;
font-weight: bold;
background-color: rgb(79 66 76);
padding: 1px 2px;
border-radius: 3px;
text-transform: uppercase;
}
.undefinedValueParaiso_FhTI {
color: rgb(141 134 135);
}
.stringValueParaiso_V3BI {
color: rgb(249 155 21);
}
.booleanValueParaiso_DtTx {
color: rgb(129 91 164);
}
.numberValueParaiso_QJS7 {
color: rgb(233 107 168);
}
.otherValueParaiso_LEJn {
color: white;
}
.punctuationParaiso_IgdH {
color: white;
}
.expandIconParaiso_FXv1 {
display: inline-block;
color: rgb(129 91 164);
font-size: 22px;
vertical-align: baseline;
margin-right: 3px;
line-height: 10px;
}
.collapseIconParaiso_vUhq::after {
content: '\25BE';
}
.collapseIconParaiso_vUhq {
display: inline-block;
color: rgb(6 182 239);
font-size: 22px;
vertical-align: baseline;
margin-right: 3px;
line-height: 10px;
}
.expandIconParaiso_FXv1::after {
content: '\25B8';
}
.collapseContentParaiso_r7rr {
color: rgb(249 155 21);
font-size: 18px;
line-height: 10px;
cursor: pointer;
}
.collapseContentParaiso_r7rr::after {
content: '...';
}
/*
Overrides default ul style from Infima
See https://github.com/AnyRoad/react-json-view-lite/issues/38
*/
.childFieldsContainerParaiso_hs_3 {
margin: 0;
padding: 0;
}
:root {
--cornerRadius: 20px;
--insecure-main: 239, 68, 68;
--insecure-dark: 153, 27, 27;
--public-main: 245, 158, 11;
--public-dark: 180, 83, 9;
--overlay-main: 139, 92, 246;
--overlay-dark: 91, 33, 182;
--private-main: 16, 185, 129;
--private-dark: 6, 95, 70;
--zone-bg: rgba(15, 23, 42, 0.6);
--card-bg: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.9) 100%);
--card-border: rgba(148, 163, 184, 0.2);
--card-text: #ffffff;
--card-subtitle: #94a3b8;
--user-label-text: #cbd5e1;
}
[data-theme='light'] {
--zone-bg: rgba(248, 250, 252, 0.8);
--card-bg: linear-gradient(135deg, rgba(241, 245, 249, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%);
--card-border: rgba(100, 116, 139, 0.2);
--card-text: #1e293b;
--card-subtitle: #64748b;
--user-label-text: #334155;
}
.hero_ydRY {
padding: 0 0 30px 0;
position: relative;
overflow: hidden;
display: block;
}
.fullscreenButton_OdVi {
display: block;
margin: 0 auto 20px;
padding: 10px 20px;
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
color: white;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
@media (max-width: 768px) {
.fullscreenButton_OdVi {
display: none;
}
}
.fullscreenButton_OdVi:hover {
transform: translateY(-2px);
box-shadow: 0 8px 16px rgba(79, 70, 229, 0.4);
}
[data-theme='light'] .fullscreenButton_OdVi {
background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}
[data-theme='light'] .fullscreenButton_OdVi:hover {
box-shadow: 0 8px 16px rgba(99, 102, 241, 0.4);
}
.fullscreenModal_ZYFJ {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.85);
display: flex;
align-items: center;
justify-content: center;
z-index: 10000;
padding: 20px;
animation: fadeIn_Gx_T 0.3s ease;
}
.fullscreenContent_KTAM {
background: var(--zone-bg);
border-radius: 12px;
width: 90vw;
height: 90vh;
max-width: 1600px;
position: relative;
display: flex;
flex-direction: column;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
animation: slideUp_enS4 0.3s ease;
}
[data-theme='light'] .fullscreenContent_KTAM {
background: rgba(248, 250, 252, 0.95);
}
.closeButton_QxE1 {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
color: white;
border-radius: 50%;
font-size: 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 10001;
}
.closeButton_QxE1:hover {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.4);
}
[data-theme='light'] .closeButton_QxE1 {
background: rgba(30, 41, 59, 0.1);
border: 1px solid rgba(30, 41, 59, 0.2);
color: #1e293b;
}
[data-theme='light'] .closeButton_QxE1:hover {
background: rgba(30, 41, 59, 0.15);
border-color: rgba(30, 41, 59, 0.4);
}
.fullscreenDiagram_hUWr {
flex: 1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 60px 20px;
container-type: inline-size;
width: 100%;
}
.fullscreenDiagram_hUWr .diagramContainer_LIsc {
transform: scale(1.2);
transform-origin: center center;
}
@container (max-width: 1382px) {
.fullscreenDiagram_hUWr .diagramContainer_LIsc {
transform: scale(1.1);
}
}
@container (max-width: 1200px) {
.fullscreenDiagram_hUWr .diagramContainer_LIsc {
transform: scale(1.0);
}
}
@container (max-width: 1000px) {
.fullscreenDiagram_hUWr .diagramContainer_LIsc {
transform: scale(0.9);
}
}
@container (max-width: 895px) {
.fullscreenDiagram_hUWr .diagramContainer_LIsc {
transform: scale(0.8);
}
}
@container (max-width: 768px) {
.fullscreenDiagram_hUWr .diagramContainer_LIsc {
transform: scale(0.65);
}
}
@keyframes fadeIn_Gx_T {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideUp_enS4 {
from {
transform: translateY(20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.hero_ydRY::before {
content: '';
position: absolute;
top: -50%;
right: -20%;
width: 800px;
height: 800px;
border-radius: 50%;
}
.hero_ydRY::after {
content: '';
position: absolute;
bottom: -30%;
left: -10%;
width: 600px;
height: 600px;
border-radius: 50%;
}
.container_sWlD {
max-width: 1800px;
margin: 0 auto;
position: relative;
z-index: 2;
padding: 0 20px;
container-type: inline-size;
}
@media (max-width: 768px) {
.container_sWlD {
padding: 20px 0 0 0;
}
}
.diagramContainer_LIsc {
display: grid;
grid-template-columns: 260px 260px 220px 300px;
gap: 1em;
align-items: center;
position: relative;
transform-origin: top left;
height: 530px;
width: fit-content;
}
.zone_Pj2T {
background: var(--zone-bg);
border: 3px solid rgba(var(--mainColor), 0.5);
border-radius: 24px;
padding: 30px 15px;
backdrop-filter: blur(20px);
position: relative;
height: 100%;
}
.zoneLabel_NOIX {
color: ivory;
position: absolute;
top: -12px;
left: 15px;
background: linear-gradient(135deg, rgb(var(--mainColor)) 0%, rgb(var(--darkerColor)) 100%);
padding: 4px 16px;
border-radius: 12px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.insecureNetwork_kLPi {
--mainColor: var(--insecure-main);
--darkerColor: var(--insecure-dark);
grid-column: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.hardenedFrontendWrapper_Q9YQ {
--mainColor: var(--public-main);
--darkerColor: var(--public-dark);
grid-column: 2;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.overlayZoneWrapper_hsZc {
--mainColor: var(--overlay-main);
--darkerColor: var(--overlay-dark);
grid-column: 3;
z-index: 100;
display: flex;
flex-direction: column;
justify-content: center;
}
.privateZone__BCq {
--mainColor: var(--private-main);
--darkerColor: var(--private-dark);
grid-column: 4;
display: flex;
flex-direction: column;
justify-content: center;
}
.card_zu8q {
background: var(--card-bg);
border: 1px solid var(--card-border);
border-radius: var(--cornerRadius);
padding: 30px 10px;
position: relative;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
.card_zu8q:hover {
transform: translateY(-8px);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
border-color: rgba(var(--mainColor), 0.4);
}
.card_zu8q::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 19px;
background: linear-gradient(90deg, rgb(var(--mainColor)) 0%, rgb(var(--darkerColor)) 100%);
border-radius: 20px 20px 0 0;
}
.cardIcon_KL6a {
width: 64px;
height: 64px;
margin: 0 auto 20px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
box-shadow: 0 8px 24px rgba(var(--mainColor), 0.4);
background: linear-gradient(135deg, rgba(var(--mainColor), 0.5) 0%, rgba(var(--mainColor), 0.5) 100%);
}
.browserIcon_UbzR {
width: 64px;
height: 64px;
margin: 0 auto 20px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, rgba(var(--mainColor), 0.5) 0%, rgba(var(--mainColor), 0.5) 100%);
}
.browserIcon_UbzR div {
font-size: 48px;
background: ivory;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cardTitle_Qg9G {
font-size: 18px;
font-weight: 700;
margin-bottom: 8px;
text-align: center;
color: var(--card-text);
}
.cardSubtitle__FyC {
font-size: 14px;
color: var(--card-subtitle);
text-align: center;
line-height: 1.5;
}
.cardNote_Kqre {
font-size: 12px;
color: var(--card-subtitle);
text-align: center;
margin-top: 8px;
font-style: italic;
opacity: 0.8;
}
.userSection_sf1c {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 25px;
}
.userAvatar__Hvn {
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 80px;
box-shadow: 0 12px 32px rgba(var(--mainColor), 0.5);
position: relative;
background: linear-gradient(135deg, rgba(var(--mainColor), 0.5) 0%, rgba(var(--mainColor), 0.5) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.userAvatar__Hvn::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 3px solid rgba(var(--mainColor), 0.3);
animation: pulse_bq76 2s infinite;
}
@keyframes pulse_bq76 {
0%, 100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.2);
opacity: 0;
}
}
.userLabel_C1s_ {
font-size: 14px;
font-weight: 600;
color: var(--user-label-text);
text-align: center;
}
.processList_tpFK {
display: flex;
flex-direction: column;
gap: 12px;
margin: 20px 0;
}
.processItem_FV83 {
background: rgba(var(--darkerColor), 0.1);
border: 1px solid rgba(var(--mainColor), 0.3);
border-radius: 12px;
font-size: 16px;
font-weight: 500;
color: rgba(var(--mainColor), 1.0);
display: flex;
align-items: center;
gap: 12px;
transition: all 0.3s ease;
}
.insecureItem_zjXb {
padding: 4px 12px;
gap: 4px;
}
.insecureItem_zjXb::before {
content: '◦';
}
.hardenedItem_PaX4 {
padding: 4px 6px;
}
.hardenedItem_PaX4::before {
content: '➜';
}
.processItem_FV83:hover {
background: rgba(var(--mainColor), 0.1);
border-color: rgba(var(--mainColor), 0.5);
transform: translateX(4px);
}
.processItem_FV83::before {
font-size: 28px;
color: rgb(var(--mainColor));
font-weight: 600;
}
.tunnelBadge_kIkE {
background: linear-gradient(135deg, rgba(139, 92, 246, 0.2) 0%, rgba(109, 40, 217, 0.2) 100%);
border: 2px dashed rgba(139, 92, 246, 0.5);
border-radius: 16px;
padding: 16px 24px;
text-align: center;
font-size: 13px;
font-weight: 700;
color: var(--card-subtitle);
letter-spacing: 0.5px;
width: 180%;
margin-left: -65px;
margin-top: 20px;
margin-bottom: 20px;
}
[data-theme='dark'] .tunnelBadge_kIkE {
color: #c4b5fd;
}
.privateGrid_wPnL {
display: flex;
gap: 15px;
margin-bottom: 25px;
}
.connectionNote_YZHU {
text-align: center;
font-size: 14px;
color: var(--card-subtitle);
font-weight: 600;
margin-bottom: 16px;
padding: 8px 8px 8px 28px;
background: linear-gradient(135deg, rgba(var(--mainColor), 0.1) 0%, rgba(var(--darkerColor), 0.1) 100%);
border-radius: 8px;
position: relative;
}
.connectionNote_YZHU::before {
content: '→';
position: absolute;
left: 8px;
color: rgb(var(--mainColor));
font-weight: 700;
}
@media (max-width: 768px) {
.diagramContainer_LIsc {
grid-template-columns: 1fr 50px;
grid-template-rows: auto;
gap: 1.25em;
height: auto;
width: 100%;
transform: scale(1) !important;
}
.insecureNetwork_kLPi,
.hardenedFrontendWrapper_Q9YQ,
.overlayZoneWrapper_hsZc,
.privateZone__BCq {
grid-column: 1;
}
.zone_Pj2T {
padding: 20px 15px;
border-radius: 16px;
}
.card_zu8q {
padding: 20px 10px;
}
.cardIcon_KL6a,
.browserIcon_UbzR {
width: 48px;
height: 48px;
font-size: 32px;
margin: 0 auto 15px;
}
.cardTitle_Qg9G {
font-size: 16px;
margin-bottom: 6px;
}
.cardSubtitle__FyC {
font-size: 12px;
}
.processList_tpFK {
gap: 8px;
margin: 15px 0;
}
.processItem_FV83 {
font-size: 13px;
padding: 4px 8px;
}
.userAvatar__Hvn {
width: 60px;
height: 60px;
font-size: 60px;
}
.userLabel_C1s_ {
font-size: 12px;
margin-top: 8px;
}
.tunnelBadge_kIkE {
width: 100%;
margin-left: 0;
padding: 12px 16px;
font-size: 11px;
}
.zoneLabel_NOIX {
font-size: 10px;
padding: 2px 12px;
left: 10px;
}
.connectionNote_YZHU {
font-size: 12px;
padding: 6px 6px 6px 20px;
margin-bottom: 12px;
}
.privateGrid_wPnL {
flex-direction: column;
gap: 12px;
}
}
@container (max-width: 1382px) {
.hero_ydRY .diagramContainer_LIsc {
transform: scale(0.95);
height: 553px;
}
}
@container (max-width: 1088px) {
.hero_ydRY .diagramContainer_LIsc {
transform: scale(0.9);
height: 525px;
}
}
@container (max-width: 980px) {
.hero_ydRY .diagramContainer_LIsc {
transform: scale(0.8);
height: 467px;
}
}
@container (max-width: 870px) {
.hero_ydRY .diagramContainer_LIsc {
transform: scale(0.7);
height: 408px;
}
}
@container (max-width: 820px) {
.hero_ydRY .diagramContainer_LIsc {
transform: scale(0.65);
height: 378px;
}
}
@container (max-width: 765px) {
.hero_ydRY .diagramContainer_LIsc {
transform: scale(0.6);
height: 348px;
}
}
@media (max-width: 768px) {
.hero_ydRY .diagramContainer_LIsc {
transform: scale(1) !important;
height: auto !important;
}
}
.dataFlowArrow_zEON {
grid-column: 1 / -1;
position: relative;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
z-index: 200;
margin-top: -120px;
overflow: hidden;
}
@media (max-width: 768px) {
.dataFlowArrow_zEON {
grid-column: 2;
grid-row: 1 / 5;
width: 50px;
height: 100%;
min-height: 100%;
margin-top: 0;
margin-left: -20px;
margin-right: 0;
position: relative;
align-self: stretch;
}
}
.dataFlowArrow_zEON::before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, rgba(239, 92, 246, 0.1) 0%, rgba(239, 192, 246, 0.8) 50%, rgba(139, 92, 246, 0.4) 100%);
transform: translateY(-50%);
}
.dataFlowArrow_zEON::after {
content: '';
position: absolute;
top: 50%;
left: -30%;
height: 3px;
width: 30%;
background: linear-gradient(90deg, transparent 0%, rgba(39, 92, 146, 1) 50%, transparent 100%);
transform: translateY(-50%);
animation: flowData_AHMQ 3s linear infinite;
box-shadow: 0 0 10px rgba(139, 92, 246, 0.8);
}
@media (max-width: 768px) {
.dataFlowArrow_zEON::before {
top: 0;
bottom: 0;
left: 50%;
width: 3px;
height: auto;
background: linear-gradient(180deg, rgba(239, 92, 246, 0.1) 0%, rgba(239, 192, 246, 0.8) 50%, rgba(139, 92, 246, 0.4) 100%);
transform: translateX(-50%);
}
.dataFlowArrow_zEON::after {
left: 50%;
top: -30%;
width: 3px;
height: 30%;
background: linear-gradient(180deg, transparent 0%, rgba(39, 92, 146, 1) 50%, transparent 100%);
transform: translateX(-50%);
animation: flowDataVertical_sU9n 3s linear infinite;
}
}
.dataFlowLabel_edg1 {
position: relative;
z-index: 100;
background: rgba(15, 23, 42, 0.95);
padding: 8px 24px;
border-radius: 20px;
border: 2px solid rgba(39, 92, 246, 0.6);
font-size: 13px;
font-weight: 700;
color: #c4b5fd;
letter-spacing: 4px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 8px;
pointer-events: auto;
}
[data-theme='light'] .dataFlowLabel_edg1 {
background: rgba(241, 245, 249, 0.95);
border: 2px solid rgba(79, 70, 229, 0.6);
color: #6366f1;
}
.dataFlowLabel_edg1::after {
content: '─▶';
font-size: 14px;
}
@media (max-width: 768px) {
.dataFlowLabel_edg1 {
writing-mode: vertical-lr;
padding: 24px 8px;
}
.dataFlowLabel_edg1::after {
content: '▼';
}
}
@keyframes flowData_AHMQ {
0% { left: -30%; }
100% { left: 100%; }
}
@keyframes flowDataVertical_sU9n {
0% { top: -30%; }
100% { top: 100%; }
}
/* Animated Background */
.onpremAnimatedBg_O2Vp {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 0;
}
.onpremFloatingShape1_nHeY,
.onpremFloatingShape2_qYbB,
.onpremFloatingShape3_kq1k {
position: absolute;
border-radius: 50%;
opacity: 0.1;
/*animation: onpremFloat 20s infinite ease-in-out;*/
}
.onpremFloatingShape1_nHeY {
width: 300px;
height: 300px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
top: 10%;
left: -5%;
/*animation-delay: 0s;*/
}
.onpremFloatingShape2_qYbB {
width: 200px;
height: 200px;
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
top: 60%;
right: -3%;
/*animation-delay: -7s;*/
}
.onpremFloatingShape3_kq1k {
width: 150px;
height: 150px;
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
bottom: 20%;
left: 70%;
/*animation-delay: -14s;*/
}
.onpremNetworkGrid__MS1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
background-size: 50px 50px;
/*animation: onpremGridMove 30s linear infinite;*/
}
@keyframes onpremFloat_OOjl {
0%, 100% { transform: translateY(0px) rotate(0deg); }
33% { transform: translateY(-30px) rotate(120deg); }
66% { transform: translateY(20px) rotate(240deg); }
}
@keyframes onpremGridMove_lmtC {
0% { transform: translate(0, 0); }
100% { transform: translate(50px, 50px); }
}
/* Hero Section */
.onpremHeroBanner_IXlw {
padding: 6rem 0;
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #667eea 100%);
color: white;
position: relative;
overflow: hidden;
min-height: 70vh;
display: flex;
align-items: center;
}
.onpremHeroContent_gAkC {
position: relative;
z-index: 2;
text-align: center;
}
.onpremHeroBadge_VoKw {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
padding: 0.75rem 1.5rem;
margin-bottom: 2rem;
font-size: 0.9rem;
font-weight: 600;
/*animation: onpremPulse 3s infinite;*/
}
.onpremBadgeIcon_tnVt {
font-size: 1.2rem;
}
@keyframes onpremPulse_v4Ws {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
.onpremHeroTitle_Gzg3 {
font-size: 4rem;
margin-bottom: 1.5rem;
font-weight: 800;
line-height: 1.1;
}
.onpremGradientText_a1Y2 {
background: linear-gradient(135deg, #ffeaa7, #fab1a0, #fd79a8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
/*animation: onpremGradientShift 4s ease-in-out infinite;*/
}
@keyframes onpremGradientShift_odXO {
0%, 100% { filter: hue-rotate(0deg); }
50% { filter: hue-rotate(45deg); }
}
.onpremHeroSubtitle_WSK4 {
font-size: 1.4rem;
margin-bottom: 3rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
opacity: 0.9;
line-height: 1.5;
}
.onpremHeroButtons_SsM0 {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.onpremPrimaryButton_CAKj {
background: linear-gradient(135deg, #ff6b6b, #ee5a24);
border: none;
color: white;
box-shadow: 0 8px 32px rgba(255, 107, 107, 0.3);
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
}
.onpremPrimaryButton_CAKj:hover {
transform: translateY(-3px);
box-shadow: 0 12px 40px rgba(255, 107, 107, 0.4);
color: white;
}
.onpremSecondaryButton_mEaA {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 2px solid rgba(255, 255, 255, 0.3);
color: white;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
}
.onpremSecondaryButton_mEaA:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-3px);
color: white;
}
.onpremButtonIcon_cVhA {
font-size: 1.1rem;
}
/* Features Section */
.onpremFeatures_pbRl {
padding: 6rem 0;
background: #0a0e27;
color: white;
position: relative;
}
.onpremSectionHeader_vlmb {
text-align: center;
margin-bottom: 4rem;
}
.onpremSectionTitle_i8YN {
font-size: 3rem;
font-weight: 800;
margin-bottom: 1rem;
color: white;
}
.onpremSectionSubtitle_WhsU {
font-size: 1.3rem;
opacity: 0.8;
max-width: 600px;
margin: 0 auto;
}
.onpremFeatureCard_meWZ {
margin-bottom: 2rem;
height: 100%;
}
.onpremCardInner_zObw {
background: linear-gradient(145deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 20px;
padding: 2.5rem 1.5rem;
height: 100%;
position: relative;
transition: all 0.4s ease;
overflow: hidden;
}
.onpremCardInner_zObw:hover {
transform: translateY(-10px);
border-color: rgba(255,255,255,0.3);
}
.onpremCardGlow_TFv3 {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
opacity: 0;
transition: opacity 0.4s ease;
}
.onpremCardInner_zObw:hover .onpremCardGlow_TFv3 {
opacity: 1;
}
.onpremFeatureIcon_SjM8 {
width: 80px;
height: 80px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
position: relative;
transition: all 0.3s ease;
}
.onpremIconEmoji_rxRg {
font-size: 2.5rem;
z-index: 2;
}
.onpremGradient1_lROo { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.onpremGradient2_xzJE { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.onpremGradient3_TLdT { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.onpremGradient4_lVmo { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.onpremFeatureTitle_Sp9A {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 1rem;
text-align: center;
color: white;
}
.onpremFeatureDescription_Nvxl {
font-size: 1rem;
opacity: 0.8;
line-height: 1.6;
text-align: center;
margin: 0;
}
/* Quote Banner */
.onpremQuoteBanner_iUkV {
padding: 5rem 0;
background: linear-gradient(135deg, #141e30 0%, #243b55 100%);
position: relative;
overflow: hidden;
}
.onpremQuoteContent_wT_j {
text-align: center;
position: relative;
z-index: 2;
max-width: 900px;
margin: 0 auto;
}
.onpremQuoteIcon_qZlD {
font-size: 4rem;
margin-bottom: 2rem;
opacity: 0.3;
}
.onpremQuoteAccent_ByKs {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3);
}
/* Footer CTA */
.onpremFooterCta_WRpB {
padding: 6rem 0;
background: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);
color: white;
text-align: center;
}
.onpremCtaContent_ODNA {
max-width: 800px;
margin: 0 auto;
}
.onpremCtaIcon_DVuL {
font-size: 5rem;
margin-bottom: 2rem;
/*animation: onpremBounce 2s infinite;*/
}
@keyframes onpremBounce_yMR6 {
0%, 20%, 53%, 80%, 100% { transform: translate3d(0,0,0); }
40%, 43% { transform: translate3d(0, -10px, 0); }
70% { transform: translate3d(0, -5px, 0); }
90% { transform: translate3d(0, -2px, 0); }
}
.onpremFooterTitle_nUtQ {
font-size: 3.5rem;
font-weight: 800;
margin-bottom: 2rem;
line-height: 1.2;
}
.onpremFooterDescription_fGEW {
font-size: 1.3rem;
margin-bottom: 3rem;
opacity: 0.9;
line-height: 1.6;
}
.onpremFooterButtons_G3Ip {
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
flex-wrap: wrap;
}
/* Responsive Design */
@media screen and (max-width: 996px) {
.onpremHeroTitle_Gzg3 { font-size: 3rem; }
.onpremHeroSubtitle_WSK4 { font-size: 1.2rem; }
.onpremSectionTitle_i8YN { font-size: 2.5rem; }
.onpremFooterTitle_nUtQ { font-size: 2.8rem; }
.onpremQuote_oQCf { font-size: 1.5rem; }
.onpremHeroButtons_SsM0, .onpremFooterButtons_G3Ip { gap: 1rem; }
}
@media screen and (max-width: 768px) {
.onpremHeroBanner_IXlw { padding: 4rem 0; }
.onpremHeroTitle_Gzg3 { font-size: 2.5rem; }
.onpremHeroSubtitle_WSK4 { font-size: 1.1rem; }
.onpremFeatures_pbRl { padding: 4rem 0; }
.onpremFooterCta_WRpB { padding: 4rem 0; }
.onpremQuoteBanner_iUkV { padding: 3rem 0; }
}
.onpremQuote_oQCf {
background: linear-gradient(135deg, #16213e 0%, #0f3460 100%);
padding: 4rem 0;
text-align: center;
position: relative;
}
.onpremQuote_oQCf::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 30% 30%, rgba(79, 172, 254, 0.08) 0%, transparent 50%),
radial-gradient(circle at 70% 70%, rgba(120, 119, 198, 0.08) 0%, transparent 50%);
pointer-events: none;
}
.onpremQuoteText_cxKs {
font-size: 1.75rem;
font-style: italic;
margin-bottom: 1.5rem;
color: white;
border-left: none;
padding: 0;
position: relative;
z-index: 1;
font-weight: 300;
}
.onpremQuoteCite_bXay {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.6);
font-style: normal;
position: relative;
z-index: 1;
}
/* Animated Background */
.onpremAnimatedBg_uUjG {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 0;
}
.onpremFloatingShape1_esO4,
.onpremFloatingShape2_Aa4u,
.onpremFloatingShape3_QdiC {
position: absolute;
border-radius: 50%;
opacity: 0.1;
/*animation: onpremFloat 20s infinite ease-in-out;*/
}
.onpremFloatingShape1_esO4 {
width: 300px;
height: 300px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
top: 10%;
left: -5%;
/*animation-delay: 0s;*/
}
.onpremFloatingShape2_Aa4u {
width: 200px;
height: 200px;
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
top: 60%;
right: -3%;
/*animation-delay: -7s;*/
}
.onpremFloatingShape3_QdiC {
width: 150px;
height: 150px;
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
bottom: 20%;
left: 70%;
/*animation-delay: -14s;*/
}
.onpremNetworkGrid_ScHR {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
background-size: 50px 50px;
/*animation: onpremGridMove 30s linear infinite;*/
}
@keyframes onpremFloat_K52e {
0%, 100% { transform: translateY(0px) rotate(0deg); }
33% { transform: translateY(-30px) rotate(120deg); }
66% { transform: translateY(20px) rotate(240deg); }
}
@keyframes onpremGridMove_mR4n {
0% { transform: translate(0, 0); }
100% { transform: translate(50px, 50px); }
}
/* Hero Section */
.onpremHeroBanner_j9nl {
padding: 6rem 0;
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #667eea 100%);
color: white;
position: relative;
overflow: hidden;
min-height: 70vh;
display: flex;
align-items: center;
}
.onpremHeroContent_dVjJ {
position: relative;
z-index: 2;
text-align: center;
}
.onpremHeroBadge_iaWO {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
padding: 0.75rem 1.5rem;
margin-bottom: 2rem;
font-size: 0.9rem;
font-weight: 600;
/*animation: onpremPulse 3s infinite;*/
}
.onpremBadgeIcon_rYje {
font-size: 1.2rem;
}
@keyframes onpremPulse_uImU {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
.onpremHeroTitle_vAqI {
font-size: 4rem;
margin-bottom: 1.5rem;
font-weight: 800;
line-height: 1.1;
}
.onpremGradientText_WINP {
background: linear-gradient(135deg, #ffeaa7, #fab1a0, #fd79a8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
/*animation: onpremGradientShift 4s ease-in-out infinite;*/
}
@keyframes onpremGradientShift_GXdA {
0%, 100% { filter: hue-rotate(0deg); }
50% { filter: hue-rotate(45deg); }
}
.onpremHeroSubtitle_iCuN {
font-size: 1.4rem;
margin-bottom: 3rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
opacity: 0.9;
line-height: 1.5;
}
.onpremHeroButtons_MM0u {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.onpremPrimaryButton_gLyZ {
background: linear-gradient(135deg, #ff6b6b, #ee5a24);
border: none;
color: white;
box-shadow: 0 8px 32px rgba(255, 107, 107, 0.3);
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
}
.onpremPrimaryButton_gLyZ:hover {
transform: translateY(-3px);
box-shadow: 0 12px 40px rgba(255, 107, 107, 0.4);
color: white;
}
.onpremSecondaryButton_EZYS {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
border: 2px solid rgba(255, 255, 255, 0.3);
color: white;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 600;
}
.onpremSecondaryButton_EZYS:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateY(-3px);
color: white;
}
.onpremButtonIcon_h6P0 {
font-size: 1.1rem;
}
/* Features Section */
.onpremFeatures_ikpj {
padding: 6rem 0;
background: #0a0e27;
color: white;
position: relative;
}
.onpremSectionHeader_qsif {
text-align: center;
margin-bottom: 4rem;
}
.onpremSectionTitle_bOYw {
font-size: 3rem;
font-weight: 800;
margin-bottom: 1rem;
color: white;
}
.onpremSectionSubtitle_zSA4 {
font-size: 1.3rem;
opacity: 0.8;
max-width: 600px;
margin: 0 auto;
}
.onpremFeatureCard_yURk {
margin-bottom: 2rem;
height: 100%;
}
.onpremCardInner_SK_C {
background: linear-gradient(145deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 20px;
padding: 2.5rem 1.5rem;
height: 100%;
position: relative;
transition: all 0.4s ease;
overflow: hidden;
}
.onpremCardInner_SK_C:hover {
transform: translateY(-10px);
border-color: rgba(255,255,255,0.3);
}
.onpremCardGlow_DrIC {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
opacity: 0;
transition: opacity 0.4s ease;
}
.onpremCardInner_SK_C:hover .onpremCardGlow_DrIC {
opacity: 1;
}
.onpremFeatureIcon_M4fN {
width: 80px;
height: 80px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
position: relative;
transition: all 0.3s ease;
}
.onpremIconEmoji_dFjQ {
font-size: 2.5rem;
z-index: 2;
}
.onpremGradient1_Fx4V { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.onpremGradient2_ge9C { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.onpremGradient3_Wo9O { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
.onpremGradient4_vINE { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
.onpremFeatureTitle_a0ky {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 1rem;
text-align: center;
color: white;
}
.onpremFeatureDescription_NkZQ {
font-size: 1rem;
opacity: 0.8;
line-height: 1.6;
text-align: center;
margin: 0;
}
/* Quote Banner */
.onpremQuoteBanner_rTQc {
padding: 5rem 0;
background: linear-gradient(135deg, #141e30 0%, #243b55 100%);
position: relative;
overflow: hidden;
}
.onpremQuoteContent_x8Bp {
text-align: center;
position: relative;
z-index: 2;
max-width: 900px;
margin: 0 auto;
}
.onpremQuoteIcon_mVS1 {
font-size: 4rem;
margin-bottom: 2rem;
opacity: 0.3;
}
.onpremQuoteAccent__QE9 {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3);
}
/* Footer CTA */
.onpremFooterCta_tXE0 {
padding: 6rem 0;
background: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);
color: white;
text-align: center;
}
.onpremCtaContent_e2L6 {
max-width: 800px;
margin: 0 auto;
}
.onpremCtaIcon_lzQe {
font-size: 5rem;
margin-bottom: 2rem;
/*animation: onpremBounce 2s infinite;*/
}
@keyframes onpremBounce_ungP {
0%, 20%, 53%, 80%, 100% { transform: translate3d(0,0,0); }
40%, 43% { transform: translate3d(0, -10px, 0); }
70% { transform: translate3d(0, -5px, 0); }
90% { transform: translate3d(0, -2px, 0); }
}
.onpremFooterTitle_vhkI {
font-size: 3.5rem;
font-weight: 800;
margin-bottom: 2rem;
line-height: 1.2;
}
.onpremFooterDescription_PWjC {
font-size: 1.3rem;
margin-bottom: 3rem;
opacity: 0.9;
line-height: 1.6;
}
.onpremFooterButtons_Vzoq {
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
flex-wrap: wrap;
}
/* Responsive Design */
@media screen and (max-width: 996px) {
.onpremHeroTitle_vAqI { font-size: 3rem; }
.onpremHeroSubtitle_iCuN { font-size: 1.2rem; }
.onpremSectionTitle_bOYw { font-size: 2.5rem; }
.onpremFooterTitle_vhkI { font-size: 2.8rem; }
.onpremQuote_k2uj { font-size: 1.5rem; }
.onpremHeroButtons_MM0u, .onpremFooterButtons_Vzoq { gap: 1rem; }
}
@media screen and (max-width: 768px) {
.onpremHeroBanner_j9nl { padding: 4rem 0; }
.onpremHeroTitle_vAqI { font-size: 2.5rem; }
.onpremHeroSubtitle_iCuN { font-size: 1.1rem; }
.onpremFeatures_ikpj { padding: 4rem 0; }
.onpremFooterCta_tXE0 { padding: 4rem 0; }
.onpremQuoteBanner_rTQc { padding: 3rem 0; }
}
.onpremQuote_k2uj {
background: linear-gradient(135deg, #16213e 0%, #0f3460 100%);
padding: 4rem 0;
text-align: center;
position: relative;
}
.onpremQuote_k2uj::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 30% 30%, rgba(79, 172, 254, 0.08) 0%, transparent 50%),
radial-gradient(circle at 70% 70%, rgba(120, 119, 198, 0.08) 0%, transparent 50%);
pointer-events: none;
}
.onpremQuoteText_Bjee {
font-size: 1.75rem;
font-style: italic;
margin-bottom: 1.5rem;
color: white;
border-left: none;
padding: 0;
position: relative;
z-index: 1;
font-weight: 300;
}
.onpremQuoteCite_zHkr {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.6);
font-style: normal;
position: relative;
z-index: 1;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.listItem_UIrj {
background-color: #242526;
padding: 10px;
border-radius: 4px;
margin-bottom: 20px;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.sectionTitle_gpPX {
margin-top: 20px;
}
.listItem_KhP1 {
background-color: #242526;
padding: 10px;
border-radius: 4px;
margin-bottom: 20px;
}
.version_eAdG {
float: right;
}
.name_omfq {
font-weight: 800;
color: #e06b6b;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.listItem_Ild6 {
background-color: #242526;
padding: 10px;
border-radius: 4px;
margin-bottom: 20px;
}
.route_NfVu {
margin-bottom: 10px;
}
.routeName_Q1Ui {
color: #e06b6b;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.backToTopButton_sjWU {
position: fixed;
right: 1.3rem;
bottom: 1.3rem;
border-radius: 50%;
background-color: var(--ifm-color-emphasis-200);
width: 3rem;
height: 3rem;
z-index: calc(var(--ifm-z-index-fixed) - 1);
box-shadow: var(--ifm-global-shadow-lw);
transition: all var(--ifm-transition-fast)
var(--ifm-transition-timing-default);
opacity: 0;
transform: scale(0);
visibility: hidden;
}
.backToTopButton_sjWU::after {
content: ' ';
display: inline-block;
-webkit-mask: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem no-repeat;
mask: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem no-repeat;
background-color: var(--ifm-color-emphasis-1000);
width: 100%;
height: 100%;
}
@media (hover: hover) {
.backToTopButton_sjWU:hover {
background-color: var(--ifm-color-emphasis-300);
}
}
.backToTopButtonShow_xfvO {
opacity: 1;
transform: scale(1);
visibility: visible;
}
.layoutDocsCard_LE1C {
display: block;
font-size: 12px;
max-width: 30em;
}
.layoutDocsCard_LE1C.disabled_wy3F, .layoutDocsCard_LE1C[disabled] {
position: relative;
}
.layoutDocsCard_LE1C.disabled_wy3F::after, .layoutDocsCard_LE1C[disabled]::after {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(232, 232, 232, 0.5);
pointer-events: none;
content: '';
}
.layoutCard_Vcfe {
color: inherit;
background-color: var(--docs-card-bg-c);
border: 1px solid #0068f9;
border-radius: 12px;
display: flex;
flex-direction: column;
font-size: 0.75rem;
font-weight: normal;
height: 100%;
justify-content: flex-start;
line-height: 1.6;
transition: box-shadow 150ms ease-out, transform 150ms ease-out, opacity 150ms ease-out;
width: 100%;
overflow: hidden;
}
.layoutCard_Vcfe:hover, .layoutCard_Vcfe:active, .layoutCard_Vcfe:focus {
color: inherit;
}
.layoutCardWithImage_YB5h {
grid-row: span 2;
}
.layoutCardWithoutImage_wq3K {
font-size: 12px;
}
.layoutCardContainer_G92Q {
padding: 1.15rem;
}
.layoutCardImage_mIyc {
max-height: 100%;
}
.layoutCardIcon_ih28, .layoutCardIconsetContainer_BKyB {
width: 48px;
height: 48px;
margin-bottom: 1.2em;
object-fit: contain;
}
.layoutCardIconDefault_Yy4z {
transition: opacity 150ms ease-out;
}
.layoutCardIconHover_zaz8 {
top: 0;
position: absolute;
opacity: 0;
transition: opacity 150ms ease-out;
}
.layoutCardIconRow_xTs9 {
display: flex;
max-height: 50px;
height: 48px;
}
.layoutCardIconsetContainer_BKyB {
position: relative;
}
.layoutCardIconsetContainer_BKyB .layoutCardIcon_ih28 {
position: absolute;
opacity: 0;
transition: 0.8s opacity;
}
.layoutCardIconsetContainer_BKyB .layoutCardIconActive_lhZs {
opacity: 1;
}
.layoutCardIonicon_VMAw {
width: 48px;
height: 48px;
float: left;
margin-right: 1em;
}
.layoutCardContent_bDg9 > *:first-child {
margin-top: 0;
}
.layoutCardContent_bDg9 > *:last-child {
margin-bottom: 0;
}
.layoutCardContent_bDg9 > * {
margin: 0 0 0.65em;
}
.layoutCardContent_bDg9 p {
font-size: 0.75rem;
}
.layoutCardHeader_yBbD {
font-size: 1rem;
line-height: 1.4;
margin-bottom: 0.45em;
font-weight: 600;
color: var(--token-heading-color-dark);
}
.layoutCardWithoutImage_wq3K .layoutCardHeader_yBbD {
margin-bottom: 0.3em;
}
.layoutCardHeader_yBbD > svg {
fill: currentColor;
height: 1em;
margin-bottom: -0.125em;
width: auto;
}
.layoutCardSizeLg_A2Or {
font-size: 14px;
}
.layoutCardSizeLg_A2Or .layoutCardIcon_ih28, .layoutCardSizeLg_A2Or .layoutCardIonicon_VMAw, .layoutCardSizeLg_A2Or .layoutCardIconsetContainer_BKyB {
width: 80px;
height: 80px;
}
.layoutCardSizeLg_A2Or.layoutCardWithoutImage_wq3K .layoutCardHeader_yBbD {
font-size: 20px;
}
.layoutAsideDocsCard_l6Ks {
max-width: 240px;
}
.layoutAside_bKZ3 .layoutCardContainer_G92Q {
display: grid;
grid-template-columns: minmax(0, max-content) 1fr;
grid-template-rows: minmax(0, min-content);
grid-template-areas: 'icon title' 'icon body';
}
.layoutAside_bKZ3 .layoutCardIcon_ih28 {
width: 32px;
height: 32px;
margin-right: 16px;
margin-bottom: 0;
grid-area: icon;
}
.layoutAside_bKZ3 .layoutCardHeader_yBbD {
grid-area: title;
}
.layoutAside_bKZ3 .layoutCardHeader_yBbD::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiByeD0iMiIgZmlsbD0iI0U5RURGMyIvPgo8cGF0aCBkPSJNNCA5TDEyIDFNMTIgMUg2LjhNMTIgMVY2LjIiIHN0cm9rZT0iIzkyQTFCMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==);
display: inline-block;
height: 13px;
width: 13px;
background-size: 13px 13px;
margin-left: 4px;
content: '';
}
.layoutAside_bKZ3 .layoutCardContent_bDg9 {
grid-area: body;
max-height: 42px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.layoutAside_bKZ3 .layoutCardIcon_ih28 + .layoutCardContent_bDg9 {
margin-top: -6px;
}
.layoutMarkdownContent_Krrq p.layoutDocsCard_LE1C {
margin-top: 1em;
}
docs-cards {
display: grid;
font-size: 12px;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-gap: 1.35rem;
}
docs-cards > docs-card {
font-size: inherit;
max-width: none;
}
docs-cards > docs-card.tall {
grid-row: span 2;
}
docs-cards > docs-card.wide {
grid-column: span 2;
}
docs-cards.prioritized > docs-card:nth-child(-n + 5) {
font-size: 1.25em;
}
docs-cards.prioritized > docs-card:first-child {
grid-row: span 2;
}
docs-cards.max-measure > docs-card {
max-width: 50%;
}
div.ap-wrapper {
outline: none;
height: 100%;
display: flex;
justify-content: center;
}
div.ap-wrapper .title-bar {
display: none;
top: -78px;
transition: top 0.15s linear;
position: absolute;
left: 0;
right: 0;
box-sizing: content-box;
font-size: 20px;
line-height: 1em;
padding: 15px;
font-family: sans-serif;
color: white;
background-color: rgba(0, 0, 0, 0.8);
}
div.ap-wrapper .title-bar img {
vertical-align: middle;
height: 48px;
margin-right: 16px;
}
div.ap-wrapper .title-bar a {
color: white;
-webkit-text-decoration: underline;
text-decoration: underline;
}
div.ap-wrapper .title-bar a:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
div.ap-wrapper:fullscreen {
background-color: #000;
width: 100%;
align-items: center;
}
div.ap-wrapper:fullscreen .title-bar {
display: initial;
}
div.ap-wrapper:fullscreen.hud .title-bar {
top: 0;
}
div.ap-wrapper div.ap-player {
text-align: left;
display: inline-block;
padding: 0px;
position: relative;
box-sizing: content-box;
overflow: hidden;
max-width: 100%;
border-radius: 4px;
font-size: 15px;
background-color: var(--term-color-background);
}
.ap-player {
--term-color-foreground: #ffffff;
--term-color-background: #000000;
--term-color-0: var(--term-color-foreground);
--term-color-1: var(--term-color-foreground);
--term-color-2: var(--term-color-foreground);
--term-color-3: var(--term-color-foreground);
--term-color-4: var(--term-color-foreground);
--term-color-5: var(--term-color-foreground);
--term-color-6: var(--term-color-foreground);
--term-color-7: var(--term-color-foreground);
--term-color-8: var(--term-color-0);
--term-color-9: var(--term-color-1);
--term-color-10: var(--term-color-2);
--term-color-11: var(--term-color-3);
--term-color-12: var(--term-color-4);
--term-color-13: var(--term-color-5);
--term-color-14: var(--term-color-6);
--term-color-15: var(--term-color-7);
}
.ap-player .fg-0 {
--fg: var(--term-color-0);
}
.ap-player .bg-0 {
--bg: var(--term-color-0);
}
.ap-player .fg-1 {
--fg: var(--term-color-1);
}
.ap-player .bg-1 {
--bg: var(--term-color-1);
}
.ap-player .fg-2 {
--fg: var(--term-color-2);
}
.ap-player .bg-2 {
--bg: var(--term-color-2);
}
.ap-player .fg-3 {
--fg: var(--term-color-3);
}
.ap-player .bg-3 {
--bg: var(--term-color-3);
}
.ap-player .fg-4 {
--fg: var(--term-color-4);
}
.ap-player .bg-4 {
--bg: var(--term-color-4);
}
.ap-player .fg-5 {
--fg: var(--term-color-5);
}
.ap-player .bg-5 {
--bg: var(--term-color-5);
}
.ap-player .fg-6 {
--fg: var(--term-color-6);
}
.ap-player .bg-6 {
--bg: var(--term-color-6);
}
.ap-player .fg-7 {
--fg: var(--term-color-7);
}
.ap-player .bg-7 {
--bg: var(--term-color-7);
}
.ap-player .fg-8 {
--fg: var(--term-color-8);
}
.ap-player .bg-8 {
--bg: var(--term-color-8);
}
.ap-player .fg-9 {
--fg: var(--term-color-9);
}
.ap-player .bg-9 {
--bg: var(--term-color-9);
}
.ap-player .fg-10 {
--fg: var(--term-color-10);
}
.ap-player .bg-10 {
--bg: var(--term-color-10);
}
.ap-player .fg-11 {
--fg: var(--term-color-11);
}
.ap-player .bg-11 {
--bg: var(--term-color-11);
}
.ap-player .fg-12 {
--fg: var(--term-color-12);
}
.ap-player .bg-12 {
--bg: var(--term-color-12);
}
.ap-player .fg-13 {
--fg: var(--term-color-13);
}
.ap-player .bg-13 {
--bg: var(--term-color-13);
}
.ap-player .fg-14 {
--fg: var(--term-color-14);
}
.ap-player .bg-14 {
--bg: var(--term-color-14);
}
.ap-player .fg-15 {
--fg: var(--term-color-15);
}
.ap-player .bg-15 {
--bg: var(--term-color-15);
}
.ap-player .fg-8,
.ap-player .fg-9,
.ap-player .fg-10,
.ap-player .fg-11,
.ap-player .fg-12,
.ap-player .fg-13,
.ap-player .fg-14,
.ap-player .fg-15 {
font-weight: bold;
}
pre.ap-terminal {
box-sizing: content-box;
overflow: hidden;
padding: 0;
margin: 0px;
display: block;
white-space: pre;
word-wrap: normal;
word-break: normal;
border-radius: 0;
border-style: solid;
cursor: text;
border-width: 0.75em;
color: var(--term-color-foreground);
background-color: var(--term-color-background);
border-color: var(--term-color-background);
outline: none;
line-height: var(--term-line-height);
font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace, 'Powerline Symbols';
font-feature-settings: none;
font-variant-ligatures: none;
}
pre.ap-terminal .ap-line {
letter-spacing: normal;
overflow: hidden;
}
pre.ap-terminal .ap-line span {
padding: 0;
display: inline-block;
height: 100%;
}
pre.ap-terminal .ap-line {
display: block;
width: 100%;
height: var(--term-line-height);
position: relative;
}
pre.ap-terminal .ap-line span {
position: absolute;
left: calc(100% * var(--offset) / var(--term-cols));
color: var(--fg);
background-color: var(--bg);
}
pre.ap-terminal .ap-line .ap-inverse {
color: var(--bg);
background-color: var(--fg);
}
pre.ap-terminal .ap-line .cp-2580 {
border-top: calc(0.5 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2581 {
border-bottom: calc(0.125 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2582 {
border-bottom: calc(0.25 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2583 {
border-bottom: calc(0.375 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2584 {
border-bottom: calc(0.5 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2585 {
border-bottom: calc(0.625 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2586 {
border-bottom: calc(0.75 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2587 {
border-bottom: calc(0.875 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2588 {
background-color: var(--fg);
}
pre.ap-terminal .ap-line .cp-2589 {
border-left: 0.875ch solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258a {
border-left: 0.75ch solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258b {
border-left: 0.625ch solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258c {
border-left: 0.5ch solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258d {
border-left: 0.375ch solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258e {
border-left: 0.25ch solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-258f {
border-left: 0.125ch solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2590 {
border-right: 0.5ch solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2591 {
background-color: color-mix(in srgb, var(--fg) 25%, var(--bg));
}
pre.ap-terminal .ap-line .cp-2592 {
background-color: color-mix(in srgb, var(--fg) 50%, var(--bg));
}
pre.ap-terminal .ap-line .cp-2593 {
background-color: color-mix(in srgb, var(--fg) 75%, var(--bg));
}
pre.ap-terminal .ap-line .cp-2594 {
border-top: calc(0.125 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2595 {
border-right: 0.125ch solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2596 {
border-right: 0.5ch solid var(--bg);
border-top: calc(0.5 * var(--term-line-height)) solid var(--bg);
background-color: var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2597 {
border-left: 0.5ch solid var(--bg);
border-top: calc(0.5 * var(--term-line-height)) solid var(--bg);
background-color: var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2598 {
border-right: 0.5ch solid var(--bg);
border-bottom: calc(0.5 * var(--term-line-height)) solid var(--bg);
background-color: var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-2599 {
border-left: 0.5ch solid var(--fg);
border-bottom: calc(0.5 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259a {
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259a::before,
pre.ap-terminal .ap-line .cp-259a::after {
content: '';
position: absolute;
width: 0.5ch;
height: calc(0.5 * var(--term-line-height));
background-color: var(--fg);
}
pre.ap-terminal .ap-line .cp-259a::before {
top: 0;
left: 0;
}
pre.ap-terminal .ap-line .cp-259a::after {
bottom: 0;
right: 0;
}
pre.ap-terminal .ap-line .cp-259b {
border-left: 0.5ch solid var(--fg);
border-top: calc(0.5 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259c {
border-right: 0.5ch solid var(--fg);
border-top: calc(0.5 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259d {
border-left: 0.5ch solid var(--bg);
border-bottom: calc(0.5 * var(--term-line-height)) solid var(--bg);
background-color: var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259e {
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-259e::before,
pre.ap-terminal .ap-line .cp-259e::after {
content: '';
position: absolute;
width: 0.5ch;
height: calc(0.5 * var(--term-line-height));
background-color: var(--fg);
}
pre.ap-terminal .ap-line .cp-259e::before {
top: 0;
right: 0;
}
pre.ap-terminal .ap-line .cp-259e::after {
bottom: 0;
left: 0;
}
pre.ap-terminal .ap-line .cp-259f {
border-right: 0.5ch solid var(--fg);
border-bottom: calc(0.5 * var(--term-line-height)) solid var(--fg);
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-e0b0 {
border-left: 1ch solid var(--fg);
border-top: calc(0.5 * var(--term-line-height)) solid transparent;
border-bottom: calc(0.5 * var(--term-line-height)) solid transparent;
box-sizing: border-box;
}
pre.ap-terminal .ap-line .cp-e0b2 {
border-right: 1ch solid var(--fg);
border-top: calc(0.5 * var(--term-line-height)) solid transparent;
border-bottom: calc(0.5 * var(--term-line-height)) solid transparent;
box-sizing: border-box;
}
pre.ap-terminal.ap-cursor-on .ap-line .ap-cursor {
color: var(--bg);
background-color: var(--fg);
border-radius: 0.05em;
}
pre.ap-terminal.ap-cursor-on .ap-line .ap-cursor.ap-inverse {
color: var(--fg);
background-color: var(--bg);
}
pre.ap-terminal:not(.ap-blink) .ap-line .ap-blink {
color: transparent;
border-color: transparent;
}
pre.ap-terminal .ap-bright {
font-weight: bold;
}
pre.ap-terminal .ap-faint {
opacity: 0.5;
}
pre.ap-terminal .ap-underline {
-webkit-text-decoration: underline;
text-decoration: underline;
}
pre.ap-terminal .ap-italic {
font-style: italic;
}
pre.ap-terminal .ap-strikethrough {
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.ap-line span {
--fg: var(--term-color-foreground);
--bg: var(--term-color-background);
}
div.ap-player div.ap-control-bar {
width: 100%;
height: 32px;
display: flex;
justify-content: space-between;
align-items: stretch;
color: var(--term-color-foreground);
box-sizing: content-box;
line-height: 1;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 0.15s linear;
-webkit-user-select: none;
user-select: none;
border-top: 2px solid color-mix(in oklab, var(--term-color-background) 80%, var(--term-color-foreground));
z-index: 30;
}
div.ap-player div.ap-control-bar * {
box-sizing: inherit;
}
div.ap-control-bar svg.ap-icon path {
fill: var(--term-color-foreground);
}
div.ap-control-bar span.ap-button {
display: flex;
flex: 0 0 auto;
cursor: pointer;
}
div.ap-control-bar span.ap-playback-button {
width: 12px;
height: 12px;
padding: 10px;
}
div.ap-control-bar span.ap-playback-button svg {
height: 12px;
width: 12px;
}
div.ap-control-bar span.ap-timer {
display: flex;
flex: 0 0 auto;
min-width: 50px;
margin: 0 10px;
height: 100%;
text-align: center;
font-size: 13px;
line-height: 100%;
cursor: default;
}
div.ap-control-bar span.ap-timer span {
font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace;
font-size: inherit;
font-weight: 600;
margin: auto;
}
div.ap-control-bar span.ap-timer .ap-time-remaining {
display: none;
}
div.ap-control-bar span.ap-timer:hover .ap-time-elapsed {
display: none;
}
div.ap-control-bar span.ap-timer:hover .ap-time-remaining {
display: flex;
}
div.ap-control-bar .ap-progressbar {
display: block;
flex: 1 1 auto;
height: 100%;
padding: 0 10px;
}
div.ap-control-bar .ap-progressbar .ap-bar {
display: block;
position: relative;
cursor: default;
height: 100%;
font-size: 0;
}
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter {
display: block;
position: absolute;
top: 15px;
left: 0;
right: 0;
height: 3px;
}
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-empty {
background-color: color-mix(in oklab, var(--term-color-foreground) 20%, var(--term-color-background));
}
div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter-full {
width: 100%;
transform-origin: left center;
background-color: var(--term-color-foreground);
border-radius: 3px;
}
div.ap-control-bar.ap-seekable .ap-progressbar .ap-bar {
cursor: pointer;
}
div.ap-control-bar .ap-fullscreen-button {
width: 14px;
height: 14px;
padding: 9px;
}
div.ap-control-bar .ap-fullscreen-button svg {
width: 14px;
height: 14px;
}
div.ap-control-bar .ap-fullscreen-button svg.ap-icon-fullscreen-on {
display: inline;
}
div.ap-control-bar .ap-fullscreen-button svg.ap-icon-fullscreen-off {
display: none;
}
div.ap-control-bar .ap-fullscreen-button .ap-tooltip {
right: 5px;
left: initial;
transform: none;
}
div.ap-control-bar .ap-kbd-button {
height: 14px;
padding: 9px;
margin: 0 4px;
}
div.ap-control-bar .ap-kbd-button svg {
width: 26px;
height: 14px;
}
div.ap-control-bar .ap-kbd-button .ap-tooltip {
right: 5px;
left: initial;
transform: none;
}
div.ap-wrapper.ap-hud .ap-control-bar {
opacity: 1;
}
div.ap-wrapper:fullscreen .ap-fullscreen-button svg.ap-icon-fullscreen-on {
display: none;
}
div.ap-wrapper:fullscreen .ap-fullscreen-button svg.ap-icon-fullscreen-off {
display: inline;
}
span.ap-progressbar span.ap-marker-container {
display: block;
top: 0;
bottom: 0;
width: 21px;
position: absolute;
margin-left: -10px;
}
span.ap-marker-container span.ap-marker {
display: block;
top: 13px;
bottom: 12px;
left: 7px;
right: 7px;
background-color: color-mix(in oklab, var(--term-color-foreground) 33%, var(--term-color-background));
position: absolute;
transition: top 0.1s, bottom 0.1s, left 0.1s, right 0.1s, background-color 0.1s;
border-radius: 50%;
}
span.ap-marker-container span.ap-marker.ap-marker-past {
background-color: var(--term-color-foreground);
}
span.ap-marker-container span.ap-marker:hover,
span.ap-marker-container:hover span.ap-marker {
background-color: var(--term-color-foreground);
top: 11px;
bottom: 10px;
left: 5px;
right: 5px;
}
.ap-tooltip-container span.ap-tooltip {
visibility: hidden;
background-color: var(--term-color-foreground);
color: var(--term-color-background);
font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace;
font-weight: bold;
text-align: center;
padding: 0 0.5em;
border-radius: 4px;
position: absolute;
z-index: 1;
white-space: nowrap;
/* Prevents the text from wrapping and makes sure the tooltip width adapts to the text length */
font-size: 13px;
line-height: 2em;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
}
.ap-tooltip-container:hover span.ap-tooltip {
visibility: visible;
}
.ap-player .ap-overlay {
z-index: 10;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.ap-player .ap-overlay-start {
cursor: pointer;
}
.ap-player .ap-overlay-start .ap-play-button {
font-size: 0px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-align: center;
color: white;
height: 80px;
max-height: 66%;
margin: auto;
}
.ap-player .ap-overlay-start .ap-play-button div {
height: 100%;
}
.ap-player .ap-overlay-start .ap-play-button div span {
height: 100%;
display: block;
}
.ap-player .ap-overlay-start .ap-play-button div span svg {
height: 100%;
}
.ap-player .ap-overlay-start .ap-play-button svg {
filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
}
.ap-player .ap-overlay-loading .ap-loader {
width: 48px;
height: 48px;
border-radius: 50%;
display: inline-block;
position: relative;
border: 10px solid;
border-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.7) #ffffff;
box-sizing: border-box;
animation: ap-loader-rotation 1s linear infinite;
}
@supports (color: color-mix(in lch, red, blue)) {
.ap-player .ap-overlay-loading .ap-loader {
border-color: color-mix(in srgb, var(--term-color-foreground) 30%, var(--term-color-background)) color-mix(in srgb, var(--term-color-foreground) 50%, var(--term-color-background)) color-mix(in srgb, var(--term-color-foreground) 70%, var(--term-color-background)) color-mix(in srgb, var(--term-color-foreground) 100%, var(--term-color-background));
}
}
.ap-player .ap-overlay-info {
background-color: var(--term-color-background);
}
.ap-player .ap-overlay-info span {
font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace, 'Powerline Symbols';
font-feature-settings: none;
font-variant-ligatures: none;
font-size: 2em;
color: var(--term-color-foreground);
}
.ap-player .ap-overlay-info span .ap-line {
letter-spacing: normal;
overflow: hidden;
}
.ap-player .ap-overlay-info span .ap-line span {
padding: 0;
display: inline-block;
height: 100%;
}
.ap-player .ap-overlay-help {
background-color: rgba(0, 0, 0, 0.8);
container-type: inline-size;
}
.ap-player .ap-overlay-help > div {
font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace, 'Powerline Symbols';
font-feature-settings: none;
font-variant-ligatures: none;
max-width: 85%;
max-height: 85%;
font-size: 18px;
color: var(--term-color-foreground);
box-sizing: border-box;
margin-bottom: 32px;
}
.ap-player .ap-overlay-help > div .ap-line {
letter-spacing: normal;
overflow: hidden;
}
.ap-player .ap-overlay-help > div .ap-line span {
padding: 0;
display: inline-block;
height: 100%;
}
.ap-player .ap-overlay-help > div div {
padding: calc(min(4cqw, 40px));
font-size: calc(min(1.9cqw, 18px));
background-color: var(--term-color-background);
border: 1px solid color-mix(in oklab, var(--term-color-background) 90%, var(--term-color-foreground));
border-radius: 6px;
}
.ap-player .ap-overlay-help > div div p {
font-weight: bold;
margin: 0 0 2em 0;
}
.ap-player .ap-overlay-help > div div ul {
list-style: none;
padding: 0;
}
.ap-player .ap-overlay-help > div div ul li {
margin: 0 0 0.75em 0;
}
.ap-player .ap-overlay-help > div div kbd {
color: var(--term-color-background);
background-color: var(--term-color-foreground);
padding: 0.2em 0.5em;
border-radius: 0.2em;
font-family: inherit;
font-size: 0.85em;
border: none;
margin: 0;
}
.ap-player .ap-overlay-error span {
font-size: 8em;
}
@keyframes ap-loader-rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ap-terminal .fg-16 {
--fg: #000000;
}
.ap-terminal .bg-16 {
--bg: #000000;
}
.ap-terminal .fg-17 {
--fg: #00005f;
}
.ap-terminal .bg-17 {
--bg: #00005f;
}
.ap-terminal .fg-18 {
--fg: #000087;
}
.ap-terminal .bg-18 {
--bg: #000087;
}
.ap-terminal .fg-19 {
--fg: #0000af;
}
.ap-terminal .bg-19 {
--bg: #0000af;
}
.ap-terminal .fg-20 {
--fg: #0000d7;
}
.ap-terminal .bg-20 {
--bg: #0000d7;
}
.ap-terminal .fg-21 {
--fg: #0000ff;
}
.ap-terminal .bg-21 {
--bg: #0000ff;
}
.ap-terminal .fg-22 {
--fg: #005f00;
}
.ap-terminal .bg-22 {
--bg: #005f00;
}
.ap-terminal .fg-23 {
--fg: #005f5f;
}
.ap-terminal .bg-23 {
--bg: #005f5f;
}
.ap-terminal .fg-24 {
--fg: #005f87;
}
.ap-terminal .bg-24 {
--bg: #005f87;
}
.ap-terminal .fg-25 {
--fg: #005faf;
}
.ap-terminal .bg-25 {
--bg: #005faf;
}
.ap-terminal .fg-26 {
--fg: #005fd7;
}
.ap-terminal .bg-26 {
--bg: #005fd7;
}
.ap-terminal .fg-27 {
--fg: #005fff;
}
.ap-terminal .bg-27 {
--bg: #005fff;
}
.ap-terminal .fg-28 {
--fg: #008700;
}
.ap-terminal .bg-28 {
--bg: #008700;
}
.ap-terminal .fg-29 {
--fg: #00875f;
}
.ap-terminal .bg-29 {
--bg: #00875f;
}
.ap-terminal .fg-30 {
--fg: #008787;
}
.ap-terminal .bg-30 {
--bg: #008787;
}
.ap-terminal .fg-31 {
--fg: #0087af;
}
.ap-terminal .bg-31 {
--bg: #0087af;
}
.ap-terminal .fg-32 {
--fg: #0087d7;
}
.ap-terminal .bg-32 {
--bg: #0087d7;
}
.ap-terminal .fg-33 {
--fg: #0087ff;
}
.ap-terminal .bg-33 {
--bg: #0087ff;
}
.ap-terminal .fg-34 {
--fg: #00af00;
}
.ap-terminal .bg-34 {
--bg: #00af00;
}
.ap-terminal .fg-35 {
--fg: #00af5f;
}
.ap-terminal .bg-35 {
--bg: #00af5f;
}
.ap-terminal .fg-36 {
--fg: #00af87;
}
.ap-terminal .bg-36 {
--bg: #00af87;
}
.ap-terminal .fg-37 {
--fg: #00afaf;
}
.ap-terminal .bg-37 {
--bg: #00afaf;
}
.ap-terminal .fg-38 {
--fg: #00afd7;
}
.ap-terminal .bg-38 {
--bg: #00afd7;
}
.ap-terminal .fg-39 {
--fg: #00afff;
}
.ap-terminal .bg-39 {
--bg: #00afff;
}
.ap-terminal .fg-40 {
--fg: #00d700;
}
.ap-terminal .bg-40 {
--bg: #00d700;
}
.ap-terminal .fg-41 {
--fg: #00d75f;
}
.ap-terminal .bg-41 {
--bg: #00d75f;
}
.ap-terminal .fg-42 {
--fg: #00d787;
}
.ap-terminal .bg-42 {
--bg: #00d787;
}
.ap-terminal .fg-43 {
--fg: #00d7af;
}
.ap-terminal .bg-43 {
--bg: #00d7af;
}
.ap-terminal .fg-44 {
--fg: #00d7d7;
}
.ap-terminal .bg-44 {
--bg: #00d7d7;
}
.ap-terminal .fg-45 {
--fg: #00d7ff;
}
.ap-terminal .bg-45 {
--bg: #00d7ff;
}
.ap-terminal .fg-46 {
--fg: #00ff00;
}
.ap-terminal .bg-46 {
--bg: #00ff00;
}
.ap-terminal .fg-47 {
--fg: #00ff5f;
}
.ap-terminal .bg-47 {
--bg: #00ff5f;
}
.ap-terminal .fg-48 {
--fg: #00ff87;
}
.ap-terminal .bg-48 {
--bg: #00ff87;
}
.ap-terminal .fg-49 {
--fg: #00ffaf;
}
.ap-terminal .bg-49 {
--bg: #00ffaf;
}
.ap-terminal .fg-50 {
--fg: #00ffd7;
}
.ap-terminal .bg-50 {
--bg: #00ffd7;
}
.ap-terminal .fg-51 {
--fg: #00ffff;
}
.ap-terminal .bg-51 {
--bg: #00ffff;
}
.ap-terminal .fg-52 {
--fg: #5f0000;
}
.ap-terminal .bg-52 {
--bg: #5f0000;
}
.ap-terminal .fg-53 {
--fg: #5f005f;
}
.ap-terminal .bg-53 {
--bg: #5f005f;
}
.ap-terminal .fg-54 {
--fg: #5f0087;
}
.ap-terminal .bg-54 {
--bg: #5f0087;
}
.ap-terminal .fg-55 {
--fg: #5f00af;
}
.ap-terminal .bg-55 {
--bg: #5f00af;
}
.ap-terminal .fg-56 {
--fg: #5f00d7;
}
.ap-terminal .bg-56 {
--bg: #5f00d7;
}
.ap-terminal .fg-57 {
--fg: #5f00ff;
}
.ap-terminal .bg-57 {
--bg: #5f00ff;
}
.ap-terminal .fg-58 {
--fg: #5f5f00;
}
.ap-terminal .bg-58 {
--bg: #5f5f00;
}
.ap-terminal .fg-59 {
--fg: #5f5f5f;
}
.ap-terminal .bg-59 {
--bg: #5f5f5f;
}
.ap-terminal .fg-60 {
--fg: #5f5f87;
}
.ap-terminal .bg-60 {
--bg: #5f5f87;
}
.ap-terminal .fg-61 {
--fg: #5f5faf;
}
.ap-terminal .bg-61 {
--bg: #5f5faf;
}
.ap-terminal .fg-62 {
--fg: #5f5fd7;
}
.ap-terminal .bg-62 {
--bg: #5f5fd7;
}
.ap-terminal .fg-63 {
--fg: #5f5fff;
}
.ap-terminal .bg-63 {
--bg: #5f5fff;
}
.ap-terminal .fg-64 {
--fg: #5f8700;
}
.ap-terminal .bg-64 {
--bg: #5f8700;
}
.ap-terminal .fg-65 {
--fg: #5f875f;
}
.ap-terminal .bg-65 {
--bg: #5f875f;
}
.ap-terminal .fg-66 {
--fg: #5f8787;
}
.ap-terminal .bg-66 {
--bg: #5f8787;
}
.ap-terminal .fg-67 {
--fg: #5f87af;
}
.ap-terminal .bg-67 {
--bg: #5f87af;
}
.ap-terminal .fg-68 {
--fg: #5f87d7;
}
.ap-terminal .bg-68 {
--bg: #5f87d7;
}
.ap-terminal .fg-69 {
--fg: #5f87ff;
}
.ap-terminal .bg-69 {
--bg: #5f87ff;
}
.ap-terminal .fg-70 {
--fg: #5faf00;
}
.ap-terminal .bg-70 {
--bg: #5faf00;
}
.ap-terminal .fg-71 {
--fg: #5faf5f;
}
.ap-terminal .bg-71 {
--bg: #5faf5f;
}
.ap-terminal .fg-72 {
--fg: #5faf87;
}
.ap-terminal .bg-72 {
--bg: #5faf87;
}
.ap-terminal .fg-73 {
--fg: #5fafaf;
}
.ap-terminal .bg-73 {
--bg: #5fafaf;
}
.ap-terminal .fg-74 {
--fg: #5fafd7;
}
.ap-terminal .bg-74 {
--bg: #5fafd7;
}
.ap-terminal .fg-75 {
--fg: #5fafff;
}
.ap-terminal .bg-75 {
--bg: #5fafff;
}
.ap-terminal .fg-76 {
--fg: #5fd700;
}
.ap-terminal .bg-76 {
--bg: #5fd700;
}
.ap-terminal .fg-77 {
--fg: #5fd75f;
}
.ap-terminal .bg-77 {
--bg: #5fd75f;
}
.ap-terminal .fg-78 {
--fg: #5fd787;
}
.ap-terminal .bg-78 {
--bg: #5fd787;
}
.ap-terminal .fg-79 {
--fg: #5fd7af;
}
.ap-terminal .bg-79 {
--bg: #5fd7af;
}
.ap-terminal .fg-80 {
--fg: #5fd7d7;
}
.ap-terminal .bg-80 {
--bg: #5fd7d7;
}
.ap-terminal .fg-81 {
--fg: #5fd7ff;
}
.ap-terminal .bg-81 {
--bg: #5fd7ff;
}
.ap-terminal .fg-82 {
--fg: #5fff00;
}
.ap-terminal .bg-82 {
--bg: #5fff00;
}
.ap-terminal .fg-83 {
--fg: #5fff5f;
}
.ap-terminal .bg-83 {
--bg: #5fff5f;
}
.ap-terminal .fg-84 {
--fg: #5fff87;
}
.ap-terminal .bg-84 {
--bg: #5fff87;
}
.ap-terminal .fg-85 {
--fg: #5fffaf;
}
.ap-terminal .bg-85 {
--bg: #5fffaf;
}
.ap-terminal .fg-86 {
--fg: #5fffd7;
}
.ap-terminal .bg-86 {
--bg: #5fffd7;
}
.ap-terminal .fg-87 {
--fg: #5fffff;
}
.ap-terminal .bg-87 {
--bg: #5fffff;
}
.ap-terminal .fg-88 {
--fg: #870000;
}
.ap-terminal .bg-88 {
--bg: #870000;
}
.ap-terminal .fg-89 {
--fg: #87005f;
}
.ap-terminal .bg-89 {
--bg: #87005f;
}
.ap-terminal .fg-90 {
--fg: #870087;
}
.ap-terminal .bg-90 {
--bg: #870087;
}
.ap-terminal .fg-91 {
--fg: #8700af;
}
.ap-terminal .bg-91 {
--bg: #8700af;
}
.ap-terminal .fg-92 {
--fg: #8700d7;
}
.ap-terminal .bg-92 {
--bg: #8700d7;
}
.ap-terminal .fg-93 {
--fg: #8700ff;
}
.ap-terminal .bg-93 {
--bg: #8700ff;
}
.ap-terminal .fg-94 {
--fg: #875f00;
}
.ap-terminal .bg-94 {
--bg: #875f00;
}
.ap-terminal .fg-95 {
--fg: #875f5f;
}
.ap-terminal .bg-95 {
--bg: #875f5f;
}
.ap-terminal .fg-96 {
--fg: #875f87;
}
.ap-terminal .bg-96 {
--bg: #875f87;
}
.ap-terminal .fg-97 {
--fg: #875faf;
}
.ap-terminal .bg-97 {
--bg: #875faf;
}
.ap-terminal .fg-98 {
--fg: #875fd7;
}
.ap-terminal .bg-98 {
--bg: #875fd7;
}
.ap-terminal .fg-99 {
--fg: #875fff;
}
.ap-terminal .bg-99 {
--bg: #875fff;
}
.ap-terminal .fg-100 {
--fg: #878700;
}
.ap-terminal .bg-100 {
--bg: #878700;
}
.ap-terminal .fg-101 {
--fg: #87875f;
}
.ap-terminal .bg-101 {
--bg: #87875f;
}
.ap-terminal .fg-102 {
--fg: #878787;
}
.ap-terminal .bg-102 {
--bg: #878787;
}
.ap-terminal .fg-103 {
--fg: #8787af;
}
.ap-terminal .bg-103 {
--bg: #8787af;
}
.ap-terminal .fg-104 {
--fg: #8787d7;
}
.ap-terminal .bg-104 {
--bg: #8787d7;
}
.ap-terminal .fg-105 {
--fg: #8787ff;
}
.ap-terminal .bg-105 {
--bg: #8787ff;
}
.ap-terminal .fg-106 {
--fg: #87af00;
}
.ap-terminal .bg-106 {
--bg: #87af00;
}
.ap-terminal .fg-107 {
--fg: #87af5f;
}
.ap-terminal .bg-107 {
--bg: #87af5f;
}
.ap-terminal .fg-108 {
--fg: #87af87;
}
.ap-terminal .bg-108 {
--bg: #87af87;
}
.ap-terminal .fg-109 {
--fg: #87afaf;
}
.ap-terminal .bg-109 {
--bg: #87afaf;
}
.ap-terminal .fg-110 {
--fg: #87afd7;
}
.ap-terminal .bg-110 {
--bg: #87afd7;
}
.ap-terminal .fg-111 {
--fg: #87afff;
}
.ap-terminal .bg-111 {
--bg: #87afff;
}
.ap-terminal .fg-112 {
--fg: #87d700;
}
.ap-terminal .bg-112 {
--bg: #87d700;
}
.ap-terminal .fg-113 {
--fg: #87d75f;
}
.ap-terminal .bg-113 {
--bg: #87d75f;
}
.ap-terminal .fg-114 {
--fg: #87d787;
}
.ap-terminal .bg-114 {
--bg: #87d787;
}
.ap-terminal .fg-115 {
--fg: #87d7af;
}
.ap-terminal .bg-115 {
--bg: #87d7af;
}
.ap-terminal .fg-116 {
--fg: #87d7d7;
}
.ap-terminal .bg-116 {
--bg: #87d7d7;
}
.ap-terminal .fg-117 {
--fg: #87d7ff;
}
.ap-terminal .bg-117 {
--bg: #87d7ff;
}
.ap-terminal .fg-118 {
--fg: #87ff00;
}
.ap-terminal .bg-118 {
--bg: #87ff00;
}
.ap-terminal .fg-119 {
--fg: #87ff5f;
}
.ap-terminal .bg-119 {
--bg: #87ff5f;
}
.ap-terminal .fg-120 {
--fg: #87ff87;
}
.ap-terminal .bg-120 {
--bg: #87ff87;
}
.ap-terminal .fg-121 {
--fg: #87ffaf;
}
.ap-terminal .bg-121 {
--bg: #87ffaf;
}
.ap-terminal .fg-122 {
--fg: #87ffd7;
}
.ap-terminal .bg-122 {
--bg: #87ffd7;
}
.ap-terminal .fg-123 {
--fg: #87ffff;
}
.ap-terminal .bg-123 {
--bg: #87ffff;
}
.ap-terminal .fg-124 {
--fg: #af0000;
}
.ap-terminal .bg-124 {
--bg: #af0000;
}
.ap-terminal .fg-125 {
--fg: #af005f;
}
.ap-terminal .bg-125 {
--bg: #af005f;
}
.ap-terminal .fg-126 {
--fg: #af0087;
}
.ap-terminal .bg-126 {
--bg: #af0087;
}
.ap-terminal .fg-127 {
--fg: #af00af;
}
.ap-terminal .bg-127 {
--bg: #af00af;
}
.ap-terminal .fg-128 {
--fg: #af00d7;
}
.ap-terminal .bg-128 {
--bg: #af00d7;
}
.ap-terminal .fg-129 {
--fg: #af00ff;
}
.ap-terminal .bg-129 {
--bg: #af00ff;
}
.ap-terminal .fg-130 {
--fg: #af5f00;
}
.ap-terminal .bg-130 {
--bg: #af5f00;
}
.ap-terminal .fg-131 {
--fg: #af5f5f;
}
.ap-terminal .bg-131 {
--bg: #af5f5f;
}
.ap-terminal .fg-132 {
--fg: #af5f87;
}
.ap-terminal .bg-132 {
--bg: #af5f87;
}
.ap-terminal .fg-133 {
--fg: #af5faf;
}
.ap-terminal .bg-133 {
--bg: #af5faf;
}
.ap-terminal .fg-134 {
--fg: #af5fd7;
}
.ap-terminal .bg-134 {
--bg: #af5fd7;
}
.ap-terminal .fg-135 {
--fg: #af5fff;
}
.ap-terminal .bg-135 {
--bg: #af5fff;
}
.ap-terminal .fg-136 {
--fg: #af8700;
}
.ap-terminal .bg-136 {
--bg: #af8700;
}
.ap-terminal .fg-137 {
--fg: #af875f;
}
.ap-terminal .bg-137 {
--bg: #af875f;
}
.ap-terminal .fg-138 {
--fg: #af8787;
}
.ap-terminal .bg-138 {
--bg: #af8787;
}
.ap-terminal .fg-139 {
--fg: #af87af;
}
.ap-terminal .bg-139 {
--bg: #af87af;
}
.ap-terminal .fg-140 {
--fg: #af87d7;
}
.ap-terminal .bg-140 {
--bg: #af87d7;
}
.ap-terminal .fg-141 {
--fg: #af87ff;
}
.ap-terminal .bg-141 {
--bg: #af87ff;
}
.ap-terminal .fg-142 {
--fg: #afaf00;
}
.ap-terminal .bg-142 {
--bg: #afaf00;
}
.ap-terminal .fg-143 {
--fg: #afaf5f;
}
.ap-terminal .bg-143 {
--bg: #afaf5f;
}
.ap-terminal .fg-144 {
--fg: #afaf87;
}
.ap-terminal .bg-144 {
--bg: #afaf87;
}
.ap-terminal .fg-145 {
--fg: #afafaf;
}
.ap-terminal .bg-145 {
--bg: #afafaf;
}
.ap-terminal .fg-146 {
--fg: #afafd7;
}
.ap-terminal .bg-146 {
--bg: #afafd7;
}
.ap-terminal .fg-147 {
--fg: #afafff;
}
.ap-terminal .bg-147 {
--bg: #afafff;
}
.ap-terminal .fg-148 {
--fg: #afd700;
}
.ap-terminal .bg-148 {
--bg: #afd700;
}
.ap-terminal .fg-149 {
--fg: #afd75f;
}
.ap-terminal .bg-149 {
--bg: #afd75f;
}
.ap-terminal .fg-150 {
--fg: #afd787;
}
.ap-terminal .bg-150 {
--bg: #afd787;
}
.ap-terminal .fg-151 {
--fg: #afd7af;
}
.ap-terminal .bg-151 {
--bg: #afd7af;
}
.ap-terminal .fg-152 {
--fg: #afd7d7;
}
.ap-terminal .bg-152 {
--bg: #afd7d7;
}
.ap-terminal .fg-153 {
--fg: #afd7ff;
}
.ap-terminal .bg-153 {
--bg: #afd7ff;
}
.ap-terminal .fg-154 {
--fg: #afff00;
}
.ap-terminal .bg-154 {
--bg: #afff00;
}
.ap-terminal .fg-155 {
--fg: #afff5f;
}
.ap-terminal .bg-155 {
--bg: #afff5f;
}
.ap-terminal .fg-156 {
--fg: #afff87;
}
.ap-terminal .bg-156 {
--bg: #afff87;
}
.ap-terminal .fg-157 {
--fg: #afffaf;
}
.ap-terminal .bg-157 {
--bg: #afffaf;
}
.ap-terminal .fg-158 {
--fg: #afffd7;
}
.ap-terminal .bg-158 {
--bg: #afffd7;
}
.ap-terminal .fg-159 {
--fg: #afffff;
}
.ap-terminal .bg-159 {
--bg: #afffff;
}
.ap-terminal .fg-160 {
--fg: #d70000;
}
.ap-terminal .bg-160 {
--bg: #d70000;
}
.ap-terminal .fg-161 {
--fg: #d7005f;
}
.ap-terminal .bg-161 {
--bg: #d7005f;
}
.ap-terminal .fg-162 {
--fg: #d70087;
}
.ap-terminal .bg-162 {
--bg: #d70087;
}
.ap-terminal .fg-163 {
--fg: #d700af;
}
.ap-terminal .bg-163 {
--bg: #d700af;
}
.ap-terminal .fg-164 {
--fg: #d700d7;
}
.ap-terminal .bg-164 {
--bg: #d700d7;
}
.ap-terminal .fg-165 {
--fg: #d700ff;
}
.ap-terminal .bg-165 {
--bg: #d700ff;
}
.ap-terminal .fg-166 {
--fg: #d75f00;
}
.ap-terminal .bg-166 {
--bg: #d75f00;
}
.ap-terminal .fg-167 {
--fg: #d75f5f;
}
.ap-terminal .bg-167 {
--bg: #d75f5f;
}
.ap-terminal .fg-168 {
--fg: #d75f87;
}
.ap-terminal .bg-168 {
--bg: #d75f87;
}
.ap-terminal .fg-169 {
--fg: #d75faf;
}
.ap-terminal .bg-169 {
--bg: #d75faf;
}
.ap-terminal .fg-170 {
--fg: #d75fd7;
}
.ap-terminal .bg-170 {
--bg: #d75fd7;
}
.ap-terminal .fg-171 {
--fg: #d75fff;
}
.ap-terminal .bg-171 {
--bg: #d75fff;
}
.ap-terminal .fg-172 {
--fg: #d78700;
}
.ap-terminal .bg-172 {
--bg: #d78700;
}
.ap-terminal .fg-173 {
--fg: #d7875f;
}
.ap-terminal .bg-173 {
--bg: #d7875f;
}
.ap-terminal .fg-174 {
--fg: #d78787;
}
.ap-terminal .bg-174 {
--bg: #d78787;
}
.ap-terminal .fg-175 {
--fg: #d787af;
}
.ap-terminal .bg-175 {
--bg: #d787af;
}
.ap-terminal .fg-176 {
--fg: #d787d7;
}
.ap-terminal .bg-176 {
--bg: #d787d7;
}
.ap-terminal .fg-177 {
--fg: #d787ff;
}
.ap-terminal .bg-177 {
--bg: #d787ff;
}
.ap-terminal .fg-178 {
--fg: #d7af00;
}
.ap-terminal .bg-178 {
--bg: #d7af00;
}
.ap-terminal .fg-179 {
--fg: #d7af5f;
}
.ap-terminal .bg-179 {
--bg: #d7af5f;
}
.ap-terminal .fg-180 {
--fg: #d7af87;
}
.ap-terminal .bg-180 {
--bg: #d7af87;
}
.ap-terminal .fg-181 {
--fg: #d7afaf;
}
.ap-terminal .bg-181 {
--bg: #d7afaf;
}
.ap-terminal .fg-182 {
--fg: #d7afd7;
}
.ap-terminal .bg-182 {
--bg: #d7afd7;
}
.ap-terminal .fg-183 {
--fg: #d7afff;
}
.ap-terminal .bg-183 {
--bg: #d7afff;
}
.ap-terminal .fg-184 {
--fg: #d7d700;
}
.ap-terminal .bg-184 {
--bg: #d7d700;
}
.ap-terminal .fg-185 {
--fg: #d7d75f;
}
.ap-terminal .bg-185 {
--bg: #d7d75f;
}
.ap-terminal .fg-186 {
--fg: #d7d787;
}
.ap-terminal .bg-186 {
--bg: #d7d787;
}
.ap-terminal .fg-187 {
--fg: #d7d7af;
}
.ap-terminal .bg-187 {
--bg: #d7d7af;
}
.ap-terminal .fg-188 {
--fg: #d7d7d7;
}
.ap-terminal .bg-188 {
--bg: #d7d7d7;
}
.ap-terminal .fg-189 {
--fg: #d7d7ff;
}
.ap-terminal .bg-189 {
--bg: #d7d7ff;
}
.ap-terminal .fg-190 {
--fg: #d7ff00;
}
.ap-terminal .bg-190 {
--bg: #d7ff00;
}
.ap-terminal .fg-191 {
--fg: #d7ff5f;
}
.ap-terminal .bg-191 {
--bg: #d7ff5f;
}
.ap-terminal .fg-192 {
--fg: #d7ff87;
}
.ap-terminal .bg-192 {
--bg: #d7ff87;
}
.ap-terminal .fg-193 {
--fg: #d7ffaf;
}
.ap-terminal .bg-193 {
--bg: #d7ffaf;
}
.ap-terminal .fg-194 {
--fg: #d7ffd7;
}
.ap-terminal .bg-194 {
--bg: #d7ffd7;
}
.ap-terminal .fg-195 {
--fg: #d7ffff;
}
.ap-terminal .bg-195 {
--bg: #d7ffff;
}
.ap-terminal .fg-196 {
--fg: #ff0000;
}
.ap-terminal .bg-196 {
--bg: #ff0000;
}
.ap-terminal .fg-197 {
--fg: #ff005f;
}
.ap-terminal .bg-197 {
--bg: #ff005f;
}
.ap-terminal .fg-198 {
--fg: #ff0087;
}
.ap-terminal .bg-198 {
--bg: #ff0087;
}
.ap-terminal .fg-199 {
--fg: #ff00af;
}
.ap-terminal .bg-199 {
--bg: #ff00af;
}
.ap-terminal .fg-200 {
--fg: #ff00d7;
}
.ap-terminal .bg-200 {
--bg: #ff00d7;
}
.ap-terminal .fg-201 {
--fg: #ff00ff;
}
.ap-terminal .bg-201 {
--bg: #ff00ff;
}
.ap-terminal .fg-202 {
--fg: #ff5f00;
}
.ap-terminal .bg-202 {
--bg: #ff5f00;
}
.ap-terminal .fg-203 {
--fg: #ff5f5f;
}
.ap-terminal .bg-203 {
--bg: #ff5f5f;
}
.ap-terminal .fg-204 {
--fg: #ff5f87;
}
.ap-terminal .bg-204 {
--bg: #ff5f87;
}
.ap-terminal .fg-205 {
--fg: #ff5faf;
}
.ap-terminal .bg-205 {
--bg: #ff5faf;
}
.ap-terminal .fg-206 {
--fg: #ff5fd7;
}
.ap-terminal .bg-206 {
--bg: #ff5fd7;
}
.ap-terminal .fg-207 {
--fg: #ff5fff;
}
.ap-terminal .bg-207 {
--bg: #ff5fff;
}
.ap-terminal .fg-208 {
--fg: #ff8700;
}
.ap-terminal .bg-208 {
--bg: #ff8700;
}
.ap-terminal .fg-209 {
--fg: #ff875f;
}
.ap-terminal .bg-209 {
--bg: #ff875f;
}
.ap-terminal .fg-210 {
--fg: #ff8787;
}
.ap-terminal .bg-210 {
--bg: #ff8787;
}
.ap-terminal .fg-211 {
--fg: #ff87af;
}
.ap-terminal .bg-211 {
--bg: #ff87af;
}
.ap-terminal .fg-212 {
--fg: #ff87d7;
}
.ap-terminal .bg-212 {
--bg: #ff87d7;
}
.ap-terminal .fg-213 {
--fg: #ff87ff;
}
.ap-terminal .bg-213 {
--bg: #ff87ff;
}
.ap-terminal .fg-214 {
--fg: #ffaf00;
}
.ap-terminal .bg-214 {
--bg: #ffaf00;
}
.ap-terminal .fg-215 {
--fg: #ffaf5f;
}
.ap-terminal .bg-215 {
--bg: #ffaf5f;
}
.ap-terminal .fg-216 {
--fg: #ffaf87;
}
.ap-terminal .bg-216 {
--bg: #ffaf87;
}
.ap-terminal .fg-217 {
--fg: #ffafaf;
}
.ap-terminal .bg-217 {
--bg: #ffafaf;
}
.ap-terminal .fg-218 {
--fg: #ffafd7;
}
.ap-terminal .bg-218 {
--bg: #ffafd7;
}
.ap-terminal .fg-219 {
--fg: #ffafff;
}
.ap-terminal .bg-219 {
--bg: #ffafff;
}
.ap-terminal .fg-220 {
--fg: #ffd700;
}
.ap-terminal .bg-220 {
--bg: #ffd700;
}
.ap-terminal .fg-221 {
--fg: #ffd75f;
}
.ap-terminal .bg-221 {
--bg: #ffd75f;
}
.ap-terminal .fg-222 {
--fg: #ffd787;
}
.ap-terminal .bg-222 {
--bg: #ffd787;
}
.ap-terminal .fg-223 {
--fg: #ffd7af;
}
.ap-terminal .bg-223 {
--bg: #ffd7af;
}
.ap-terminal .fg-224 {
--fg: #ffd7d7;
}
.ap-terminal .bg-224 {
--bg: #ffd7d7;
}
.ap-terminal .fg-225 {
--fg: #ffd7ff;
}
.ap-terminal .bg-225 {
--bg: #ffd7ff;
}
.ap-terminal .fg-226 {
--fg: #ffff00;
}
.ap-terminal .bg-226 {
--bg: #ffff00;
}
.ap-terminal .fg-227 {
--fg: #ffff5f;
}
.ap-terminal .bg-227 {
--bg: #ffff5f;
}
.ap-terminal .fg-228 {
--fg: #ffff87;
}
.ap-terminal .bg-228 {
--bg: #ffff87;
}
.ap-terminal .fg-229 {
--fg: #ffffaf;
}
.ap-terminal .bg-229 {
--bg: #ffffaf;
}
.ap-terminal .fg-230 {
--fg: #ffffd7;
}
.ap-terminal .bg-230 {
--bg: #ffffd7;
}
.ap-terminal .fg-231 {
--fg: #ffffff;
}
.ap-terminal .bg-231 {
--bg: #ffffff;
}
.ap-terminal .fg-232 {
--fg: #080808;
}
.ap-terminal .bg-232 {
--bg: #080808;
}
.ap-terminal .fg-233 {
--fg: #121212;
}
.ap-terminal .bg-233 {
--bg: #121212;
}
.ap-terminal .fg-234 {
--fg: #1c1c1c;
}
.ap-terminal .bg-234 {
--bg: #1c1c1c;
}
.ap-terminal .fg-235 {
--fg: #262626;
}
.ap-terminal .bg-235 {
--bg: #262626;
}
.ap-terminal .fg-236 {
--fg: #303030;
}
.ap-terminal .bg-236 {
--bg: #303030;
}
.ap-terminal .fg-237 {
--fg: #3a3a3a;
}
.ap-terminal .bg-237 {
--bg: #3a3a3a;
}
.ap-terminal .fg-238 {
--fg: #444444;
}
.ap-terminal .bg-238 {
--bg: #444444;
}
.ap-terminal .fg-239 {
--fg: #4e4e4e;
}
.ap-terminal .bg-239 {
--bg: #4e4e4e;
}
.ap-terminal .fg-240 {
--fg: #585858;
}
.ap-terminal .bg-240 {
--bg: #585858;
}
.ap-terminal .fg-241 {
--fg: #626262;
}
.ap-terminal .bg-241 {
--bg: #626262;
}
.ap-terminal .fg-242 {
--fg: #6c6c6c;
}
.ap-terminal .bg-242 {
--bg: #6c6c6c;
}
.ap-terminal .fg-243 {
--fg: #767676;
}
.ap-terminal .bg-243 {
--bg: #767676;
}
.ap-terminal .fg-244 {
--fg: #808080;
}
.ap-terminal .bg-244 {
--bg: #808080;
}
.ap-terminal .fg-245 {
--fg: #8a8a8a;
}
.ap-terminal .bg-245 {
--bg: #8a8a8a;
}
.ap-terminal .fg-246 {
--fg: #949494;
}
.ap-terminal .bg-246 {
--bg: #949494;
}
.ap-terminal .fg-247 {
--fg: #9e9e9e;
}
.ap-terminal .bg-247 {
--bg: #9e9e9e;
}
.ap-terminal .fg-248 {
--fg: #a8a8a8;
}
.ap-terminal .bg-248 {
--bg: #a8a8a8;
}
.ap-terminal .fg-249 {
--fg: #b2b2b2;
}
.ap-terminal .bg-249 {
--bg: #b2b2b2;
}
.ap-terminal .fg-250 {
--fg: #bcbcbc;
}
.ap-terminal .bg-250 {
--bg: #bcbcbc;
}
.ap-terminal .fg-251 {
--fg: #c6c6c6;
}
.ap-terminal .bg-251 {
--bg: #c6c6c6;
}
.ap-terminal .fg-252 {
--fg: #d0d0d0;
}
.ap-terminal .bg-252 {
--bg: #d0d0d0;
}
.ap-terminal .fg-253 {
--fg: #dadada;
}
.ap-terminal .bg-253 {
--bg: #dadada;
}
.ap-terminal .fg-254 {
--fg: #e4e4e4;
}
.ap-terminal .bg-254 {
--bg: #e4e4e4;
}
.ap-terminal .fg-255 {
--fg: #eeeeee;
}
.ap-terminal .bg-255 {
--bg: #eeeeee;
}
.asciinema-player-theme-asciinema {
--term-color-foreground: #cccccc;
--term-color-background: #121314;
--term-color-0: hsl(0, 0%, 0%);
--term-color-1: hsl(343, 70%, 55%);
--term-color-2: hsl(103, 70%, 44%);
--term-color-3: hsl(43, 70%, 55%);
--term-color-4: hsl(193, 70%, 49.5%);
--term-color-5: hsl(283, 70%, 60.5%);
--term-color-6: hsl(163, 70%, 60.5%);
--term-color-7: hsl(0, 0%, 85%);
--term-color-8: hsl(0, 0%, 30%);
--term-color-9: hsl(343, 70%, 55%);
--term-color-10: hsl(103, 70%, 44%);
--term-color-11: hsl(43, 70%, 55%);
--term-color-12: hsl(193, 70%, 49.5%);
--term-color-13: hsl(283, 70%, 60.5%);
--term-color-14: hsl(163, 70%, 60.5%);
--term-color-15: hsl(0, 0%, 100%);
}
/*
Based on Dracula: https://draculatheme.com
*/
.asciinema-player-theme-dracula {
--term-color-foreground: #f8f8f2;
--term-color-background: #282a36;
--term-color-0: #21222c;
--term-color-1: #ff5555;
--term-color-2: #50fa7b;
--term-color-3: #f1fa8c;
--term-color-4: #bd93f9;
--term-color-5: #ff79c6;
--term-color-6: #8be9fd;
--term-color-7: #f8f8f2;
--term-color-8: #6272a4;
--term-color-9: #ff6e6e;
--term-color-10: #69ff94;
--term-color-11: #ffffa5;
--term-color-12: #d6acff;
--term-color-13: #ff92df;
--term-color-14: #a4ffff;
--term-color-15: #ffffff;
}
/* Based on Monokai from base16 collection - https://github.com/chriskempson/base16 */
.asciinema-player-theme-monokai {
--term-color-foreground: #f8f8f2;
--term-color-background: #272822;
--term-color-0: #272822;
--term-color-1: #f92672;
--term-color-2: #a6e22e;
--term-color-3: #f4bf75;
--term-color-4: #66d9ef;
--term-color-5: #ae81ff;
--term-color-6: #a1efe4;
--term-color-7: #f8f8f2;
--term-color-8: #75715e;
--term-color-15: #f9f8f5;
}
/*
Based on Nord: https://github.com/arcticicestudio/nord
Via: https://github.com/neilotoole/asciinema-theme-nord
*/
.asciinema-player-theme-nord {
--term-color-foreground: #eceff4;
--term-color-background: #2e3440;
--term-color-0: #3b4252;
--term-color-1: #bf616a;
--term-color-2: #a3be8c;
--term-color-3: #ebcb8b;
--term-color-4: #81a1c1;
--term-color-5: #b48ead;
--term-color-6: #88c0d0;
--term-color-7: #eceff4;
}
.asciinema-player-theme-seti {
--term-color-foreground: #cacecd;
--term-color-background: #111213;
--term-color-0: #323232;
--term-color-1: #c22832;
--term-color-2: #8ec43d;
--term-color-3: #e0c64f;
--term-color-4: #43a5d5;
--term-color-5: #8b57b5;
--term-color-6: #8ec43d;
--term-color-7: #eeeeee;
--term-color-15: #ffffff;
}
/*
Based on Solarized Dark: https://ethanschoonover.com/solarized/
*/
.asciinema-player-theme-solarized-dark {
--term-color-foreground: #839496;
--term-color-background: #002b36;
--term-color-0: #073642;
--term-color-1: #dc322f;
--term-color-2: #859900;
--term-color-3: #b58900;
--term-color-4: #268bd2;
--term-color-5: #d33682;
--term-color-6: #2aa198;
--term-color-7: #eee8d5;
--term-color-8: #002b36;
--term-color-9: #cb4b16;
--term-color-10: #586e75;
--term-color-11: #657b83;
--term-color-12: #839496;
--term-color-13: #6c71c4;
--term-color-14: #93a1a1;
--term-color-15: #fdf6e3;
}
/*
Based on Solarized Light: https://ethanschoonover.com/solarized/
*/
.asciinema-player-theme-solarized-light {
--term-color-foreground: #657b83;
--term-color-background: #fdf6e3;
--term-color-0: #073642;
--term-color-1: #dc322f;
--term-color-2: #859900;
--term-color-3: #b58900;
--term-color-4: #268bd2;
--term-color-5: #d33682;
--term-color-6: #2aa198;
--term-color-7: #eee8d5;
--term-color-8: #002b36;
--term-color-9: #cb4b16;
--term-color-10: #586e75;
--term-color-11: #657c83;
--term-color-12: #839496;
--term-color-13: #6c71c4;
--term-color-14: #93a1a1;
--term-color-15: #fdf6e3;
}
.asciinema-player-theme-solarized-light .ap-overlay-start .ap-play-button svg .ap-play-btn-fill {
fill: var(--term-color-1);
}
.asciinema-player-theme-solarized-light .ap-overlay-start .ap-play-button svg .ap-play-btn-stroke {
stroke: var(--term-color-1);
}
/*
Based on Tango: https://en.wikipedia.org/wiki/Tango_Desktop_Project
*/
.asciinema-player-theme-tango {
--term-color-foreground: #cccccc;
--term-color-background: #121314;
--term-color-0: #000000;
--term-color-1: #cc0000;
--term-color-2: #4e9a06;
--term-color-3: #c4a000;
--term-color-4: #3465a4;
--term-color-5: #75507b;
--term-color-6: #06989a;
--term-color-7: #d3d7cf;
--term-color-8: #555753;
--term-color-9: #ef2929;
--term-color-10: #8ae234;
--term-color-11: #fce94f;
--term-color-12: #729fcf;
--term-color-13: #ad7fa8;
--term-color-14: #34e2e2;
--term-color-15: #eeeeec;
}
/*
Based on gruvbox: https://github.com/morhetz/gruvbox
*/
.asciinema-player-theme-gruvbox-dark {
--term-color-foreground: #fbf1c7;
--term-color-background: #282828;
--term-color-0: #282828;
--term-color-1: #cc241d;
--term-color-2: #98971a;
--term-color-3: #d79921;
--term-color-4: #458588;
--term-color-5: #b16286;
--term-color-6: #689d6a;
--term-color-7: #a89984;
--term-color-8: #7c6f65;
--term-color-9: #fb4934;
--term-color-10: #b8bb26;
--term-color-11: #fabd2f;
--term-color-12: #83a598;
--term-color-13: #d3869b;
--term-color-14: #8ec07c;
--term-color-15: #fbf1c7;
}
.aaSuperpowers_FRi1 {
padding: var(--space-lg) 0;
}
.aaSectionHeader_pqFo {
text-align: center;
margin-bottom: var(--space-lg);
}
.aaSectionHeader_pqFo h2 {
font-size: 2rem;
margin-bottom: var(--space-sm);
}
.aaSectionHeader_pqFo p {
font-size: 1.125rem;
color: var(--ziti-text-muted);
max-width: 800px;
margin: 0 auto;
}
.aaGrid_Uhcx {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: var(--space-md);
padding-top: var(--space-md);
}
.aaSuperpowerCard_O6uA {
border: 1px solid #b5b5c5;
border-radius: var(--aaRadiusMd);
box-shadow: var(--aaShadowMd);
padding: var(--space-md);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.aaSuperpowerCard_O6uA:hover {
box-shadow: var(--aaShadowMd);
transform: translateY(-4px);
}
.aaSuperpowerIconOld_rGln {
font-size: 3rem;
margin-bottom: var(--space-sm);
}
.aaSuperpowerIcon_xiQB {
background: var(--zitiSuperpowerBg);
border-radius: 50%; /* Ensures the icon is circular */
color: var(--aaPrimary);
display: inline-flex;
font-size: 1.5rem;
height: 48px;
justify-content: center;
align-items: center;
margin-bottom: var(--space-sm);
width: 48px;
}
.aaSuperpowerCard_O6uA h3 {
font-size: 1.25rem;
margin-bottom: var(--space-xs);
}
.aaSuperpowerCard_O6uA p {
font-size: 1rem;
color: var(--aaTextMuted);
margin-bottom: 0;
}
.aaContainer_N1ut {
margin: 0 auto;
max-width: 1200px;
padding: 0 var(--space-sm);
}
.features_RhE7 {
display: flex;
align-items: center;
padding: 2rem 0;
width: 100%;
}
.featureSvg_NtOG {
height: 200px;
width: 200px;
}
.landing_lNKT {
--ziti-temporary-bg: transparent;
--zitiTrustedNetwork: rgb(166, 0, 0);
--zitiZeroTrustNetwork: rgb(1, 93, 132);
--aaPrimary: #4c2db3;
--aaPrimaryLight: #6941e0;
--aaPrimaryDark: #371f80;
--aaSecondary: #0ebce0;
--aaSecondaryLight: #48d8fc;
--aaSecondaryDark: #0a8ca8;
/*--aaAccent: #ff3e82;*/
--aaAccentHover: #ff6699;
--aaBgDark: #121219;
--aaBgCard: #f7f8fc;
--aaBgLight: #f7f8fc;
--aaTextLight: #ffffff;
--aaTextDark: var(--ifm-font-color-base);
--aaBorder: #2a2a38;
--aaBorderLight: #e0e1e6;
--aaShadowSm: 0 4px 6px rgba(0, 0, 0, 0.1);
--aaShadowMd: 0 8px 24px rgba(0, 0, 0, 0.12);
--aaShadowLg: 0 12px 32px rgba(0, 0, 0, 0.15);
--aaRadiusSm: 6px;
--aaRadiusMd: 12px;
--aaRadiusLg: 24px;
--aaSpaceXs: 0.5rem;
--aaSpaceSm: 1rem;
--aaSpaceMd: 2rem;
--aaSpaceLg: 4rem;
--aaSpaceXl: 8rem;
--aaTransition: all 0.3s ease;
--btnPrimaryLight: #158eed;
--btnPrimary: #00569a;
--getStartedStartColor: #3498dbFF;
--getStartedEndColor: #2c3e50FF;
--zitiSuperpowerBg: rgba(76, 45, 179, 0.1);
}
.landing_lNKT a:hover,.landing_lNKT a:focus,.landing_lNKT p {
/*color: var(--ifm-background-color);*/
}
.landing_lNKT .trustedNetwork_GRRj {
color: var(--zitiTrustedNetwork);
font-weight: bold;
}
.landing_lNKT .zeroTrustNetwork_LBnR {
color: var(--zitiZeroTrustNetwork);
font-weight: bold;
}
.landing_lNKT * {
box-sizing: border-box;
margin: 0;
}
.landing_lNKT h1,.landing_lNKT h2,.landing_lNKT h3,.landing_lNKT h4,.landing_lNKT h5 {
font-weight: 700;
line-height: 1.2;
margin-bottom: var(--space-xs);
}
.landing_lNKT h2 {
font-size: 3rem;
}
.landing_lNKT p {
/*margin-bottom: var(--aaSpaceSm);*/
}
.landing_lNKT a {
-webkit-text-decoration: none;
text-decoration: none;
transition: var(--aaTransition);
}
.landing_lNKT .aaContainer_hQt3 {
margin: 0 auto;
padding: 0 var(--aaSpaceSm);
}
.landing_lNKT .aaBtn_AiIB {
align-items: center;
background: var(--btnPrimary);
border: none;
border-radius: var(--aaRadiusSm);
color: var(--aaTextLight);
cursor: pointer;
display: inline-flex;
font-size: 1rem;
font-weight: 600;
gap: var(--space-xs);
justify-content: center;
min-width: 180px;
padding: var(--space-xs) var(--aaSpaceSm);
text-align: center;
transition: var(--aaTransition);
transform: scale(1.05);
}
.landing_lNKT .aaBtn_AiIB:hover,.landing_lNKT .aaBtn_AiIB:focus {
background: var(--btnPrimaryLight);
transform: scale(1.1);
/*border: 2px solid var(--btnPrimary);*/
}
.landing_lNKT .aaBtnAccent_yF2R {
background: var(--color-ziti-red);
}
.landing_lNKT .aaBtnAccent_yF2R:hover,.landing_lNKT .aaBtnAccent_yF2R:focus {
background: var(--aaAccentHover);
}
.landing_lNKT .aaBtnOutline_oriq {
background: transparent;
border: 2px solid var(--btnPrimary);
color: var(--btnPrimary);
}
.landing_lNKT .aaBtnOutline_oriq:hover,.landing_lNKT .aaBtnOutline_oriq:focus {
background: var(--btnPrimaryLight);
color: var(--aaTextLight);
}
.landing_lNKT .aaBtnLink_xAF5 {
background: transparent;
border: none;
padding: 0;
}
.landing_lNKT .aaBtnLink_xAF5:hover,.landing_lNKT .aaBtnLink_xAF5:focus {
transform: none;
}
.landing_lNKT .aaCard_pwAk {
background: var(--aaBgCard);
border-radius: var(--aaRadiusMd);
box-shadow: var(--aaShadowSm);
overflow: hidden;
padding: var(--aaSpaceMd);
transition: var(--aaTransition);
}
.landing_lNKT .aaCard_pwAk:hover {
box-shadow: var(--aaShadowMd);
transform: translateY(-4px);
}
.landing_lNKT .aaBadge_OMyF {
background: var(--aaPrimaryDark);
border-radius: 16px;
font-size: 0.875rem;
font-weight: 600;
padding: 0.25rem 0.75rem;
}
/* Hero Section */
.landing_lNKT .aaHero_OIsb {
display: flex;
flex-direction: row;
justify-content: center;
text-align: center;
align-items: center;
}
.landing_lNKT .aaHeroText_Y0qt {
text-align: justify;
}
.landing_lNKT .aaHeroTitle_Quod {
display: flex;
flex-direction: column;
flex: 0 0 auto;
flex-grow: 0;
width: auto;
justify-content: flex-end;
align-items: center;
}
.landing_lNKT .aaHeroBadgeDiv_PfbI {
display: flex;
justify-content: flex-end;
width:100%;
}
.landing_lNKT .aaHeroBadgeSpan_E8cM {
background: rgba(var(--ziti-color-red), 0.15);
padding: 3px var(--space-xs);
/*background: var(--ifm-font-color-inverse);*/
border-radius: var(--radius-md);
}
.landing_lNKT .aaHeroContent_JxvQ {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.landing_lNKT .aaHero_OIsb h1 {
background: linear-gradient(to right, var(--aaSecondary), var(--aaPrimary), var(--ziti-rgb-red));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-size: clamp(2.5rem, 5vw, 4rem);
margin-bottom: 0;
}
.landing_lNKT .aaHero_OIsb p {
color: var(--aaTextMuted);
font-size: 1.25em;
max-width: 800px;
margin: var(--aaSpaceMd) auto var(--aaSpaceMd);
}
.landing_lNKT .aaHeroButtons_Z5FZ {
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*gap: 15px; var(--aaSpaceLg);*/
gap: 20px;
justify-content: center;
flex-shrink: 1;
}
.landing_lNKT .aaHeroGraphic_CzRq {
max-width: 800px;
position: relative;
width: 100%;
display: flex;
flex-direction: column;
}
.landing_lNKT .aaHeroGraphicImg_sMKl {
box-shadow: var(--aaShadowLg);
overflow: hidden;
margin: var(--aaSpaceLg) auto 0;
position: relative;
border-radius: var(--aaRadiusMd);
}
/* Media Queries */
@media (max-width: 768px) {
.landing_lNKT .aaHeroButtons_Z5FZ {
flex-direction: column;
width: 100%;
}
.landing_lNKT .aaHeroButtons_Z5FZ .aaBtn_AiIB {
width: 100%;
}
}
@media (max-width: 576px) {
.landing_lNKT .aaNavLinks_UWV3 {
display: none;
}
.landing_lNKT .aaSectionHeader_swwP h2,.landing_lNKT .aaHero_OIsb h1,.landing_lNKT .aaCta_r0R3 h2,.landing_lNKT .aaNetfoundry_LRzN h2 {
font-size: 2rem;
}
.landing_lNKT .aaSectionHeader_swwP p,.landing_lNKT .aaHero_OIsb p,.landing_lNKT .aaCta_r0R3 p {
font-size: 1rem;
}
.landing_lNKT .aaGrid_ko_u {
grid-template-columns: repeat(4, 1fr);
}
}
.landing_lNKT .aaTimelineHeader_kUKk {
align-items: center;
display: flex;
margin-bottom: var(--space-xs);
}
.landing_lNKT .aaNavLinks_UWV3 a {
color: var(--aaTextDark);
}
.landing_lNKT .aaSuperpowerCard_Xbfg p {
color: var(--aaTextDark);
}
.landing_lNKT .aaSectionHeader_swwP p,.landing_lNKT .aaHero_OIsb p,.landing_lNKT .aaCta_r0R3 p {
color: var(--aaTextDark);
}
.landing_lNKT .aaCard_pwAk,.landing_lNKT .aaSuperpowerCard_Xbfg,.landing_lNKT .aaCodeDemo_aqg0 {
background: white;
box-shadow: var(--aaShadowSm);
}
.landing_lNKT .transitionSection_CFVs {
background: linear-gradient(0deg, var(--ziti_timeline_section_stop), var(--ziti_timeline_section_start))
}
.landing_lNKT .aaTimeline_nAsf {
position: relative; /* Make sure it has a position context */
}
.landing_lNKT .aaTimeline_nAsf:before {
content: "";
background: linear-gradient(to bottom, var(--aaPrimary), var(--aaSecondary), var(--ziti-rgb-red));
width: 4px;
height: 80%;
position: absolute;
top: 10%;
}
.landing_lNKT .aaCodeHeader_Q5O6 {
background: var(--aaBorderLight);
}
.landing_lNKT code {
color: var(--aaTextDark);
}
.landing_lNKT .aaCta_r0R3,.landing_lNKT .aaEvolution_Caig {
padding: var(--aaSpaceMd);
}
.landing_lNKT .aaSuperpowers_rVje {
padding: var(--aaSpaceLg) 0;
width: 100%;
}
.landing_lNKT .aaSection_RR2s {
max-width: var(--ziti-landing-max-width);
flex-wrap: wrap;
}
.landing_lNKT .aaSectionHeader_swwP {
text-align: center;
margin-bottom: var(--aaSpaceSm);
}
.landing_lNKT .aaSectionHeader_swwP h2 {
font-size: 3rem;
margin-bottom: var(--aaSpaceSm);
}
.landing_lNKT .aaSectionHeader_swwP p {
font-size: 1.125rem;
color: var(--aaTextMuted);
max-width: 800px;
margin: 0 auto;
}
.landing_lNKT .aaGrid_ko_u {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: var(--aaSpaceMd);
}
.landing_lNKT .aaSuperpowerCard_Xbfg {
border-radius: var(--aaRadiusMd);
box-shadow: var(--aaShadowSm);
padding: var(--aaSpaceMd);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.landing_lNKT .aaSuperpowerCard_Xbfg:hover {
box-shadow: var(--aaShadowMd);
transform: translateY(-4px);
}
.landing_lNKT .aaSuperpowerIconOld_sqDF {
font-size: 3rem;
margin-bottom: var(--aaSpaceSm);
}
.landing_lNKT .aaSuperpowerIcon_u7Xu {
background: var(--zitiSuperpowerBg);
border-radius: 50%; /* Ensures the icon is circular */
color: var(--aaPrimary);
display: inline-flex;
font-size: 1.5rem;
height: 48px;
justify-content: center;
align-items: center;
margin-bottom: var(--aaSpaceSm);
width: 48px;
}
.landing_lNKT .aaSuperpowerCard_Xbfg h3 {
font-size: 1.25rem;
margin-bottom: var(--space-xs);
}
.landing_lNKT .aaSuperpowerCard_Xbfg p {
font-size: 1rem;
color: var(--aaTextMuted);
margin-bottom: 0;
}
.landing_lNKT .aaSuperpowerCarda_ymhH:before {
content: "";
transition: var(--aaTransition);
width: 100%;
border-top-left-radius: var(--aaRadiusMd); /* Rounded top-left corner */
border-top-right-radius: var(--aaRadiusMd); /* Rounded top-right corner */
padding-top: 10px;
padding-bottom: 10px;
border-top: 0 solid transparent;
background: linear-gradient(135deg, var(--aaPrimary), var(--aaSecondary));
box-sizing: content-box;
}
.landing_lNKT .aaSuperpowerCarda_ymhH:hover:before {
content: "";
transition: var(--aaTransition);
width: 100%;
border-top-left-radius: var(--aaRadiusMd); /* Rounded top-left corner */
border-top-right-radius: var(--aaRadiusMd); /* Rounded top-right corner */
padding-top: 0;
padding-bottom: 0;
border-top: 10px solid transparent;
background: linear-gradient(135deg, var(--aaPrimary), var(--aaSecondary));
box-sizing: border-box;
}
.landing_lNKT .aaSuperpowersSection_FG7g {
width: 100%;
padding: var(--space-xl) 0;
}
/*---------- get started ---------*/
.landing_lNKT .aaGetStarted2_c6NG {
padding: var(--space-xl) 0;
background: linear-gradient(135deg, var(--getStartedStartColor), var(--getStartedEndColor));
}
.landing_lNKT .aaGetStarted_YkYb {
/*background: linear-gradient(135deg, #3498db, #2c3e50); !* --gradient *!*/
color: white;
/*padding: 80px 0;*/
text-align: center;
width: 100%;
margin-bottom: 0;
}
.landing_lNKT .aaStartContent_aqzO {
margin: 0 auto;
}
.landing_lNKT .aaStartText_bkT5 {
font-size: 18px;
margin-bottom: 40px;
opacity: 0.9;
}
.landing_lNKT .aaStartOptions_eyGS {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
margin-bottom: 50px;
margin-top: 50px;
}
.landing_lNKT .aaStartOption_gE1H {
background: rgba(255, 255, 255, 0.1);
padding: 30px;
border-radius: 8px;
flex: 1;
min-width: 250px;
max-width: 350px;
transition: transform 0.3s, background 0.3s;
color: white;
display: flex;
flex-direction: column;
}
.landing_lNKT .aaStartOption_gE1H:hover {
transform: translateY(-5px);
background: rgba(255, 255, 255, 0.1);
box-shadow: var(--aaShadowMd);
}
.landing_lNKT .aaStartOptionTitle_Kaju {
font-size: 24px;
margin-bottom: 15px;
}
.landing_lNKT .aaStartOptionText_rfO9 {
flex-grow: 1;
margin-bottom: 25px;
opacity: 0.8;
}
@media (max-width: 768px) {
.landing_lNKT .aaStartOptions_eyGS {
flex-direction: column;
align-items: center;
}
.landing_lNKT .aaStartOption_gE1H {
max-width: 100%;
}
}
/* Button Styles */
.landing_lNKT .btn_FsG9 {
display: inline-block;
padding: 12px 24px;
border-radius: 4px;
font-weight: 600;
transition: all 0.3s ease;
cursor: pointer;
}
.landing_lNKT .btnPrimary_w63r {
background: #3498db; /* --primary */
color: white;
}
.landing_lNKT .btnPrimary_w63r:hover {
background: #2980b9;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.landing_lNKT .btnSecondary_QD3v {
color: aliceblue;
border: 2px solid #3498db;
background: rgba(52, 112, 159, 0.3);
}
.landing_lNKT .btnSecondary_QD3v:hover {
transform: translateY(-2px);
color: aliceblue;
border: 2px solid #3498db;
background: rgba(52, 152, 219, .5);
}
@media (max-width: 768px) {
.landing_lNKT .aaStartOptions_eyGS {
flex-direction: column;
align-items: center;
}
.landing_lNKT .aaStartOption_gE1H {
max-width: 100%;
}
}
:is(.landing_lNKT html[data-theme=dark]) a {
color: aliceblue;
}
.landing_lNKT .heroTextContainer_u68c {
display: flex;
flex-direction: column;
}
.landing_lNKT .heroText_VjJM {
width: 100%;
opacity: 0;
transition: opacity 0.25s ease-in-out;
padding: var(--aaSpaceSm);
}
.landing_lNKT .heroText_VjJM.fadeIn_SMsq {
opacity: 1;
}
.landing_lNKT .heroText_VjJM.fadeOut_mK8g {
opacity: 0;
}
.landing_lNKT .aaHeroSection_Z4LC {
width: 100%;
margin-top: var(--space-xxl);
margin-bottom: var(--space-xxl);
flex-direction: row;
display: flex;
}
.landing_lNKT .ozHorizontalSectionRoot_zAWK {
width: 100%;
}
.landing_lNKT .transitionToZeroTrustModels__Pxn {
--ziti_timeline_section_start: var(--ifm-background-color);
--ziti_timeline_section_stop: var(--ziti-rgb-primary-a);
min-height: var(--space-xl);
}
.landing_lNKT .transitionFromZeroTrustModels_XOZx {
--ziti_timeline_section_start: var(--ziti-rgb-secondary-a);
--ziti_timeline_section_stop: var(--ifm-background-color);
min-height: var(--space-xl);
}
.landing_lNKT .aaabbb_mFWU {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
justify-content: center;
padding-bottom: var(--space-xl);
}
.landing_lNKT .aaHeroLeft_DRKD {
display:flex;
flex-direction: column;
flex:17;
}
.landing_lNKT .aaHeroRight_vL1D {
flex:12;
}
.landing_lNKT .ztModelZtaa_NGMd {
--ziti_timeline_section_start: var(--ziti-rgb-primary-a);
--ziti_timeline_section_stop: var(--ziti-rgb-mid1-a);
}
.landing_lNKT .ztModelZtha_OeNV {
--ziti_timeline_section_start: var(--ziti-rgb-mid1-a);
--ziti_timeline_section_stop: var(--ziti-rgb-mid2-a);
}
.landing_lNKT .ztModelZtna_Nv5J {
--ziti_timeline_section_start: var(--ziti-rgb-mid2-a);
--ziti_timeline_section_stop: var(--ziti-rgb-secondary-a);
}
@media (max-width: 850px) {
.landing_lNKT .aaabbb_mFWU {
flex-direction: column;
}
.landing_lNKT .aaHero_OIsb h1 {
font-size: clamp(3.5rem, 5vw, 4rem);
}
.landing_lNKT .aaHeroSection_Z4LC {
flex-direction: column;
}
.landing_lNKT .aaHeroRight_vL1D {
min-width: 30%;
padding-top: var(--space-lg);
}
}
html[data-theme="dark"] .landing_lNKT {
--zitiSuperpowerBg: rgba(255, 255, 255, 0.2);
}
.alert_uCCU {
padding: 1rem;
border-radius: 0.5rem;
border-left: 4px solid;
margin: 1rem 0;
}
.title_fEp0 {
font-weight: bold;
margin-bottom: 0.5rem;
}
.content_vRUs {
line-height: 1.5;
}
.info_Ghz_ {
background-color: #e3f2fd;
border-color: #2196f3;
color: #0d47a1;
}
.warning_qCXm {
background-color: #fff3e0;
border-color: #ff9800;
color: #e65100;
}
.error_TKwi {
background-color: #ffebee;
border-color: #f44336;
color: #b71c1c;
}
.success_Y5wc {
background-color: #e8f5e8;
border-color: #4caf50;
color: #1b5e20;
}
.codeBlock_peQ7 {
margin: 1rem 0;
border-radius: 0.5rem;
overflow: hidden;
}
.title_TfGt {
background-color: var(--ifm-code-background);
padding: 0.5rem 1rem;
font-size: 0.875rem;
font-weight: bold;
border-bottom: 1px solid var(--ifm-color-emphasis-300);
}
.codeBlock_peQ7 pre {
margin: 0;
padding: 1rem;
background-color: var(--ifm-code-background);
font-size: 0.875rem;
line-height: 1.5;
}
.codeBlock_peQ7 code {
background-color: transparent;
padding: 0;
font-family: var(--ifm-font-family-monospace);
}
.onpremConnector_CH4i {
display: flex;
align-items: center;
gap: 0.75rem;
}
.onpremDot_FMc4 {
display: flex;
align-items: center;
justify-content: center;
}
.onpremDot_FMc4 svg {
width: 24px;
height: 24px;
color: #9aa4b2;
}
.onpremLine_pown {
flex: 1;
height: 1px;
background: linear-gradient(90deg, #c8d0d9, #9aa4b2, #c8d0d9);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
body:not(.navigation-with-keyboard) *:not(input):focus {
outline: none;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
#__docusaurus-base-url-issue-banner-container {
display: none;
}
.ozHorizontalSectionRoot_MqVF {
display: flex;
flex-grow: 1;
flex-direction: column;
align-items: center;
background-color: var(--ifm-background-color);
max-width: var(--ziti-max-width);
width: 100%;
}
.ozhsContent_Kh8Z {
display: flex;
flex-direction: column;
max-width: 100%;
padding: 20px;
}
@media (min-width: 1420px) {
.ozhsContent_Kh8Z {
min-width: var(--ziti-max-width);
width: 100%;
}
}
.ozFooter_vn7r {
width: 100%;
--ziti-footer-background-color: #121a36;
--ziti-footer-color: #aaa;
--accent: #ccc;
}
.ozFooter_vn7r .ozFooterSection_FPV1 {
display: flex;
flex-grow: 1;
flex-direction: column;
align-items: center;
background-color: var(--ifm-background-color);
width: 100%;
}
/* Footer Styles */
.ozFooter_vn7r .footer_bja9 {
background-color: var(--ziti-footer-background-color);
color: var(--ziti-footer-color);
padding: var(--space-md) var(--space-md);
width: 100%;
}
.ozFooter_vn7r .footerContainer_iBVG {
gap: 2rem;
margin-bottom: 1rem;
max-width: var(--ziti-landing-max-width);
width: 100%;
align-content: center;
}
.ozFooter_vn7r .footerGrid_Nk5d {
display: grid;
gap: var(--space-md);
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.ozFooter_vn7r .footerColumn_pMZB h3 {
color: var(--light);
font-size: 1.2rem;
margin-bottom: 1.5rem;
}
.ozFooter_vn7r .footerLinks_L73s {
list-style: none;
}
.ozFooter_vn7r .footerLinks_L73s li {
margin-bottom: 0.75rem;
}
.ozFooter_vn7r .footerLinks_L73s a {
color: #aaa;
transition: var(--transition);
}
.ozFooter_vn7r .footerLinks_L73s a:hover {
color: var(--accent);
-webkit-text-decoration: underline;
text-decoration: underline;
}
.ozFooter_vn7r .footerCopyright_MQh5 {
border-top: 1px solid #2a3552;
padding-top: 2rem;
text-align: center;
font-size: 0.9rem;
}
.ozFooter_vn7r .footerSocialLinks_fEp6 {
display: flex;
gap: 1rem;
margin-top: 1rem;
}
.ozFooter_vn7r .footerSocialLink_NibL {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #2a3552;
color: var(--light);
transition: var(--transition);
}
.ozFooter_vn7r .footerSocialLink_NibL:hover {
background-color: var(--primary);
transform: translateY(-3px);
}
@media (max-width: 850px) {
.ozFooter_vn7r .footerGrid_Nk5d {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.skipToContent_fXgn {
position: fixed;
top: 1rem;
left: 100%;
z-index: calc(var(--ifm-z-index-fixed) + 1);
padding: calc(var(--ifm-global-spacing) / 2) var(--ifm-global-spacing);
color: var(--ifm-color-emphasis-900);
background-color: var(--ifm-background-surface-color);
}
.skipToContent_fXgn:focus {
left: 1rem;
box-shadow: var(--ifm-global-shadow-md);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.closeButton_CVFx {
padding: 0;
line-height: 0;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.content_knG7 {
font-size: 85%;
text-align: center;
padding: 5px 0;
}
.content_knG7 a {
color: inherit;
-webkit-text-decoration: underline;
text-decoration: underline;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--docusaurus-announcement-bar-height: auto;
}
.announcementBar_mb4j {
display: flex;
align-items: center;
height: var(--docusaurus-announcement-bar-height);
background-color: var(--ifm-color-white);
color: var(--ifm-color-black);
/*
Unfortunately we can't make announcement bar render above the navbar
IE need to use border-bottom instead of shadow
See https://github.com/facebookincubator/infima/issues/275
box-shadow: var(--ifm-global-shadow-lw);
z-index: calc(var(--ifm-z-index-fixed) + 1);
*/
border-bottom: 1px solid var(--ifm-color-emphasis-100);
}
html[data-announcement-bar-initially-dismissed='true'] .announcementBar_mb4j {
display: none;
}
.announcementBarPlaceholder_vyr4 {
flex: 0 0 10px;
}
.announcementBarClose_gvF7 {
flex: 0 0 30px;
align-self: stretch;
}
.announcementBarContent_xLdY {
flex: 1 1 auto;
}
@media print {
.announcementBar_mb4j {
display: none;
}
}
@media (min-width: 997px) {
:root {
--docusaurus-announcement-bar-height: 30px;
}
.announcementBarPlaceholder_vyr4,
.announcementBarClose_gvF7 {
flex-basis: 50px;
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.toggle_vylO {
width: 2rem;
height: 2rem;
}
.toggleButton_gllP {
-webkit-tap-highlight-color: transparent;
align-items: center;
display: flex;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 50%;
transition: background var(--ifm-transition-fast);
}
.toggleButton_gllP:hover {
background: var(--ifm-color-emphasis-200);
}
.toggleIcon_g3eP {
display: none;
}
[data-theme-choice='system'] .systemToggleIcon_QzmC,
[data-theme-choice='light'] .lightToggleIcon_pyhR,
[data-theme-choice='dark'] .darkToggleIcon_wfgR {
display: initial;
}
.toggleButtonDisabled_aARS {
cursor: not-allowed;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.themedComponent_mlkZ {
display: none;
}
[data-theme='light'] .themedComponent--light_NVdE {
display: initial;
}
[data-theme='dark'] .themedComponent--dark_xIcU {
display: initial;
}
/*
JS disabled??? Show light version by default => better than showing nothing
TODO bad, but we currently always show light mode when there's no data-theme
*/
html:not([data-theme]) .themedComponent--light_NVdE {
display: initial;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--docusaurus-collapse-button-bg: transparent;
--docusaurus-collapse-button-bg-hover: rgb(0 0 0 / 10%);
}
[data-theme='dark']:root {
--docusaurus-collapse-button-bg: rgb(255 255 255 / 5%);
--docusaurus-collapse-button-bg-hover: rgb(255 255 255 / 10%);
}
@media (min-width: 997px) {
.collapseSidebarButton_PEFL {
display: block !important;
background-color: var(--docusaurus-collapse-button-bg);
height: 40px;
position: sticky;
bottom: 0;
border-radius: 0;
border: 1px solid var(--ifm-toc-border-color);
}
.collapseSidebarButtonIcon_kv0_ {
transform: rotate(180deg);
margin-top: 4px;
}
[dir='rtl'] .collapseSidebarButtonIcon_kv0_ {
transform: rotate(0);
}
.collapseSidebarButton_PEFL:hover,
.collapseSidebarButton_PEFL:focus {
background-color: var(--docusaurus-collapse-button-bg-hover);
}
}
.collapseSidebarButton_PEFL {
display: none;
margin: 0;
}
/* Zero Trust Models Component Styles */
/* Main container */
.zeroTrustContainer_nFko {
width: 100%;
padding: 4rem 1rem;
text-align: center;
}
.zeroTrustInner_c6MU {
max-width: 72rem;
margin: 0 auto;
}
/* Headings and text */
.sectionTitle__xW8 {
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 1.5rem;
color: var(--ifm-font-color-base);
}
.sectionDescription_EC4W {
font-size: 1.25rem;
margin-bottom: 3rem;
color: var(--ifm-font-color-base);
}
/* Model cards grid */
.modelsGrid_JaVt {
display: flex;
flex-direction: column;
gap: 2rem;
margin-bottom: 4rem;
}
/* Individual model card */
.modelCard_JD_N {
padding: 1.5rem;
border-radius: 0.5rem;
border: 2px solid #e5e7eb;
transition: all 0.3s ease;
cursor: pointer;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.modelCard_JD_N:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.modelCard_JD_N.selected_MTsL {
border-color: #3b82f6;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
/* Card content */
.cardContent_FjRn {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 var(--space-sm);
}
.cardIcon_QZLL {
width: 3rem;
height: 3rem;
margin-bottom: 1rem;
}
.cardIcon_QZLL.blue__tey {
color: #3b82f6;
}
.cardIcon_QZLL.green_SlHU {
color: #22c55e;
}
.cardIcon_QZLL.purple__pKn {
color: #a855f7;
}
.modelName_AQVI {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
color: var(--ifm-font-color-base);
}
.modelFullname_kzvV {
color: var(--ifm-font-color-base);
margin-bottom: 1rem;
}
.modelDescription_lXDs {
margin-bottom: 1rem;
color: var(--ifm-font-color-base);
}
/* Benefits list */
.benefitsList_gg5e {
text-align: left;
margin-bottom: 1rem;
width: 100%;
}
.benefitItem_PLcV {
display: flex;
align-items: flex-start;
margin-bottom: 0.5rem;
}
.benefitIcon__TqD {
width: 1.25rem;
height: 1.25rem;
margin-right: 0.5rem;
color: var(--ifm-font-color-base);
flex-shrink: 0;
margin-top: 0.25rem;
}
.idealText_AeNV {
font-size: 0.875rem;
font-style: italic;
margin-top: auto;
color: #64748b;
}
/* CTA section */
.ctaSection_ES_2 {
background-color: #f8fafc;
padding: 2rem;
border-radius: 0.5rem;
}
.ctaTitle_zKTG {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1rem;
color: var(--ifm-font-color-base);
}
.ctaDescription_Tzpe {
margin-bottom: 1.5rem;
color: var(--ifm-font-color-base);
}
.ctaButtons_VaRD {
display: flex;
flex-direction: column;
justify-content: center;
gap: 1rem;
}
@media (min-width: 768px) {
.ctaButtons_VaRD {
flex-direction: row;
}
}
.primaryButton_Wdlo {
background-color: #2563eb;
color: white;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font-weight: 500;
transition: background-color 0.3s ease;
}
.primaryButton_Wdlo:hover {
background-color: #1d4ed8;
}
.secondaryButton_u7hg {
background-color: transparent;
border: 2px solid #2563eb;
color: #2563eb;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font-weight: 500;
transition: background-color 0.3s ease;
}
.secondaryButton_u7hg:hover {
background-color: #eff6ff;
}
.ctaNote_plu9 {
margin-top: 1.5rem;
font-size: 0.875rem;
color: #64748b;
}
.zeroTrustModelIntro_X_TM {
padding: 0 var(--space-md);
text-align: left;
font-size: 1.25rem;
margin-bottom: 3rem;
color: var(--ifm-font-color-base);
}
.zeroTrustModels_ammk {
background: var(--ziti-temporary-bg);
display: flex;
flex-direction: row;
}
@media (max-width: 850px) {
.modelCard_JD_N {
flex-direction: column;
}
.cardContent_FjRn {
padding-bottom: var(--space-sm);
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.darkNavbarColorModeToggle_X3D1:hover {
background: var(--ifm-color-gray-800);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.iconExternalLink_nPIU {
margin-left: 0.3rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.menuExternalLink_NmtK {
align-items: center;
}
.linkLabel_WmDU {
overflow: hidden;
display: -webkit-box;
line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.categoryLink_byQd {
overflow: hidden;
}
/*
TODO merge this logic back in Infima?
*/
.menu__link--sublist-caret::after {
margin-left: var(--ifm-menu-link-padding-vertical);
}
.categoryLinkLabel_W154 {
flex: 1;
overflow: hidden;
display: -webkit-box;
line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
@media (min-width: 997px) {
.menuHtmlItem_M9Kj {
padding: var(--ifm-menu-link-padding-vertical)
var(--ifm-menu-link-padding-horizontal);
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
@media (min-width: 997px) {
.menu_SIkG {
flex-grow: 1;
padding: 0.5rem;
}
@supports (scrollbar-gutter: stable) {
.menu_SIkG {
padding: 0.5rem 0 0.5rem 0.5rem;
scrollbar-gutter: stable;
}
}
.menuWithAnnouncementBar_GW3s {
margin-bottom: var(--docusaurus-announcement-bar-height);
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
@media (min-width: 997px) {
.sidebar_njMd {
display: flex;
flex-direction: column;
height: 100%;
padding-top: var(--ifm-navbar-height);
width: var(--doc-sidebar-width);
}
.sidebarWithHideableNavbar_wUlq {
padding-top: 0;
}
.sidebarHidden_VK0M {
opacity: 0;
visibility: hidden;
}
.sidebarLogo_isFc {
display: flex !important;
align-items: center;
margin: 0 var(--ifm-navbar-padding-horizontal);
min-height: var(--ifm-navbar-height);
max-height: var(--ifm-navbar-height);
color: inherit !important;
-webkit-text-decoration: none !important;
text-decoration: none !important;
}
.sidebarLogo_isFc img {
margin-right: 0.5rem;
height: 2rem;
}
}
.sidebarLogo_isFc {
display: none;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
@media (min-width: 997px) {
.expandButton_TmdG {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: background-color var(--ifm-transition-fast) ease;
background-color: var(--docusaurus-collapse-button-bg);
}
.expandButton_TmdG:hover,
.expandButton_TmdG:focus {
background-color: var(--docusaurus-collapse-button-bg-hover);
}
.expandButtonIcon_i1dp {
transform: rotate(0);
}
[dir='rtl'] .expandButtonIcon_i1dp {
transform: rotate(180deg);
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--doc-sidebar-width: 300px;
--doc-sidebar-hidden-width: 30px;
}
.docSidebarContainer_YfHR {
display: none;
}
@media (min-width: 997px) {
.docSidebarContainer_YfHR {
display: block;
width: var(--doc-sidebar-width);
margin-top: calc(-1 * var(--ifm-navbar-height));
border-right: 1px solid var(--ifm-toc-border-color);
will-change: width;
transition: width var(--ifm-transition-fast) ease;
clip-path: inset(0);
}
.docSidebarContainerHidden_DPk8 {
width: var(--doc-sidebar-hidden-width);
cursor: pointer;
}
.sidebarViewport_aRkj {
top: 0;
position: sticky;
height: 100%;
max-height: 100vh;
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.docMainContainer_TBSr {
display: flex;
width: 100%;
}
@media (min-width: 997px) {
.docMainContainer_TBSr {
flex-grow: 1;
max-width: calc(100% - var(--doc-sidebar-width));
}
.docMainContainerEnhanced_lQrH {
max-width: calc(100% - var(--doc-sidebar-hidden-width));
}
.docItemWrapperEnhanced_JWYK {
max-width: calc(
var(--ifm-container-width) + var(--doc-sidebar-width)
) !important;
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.docRoot_UBD9 {
display: flex;
width: 100%;
}
.docsWrapper_hBAB {
display: flex;
flex: 1 0 auto;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.dropdownNavbarItemMobile_J0Sd {
cursor: pointer;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.iconLanguage_nlXk {
vertical-align: text-bottom;
margin-right: 5px;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.anchorTargetStickyNavbar_Vzrq {
scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
}
.anchorTargetHideOnScrollNavbar_vjPI {
scroll-margin-top: 0.5rem;
}
/* src/components/ProductSearch.module.css */
/* ===== Layout ===== */
.wrap_qTj1{max-width:980px;margin:0 auto;padding:1rem}
.topbar_w88g{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;margin-bottom:.6rem}
.searchInput_ps_s{
display:flex;
flex-grow:1;
height:44px;padding:0 .9rem;border-radius:12px;
border:1px solid var(--ifm-color-emphasis-300);background:var(--ifm-background-color);
transition:border-color .15s,box-shadow .15s,background .15s
}
.searchInput_ps_s:focus{
outline:none;border-color:var(--ifm-color-primary);
box-shadow:0 0 0 3px color-mix(in oklab, var(--ifm-color-primary) 25%, transparent)
}
/* ===== Pills ===== */
.pills_mamJ{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}
.pill_N8kQ{
display:flex;
background: teal;
all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;
padding:.38rem .7rem;border:1px solid var(--ifm-color-emphasis-300);
border-radius:999px;
font-size:.82rem;line-height:1;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s
}
@supports (color: color-mix(in lch, red, blue)){
.pill_N8kQ{background:linear-gradient(180deg,var(--ifm-background-color),color-mix(in oklab,var(--ifm-background-color) 85%, black))
}
}
.pill_N8kQ:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.pill_N8kQ[disabled]{opacity:.45;pointer-events:none}
.active_qxJk{
background:linear-gradient(180deg,var(--ifm-color-primary),color-mix(in oklab,var(--ifm-color-primary) 85%, black));
color:#fff;border-color:var(--ifm-color-primary)
}
.activeChip_QRCE{padding:.28rem .55rem;border:1px solid var(--ifm-color-emphasis-300);
border-radius:999px;background:var(--ifm-background-color);font-size:.75rem}
/* ===== Meta ===== */
.meta_Ai6M{display:flex;justify-content:space-between;align-items:center;margin:.35rem 0 .6rem;font-size:.86rem;color:var(--ifm-color-emphasis-700)}
/* ===== Grouped Hits ===== */
.grid_zD7W{display:block}
.groupList_t4oh{display:flex;flex-direction:column;gap:.7rem}
.group_jJAJ{
border:1px solid var(--ifm-color-emphasis-200);border-radius:14px;background:var(--ifm-background-color);
padding:.8rem .95rem;box-shadow:0 2px 10px rgba(0,0,0,.05);
transition:border-color .15s,box-shadow .15s,transform .12s
}
.group_jJAJ:hover{border-color:var(--ifm-color-primary);box-shadow:0 10px 24px rgba(0,0,0,.12);transform:translateY(-1px)}
.groupHeaderRow_nK5x{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.groupHeader_Jqlo{display:block;font-weight:800;letter-spacing:.2px;font-size:1.02rem;margin:0;-webkit-text-decoration:none;text-decoration:none;color:var(--ifm-font-color-base)}
.breadcrumb_l_O8{font-size:.76rem;color:var(--ifm-color-emphasis-700);margin:.08rem 0 .35rem}
.groupSnips_reOl{display:flex;flex-direction:column;gap:.3rem}
.snippet_w9OG {
font-size:.92rem;
color:var(--ifm-color-emphasis-800);
line-height:1.35;
position:relative;
padding-left:1rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.snippet_w9OG::before {
content:"▸";
position:absolute;
left:0;
color:var(--ifm-color-primary);
font-weight:700;
}
.groupUrl_bXCk{
font-family:var(--content-font-family);
margin-top:.3rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
/* ===== Badges ===== */
.badge_eV_z{padding:.16rem .55rem;border-radius:999px;font-size:.72rem;border:1px solid var(--ifm-color-emphasis-300)}
.p_frontdoor_MJzn{background:#e8f3ff;border-color:#c6e1ff;color:#145ea8}
.p_openziti_DpAL{background:#e9fff3;border-color:#c8f2df;color:#0d7a4e}
.p_onprem_uV6c{background:#fff3e8;border-color:#ffdcbf;color:#9a4d00}
.p_zlan_yXuN{background:#f1edff;border-color:#d9d0ff;color:#5335b7}
/* ===== Pagination ===== */
.pagination_XQsl{display:flex;justify-content:center;margin:.8rem 0}
.pageList_LTdl{display:flex;gap:.35rem;list-style:none;padding:0;margin:0}
.pageItem_XhRn{display:inline-flex}
.pageItemDisabled_E6Mh{opacity:.45;pointer-events:none}
.pageItemSelected_STk_ .pageLink_iH7q{background:var(--ifm-color-primary);color:#fff;border-color:var(--ifm-color-primary)}
.pageLink_iH7q{
display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .6rem;
border:1px solid var(--ifm-color-emphasis-300);border-radius:.55rem;-webkit-text-decoration:none;text-decoration:none;font-size:.82rem;
transition:transform .12s,background .12s,border-color .12s
}
.pageLink_iH7q:hover{transform:translateY(-1px);border-color:var(--ifm-color-primary)}
/* ===== Highlights ===== */
mark{
background:#ffe955;color:inherit;border-radius:3px;box-shadow:0 0 0 2px rgba(255,233,85,.25) inset
}
/* ===== Dark mode tweaks ===== */
html[data-theme='dark'] .group_jJAJ{border-color:rgba(255,255,255,.09);box-shadow:0 2px 10px rgba(0,0,0,.35)}
html[data-theme='dark'] .breadcrumb_l_O8{color:var(--ifm-color-emphasis-600)}
html[data-theme='dark'] .groupUrl_bXCk{opacity:.95}
html[data-theme='dark'] .pill_N8kQ{background:linear-gradient(180deg,#1b1b1d,#161618);border-color:rgba(255,255,255,.08)}
/* ===== DocSearch modal polish ===== */
.DocSearch-Modal{border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.DocSearch-Input{height:48px;border-radius:12px}
.DocSearch-Hit{border-radius:12px}
.DocSearch-Hit a{border-radius:12px}
.DocSearch-Hit-source{color:var(--ifm-color-primary)}
.DocSearch-Footer{border-top:1px solid var(--ifm-color-emphasis-200)}
.ais-SearchBox { width: 100%; }
.ais-SearchBox-form {
display: flex;
align-items: center;
width: 100%;
gap:.55rem;
}
.ais-SearchBox-input,
.searchInput_ps_s {
flex: 1 1 auto;
min-width: 0;
}
.ais-SearchBox-submit,
.ais-SearchBox-reset,
.ais-SearchBox-loadingIndicator {
flex: 0 0 auto;
}
.ais-SearchBox-submitIcon {
height: .75rem;
width: .75rem;
}
.ais-SearchBox-reset {
display: none;
}
.container_Sw7s{display:flex;flex-direction:column;flex-grow:1}
.results__Ach{flex:1 1 auto;overflow:auto}
.footer_OVHY{
position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;
gap:.75rem;background:var(--ifm-background-color);
border-top:1px solid var(--ifm-color-emphasis-200);
padding:.55rem .7rem;z-index:1;backdrop-filter:saturate(140%) blur(4px)
}
.kbdRow_xPti{display:flex;gap:.8rem;font-size:.82rem;color:var(--ifm-color-emphasis-700)}
.kbdRow_xPti kbd{border:1px solid var(--ifm-color-emphasis-300);border-bottom-width:2px;border-radius:7px;padding:.06rem .38rem;font-family:inherit}
.footer_OVHY .ais-PoweredBy{margin:0}
.footer_OVHY .ais-PoweredBy-logo{height:1rem}
/* tighten typographic weight in nested rows inside groups */
.groupList_t4oh > div > div {color:var(--ifm-color-primary);}
/* Match pill colors to badge colors */
.pill_N8kQ.active_qxJk[data-product="frontdoor"] {
background: #e8f3ff;
border-color: #c6e1ff;
color: #145ea8;
}
.pill_N8kQ.active_qxJk[data-product="openziti"] {
background: #e9fff3;
border-color: #c8f2df;
color: #0d7a4e;
}
.pill_N8kQ.active_qxJk[data-product="onprem"] {
background: #fff3e8;
border-color: #ffdcbf;
color: #9a4d00;
}
.pill_N8kQ.active_qxJk[data-product="zlan"] {
background: #f1edff;
border-color: #d9d0ff;
color: #5335b7;
}
.pill_N8kQ.active_qxJk[data-product="zrok"] {
background: #fff0f0;
border-color: #ffd0d0;
color: #b71c1c;
}
.trigger_TbO6{all:unset;cursor:pointer;padding:.4rem .6rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:8px}
.backdrop_T6z8{
position:fixed;
inset:0;
background:rgba(0,0,0,.5);
display:flex;
align-items:flex-start;
justify-content:center;
padding-top:10vh;
z-index:9999;
width:100%;
}
.modal_IMWE{
/*background:var(--ifm-background-color);*/
/*color:var(--ifm-font-color-base);*/
/*min-height:85vh;*/
/*max-height:85vh;*/
/*overflow:auto;*/
/*border-radius:12px;*/
/*padding:1rem;*/
}
.close__NVc{position:relative;cursor:pointer;font-size:1.5rem}
/* src/theme/SearchBar/SearchBar.module.css */
.pills_fQA2{position:fixed;top:12px;right:18px;z-index:100000;display:flex;gap:.4rem;flex-wrap:wrap}
.pills_fQA2 button{all:unset;cursor:pointer;padding:.25rem .6rem;border:1px solid var(--ifm-color-emphasis-300);border-radius:999px;font-size:.8rem;background:var(--ifm-background-color)}
.pills_fQA2 button.active_pLUx{background:var(--ifm-color-primary);color:#fff;border-color:transparent}
.modalSearchContainer_E7k_ {
max-height: 60vh;
}
.searchModal_eSJa {
background: var(--ifm-background-color);
padding: 10px;
border-radius: 10px;
width: 80vw;
max-width: 800px;
}
.ozHighLightRoot_PGEy {
display: flex;
flex-grow: 1;
flex-direction: column;
align-items: center;
min-height: 100%;
background-color: var(--ifm-background-color);
padding-top: 20px;
padding-bottom: 20px;
}
.ozHighLightContent_tu0i {
display: flex;
flex-direction: column;
flex-grow: 1;
min-height: 100%;
padding: 20px 20px;
}
@media (min-width: 1400px) {
.ozHighLightContent_tu0i {
min-width: var(--ziti-max-width);
max-width: var(--ziti-max-width);
padding: 20px 20px;
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/*
Workaround to avoid rendering empty search container
See https://github.com/facebook/docusaurus/pull/9385
*/
.navbarSearchContainer_Bca1:empty {
display: none;
}
@media (max-width: 996px) {
.navbarSearchContainer_Bca1 {
position: absolute;
right: var(--ifm-navbar-padding-horizontal);
}
}
@media (min-width: 997px) {
.navbarSearchContainer_Bca1 {
padding: 0 var(--ifm-navbar-item-padding-horizontal);
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.hash-link {
opacity: 0;
padding-left: 0.5rem;
transition: opacity var(--ifm-transition-fast);
-webkit-user-select: none;
user-select: none;
}
.hash-link::before {
content: '#';
}
.hash-link:focus,
*:hover > .hash-link {
opacity: 1;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.cardContainer_fWXF {
--ifm-link-color: var(--ifm-color-emphasis-800);
--ifm-link-hover-color: var(--ifm-color-emphasis-700);
--ifm-link-hover-decoration: none;
box-shadow: 0 1.5px 3px 0 rgb(0 0 0 / 15%);
border: 1px solid var(--ifm-color-emphasis-200);
transition: all var(--ifm-transition-fast) ease;
transition-property: border, box-shadow;
}
.cardContainer_fWXF:hover {
border-color: var(--ifm-color-primary);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%);
}
.cardContainer_fWXF *:last-child {
margin-bottom: 0;
}
.cardTitle_rnsV {
font-size: 1.2rem;
}
.cardDescription_PWke {
font-size: 0.8rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.docCardListItem_W1sv {
margin-bottom: 2rem;
}
.docCardListItem_W1sv > * {
height: 100%;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.navbarHideable_m1mJ {
transition: transform var(--ifm-transition-fast) ease;
}
.navbarHidden_jGov {
transform: translate3d(0, calc(-100% - 2px), 0);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.errorBoundaryError_a6uf {
white-space: pre-wrap;
color: red;
}
.errorBoundaryFallback_VBag {
color: red;
padding: 0.55rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/*
Hide color mode toggle in small viewports
*/
@media (max-width: 996px) {
.colorModeToggle_DEke {
display: none;
}
}
/*
Restore some Infima style that broke with CSS Cascade Layers
See https://github.com/facebook/docusaurus/pull/11142
*/
.navbar__items--right > :last-child {
padding-right: 0;
}
.ozLayoutMainWrapper_GOGT {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}
.starUsRoot_XOT4 {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(90deg, #0068F9FF 0%, #F4044DFF 100%);
z-index: 100;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.tabList__CuJ {
margin-bottom: var(--ifm-leading);
}
.tabItem_LNqP {
margin-top: 0 !important;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.sidebar_re4s {
max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
overflow-y: auto;
position: sticky;
top: calc(var(--ifm-navbar-height) + 2rem);
}
.sidebarItemTitle_pO2u {
font-size: var(--ifm-h3-font-size);
font-weight: var(--ifm-font-weight-bold);
}
.sidebarItemList_Yudw {
font-size: 0.9rem;
}
.sidebarItem__DBe {
margin-top: 0.7rem;
}
.sidebarItemLink_mo7H {
color: var(--ifm-font-color-base);
display: block;
}
.sidebarItemLink_mo7H:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
.sidebarItemLinkActive_I1ZP {
color: var(--ifm-color-primary) !important;
}
@media (max-width: 996px) {
.sidebar_re4s {
display: none;
}
}
.yearGroupHeading_rMGB {
margin-top: 1.6rem;
margin-bottom: 0.4rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.yearGroupHeading_QT03 {
margin: 1rem 0.75rem 0.5rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.tabItem_Ymn6 > *:last-child {
margin-bottom: 0;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.searchQueryInput_u2C7,
.searchVersionInput_m0Ui {
border-radius: var(--ifm-global-radius);
border: 2px solid var(--ifm-toc-border-color);
font: var(--ifm-font-size-base) var(--ifm-font-family-base);
padding: 0.8rem;
width: 100%;
background: var(--docsearch-searchbox-focus-background);
color: var(--docsearch-text-color);
margin-bottom: 0.5rem;
transition: border var(--ifm-transition-fast) ease;
}
.searchQueryInput_u2C7:focus,
.searchVersionInput_m0Ui:focus {
border-color: var(--docsearch-primary-color);
outline: none;
}
.searchQueryInput_u2C7::placeholder {
color: var(--docsearch-muted-color);
}
.searchResultsColumn_JPFH {
font-size: 0.9rem;
font-weight: bold;
}
.searchLogoColumn_rJIA {
display: flex;
align-items: center;
gap: 0.5rem;
justify-content: flex-end;
}
.searchLogoColumn_rJIA a {
display: flex;
}
.searchLogoColumn_rJIA span {
color: var(--docsearch-muted-color);
font-weight: normal;
}
.searchResultItem_Tv2o {
padding: 1rem 0;
border-bottom: 1px solid var(--ifm-toc-border-color);
}
.searchResultItemHeading_KbCB {
font-weight: 400;
margin-bottom: 0;
}
.searchResultItemPath_lhe1 {
font-size: 0.8rem;
color: var(--ifm-color-content-secondary);
--ifm-breadcrumb-separator-size-multiplier: 1;
}
.searchResultItemSummary_AEaO {
margin: 0.5rem 0 0;
font-style: italic;
}
@media only screen and (max-width: 996px) {
.searchQueryColumn_RTkw {
max-width: 60% !important;
}
.searchVersionColumn_ypXd {
max-width: 40% !important;
}
.searchResultsColumn_JPFH {
max-width: 60% !important;
}
.searchLogoColumn_rJIA {
max-width: 40% !important;
padding-left: 0 !important;
}
}
@media screen and (max-width: 576px) {
.searchQueryColumn_RTkw {
max-width: 100% !important;
}
.searchVersionColumn_ypXd {
max-width: 100% !important;
padding-left: var(--ifm-spacing-horizontal) !important;
}
}
.loadingSpinner_XVxU {
width: 3rem;
height: 3rem;
border: 0.4em solid #eee;
border-top-color: var(--ifm-color-primary);
border-radius: 50%;
animation: loading-spin_vzvp 1s linear infinite;
margin: 0 auto;
}
@keyframes loading-spin_vzvp {
100% {
transform: rotate(360deg);
}
}
.loader_vvXV {
margin-top: 2rem;
}
.search-result-match {
color: var(--docsearch-hit-color);
background: rgb(255 215 142 / 25%);
padding: 0.09em 0;
}
/**
* CSS files with the .module.css suffix will be treated as CSS modules
* and scoped locally.
*/
.heroBanner_qdFl {
padding: 4rem 0;
text-align: center;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 996px) {
.heroBanner_qdFl {
padding: 2rem;
}
}
.buttons_AeoN {
display: flex;
align-items: center;
justify-content: center;
}
.idxcard_c8Hy {
min-height: 200px;
display: flex;
flex-direction: column;
}
/**
* CSS files with the .module.css suffix will be treated as CSS modules
* and scoped locally.
*/
.heroBanner_RE2M {
padding: 4rem 0;
text-align: center;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 996px) {
.heroBanner_RE2M {
padding: 2rem;
}
}
.buttons_s0t3 {
display: flex;
align-items: center;
justify-content: center;
}
.idxcard_MnQ6 {
min-height: 200px;
display: flex;
flex-direction: column;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.title_f1Hy {
font-size: 3rem;
}
/**
Blog post title should be smaller on smaller devices
**/
@media (max-width: 576px) {
.title_f1Hy {
font-size: 2rem;
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.container_mt6G {
font-size: 0.9rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
[data-theme='dark'] .githubSvg_Uu4N {
fill: var(--light);
}
[data-theme='light'] .githubSvg_Uu4N {
fill: var(--dark);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
[data-theme='dark'] .xSvg_y3PF {
fill: var(--light);
}
[data-theme='light'] .xSvg_y3PF {
fill: var(--dark);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
[data-theme='dark'] .linkedinSvg_FCgI {
fill: var(--light);
}
[data-theme='light'] .linkedinSvg_FCgI {
fill: var(--dark);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
[data-theme='dark'] .blueskySvg_AzZw {
fill: var(--light);
}
[data-theme='light'] .blueskySvg_AzZw {
fill: var(--dark);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
[data-theme='dark'] .instagramSvg_YC40 {
fill: var(--light);
}
[data-theme='light'] .instagramSvg_YC40 {
fill: var(--dark);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
[data-theme='dark'] .threadsSvg_PTXY {
fill: var(--light);
}
[data-theme='light'] .threadsSvg_PTXY {
fill: var(--dark);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--docusaurus-blog-social-icon-size: 1rem;
}
.authorSocials_rSDt {
/*
This ensures that container takes height even if there's no social link
This keeps author names aligned even if only some have socials
*/
height: var(--docusaurus-blog-social-icon-size);
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: 0;
overflow: hidden;
line-clamp: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.authorSocialLink_owbf {
height: var(--docusaurus-blog-social-icon-size);
width: var(--docusaurus-blog-social-icon-size);
line-height: 0;
margin-right: 0.4rem;
}
.authorSocialIcon_XYv3 {
width: var(--docusaurus-blog-social-icon-size);
height: var(--docusaurus-blog-social-icon-size);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.authorImage_XqGP {
--ifm-avatar-photo-size: 3.6rem;
}
.author-as-h1_n9oJ .authorImage_XqGP {
--ifm-avatar-photo-size: 7rem;
}
.author-as-h2_gXvM .authorImage_XqGP {
--ifm-avatar-photo-size: 5.4rem;
}
.authorDetails_lV9A {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-around;
}
.authorName_yefp {
font-size: 1.1rem;
line-height: 1.1rem;
display: flex;
flex-direction: row;
}
.author-as-h1_n9oJ .authorName_yefp {
font-size: 2.4rem;
line-height: 2.4rem;
display: inline;
}
.author-as-h2_gXvM .authorName_yefp {
font-size: 1.4rem;
line-height: 1.4rem;
display: inline;
}
.authorTitle_nd0D {
font-size: 0.8rem;
line-height: 1rem;
display: -webkit-box;
overflow: hidden;
line-clamp: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.author-as-h1_n9oJ .authorTitle_nd0D {
font-size: 1.2rem;
line-height: 1.6rem;
}
.author-as-h2_gXvM .authorTitle_nd0D {
font-size: 1rem;
line-height: 1.3rem;
}
.authorBlogPostCount_iiJ5 {
background: var(--ifm-color-secondary);
color: var(--ifm-color-black);
font-size: 0.8rem;
line-height: 1.2;
border-radius: var(--ifm-global-radius);
padding: 0.1rem 0.4rem;
margin-left: 0.3rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.authorListItem_n3yI {
list-style-type: none;
margin-bottom: 2rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.authorCol_Hf19 {
max-width: inherit !important;
}
.imageOnlyAuthorRow_pa_O {
display: flex;
flex-flow: row wrap;
}
.imageOnlyAuthorCol_G86a {
margin-left: 0.3rem;
margin-right: 0.3rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.codeBlockContainer_Ckt0 {
background: var(--prism-background-color);
color: var(--prism-color);
margin-bottom: var(--ifm-leading);
box-shadow: var(--ifm-global-shadow-lw);
border-radius: var(--ifm-code-border-radius);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.codeBlock_bY9V {
--ifm-pre-background: var(--prism-background-color);
margin: 0;
padding: 0;
}
.codeBlockStandalone_MEMb {
padding: 0;
}
.codeBlockLines_e6Vv {
font: inherit;
/* rtl:ignore */
float: left;
min-width: 100%;
padding: var(--ifm-pre-padding);
}
.codeBlockLinesWithNumbering_o6Pm {
display: table;
padding: var(--ifm-pre-padding) 0;
}
@media print {
.codeBlockLines_e6Vv {
white-space: pre-wrap;
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/* Intentionally has zero specificity, so that to be able to override
the background in custom CSS file due bug https://github.com/facebook/docusaurus/issues/3678 */
:where(:root) {
--docusaurus-highlighted-code-line-bg: rgb(72 77 91);
}
:where([data-theme='dark']) {
--docusaurus-highlighted-code-line-bg: rgb(100 100 100);
}
.theme-code-block-highlighted-line {
background-color: var(--docusaurus-highlighted-code-line-bg);
display: block;
margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 var(--ifm-pre-padding);
}
.codeLine_lJS_ {
display: table-row;
counter-increment: line-count;
}
.codeLineNumber_Tfdd {
display: table-cell;
text-align: right;
width: 1%;
position: sticky;
left: 0;
padding: 0 var(--ifm-pre-padding);
background: var(--ifm-pre-background);
overflow-wrap: normal;
}
.codeLineNumber_Tfdd::before {
content: counter(line-count);
opacity: 0.4;
}
.theme-code-block-highlighted-line .codeLineNumber_Tfdd::before {
opacity: 0.8;
}
.codeLineContent_feaV {
padding-right: var(--ifm-pre-padding);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.theme-code-block:hover .copyButtonCopied_Vdqa {
opacity: 1 !important;
}
.copyButtonIcons_IEyt {
position: relative;
width: 1.125rem;
height: 1.125rem;
}
.copyButtonIcon_TrPX,
.copyButtonSuccessIcon_cVMy {
position: absolute;
top: 0;
left: 0;
fill: currentColor;
opacity: inherit;
width: inherit;
height: inherit;
transition: all var(--ifm-transition-fast) ease;
}
.copyButtonSuccessIcon_cVMy {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.33);
opacity: 0;
color: #00d600;
}
.copyButtonCopied_Vdqa .copyButtonIcon_TrPX {
transform: scale(0.33);
opacity: 0;
}
.copyButtonCopied_Vdqa .copyButtonSuccessIcon_cVMy {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
transition-delay: 0.075s;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.wordWrapButtonIcon_b1P5 {
width: 1.2rem;
height: 1.2rem;
}
.wordWrapButtonEnabled_uzNF .wordWrapButtonIcon_b1P5 {
color: var(--ifm-color-primary);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.buttonGroup_M5ko {
display: flex;
column-gap: 0.2rem;
position: absolute;
/* rtl:ignore */
right: calc(var(--ifm-pre-padding) / 2);
top: calc(var(--ifm-pre-padding) / 2);
}
.buttonGroup_M5ko button {
display: flex;
align-items: center;
background: var(--prism-background-color);
color: var(--prism-color);
border: 1px solid var(--ifm-color-emphasis-300);
border-radius: var(--ifm-global-radius);
padding: 0.4rem;
line-height: 0;
transition: opacity var(--ifm-transition-fast) ease-in-out;
opacity: 0;
}
.buttonGroup_M5ko button:focus-visible,
.buttonGroup_M5ko button:hover {
opacity: 1 !important;
}
.theme-code-block:hover .buttonGroup_M5ko button {
opacity: 0.4;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.codeBlockContent_QJqH {
position: relative;
/* rtl:ignore */
direction: ltr;
border-radius: inherit;
}
.codeBlockTitle_OeMC {
border-bottom: 1px solid var(--ifm-color-emphasis-300);
font-size: var(--ifm-code-font-size);
font-weight: 500;
padding: 0.75rem var(--ifm-pre-padding);
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.codeBlockTitle_OeMC + .codeBlockContent_QJqH .codeBlock_a8dz {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.appetizer_YE9O {
--ifm-leading-desktop: 10px;
--ifm-leading: 10px;
--background: #414c58;
--breen: #00d084;
--some-other-grey: #2f3f4f;
--pretty-blue: #6EC1E4;
--toast-header: #b0c4d7;
--toast-body: var(--ifm-background-color);
}
.appetizer_YE9O html[data-theme="dark"] {
--ifm-background-color: #111827;
--toast-body: #2c3740;
--toast-header: #1f2937;
--small-color: white;
}
.appetizer_YE9O small {
color: var(--ifm-font-color-base);
}
.appetizer_YE9O .slideStyle_ZIDd {
display: flex;
flex-direction: column;
justify-content: center;
margin: 10px 0 0 0;
}
.appetizer_YE9O .defaultSlideStyle_Qtoq {
display: flex;
margin-bottom: 20px;
flex-wrap: wrap;
}
.appetizer_YE9O .slideText_H9fy code,.appetizer_YE9O .explainer_swXz code {
white-space: nowrap;
padding: 2px 3px 2px 3px;
}
.appetizer_YE9O .slideText_H9fy{
/* background: aliceblue; */
}
.appetizer_YE9O .slideImage_lzRi{
}
.appetizer_YE9O .exampleContainer_Jn7s {
/* background: #00d084; */
}
.appetizer_YE9O .explainer_swXz {
flex-direction: row;
/* background: #6EC1E4; */
max-width: 600px;
}
/* .asciinema {
} */
.appetizer_YE9O .liveMsgContainerContainer__Xyh {
display: flex;
flex-direction: column-reverse;
position: fixed;
right: 10px;
bottom: 10px;
z-index: 10;
flex-grow: 1;
overflow: auto;
border-radius: 1em;
/*max-width: 400px;*/
}
.appetizer_YE9O .liveMsgContainer_CU_u {
display: flex;
flex-direction: column-reverse;
flex-grow: 1;
overflow-y: auto;
padding: 6px;
align-items: flex-end;
}
.appetizer_YE9O .pageWrapper_MmJY {
display: flex;
flex-direction: column-reverse;
flex-grow: 1;
/* background-color: var(--pretty-blue); */
align-items: stretch;
overflow: auto;
width: 400px;
}
.appetizer_YE9O .bgImg1_XXPn {
background: url(/docs/assets/images/bg-img-01-d31e592729cad752f0a97013a3f2d210.jpg) no-repeat fixed;
background-size: 100% 100%;
}
.appetizer_YE9O .messagebox_GBU5 {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: flex-end;
border-radius: 1.1em;
margin: 5px;
padding:5px 5px 5px 15px;
background: rgba(250, 250, 250, 0.4);
backdrop-filter: saturate(180%) blur(20px);
/* -webkit-animation: chat-popup var(--delay-fade-const) both;
animation: chat-popup var(--delay-fade-const) both; */
transform-origin: bottom right;
}
.appetizer_YE9O .chat-bubbles_qE2A {
display: flex;
flex-shrink: 1;
flex-direction: column;
z-index: 400;
align-items: flex-end;
background: red;
}
.appetizer_YE9O .msgSpan_LGwG {
color: #d7d6d6;
font-weight: bold;
padding: 10px 10px 0 10px;
align-items: flex-end;
}
.appetizer_YE9O .app_pvuT {
display: flex;
flex-direction: column;
flex-grow: 1;
overflow: auto;
border-radius: 1em;
}
.appetizer_YE9O .messageName_YXLN {
font-weight: bold;
}
.appetizer_YE9O .messageText_bPI2 {
padding-left: 0;
}
.appetizer_YE9O .toast_5ESW {
padding: 10px 0 0 0;
}
.appetizer_YE9O .toastHeader_G5W2 {
display: flex;
justify-content: space-between;
background: var(--toast-header);
border-radius: 5px 5px 0 0;
padding: 0 10px 0 10px;
}
.appetizer_YE9O .toastBody_Fx3K {
background: var(--toast-body);
padding: 0 0 0 10px;
border-radius: 0 0 5px 5px;
}
@media (min-width: 1100px) {
.appetizer_YE9O .defaultSlideStyle_Qtoq {
flex-wrap: wrap;
}
.appetizer_YE9O .exampleContainer_Jn7s {
display: flex;
}
.appetizer_YE9O .explainer_swXz {
display: flex;
flex-direction: column;
padding: 0 10px 0 0;
min-width: 400px;
}
.appetizer_YE9O .asciinema_zUOR {
display: flex;
flex-direction: column;
width: 100%;
}
.appetizer_YE9O .buttons_JrVI {
}
.appetizer_YE9O .slideText_H9fy{
max-width: 600px;
min-width: 400px;
display: flex;
flex-grow: 1;
flex-direction: column;
flex-basis: 50%;
/* background: #4d4d4d; */
}
.appetizer_YE9O .slideImage_lzRi{
display: flex;
flex-direction: column;
flex-basis: 50%;
flex-grow: 1;
/* background: var(--breen); */
}
.appetizer_YE9O .flexGrowNoWrap_TAWa {
display: flex;
flex-grow: 1;
flex-wrap: nowrap;
}
}
.appetizer_YE9O .appetizerTitle_uY3f {
display: flex;
padding-bottom: 10px;
width: 100%;
}
.appetizer_YE9O .slideShow_TLTA {
display: flex;
flex-direction: column;
height: 100%;
}
.appetizer_YE9O .ozhs_e45p {
display: flex;
flex-direction: column;
flex-grow: 1;
max-width: var(--ziti-landing-max-width);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/*
CSS variables, meant to be overridden by final theme
*/
.details_lb9f {
--docusaurus-details-summary-arrow-size: 0.38rem;
--docusaurus-details-transition: transform 200ms ease;
--docusaurus-details-decoration-color: grey;
}
.details_lb9f > summary {
position: relative;
cursor: pointer;
list-style: none;
padding-left: 1rem;
}
/* TODO: deprecation, need to remove this after Safari will support `::marker` */
.details_lb9f > summary::-webkit-details-marker {
display: none;
}
.details_lb9f > summary::before {
position: absolute;
top: 0.45rem;
left: 0;
/* CSS-only Arrow */
content: '';
border-width: var(--docusaurus-details-summary-arrow-size);
border-style: solid;
border-color: transparent transparent transparent
var(--docusaurus-details-decoration-color);
/* Arrow rotation anim */
transform: rotate(0deg);
transition: var(--docusaurus-details-transition);
transform-origin: calc(var(--docusaurus-details-summary-arrow-size) / 2) 50%;
}
/* When JS disabled/failed to load: we use the open property for arrow animation: */
.details_lb9f[open]:not(.isBrowser_bmU9) > summary::before,
.details_lb9f[data-collapsed='false'].isBrowser_bmU9 > summary::before {
transform: rotate(90deg);
}
.collapsibleContent_i85q {
margin-top: 1rem;
border-top: 1px solid var(--docusaurus-details-decoration-color);
padding-top: 1rem;
}
.collapsibleContent_i85q p:last-child {
margin-bottom: 0;
}
.details_lb9f > summary > p:last-child {
margin-bottom: 0;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
:root {
--docusaurus-tag-list-border: var(--ifm-color-emphasis-300);
}
.tag_zVej {
border: 1px solid var(--docusaurus-tag-list-border);
transition: border var(--ifm-transition-fast);
}
.tag_zVej:hover {
--docusaurus-tag-list-border: var(--ifm-link-color);
-webkit-text-decoration: none;
text-decoration: none;
}
.tagRegular_sFm0 {
border-radius: var(--ifm-global-radius);
padding: 0.2rem 0.5rem 0.3rem;
font-size: 90%;
}
.tagWithCount_h2kH {
display: flex;
align-items: center;
position: relative;
padding: 0 0.5rem 0 1rem;
border-left: 0;
}
.tagWithCount_h2kH::before,
.tagWithCount_h2kH::after {
content: '';
position: absolute;
top: 50%;
border: 1px solid var(--docusaurus-tag-list-border);
transition: inherit;
}
.tagWithCount_h2kH::before {
right: 100%;
transform: translate(50%, -50%) rotate(-45deg);
width: 1.18rem;
height: 1.18rem;
border-right: 0;
border-bottom: 0;
}
.tagWithCount_h2kH::after {
left: 0;
transform: translateY(-50%);
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
}
.tagWithCount_h2kH span {
background: var(--ifm-color-secondary);
color: var(--ifm-color-black);
font-size: 0.7rem;
line-height: 1.2;
border-radius: var(--ifm-global-radius);
padding: 0.1rem 0.4rem;
margin-left: 0.3rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.tag_Nnez {
display: inline-block;
margin: 0.5rem 0.5rem 0 1rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.details_b_Ee {
--docusaurus-details-decoration-color: var(--ifm-alert-border-color);
--docusaurus-details-transition: transform var(--ifm-transition-fast) ease;
margin: 0 0 var(--ifm-spacing-vertical);
border: 1px solid var(--ifm-alert-border-color);
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.tags_jXut {
display: inline;
}
.tag_QGVx {
margin: 0 0.4rem 0.5rem 0;
display: inline-block;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.iconEdit_Z9Sw {
margin-right: 0.3em;
vertical-align: sub;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.lastUpdated_JAkA {
font-size: smaller;
font-style: italic;
margin-top: 0.2rem;
}
@media (min-width: 997px) {
.lastUpdated_JAkA {
text-align: right;
}
}
@media print {
.noPrint_WFHX {
display: none;
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.tocCollapsibleButton_TO0P {
font-size: inherit;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.4rem 0.8rem;
width: 100%;
}
.tocCollapsibleButton_TO0P::after {
content: '';
background: var(--ifm-menu-link-sublist-icon) 50% 50% / 2rem 2rem no-repeat;
filter: var(--ifm-menu-link-sublist-icon-filter);
height: 1.25rem;
width: 1.25rem;
transform: rotate(180deg);
transition: transform var(--ifm-transition-fast);
}
.tocCollapsibleButtonExpanded_MG3E::after {
transform: none;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.tocCollapsible_ETCw {
background-color: var(--ifm-menu-color-background-active);
border-radius: var(--ifm-global-radius);
margin: 1rem 0;
}
.tocCollapsibleContent_vkbj > ul {
border-left: none;
border-top: 1px solid var(--ifm-color-emphasis-300);
padding: 0.2rem 0;
font-size: 15px;
}
.tocCollapsibleContent_vkbj ul li {
margin: 0.4rem 0.8rem;
}
.tocCollapsibleContent_vkbj a {
display: block;
}
.tocCollapsibleExpanded_sAul {
transform: none;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
@media (min-width: 997px) {
/* Prevent hydration FOUC, as the mobile TOC needs to be server-rendered */
.tocMobile_ITEo {
display: none;
}
}
@media print {
.tocMobile_ITEo {
display: none;
}
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.containsTaskList_mC6p {
list-style: none;
}
:not(.containsTaskList_mC6p > li) > .containsTaskList_mC6p {
padding-left: 0;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.img_ev3q {
height: auto;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.admonition_xJq3 {
margin-bottom: 1em;
}
.admonitionHeading_Gvgb {
font: var(--ifm-heading-font-weight) var(--ifm-h5-font-size) /
var(--ifm-heading-line-height) var(--ifm-heading-font-family);
text-transform: uppercase;
}
/* Heading alone without content (does not handle fragment content) */
.admonitionHeading_Gvgb:not(:last-child) {
margin-bottom: 0.3rem;
}
.admonitionHeading_Gvgb code {
text-transform: none;
}
.admonitionIcon_Rf37 {
display: inline-block;
vertical-align: middle;
margin-right: 0.4em;
}
.admonitionIcon_Rf37 svg {
display: inline-block;
height: 1.6em;
width: 1.6em;
fill: var(--ifm-alert-foreground-color);
}
.admonitionContent_BuS1 > :last-child {
margin-bottom: 0;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.container_lyt7 {
max-width: 100%;
}
.container_lyt7 > svg {
max-width: 100%;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.tableOfContents_bqdL {
max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
overflow-y: auto;
position: sticky;
top: calc(var(--ifm-navbar-height) + 1rem);
}
@media (max-width: 996px) {
.tableOfContents_bqdL {
display: none;
}
.docItemContainer_F8PC {
padding: 0 0.3rem;
}
}
.yt-lite {
background-color: #000;
position: relative;
display: block;
contain: content;
background-position: 50%;
background-size: cover;
cursor: pointer;
}
.yt-lite.lyt-activated::before {
content: "";
box-sizing: content-box;
display: block;
position: absolute;
top: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position: top;
background-repeat: repeat-x;
height: 60px;
padding-bottom: 50px;
width: 100%;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.yt-lite::after {
content: "";
display: block;
padding-bottom: var(--aspect-ratio);
}
.yt-lite > iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.yt-lite > .lty-playbtn {
width: 70px;
height: 46px;
background-color: #212121;
z-index: 1;
opacity: 0.8;
border-radius: 14%;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.yt-lite:hover > .lty-playbtn {
background-color: red;
opacity: 1;
}
.yt-lite > .lty-playbtn::before {
content: "";
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 11px 0 11px 19px;
}
.yt-lite > .lty-playbtn,
.yt-lite > .lty-playbtn::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.yt-lite.lyt-activated {
cursor: unset;
}
.yt-lite.lyt-activated::before,
.yt-lite.lyt-activated > .lty-playbtn {
opacity: 0;
pointer-events: none;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.breadcrumbHomeIcon_YNFT {
position: relative;
top: 1px;
vertical-align: top;
height: 1.1rem;
width: 1.1rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.breadcrumbsContainer_Z_bl {
--ifm-breadcrumb-size-multiplier: 0.8;
margin-bottom: 0.8rem;
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
@media (min-width: 997px) {
.generatedIndexPage_vN6x {
max-width: 75% !important;
}
}
/* Duplicated from .markdown h1 */
.title_kItE {
--ifm-h1-font-size: 3rem;
margin-bottom: calc(1.25 * var(--ifm-leading));
}
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
.docItemContainer_Djhp header + *,
.docItemContainer_Djhp article > *:first-child {
margin-top: 0;
}
@media (min-width: 997px) {
.docItemCol_VOVn {
max-width: 75% !important;
}
}
/* scope to your wrapper div className={styles.topPaginator} */
.topPaginator_Wg6W {
margin: 0 0 .5rem 0;
}
/* reset Docusaurus paginator layout */
.topPaginator_Wg6W .pagination-nav {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 2rem !important;
}
/* kill the card look */
.topPaginator_Wg6W .pagination-nav__link {
background: none !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
min-height: auto !important;
display: inline-flex !important;
align-items: center !important;
color: var(--ifm-link-color) !important;
font-weight: 600;
line-height: 1.2;
-webkit-text-decoration: none;
text-decoration: none;
}
.topPaginator_Wg6W .pagination-nav__link:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
/* hide “Newer post / Older post” sublabels */
.topPaginator_Wg6W .pagination-nav__sublabel {
display: none !important;
}
/* keep only the titles inline */
.topPaginator_Wg6W .pagination-nav__label {
display: inline !important;
padding: 0 !important;
}
/* add chevrons automatically */
.topPaginator_Wg6W .pagination-nav__link--prev .pagination-nav__label::before {
content: "« ";
}
.topPaginator_Wg6W .pagination-nav__link--next .pagination-nav__label::after {
content: " »";
}