:root,
html[data-theme=light] {
--palette-white-darker: #d9d9d9;
--palette-yellow: #ffd54f;
--theme-text-color: var(--ifm-font-color-base);
--theme-button-primary-background-color: var(--palette-primary)
}
.gradientText2_x3YO,
.gradientText_FlQM,
.gradientText_nNG0 {
-webkit-text-fill-color: #0000
}
@layer docusaurus.infima,
docusaurus.theme-common,
docusaurus.theme-classic,
docusaurus.core,
docusaurus.plugin-debug,
docusaurus.theme-mermaid,
docusaurus.theme-live-codeblock,
docusaurus.theme-search-algolia.docsearch,
docusaurus.theme-search-algolia;
@layer docusaurus.infima {
.col,
.container {
padding: 0 var(--ifm-spacing-horizontal);
width: 100%
}
.markdown>h2,
.markdown>h3,
.markdown>h4,
.markdown>h5,
.markdown>h6 {
margin-bottom: calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))
}
.markdown li,
body {
word-wrap: break-word
}
body,
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0
}
pre,
table {
overflow: auto
}
blockquote,
pre {
margin: 0 0 var(--ifm-spacing-vertical)
}
.breadcrumbs__link,
.button {
transition-timing-function: var(--ifm-transition-timing-default)
}
.button,
code {
vertical-align: middle
}
.button--outline.button--active,
.button--outline:active,
.button--outline:hover,
:root {
--ifm-button-color: var(--ifm-font-color-base-inverse)
}
.menu__link:hover,
a {
transition: color var(--ifm-transition-fast) var(--ifm-transition-timing-default)
}
.navbar--dark,
:root {
--ifm-navbar-link-hover-color: var(--ifm-color-primary)
}
.menu,
.navbar-sidebar {
overflow-x: hidden
}
:root,
html[data-theme=dark] {
--ifm-color-emphasis-500: var(--ifm-color-gray-500)
}
:root {
--ifm-color-scheme: light;
--ifm-dark-value: 10%;
--ifm-darker-value: 15%;
--ifm-darkest-value: 30%;
--ifm-light-value: 15%;
--ifm-lighter-value: 30%;
--ifm-lightest-value: 50%;
--ifm-contrast-background-value: 90%;
--ifm-contrast-foreground-value: 70%;
--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: #306cce;
--ifm-color-primary-darker: #2d66c3;
--ifm-color-primary-darkest: #2554a0;
--ifm-color-primary-light: #538ce9;
--ifm-color-primary-lighter: #72a1ed;
--ifm-color-primary-lightest: #9abcf2;
--ifm-color-primary-contrast-background: #ebf2fc;
--ifm-color-primary-contrast-foreground: #102445;
--ifm-color-secondary-dark: #d4d5d8;
--ifm-color-secondary-darker: #c8c9cc;
--ifm-color-secondary-darkest: #a4a6a8;
--ifm-color-secondary-light: #eef0f2;
--ifm-color-secondary-lighter: #f1f2f5;
--ifm-color-secondary-lightest: #f5f6f8;
--ifm-color-secondary-contrast-background: #fdfdfe;
--ifm-color-secondary-contrast-foreground: #474748;
--ifm-color-success-dark: #009400;
--ifm-color-success-darker: #008b00;
--ifm-color-success-darkest: #007300;
--ifm-color-success-light: #26b226;
--ifm-color-success-lighter: #4dbf4d;
--ifm-color-success-lightest: #80d280;
--ifm-color-success-contrast-background: #e6f6e6;
--ifm-color-success-contrast-foreground: #003100;
--ifm-color-info-dark: #4cb3d4;
--ifm-color-info-darker: #47a9c9;
--ifm-color-info-darkest: #3b8ba5;
--ifm-color-info-light: #6ecfef;
--ifm-color-info-lighter: #87d8f2;
--ifm-color-info-lightest: #aae3f6;
--ifm-color-info-contrast-background: #eef9fd;
--ifm-color-info-contrast-foreground: #193c47;
--ifm-color-warning-dark: #e6a700;
--ifm-color-warning-darker: #d99e00;
--ifm-color-warning-darkest: #b38200;
--ifm-color-warning-light: #ffc426;
--ifm-color-warning-lighter: #ffcf4d;
--ifm-color-warning-lightest: #ffdd80;
--ifm-color-warning-contrast-background: #fff8e6;
--ifm-color-warning-contrast-foreground: #4d3800;
--ifm-color-danger-dark: #e13238;
--ifm-color-danger-darker: #d53035;
--ifm-color-danger-darkest: #af272b;
--ifm-color-danger-light: #fb565b;
--ifm-color-danger-lighter: #fb7478;
--ifm-color-danger-lightest: #fd9c9f;
--ifm-color-danger-contrast-background: #ffebec;
--ifm-color-danger-contrast-foreground: #4b1113;
--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-600: var(--ifm-color-gray-600);
--ifm-color-emphasis-700: var(--ifm-color-gray-700);
--ifm-color-emphasis-800: var(--ifm-color-gray-800);
--ifm-color-emphasis-900: var(--ifm-color-gray-900);
--ifm-color-emphasis-1000: var(--ifm-color-gray-1000);
--ifm-color-content: var(--ifm-color-emphasis-900);
--ifm-color-content-inverse: var(--ifm-color-emphasis-0);
--ifm-color-content-secondary: #525860;
--ifm-background-color: #0000;
--ifm-background-surface-color: var(--ifm-color-content-inverse);
--ifm-global-border-width: 1px;
--ifm-global-radius: 0.4rem;
--ifm-hover-overlay: #0000000d;
--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;
--ifm-global-spacing: 1rem;
--ifm-spacing-vertical: var(--ifm-global-spacing);
--ifm-spacing-horizontal: var(--ifm-global-spacing);
--ifm-transition-fast: 200ms;
--ifm-transition-slow: 400ms;
--ifm-transition-timing-default: cubic-bezier(0.08, 0.52, 0.52, 1);
--ifm-global-shadow-lw: 0 1px 2px 0 #0000001a;
--ifm-global-shadow-md: 0 5px 40px #0003;
--ifm-global-shadow-tl: 0 12px 28px 0 #0003, 0 2px 4px 0 #0000001a;
--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: #f6f7f8;
--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;
--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: #0000;
--ifm-table-stripe-background: #00000008;
--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;
--ifm-link-color: var(--ifm-color-primary);
--ifm-link-decoration: none;
--ifm-link-hover-color: var(--ifm-link-color);
--ifm-link-hover-decoration: underline;
--ifm-paragraph-margin-bottom: var(--ifm-leading);
--ifm-blockquote-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);
--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: silver;
--ifm-scrollbar-thumb-hover-background-color: #a7a7a7;
--ifm-alert-background-color: inherit;
--ifm-alert-border-color: inherit;
--ifm-alert-border-radius: var(--ifm-global-radius);
--ifm-alert-border-width: 0px;
--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;
--ifm-badge-border-color: inherit;
--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-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-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
}
.badge--danger,
.badge--info,
.badge--primary,
.badge--secondary,
.badge--success,
.badge--warning {
--ifm-badge-border-color: var(--ifm-badge-background-color)
}
.button--link,
.button--outline {
--ifm-button-background-color: #0000
}
* {
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%
}
iframe {
border: 0;
color-scheme: auto
}
.container {
margin: 0 auto;
max-width: var(--ifm-container-width)
}
.container--fluid {
max-width: inherit
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 calc(var(--ifm-spacing-horizontal)*-1)
}
.margin-bottom--none,
.margin-vert--none,
.markdown>:last-child {
margin-bottom: 0 !important
}
.margin-top--none,
.margin-vert--none {
margin-top: 0 !important
}
.row--no-gutters {
margin-left: 0;
margin-right: 0
}
.margin-horiz--none,
.margin-right--none {
margin-right: 0 !important
}
.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-bottom--none,
.padding-vert--none {
padding-bottom: 0 !important
}
.padding-top--none,
.padding-vert--none {
padding-top: 0 !important
}
.padding-horiz--none,
.padding-left--none {
padding-left: 0 !important
}
.padding-horiz--none,
.padding-right--none {
padding-right: 0 !important
}
.col[class*=col--] {
flex: 0 0 var(--ifm-col-width)
}
.col--1 {
--ifm-col-width: 8.33333%
}
.col--offset-1 {
margin-left: 8.33333%
}
.col--2 {
--ifm-col-width: 16.66667%
}
.col--offset-2 {
margin-left: 16.66667%
}
.col--3 {
--ifm-col-width: 25%
}
.col--offset-3 {
margin-left: 25%
}
.col--4 {
--ifm-col-width: 33.33333%
}
.col--offset-4 {
margin-left: 33.33333%
}
.col--5 {
--ifm-col-width: 41.66667%
}
.col--offset-5 {
margin-left: 41.66667%
}
.col--6 {
--ifm-col-width: 50%
}
.col--offset-6 {
margin-left: 50%
}
.col--7 {
--ifm-col-width: 58.33333%
}
.col--offset-7 {
margin-left: 58.33333%
}
.col--8 {
--ifm-col-width: 66.66667%
}
.col--offset-8 {
margin-left: 66.66667%
}
.col--9 {
--ifm-col-width: 75%
}
.col--offset-9 {
margin-left: 75%
}
.col--10 {
--ifm-col-width: 83.33333%
}
.col--offset-10 {
margin-left: 83.33333%
}
.col--11 {
--ifm-col-width: 91.66667%
}
.col--offset-11 {
margin-left: 91.66667%
}
.col--12 {
--ifm-col-width: 100%
}
.col--offset-12 {
margin-left: 100%
}
.margin-horiz--none,
.margin-left--none {
margin-left: 0 !important
}
.margin--none {
margin: 0 !important
}
.margin-bottom--xs,
.margin-vert--xs {
margin-bottom: .25rem !important
}
.margin-top--xs,
.margin-vert--xs {
margin-top: .25rem !important
}
.margin-horiz--xs,
.margin-left--xs {
margin-left: .25rem !important
}
.margin-horiz--xs,
.margin-right--xs {
margin-right: .25rem !important
}
.margin--xs {
margin: .25rem !important
}
.margin-bottom--sm,
.margin-vert--sm {
margin-bottom: .5rem !important
}
.margin-top--sm,
.margin-vert--sm {
margin-top: .5rem !important
}
.margin-horiz--sm,
.margin-left--sm {
margin-left: .5rem !important
}
.margin-horiz--sm,
.margin-right--sm {
margin-right: .5rem !important
}
.margin--sm {
margin: .5rem !important
}
.margin-bottom--md,
.margin-vert--md {
margin-bottom: 1rem !important
}
.margin-top--md,
.margin-vert--md {
margin-top: 1rem !important
}
.margin-horiz--md,
.margin-left--md {
margin-left: 1rem !important
}
.margin-horiz--md,
.margin-right--md {
margin-right: 1rem !important
}
.margin--md {
margin: 1rem !important
}
.margin-bottom--lg,
.margin-vert--lg {
margin-bottom: 2rem !important
}
.margin-top--lg,
.margin-vert--lg {
margin-top: 2rem !important
}
.margin-horiz--lg,
.margin-left--lg {
margin-left: 2rem !important
}
.margin-horiz--lg,
.margin-right--lg {
margin-right: 2rem !important
}
.margin--lg {
margin: 2rem !important
}
.margin-bottom--xl,
.margin-vert--xl {
margin-bottom: 5rem !important
}
.margin-top--xl,
.margin-vert--xl {
margin-top: 5rem !important
}
.margin-horiz--xl,
.margin-left--xl {
margin-left: 5rem !important
}
.margin-horiz--xl,
.margin-right--xl {
margin-right: 5rem !important
}
.margin--xl {
margin: 5rem !important
}
.padding--none {
padding: 0 !important
}
.padding-bottom--xs,
.padding-vert--xs {
padding-bottom: .25rem !important
}
.padding-top--xs,
.padding-vert--xs {
padding-top: .25rem !important
}
.padding-horiz--xs,
.padding-left--xs {
padding-left: .25rem !important
}
.padding-horiz--xs,
.padding-right--xs {
padding-right: .25rem !important
}
.padding--xs {
padding: .25rem !important
}
.padding-bottom--sm,
.padding-vert--sm {
padding-bottom: .5rem !important
}
.padding-top--sm,
.padding-vert--sm {
padding-top: .5rem !important
}
.padding-horiz--sm,
.padding-left--sm {
padding-left: .5rem !important
}
.padding-horiz--sm,
.padding-right--sm {
padding-right: .5rem !important
}
.padding--sm {
padding: .5rem !important
}
.padding-bottom--md,
.padding-vert--md {
padding-bottom: 1rem !important
}
.padding-top--md,
.padding-vert--md {
padding-top: 1rem !important
}
.padding-horiz--md,
.padding-left--md {
padding-left: 1rem !important
}
.padding-horiz--md,
.padding-right--md {
padding-right: 1rem !important
}
.padding--md {
padding: 1rem !important
}
.padding-bottom--lg,
.padding-vert--lg {
padding-bottom: 2rem !important
}
.padding-top--lg,
.padding-vert--lg {
padding-top: 2rem !important
}
.padding-horiz--lg,
.padding-left--lg {
padding-left: 2rem !important
}
.padding-horiz--lg,
.padding-right--lg {
padding-right: 2rem !important
}
.padding--lg {
padding: 2rem !important
}
.padding-bottom--xl,
.padding-vert--xl {
padding-bottom: 5rem !important
}
.padding-top--xl,
.padding-vert--xl {
padding-top: 5rem !important
}
.padding-horiz--xl,
.padding-left--xl {
padding-left: 5rem !important
}
.padding-horiz--xl,
.padding-right--xl {
padding-right: 5rem !important
}
.padding--xl {
padding: 5rem !important
}
code {
background-color: var(--ifm-code-background);
border: .1rem solid #0000001a;
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)
}
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);
padding: var(--ifm-pre-padding)
}
pre code {
background-color: initial;
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: .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: .15rem .3rem
}
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)
}
img {
max-width: 100%
}
img[align=right] {
padding-left: var(--image-alignment-padding)
}
img[align=left] {
padding-right: var(--image-alignment-padding)
}
.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:after,
.markdown:before {
content: "";
display: table
}
.markdown:after {
clear: both
}
.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-top: calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))
}
.markdown>h3 {
--ifm-h3-font-size: 1.5rem;
margin-top: calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))
}
.markdown>h4,
.markdown>h5,
.markdown>h6 {
margin-top: calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))
}
.markdown>p,
.markdown>pre,
.markdown>ul {
margin-bottom: var(--ifm-leading)
}
.markdown li>p {
margin-top: var(--ifm-list-paragraph-margin)
}
.markdown li+li {
margin-top: var(--ifm-list-item-margin)
}
ol,
ul {
margin: 0 0 var(--ifm-list-margin);
padding-left: var(--ifm-list-left-padding)
}
ol ol,
ul ol {
list-style-type: lower-roman
}
ol ol ol,
ol ul ol,
ul ol ol,
ul ul ol {
list-style-type: lower-alpha
}
table {
border-collapse: collapse;
display: block;
margin-bottom: var(--ifm-spacing-vertical)
}
table thead tr {
border-bottom: 2px solid var(--ifm-table-border-color)
}
table thead,
table tr:nth-child(2n) {
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 td,
table th {
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)
}
strong {
font-weight: var(--ifm-font-weight-bold)
}
a {
color: var(--ifm-link-color);
text-decoration: var(--ifm-link-decoration)
}
a:hover {
color: var(--ifm-link-hover-color);
text-decoration: var(--ifm-link-hover-decoration)
}
.button:hover,
.text--no-decoration,
.text--no-decoration:hover,
a:not([href]) {
-webkit-text-decoration: none;
text-decoration: none
}
p {
margin: 0 0 var(--ifm-paragraph-margin-bottom)
}
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);
padding: var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal)
}
blockquote>:first-child {
margin-top: 0
}
blockquote>:last-child {
margin-bottom: 0
}
hr {
background-color: var(--ifm-hr-background-color);
border: 0;
height: var(--ifm-hr-height);
margin: var(--ifm-hr-margin-vertical) 0
}
.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
}
.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
}
.alert__heading,
.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
}
.clean-btn {
background: none;
border: none;
color: inherit;
cursor: pointer;
font-family: inherit;
padding: 0
}
.alert,
.alert .close {
color: var(--ifm-alert-foreground-color)
}
.clean-list {
list-style: none;
padding-left: 0
}
.alert--primary {
--ifm-alert-background-color: var(--ifm-color-primary-contrast-background);
--ifm-alert-background-color-highlight: #3578e526;
--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: #ebedf026;
--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: #00a40026;
--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: #54c7ec26;
--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: #ffba0026;
--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: #fa383e26;
--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);
padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal)
}
.alert__heading {
align-items: center;
display: flex;
font: 700 var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);
margin-bottom: .5rem
}
.alert__icon {
display: inline-flex;
margin-right: .4em
}
.alert__icon svg {
fill: var(--ifm-alert-foreground-color);
stroke: var(--ifm-alert-foreground-color);
stroke-width: 0
}
.alert .close {
margin: calc(var(--ifm-alert-padding-vertical)*-1) calc(var(--ifm-alert-padding-horizontal)*-1) 0 0;
opacity: .75
}
.alert .close:focus,
.alert .close:hover {
opacity: 1
}
.alert a {
text-decoration-color: var(--ifm-alert-border-color)
}
.alert a:hover {
text-decoration-thickness: 2px
}
.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)
}
.card--full-height,
.navbar__logo img {
height: 100%
}
.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)
}
.badge,
.breadcrumbs__item,
.breadcrumbs__link,
.button,
.dropdown>.navbar__link:after {
display: inline-block
}
.avatar__name {
font: 700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base)
}
.avatar__subtitle {
margin-top: .25rem
}
.avatar--vertical {
--ifm-avatar-intro-alignment: center;
--ifm-avatar-intro-margin: 0.5rem;
align-items: center;
flex-direction: column
}
.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);
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)
}
.badge--secondary {
--ifm-badge-background-color: var(--ifm-color-secondary);
color: var(--ifm-color-black)
}
.breadcrumbs__link,
.button.button--secondary.button--outline:not(.button--active):not(:hover) {
color: var(--ifm-font-color-base)
}
.badge--success {
--ifm-badge-background-color: var(--ifm-color-success)
}
.badge--info {
--ifm-badge-background-color: var(--ifm-color-info)
}
.badge--warning {
--ifm-badge-background-color: var(--ifm-color-warning)
}
.badge--danger {
--ifm-badge-background-color: var(--ifm-color-danger)
}
.breadcrumbs {
margin-bottom: 0;
padding-left: 0
}
.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: .5;
width: calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier))
}
.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);
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-duration: var(--ifm-transition-fast);
transition-property: background, color
}
.breadcrumbs__link:any-link:hover,
.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--sm {
--ifm-breadcrumb-size-multiplier: 0.8
}
.breadcrumbs--lg {
--ifm-breadcrumb-size-multiplier: 1.2
}
.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);
cursor: pointer;
font-size: calc(.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;
transition-duration: var(--ifm-button-transition-duration);
transition-property: color, background, border-color;
-webkit-user-select: none;
user-select: none;
white-space: nowrap
}
.button,
.button:hover {
color: var(--ifm-button-color)
}
.button--outline {
--ifm-button-color: var(--ifm-button-border-color)
}
.button--outline:hover {
--ifm-button-background-color: var(--ifm-button-border-color)
}
.button--link {
--ifm-button-border-color: #0000;
color: var(--ifm-link-color);
text-decoration: var(--ifm-link-decoration)
}
.button--link.button--active,
.button--link:active,
.button--link:hover {
color: var(--ifm-link-hover-color);
text-decoration: var(--ifm-link-hover-decoration)
}
.dropdown__link--active,
.dropdown__link:hover,
.menu__link:hover,
.navbar__brand:hover,
.navbar__link--active,
.navbar__link:hover,
.pagination-nav__link:hover,
.pagination__link:hover {
-webkit-text-decoration: none;
text-decoration: none
}
.button.disabled,
.button:disabled,
.button[disabled] {
opacity: .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)
}
: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.button--active,
.button--primary: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.button--active,
.button--secondary: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.button--active,
.button--success: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.button--active,
.button--info: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.button--active,
.button--warning: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.button--active,
.button--danger:active {
--ifm-button-background-color: var(--ifm-color-danger-darker);
--ifm-button-border-color: var(--ifm-color-danger-darker)
}
.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
}
.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
}
.card__image {
padding-top: var(--ifm-card-vertical-spacing)
}
.card__image:first-child {
padding-top: 0
}
.card__body,
.card__footer,
.card__header {
padding: var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)
}
.card__body:not(:last-child),
.card__footer:not(:last-child),
.card__header:not(:last-child) {
padding-bottom: 0
}
.card__body>:last-child,
.card__footer>:last-child,
.card__header>:last-child {
margin-bottom: 0
}
.card__footer {
margin-top: auto
}
.table-of-contents {
font-size: .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--active,
.table-of-contents__link--active code,
.table-of-contents__link:hover,
.table-of-contents__link:hover code {
color: var(--ifm-color-primary);
-webkit-text-decoration: none;
text-decoration: none
}
.close {
color: var(--ifm-color-black);
float: right;
font-size: 1.5rem;
font-weight: var(--ifm-font-weight-bold);
line-height: 1;
opacity: .5;
padding: 1rem;
transition: opacity var(--ifm-transition-fast) var(--ifm-transition-timing-default)
}
.close:hover {
opacity: .7
}
.close:focus {
opacity: .8
}
.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__menu,
.navbar__item.dropdown .navbar__link:not([href]) {
pointer-events: none
}
.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: .5rem;
position: absolute;
top: calc(100% - var(--ifm-navbar-item-padding-vertical) + .3rem);
transform: translateY(-.625rem);
transition-duration: var(--ifm-transition-fast);
transition-property: opacity, transform, visibility;
transition-timing-function: var(--ifm-transition-timing-default);
visibility: hidden;
z-index: var(--ifm-z-index-dropdown)
}
.menu__caret,
.menu__link,
.menu__list-item-collapsible {
border-radius: .25rem;
transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default)
}
.dropdown__link {
border-radius: .25rem;
color: var(--ifm-dropdown-link-color);
display: block;
font-size: .875rem;
margin-top: .2rem;
padding: .25rem .5rem;
white-space: nowrap
}
.dropdown__link--active,
.dropdown__link:hover {
background-color: var(--ifm-dropdown-hover-background-color);
color: var(--ifm-dropdown-link-color)
}
.dropdown__link--active,
.dropdown__link--active:hover {
--ifm-dropdown-link-color: var(--ifm-link-color)
}
.dropdown>.navbar__link:after {
border-color: currentcolor #0000;
border-style: solid;
border-width: .4em .4em 0;
content: "";
margin-left: .3em;
position: relative;
top: 2px;
transform: translateY(-50%)
}
.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: 700 var(--ifm-h4-font-size)/var(--ifm-heading-line-height) var(--ifm-font-family-base);
margin-bottom: var(--ifm-heading-margin-bottom)
}
.menu,
.navbar__link {
font-weight: var(--ifm-font-weight-semibold)
}
.footer__item {
margin-top: 0
}
.footer__items {
margin-bottom: 0
}
[type=checkbox] {
padding: 0
}
.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
}
.menu__list {
list-style: none;
margin: 0;
padding-left: 0
}
.menu__caret,
.menu__link {
padding: var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal)
}
.menu__list .menu__list {
flex: 0 0 100%;
margin-top: .25rem;
padding-left: var(--ifm-menu-link-padding-horizontal)
}
.menu__list-item:not(:first-child) {
margin-top: .25rem
}
.menu__list-item--collapsed .menu__list {
height: 0;
overflow: hidden
}
.menu__list-item--collapsed .menu__caret:before,
.menu__list-item--collapsed .menu__link--sublist:after {
transform: rotate(90deg)
}
.menu__list-item-collapsible {
display: flex;
flex-wrap: wrap;
position: relative
}
.menu__caret:hover,
.menu__link:hover,
.menu__list-item-collapsible--active,
.menu__list-item-collapsible:hover {
background: var(--ifm-menu-color-background-hover)
}
.menu__list-item-collapsible .menu__link--active,
.menu__list-item-collapsible .menu__link:hover {
background: none !important
}
.menu__caret,
.menu__link {
align-items: center;
display: flex
}
.menu__link {
color: var(--ifm-menu-color);
flex: 1;
line-height: 1.25
}
.menu__link:hover {
color: var(--ifm-menu-color)
}
.menu__caret:before,
.menu__link--sublist-caret:after {
content: "";
filter: var(--ifm-menu-link-sublist-icon-filter);
height: 1.25rem;
transform: rotate(180deg);
transition: transform var(--ifm-transition-fast) linear;
width: 1.25rem
}
.menu__link--sublist-caret:after {
background: var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem;
margin-left: auto;
min-width: 1.25rem
}
.menu__link--active,
.menu__link--active:hover {
color: var(--ifm-menu-color-active)
}
.navbar__brand,
.navbar__link {
color: var(--ifm-navbar-link-color)
}
.menu__link--active:not(.menu__link--sublist) {
background-color: var(--ifm-menu-color-background-active)
}
.menu__caret:before {
background: var(--ifm-menu-link-sublist-icon) 50%/2rem 2rem
}
.navbar--dark,
html[data-theme=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);
height: var(--ifm-navbar-height);
padding: var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal)
}
.navbar,
.navbar>.container,
.navbar>.container-fluid {
display: flex
}
.navbar--fixed-top {
position: sticky;
top: 0;
z-index: var(--ifm-z-index-fixed)
}
.navbar-sidebar,
.navbar-sidebar__backdrop {
bottom: 0;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transition-duration: var(--ifm-transition-fast);
transition-timing-function: ease-in-out;
visibility: hidden
}
.navbar__inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%
}
.navbar__brand {
align-items: center;
display: flex;
margin-right: 1rem;
min-width: 0
}
.navbar__brand:hover {
color: var(--ifm-navbar-link-hover-color)
}
.navbar__title {
flex: 1 1 auto
}
.navbar__toggle {
display: none;
margin-right: .5rem
}
.navbar__logo {
flex: 0 0 auto;
height: 2rem;
margin-right: .5rem
}
.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__link--active,
.navbar__link:hover {
color: var(--ifm-navbar-link-hover-color)
}
.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: #ffffff1a;
--ifm-navbar-search-input-placeholder-color: #ffffff80;
color: var(--ifm-color-white)
}
.navbar--dark {
--ifm-navbar-background-color: #242526;
--ifm-menu-color-background-active: #ffffff0d;
--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;
background: var(--ifm-navbar-search-input-background-color) var(--ifm-navbar-search-input-icon) no-repeat .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 .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);
box-shadow: var(--ifm-global-shadow-md);
transform: translate3d(-100%, 0, 0);
transition-property: opacity, visibility, transform;
width: var(--ifm-navbar-sidebar-width)
}
.navbar-sidebar--show .navbar-sidebar,
.navbar-sidebar__items {
transform: translateZ(0)
}
.navbar-sidebar--show .navbar-sidebar,
.navbar-sidebar--show .navbar-sidebar__backdrop {
opacity: 1;
visibility: visible
}
.navbar-sidebar__backdrop {
background-color: #0009;
right: 0;
transition-property: opacity, visibility
}
.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));
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: .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 .2rem -.5rem;
padding: .6rem 1.5rem;
position: relative;
text-align: left;
top: -.5rem;
width: calc(100% + 1rem)
}
.navbar-sidebar__close {
display: flex;
margin-left: auto
}
.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 {
color: var(--ifm-pagination-color-active)
}
.pagination__item--active .pagination__link,
.pagination__item:not(.pagination__item--active):hover .pagination__link {
background: var(--ifm-pagination-item-active-background)
}
.pagination__item--disabled,
.pagination__item[disabled] {
opacity: .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-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)
}
.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: .25rem
}
.pills__item,
.tabs {
font-weight: var(--ifm-font-weight-bold)
}
.pills {
display: flex;
gap: var(--ifm-pills-spacing);
padding-left: 0
}
.pills__item {
border-radius: .5rem;
cursor: pointer;
display: inline-block;
padding: .25rem 1rem;
transition: background var(--ifm-transition-fast) var(--ifm-transition-timing-default)
}
.pills__item--active {
color: var(--ifm-pills-color-active)
}
.pills__item--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
}
.tabs {
color: var(--ifm-tabs-color);
display: flex;
margin-bottom: 0;
overflow-x: auto;
padding-left: 0
}
.tabs__item {
border-bottom: 3px solid #0000;
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
}
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-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: #ffffff0d;
--ifm-color-content: #e3e3e3;
--ifm-color-content-secondary: #fff;
--ifm-breadcrumb-separator-filter: invert(64%) sepia(11%) saturate(0%) hue-rotate(149deg) brightness(99%) contrast(95%);
--ifm-code-background: #ffffff1a;
--ifm-scrollbar-track-background-color: #444;
--ifm-scrollbar-thumb-background-color: #686868;
--ifm-scrollbar-thumb-hover-background-color: #7a7a7a;
--ifm-table-stripe-background: #ffffff12;
--ifm-toc-border-color: var(--ifm-color-emphasis-200);
--ifm-color-primary-contrast-background: #102445;
--ifm-color-primary-contrast-foreground: #ebf2fc;
--ifm-color-secondary-contrast-background: #474748;
--ifm-color-secondary-contrast-foreground: #fdfdfe;
--ifm-color-success-contrast-background: #003100;
--ifm-color-success-contrast-foreground: #e6f6e6;
--ifm-color-info-contrast-background: #193c47;
--ifm-color-info-contrast-foreground: #eef9fd;
--ifm-color-warning-contrast-background: #4d3800;
--ifm-color-warning-contrast-foreground: #fff8e6;
--ifm-color-danger-contrast-background: #4b1113;
--ifm-color-danger-contrast-foreground: #ffebec
}
}
:root,
nav {
--ifm-font-size-base: var(--font-size-normal)
}
.blog-wrapper h2 a,
:root,
html[data-theme=light] {
--ifm-link-color: var(--palette-primary)
}
.help-article-row,
.help-article-row:hover,
.help-breadcrumb-link,
.help-breadcrumb-link:hover,
.help-category-card:hover {
-webkit-text-decoration: none;
text-decoration: none
}
.logoText_FGLK,
.logoText_HaJw {
font-family: LibreBaskerville, Georgia, Cambria, ui-serif, Times New Roman, Times, serif
}
:root,
html[data-theme=dark] {
--ifm-color-emphasis-300: var(--palette-pale-blue)
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
*, ::backdrop, :after, :before {
--tw-translate-x:0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-border-style: solid;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1
}
}
}
@layer theme {
:host,
:root {
--color-blue-500: #3280ff;
--color-slate-100: #f1f5f9;
--color-slate-200: #e2e8f0;
--color-slate-300: #cad5e2;
--color-slate-500: #62748e;
--color-slate-600: #45556c;
--color-slate-700: #314158;
--color-slate-900: #0f172b;
--color-gray-50: #f9fafb;
--color-gray-100: #f3f4f6;
--color-gray-200: #e5e7eb;
--color-gray-300: #d1d5dc;
--color-gray-400: #99a1af;
--color-gray-500: #6a7282;
--color-gray-600: #4a5565;
--color-gray-700: #364153;
--color-gray-800: #1e2939;
--color-gray-900: #101828;
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-6xl: 72rem;
--text-xs: .75rem;
--text-xs--line-height: 1.33333;
--text-sm: .875rem;
--text-sm--line-height: 1.42857;
--text-base: 1rem;
--text-base--line-height: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: 1.55556;
--text-xl: 1.25rem;
--text-xl--line-height: 1.4;
--text-2xl: 1.5rem;
--text-2xl--line-height: 1.33333;
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--text-4xl: 2.25rem;
--text-4xl--line-height: 1.11111;
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--text-7xl: 4.5rem;
--text-7xl--line-height: 1;
--font-weight-light: 300;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tight: -.025em;
--leading-relaxed: 1.625;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--aspect-video: 16/9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
@supports (color:color(display-p3 0 0 0%)) {
:host,
:root {
--color-blue-500: #3280ff
}
}
}
@layer utilities {
.border,
.border-2 {
border-style: var(--tw-border-style)
}
.from-gray-50,
.to-white {
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
}
.transition,
.transition-all,
.transition-colors,
.transition-transform {
transition-duration: var(--tw-duration, var(--default-transition-duration));
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
}
.pointer-events-none {
pointer-events: none
}
.collapse {
visibility: collapse
}
.absolute {
position: absolute
}
.fixed {
position: fixed
}
.relative {
position: relative
}
.static {
position: static
}
.inset-0 {
inset: calc(var(--spacing)*0)
}
.-top-3 {
top: calc(var(--spacing)*-3)
}
.top-0 {
top: calc(var(--spacing)*0)
}
.right-0 {
right: calc(var(--spacing)*0)
}
.left-0 {
left: calc(var(--spacing)*0)
}
.left-1\/2 {
left: 50%
}
.focus\:z-10:focus,
.z-10 {
z-index: 10
}
.z-50 {
z-index: 50
}
.m-0 {
margin: calc(var(--spacing)*0)
}
.container {
width: 100%;
margin-inline: auto;
padding-inline: 2rem
}
.mx-2 {
margin-inline: calc(var(--spacing)*2)
}
.mx-auto {
margin-inline: auto
}
.mt-3 {
margin-top: calc(var(--spacing)*3)
}
.mt-4 {
margin-top: calc(var(--spacing)*4)
}
.mt-10 {
margin-top: calc(var(--spacing)*10)
}
.mt-20 {
margin-top: calc(var(--spacing)*20)
}
.mr-2 {
margin-right: calc(var(--spacing)*2)
}
.mr-3 {
margin-right: calc(var(--spacing)*3)
}
.mb-0 {
margin-bottom: calc(var(--spacing)*0)
}
.mb-0\.5 {
margin-bottom: calc(var(--spacing)*.5)
}
.mb-1 {
margin-bottom: calc(var(--spacing)*1)
}
.mb-1\.5 {
margin-bottom: calc(var(--spacing)*1.5)
}
.mb-2 {
margin-bottom: calc(var(--spacing)*2)
}
.mb-3 {
margin-bottom: calc(var(--spacing)*3)
}
.mb-4 {
margin-bottom: calc(var(--spacing)*4)
}
.mb-5 {
margin-bottom: calc(var(--spacing)*5)
}
.mb-6 {
margin-bottom: calc(var(--spacing)*6)
}
.mb-8 {
margin-bottom: calc(var(--spacing)*8)
}
.mb-10 {
margin-bottom: calc(var(--spacing)*10)
}
.mb-12 {
margin-bottom: calc(var(--spacing)*12)
}
.mb-14 {
margin-bottom: calc(var(--spacing)*14)
}
.mb-16 {
margin-bottom: calc(var(--spacing)*16)
}
.ml-2 {
margin-left: calc(var(--spacing)*2)
}
.ml-3 {
margin-left: calc(var(--spacing)*3)
}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden
}
.block {
display: block
}
.contents {
display: contents
}
.flex {
display: flex
}
.grid {
display: grid
}
.hidden {
display: none
}
.inline {
display: inline
}
.inline-block {
display: inline-block
}
.inline-flex {
display: inline-flex
}
.aspect-\[3\/4\] {
aspect-ratio: 3/4
}
.aspect-video {
aspect-ratio: var(--aspect-video)
}
.h-1 {
height: calc(var(--spacing)*1)
}
.h-1\.5 {
height: calc(var(--spacing)*1.5)
}
.h-2 {
height: calc(var(--spacing)*2)
}
.h-3 {
height: calc(var(--spacing)*3)
}
.h-4 {
height: calc(var(--spacing)*4)
}
.h-6 {
height: calc(var(--spacing)*6)
}
.h-7 {
height: calc(var(--spacing)*7)
}
.h-10 {
height: calc(var(--spacing)*10)
}
.h-12 {
height: calc(var(--spacing)*12)
}
.h-14 {
height: calc(var(--spacing)*14)
}
.h-16 {
height: calc(var(--spacing)*16)
}
.h-auto {
height: auto
}
.h-full {
height: 100%
}
.min-h-screen {
min-height: 100vh
}
.w-2\/3 {
width: 66.6667%
}
.w-3\/4 {
width: 75%
}
.w-4\/5 {
width: 80%
}
.w-7 {
width: calc(var(--spacing)*7)
}
.w-10 {
width: calc(var(--spacing)*10)
}
.w-12 {
width: calc(var(--spacing)*12)
}
.w-14 {
width: calc(var(--spacing)*14)
}
.w-16 {
width: calc(var(--spacing)*16)
}
.w-20 {
width: calc(var(--spacing)*20)
}
.w-24 {
width: calc(var(--spacing)*24)
}
.w-full {
width: 100%
}
.w-px {
width: 1px
}
.\ !max-w-full {
max-width: 100% !important
}
.max-w-2xl {
max-width: var(--container-2xl)
}
.max-w-3xl {
max-width: var(--container-3xl)
}
.max-w-4xl {
max-width: var(--container-4xl)
}
.max-w-5xl {
max-width: var(--container-5xl)
}
.max-w-6xl {
max-width: var(--container-6xl)
}
.max-w-none {
max-width: none
}
.max-w-xl {
max-width: var(--container-xl)
}
.min-w-0 {
min-width: calc(var(--spacing)*0)
}
.flex-1 {
flex: 1
}
.flex-\[1_0_auto\] {
flex: 1 0 auto
}
.origin-left {
transform-origin: 0
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
}
.cursor-default {
cursor: default
}
.cursor-pointer {
cursor: pointer
}
.resize {
resize: both
}
.list-inside {
list-style-position: inside
}
.list-disc {
list-style-type: disc
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr))
}
.flex-col {
flex-direction: column
}
.flex-row {
flex-direction: row
}
.flex-wrap {
flex-wrap: wrap
}
.items-center {
align-items: center
}
.justify-between {
justify-content: space-between
}
.justify-center {
justify-content: center
}
.gap-1 {
gap: calc(var(--spacing)*1)
}
.gap-2 {
gap: calc(var(--spacing)*2)
}
.gap-4 {
gap: calc(var(--spacing)*4)
}
.gap-5 {
gap: calc(var(--spacing)*5)
}
.gap-6 {
gap: calc(var(--spacing)*6)
}
.gap-10 {
gap: calc(var(--spacing)*10)
}
.gap-12 {
gap: calc(var(--spacing)*12)
}
:where(.space-y-1>:not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-end: calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));
margin-block-start: calc(var(--spacing)*1*var(--tw-space-y-reverse))
}
:where(.space-y-2>:not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-end: calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));
margin-block-start: calc(var(--spacing)*2*var(--tw-space-y-reverse))
}
:where(.space-y-3>:not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-end: calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));
margin-block-start: calc(var(--spacing)*3*var(--tw-space-y-reverse))
}
.gap-x-4 {
column-gap: calc(var(--spacing)*4)
}
:where(.-space-x-1>:not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-end: calc(var(--spacing)*-1*(1 - var(--tw-space-x-reverse)));
margin-inline-start: calc(var(--spacing)*-1*var(--tw-space-x-reverse))
}
:where(.space-x-1>:not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-end: calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse)));
margin-inline-start: calc(var(--spacing)*1*var(--tw-space-x-reverse))
}
:where(.space-x-2>:not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-end: calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));
margin-inline-start: calc(var(--spacing)*2*var(--tw-space-x-reverse))
}
:where(.space-x-3>:not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-end: calc(var(--spacing)*3*(1 - var(--tw-space-x-reverse)));
margin-inline-start: calc(var(--spacing)*3*var(--tw-space-x-reverse))
}
:where(.space-x-6>:not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-end: calc(var(--spacing)*6*(1 - var(--tw-space-x-reverse)));
margin-inline-start: calc(var(--spacing)*6*var(--tw-space-x-reverse))
}
:where(.space-x-8>:not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-end: calc(var(--spacing)*8*(1 - var(--tw-space-x-reverse)));
margin-inline-start: calc(var(--spacing)*8*var(--tw-space-x-reverse))
}
.gap-y-8 {
row-gap: calc(var(--spacing)*8)
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.overflow-auto {
overflow: auto
}
.overflow-hidden {
overflow: hidden
}
.overflow-x-auto {
overflow-x: auto
}
.overflow-x-hidden {
overflow-x: hidden
}
.rounded {
border-radius: .25rem
}
.rounded-2xl {
border-radius: var(--radius-2xl)
}
.rounded-\[8px\] {
border-radius: 8px
}
.rounded-\[10px\] {
border-radius: 10px
}
.rounded-full {
border-radius: 3.40282e+38px
}
.rounded-lg {
border-radius: var(--radius)
}
.rounded-xl {
border-radius: var(--radius-xl)
}
.rounded-t-lg {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius)
}
.border {
border-width: 1px
}
.border-2 {
border-width: 2px
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px
}
.border-border\/40 {
border-color: hsl(var(--border))
}
.border-gray-100 {
border-color: var(--color-gray-100)
}
.border-gray-100\/50 {
border-color: #f3f4f680
}
.border-gray-200 {
border-color: var(--color-gray-200)
}
.border-gray-700 {
border-color: var(--color-gray-700)
}
.border-white {
border-color: var(--color-white)
}
.bg-\[var\(--theme-card-bg-color\)\] {
background-color: var(--theme-card-bg-color)
}
.bg-black {
background-color: var(--color-black)
}
.bg-card {
background-color: hsl(var(--card))
}
.bg-gray-50 {
background-color: var(--color-gray-50)
}
.bg-gray-50\/50 {
background-color: #f9fafb80
}
.bg-gray-50\/80 {
background-color: #f9fafbcc
}
.bg-gray-100 {
background-color: var(--color-gray-100)
}
.bg-gray-200 {
background-color: var(--color-gray-200)
}
.bg-gray-400 {
background-color: var(--color-gray-400)
}
.bg-gray-600 {
background-color: var(--color-gray-600)
}
.bg-gray-800 {
background-color: var(--color-gray-800)
}
.bg-gray-900 {
background-color: var(--color-gray-900)
}
.bg-muted\/30 {
background-color: hsl(var(--muted))
}
.bg-primary\/10 {
background-color: hsl(var(--primary))
}
.bg-slate-100 {
background-color: var(--color-slate-100)
}
.bg-slate-200,
[data-theme=dark] .dark\:bg-slate-200 {
background-color: var(--color-slate-200)
}
.bg-slate-700,
[data-theme=dark] .dark\:bg-slate-700 {
background-color: var(--color-slate-700)
}
.bg-transparent {
background-color: #0000
}
.bg-white {
background-color: var(--color-white)
}
.bg-gradient-to-br {
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops))
}
.from-gray-50 {
--tw-gradient-from: var(--color-gray-50)
}
.to-white {
--tw-gradient-to: var(--color-white)
}
.object-cover {
object-fit: cover
}
.object-center {
object-position: center
}
.p-1\.5 {
padding: calc(var(--spacing)*1.5)
}
.p-2 {
padding: calc(var(--spacing)*2)
}
.p-4 {
padding: calc(var(--spacing)*4)
}
.p-6 {
padding: calc(var(--spacing)*6)
}
.p-8 {
padding: calc(var(--spacing)*8)
}
.px-2 {
padding-inline: calc(var(--spacing)*2)
}
.px-2\.5 {
padding-inline: calc(var(--spacing)*2.5)
}
.px-3 {
padding-inline: calc(var(--spacing)*3)
}
.px-4 {
padding-inline: calc(var(--spacing)*4)
}
.px-6 {
padding-inline: calc(var(--spacing)*6)
}
.px-8 {
padding-inline: calc(var(--spacing)*8)
}
.px-10 {
padding-inline: calc(var(--spacing)*10)
}
.py-1 {
padding-block: calc(var(--spacing)*1)
}
.py-2 {
padding-block: calc(var(--spacing)*2)
}
.py-3 {
padding-block: calc(var(--spacing)*3)
}
.py-4 {
padding-block: calc(var(--spacing)*4)
}
.py-16 {
padding-block: calc(var(--spacing)*16)
}
.py-20 {
padding-block: calc(var(--spacing)*20)
}
.py-24 {
padding-block: calc(var(--spacing)*24)
}
.py-28 {
padding-block: calc(var(--spacing)*28)
}
.pt-2 {
padding-top: calc(var(--spacing)*2)
}
.pt-3 {
padding-top: calc(var(--spacing)*3)
}
.pt-8 {
padding-top: calc(var(--spacing)*8)
}
.pt-10 {
padding-top: calc(var(--spacing)*10)
}
.pt-16 {
padding-top: calc(var(--spacing)*16)
}
.pr-0 {
padding-right: calc(var(--spacing)*0)
}
.pr-4 {
padding-right: calc(var(--spacing)*4)
}
.text-center {
text-align: center
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height))
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height))
}
.text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height))
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height))
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height))
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height))
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height))
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height))
}
.leading-6 {
--tw-leading: calc(var(--spacing)*6);
line-height: calc(var(--spacing)*6)
}
.leading-\[1\.1\] {
--tw-leading: 1.1;
line-height: 1.1
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed)
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold)
}
.font-light {
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light)
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium)
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold)
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight)
}
.\ !text-white {
color: var(--color-white) !important
}
.text-foreground {
color: hsl(var(--foreground))
}
.text-gray-300 {
color: var(--color-gray-300)
}
.text-gray-400 {
color: var(--color-gray-400)
}
.text-gray-500 {
color: var(--color-gray-500)
}
.text-gray-600 {
color: var(--color-gray-600)
}
.text-gray-700 {
color: var(--color-gray-700)
}
.text-gray-800 {
color: var(--color-gray-800)
}
.text-gray-900 {
color: var(--color-gray-900)
}
.text-muted-foreground {
color: hsl(var(--muted-foreground))
}
.text-primary {
color: hsl(var(--primary))
}
.text-slate-500 {
color: var(--color-slate-500)
}
.text-slate-600 {
color: var(--color-slate-600)
}
.text-slate-700 {
color: var(--color-slate-700)
}
.text-white {
color: var(--color-white)
}
.uppercase {
text-transform: uppercase
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-feature-settings: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
}
.\ !no-underline {
text-decoration-line: none !important
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
}
.ring,
.ring-1,
.shadow-lg,
.shadow-none,
.shadow-sm {
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-none {
--tw-shadow: 0 0 #0000
}
.shadow-sm {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
}
.ring,
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)
}
.ring-slate-700\/10 {
--tw-ring-color: #3141581a
}
@supports (color:color-mix(in lab,
red,
red)) {
.border-border\/40 {
border-color: color-mix(in oklab, hsl(var(--border)) 40%, transparent)
}
.border-gray-100\/50 {
border-color: color-mix(in oklab, var(--color-gray-100)50%, #0000)
}
.bg-gray-50\/50 {
background-color: color-mix(in oklab, var(--color-gray-50)50%, #0000)
}
.bg-gray-50\/80 {
background-color: color-mix(in oklab, var(--color-gray-50)80%, #0000)
}
.bg-muted\/30 {
background-color: color-mix(in oklab, hsl(var(--muted)) 30%, transparent)
}
.bg-primary\/10 {
background-color: color-mix(in oklab, hsl(var(--primary)) 10%, transparent)
}
.ring-slate-700\/10 {
--tw-ring-color: color-mix(in oklab, var(--color-slate-700)10%, #0000)
}
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px
}
.blur {
--tw-blur: blur(8px)
}
.blur,
.filter {
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
}
.backdrop-filter {
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events
}
.transition-all {
transition-property: all
}
.transition-colors {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to
}
.transition-transform {
transition-property: transform, translate, scale, rotate
}
.delay-100 {
transition-delay: .1s;
animation-delay: .1s
}
.delay-200 {
transition-delay: .2s;
animation-delay: .2s
}
.delay-300 {
transition-delay: .3s;
animation-delay: .3s
}
.delay-400 {
transition-delay: .4s;
animation-delay: .4s
}
.duration-200 {
--tw-duration: .2s;
transition-duration: .2s;
animation-duration: .2s
}
.duration-300 {
--tw-duration: .3s;
transition-duration: .3s;
animation-duration: .3s
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
animation-timing-function: cubic-bezier(0, 0, .2, 1)
}
.select-none {
-webkit-user-select: none;
user-select: none
}
.fade-in {
--tw-enter-opacity: 0
}
.ring-inset {
--tw-ring-inset: inset
}
.running {
animation-play-state: running
}
[data-theme=dark] .dark\:bg-slate-600 {
background-color: var(--color-slate-600)
}
[data-theme=dark] .dark\:text-slate-200 {
color: var(--color-slate-200)
}
[data-theme=dark] .dark\:text-slate-300 {
color: var(--color-slate-300)
}
[data-theme=dark] .dark\:text-slate-900 {
color: var(--color-slate-900)
}
}
.help-breadcrumb-current,
.help-center-title,
html[data-theme=light] .blog-wrapper header h2 a {
color: var(--ifm-font-color-base)
}
@font-face {
font-display: swap;
font-family: Instrument Sans;
font-style: normal;
font-weight: 400;
src: url(/assets/fonts/InstrumentSans-Regular-e75062fd95b184feabf19d1ad6e36a30.woff2) format("woff2")
}
@font-face {
font-display: swap;
font-family: Instrument Sans;
font-style: normal;
font-weight: 700;
src: url(/assets/fonts/InstrumentSans-Bold-7492bfdd10b9d7142c6b74c2dae1dd87.woff2) format("woff2")
}
:root {
--ifm-container-width: 100%;
--ifm-container-width-1140: 1140px;
--palette-primary: var(--palette-primary-blue);
--palette-primary-blue: #3757f4;
--palette-primary-blue-light: #5f79ff;
--palette-charade: #21222c;
--palette-gray: #32343e;
--palette-green: #66bb6a;
--palette-midnight: #141725;
--palette-pale-blue: #b1b5d3;
--palette-pink: #d14671;
--palette-blue-lightest: #78d0ff;
--palette-blue-lighter: #52c5ff;
--palette-blue-light: #36bcff;
--palette-blue: #06b1ff;
--palette-blue-dark: #139ce0;
--palette-blue-darker: #08c;
--palette-blue-darkest: #273057;
--palette-rock: rgb(var(--palette-rock-raw));
--palette-rock-raw: 38, 40, 51;
--palette-sky: #81d3f9;
--palette-turquoise: #0cc0df;
--palette-white: #fff;
--palette-white-03: #ffffff08;
--palette-white-05: #ffffff0d;
--palette-white-10: #ffffff1a;
--palette-white-20: #fff3;
--font-family-base: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Cantarell, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Android Emoji", EmojiSymbols, "EmojiOne Mozilla", "Twemoji Mozilla", "Segoe UI Symbol", "Noto Color Emoji";
--font-size-min: 12px;
--font-size-small: 14px;
--font-size-normal: 16px;
--font-size-large: 18px;
--font-size-big-1: 20px;
--font-size-big-2: 24px;
--font-size-big-3: 32px;
--font-size-big-4: 46px;
--font-size-big-5: 64px;
--ifm-background-color: var(--palette-charade);
--ifm-blockquote-color: var(--palette-pale-blue);
--ifm-code-background: var(--palette-gray);
--ifm-code-color: var(--palette-white);
--ifm-code-font-size: var(--font-size-min);
--ifm-color-primary-darkest: var(--palette-blue-darkest);
--ifm-color-primary-darker: var(--palette-blue-darker);
--ifm-color-primary-dark: var(--palette-blue-dark);
--ifm-color-primary: var(--palette-primary);
--ifm-color-primary-light: var(--palette-blue-light);
--ifm-color-primary-lighter: var(--palette-blue-lighter);
--ifm-color-primary-lightest: var(--palette-blue-lightest);
--ifm-color-info: var(--palette-sky);
--ifm-color-success: var(--palette-green);
--ifm-color-warning: var(--palette-yellow);
--ifm-dropdown-background-color: var(--palette-rock);
--ifm-font-color-base: var(--palette-white);
--ifm-font-family-base: var(--font-family-base);
--ifm-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--ifm-global-border-radius: 8px;
--ifm-h1-font-size: var(--font-size-big-4);
--ifm-h2-font-size: var(--font-size-big-2);
--ifm-h3-font-size: var(--font-size-big-1);
--ifm-h4-font-size: var(--font-size-large);
--ifm-heading-margin-bottom: 1.5rem;
--ifm-hr-border-color: var(--palette-white-20);
--ifm-list-paragraph-margin: .5rem;
--ifm-navbar-background-color: var(--palette-white-10);
--ifm-navbar-height: 80px;
--ifm-navbar-item-padding-horizontal: 20px;
--ifm-navbar-shadow: 0 0 0 0 var(--palette-white-10);
--ifm-navbar-padding-vertical: 20px;
--ifm-navbar-padding-horizontal: 2.25rem;
--ifm-pre-background: var(--palette-midnight);
--ifm-table-cell-padding: .15rem 1rem;
--ifm-toc-border-color: var(--palette-white-10);
--ifm-heading-line-height: 1.5;
--theme-input-text-color: #b1b5d3;
--theme-section-odd-bg-color: var(--palette-rock);
--theme-card-text-color: var(--palette-white);
--theme-card-title-color: var(--palette-white);
--theme-card-bg-color: #292b37;
--theme-card-bg-color-hover: #393b8b;
--theme-card-secondary-bg-color: #21222c;
--theme-attention-card-bg-color: var(--palette-gray);
--theme-attention-card-text-color: var(--palette-white);
--nav-bg: #ffffffd9;
--nav-bg-scrolled: #fffffff2;
--nav-border: #0000000d;
--nav-shadow-glass: 0 4px 20px #0000000a;
--nav-text-primary: #1a1a1a;
--nav-text-secondary: #434343;
--nav-text-muted: #9ca3af;
--nav-primary: #1a1a1a;
--nav-primary-hover: #333;
--nav-bg-hover: #f9fafb;
--nav-font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
--nav-transition: all 0.2s ease;
--nav-transition-hover: all 0.3s ease;
--rt-color-white: #fff;
--rt-color-dark: #222;
--rt-color-success: #8dc572;
--rt-color-error: #be6464;
--rt-color-warning: #f0ad4e;
--rt-color-info: #337ab7;
--rt-opacity: 0.9;
--rt-transition-show-delay: 0.15s;
--rt-transition-closing-delay: 0.15s;
--rt-arrow-size: 8px
}
html[data-theme=dark] {
--palette-primary-blue: #448ef7;
--ifm-background-color: #141414;
--ifm-navbar-background-color: #141414;
--ifm-description-color: #ffffffbf;
--ifm-border-color: #ffffff1a;
--ifm-heading-color: #fff;
--ifm-heading-color-30: #ffffff4d
}
html[data-theme=light] {
--palette-pale-blue: #52556b;
--palette-rock: #262833;
--palette-gray: #4b4e5d;
--palette-dark-10: #0000001a;
--palette-dark-20: #0003;
--palette-dark-30: #0000004d;
--palette-dark-40: #0006;
--palette-dark-80: #000c;
--ifm-background-color: #fff;
--ifm-font-color-base: #333;
--ifm-navbar-background-color: #fff;
--ifm-dropdown-background-color: var(--palette-white);
--ifm-navbar-shadow: 0 0 0 0 var(--palette-dark-10);
--ifm-toc-border-color: var(--palette-dark-10);
--ifm-code-background: #dadada;
--ifm-code-color: var(--palette-charade);
--ifm-heading-color: #141414;
--ifm-heading-color-30: #1414144d;
--ifm-description-color: #141414bf;
--ifm-border-color: #1414141a;
--docsearch-footer-background: var(--ifm-background-color);
--docsearch-key-gradient: linear-gradient(-26.5deg, var(--palette-gray)0%, var(--palette-rock)100%);
--docsearch-key-shadow: 0 3px 3px var(--palette-dark-30);
--theme-section-odd-bg-color: #f0f3fb;
--theme-input-text-color: #555b88;
--theme-card-bg-color: #f0f3fb;
--theme-card-bg-color-hover: #e1e3eb;
--theme-card-text-color: #21222c;
--theme-card-title-color: #21222c;
--theme-card-secondary-bg-color: #dde0e9;
--theme-attention-card-bg-color: #f0f3fb
}
nav {
--ifm-link-color: var(--palette-blue)
}
.markdown {
--ifm-h2-vertical-rhythm-top: 3;
--ifm-h3-vertical-rhythm-top: 2;
--ifm-heading-vertical-rhythm-top: 2;
--ifm-heading-vertical-rhythm-bottom: .4;
--ifm-paragraph-margin-bottom: .5rem;
--ifm-table-background: var(--palette-white-03);
--ifm-table-border-color: var(--palette-charade);
--ifm-table-border-width: 1px;
--ifm-table-head-background: var(--palette-gray);
--ifm-table-head-color: var(--palette-white);
--ifm-table-stripe-background: var(--palette-white-03)
}
html[data-theme=light] .markdown {
--ifm-table-head-background: #f6f8fa;
--ifm-table-head-color: #24292f;
--ifm-table-border-color: #d0d7de;
--ifm-table-stripe-background: #f6f8fa
}
html[data-theme=light] .markdown img[src$=\.svg][alt*=chart],
html[data-theme=light] .markdown img[src*="data:image/svg+xml"][alt*=chart] {
filter: invert() hue-rotate(200deg)
}
.pagination-nav {
--ifm-color-content-secondary: var(--palette-white);
--ifm-link-color: var(--palette-white);
--ifm-link-hover-color: var(--palette-white);
--ifm-pagination-nav-color-hover: var(--palette-white);
--ifm-pagination-nav-border-radius: var(--ifm-global-border-radius);
--ifm-color-emphasis-300: #0000;
margin-top: 3rem
}
body,
html {
height: 100%
}
body {
margin: 0;
padding-top: calc(5.5rem + 20px);
transition: var(--ifm-transition-fast) ease color
}
#__docusaurus {
display: flex;
flex-direction: column;
min-height: 100%
}
.font-size--large {
font-size: var(--font-size-large)
}
.blog-wrapper h2 a,
html[data-theme=dark] .blog-wrapper h2 a {
--ifm-link-hover-color: var(--palette-primary-blue)
}
.blog-wrapper header h2 a {
--ifm-link-color: var(--palette-white-darker);
--ifm-link-hover-color: var(--palette-white-darker)
}
.pagination-nav__item--next .pagination-nav__link {
background: var(--palette-primary)
}
.pagination-nav__link {
background: var(--palette-white-05)
}
html[data-theme=light] .pagination-nav__item--next .pagination-nav__link {
background: var(--palette-primary);
color: var(--palette-white)
}
html[data-theme=light] .pagination-nav__item--next .pagination-nav__sublabel {
color: var(--palette-white)
}
html[data-theme=light] .pagination-nav__link {
background: var(--palette-dark-10);
color: var(--palette-dark-80)
}
html[data-theme=light] .pagination-nav__sublabel {
color: var(--palette-dark-80)
}
.theme-announcement-bar {
left: 0;
position: fixed;
right: 0;
top: 4rem;
z-index: 999
}
.theme-announcement-bar>div[class*=content] {
flex: 1;
text-align: center
}
.theme-announcement-bar>button[class*=close] {
flex-shrink: 0;
margin-left: auto;
position: static
}
.help-center-home {
padding: 3rem 0 5rem;
width: 100%
}
.help-center-hero {
margin-bottom: 3.5rem;
text-align: center
}
.help-center-title {
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 0
}
.help-category-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(3, 1fr)
}
.help-category-card {
align-items: center;
background: #fff;
border: 1.5px solid #e2e8f0;
border-radius: 1rem;
color: inherit;
display: flex;
flex-direction: column;
padding: 2rem 1.5rem;
text-align: center;
transition: border-color .15s, box-shadow .15s, transform .15s
}
.help-category-card:hover {
border-color: #cbd5e1;
box-shadow: 0 4px 16px #00000014;
color: inherit;
transform: translateY(-2px)
}
[data-theme=dark] .help-category-card {
background: var(--ifm-background-surface-color);
border-color: #1e293b
}
[data-theme=dark] .help-category-card:hover {
border-color: #334155
}
.help-category-icon,
.help-collection-icon {
color: #1e293b;
margin-bottom: 1rem
}
[data-theme=dark] .help-category-icon,
[data-theme=dark] .help-collection-icon {
color: #e2e8f0
}
.help-category-label {
color: var(--ifm-font-color-base);
font-size: 1.0625rem;
font-weight: 700;
margin-bottom: .5rem
}
.help-category-desc {
color: #64748b;
flex: 1;
font-size: .875rem;
line-height: 1.5;
margin-bottom: 1rem
}
.help-category-count {
border-top: 1px solid #f1f5f9;
color: #94a3b8;
font-size: .8125rem;
padding-top: .75rem;
width: 100%
}
[data-theme=dark] .help-category-count {
border-top-color: #1e293b
}
.help-collection {
padding: 0 0 4rem;
width: 100%
}
.help-breadcrumb {
color: #64748b;
font-size: .875rem;
margin-bottom: 2rem
}
.help-breadcrumb-link {
color: #64748b;
transition: color .15s
}
.help-breadcrumb-link:hover {
color: var(--ifm-color-primary)
}
.help-breadcrumb-sep {
color: #94a3b8;
margin: 0 .3rem
}
.help-collection-header,
.sectionHeaderTight_f3Rr {
margin-bottom: 2.5rem
}
.help-collection-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: .4rem
}
.help-collection-desc {
color: #64748b;
font-size: 1rem;
margin-bottom: .4rem
}
.help-collection-count {
color: #94a3b8;
font-size: .875rem;
margin: 0
}
.help-groups {
display: flex;
flex-direction: column;
gap: 1.5rem
}
.help-group-card {
border: 1.5px solid #e2e8f0;
border-radius: .75rem;
overflow: hidden
}
[data-theme=dark] .help-group-card {
border-color: #1e293b
}
.help-group-title {
border-bottom: 1.5px solid #e2e8f0;
color: var(--ifm-font-color-base);
font-size: 1.1rem;
font-weight: 700;
margin: 0;
padding: 1.125rem 1.5rem
}
[data-theme=dark] .help-group-title {
border-bottom-color: #1e293b
}
.featureRows_W4yF,
.help-article-list {
display: flex;
flex-direction: column
}
.help-article-row {
align-items: center;
border-bottom: 1px solid #f1f5f9;
color: var(--ifm-font-color-base);
display: flex;
justify-content: space-between;
padding: 1rem 1.5rem;
transition: background .12s, color .12s
}
.logo_gez6,
.navLink_E51T {
-webkit-text-decoration: none !important;
text-decoration: none !important
}
.help-article-row:last-child,
.productItem_Hezj:last-child {
border-bottom: none
}
.help-article-row:hover {
background: #f8fafc;
color: var(--ifm-color-primary)
}
[data-theme=dark] .help-article-row {
border-bottom-color: #0f172a
}
[data-theme=dark] .help-article-row:hover {
background: #0f172a
}
.help-article-title {
font-size: .9375rem;
font-weight: 500
}
.help-article-chevron {
color: var(--ifm-color-primary);
flex-shrink: 0
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid
}
@property --tw-gradient-position {
syntax: "*";
inherits: false
}
@property --tw-gradient-from {
syntax: "";
inherits: false;
initial-value: #0000
}
@property --tw-gradient-via {
syntax: "";
inherits: false;
initial-value: #0000
}
@property --tw-gradient-to {
syntax: "";
inherits: false;
initial-value: #0000
}
@property --tw-gradient-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-via-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-from-position {
syntax: "";
inherits: false;
initial-value: 0
}
@property --tw-gradient-via-position {
syntax: "";
inherits: false;
initial-value: 50%
}
@property --tw-gradient-to-position {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-tracking {
syntax: "*";
inherits: false
}
@property --tw-ordinal {
syntax: "*";
inherits: false
}
@property --tw-slashed-zero {
syntax: "*";
inherits: false
}
@property --tw-numeric-figure {
syntax: "*";
inherits: false
}
@property --tw-numeric-spacing {
syntax: "*";
inherits: false
}
@property --tw-numeric-fraction {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false
}
@property --tw-duration {
syntax: "*";
inherits: false
}
@property --tw-ease {
syntax: "*";
inherits: false
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1
}
@layer docusaurus.core {
#__docusaurus-base-url-issue-banner-container {
display: none
}
}
.navbar_NVyt {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: var(--nav-bg);
border-bottom: 1px solid var(--nav-border);
display: block !important;
height: auto !important;
left: 0;
padding: 0 !important;
position: fixed;
right: 0;
top: 0;
transition: var(--nav-transition-hover);
z-index: 1000
}
.contactEmail_gRoJ,
.footerContact_WzGC,
.logoSection_WyAo,
.logoSection_arUp,
.logo_Ukns,
.logo_gez6,
.navContent_JOR3,
.navContent_Lfnl {
align-items: center;
display: flex
}
.logoIcon_yxgs,
.logo_gez6,
.navLink_E51T {
transition: var(--nav-transition)
}
.navbar_NVyt.scrolled_o4t6 {
box-shadow: var(--nav-shadow-glass)
}
.navbar_NVyt.mobileMenuOpen_tdhT,
.navbar_NVyt.scrolled_o4t6 {
background: var(--nav-bg-scrolled)
}
.container_BKVv {
margin: 0 auto;
max-width: 1280px;
padding: 0 1.5rem;
width: 100%
}
.navContent_Lfnl {
height: 4rem;
justify-content: space-between;
position: relative
}
.logoSection_arUp {
flex-shrink: 0;
z-index: 1002
}
.logo_gez6 {
color: var(--nav-text-primary);
font-size: 1.125rem;
font-weight: 600;
gap: .25rem;
letter-spacing: -.025em
}
.footerLogo_neHz:hover,
.logo_gez6:hover {
opacity: .8
}
.logoImg_WnXZ {
display: block;
height: 1.55rem;
width: auto
}
.logoIcon_yxgs {
align-items: center;
background: var(--nav-primary);
border-radius: .5rem;
color: #fff;
display: flex;
font-size: .75rem;
height: 1.75rem;
justify-content: center;
width: 1.75rem
}
.logo_gez6:hover .logoIcon_yxgs,
.mobileGetStartedBtn_LEfY:hover {
background: var(--nav-primary-hover);
transform: translateY(-1px)
}
.logoText_FGLK {
color: var(--nav-text-primary);
font-size: 1.7rem;
font-weight: 800;
line-height: 2rem
}
.navLinks_ioMu {
align-items: center;
display: none;
flex: 1;
gap: 1.5rem;
justify-content: center
}
.navLink_E51T {
border-radius: 9999px;
color: var(--nav-text-secondary) !important;
font-size: .875rem;
font-weight: 600;
padding: .4rem .75rem
}
.getStartedBtn_Z62W,
.navCtaBtn_qm7i,
.signInLink_WoC4 {
border-radius: .5rem;
font-size: .875rem
}
.navLink_E51T:hover {
background: #f3f4f6;
color: var(--nav-text-primary) !important
}
.navActions_sDQx {
align-items: center;
display: flex;
flex-shrink: 0;
gap: .75rem
}
.navCtaBtn_qm7i {
align-items: center;
background: #338ff1;
color: #fff !important;
display: none;
font-weight: 600;
gap: .5rem;
justify-content: center;
padding: .5rem 1.1rem;
-webkit-text-decoration: none;
text-decoration: none;
transition: background .2s, transform .2s;
white-space: nowrap;
width: 7.5rem
}
.footerLogo_neHz,
.nav-dropdown-item_tZZ0 {
-webkit-text-decoration: none !important;
text-decoration: none !important
}
.getStartedBtn_Z62W,
.mobileMenuBtn_t4Oy,
.signInLink_WoC4 {
transition: var(--nav-transition)
}
.navCtaBtn_qm7i:hover {
background: #2176d8;
transform: translateY(-1px)
}
.signInLink_WoC4 {
color: var(--nav-text-secondary);
font-weight: 500;
padding: .5rem .75rem
}
.mobileNavLink_L0dv:hover,
.mobileSignInLink_GiW5:hover,
.nav-dropdown-item_tZZ0:hover,
.nav-locale-active_LAsp,
.nav-locale-dropdown-item_zRov:hover,
.signInLink_WoC4:hover {
background: var(--nav-bg-hover);
color: var(--nav-text-primary)
}
.getStartedBtn_Z62W {
background: var(--nav-primary);
box-shadow: 0 1px 2px #0000000d;
color: #fff !important;
font-weight: 600;
padding: .5rem 1rem
}
.getStartedBtn_Z62W:hover {
background: var(--nav-primary-hover);
box-shadow: 0 4px 8px #0000001a;
transform: translateY(-1px)
}
.mobileMenuBtn_t4Oy {
align-items: center;
background: var(--nav-bg-hover);
border: 1px solid var(--nav-border);
border-radius: .5rem;
color: var(--nav-text-primary);
cursor: pointer;
display: flex;
height: 2.5rem;
justify-content: center;
padding: .5rem;
width: 2.5rem
}
.mobileNavLink_L0dv,
.mobileSignInLink_GiW5 {
color: var(--nav-text-secondary);
font-weight: 500;
border-radius: .5rem;
font-size: 1rem
}
.mobileMenuBtn_t4Oy:hover {
background: var(--nav-border);
transform: translateY(-1px)
}
.mobileMenuBtn_t4Oy i {
font-size: 1rem;
transition: transform .3s
}
.mobileMenuBtn_t4Oy:active i {
transform: scale(.95)
}
.mobileOverlay_eR72 {
animation: .2s c;
background: #0000004d;
display: none;
inset: 0;
position: fixed;
z-index: 1000
}
.mobileMenu_sHy5 {
background: #fff;
bottom: 0;
left: 0;
overflow-y: auto;
position: fixed;
right: 0;
top: 4rem;
transform: translateX(-100%);
transition: transform .3s cubic-bezier(.4, 0, .2, 1);
z-index: 999;
-webkit-overflow-scrolling: touch
}
.mobileGetStartedBtn_LEfY,
.mobileNavLink_L0dv,
.mobileSignInLink_GiW5,
.nav-locale-dropdown-btn_Yerd {
transition: var(--nav-transition)
}
.mobileMenu_sHy5.mobileMenuOpen_tdhT {
transform: translateX(0)
}
.mobileMenuContent_D2bF {
display: flex;
flex-direction: column;
gap: 1rem;
min-height: calc(100vh - 4rem);
padding: 1.5rem
}
.mobileNavLinks_qWCY {
display: flex;
flex-direction: column;
gap: .25rem
}
.mobileNavLink_L0dv {
padding: .75rem 1rem
}
.mobileMenuDivider_hHZ9 {
background: var(--nav-border);
height: 1px;
margin: .5rem 0
}
.mobileLocaleSection_bCgh,
.mobileLocaleSwitcher_BOrH {
padding: .5rem 0
}
.mobileSignInLink_GiW5 {
padding: .75rem 1rem;
text-align: center
}
.mobileGetStartedBtn_LEfY {
background: var(--nav-primary);
border-radius: .5rem;
color: #fff !important;
font-size: 1rem;
font-weight: 600;
margin-top: .5rem;
padding: .875rem 1rem;
text-align: center
}
.mobileMenuContent_D2bF>* {
animation: .3s forwards a;
opacity: 0
}
.mobileMenuContent_D2bF>:first-child {
animation-delay: .05s
}
.delay100_dKes,
.delay100_x9Wn,
.mobileMenuContent_D2bF>:nth-child(2) {
animation-delay: .1s
}
.mobileMenuContent_D2bF>:nth-child(3) {
animation-delay: .15s
}
.delay200_PCRl,
.delay200_QyzI,
.mobileMenuContent_D2bF>:nth-child(4) {
animation-delay: .2s
}
.nav-dropdown-menu_QcUX,
.nav-locale-dropdown-menu_WYxE {
animation: .2s b;
box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
z-index: 1001
}
.mobileMenuContent_D2bF>:nth-child(5) {
animation-delay: .25s
}
@keyframes a {
0% {
opacity: 0;
transform: translateX(-20px)
}
to {
opacity: 1;
transform: translateX(0)
}
}
a:focus-visible,
button:focus-visible {
outline: 2px solid var(--nav-primary);
outline-offset: 2px
}
.nav-locale-dropdown_yKK7 {
display: inline-block;
position: relative
}
.nav-locale-dropdown-btn_Yerd {
align-items: center;
background: #0000;
border: none;
border-radius: 9999px;
color: var(--nav-text-secondary);
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 600;
gap: .35rem;
padding: .55rem .75rem;
white-space: nowrap;
width: auto
}
.nav-dropdown-btn-open_bfBb,
.nav-dropdown-btn_wxz6:hover,
.nav-locale-dropdown-btn-open_X062,
.nav-locale-dropdown-btn_Yerd:hover {
background: #f3f4f6;
color: var(--nav-text-primary)
}
.nav-locale-dropdown-item_zRov,
.nav-locale-icon_o3ZH {
color: var(--nav-text-secondary);
transition: var(--nav-transition)
}
.nav-locale-icon_o3ZH {
flex-shrink: 0
}
.nav-dropdown-item_tZZ0:hover .nav-dropdown-icon_wEqr,
.nav-locale-dropdown-btn_Yerd:hover .nav-locale-icon_o3ZH {
color: var(--nav-text-primary)
}
.footerBottom_nS2f p,
.localeDropdownBtn_kWg6 i:first-child,
.nav-locale-label_yXex,
.previewContent_aklc {
font-size: .875rem
}
.nav-locale-check_MFwg {
flex-shrink: 0;
margin-left: auto
}
.nav-locale-dropdown-menu_WYxE {
background: #fff;
border: 1px solid var(--nav-border);
border-radius: .5rem;
list-style: none;
margin: 0;
min-width: 12rem;
opacity: 0;
padding: .375rem;
pointer-events: none;
position: absolute;
right: 0;
top: calc(100% + .5rem);
transform: translateY(6px);
transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
visibility: hidden
}
.nav-locale-dropdown_yKK7:focus-within .nav-locale-dropdown-menu_WYxE,
.nav-locale-dropdown_yKK7:hover .nav-locale-dropdown-menu_WYxE {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
visibility: visible;
z-index: 1002
}
.nav-locale-dropdown_yKK7:focus-within .nav-locale-chevron_STATIC,
.nav-locale-dropdown_yKK7:hover .nav-locale-chevron_STATIC {
transform: rotate(180deg)
}
.nav-locale-dropdown-item_zRov {
align-items: center;
background: none;
border: none;
border-radius: .375rem;
cursor: pointer;
display: flex;
font-size: .9375rem;
gap: .75rem;
justify-content: space-between;
padding: .625rem 1rem;
text-align: left;
width: 100%
}
.nav-locale-active_LAsp {
border-radius: .375rem;
font-weight: 500
}
.nav-dropdown_OILO {
align-items: center;
display: inline-flex;
position: relative
}
.nav-dropdown-btn_wxz6,
.nav-dropdown-item_tZZ0 {
align-items: center;
color: var(--nav-text-secondary)
}
.nav-dropdown-btn_wxz6 {
background: #0000;
border: none;
border-radius: 9999px;
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 600;
gap: .375rem;
padding: .55rem .75rem;
transition: var(--nav-transition)
}
.nav-dropdown-chevron_P_lT {
font-size: .625rem;
transition: transform .3s
}
.creditTierButton_iSET i.rotated_s5EK,
.localeDropdownBtn_kWg6 .rotated_s5EK,
.nav-dropdown-chevron-rotated_MNNp {
transform: rotate(180deg)
}
.badge_G6pd:hover,
.footerLogo_neHz:hover .logoIcon_G07n {
transform: translateY(-1px)
}
.nav-dropdown-menu_QcUX {
background: #fff;
border: 1px solid var(--nav-border);
border-radius: .5rem;
left: 0;
min-width: 16rem;
opacity: 0;
padding: .375rem;
pointer-events: none;
position: absolute;
top: calc(100% + .25rem);
transform: translateY(6px);
transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
visibility: hidden;
white-space: nowrap
}
.nav-dropdown_OILO:focus-within .nav-dropdown-menu_QcUX,
.nav-dropdown_OILO:hover .nav-dropdown-menu_QcUX {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
visibility: visible;
z-index: 1000
}
.nav-dropdown_OILO:focus-within .nav-dropdown-chevron_P_lT,
.nav-dropdown_OILO:hover .nav-dropdown-chevron_P_lT {
transform: rotate(180deg)
}
.nav-dropdown-menu_QcUX:before {
content: "";
height: .375rem;
left: 0;
position: absolute;
right: 0;
top: -.375rem
}
@keyframes b {
0% {
opacity: 0;
transform: translateY(-10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.nav-dropdown-item_tZZ0 {
border-radius: .5rem;
display: flex;
font-size: .875rem;
font-weight: 500;
gap: .875rem;
padding: .625rem .75rem;
transition: var(--nav-transition)
}
.nav-dropdown-icon-wrapper_KaYx {
align-items: center;
background: #f3f4f6;
border-radius: .5rem;
display: flex;
flex-shrink: 0;
height: 2.5rem;
justify-content: center;
transition: var(--nav-transition);
width: 2.5rem
}
.creditTierButton_iSET:hover,
.creditTierOptionSelected_e8oF:hover,
.nav-dropdown-item_tZZ0:hover .nav-dropdown-icon-wrapper_KaYx {
background: #e9eaec
}
.nav-dropdown-item-content__U6C {
display: flex;
flex: 1;
flex-direction: column;
gap: .2rem
}
.nav-dropdown-item-label_rMk7 {
color: var(--nav-text-primary);
font-size: .9375rem;
font-weight: 600
}
.nav-dropdown-item-description_hRzY {
color: var(--nav-text-muted);
font-size: .8125rem;
font-weight: 400;
line-height: 1.4
}
.nav-dropdown-icon_wEqr {
color: var(--nav-text-secondary);
flex-shrink: 0;
height: 1.125rem;
transition: var(--nav-transition);
width: 1.125rem
}
.footer_d1NW {
border-top: 1px solid var(--color-border, #f3f5f6);
margin-top: auto;
padding: 3rem 0 2rem
}
.container_CsFx,
.container_bfhl,
.container_itdW,
.container_sibt {
margin: 0 auto;
max-width: 1280px;
padding: 0 1.5rem
}
.footerTop_bJtu {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: space-between;
margin-bottom: 1rem
}
.footerBrand_Il5p {
flex: 1;
min-width: 250px
}
.footerBrandRow_o9pu,
.testimonialAuthor_Agkw {
align-items: center;
display: flex;
gap: .75rem
}
.brandSeparator_ItbD {
background: var(--color-border, #e5e5e5);
display: inline-block;
flex-shrink: 0;
height: 1.25rem;
width: 1px
}
.logoImg_HKcZ {
display: block;
height: 1.5rem;
width: auto
}
.footerLogo_neHz {
align-items: center;
color: var(--color-text, #1a1a1a);
display: inline-flex;
font-size: 1.125rem;
font-weight: 600;
gap: .25rem;
letter-spacing: -.025em;
margin-bottom: 0;
transition: opacity .2s
}
.logoIcon_G07n {
align-items: center;
background: var(--color-text, #1a1a1a);
border-radius: .5rem;
color: #fff;
display: flex;
font-size: .875rem;
font-weight: 700;
height: 1.75rem;
justify-content: center;
transition: .2s;
width: 1.75rem
}
.logoText_HaJw {
color: var(--color-text, #1a1a1a);
font-size: 1.65rem;
font-weight: 800
}
.footerDescription_RsrH {
color: var(--color-text-secondary, #6b7280);
font-size: .9rem;
line-height: 1.6;
margin: 0
}
.contactEmail_gRoJ,
.footerLink_QdgT {
color: var(--color-text-muted, #9ca3af) !important;
-webkit-text-decoration: none;
text-decoration: none;
transition: color .2s
}
.contactEmail_gRoJ {
font-size: .9rem;
gap: .5rem
}
.contactEmail_gRoJ:hover {
color: var(--color-primary, #009191)
}
.badgeEmoji_sWzu,
.contactEmail_gRoJ i,
.tabButton_MyRt i {
font-size: 1rem
}
.footerLinks_aUmh {
align-items: center;
display: flex;
gap: 1rem
}
.footerLink_QdgT {
font-size: .8rem
}
.footerLink_QdgT:hover {
color: var(--color-text, #1a1a1a)
}
.separator_CbFf {
color: var(--color-border, #e5e5e5);
-webkit-user-select: none;
user-select: none
}
.footerContactInfo_Xk9m {
border-top: 1px solid var(--color-border, #f3f5f6);
border-bottom: 1px solid var(--color-border, #f3f5f6);
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
padding: 1.5rem 0;
margin: 1rem 0
}
.footerContactItem_Yk3p {
display: flex;
align-items: flex-start;
gap: .75rem
}
.footerContactItem_Yk3p i {
color: var(--color-primary, #009191);
font-size: 1rem;
margin-top: .2rem;
flex-shrink: 0
}
.footerContactLabel_Zm2q {
color: var(--color-text, #1a1a1a);
font-size: .8rem;
font-weight: 600;
margin: 0 0 .25rem
}
.footerContactValue_Wn4r {
color: var(--color-text-secondary, #6b7280);
font-size: .85rem;
line-height: 1.5;
margin: 0
}
.footerContactValue_Wn4r a {
color: var(--color-text-secondary, #6b7280);
text-decoration: none;
transition: color .2s
}
.footerContactValue_Wn4r a:hover {
color: var(--color-primary, #009191)
}
.footerBottom_NPhe {
align-items: center;
display: flex;
justify-content: space-between;
padding: 0
}
.copyright_MPEc {
color: var(--color-text-muted, #9ca3af);
font-size: .875rem;
margin: 0
}
.badge_G6pd,
.dialogClose_rNxH {
transition: .2s;
cursor: pointer
}
.featuresSection_IhUI {
padding: 2rem 0 4rem;
position: relative;
z-index: 1
}
.featuresSectionTitle_afEB {
color: var(--color-text);
font-size: 2.5rem;
font-weight: 700;
letter-spacing: -.02em;
margin-bottom: 2.5rem;
text-align: center
}
.featuresGrid_bl8R {
display: grid;
gap: 2rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin: 0 auto;
max-width: 1200px
}
.featureCard_Jtzg {
background: #f2f2f2;
border-radius: var(--radius-xl);
padding: 2.5rem 2rem
}
.featureIconWrapper_cTWl {
align-items: center;
background: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
color: var(--color-text);
display: flex;
height: 56px;
justify-content: center;
margin-bottom: 1.5rem;
width: 56px
}
.featureCardTitle_ewv8 {
color: var(--color-text);
display: -webkit-box;
font-size: 1.375rem;
font-weight: 600;
-webkit-line-clamp: 2;
line-height: 1.3;
margin-bottom: 1rem;
min-height: 3.6rem;
-webkit-box-orient: vertical
}
.featureCardDescription_oddw {
color: var(--color-text-secondary);
font-size: 1rem;
line-height: 1.7;
margin: 0
}
.aibndPage_yLhA,
.badge_G6pd {
--color-text: #1a1a1a;
--color-text-secondary: #6b7280;
--color-border: #e5e5e5
}
.badge_G6pd {
--color-secondary-bg: #fafafa;
--shadow-sm: 0 1px 2px 0 #0000000d;
--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
--radius-md: 0.75rem;
--radius-lg: 1rem;
--radius-xl: 1.25rem;
--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
align-items: center;
animation: .8s ease-out forwards g;
background: #f5f5f5;
border: 1px solid var(--color-border);
border-radius: 9999px;
color: var(--color-text);
display: inline-flex;
font-family: var(--font-family);
font-size: .875rem;
gap: .5rem;
margin-bottom: 2.5rem;
opacity: 0;
padding: .5rem 1rem
}
.featureTitle_h2WT,
.howWorksStepTitle_PeHT {
font-family: LibreBaskerville, Georgia, Cambria, ui-serif, Times New Roman, Times, serif
}
.badge_G6pd:hover {
background: #ebebeb;
border-color: var(--color-text);
box-shadow: var(--shadow-sm)
}
.badgeText_GWmQ,
.billingToggleBtnActive_F2V7 .billingToggleSavings_CCXf,
.billingToggleBtnActive_F2V7 .billingToggleSeparator_YI8b,
.savingsInfo_wojh {
color: var(--color-text-secondary)
}
.badgeAction_gpkm {
color: var(--color-text);
font-weight: 500
}
@keyframes c {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.dialogOverlay_sxaG {
align-items: center;
animation: .2s ease-out c;
background: #0000004d;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
padding: 1.5rem;
position: fixed;
right: 0;
top: 0;
z-index: 999
}
.dialogContent_k9Jm {
animation: .3s ease-out g;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: #fffffff2;
border: 1px solid #0000000d;
border-radius: var(--radius-xl);
box-shadow: var(--shadow-lg);
max-width: 600px;
padding: 2.5rem;
position: relative;
width: 100%
}
.dialogClose_rNxH {
align-items: center;
background: #0000;
border: none;
color: var(--color-text-secondary);
display: flex;
font-size: 1.25rem;
height: 2rem;
justify-content: center;
position: absolute;
right: 1.5rem;
top: 1.5rem;
width: 2rem
}
.dialogClose_rNxH:hover {
background: #0000000d;
border-radius: var(--radius-md);
color: var(--color-text)
}
.dialogTitle_GUED {
color: var(--color-text);
font-size: 1.875rem;
font-weight: 700;
letter-spacing: -.025em;
margin-bottom: 1.5rem;
text-align: center
}
.dialogDescription_LXky,
.dialogHowToJoin_PObJ {
margin-bottom: 2rem;
text-align: center
}
.dialogDescription_LXky {
display: flex;
flex-direction: column;
gap: .75rem
}
.dialogDescription_LXky p {
color: var(--color-text-secondary);
font-size: 1rem;
line-height: 1.5;
margin: 0
}
.dialogHowToJoin_PObJ h3 {
color: var(--color-text);
font-size: 1.25rem;
font-weight: 600;
margin-bottom: .5rem;
margin-top: 0
}
.dialogHowToJoin_PObJ p {
color: var(--color-text-secondary);
font-size: .95rem;
margin: 0
}
.dialogButtons_rD8x {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center
}
.discordBtn_avm_,
.wechatBtn_mojz {
align-items: center;
border: none;
border-radius: var(--radius-lg);
cursor: pointer;
display: inline-flex;
font-size: 1rem;
font-weight: 600;
gap: .75rem;
justify-content: center;
min-height: 2.75rem;
padding: .75rem 1.75rem;
-webkit-text-decoration: none;
text-decoration: none;
transition: .3s;
white-space: nowrap
}
.discordBtn_avm_ {
background: linear-gradient(135deg, #5a9fc8, #4da8bc);
box-shadow: 0 4px 14px #5a9fc840;
color: #fff
}
.discordBtn_avm_:hover {
background: linear-gradient(135deg, #4d92ba, #3d9db1);
box-shadow: 0 6px 20px #5a9fc859;
transform: translateY(-2px)
}
.wechatBtn_mojz {
background: #fff;
border: 1px solid var(--color-border);
box-shadow: var(--shadow-md);
color: var(--color-text)
}
.wechatBtn_mojz:hover {
background: var(--color-secondary-bg);
border-color: var(--color-text-secondary);
box-shadow: var(--shadow-lg);
transform: translateY(-2px)
}
.gradientText_FlQM {
background: linear-gradient(90deg, #55b3ca, #6dcce0);
-webkit-background-clip: text;
background-clip: text;
color: #0000
}
.navLink_aQaq:hover,
.normalText_rDca,
.signInLink_T0pK:hover,
.viewAllLink_NUd6:hover {
color: var(--color-text)
}
.heroHeadline_X1Nu {
font-size: 3rem;
font-weight: 700;
letter-spacing: -.03em;
line-height: 1.1;
margin-bottom: 1.5rem
}
.line1Wrapper_Kpgf {
position: relative
}
.visibilityHidden_Ye76 {
visibility: hidden
}
.absoluteOverlay_ldpU {
inset: 0;
position: absolute
}
.line1Cursor_mOjd,
.line2Cursor_JjdF {
background-color: var(--color-text-muted, #64748b);
display: inline-block;
height: .9em;
margin-left: 3px;
transition: opacity .1s;
vertical-align: middle;
width: 3px
}
.line2Wrapper_FNXB {
font-weight: 700;
margin-top: .125rem;
position: relative
}
.line2Transition_WdUz {
transition: opacity .3s
}
.btn_PlyW,
.btn_TZHt,
.btn_bvfa {
transition: .2s;
cursor: pointer;
-webkit-text-decoration: none;
text-decoration: none
}
.line2Hidden_SI3R {
opacity: 0
}
.line2Visible_jJhH {
opacity: 1
}
.ghostText_eKNT {
color: var(--color-text-muted, #64748b)
}
.gradientText2_x3YO {
background: linear-gradient(90deg, #6dcce0, #84e0d4, #fed398);
-webkit-background-clip: text;
background-clip: text;
color: #0000
}
.hero_aEcG,
.hero_hqux {
align-items: center;
display: flex;
min-height: 100vh;
overflow: hidden;
padding-top: 4rem;
position: relative;
z-index: 1
}
.heroContent_de7N,
.heroContent_mKPX {
margin: 0 auto;
max-width: 64rem;
padding: 3rem 1.5rem;
position: relative;
text-align: center;
z-index: 10
}
.heroTitle_tp2i {
color: var(--color-text);
line-height: inherit;
margin: 0
}
.heroSubtitle_eaYF {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0
}
.heroDescription_HHSt {
color: var(--color-text-secondary);
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
margin-bottom: 2.5rem;
margin-left: auto;
margin-right: auto;
max-width: 42rem
}
.heroTrust_iwI3 {
color: var(--color-text-muted, #64748b);
font-size: .875rem;
margin: 0 0 -4rem;
text-align: center;
width: 100%
}
.heroStats_Irqs {
display: flex;
flex-wrap: wrap;
gap: 3rem;
justify-content: center;
margin-top: 3rem;
padding-top: 1.5rem
}
.statItem_VIVD {
min-width: 120px;
text-align: center
}
.statNumber_Yb3f {
color: var(--color-text, #020817);
font-size: 2rem;
font-weight: 700;
line-height: 1;
margin-bottom: .5rem
}
.statLabel_Gxjt {
color: var(--color-text-secondary, #64748b);
font-size: .875rem;
line-height: 1.4
}
.heroCta_LjkU {
display: flex;
flex-wrap: wrap;
gap: 1rem
}
.btn_TZHt,
.heroCta_LjkU {
align-items: center;
justify-content: center
}
.btn_TZHt {
border: none;
border-radius: .75rem;
display: inline-flex;
font-size: 1rem;
font-weight: 600;
gap: .5rem;
padding: 1rem 2rem
}
.btnPrimary__yr4 {
background: var(--color-accent);
color: #fff !important
}
.btnPrimary__yr4:hover {
background: var(--color-accent-hover);
box-shadow: 0 10px 30px #6366f14d;
transform: translateY(-1px)
}
.btnSecondary_BIyE {
background: #fff;
border: 1px solid var(--color-border);
color: var(--color-text) !important
}
.btnSecondary_BIyE:hover {
background: var(--color-bg-alt);
border-color: var(--color-text);
transform: translateY(-1px)
}
.fadeInUp_eE0T {
animation: .8s ease-out forwards d;
opacity: 0
}
@keyframes d {
0% {
opacity: 0;
transform: translateY(30px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.delay300_cB6o,
.delay300_pFuh {
animation-delay: .3s
}
.delay400_Cj_m,
.delay400_sVBX {
animation-delay: .4s
}
.delay500_fdJt {
animation-delay: .5s
}
.howWorksSection_ZC0A {
margin-top: 6rem
}
.sectionTitle_m9fQ {
color: var(--color-text);
font-size: 2.25rem;
font-weight: 700;
letter-spacing: -.02em;
margin-bottom: 1rem;
text-align: center
}
.featureRow_iLaE {
align-items: center;
display: grid;
gap: 2.5rem;
grid-template-columns: 1fr;
padding: 4rem 0
}
.featureText_ldvH {
display: flex;
flex-direction: column;
gap: 1.25rem
}
.featureLabel_iUt3 {
align-items: center;
color: #00b4d8;
display: inline-flex;
font-size: .8125rem;
font-weight: 600;
gap: .5rem;
letter-spacing: .06em;
text-transform: uppercase
}
.featureTitle_h2WT,
.sectionTitle_ktJi {
font-weight: 700;
letter-spacing: -.02em
}
.featureLabelIcon_bwCq {
align-items: center;
color: #00b4d8;
display: flex
}
.featureTitleRow_e8xq {
align-items: center;
display: flex;
gap: .75rem;
margin-bottom: 1rem
}
.featureIcon_cb2E,
.howWorksStepIcon_bQxN {
align-items: center;
background: linear-gradient(135deg, #00b4d8, #0077b6);
border-radius: .5rem;
color: #fff;
display: flex;
flex-shrink: 0;
height: 2.5rem;
justify-content: center;
width: 2.5rem
}
.featureTitle_h2WT {
color: var(--color-text);
font-size: 1.875rem;
line-height: 1.2;
margin: 0
}
.featureDesc_EVvO {
color: var(--color-text-secondary);
font-size: 1rem;
line-height: 1.75;
margin: 0
}
.featureList_vPBi,
.howWorksStepList_PuxI {
display: flex;
flex-direction: column;
gap: .75rem;
list-style: none;
margin: 0;
padding: 0
}
.featureList_vPBi li {
color: var(--color-text);
font-size: .9375rem;
line-height: 1.6;
padding-left: 1.75rem;
position: relative
}
.featureList_vPBi li:before {
color: #10b981;
content: "✓";
font-weight: 700;
left: 0;
position: absolute
}
.featureImage_p00r {
border-radius: .875rem;
overflow: hidden;
width: 100%
}
.featureImage_p00r img {
display: block;
height: auto;
width: 100%
}
.howWorksSection_jx2g {
padding: 2rem 0 0;
position: relative;
z-index: 1
}
.sectionTitle_ktJi {
color: var(--color-text);
font-size: 2.5rem;
margin-bottom: 1rem;
text-align: center
}
.howWorksCard_jrPz {
border-radius: 1.5rem;
margin-bottom: -2rem;
margin-top: 1rem;
min-height: 520px;
overflow: hidden;
position: relative
}
.howWorksCard_jrPz:before {
content: "";
inset: 0;
pointer-events: none;
position: absolute;
z-index: 1
}
.howWorksSteps_KDuO {
background: #0000;
display: flex;
flex-direction: column;
gap: 1.5rem;
padding: 2rem 1.25rem 1.5rem;
position: relative;
z-index: 2
}
.howWorksIntro_ulrP {
border-radius: .75rem;
display: flex;
flex: 1;
flex-direction: column;
gap: 1.25rem;
justify-content: flex-start;
padding: 2rem
}
.howWorksIntroTitle_JCUJ {
color: var(--color-accent);
font-size: .875rem;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.6;
margin: 0;
text-transform: uppercase
}
.howWorksIntroSubtitle_z51B {
color: var(--color-text);
font-size: 1.75rem;
font-weight: 700;
line-height: 1.2;
margin: 0
}
.howWorksIntroDesc_kSv6 {
color: var(--color-text-secondary);
flex-grow: 1;
font-size: .875rem;
line-height: 1.6;
margin: 0
}
.howWorksStep_Iv0F {
border-radius: .75rem;
display: flex;
flex: 1;
flex-direction: column;
padding: 2rem 1.5rem
}
.howWorksStepTitle_PeHT {
align-items: center;
color: var(--color-text);
display: flex;
font-size: 1.25rem;
font-weight: 600;
gap: .5rem;
margin: 0 0 1rem
}
.howWorksStepList_PuxI li {
color: var(--color-text-secondary);
font-size: .8125rem;
line-height: 1.5;
padding-left: 1.5rem;
position: relative
}
.howWorksStepList_PuxI li:before {
color: #10b981;
content: "•";
font-size: 1.125rem;
font-weight: 400;
left: .5rem;
position: absolute
}
.howWorksImage_FiBc {
bottom: 0;
height: 55%;
left: 0;
-webkit-mask-image: linear-gradient(180deg, #0000 0, #000 30%);
mask-image: linear-gradient(180deg, #0000 0, #000 30%);
position: absolute;
right: 0;
z-index: 0
}
.howWorksImage_FiBc img {
display: block;
height: 100%;
object-fit: contain;
object-position: bottom center;
width: 100%
}
.btn_PlyW,
.btn_bvfa {
align-items: center;
border: none;
border-radius: .75rem;
display: inline-flex;
font-size: 1rem;
font-weight: 600;
gap: .5rem;
justify-content: center;
padding: 1rem 2rem
}
.btnOutlineAccent_gDyl {
background: #0000;
border: 2px solid var(--color-accent);
color: var(--color-accent) !important;
font-size: .9375rem;
padding: .875rem 1.75rem
}
.btnOutlineAccent_gDyl:hover {
background: var(--color-accent);
color: #fff !important;
transform: translateY(-1px)
}
.sidebar_brwN {
max-height: calc(100vh - var(--ifm-navbar-height) - 2rem);
overflow-y: auto;
position: sticky;
top: calc(var(--ifm-navbar-height) + 2rem)
}
.sidebarItemTitle_r4Q1 {
font-size: var(--ifm-h3-font-size);
font-weight: var(--ifm-font-weight-bold)
}
.container_iJTo,
.sidebarItemList_QwSx {
font-size: .9rem
}
.sidebarItem_lnhn {
margin-top: .7rem
}
.sidebarItemLink_yNGZ {
color: var(--ifm-font-color-base);
display: block
}
.active_Iih0,
.root_EnNy,
.root_EnNy:hover,
.sidebarItemLink_yNGZ:hover {
-webkit-text-decoration: none;
text-decoration: none
}
.sidebarItemLinkActive_oSRm {
color: var(--ifm-color-primary) !important
}
.title_xvU1 {
font-size: 3rem
}
.faqSection_aenu {
background: var(--color-bg-alt);
padding: 5rem 0
}
.container_idcN {
margin: 0 auto;
max-width: 80rem;
padding: 0 1.5rem
}
.faqTitle_G8ZM {
color: var(--color-text);
font-size: 2.5rem;
font-weight: 700;
letter-spacing: -.025em;
margin: 0 auto 2rem;
max-width: 56rem;
text-align: left
}
.faqAccordion_fJ38 {
margin: 0 auto;
max-width: 56rem
}
.faqAccordionItem_PM1P {
border-top: 1px solid var(--color-border-light)
}
.faqAccordionItem_PM1P:last-child,
.productItem_Hezj {
border-bottom: 1px solid var(--color-border-light)
}
.faqAccordionBtn_o6DK {
align-items: center;
background: none;
border: none;
cursor: pointer;
display: flex;
gap: 1rem;
justify-content: space-between;
padding: 1.25rem 0;
text-align: left;
width: 100%
}
.faqAccordionQuestion_Pil_ {
color: var(--color-text);
font-size: 1rem;
font-weight: 600;
line-height: 1.5
}
.faqToggleIcon_wSjw {
align-items: center;
color: var(--color-text);
display: inline-flex;
flex-shrink: 0;
font-size: 1.5rem;
font-weight: 300;
height: 1.5rem;
justify-content: center;
line-height: 1;
transform-origin: center;
transition: transform .3s;
-webkit-user-select: none;
user-select: none;
width: 1.5rem
}
.faqToggleIconOpen_xx2u,
.productItem_Hezj[open] .productChevron_R7KL {
transform: rotate(45deg)
}
.faqAccordionAnswer_zlpp {
max-height: 0;
overflow: hidden;
padding-bottom: 0;
transition: max-height .35s, padding .35s
}
.faqAccordionAnswerOpen_GKfu {
max-height: 20rem;
padding-bottom: 1.25rem
}
.faqAnswer_fClb {
color: var(--color-text-secondary);
font-size: .9375rem;
line-height: 1.625;
margin: 0
}
.aibndPage_yLhA,
.pricingPage_aaFU {
--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
--font-mono: "SF Mono", "Fira Code", "Monaco", monospace;
--shadow-sm: 0 1px 2px 0 #0000000d;
--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
--shadow-glass: 0 4px 20px #0000000a;
font-family: var(--font-family);
line-height: 1.5;
overflow-x: hidden;
padding: 0
}
.aibndPage_yLhA {
--color-bg: #fff;
--color-bg-alt: #f9fafb;
--color-text-muted: #9ca3af;
--color-border-light: #d2d2d2;
--color-primary: #009191;
--color-primary-hover: #007a7a;
--color-accent: #009191;
--color-accent-hover: #007a7a;
--color-jina-blue: #00b4d8;
--color-jina-dark: #0077b6;
--color-jina-light: #90e0ef;
--radius-sm: 0.5rem;
--radius-md: 0.75rem;
--radius-lg: 1rem;
--radius-xl: 1.25rem;
--radius-full: 9999px;
background-color: var(--color-bg);
color: var(--color-text);
margin: calc(-5.5rem - 20px) 0 0;
position: relative
}
.aibndPage_yLhA *,
.pricingPage_aaFU * {
box-sizing: border-box
}
.aibndPage_yLhA a,
.pricingPage_aaFU a {
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
transition: color .2s
}
.gridBackground_nYPe {
background-image: linear-gradient(#c8c8c80d 1px, #0000 0), linear-gradient(90deg, #c8c8c80d 1px, #0000 0);
background-size: 48px 48px
}
.blobsContainer_Kp6Z,
.gridBackground_nYPe {
inset: 0;
pointer-events: none;
position: fixed;
z-index: 0
}
.blobsContainer_Kp6Z,
.productAccordion_Pze2 {
overflow: hidden
}
.blob_Ahcn {
animation: 20s ease-in-out infinite e;
border-radius: 50%;
filter: blur(120px);
opacity: .5;
position: absolute
}
.blob1_ft1C {
background: radial-gradient(circle, #00b4d859, #90e0ef26);
height: 600px;
opacity: .6;
right: 5%;
top: 2%;
width: 600px
}
.blob2_wSX9 {
animation-direction: reverse;
animation-duration: 25s;
background: radial-gradient(circle, #0091914d, #00b4d826);
height: 500px;
left: -5%;
opacity: .45;
top: 30%;
width: 500px
}
.blob3_uY1Q {
animation-duration: 30s;
background: radial-gradient(circle, #0077b640, #90e0ef1a);
height: 700px;
opacity: .4;
right: 15%;
top: 55%;
width: 700px
}
@keyframes e {
0%,
to {
transform: translate(0) scale(1)
}
25% {
transform: translate(30px, -20px) scale(1.02)
}
50% {
transform: translate(-20px, 30px) scale(.98)
}
75% {
transform: translate(20px, 20px) scale(1.01)
}
}
.pricingPage_aaFU {
--color-bg: #fff;
--color-bg-alt: #f9fafb;
--color-text: #1a1a1a;
--color-text-secondary: #6b7280;
--color-text-muted: #9ca3af;
--color-border: #e5e5e5;
--color-border-light: #d2d2d2;
--color-primary: #1a1a1a;
--color-primary-hover: #333;
--color-secondary-bg: #fafafa;
--radius-sm: 0.5rem;
--radius-md: 0.75rem;
--radius-lg: 1rem;
--radius-xl: 1.25rem;
--radius-full: 9999px;
background-color: var(--color-bg);
color: var(--color-text);
margin: calc(-5.5rem - 30px) 0 0;
position: relative
}
.navbar_Zq8_ {
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: #ffffffd9;
border-bottom: 1px solid #0000000d;
left: 0;
position: fixed;
right: 0;
top: 0;
transition: .3s;
z-index: 50
}
.aiDemoSection_WgvP,
.applianceSection_hDYI,
.communitySection_a2u4,
.featuresSection_Y0uK,
.footer_odxa {
backdrop-filter: blur(2px)
}
.getStartedBtn_NZ39,
.logoIcon_B_fC {
background: var(--color-primary);
border-radius: .5rem
}
.navContent_JOR3 {
height: 4rem;
justify-content: space-between
}
.logo_Ukns {
color: var(--color-text);
font-size: 1.125rem;
font-weight: 600;
gap: .5rem;
letter-spacing: -.025em
}
.logoIcon_B_fC {
align-items: center;
color: #fff;
display: flex;
font-size: .75rem;
height: 1.75rem;
justify-content: center;
width: 1.75rem
}
.navLink_aQaq,
.signInLink_T0pK {
color: var(--color-text-secondary)
}
.logoText_lB6d {
font-family: LibreBaskerville, Georgia, Cambria, ui-serif, Times New Roman, Times, serif;
font-size: x-large;
font-weight: 800
}
.getStartedBtn_NZ39,
.mobileMenuCta_oUOv,
.navLink_aQaq,
.signInLink_T0pK {
font-size: .875rem;
font-weight: 500
}
.navLinks_FO3Z {
display: none
}
.navLink_aQaq {
transition: color .2s
}
.navActions_kcwM {
align-items: center;
display: none;
gap: .75rem
}
.getStartedBtn_NZ39 {
color: #fff !important;
padding: .5rem 1rem;
transition: .2s
}
.btnCommunity_mBaD:hover,
.btnSecondary_mRVh:hover,
.getStartedBtn_NZ39:hover {
background: var(--color-primary-hover);
transform: translateY(-1px)
}
.mobileMenuBtn_H0eg {
background: none;
border: none;
color: var(--color-text);
cursor: pointer;
display: flex;
padding: .5rem
}
.mobileMenu_zjL1 {
background: #fff;
border-top: 1px solid var(--color-border);
display: none
}
.mobileMenuContent_I4hw {
display: flex;
flex-direction: column;
gap: .75rem;
padding: 1rem 1.5rem
}
.mobileNavLink_HV5K {
color: var(--color-text-secondary);
font-size: .875rem;
padding: .5rem 0
}
.mobileMenuDivider_iedk {
background: var(--color-border);
height: 1px;
margin: .25rem 0
}
.mobileMenuCta_oUOv {
background: var(--color-primary);
border-radius: .5rem;
color: #fff !important;
padding: .5rem 1rem;
text-align: center
}
.heroTitle_qg2I {
color: var(--color-text);
font-size: 3rem;
font-weight: 700;
letter-spacing: -.03em;
line-height: 1.1;
margin-bottom: 2rem
}
.heroTitleLine_euuT {
display: block
}
.gradientText_nNG0 {
background: linear-gradient(135deg, #1a1a1a, #4a4a4a);
-webkit-background-clip: text;
background-clip: text
}
.typewriterCursor_Gp7c {
animation: 1s step-end infinite f;
background: var(--color-primary);
display: inline-block;
height: .85em;
margin-left: 2px;
vertical-align: middle;
width: 3px
}
.productChevron_R7KL,
.productSpacer_sX4g {
height: .75rem;
width: .75rem
}
@keyframes f {
0%,
to {
opacity: 1
}
50% {
opacity: 0
}
}
.heroSubtitle_jFu1 {
color: var(--color-text-secondary);
font-size: 1.125rem;
font-weight: 300;
margin-bottom: 3rem;
margin-left: auto;
margin-right: auto;
max-width: 32rem
}
.btnPrimary_hBjO {
background: #338ff1;
color: #fff !important
}
.btnPrimary_hBjO:hover {
background: #338ff1e5;
transform: translateY(-1px)
}
.btnSecondary_mRVh {
background: var(--color-primary);
border: 1px solid var(--color-border);
color: #fff !important
}
.heroCta_uiG7 {
align-items: center;
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 3.5rem
}
.featureBadges_Cd3w {
align-items: center;
color: var(--color-text-secondary);
display: flex;
flex-wrap: wrap;
font-size: .875rem;
gap: 1.5rem;
justify-content: center;
margin-bottom: 5rem
}
.featureBadge_BBUE i,
.trustTitle_Tpyq {
color: var(--color-text-muted)
}
.featureBadge_BBUE,
.footerLogo_Px3H,
.toolbarRight_BFys,
.trustItem_skl2 {
align-items: center;
display: flex;
gap: .5rem
}
.trustSection_uXxX {
border-top: 1px solid var(--color-border-light);
margin-top: 5rem;
padding-top: 2.5rem
}
.trustTitle_Tpyq {
font-size: .875rem;
margin-bottom: 2rem
}
.trustItems_yurn {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 2.5rem 3.5rem;
justify-content: center
}
.trustLabel_xO4h {
color: #4b5563;
font-size: 1.125rem;
font-weight: 600
}
.featureDisabled_JtFR i,
.trustSeparator_RrHg {
color: #d1d5db
}
.trustSubtext_CVQS {
color: var(--color-text-muted);
font-size: .75rem;
margin-left: .5rem
}
.productColumnTitle_NzTk,
.productIconCell__ZVB,
.trustStat_jokw {
text-align: center
}
.trustNumber_z_Yy {
color: #1f2937;
font-size: 1.5rem;
font-weight: 600
}
.fadeInUp_T9gV {
animation: .8s ease-out forwards g;
opacity: 0
}
@keyframes g {
0% {
opacity: 0;
transform: translateY(20px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.aiDemoSection_WgvP,
.editorSection_tT0T,
.featuresSection_Y0uK,
.pricingSection_IB47,
.productSection_IAkR,
.templatesSection_H8X8,
.testimonialsSection_uzpc,
.workflowSection_t2JB {
padding: 5rem 0;
position: relative;
z-index: 1
}
.productSection_IAkR,
.templatesSection_H8X8,
.testimonialsSection_uzpc,
.workflowSection_t2JB {
backdrop-filter: blur(2px);
background: #f9fafb99
}
.sectionHeader_Gahl {
margin: 0 auto 4rem;
max-width: 36rem;
text-align: center
}
.sectionBadge_uotE {
align-items: center;
background: #f5f5f5;
border-radius: 9999px;
color: var(--color-text);
display: inline-flex;
font-size: .875rem;
font-weight: 500;
gap: .5rem;
margin-bottom: 1.25rem;
padding: .5rem 1rem
}
.communityTitle_RzIg,
.sectionTitle_Ut5p {
font-size: 2rem;
font-weight: 600;
letter-spacing: -.025em;
margin-bottom: 1rem
}
.sectionDescription_cpL1 {
color: var(--color-text-secondary);
font-size: 1rem;
line-height: 1.75
}
.productTableWrapper_TPSF {
overflow-x: auto
}
.productAccordion_Pze2,
.productTableWrapper_TPSF {
background: #fff;
border: 1px solid var(--color-border-light);
border-radius: 1rem;
box-shadow: var(--shadow-glass)
}
.productAccordionHeader_MtDB {
background: #f9fafbe6;
border-bottom: 1px solid var(--color-border-light);
color: var(--color-text);
display: grid;
font-size: .875rem;
font-weight: 600;
gap: 0;
grid-template-columns: minmax(14rem, 2fr) repeat(3, minmax(10rem, 1fr));
padding: 1rem 1.25rem
}
.productSummary_JQBk {
cursor: pointer;
list-style: none
}
.productStaticRow_chR9,
.productSummary_JQBk {
align-items: center;
color: var(--color-text);
display: grid;
gap: .5rem;
grid-template-columns: 1.5rem minmax(12rem, 2fr) repeat(3, minmax(10rem, 1fr));
padding: 1rem 1.25rem
}
.productStaticRow_chR9 {
background: #f9fafb99;
border-bottom: 1px solid var(--color-border-light)
}
.productSummary_JQBk::-webkit-details-marker {
display: none
}
.productChevron_R7KL {
border-bottom: 2px solid var(--color-text-muted);
border-right: 2px solid var(--color-text-muted);
transform: rotate(-45deg);
transition: transform .2s
}
.editorToolbar_d2p0,
.gridTableCell_VKEY,
.gridTableHeader_uSBX,
.productTable__KSA td,
.productTable__KSA thead th {
border-bottom: 1px solid var(--color-border-light)
}
.productValue_VKQ5 {
color: var(--color-text-secondary);
font-size: .875rem;
text-align: center
}
.productDetails_BCzF {
background: #fff;
color: var(--color-text-muted);
font-size: .875rem;
line-height: 1.6;
padding: 0 1.25rem 1.25rem 3.25rem
}
.productTable__KSA {
border-collapse: collapse;
min-width: 56rem;
width: 100%
}
.productTable__KSA thead th {
background: #f9fafbcc;
color: var(--color-text);
font-size: .9375rem;
font-weight: 600;
padding: 1rem 1.25rem;
text-align: center
}
.productTitleCell_L3QA {
color: var(--color-text);
font-weight: 600;
text-align: left;
width: 22rem
}
.productTable__KSA td {
color: var(--color-text-secondary);
padding: 1rem 1.25rem;
text-align: center;
vertical-align: middle
}
.gridTableCellAlt_dC7N,
.productRowAlt_HT5C td {
background: #f9fafb99
}
.productDescRow_6BXY td {
background: #fff;
color: var(--color-text-muted);
font-size: .875rem;
padding: .75rem 1.25rem 1.25rem;
text-align: left
}
.productStatusText_Mghi {
color: var(--color-text-secondary);
font-size: .875rem
}
.productIconCheck_q4fs {
color: #4b5563;
font-size: .9rem
}
.productIconClose_SkiN {
color: #9ca3af;
font-size: .9rem
}
.productNewBadge_UPEu {
align-items: center;
background: #5a9fc826;
border-radius: 9999px;
color: #1f2937;
display: inline-flex;
font-size: .75rem;
font-weight: 600;
gap: .35rem;
padding: .2rem .5rem
}
.productNewLabel_cBTu {
font-size: .7rem
}
.productCtaRow_brxe {
display: flex;
justify-content: center;
margin-top: 2rem
}
.applianceSection_hDYI {
background: #ffffffbf;
padding: 5rem 0;
position: relative;
z-index: 1
}
.applianceGrid_yJtn {
display: grid;
gap: 2rem
}
.applianceCard_mofJ {
background: #fff;
border: 1px solid var(--color-border-light);
border-radius: 1rem;
box-shadow: var(--shadow-glass);
padding: 1.5rem;
width: 100%
}
.applianceTitle_Wmtr {
color: var(--color-text);
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 1rem
}
.gridTable_EjQA+.applianceTitle_Wmtr {
margin-top: 2rem
}
.gridTable_EjQA {
border-radius: .5rem;
display: grid;
font-size: .9375rem;
overflow: hidden;
width: 100%
}
.gridTable2Col_D7wb {
grid-template-columns: 1fr 1fr
}
.gridTable8Col_X3Zx {
grid-template-columns: repeat(8, 1fr)
}
.gridTableHeader_uSBX {
background: #f3f4f6cc;
font-weight: 600
}
.gridTableCell_VKEY,
.gridTableHeader_uSBX {
color: var(--color-text);
padding: .75rem .875rem;
text-align: left
}
.applianceDimmed_6uEj,
.pricingPeriod_tEnQ {
color: var(--color-text-muted);
font-size: .875rem
}
.applianceSubtext_k_MO {
color: var(--color-text-secondary);
display: block;
font-size: .875rem;
margin-top: 1rem
}
.statusBadge_kGS1 i,
.templateFormat_kOPT,
.testimonialRole_tina,
.toolbarBtn_A6cQ i,
.toolbarRight_BFys .statusText_nQDH {
color: var(--color-text-muted);
font-size: .75rem
}
.editorMockup_qqNy {
margin: 0 auto;
max-width: 56rem;
position: relative
}
.statusBadge_kGS1 {
align-items: center;
background: #fff;
border: 1px solid var(--color-border-light);
border-radius: 9999px;
box-shadow: var(--shadow-sm);
display: flex;
gap: .75rem;
left: 50%;
padding: .5rem 1rem;
position: absolute;
top: -.75rem;
transform: translateX(-50%);
z-index: 10
}
.statusDot_attW {
background: #22c55e;
border-radius: 50%;
height: 6px;
width: 6px
}
.statusText_nQDH,
.testimonialName_DlYG {
font-size: .875rem;
font-weight: 500
}
.statusBadge_kGS1 i {
cursor: pointer
}
.editorContainer_xzHV {
background: #fff;
border: 1px solid var(--color-border-light);
border-radius: 1rem;
box-shadow: var(--shadow-lg);
overflow: hidden
}
.editorToolbar_d2p0 {
align-items: center;
background: #f9fafbcc;
display: flex;
justify-content: space-between;
padding: .75rem 1rem
}
.toolbarLeft_OPgA {
align-items: center;
display: flex;
gap: .25rem
}
.toolbarBtn_A6cQ {
background: none;
border: none;
border-radius: .25rem;
cursor: pointer;
padding: .375rem;
transition: background .2s
}
.toolbarBtn_A6cQ:hover {
background: #0000000d
}
.toolbarDivider_L0PU {
background: #e5e7eb;
height: 1rem;
margin: 0 .5rem;
width: 1px
}
.toolbarSelect_wuwW {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: .25rem;
color: var(--color-text-secondary);
font-size: .75rem;
padding: .25rem .625rem
}
.editorSplit_HO8m {
display: flex;
flex-direction: column;
min-height: 24rem
}
.codeEditor_EeBH {
background: #1a1a1a;
border: 1px solid #ffffff14;
flex: 1;
overflow-x: auto;
padding: 1rem
}
.editorContent_a_yL {
display: flex
}
.lineNumbers_rzRd {
color: #ffffff4d;
padding-right: 1rem;
-webkit-user-select: none;
user-select: none
}
.codeContent_DXTl,
.lineNumbers_rzRd {
font-family: var(--font-mono);
font-size: .8125rem;
line-height: 1.7
}
.bracket_sMfL,
.codeContent_DXTl,
.codeText_fgx2 {
color: #f8f8f2
}
.keyword_WAXZ {
color: #ff79c6
}
.string_qoEi {
color: #f1fa8c
}
.previewH1_ZeuE,
.previewH2_l4vQ,
.previewH3_kW5G {
color: #111827;
font-weight: 600
}
.previewPane_X57D {
background: #fff;
border-top: 1px solid var(--color-border-light);
flex: 1;
overflow: auto;
padding: 1.5rem
}
.previewH1_ZeuE {
font-size: 1.25rem;
margin-bottom: 1rem
}
.previewH2_l4vQ {
font-size: 1.125rem;
margin-bottom: .75rem
}
.previewH3_kW5G {
font-size: 1rem;
margin-bottom: .5rem
}
.previewP_iIEP {
line-height: 1.625
}
.previewP_iIEP,
.previewUl_vaR1 {
color: #4b5563;
margin-bottom: 1rem
}
.previewUl_vaR1 {
list-style: disc inside
}
.featuresGrid_cNCB {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr))
}
.featureCard_Jbd_,
.workflowCard_LidX {
background: #fff;
border: 1px solid var(--color-border-light);
border-radius: 1rem;
padding: 2rem;
transition: .3s
}
.featureCard_Jbd_:hover,
.workflowCard_LidX:hover {
border-color: var(--color-border);
box-shadow: var(--shadow-glass);
transform: translateY(-4px)
}
.featureIcon_qaBM {
align-items: center;
background: #f5f5f5;
border-radius: .75rem;
color: #374151;
display: flex;
height: 3rem;
justify-content: center;
margin-bottom: 1.25rem;
width: 3rem
}
.featureTitle_cv5G {
color: #111827;
font-size: 1.125rem;
font-weight: 600;
margin-bottom: .5rem
}
.featureDescription_dZoZ,
.workflowList_hiJB li {
color: var(--color-text-secondary);
font-size: .875rem;
line-height: 1.625
}
.templatesGrid_TUln {
display: grid;
gap: 1.25rem;
grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr))
}
.templateCard_SjNG {
cursor: pointer;
transition: transform .3s
}
.templateCard_SjNG:hover {
transform: scale(1.02)
}
.workflowGrid_oX4c {
display: grid;
gap: 2rem;
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr))
}
.footerGrid_H7kX,
.pricingGrid_qRpX,
.tabPanel_dglw,
.testimonialsGrid_c_JQ {
grid-template-columns: 1fr
}
.workflowIcon_Cav0 {
align-items: center;
background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
border-radius: .75rem;
color: var(--color-primary);
display: flex;
font-size: 1.5rem;
height: 3.5rem;
justify-content: center;
margin-bottom: 1.5rem;
width: 3.5rem
}
.workflowTitle_tYOI {
color: #111827;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: -.025em;
margin-bottom: 1rem
}
.pricingFeatures_dg5c,
.workflowList_hiJB {
list-style: none;
margin: 0;
padding: 0
}
.workflowList_hiJB li {
margin-bottom: .75rem;
padding-left: 1.5rem;
position: relative
}
.featureList_i_0T li,
.tabButton_MyRt {
color: var(--color-text);
font-size: .9375rem
}
.workflowList_hiJB li:before {
color: var(--color-primary);
content: "•";
font-weight: 600;
left: 0;
position: absolute
}
.aiDemoSection_WgvP {
background: #ffffffbf;
padding: 5rem 0
}
.tabButtons_EceA {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
margin-bottom: 3rem
}
.tabButton_MyRt {
align-items: center;
background: #e5e7eb;
border: 1px solid #0000;
border-radius: 9999px;
cursor: pointer;
display: flex;
font-weight: 500;
gap: .5rem;
padding: .875rem 1.75rem;
transition: .3s
}
.tabButton_MyRt:hover {
background: #d1d5db;
color: var(--color-text)
}
.tabButtonActive_QzmZ {
background: linear-gradient(135deg, #1a1a1a, #4a4a4a);
border-color: #0000;
box-shadow: 0 4px 12px #1a1a1a3d;
color: #fff
}
.tabButtonActive_QzmZ:hover {
background: linear-gradient(135deg, #1a1a1a, #333);
color: #fff
}
.tabContent_bAQv {
min-height: 500px
}
.tabPanel_dglw {
align-items: center;
display: grid;
gap: 3rem
}
.tabPanelLeft_NAaD {
padding: 2rem 0
}
.featureHeader_Q1Jy {
align-items: center;
display: flex;
gap: 1rem;
margin-bottom: 1rem
}
.featureIconLarge_B81W {
align-items: center;
background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
border-radius: .75rem;
color: var(--color-primary);
display: flex;
font-size: 1.5rem;
height: 3rem;
justify-content: center;
width: 3rem
}
.featureSubtitle_h9O7 {
color: var(--color-text-secondary);
font-size: .875rem;
font-weight: 400;
margin: 0
}
.featureMainTitle_Nk4c {
color: #111827;
font-size: 2rem;
font-weight: 700;
letter-spacing: -.025em;
margin-bottom: 1rem
}
.featureList_i_0T {
list-style: none;
margin: 0 0 2rem;
padding: 0
}
.featureList_i_0T li {
align-items: flex-start;
display: flex;
gap: .75rem;
line-height: 1.625;
margin-bottom: .875rem
}
.featureList_i_0T li i {
color: #22c55e;
font-size: 1rem;
margin-top: .25rem
}
.tabPanelRight_nIzv {
align-items: center;
display: flex;
justify-content: center
}
.demoImage_OCr_ {
max-width: 600px;
width: 100%
}
.editorHeader_jCs_ {
align-items: center;
background: #16161e;
border-bottom: 1px solid #ffffff0d;
display: flex;
gap: 1rem;
padding: .875rem 1.25rem
}
.editorDots_z5_i {
display: flex;
gap: .5rem
}
.dotGreen_o65z,
.dotRed_jHVn,
.dotYellow_dCsn {
border-radius: 50%;
height: .75rem;
width: .75rem
}
.dotRed_jHVn {
background: #ff5f56
}
.dotYellow_dCsn {
background: #ffbd2e
}
.dotGreen_o65z,
.tabKey_bWLG {
background: #27c93f
}
.editorTitle_rYW8 {
color: #a9b1d6;
font-family: var(--font-mono);
font-size: .8125rem
}
.editorBody_i_Pi {
font-family: var(--font-mono);
font-size: .875rem;
line-height: 1.75;
padding: 1.5rem;
position: relative
}
.codeBlock_NVHr {
display: flex;
gap: 1.5rem;
margin-bottom: .5rem
}
.lineNumber_AXD9 {
color: #ffffff4d;
min-width: 1.5rem;
-webkit-user-select: none;
user-select: none
}
.codeKeyword_Dhqn {
color: #bb9af7
}
.codeGray_EBVr {
color: #c0caf580;
font-style: italic
}
.tabHint_VSTW {
align-items: center;
bottom: 1.5rem;
display: flex;
gap: .5rem;
position: absolute;
right: 1.5rem
}
.tabKey_bWLG {
border-radius: .375rem;
color: #1a1b26;
font-size: .875rem;
font-weight: 600;
padding: .375rem .75rem
}
.tabText_mnmz {
color: #fff9;
font-size: .875rem
}
.demoPlaceholder_HrqJ {
align-items: center;
background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
border: 2px dashed #d1d5db;
border-radius: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
padding: 4rem 2rem
}
.demoPlaceholder_HrqJ i {
color: #6b7280;
font-size: 4rem;
margin-bottom: 1rem
}
.demoPlaceholder_HrqJ p {
color: var(--color-text);
font-size: 1rem;
margin: 0
}
.templatePreview_dz5r {
aspect-ratio: 3/4;
background: #fff;
border: 1px solid var(--color-border-light);
border-radius: .75rem;
box-shadow: var(--shadow-sm);
overflow: hidden
}
.templateContent1_qSMU,
.templateContent2_IaQR,
.templateContent3_Vbjz,
.templateContent4_FTK0 {
background: linear-gradient(to bottom right, #f9fafb, #fff);
height: 100%;
padding: 1rem
}
.templateTitle_JSlW {
background: #1f2937;
border-radius: .25rem;
height: .75rem;
margin-bottom: .75rem;
width: 4rem
}
.templateLine_mhtY {
margin-bottom: .375rem;
width: 100%
}
.templateLineShort_CfEy,
.templateLine_mhtY {
background: #e5e7eb;
border-radius: .125rem;
height: .375rem
}
.templateLineShort_CfEy {
margin-bottom: .75rem;
width: 75%
}
.templateSubtitle_uLtA {
background: #4b5563;
border-radius: .125rem;
height: .5rem;
margin-bottom: .5rem;
width: 3rem
}
.templateLineThin_wByW {
background: #f3f4f6;
border-radius: .125rem;
height: .25rem;
margin-bottom: .125rem;
width: 100%
}
.templateAvatar_MO9K {
background: #1f2937;
border-radius: 50%;
height: 3rem;
margin: 0 auto .75rem;
width: 3rem
}
.templateNameLine_a2nQ {
background: #1f2937;
border-radius: .125rem;
height: .5rem;
margin: 0 auto .375rem;
width: 5rem
}
.templateTitleLine_TLKi {
background: #9ca3af;
border-radius: .125rem;
height: .375rem;
margin: 0 auto;
width: 6rem
}
.templateHeader_Jdg7 {
background: #1f2937;
border-radius: .25rem;
height: 1.5rem;
margin-bottom: .75rem;
width: 100%
}
.templateImage_GTRJ {
background: #e5e7eb;
border-radius: .25rem;
height: 4rem;
margin-bottom: .5rem;
width: 100%
}
.templateLetterHeader_Ih0p {
margin-bottom: 1rem;
text-align: center
}
.templateLetterTitle_Dr2j {
background: #1f2937;
border-radius: .125rem;
height: .5rem;
margin: 0 auto .25rem;
width: 4rem
}
.templateLetterSubtitle_y_rP {
background: #9ca3af;
border-radius: .125rem;
height: .375rem;
margin: 0 auto;
width: 3rem
}
.templateInfo_cz5h {
margin-top: .75rem;
text-align: center
}
.templateName_m_gO {
font-size: .875rem;
font-weight: 500;
margin-bottom: .25rem
}
.templatesCta_ilCp {
margin-top: 2.5rem;
text-align: center
}
.viewAllLink_NUd6 {
align-items: center;
color: var(--color-text-secondary);
display: inline-flex;
font-size: .875rem;
font-weight: 500;
gap: .5rem
}
.pricingGrid_qRpX {
display: grid;
gap: 2rem;
justify-items: center;
margin: 0 auto;
max-width: 1400px
}
.pricingCard_iNnE {
background: #fff;
border: 1px solid var(--color-border-light);
border-radius: 1rem;
min-width: 360px;
padding: 1.5rem 2.5rem;
position: relative;
width: 100%
}
.pricingHighlight_du0U {
border: 1.5px solid #338ff1;
position: relative
}
.pricingTitle_RWXC {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: .5rem
}
.pricingSubtitle_IT8W {
color: var(--color-text-muted);
font-size: .875rem;
margin-bottom: 1.5rem
}
.pricingPrice_uW1z {
margin-bottom: 1.5rem
}
.pricingPriceRow_lbid {
align-items: baseline;
display: flex;
flex-wrap: wrap;
gap: .375rem
}
.pricingAmount_nw7t {
display: inline-block;
font-size: 2rem;
font-weight: 700
}
.pricingBilledAnnually_biVq {
color: var(--color-text-muted);
font-size: .75rem;
margin: 0
}
.pricingFeature_edcN {
align-items: center;
color: #4b5563;
display: flex;
font-size: .875rem;
gap: .75rem;
margin-bottom: .75rem;
transition: .2s
}
.pricingFeature_edcN i {
color: #10b981;
flex-shrink: 0;
font-size: .75rem
}
.pricingHighlight_du0U .pricingFeature_edcN i {
color: #10b981
}
.featureDisabled_JtFR {
color: #9ca3af;
opacity: .6
}
.featureTooltipWrapper_yd9Z {
align-items: center;
display: inline-flex;
margin-left: auto;
position: relative
}
.featureTooltipIcon_eXrx {
color: #9ca3af !important;
cursor: pointer;
flex-shrink: 0;
font-size: .75rem !important
}
.featureTooltipWrapper_yd9Z:hover .featureTooltip__mGE {
opacity: 1;
transform: translateY(-4px);
visibility: visible
}
.featureTooltip__mGE {
background: #1a1a1a;
border-radius: .4rem;
bottom: calc(100% + 6px);
box-shadow: 0 4px 12px #00000026;
color: #fff;
font-size: .75rem;
line-height: 1.4;
opacity: 0;
padding: .4rem .65rem;
pointer-events: none;
position: absolute;
right: -8px;
transform: translateY(0);
transition: opacity .2s, transform .2s;
visibility: hidden;
white-space: nowrap;
z-index: 10
}
.communitySection_a2u4,
.ctaSection_bmsv,
.footer_odxa {
position: relative;
z-index: 1
}
.featureTooltip__mGE:after {
border: 5px solid #0000;
border-top-color: #1a1a1a;
content: "";
position: absolute;
right: 10px;
top: 100%;
transform: none
}
.pricingCta_Skah {
border-radius: .75rem;
margin-bottom: 1rem;
padding: .75rem;
text-align: center;
transition: .3s;
width: 100%
}
.pricingCtaCustomizable_pEs9 {
margin-bottom: 0
}
.testimonialsGrid_c_JQ {
display: grid;
gap: 1.5rem
}
.testimonialCard_hYzE {
background: #fff;
border: 1px solid var(--color-border-light);
border-radius: 1rem;
padding: 2rem
}
.testimonialRating_yv6f {
color: #d1d5db;
display: flex;
font-size: .875rem;
gap: .25rem;
margin-bottom: 1rem
}
.testimonialText_f1Bt {
color: #4b5563;
font-size: .875rem;
line-height: 1.625;
margin-bottom: 1.5rem
}
.testimonialAvatar_Tc36 {
border-radius: 50%;
height: 2.5rem;
object-fit: cover;
width: 2.5rem
}
.communitySection_a2u4 {
background: #f9fafb99;
padding: 5rem 0
}
.communityCard_CvyA {
background: #fff;
border: 1px solid var(--color-border-light);
border-radius: 1.5rem;
cursor: pointer;
margin: 0 auto;
max-width: 48rem;
padding: 4rem;
text-align: center;
transition: .3s
}
.btnCommunity_mBaD,
.communityIcon_LV4s {
align-items: center;
background: var(--color-primary)
}
.communityCard_CvyA:hover {
box-shadow: var(--shadow-lg);
transform: translateY(-4px)
}
.communityIcon_LV4s {
border-radius: 1rem;
color: #fff;
display: flex;
font-size: 1.5rem;
height: 4rem;
justify-content: center;
margin: 0 auto 1.5rem;
width: 4rem
}
.communityDescription_YESH {
color: var(--color-text-secondary);
line-height: 1.75;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
max-width: 32rem
}
.btnCommunity_mBaD {
border-radius: var(--radius-lg);
color: #fff !important;
display: inline-flex;
font-size: 1.125rem;
font-weight: 500;
gap: .5rem;
padding: 1rem 3rem;
transition: .2s
}
.ctaSection_bmsv {
background: #111827f7;
overflow: hidden;
padding: 5rem 0
}
.ctaContent_bC4x {
margin: 0 auto;
max-width: 36rem;
text-align: center
}
.ctaTitle_arch {
color: #fff;
font-size: 2rem;
font-weight: 600;
letter-spacing: -.025em;
margin-bottom: 1.25rem
}
.ctaDescription_HswS {
color: #9ca3af;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 2.5rem
}
.ctaButtons_vsp7 {
align-items: center;
display: flex;
flex-direction: column;
gap: 1rem
}
.btnCtaPrimary__aKi {
background: #fff;
border-radius: .75rem;
color: #111827 !important;
font-size: 1rem;
font-weight: 600;
padding: 1rem 2.5rem
}
.btnCtaPrimary__aKi:hover {
background: #f9fafb
}
.btnCtaSecondary_egZ0 {
background: #0000;
border: 1px solid #374151;
border-radius: .75rem;
color: #fff !important;
font-size: 1rem;
font-weight: 600;
padding: 1rem 2.5rem
}
.footerBottom_nS2f,
.footer_odxa {
border-top: 1px solid var(--color-border-light)
}
.btnCtaSecondary_egZ0:hover {
background: #1f2937
}
.footer_odxa {
color: var(--color-text-secondary);
padding: 4rem 0
}
.footerGrid_H7kX {
display: grid;
gap: 3rem;
margin-bottom: 3rem
}
.footerBrand_sluF {
display: flex;
flex-direction: column;
gap: 1rem
}
.footerDescription_Wkaq {
font-size: .875rem;
line-height: 1.625
}
.footerColumn_J9IO h4 {
color: #111827;
font-size: .875rem;
font-weight: 600;
margin-bottom: 1rem
}
.billingToggleBtn_wfo5,
.footerLinks_lH9U a,
.pricingHeroDescription_ohF3,
.socialLink_Bckt {
color: var(--color-text-secondary)
}
.footerLinks_lH9U {
display: flex;
flex-direction: column;
gap: .5rem;
list-style: none;
margin: 0;
padding: 0
}
.footerLinks_lH9U a {
font-size: .875rem;
transition: color .2s
}
.footerLinks_lH9U a:hover,
.socialLink_Bckt:hover {
color: #111827
}
.footerBottom_nS2f {
align-items: center;
display: flex;
flex-direction: column;
gap: 1rem;
padding-top: 2rem
}
.socialLinks_AWWq {
align-items: center;
display: flex;
gap: 1.5rem
}
.socialLink_Bckt {
font-size: 1.25rem;
transition: color .2s
}
.pricingHeroSection_Avgg {
background: var(--color-bg-alt);
padding: 8rem 0 4rem;
text-align: center
}
.pricingHeroContent_r5yq {
margin: 0 auto;
max-width: 36rem
}
.pricingHeroTitle_jqu9 {
font-family: LibreBaskerville, Georgia, Cambria, ui-serif, Times New Roman, Times, serif;
font-size: 2.5rem;
font-weight: 700;
letter-spacing: -.025em;
margin-bottom: 1rem;
white-space: nowrap
}
.pricingHeroDescription_ohF3 {
font-size: 1.125rem;
line-height: 1.75;
margin-bottom: 2.5rem
}
.billingToggleContainer_TVlM {
background: #f0f0f0;
border-radius: 9999px;
display: flex;
gap: 0;
justify-content: center;
margin: 0 auto;
padding: .25rem;
position: relative;
width: fit-content
}
.billingToggleSlider_dCDt {
background: #fff;
border-radius: 9999px;
box-shadow: 0 1px 4px #0000001f;
height: calc(100% - .5rem);
pointer-events: none;
position: absolute;
top: .25rem;
transition: left .25s, width .25s
}
.billingToggleBtn_wfo5 {
align-items: center;
background: #0000;
border: none;
border-radius: 9999px;
cursor: pointer;
display: flex;
font-size: .875rem;
font-weight: 500;
gap: 0;
padding: .5rem 1.25rem;
position: relative;
transition: color .2s;
white-space: nowrap;
z-index: 1
}
.billingToggleBtnActive_F2V7,
.billingToggleBtn_wfo5:hover {
color: var(--color-text-primary)
}
.billingToggleBtnActive_F2V7 {
background: #0000;
box-shadow: none;
font-weight: 600
}
.billingToggleSeparator_YI8b {
color: var(--color-text-muted);
font-weight: 700;
margin: 0 .25rem
}
.billingToggleSavings_CCXf {
color: var(--color-text-muted);
font-weight: 400
}
.savingsInfo_wojh {
background: #f0fdf4;
border-radius: .5rem;
font-size: .875rem;
margin-bottom: 1.5rem;
padding: .75rem 1rem;
text-align: center
}
.pricingCardsSection_SFjH {
background: var(--color-bg);
padding: 4rem 0
}
.pricingPopularBadge_QxJy {
background: #338ff1;
border-radius: .75rem;
color: #fff;
font-size: .6875rem;
font-weight: 500;
left: 50%;
letter-spacing: .025em;
padding: .25rem 1rem;
position: absolute;
top: -.75rem;
transform: translateX(-50%);
white-space: nowrap
}
.creditTierButton_iSET,
.creditTierOption__XVe {
align-items: center;
font-size: .875rem;
display: flex;
cursor: pointer
}
.creditTierSelector_Kapx {
margin: .5rem 0;
position: relative
}
.creditTierButton_iSET {
background: #f3f4f6;
border: none;
border-radius: .5rem;
color: var(--color-text);
font-weight: 500;
justify-content: space-between;
padding: .625rem 1rem;
transition: .2s;
width: 100%
}
.creditTierButton_iSET span {
flex: 1;
text-align: left
}
.creditTierButton_iSET i {
color: var(--color-text-secondary);
font-size: .75rem;
transition: transform .2s
}
.creditTierDropdown_hGjb {
background: #fff;
border: 1px solid var(--color-border);
border-radius: .5rem;
box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
left: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
padding: .375rem;
position: absolute;
right: 0;
top: calc(100% + .5rem);
transition: .2s;
visibility: hidden;
z-index: 10
}
.creditTierDropdownOpen_DOu6 {
max-height: 380px;
opacity: 1;
overflow-y: auto;
scrollbar-width: none;
visibility: visible
}
.creditTierDropdownOpen_DOu6::-webkit-scrollbar {
display: none
}
.creditTierDropdown_hGjb::-webkit-scrollbar {
width: 6px
}
.creditTierDropdown_hGjb::-webkit-scrollbar-track {
background: #0000
}
.creditTierDropdown_hGjb::-webkit-scrollbar-thumb {
background: var(--color-border);
border-radius: 3px
}
.creditTierDropdown_hGjb::-webkit-scrollbar-thumb:hover {
background: var(--color-text-secondary)
}
.creditTierOption__XVe {
background: #0000;
border: none;
border-radius: .375rem;
color: var(--color-text-secondary);
justify-content: space-between;
padding: .625rem 1rem;
text-align: left;
transition: .15s;
width: 100%
}
.creditTierOption__XVe:first-child {
border-top-left-radius: .375rem;
border-top-right-radius: .375rem
}
.creditTierOption__XVe:last-child {
border-bottom-left-radius: .375rem;
border-bottom-right-radius: .375rem
}
.creditTierOptionSelected_e8oF,
.creditTierOption__XVe:hover {
background: #f3f4f6;
color: var(--color-text)
}
.localeDropdownBtn_kWg6:hover,
.localeDropdownItem_D910:hover {
background: var(--color-bg-alt)
}
.creditTierOption__XVe i,
.localeDropdownBtn_kWg6 {
color: var(--color-text-secondary);
font-size: .875rem
}
.creditTierOptionSelected_e8oF {
font-weight: 500
}
.creditTierOption__XVe i {
margin-left: .5rem
}
.localeDropdown_OA27 {
margin-right: .5rem;
position: relative
}
.localeDropdownBtn_kWg6 {
align-items: center;
background: #0000;
border: 1px solid var(--color-border-light);
border-radius: .5rem;
cursor: pointer;
display: flex;
gap: .5rem;
padding: .5rem .75rem;
transition: .2s
}
.localeDropdownBtn_kWg6:hover {
border-color: var(--color-border);
color: var(--color-text)
}
.localeDropdownMenu_HMaW {
background: #fff;
border: 1px solid var(--color-border-light);
border-radius: .5rem;
box-shadow: 0 10px 40px #0000001a;
list-style: none;
margin-top: .5rem;
min-width: 8rem;
padding: .25rem 0;
position: absolute;
right: 0;
top: 100%;
z-index: 1000
}
.localeDropdownItem_D910 {
background: none;
border: none;
color: var(--color-text);
cursor: pointer;
display: block;
font-size: .875rem;
padding: .5rem 1rem;
text-align: left;
transition: background .15s;
width: 100%
}
.localeDropdownItem_D910.active_pXC_ {
background: #6366f10d;
color: var(--color-primary);
font-weight: 500
}
.mobileLocaleSwitcher_BOrH .localeDropdown_OA27 {
margin-right: 0
}
.mobileLocaleSwitcher_BOrH .localeDropdownBtn_kWg6 {
justify-content: center;
width: 100%
}
.root_EnNy {
--color: var(--palette-pink);
align-items: center;
border: 1px solid #0000;
display: inline-flex;
font-weight: 400;
justify-content: center
}
.active_Iih0,
.root_EnNy:hover {
border-color: var(--theme-button-primary-background-color);
color: var(--theme-button-primary-background-color)
}
.skinPrimary_M4KS {
background: var(--theme-card-bg-color);
color: var(--color)
}
.skinSecondary_fD3X {
background: #33333d;
color: var(--color)
}
html[data-theme=light] .skinSecondary_fD3X {
background: #fff
}
.sizeSmall_mktU {
border-radius: 30px;
font-size: .8rem;
font-weight: 700;
padding: 0 .7rem
}
.sizeMedium_z1wq {
border-radius: 30px;
font-size: .9rem;
padding: .2rem .8rem
}
.sizeLarge_wkNw {
border-radius: 25px;
font-size: 1.2rem;
padding: .7rem 2rem
}
.root_XC71 {
--author-color: var(--palette-turquoise);
--content-padding: 1.5rem;
background: var(--theme-card-bg-color);
border-radius: 10px;
display: flex;
flex-direction: column
}
.root_XC71:hover {
background: var(--theme-card-bg-color-hover);
-webkit-text-decoration: none;
text-decoration: none
}
.imageBox_YFCM {
border-radius: 10px 10px 0 0;
box-shadow: 0 .5rem .5rem #0000001a;
height: 190px;
margin-bottom: 1.5rem;
overflow: hidden;
position: relative
}
.image_OnP3 {
display: block;
height: 100%
}
.image_OnP3 img {
height: 100%;
object-fit: cover;
width: 100%
}
.externalPost_zB5J {
bottom: 5%;
position: absolute;
right: 2%
}
.content_vw51 {
display: flex;
flex: 1 0 auto;
flex-direction: column;
justify-content: space-between
}
.tags_ge52 {
display: flex;
flex-wrap: wrap;
margin-bottom: 1.5rem;
padding: 0 var(--content-padding)
}
.title_q8EX {
display: -webkit-box;
-webkit-box-orient: vertical;
color: var(--theme-text-color);
font-size: 1.5rem;
height: 110px;
-webkit-line-clamp: 3;
margin: 0;
overflow: hidden;
padding: 0 var(--content-padding) 1rem
}
.title_q8EX a {
color: var(--theme-card-title-color)
}
.author_Icdo {
color: var(--author-color);
font-weight: 500;
margin-top: auto;
padding: 0 var(--content-padding) var(--content-padding)
}
.core-styles-module_tooltip__3vRRp {
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
will-change: opacity
}
.core-styles-module_fixed__pcSol {
position: fixed
}
.core-styles-module_arrow__cvMwQ {
background: inherit;
position: absolute;
z-index: -1
}
.core-styles-module_noArrow__xock6 {
display: none
}
.core-styles-module_clickable__ZuTTB {
pointer-events: auto
}
.core-styles-module_show__Nt9eE {
opacity: var(--rt-opacity);
transition: opacity var(--rt-transition-show-delay) ease-out
}
.core-styles-module_closing__sGnxF {
opacity: 0;
transition: opacity var(--rt-transition-closing-delay) ease-in
}
.styles-module_tooltip__mnnfp {
border-radius: 3px;
font-size: 90%;
padding: 8px 16px;
width: max-content
}
.styles-module_arrow__K0L3T {
height: var(--rt-arrow-size);
width: var(--rt-arrow-size)
}
[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T {
transform: rotate(45deg)
}
[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T {
transform: rotate(135deg)
}
[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T {
transform: rotate(225deg)
}
[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T {
transform: rotate(315deg)
}
.styles-module_dark__xNqje {
background: var(--rt-color-dark);
color: var(--rt-color-white)
}
.styles-module_light__Z6W-X {
background-color: var(--rt-color-white);
color: var(--rt-color-dark)
}
.styles-module_success__A2AKt {
background-color: var(--rt-color-success);
color: var(--rt-color-white)
}
.styles-module_warning__SCK0X {
background-color: var(--rt-color-warning);
color: var(--rt-color-white)
}
.styles-module_error__JvumD {
background-color: var(--rt-color-error);
color: var(--rt-color-white)
}
.styles-module_info__BWdHW {
background-color: var(--rt-color-info);
color: var(--rt-color-white)
}
@layer docusaurus.theme-common {
body:not(.navigation-with-keyboard) :not(input):focus {
outline: 0
}
.errorBoundaryError_bR2g {
color: red;
white-space: pre-wrap
}
.errorBoundaryFallback_YQVI {
color: red;
padding: .55rem
}
.themedComponent_oCw9 {
display: none
}
[data-theme=dark] .themedComponent--dark_zWfi,
[data-theme=light] .themedComponent--light_HbLB,
html:not([data-theme]) .themedComponent--light_HbLB {
display: initial
}
.anchorTargetStickyNavbar_w2z2 {
scroll-margin-top: calc(var(--ifm-navbar-height) + .5rem)
}
.anchorTargetHideOnScrollNavbar_TWOM {
scroll-margin-top: .5rem
}
.details_x8Fk {
--docusaurus-details-summary-arrow-size: 0.38rem;
--docusaurus-details-transition: transform 200ms ease;
--docusaurus-details-decoration-color: grey
}
.details_x8Fk>summary {
cursor: pointer;
list-style: none;
padding-left: 1rem;
position: relative
}
.details_x8Fk>summary::-webkit-details-marker {
display: none
}
.details_x8Fk>summary:before {
border-color: #0000 #0000 #0000 var(--docusaurus-details-decoration-color);
border-style: solid;
border-width: var(--docusaurus-details-summary-arrow-size);
content: "";
left: 0;
position: absolute;
top: .45rem;
transform: rotate(0);
transform-origin: calc(var(--docusaurus-details-summary-arrow-size)/2) 50%;
transition: var(--docusaurus-details-transition)
}
.details_x8Fk[data-collapsed=false].isBrowser_vQj3>summary:before,
.details_x8Fk[open]:not(.isBrowser_vQj3)>summary:before {
transform: rotate(90deg)
}
.collapsibleContent_wHJJ {
border-top: 1px solid var(--docusaurus-details-decoration-color);
margin-top: 1rem;
padding-top: 1rem
}
.collapsibleContent_wHJJ p:last-child,
.details_x8Fk>summary>p:last-child {
margin-bottom: 0
}
}
.blogPostFooterDetailsFull_Wr5y {
flex-direction: column
}
@layer docusaurus.theme-classic {
:root {
--docusaurus-progress-bar-color: var(--ifm-color-primary);
--docusaurus-announcement-bar-height: auto;
--docusaurus-collapse-button-bg: #0000;
--docusaurus-collapse-button-bg-hover: #0000001a;
--doc-sidebar-width: 300px;
--doc-sidebar-hidden-width: 30px;
--docusaurus-tag-list-border: var(--ifm-color-emphasis-300);
--docusaurus-blog-social-icon-size: 1rem
}
#nprogress {
pointer-events: none
}
#nprogress .bar {
background: var(--docusaurus-progress-bar-color);
height: 2px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1031
}
#nprogress .peg {
box-shadow: 0 0 10px var(--docusaurus-progress-bar-color), 0 0 5px var(--docusaurus-progress-bar-color);
height: 100%;
opacity: 1;
position: absolute;
right: 0;
transform: rotate(3deg) translateY(-4px);
width: 100px
}
.skipToContent_LhCz {
background-color: var(--ifm-background-surface-color);
color: var(--ifm-color-emphasis-900);
left: 100%;
padding: calc(var(--ifm-global-spacing)/2) var(--ifm-global-spacing);
position: fixed;
top: 1rem;
z-index: calc(var(--ifm-z-index-fixed) + 1)
}
.skipToContent_LhCz:focus {
box-shadow: var(--ifm-global-shadow-md);
left: 1rem
}
.closeButton_bwbM {
line-height: 0;
padding: 0
}
.announcementBar_fxy1 {
align-items: center;
background-color: var(--ifm-color-white);
border-bottom: 1px solid var(--ifm-color-emphasis-100);
color: var(--ifm-color-black);
display: flex;
height: var(--docusaurus-announcement-bar-height)
}
.docSidebarContainer_zVdZ,
.sidebarLogo_JNPD,
html[data-announcement-bar-initially-dismissed=true] .announcementBar_fxy1 {
display: none
}
.announcementBarPlaceholder_j2th {
flex: 0 0 10px
}
.announcementBarClose_vZcH {
align-self: stretch;
flex: 0 0 30px
}
.announcementBarContent_NCId {
flex: 1 1 auto
}
.backToTopButton_ffab {
background-color: var(--ifm-color-emphasis-200);
border-radius: 50%;
bottom: 1.3rem;
box-shadow: var(--ifm-global-shadow-lw);
height: 3rem;
opacity: 0;
position: fixed;
right: 1.3rem;
transform: scale(0);
transition: all var(--ifm-transition-fast) var(--ifm-transition-timing-default);
visibility: hidden;
width: 3rem;
z-index: calc(var(--ifm-z-index-fixed) - 1)
}
.backToTopButton_ffab:after {
background-color: var(--ifm-color-emphasis-1000);
content: " ";
display: inline-block;
height: 100%;
-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;
width: 100%
}
.backToTopButtonShow_JZXS {
opacity: 1;
transform: scale(1);
visibility: visible
}
[data-theme=dark]:root {
--docusaurus-collapse-button-bg: #ffffff0d;
--docusaurus-collapse-button-bg-hover: #ffffff1a
}
.collapseSidebarButton_RCDB {
display: none;
margin: 0
}
.categoryLinkLabel_VHfN,
.linkLabel_iQ3z {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical
}
.iconExternalLink_x3ak {
margin-left: .3rem
}
.menuExternalLink_a0l9 {
align-items: center
}
.linkLabel_iQ3z {
line-clamp: 2;
-webkit-line-clamp: 2
}
.categoryLink_rIHM {
overflow: hidden
}
.menu__link--sublist-caret:after {
margin-left: var(--ifm-menu-link-padding-vertical)
}
.categoryLinkLabel_VHfN {
flex: 1;
line-clamp: 2;
-webkit-line-clamp: 2
}
.docMainContainer_JYRn,
.docRoot_EORs {
display: flex;
width: 100%
}
.docsWrapper_UZHt {
display: flex;
flex: 1 0 auto
}
.hash-link {
opacity: 0;
padding-left: .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
}
.docCardListItem_WJtB>*,
body,
html {
height: 100%
}
.mainWrapper_DSf4 {
display: flex;
flex: 1 0 auto;
flex-direction: column
}
.docusaurus-mt-lg {
margin-top: 3rem
}
#__docusaurus {
display: flex;
flex-direction: column;
min-height: 100%
}
.cardContainer_NLhX {
--ifm-link-color: var(--ifm-color-emphasis-800);
--ifm-link-hover-color: var(--ifm-color-emphasis-700);
--ifm-link-hover-decoration: none;
border: 1px solid var(--ifm-color-emphasis-200);
box-shadow: 0 1.5px 3px 0 #00000026;
transition: all var(--ifm-transition-fast) ease;
transition-property: border, box-shadow
}
.cardContainer_NLhX:hover {
border-color: var(--ifm-color-primary);
box-shadow: 0 3px 6px 0 #0003
}
.admonitionContent_MlO7>:last-child,
.cardContainer_NLhX :last-child {
margin-bottom: 0
}
.cardTitle_W5L3 {
font-size: 1.2rem
}
.cardDescription_mJj4 {
font-size: .8rem
}
.docCardListItem_WJtB {
margin-bottom: 2rem
}
.codeBlockContainer_KWlq {
background: var(--prism-background-color);
border-radius: var(--ifm-code-border-radius);
box-shadow: var(--ifm-global-shadow-lw);
color: var(--prism-color);
margin-bottom: var(--ifm-leading)
}
.codeBlock_gCJ1 {
--ifm-pre-background: var(--prism-background-color);
margin: 0;
padding: 0
}
.codeBlockStandalone_F9kZ {
padding: 0
}
.codeBlockLines_dH0d {
float: left;
font: inherit;
min-width: 100%;
padding: var(--ifm-pre-padding)
}
.codeBlockLinesWithNumbering_d9Sw {
display: table;
padding: var(--ifm-pre-padding) 0
}
:where(:root) {
--docusaurus-highlighted-code-line-bg: #484d5b
}
:where([data-theme=dark]) {
--docusaurus-highlighted-code-line-bg: #646464
}
.theme-code-block-highlighted-line {
background-color: var(--docusaurus-highlighted-code-line-bg);
display: block;
margin: 0 calc(var(--ifm-pre-padding)*-1);
padding: 0 var(--ifm-pre-padding)
}
.codeLine_C588 {
counter-increment: line-count;
display: table-row
}
.codeLineNumber_GPl7 {
background: var(--ifm-pre-background);
display: table-cell;
left: 0;
overflow-wrap: normal;
padding: 0 var(--ifm-pre-padding);
position: sticky;
text-align: right;
width: 1%
}
.codeLineNumber_GPl7:before {
content: counter(line-count);
opacity: .4
}
.theme-code-block-highlighted-line .codeLineNumber_GPl7:before {
opacity: .8
}
.codeLineContent_ycAg {
padding-right: var(--ifm-pre-padding)
}
.theme-code-block:hover .copyButtonCopied_JYib {
opacity: 1 !important
}
.copyButtonIcons_n5g0 {
height: 1.125rem;
position: relative;
width: 1.125rem
}
.copyButtonIcon_H8Me,
.copyButtonSuccessIcon_hqJI {
fill: currentColor;
height: inherit;
left: 0;
opacity: inherit;
position: absolute;
top: 0;
transition: all var(--ifm-transition-fast) ease;
width: inherit
}
.copyButtonSuccessIcon_hqJI {
color: #00d600;
left: 50%;
opacity: 0;
top: 50%;
transform: translate(-50%, -50%) scale(.33)
}
.copyButtonCopied_JYib .copyButtonIcon_H8Me {
opacity: 0;
transform: scale(.33)
}
.copyButtonCopied_JYib .copyButtonSuccessIcon_hqJI {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
transition-delay: 75ms
}
.wordWrapButtonIcon_mke9 {
height: 1.2rem;
width: 1.2rem
}
.wordWrapButtonEnabled_mLCU .wordWrapButtonIcon_mke9 {
color: var(--ifm-color-primary)
}
.tag_8Fgr {
border: 1px solid var(--docusaurus-tag-list-border);
transition: border var(--ifm-transition-fast)
}
.tag_8Fgr:hover {
--docusaurus-tag-list-border: var(--ifm-link-color);
-webkit-text-decoration: none;
text-decoration: none
}
.tagRegular_p8AO {
border-radius: var(--ifm-global-radius);
font-size: 90%;
padding: .2rem .5rem .3rem
}
.tagWithCount_hX1J {
align-items: center;
border-left: 0;
display: flex;
padding: 0 .5rem 0 1rem;
position: relative
}
.tagWithCount_hX1J:after,
.tagWithCount_hX1J:before {
border: 1px solid var(--docusaurus-tag-list-border);
content: "";
position: absolute;
top: 50%;
transition: inherit
}
.tagWithCount_hX1J:before {
border-bottom: 0;
border-right: 0;
height: 1.18rem;
right: 100%;
transform: translate(50%, -50%) rotate(-45deg);
width: 1.18rem
}
.tagWithCount_hX1J:after {
border-radius: 50%;
height: .5rem;
left: 0;
transform: translateY(-50%);
width: .5rem
}
.tagWithCount_hX1J span {
background: var(--ifm-color-secondary);
border-radius: var(--ifm-global-radius);
color: var(--ifm-color-black);
font-size: .7rem;
line-height: 1.2;
margin-left: .3rem;
padding: .1rem .4rem
}
.buttonGroup_wdYr {
column-gap: .2rem;
display: flex;
position: absolute;
right: calc(var(--ifm-pre-padding)/2);
top: calc(var(--ifm-pre-padding)/2)
}
.buttonGroup_wdYr button {
align-items: center;
background: var(--prism-background-color);
border: 1px solid var(--ifm-color-emphasis-300);
border-radius: var(--ifm-global-radius);
color: var(--prism-color);
display: flex;
line-height: 0;
opacity: 0;
padding: .4rem;
transition: opacity var(--ifm-transition-fast) ease-in-out
}
.buttonGroup_wdYr button:focus-visible,
.buttonGroup_wdYr button:hover {
opacity: 1 !important
}
.theme-code-block:hover .buttonGroup_wdYr button {
opacity: .4
}
.tags_nuax {
display: inline
}
.tag__TRi {
display: inline-block;
margin: 0 .4rem .5rem 0
}
.iconEdit_okxt {
margin-right: .3em;
vertical-align: sub
}
.lastUpdated_okI5 {
font-size: smaller;
font-style: italic;
margin-top: .2rem
}
.tocCollapsibleButton_F1oS {
align-items: center;
display: flex;
font-size: inherit;
justify-content: space-between;
padding: .4rem .8rem;
width: 100%
}
.tocCollapsibleButton_F1oS:after {
background: var(--ifm-menu-link-sublist-icon) 50% 50%/2rem 2rem no-repeat;
content: "";
filter: var(--ifm-menu-link-sublist-icon-filter);
height: 1.25rem;
transform: rotate(180deg);
transition: transform var(--ifm-transition-fast);
width: 1.25rem
}
.tocCollapsibleButtonExpanded_AF8Y:after,
.tocCollapsibleExpanded_bB_k {
transform: none
}
.tocCollapsible_O4bG {
background-color: var(--ifm-menu-color-background-active);
border-radius: var(--ifm-global-radius);
margin: 1rem 0
}
.tocCollapsibleContent_SX8R>ul {
border-left: none;
border-top: 1px solid var(--ifm-color-emphasis-300);
font-size: 15px;
padding: .2rem 0
}
.tocCollapsibleContent_SX8R ul li {
margin: .4rem .8rem
}
.tocCollapsibleContent_SX8R a {
display: block
}
.codeBlockContent_w0Nu {
border-radius: inherit;
direction: ltr;
position: relative
}
.codeBlockTitle_p6Dx {
border-bottom: 1px solid var(--ifm-color-emphasis-300);
border-top-left-radius: inherit;
border-top-right-radius: inherit;
font-size: var(--ifm-code-font-size);
font-weight: 500;
padding: .75rem var(--ifm-pre-padding)
}
.codeBlockTitle_p6Dx+.codeBlockContent_w0Nu .codeBlock_VPqi {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.details_HNU6 {
--docusaurus-details-decoration-color: var(--ifm-alert-border-color);
--docusaurus-details-transition: transform var(--ifm-transition-fast) ease;
border: 1px solid var(--ifm-alert-border-color);
margin: 0 0 var(--ifm-spacing-vertical)
}
.containsTaskList_KViq {
list-style: none
}
:not(.containsTaskList_KViq>li)>.containsTaskList_KViq {
padding-left: 0
}
.img_fapm {
height: auto
}
.admonition_kLFk {
margin-bottom: 1em
}
.admonitionHeading_BilL {
font: var(--ifm-heading-font-weight) var(--ifm-h5-font-size)/var(--ifm-heading-line-height) var(--ifm-heading-font-family);
text-transform: uppercase
}
.admonitionHeading_BilL:not(:last-child) {
margin-bottom: .3rem
}
.admonitionHeading_BilL code {
text-transform: none
}
.admonitionIcon_AmaV {
display: inline-block;
margin-right: .4em;
vertical-align: middle
}
.admonitionIcon_AmaV svg {
display: inline-block;
fill: var(--ifm-alert-foreground-color);
height: 1.6em;
width: 1.6em
}
.tableOfContents_t8x3 {
max-height: calc(100vh - var(--ifm-navbar-height) - 2rem);
overflow-y: auto;
position: sticky;
top: calc(var(--ifm-navbar-height) + 1rem)
}
.authorSocials_SXTV,
.authorTitle_aOr_ {
overflow: hidden;
-webkit-box-orient: vertical
}
.breadcrumbHomeIcon_iX4N {
height: 1.1rem;
position: relative;
top: 1px;
vertical-align: top;
width: 1.1rem
}
.authorSocialIcon_Banr,
.authorSocialLink_RsL6,
.authorSocials_SXTV {
height: var(--docusaurus-blog-social-icon-size)
}
.authorSocialIcon_Banr,
.authorSocialLink_RsL6 {
width: var(--docusaurus-blog-social-icon-size)
}
.breadcrumbsContainer_YcRm {
--ifm-breadcrumb-size-multiplier: 0.8;
margin-bottom: .8rem
}
.title_uHaI {
--ifm-h1-font-size: 3rem;
margin-bottom: calc(var(--ifm-leading)*1.25)
}
.docItemContainer_Zccx article>:first-child,
.docItemContainer_Zccx header+* {
margin-top: 0
}
[data-theme=dark] .blueskySvg_SnWg,
[data-theme=dark] .githubSvg_Fgjv,
[data-theme=dark] .instagramSvg_XYQs,
[data-theme=dark] .linkedinSvg_FVGI,
[data-theme=dark] .threadsSvg_s4Z2,
[data-theme=dark] .xSvg_Qbmk {
fill: var(--light)
}
[data-theme=light] .blueskySvg_SnWg,
[data-theme=light] .githubSvg_Fgjv,
[data-theme=light] .instagramSvg_XYQs,
[data-theme=light] .linkedinSvg_FVGI,
[data-theme=light] .threadsSvg_s4Z2,
[data-theme=light] .xSvg_Qbmk {
fill: var(--dark)
}
.authorSocials_SXTV {
align-items: center;
display: flex;
flex-wrap: wrap;
line-clamp: 1;
-webkit-line-clamp: 1
}
.authorSocialLink_RsL6,
.authorSocials_SXTV {
line-height: 0
}
.authorSocialLink_RsL6 {
margin-right: .4rem
}
.authorImage_Ew9C {
--ifm-avatar-photo-size: 3.6rem
}
.author-as-h1_K4Rh .authorImage_Ew9C {
--ifm-avatar-photo-size: 7rem
}
.author-as-h2_X2yC .authorImage_Ew9C {
--ifm-avatar-photo-size: 5.4rem
}
.authorDetails_TJKo {
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: space-around
}
.authorName_HhiU {
display: flex;
flex-direction: row;
font-size: 1.1rem;
line-height: 1.1rem
}
.author-as-h1_K4Rh .authorName_HhiU {
display: inline;
font-size: 2.4rem;
line-height: 2.4rem
}
.author-as-h2_X2yC .authorName_HhiU {
display: inline;
font-size: 1.4rem;
line-height: 1.4rem
}
.authorTitle_aOr_ {
display: -webkit-box;
font-size: .8rem;
line-clamp: 1;
-webkit-line-clamp: 1;
line-height: 1rem
}
.author-as-h1_K4Rh .authorTitle_aOr_ {
font-size: 1.2rem;
line-height: 1.6rem
}
.author-as-h2_X2yC .authorTitle_aOr_ {
font-size: 1rem;
line-height: 1.3rem
}
.authorBlogPostCount_TVNv {
background: var(--ifm-color-secondary);
border-radius: var(--ifm-global-radius);
color: var(--ifm-color-black);
font-size: .8rem;
line-height: 1.2;
margin-left: .3rem;
padding: .1rem .4rem
}
.authorListItem_FATT {
list-style-type: none;
margin-bottom: 2rem
}
}
@media screen and (min-width:500px) and (max-width:1000px) {
.title_q8EX {
font-size: 1.2rem
}
}
@media (min-width:640px) {
.ctaButtons_vsp7,
.heroCta_uiG7 {
flex-direction: row;
justify-content: center
}
}
@media (min-width:40rem) {
.container {
max-width: 40rem;
max-width: none
}
.sm\:flex-row {
flex-direction: row
}
}
@media (min-width:768px) {
.howWorksIntro_ulrP,
.howWorksStep_Iv0F,
.howWorksSteps_KDuO {
padding: 2rem 1.5rem
}
.navActions_kcwM,
.navLinks_ioMu {
display: flex
}
.navCtaBtn_qm7i {
display: inline-flex
}
.mobileMenuBtn_H0eg,
.mobileMenuBtn_t4Oy {
display: none
}
.heroHeadline_X1Nu {
font-size: 4.5rem
}
.statNumber_Yb3f {
font-size: 1.5rem;
line-height: 2rem
}
.sectionTitle_m9fQ {
font-size: 2.75rem
}
.featureTitle_h2WT {
font-size: 2.25rem
}
.howWorksCard_jrPz {
min-height: 700px
}
.howWorksSteps_KDuO {
flex-direction: row;
gap: 2rem
}
.howWorksIntroSubtitle_z51B {
font-size: 1.5rem
}
.howWorksStepTitle_PeHT {
align-items: flex-start;
flex-direction: column;
font-size: 1.375rem;
gap: .75rem
}
.navLinks_FO3Z {
align-items: center;
display: flex;
gap: 2rem
}
.heroTitle_qg2I {
font-size: 4rem
}
.heroSubtitle_jFu1 {
font-size: 1.25rem
}
.ctaTitle_arch,
.sectionTitle_Ut5p {
font-size: 2.5rem
}
.footerGrid_H7kX,
.templatesGrid_TUln {
grid-template-columns: repeat(4, 1fr)
}
.pricingGrid_qRpX,
.workflowGrid_oX4c {
grid-template-columns: repeat(2, 1fr)
}
.testimonialsGrid_c_JQ {
grid-template-columns: repeat(3, 1fr)
}
.footerBottom_nS2f {
flex-direction: row;
justify-content: space-between
}
.pricingHeroTitle_jqu9 {
font-size: 3rem
}
}
@media (min-width:48rem) {
.container {
max-width: 48rem
}
.md\:col-span-1 {
grid-column: span 1/span 1
}
.md\:mt-0 {
margin-top: calc(var(--spacing)*0)
}
.md\:flex {
display: flex
}
.md\:hidden {
display: none
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.md\:flex-row {
flex-direction: row
}
.md\:gap-14 {
gap: calc(var(--spacing)*14)
}
.md\:text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height))
}
.md\:text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height))
}
.md\:text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height))
}
}
@media (min-width:900px) {
.featureRow_iLaE {
gap: 3rem;
grid-template-columns: 2fr 3fr;
padding: 2rem 0
}
.featureRowReverse_kZGV {
grid-template-columns: 3fr 2fr
}
.featureRowReverse_kZGV .featureText_ldvH {
order: 2
}
.featureRowReverse_kZGV .featureImage_p00r {
order: 1
}
}
@media (min-width:997px) {
.collapseSidebarButton_RCDB,
.expandButton_eujy {
background-color: var(--docusaurus-collapse-button-bg)
}
:root {
--docusaurus-announcement-bar-height: 30px
}
.announcementBarClose_vZcH,
.announcementBarPlaceholder_j2th {
flex-basis: 50px
}
.collapseSidebarButton_RCDB {
border: 1px solid var(--ifm-toc-border-color);
border-radius: 0;
bottom: 0;
display: block !important;
height: 40px;
position: sticky
}
.collapseSidebarButtonIcon_S5s9 {
margin-top: 4px;
transform: rotate(180deg)
}
.expandButtonIcon__Nnc,
[dir=rtl] .collapseSidebarButtonIcon_S5s9 {
transform: rotate(0)
}
.collapseSidebarButton_RCDB:focus,
.collapseSidebarButton_RCDB:hover,
.expandButton_eujy:focus,
.expandButton_eujy:hover {
background-color: var(--docusaurus-collapse-button-bg-hover)
}
.menuHtmlItem_Vd09 {
padding: var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal)
}
.sidebar_J_x4 {
display: flex;
flex-direction: column;
height: 100%;
padding-top: var(--ifm-navbar-height);
width: var(--doc-sidebar-width)
}
.sidebarWithHideableNavbar_e7m2 {
padding-top: 0
}
.sidebarHidden_frsQ {
opacity: 0;
visibility: hidden
}
.sidebarLogo_JNPD {
align-items: center;
color: inherit !important;
display: flex !important;
margin: 0 var(--ifm-navbar-padding-horizontal);
max-height: var(--ifm-navbar-height);
min-height: var(--ifm-navbar-height);
-webkit-text-decoration: none !important;
text-decoration: none !important
}
.sidebarLogo_JNPD img {
height: 2rem;
margin-right: .5rem
}
.expandButton_eujy {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
position: absolute;
right: 0;
top: 0;
transition: background-color var(--ifm-transition-fast) ease;
width: 100%
}
[dir=rtl] .expandButtonIcon__Nnc {
transform: rotate(180deg)
}
.docSidebarContainer_zVdZ {
border-right: 1px solid var(--ifm-toc-border-color);
clip-path: inset(0);
display: block;
margin-top: calc(var(--ifm-navbar-height)*-1);
transition: width var(--ifm-transition-fast) ease;
width: var(--doc-sidebar-width);
will-change: width
}
.docSidebarContainerHidden_brxM {
cursor: pointer;
width: var(--doc-sidebar-hidden-width)
}
.sidebarViewport_nriJ {
height: 100%;
max-height: 100vh;
position: sticky;
top: 0
}
.docMainContainer_JYRn {
flex-grow: 1;
max-width: calc(100% - var(--doc-sidebar-width))
}
.docMainContainerEnhanced_ogZS {
max-width: calc(100% - var(--doc-sidebar-hidden-width))
}
.docItemWrapperEnhanced_ZWdt {
max-width: calc(var(--ifm-container-width) + var(--doc-sidebar-width)) !important
}
.lastUpdated_okI5 {
text-align: right
}
.tocMobile_IEp6 {
display: none
}
.docItemCol_rraQ,
.generatedIndexPage_c7_d {
max-width: 75% !important
}
}
@media (min-width:1024px) {
.heroHeadline_X1Nu {
font-family: LibreBaskerville, Georgia, Cambria, ui-serif, Times New Roman, Times, serif;
font-size: 5rem
}
.howWorksCard_jrPz {
min-height: 760px
}
.howWorksSteps_KDuO {
gap: 2.5rem;
padding: 0 2rem 2.5rem
}
.howWorksIntroSubtitle_z51B {
font-size: 1.75rem
}
.howWorksStepList_PuxI li {
font-size: .875rem
}
.heroTitle_qg2I {
font-size: 4.5rem
}
.applianceGrid_yJtn {
grid-template-columns: 1fr
}
.editorSplit_HO8m {
flex-direction: row;
height: 24rem
}
.previewPane_X57D {
border-left: 1px solid var(--color-border-light);
border-top: 0
}
.featuresGrid_cNCB,
.pricingGrid_qRpX {
grid-template-columns: repeat(3, 1fr)
}
.workflowGrid_oX4c {
grid-template-columns: repeat(4, 1fr)
}
.tabPanel_dglw {
grid-template-columns: 1fr 1.2fr
}
}
@media (min-width:64rem) {
.container {
max-width: 64rem
}
.lg\:h-96 {
height: calc(var(--spacing)*96)
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.lg\:flex-row {
flex-direction: row
}
.lg\:border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0
}
.lg\:border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px
}
.lg\:text-7xl {
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height))
}
}
@media (min-width:80rem) {
.container {
max-width: 80rem
}
}
@media (min-width:1400px) {
.container {
max-width: 1400px
}
}
@media (min-width:1440px) {
.container {
max-width: var(--ifm-container-width-xl)
}
}
@media (min-width:96rem) {
.container {
max-width: 96rem
}
}
@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,
.navbar__item,
.sidebar_brwN,
.tableOfContents_t8x3 {
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__search-input {
width: 9rem
}
.pills--block,
.tabs--block {
flex-direction: column
}
.docItemContainer_wUW6 {
padding: 0 .3rem
}
}
@media (max-width:768px) {
.footer_d1NW {
padding: 2rem 0 1.5rem
}
.footerTop_bJtu {
flex-direction: column;
gap: 1.5rem
}
.footerBrand_Il5p {
min-width: 100%
}
.discordBtn_avm_,
.footerContact_WzGC,
.wechatBtn_mojz {
width: 100%
}
.footerContactInfo_Xk9m {
grid-template-columns: 1fr;
gap: 1.25rem
}
.footerLinks_aUmh {
flex-wrap: wrap;
justify-content: center
}
.copyright_MPEc {
text-align: center
}
.dialogContent_k9Jm {
padding: 2rem
}
.dialogTitle_GUED {
font-size: 1.5rem
}
.dialogDescription_LXky {
font-size: .875rem
}
.dialogButtons_rD8x {
flex-direction: column
}
.help-category-grid {
grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width:767px) {
.mobileOverlay_eR72 {
display: block
}
.navActions_sDQx {
gap: .5rem
}
.getStartedBtn_Z62W,
.signInLink_WoC4 {
display: none
}
.btn_bvfa,
.heroCta_uiG7,
.nav-dropdown_OILO,
.nav-locale-dropdown_yKK7 {
width: 100%
}
.nav-locale-dropdown-btn_Yerd {
justify-content: center;
margin: 0 auto;
width: auto
}
.nav-locale-dropdown-menu_WYxE {
border: none;
border-radius: 0;
border-top: 1px solid var(--nav-border);
box-shadow: none;
margin-top: .5rem;
position: static
}
.nav-dropdown-btn_wxz6 {
justify-content: space-between;
padding: .75rem 1rem;
width: 100%
}
.nav-dropdown-menu_QcUX {
animation: none;
border: none;
border-radius: 0;
border-top: 1px solid var(--nav-border);
box-shadow: none;
margin-top: .5rem;
padding: .5rem 0;
position: static
}
.nav-dropdown-item_tZZ0 {
padding: .75rem 1.5rem
}
.featuresSection_IhUI {
padding: 1rem 0 2.5rem
}
.featuresSectionTitle_afEB {
font-size: 1.75rem;
margin-bottom: 1rem
}
.featuresGrid_bl8R {
gap: 1.5rem;
grid-template-columns: 1fr
}
.featureCardTitle_ewv8 {
font-size: 1.25rem
}
.featureCardDescription_oddw {
font-size: .9375rem
}
.heroDescription_HHSt {
font-size: .9375rem;
margin-bottom: 2rem
}
.heroStats_Irqs {
gap: 2rem;
margin-top: 2rem;
padding-top: 2rem
}
.statItem_VIVD {
min-width: 100px
}
.heroCta_LjkU {
flex-direction: column;
width: 100%
}
.btn_TZHt {
max-width: 320px;
width: 100%
}
.howWorksSection_jx2g {
padding: 2rem 0 3rem
}
.sectionTitle_ktJi {
font-size: 1.75rem;
margin-bottom: .75rem
}
.heroContent_mKPX {
padding: 2rem 1rem
}
.btn_bvfa {
max-width: 20rem
}
.editorToolbar_d2p0 {
align-items: flex-start;
flex-direction: column;
gap: .5rem
}
.toolbarLeft_OPgA {
flex-wrap: wrap
}
}
@media (max-width:640px) {
.communityCard_CvyA {
padding: 2rem
}
.communityTitle_RzIg {
font-size: 1.5rem
}
.btnCommunity_mBaD {
font-size: 1rem;
padding: .875rem 2rem
}
}
@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
}
.title_xvU1 {
font-size: 2rem
}
}
@media (max-width:480px) {
.help-category-grid {
grid-template-columns: 1fr
}
}
@media (color-gamut:p3) {
:host,
:root {
--color-blue-500: color(display-p3 0.26642 0.49122 0.98862)
}
}
@media (hover:hover) {
.backToTopButton_ffab:hover {
background-color: var(--ifm-color-emphasis-300)
}
.group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
--tw-translate-x: calc(var(--spacing)*0.5);
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.group-hover\:bg-primary:is(:where(.group):hover *) {
background-color: hsl(var(--primary))
}
.group-hover\:text-primary-foreground:is(:where(.group):hover *) {
color: hsl(var(--primary-foreground))
}
.group-hover\/blog-card\:scale-105:is(:where(.group\/blog-card):hover *) {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y)
}
.hover\:z-10:hover {
z-index: 10
}
.hover\:-translate-y-1:hover {
--tw-translate-y: calc(var(--spacing)*-1);
translate: var(--tw-translate-x) var(--tw-translate-y)
}
.hover\:scale-\[1\.03\]:hover {
scale: 1.03
}
.hover\:border-primary\/20:hover {
border-color: hsl(var(--primary))
}
@supports (color:color-mix(in lab,
red,
red)) {
.hover\:border-primary\/20:hover {
border-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent)
}
}
.hover\:bg-gray-100:hover {
background-color: var(--color-gray-100)
}
.hover\:bg-gray-200:hover {
background-color: var(--color-gray-200)
}
.hover\:bg-gray-800:hover {
background-color: var(--color-gray-800)
}
.hover\:bg-slate-200:hover {
background-color: var(--color-slate-200)
}
.hover\:text-gray-500:hover {
color: var(--color-gray-500)
}
.hover\:text-gray-900:hover {
color: var(--color-gray-900)
}
.hover\:shadow-elevation-3:hover {
--tw-shadow: var(--shadow-elevation-3)
}
.hover\:shadow-elevation-3:hover,
.hover\:shadow-lg:hover {
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.hover\:shadow-lg:hover {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
}
[data-theme=dark] .dark\:hover\:bg-slate-600:hover {
background-color: var(--color-slate-600)
}
[data-theme=dark] .dark\:hover\:text-blue-500:hover {
color: var(--color-blue-500)
}
}
@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
}
.getStartedBtn_Z62W,
.logoIcon_yxgs,
.logo_gez6,
.mobileGetStartedBtn_LEfY,
.mobileMenuBtn_t4Oy,
.mobileMenu_sHy5,
.mobileNavLink_L0dv,
.mobileSignInLink_GiW5,
.navLink_E51T,
.navbar_NVyt,
.signInLink_WoC4 {
transition: none
}
.mobileMenuContent_D2bF>* {
animation: none;
opacity: 1
}
}
@media print {
.announcementBar_fxy1,
.footer,
.menu,
.navbar,
.noPrint_PHYv,
.pagination-nav,
.table-of-contents,
.tocMobile_IEp6 {
display: none
}
.tabs {
page-break-inside: avoid
}
.codeBlockLines_dH0d {
white-space: pre-wrap
}
}