@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);

@font-face {
    font-family: 'Disket Mono';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url(disket-mono-bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Disket Mono';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url(disket-mono-regular.ttf) format('truetype');
}

.markdown > h2,
.markdown > h3,
.markdown > h4,
.markdown > h5,
.markdown > h6 {
    margin-bottom: calc(
        var(--ifm-heading-vertical-rhythm-bottom) * var(--ifm-leading)
    );
}
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);
}
.refine-details > summary .refine-details-triangle,
.refine-prose a.hash-link:before {
    animation-duration: 0.2s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
}
*,
:after,
:before {
    box-sizing: border-box;
}
.markdown li,
body {
    word-wrap: break-word;
}
.border-collapse,
table {
    border-collapse: collapse;
}
.button,
.dropdown__link,
.sr-only,
.whitespace-nowrap {
    white-space: nowrap;
}
.blog-wrapper:root,
.docs-wrapper:root,
:root {
    --primary-font-sans: "Inter";
}
.from-\[\#0FBDBD\],
.from-\[\#FF9933\],
.from-gray-50 {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.card_bwaa img,
.object-contain {
    object-fit: contain;
}
: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,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');
    --ifm-breadcrumb-separator-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-sublist-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>');
    --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,<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');
    --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;
}
.navbar--dark,
:root {
    --ifm-menu-color-background-active: #ffffff0d;
}
html {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    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);
    text-rendering: optimizelegibility;
}
iframe {
    border: 0;
    color-scheme: auto;
}
.container {
    margin: 0 auto;
    max-width: var(--ifm-container-width);
    padding: 0 var(--ifm-spacing-horizontal);
}
.container--fluid {
    max-width: inherit;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--ifm-spacing-horizontal) * -1);
}
.admonition .refine-common-code-block,
.mx-0,
.refine-prose .refine-wider-container .refine-wider-container,
.refine-prose blockquote .refine-common-code-block,
.row--no-gutters {
    margin-left: 0;
    margin-right: 0;
}
.margin-horiz--none,
.margin-right--none {
    margin-right: 0 !important;
}
.px-0,
.row--no-gutters > .col {
    padding-left: 0;
    padding-right: 0;
}
.items-start,
.row--align-top {
    align-items: flex-start;
}
.items-end,
.row--align-bottom {
    align-items: flex-end;
}
.items-center,
.row--align-center {
    align-items: center;
}
.items-stretch,
.row--align-stretch {
    align-items: stretch;
}
.row--align-baseline {
    align-items: baseline;
}
.col {
    --ifm-col-width: 100%;
    flex: 1 0;
    margin-left: 0;
    max-width: var(--ifm-col-width);
    padding: 0 var(--ifm-spacing-horizontal);
    width: 100%;
}
.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;
}
.\!m-0,
.margin--none {
    margin: 0 !important;
}
.\!mt-0,
.margin-top--none,
.tabItem_q25w {
    margin-top: 0 !important;
}
.\!mb-0,
.margin-bottom--none,
.markdown > :last-child,
.refine-details .refine-details-content > div > :last-child {
    margin-bottom: 0 !important;
}
.\!my-0,
.margin-vert--none {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.margin-bottom--xs,
.margin-vert--xs {
    margin-bottom: 0.25rem !important;
}
.margin-top--xs,
.margin-vert--xs {
    margin-top: 0.25rem !important;
}
.margin-horiz--xs,
.margin-left--xs {
    margin-left: 0.25rem !important;
}
.margin-horiz--xs,
.margin-right--xs {
    margin-right: 0.25rem !important;
}
.margin--xs {
    margin: 0.25rem !important;
}
.margin-bottom--sm,
.margin-vert--sm {
    margin-bottom: 0.5rem !important;
}
.margin-top--sm,
.margin-vert--sm {
    margin-top: 0.5rem !important;
}
.margin-horiz--sm,
.margin-left--sm {
    margin-left: 0.5rem !important;
}
.margin-horiz--sm,
.margin-right--sm {
    margin-right: 0.5rem !important;
}
.margin--sm {
    margin: 0.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: 0.25rem !important;
}
.\!pt-1,
.padding-top--xs,
.padding-vert--xs {
    padding-top: 0.25rem !important;
}
.padding-horiz--xs,
.padding-left--xs {
    padding-left: 0.25rem !important;
}
.padding-horiz--xs,
.padding-right--xs {
    padding-right: 0.25rem !important;
}
.padding--xs {
    padding: 0.25rem !important;
}
.\!pb-2,
.\!py-2,
.padding-bottom--sm,
.padding-vert--sm {
    padding-bottom: 0.5rem !important;
}
.\!py-2,
.padding-top--sm,
.padding-vert--sm {
    padding-top: 0.5rem !important;
}
.\!pl-2,
.\!px-2,
.padding-horiz--sm,
.padding-left--sm {
    padding-left: 0.5rem !important;
}
.\!pr-2,
.\!px-2,
.padding-horiz--sm,
.padding-right--sm {
    padding-right: 0.5rem !important;
}
.\!p-2,
.padding--sm {
    padding: 0.5rem !important;
}
.\!py-4,
.padding-bottom--md,
.padding-vert--md {
    padding-bottom: 1rem !important;
}
.\!py-4,
.padding-top--md,
.padding-vert--md {
    padding-top: 1rem !important;
}
.\!px-4,
.padding-horiz--md,
.padding-left--md {
    padding-left: 1rem !important;
}
.\!px-4,
.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: 0.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);
    overflow: auto;
    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: 0.2rem;
    box-shadow: inset 0 -1px 0 var(--ifm-color-emphasis-400);
    color: var(--ifm-color-emphasis-800);
    font: 80% var(--ifm-font-family-monospace);
    padding: 0.15rem 0.3rem;
}
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[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,
.tabList_yELn {
    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 ul,
ul ol,
ul ul {
    margin: 0;
}
ol ol ol,
ol ul ol,
ul ol ol,
ul ul ol {
    list-style-type: lower-alpha;
}
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);
    color: inherit;
    text-decoration: inherit;
}
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]) {
    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;
}
.capitalize,
.text--capitalize {
    text-transform: capitalize;
}
.text--lowercase {
    text-transform: lowercase;
}
.alert__heading,
.text--uppercase,
.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);
}
.italic,
.text--italic {
    font-style: italic;
}
.customer,
.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: 0.5rem;
}
.alert__icon {
    display: inline-flex;
    margin-right: 0.4em;
}
.alert__icon svg {
    fill: var(--ifm-alert-foreground-color);
    stroke: var(--ifm-alert-foreground-color);
    stroke-width: 0;
}
.alert .close {
    margin: calc(var(--ifm-alert-padding-vertical) * -1)
        calc(var(--ifm-alert-padding-horizontal) * -1) 0 0;
    opacity: 0.75;
}
.alert .close:focus,
.alert .close:hover,
.group:hover .group-hover\:opacity-100,
.group\/all:hover .group-hover\/all\:opacity-100,
.group\/copy-button:hover .group-hover\/copy-button\:opacity-100,
.group\/cta-button:hover .group-hover\/cta-button\:opacity-100,
.group\/highlight:hover .group-hover\/highlight\:opacity-100,
.group\/project-link-button:hover
    .group-hover\/project-link-button\:opacity-100,
.opacity-100,
.sandpack-container .sp-layout .resize-handler: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);
}
.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,
.inline-block {
    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: 0.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);
}
#__docusaurus .text-color-base,
.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: 0.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);
    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(0.875rem * var(--ifm-button-size-multiplier));
    font-weight: var(--ifm-button-font-weight);
    line-height: 1.5;
    padding: calc(
            var(--ifm-button-padding-vertical) *
                var(--ifm-button-size-multiplier)
        )
        calc(
            var(--ifm-button-padding-horizontal) *
                var(--ifm-button-size-multiplier)
        );
    text-align: center;
    transition-duration: var(--ifm-button-transition-duration);
    transition-property: color, background, border-color;
    -webkit-user-select: none;
    user-select: none;
}
.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);
}
.button.disabled,
.button:disabled,
.button[disabled] {
    opacity: 0.65;
    pointer-events: none;
}
.button--sm {
    --ifm-button-size-multiplier: 0.8;
}
.button--lg {
    --ifm-button-size-multiplier: 1.35;
}
.button--block {
    display: block;
    width: 100%;
}
.button.button--secondary {
    color: var(--ifm-color-gray-900);
}
: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;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-customer,
.button-group--block > .button,
.flex-grow {
    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--full-height {
    height: 100%;
}
.card__image {
    padding-top: var(--ifm-card-vertical-spacing);
}
.card__image:first-child,
.pt-0 {
    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),
.pb-0 {
    padding-bottom: 0;
}
.card__body > :last-child,
.card__footer > :last-child,
.card__header > :last-child {
    margin-bottom: 0;
}
.card__footer,
.mt-auto {
    margin-top: auto;
}
.table-of-contents {
    font-size: 0.8rem;
    margin-bottom: 0;
    padding: var(--ifm-toc-padding-vertical) 0;
}
.table-of-contents,
.table-of-contents ul {
    list-style: none;
    padding-left: var(--ifm-toc-padding-horizontal);
}
.table-of-contents li {
    margin: var(--ifm-toc-padding-vertical) var(--ifm-toc-padding-horizontal);
}
.table-of-contents__left-border {
    border-left: 1px solid var(--ifm-toc-border-color);
}
.table-of-contents__link {
    color: var(--ifm-toc-link-color);
    display: block;
}
.table-of-contents__link--active,
.table-of-contents__link--active code,
.table-of-contents__link:hover,
.table-of-contents__link:hover code {
    color: var(--ifm-color-primary);
    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: 0.5;
    padding: 1rem;
    transition: opacity var(--ifm-transition-fast)
        var(--ifm-transition-timing-default);
}
.close:hover,
.opacity-70 {
    opacity: 0.7;
}
.close:focus,
.theme-code-block-highlighted-line .codeLineNumber_bpY3:before {
    opacity: 0.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--right .dropdown__menu {
    left: inherit;
    right: 0;
}
.dropdown--nocaret .navbar__link:after {
    content: none !important;
}
.dropdown__menu {
    background-color: var(--ifm-dropdown-background-color);
    border-radius: var(--ifm-global-radius);
    box-shadow: var(--ifm-global-shadow-md);
    left: 0;
    list-style: none;
    max-height: 80vh;
    min-width: 10rem;
    opacity: 0;
    overflow-y: auto;
    padding: 0.5rem;
    pointer-events: none;
    position: absolute;
    top: calc(100% - var(--ifm-navbar-item-padding-vertical) + 0.3rem);
    transform: translateY(-0.625rem);
    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: 0.25rem;
    transition: background var(--ifm-transition-fast)
        var(--ifm-transition-timing-default);
}
.dropdown__link {
    border-radius: 0.25rem;
    color: var(--ifm-dropdown-link-color);
    display: block;
    font-size: 0.875rem;
    margin-top: 0.2rem;
    padding: 0.25rem 0.5rem;
}
.dropdown__link--active,
.dropdown__link:hover {
    background-color: var(--ifm-dropdown-hover-background-color);
    color: var(--ifm-dropdown-link-color);
    text-decoration: none;
}
.dropdown__link--active,
.dropdown__link--active:hover {
    --ifm-dropdown-link-color: var(--ifm-link-color);
}
.dropdown > .navbar__link:after {
    border-color: currentcolor #0000;
    border-style: solid;
    border-width: 0.4em 0.4em 0;
    content: "";
    margin-left: 0.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__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;
}
.codeBlockStandalone_Nshs,
.p-0,
[type="checkbox"],
dialog,
fieldset,
legend {
    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,
.text-\[1\.5rem\] {
    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: 0.25rem;
    padding-left: var(--ifm-menu-link-padding-horizontal);
}
.menu__list-item:not(:first-child),
.mt-1 {
    margin-top: 0.25rem;
}
.menu__list-item--collapsed .menu__list {
    height: 0;
    overflow: hidden;
}
.details_nLWn[data-collapsed="false"].isBrowser_wOdd > summary:before,
.details_nLWn[open]:not(.isBrowser_wOdd) > summary:before,
.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;
}
.navbar-sidebar,
.navbar-sidebar__backdrop {
    opacity: 0;
    top: 0;
    transition-duration: var(--ifm-transition-fast);
    transition-timing-function: ease-in-out;
    visibility: hidden;
    bottom: 0;
    left: 0;
}
.menu__link {
    color: var(--ifm-menu-color);
    flex: 1;
    line-height: 1.25;
}
.menu__link:hover {
    color: var(--ifm-menu-color);
    text-decoration: none;
}
.menu__caret:before,
.menu__link--sublist-caret:after {
    filter: var(--ifm-menu-link-sublist-icon-filter);
    height: 1.25rem;
    transform: rotate(180deg);
    transition: transform var(--ifm-transition-fast) linear;
    width: 1.25rem;
    content: "";
}
.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;
}
.active\:after\:brightness-90:active:after,
.active\:brightness-110:active,
.active\:brightness-90:active,
.before\:blur-\[4px\]:before,
.blur,
.blur-\[100px\],
.blur-\[120px\],
.blur-\[128px\],
.blur-\[12px\],
.blur-\[187px\],
.blur-\[75px\],
.blur-lg,
.blur-sm,
.blur-xl,
.brightness-110,
.drop-shadow,
.drop-shadow-2xl,
.drop-shadow-\[0_0_30px_rgba\(0\2c 128\2c 255\2c 0\.3\)\],
.drop-shadow-\[0_0_30px_rgba\(128\2c 0\2c 255\2c 0\.3\)\],
.drop-shadow-\[0_0_30px_rgba\(179\2c 102\2c 255\2c 1\)\],
.drop-shadow-\[0_0_30px_rgba\(254\2c 37\2c 27\2c 0\.3\)\],
.drop-shadow-\[0_0_30px_rgba\(51\2c 51\2c 255\2c 0\.3\)\],
.drop-shadow-\[0_0_30px_rgba\(51\2c 51\2c 255\2c 0\.55\)\],
.drop-shadow-none,
.drop-shadow-sm,
.filter,
.focus\:brightness-110:focus,
.focus\:brightness-75:focus,
.grayscale,
.group:hover .group-hover\:brightness-110,
.group\/highlight:hover .group-hover\/highlight\:drop-shadow-lg,
.hover\:brightness-105:hover,
.hover\:brightness-110:hover,
.hover\:brightness-125:hover,
.hover\:brightness-90:hover,
.invert,
html[data-theme="dark"]:not([data-customized="true"])
    #__docusaurus
    .navbar
    .header-github-link:before {
    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);
}
.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);
}
.flex,
.navbar,
.navbar > .container,
.navbar > .container-fluid {
    display: flex;
}
.navbar--fixed-top {
    position: sticky;
    top: 0;
    z-index: var(--ifm-z-index-fixed);
}
.navbar__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.navbar__brand {
    align-items: center;
    display: flex;
    margin-right: 1rem;
    min-width: 0;
}
.navbar__brand:hover {
    color: var(--ifm-navbar-link-hover-color);
    text-decoration: none;
}
.navbar__title {
    flex: 1 1 auto;
}
.navbar__toggle {
    display: none;
    margin-right: 0.5rem;
}
.navbar__logo {
    flex: 0 0 auto;
    height: 2rem;
    margin-right: 0.5rem;
}
.h-full,
.navbar__logo img {
    height: 100%;
}
.navbar__items {
    align-items: center;
    display: flex;
    flex: 1;
    min-width: 0;
}
.navbar__items--center {
    flex: 0 0 auto;
}
#__docusaurus .theme-code-block-highlighted-line,
.m-0,
.navbar__items--center .navbar__brand,
blockquote,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    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);
}
#nprogress,
.data-\[disabled\]\:pointer-events-none[data-disabled],
.navbar__item.dropdown .navbar__link:not([href]),
.pointer-events-none {
    pointer-events: none;
}
.navbar__link--active,
.navbar__link:hover {
    color: var(--ifm-navbar-link-hover-color);
    text-decoration: none;
}
.navbar--dark,
.navbar--primary {
    --ifm-menu-color: var(--ifm-color-gray-300);
    --ifm-navbar-link-color: var(--ifm-color-gray-100);
    --ifm-navbar-search-input-background-color: #ffffff1a;
    --ifm-navbar-search-input-placeholder-color: #ffffff80;
    color: var(--ifm-color-white);
}
.navbar--dark {
    --ifm-navbar-background-color: #242526;
    --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 0.75rem center/1rem 1rem;
    border: none;
    border-radius: 2rem;
    color: var(--ifm-navbar-search-input-color);
    cursor: text;
    display: inline-block;
    font-size: 0.9rem;
    height: 2rem;
    padding: 0 0.5rem 0 2.25rem;
    width: 12.5rem;
}
.cursor-pointer,
.item,
.pills__item,
.refine-toc-item,
.tabs__item,
[role="button"],
button {
    cursor: pointer;
}
.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);
    position: fixed;
    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;
    position: fixed;
    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);
}
#__docusaurus .all-tags-button:hover svg,
.-rotate-90,
.-scale-x-100,
.-scale-y-100,
.-translate-x-12,
.-translate-x-1\/2,
.-translate-x-8,
.-translate-y-0,
.-translate-y-10,
.-translate-y-12,
.-translate-y-1\/2,
.-translate-y-6,
.-translate-y-8,
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"],
.data-\[side\=left\]\:-translate-x-1[data-side="left"],
.data-\[side\=right\]\:translate-x-1[data-side="right"],
.data-\[side\=top\]\:-translate-y-1[data-side="top"],
.refine-details > summary .refine-details-triangle,
.refine-details[open] > summary .refine-details-triangle,
.refine-prose a.hash-link:before,
.rotate-180,
.rotate-90,
.rotate-\[360deg\],
.scale-0,
.scale-100,
.scale-75,
.scale-95,
.scale-\[1\.33\],
.scale-\[2\],
.scale-x-100,
.scale-y-100,
.scale-y-95,
.skew-x-\[14deg\],
.transform,
.translate-x-0,
.translate-x-1,
.translate-x-12,
.translate-x-1\.5,
.translate-x-6,
.translate-x-full,
.translate-y-0,
.translate-y-0\.5,
.translate-y-12,
.translate-y-2,
.translate-y-3,
.translate-y-6,
.translate-y-64,
.translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.navbar-sidebar__item {
    flex-shrink: 0;
    padding: 0.5rem;
    width: calc(var(--ifm-navbar-sidebar-width));
}
.navbar-sidebar__back {
    background: var(--ifm-menu-color-background-active);
    font-size: 15px;
    font-weight: var(--ifm-button-font-weight);
    margin: 0 0 0.2rem -0.5rem;
    padding: 0.6rem 1.5rem;
    position: relative;
    text-align: left;
    top: -0.5rem;
    width: calc(100% + 1rem);
}
.navbar-sidebar__close {
    display: flex;
    margin-left: auto;
}
.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;
}
.inline-flex,
.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: 0.25;
    pointer-events: none;
}
.pagination__link {
    border-radius: var(--ifm-pagination-border-radius);
    color: var(--ifm-font-color-base);
    display: inline-block;
    padding: var(--ifm-pagination-padding-vertical)
        var(--ifm-pagination-padding-horizontal);
    transition: background var(--ifm-transition-fast)
        var(--ifm-transition-timing-default);
}
.pagination__link:hover,
html .no-underline {
    text-decoration: none;
}
.pagination-nav {
    grid-gap: var(--ifm-spacing-horizontal);
    display: grid;
    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);
    text-decoration: none;
}
.pagination-nav__link--next {
    grid-column: 2/3;
    text-align: right;
}
.pagination-nav__label {
    font-size: var(--ifm-h4-font-size);
    font-weight: var(--ifm-heading-font-weight);
    word-break: break-word;
}
.pagination-nav__link--prev .pagination-nav__label:before {
    content: "« ";
}
.pagination-nav__link--next .pagination-nav__label:after {
    content: " »";
}
.pagination-nav__sublabel {
    color: var(--ifm-color-content-secondary);
    font-size: var(--ifm-h5-font-size);
    font-weight: var(--ifm-font-weight-semibold);
    margin-bottom: 0.25rem;
}
.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: 0.5rem;
    display: inline-block;
    padding: 0.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);
    margin-bottom: 0;
    overflow-x: auto;
}
.tabs__item {
    border-bottom: 3px solid #0000;
    border-radius: var(--ifm-global-radius);
    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);
}
.\[\&\>svg\]\:transition-transform > svg,
.refine-details > summary .refine-details-triangle,
.refine-prose a.hash-link:before,
.transition,
.transition-\[background-color\2c background\2c opacity\],
.transition-\[background-color\],
.transition-\[border-radius\],
.transition-\[filter\2c color\2c background-color\],
.transition-\[filter\],
.transition-\[min-height\2c height\],
.transition-\[opacity\2c transform\2c background-color\2c color\],
.transition-\[opacity\2c transform\],
.transition-\[transform\2c opacity\2c margin-bottom\],
.transition-\[transform\2c opacity\],
.transition-all,
.transition-colors,
.transition-opacity,
.transition-transform {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.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);
}
:root,
html.blog-wrapper,
html.docs-wrapper {
    --color-gray-0: 255 255 255;
    --color-gray-1000: 0 0 0;
}
.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;
    --docsearch-text-color: #f5f6f7;
    --docsearch-container-background: #090a11cc;
    --docsearch-modal-background: #15172a;
    --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
    --docsearch-searchbox-background: #090a11;
    --docsearch-searchbox-focus-background: #000;
    --docsearch-hit-color: #bec3c9;
    --docsearch-hit-shadow: none;
    --docsearch-hit-background: #090a11;
    --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
    --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d,
        0 2px 2px 0 #0304094d;
    --docsearch-key-pressed-shadow: inset 0 -2px 0 0 #282d55,
        inset 0 0 1px 1px #51577d, 0 1px 1px 0 rgba(3, 4, 9, 0.302);
    --docsearch-footer-background: #1e2136;
    --docsearch-footer-shadow: inset 0 1px 0 0 #494c6a80, 0 -4px 8px 0 #0003;
    --docsearch-logo-color: #fff;
    --docsearch-muted-color: #7f8497;
}
:root {
    --docusaurus-progress-bar-color: var(--ifm-color-primary);
    --color-gray-50: 244 248 251;
    --color-gray-100: 237 242 247;
    --color-gray-200: 222 229 237;
    --color-gray-300: 207 215 226;
    --color-gray-400: 163 173 194;
    --color-gray-500: 108 119 147;
    --color-gray-600: 71 78 107;
    --color-gray-700: 48 52 80;
    --color-gray-800: 29 30 48;
    --color-gray-900: 20 20 31;
}
#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;
}
#__docusaurus .blog-post-item-shadow,
#__docusaurus .example-card:hover {
    box-shadow: 6px 8px 16px #2a2a4266;
}
html.blog-wrapper,
html.docs-wrapper {
    --color-gray-50: 246 247 249;
    --color-gray-100: 246 247 249;
    --color-gray-200: 234 235 239;
    --color-gray-300: 227 228 229;
    --color-gray-400: 153 161 179;
    --color-gray-500: 102 112 132;
    --color-gray-600: 68 73 85;
    --color-gray-700: 52 58 70;
    --color-gray-800: 35 39 47;
    --color-gray-900: 35 39 47;
}
.scrollbar-slim {
    scrollbar-color: red blue;
    scrollbar-width: thin;
}
.scrollbar-slim::-webkit-scrollbar {
    width: 12px;
}
.scrollbar-slim::-webkit-scrollbar-track {
    background: #14141f;
    border-radius: 5px;
}
.scrollbar-slim::-webkit-scrollbar-thumb {
    background-color: #303450;
    border: 3px solid #14141f;
    border-radius: 12px;
}
.refine-prose {
    color: var(--tw-prose-body);
    max-width: 100% !important;
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75;
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
    font-weight: 400;
    max-width: none;
}
.refine-prose
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em;
}
.refine-prose
    :where([class~="lead"]):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: 1.2em;
    margin-top: 1.2em;
}
.refine-prose
    :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
}
.refine-prose
    :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
}
.refine-prose
    :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
}
.refine-prose
    :where(blockquote strong):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
}
.refine-prose
    :where(thead th strong):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
}
.refine-prose
    :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em;
}
.refine-prose
    :where(ol[type="A"]):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: upper-alpha;
}
.refine-prose
    :where(ol[type="a"]):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: lower-alpha;
}
.refine-prose
    :where(ol[type="A s"]):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: upper-alpha;
}
.refine-prose
    :where(ol[type="a s"]):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: lower-alpha;
}
.refine-prose
    :where(ol[type="I"]):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: upper-roman;
}
.refine-prose
    :where(ol[type="i"]):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: lower-roman;
}
.refine-prose
    :where(ol[type="I s"]):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: upper-roman;
}
.refine-prose
    :where(ol[type="i s"]):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: lower-roman;
}
.refine-prose
    :where(ol[type="1"]):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    list-style-type: decimal;
}
.refine-prose
    :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: disc;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em;
}
.refine-prose
    :where(ol > li):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    )::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
}
.refine-prose
    :where(ul > li):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    )::marker {
    color: var(--tw-prose-bullets);
}
.refine-prose
    :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em;
}
.refine-prose
    :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-bottom: 3em;
    margin-top: 3em;
}
.refine-prose
    :where(blockquote):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    border-inline-start-color: var(--tw-prose-quote-borders);
    border-inline-start-width: 0.25rem;
    color: var(--tw-prose-quotes);
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start: 1em;
    quotes: "\201C""\201D""\2018""\2019";
}
.refine-prose
    :where(blockquote p:first-of-type):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ):before {
    content: open-quote;
}
.refine-prose
    :where(blockquote p:last-of-type):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ):after {
    content: close-quote;
}
.refine-prose
    :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.1111111;
    margin-bottom: 0.8888889em;
    margin-top: 0;
}
.refine-prose
    :where(h1 strong):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
    font-weight: 900;
}
.refine-prose
    :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.3333333;
    margin-bottom: 1em;
    margin-top: 2em;
}
.refine-prose
    :where(h2 strong):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
    font-weight: 800;
}
.refine-prose
    :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0.6em;
    margin-top: 1.6em;
}
.refine-prose
    :where(h3 strong):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
    font-weight: 700;
}
.refine-prose
    :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0.5em;
    margin-top: 1.5em;
}
.refine-prose
    :where(h4 strong):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
    font-weight: 700;
}
.refine-prose
    :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 2em;
    margin-top: 2em;
}
.refine-prose
    :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    display: block;
    margin-bottom: 2em;
    margin-top: 2em;
}
.refine-prose
    :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 2em;
    margin-top: 2em;
}
.refine-prose
    :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-radius: 0.3125rem;
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),
        0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
    color: var(--tw-prose-kbd);
    font-family: inherit;
    font-size: 0.875em;
    font-weight: 500;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    padding-top: 0.1875em;
    padding-inline-start: 0.375em;
}
.refine-prose
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-size: 0.875em;
    font-weight: 600;
}
.refine-prose
    :where(code):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ):before {
    content: "`";
}
.refine-prose
    :where(code):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ):after {
    content: "`";
}
.refine-prose
    :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
}
.refine-prose
    :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
}
.refine-prose
    :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.875em;
}
.refine-prose
    :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.9em;
}
.refine-prose
    :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
}
.refine-prose
    :where(blockquote code):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
}
.refine-prose
    :where(thead th code):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: inherit;
}
.refine-prose
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--tw-prose-pre-bg);
    border-radius: 0.375rem;
    color: var(--tw-prose-pre-code);
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.7142857;
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em;
    overflow-x: auto;
    padding-inline-end: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-top: 0.8571429em;
    padding-inline-start: 1.1428571em;
}
.refine-prose
    :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: initial;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0;
}
.refine-prose
    :where(pre code):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ):before {
    content: none;
}
.refine-prose
    :where(pre code):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ):after {
    content: none;
}
.refine-prose
    :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-bottom: 2em;
    margin-top: 2em;
    table-layout: auto;
    text-align: start;
    width: 100%;
}
.refine-prose
    :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-color: var(--tw-prose-th-borders);
    border-bottom-width: 1px;
}
.refine-prose
    :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
    vertical-align: bottom;
}
.refine-prose li code,
progress,
sub,
sup {
    vertical-align: initial;
}
.refine-prose
    :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-color: var(--tw-prose-td-borders);
    border-bottom-width: 1px;
}
.refine-prose
    :where(tbody tr:last-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    border-bottom-width: 0;
}
.refine-prose
    :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: initial;
}
.refine-prose
    :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-color: var(--tw-prose-th-borders);
    border-top-width: 1px;
}
.refine-prose
    :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
}
.refine-prose
    :where(figure > *):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 0;
    margin-top: 0;
}
.refine-prose
    :where(figcaption):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
}
.refine-prose
    :where(picture > img):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 0;
    margin-top: 0;
}
.refine-prose
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
.refine-prose
    :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
}
.refine-prose
    :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
}
.refine-prose
    :where(.prose > ul > li p):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 0.75em;
    margin-top: 0.75em;
}
.refine-prose
    :where(.prose > ul > li > p:first-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 1.25em;
}
.refine-prose
    :where(.prose > ul > li > p:last-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 1.25em;
}
.refine-prose
    :where(.prose > ol > li > p:first-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 1.25em;
}
.refine-prose
    :where(.prose > ol > li > p:last-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 1.25em;
}
.refine-prose
    :where(ul ul, ul ol, ol ul, ol ol):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 0.75em;
    margin-top: 0.75em;
}
.refine-prose
    :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em;
}
.refine-prose
    :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
}
.refine-prose
    :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
}
.refine-prose
    :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
}
.refine-prose
    :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
}
.refine-prose
    :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
}
.refine-prose
    :where(thead th:first-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-start: 0;
}
.refine-prose
    :where(thead th:last-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-end: 0;
}
.refine-prose
    :where(tbody td, tfoot td):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-top: 0.5714286em;
    padding-inline-start: 0.5714286em;
}
.refine-prose
    :where(tbody td:first-child, tfoot td:first-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-start: 0;
}
.refine-prose
    :where(tbody td:last-child, tfoot td:last-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    padding-inline-end: 0;
}
.refine-prose
    :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 2em;
    margin-top: 2em;
}
.refine-prose
    :where(.prose > :first-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-top: 0;
}
.refine-prose
    :where(.prose > :last-child):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
    ) {
    margin-bottom: 0;
}
.refine-prose
    :is(
        :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *))
    ) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
}
.refine-prose:is([data-theme="dark"] *)
    :is(
        :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *))
    ) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose
    :is(:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(8 126 164 / var(--tw-text-opacity));
    font-weight: 400;
    text-decoration-line: none;
}
.refine-prose:is([data-theme="dark"] *)
    :is(:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(20 158 202 / var(--tw-text-opacity));
}
.refine-prose
    :is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
}
.refine-prose:is([data-theme="dark"] *)
    :is(:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose
    :is(:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}
.refine-prose:is([data-theme="dark"] *)
    :is(:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose
    :is(:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
}
.refine-prose:is([data-theme="dark"] *)
    :is(:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose
    :is(:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}
.refine-prose:is([data-theme="dark"] *)
    :is(:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose
    :is(:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
    margin-bottom: 1.25rem;
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.5rem;
}
.refine-prose:is([data-theme="dark"] *)
    :is(:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose
    :is(:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
}
.refine-prose
    :is(:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
    margin-left: 0;
    padding-left: 18px;
}
.refine-prose:is([data-theme="dark"] *)
    :is(:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose
    :is(:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
    margin-left: 0;
    padding-left: 18px;
}
.refine-prose:is([data-theme="dark"] *)
    :is(:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose
    :is(:where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *))) {
    font-family: JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas,
        Liberation Mono, Courier New, monospace;
}
.refine-prose
    :is(
        :where(blockquote):not(
                :where([class~="not-prose"], [class~="not-prose"] *)
            )
    ) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
    border-left-color: rgb(var(--color-gray-400) / var(--tw-border-opacity));
    border-left-width: 4px;
    border-radius: 0.5rem;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
    font-style: normal;
    font-weight: 400;
    padding: 1rem 1rem 1rem 0.75rem;
}
.refine-prose:is([data-theme="dark"] *)
    :is(
        :where(blockquote):not(
                :where([class~="not-prose"], [class~="not-prose"] *)
            )
    ) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
    border-left-color: rgb(var(--color-gray-500) / var(--tw-border-opacity));
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose a.hash-link:before,
.refine-prose blockquote code:not(pre > code),
.refine-prose table tbody tr:nth-child(odd) {
    background-color: rgb(var(--color-gray-400) / var(--tw-bg-opacity));
}
.refine-prose
    :is(
        :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))
    ) {
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-bg-opacity: 0.1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-gray-400) / var(--tw-bg-opacity));
    color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
    display: inline-block;
    border-radius: 0.25rem;
    font-family: JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas,
        Liberation Mono, Courier New, monospace;
    padding: 0 0.25rem;
    border-style: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-weight: 400;
}
.refine-prose:is([data-theme="dark"] *)
    :is(
        :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))
    ) {
    --tw-bg-opacity: 0.1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-gray-400) / var(--tw-bg-opacity));
    color: rgb(var(--color-gray-0) / var(--tw-text-opacity));
}
.refine-prose table td,
.refine-prose table th {
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
    --tw-text-opacity: 1;
}
.refine-prose
    :is(
        :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))
    ):before {
    --tw-content: none;
    content: var(--tw-content);
}
.refine-prose
    :is(
        :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))
    ):after {
    --tw-content: none;
    content: var(--tw-content);
}
.refine-prose table code {
    vertical-align: initial !important;
}
.refine-prose li::marker {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500) / var(--tw-text-opacity));
}
.refine-prose ul li::marker {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.refine-prose h1 code,
.refine-prose h2 code,
.refine-prose h3 code,
.refine-prose h4 code {
    font-size: inherit;
    line-height: inherit;
    transform: translateY(0);
    vertical-align: bottom;
}
.refine-prose h4 code {
    letter-spacing: normal;
    text-transform: none;
}
.refine-prose a.hash-link {
    display: inline-flex;
    margin-left: 6px;
    padding: 0;
    position: relative;
    width: 0;
}
.refine-prose a.hash-link:before {
    --tw-bg-opacity: 0.1;
    --tw-translate-y: -50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23667084' fill-rule='evenodd' d='M9.172 1.172a4 4 0 1 1 5.656 5.656l-2 2a.5.5 0 1 1-.707-.707l2-2A3 3 0 1 0 9.88 1.88l-2 2a.5.5 0 0 1-.707-.707l2-2Zm2.182 3.474a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708l6-6a.5.5 0 0 1 .708 0ZM3.879 7.172a.5.5 0 0 1 0 .707l-2 2A3 3 0 1 0 6.12 14.12l2-2a.5.5 0 0 1 .707.707l-2 2a4 4 0 0 1-5.656-5.656l2-2a.5.5 0 0 1 .707 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.875rem;
    border-radius: 10px;
    content: "";
    display: inline-flex;
    height: 1.75rem;
    left: -1px;
    line-height: 1.75rem;
    position: absolute;
    top: 50%;
    transition-property: all;
    width: 1.75rem;
}
.refine-prose a.hash-link:hover:before {
    background-size: 1rem;
}
html[data-theme="dark"] .refine-prose a.hash-link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2399A1B3' fill-rule='evenodd' d='M9.172 1.172a4 4 0 1 1 5.656 5.656l-2 2a.5.5 0 1 1-.707-.707l2-2A3 3 0 1 0 9.88 1.88l-2 2a.5.5 0 0 1-.707-.707l2-2Zm2.182 3.474a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708l6-6a.5.5 0 0 1 .708 0ZM3.879 7.172a.5.5 0 0 1 0 .707l-2 2A3 3 0 1 0 6.12 14.12l2-2a.5.5 0 0 1 .707.707l-2 2a4 4 0 0 1-5.656-5.656l2-2a.5.5 0 0 1 .707 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.refine-prose blockquote p:after,
.refine-prose blockquote p:before,
.refine-prose blockquote:after,
.refine-prose blockquote:before {
    --tw-content: none;
    content: var(--tw-content);
}
.refine-prose
    table
    :is(
        :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *))
    ) {
    border-style: none;
}
.refine-prose table tr {
    border-top: unset;
}
.refine-prose table td,
.refine-prose table th {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-300) / var(--tw-border-opacity));
    border-width: 1px;
    padding: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    vertical-align: top;
}
.refine-prose table td:is([data-theme="dark"] *),
.refine-prose table th:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-gray-600) / var(--tw-border-opacity));
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose table th {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.75rem;
}
.refine-prose table th:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.refine-prose table th code,
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.refine-prose table tbody tr:nth-child(odd) {
    --tw-bg-opacity: 0.1;
}
.bg-gray-0,
.refine-prose table tbody tr:nth-child(2n),
.refine-prose table thead {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-0) / var(--tw-bg-opacity));
}
.refine-prose table tbody tr:nth-child(2n):is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
}
.refine-prose table thead:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
}
.border-none,
.refine-prose table thead tr {
    border-style: none;
}
.refine-prose .table-container {
    margin-bottom: 1rem;
    margin-top: 2rem;
    max-width: 100%;
    overflow: auto;
    padding-bottom: 1rem;
}
.refine-prose .table-container table {
    display: table;
    margin-bottom: 0;
    margin-top: 0;
    table-layout: auto;
}
.refine-toc-item code:after,
.refine-toc-item code:before {
    content: "";
}
.refine-toc-item code {
    font-feature-settings: "liga" 0;
    border-radius: 0.25rem;
    border-style: none !important;
    color: inherit !important;
    font-family: JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas,
        Liberation Mono, Courier New, monospace;
    font-variant-ligatures: none;
    padding: 0.125rem 0.25rem;
    vertical-align: bottom !important;
    font-size: 12px;
}
.refine-toc-item code:is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.3;
    background-color: rgb(var(--color-gray-600) / var(--tw-bg-opacity));
    color: inherit !important;
}
a:has(> code) {
    text-decoration: none !important;
}
a:has(> code) code {
    --tw-text-opacity: 1 !important;
    color: rgb(8 126 164 / var(--tw-text-opacity)) !important;
    vertical-align: initial !important;
}
a:has(> code) code:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(20 158 202 / var(--tw-text-opacity)) !important;
}
p:has(> code) code {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
    vertical-align: initial !important;
}
li a:has(> code) code {
    margin-left: 0 !important;
    margin-right: 0 !important;
    vertical-align: initial !important;
}
.admonition.admonition-caution code:not(pre > code) {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 15%;
    background-color: rgb(219 125 39 / var(--tw-bg-opacity));
}
.admonition.admonition-caution code:not(pre > code):is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.15;
    background-color: rgb(219 125 39 / var(--tw-bg-opacity));
}
.admonition.admonition-caution li::marker {
    --tw-text-opacity: 1;
    color: rgb(199 106 21 / var(--tw-text-opacity));
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.admonition.admonition-caution li:is([data-theme="dark"] *)::marker {
    --tw-text-opacity: 1;
    color: rgb(219 125 39 / var(--tw-text-opacity));
}
.admonition.admonition-danger code:not(pre > code) {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 15%;
    background-color: rgb(255 76 77 / var(--tw-bg-opacity));
}
.admonition.admonition-danger code:not(pre > code):is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.15;
    background-color: rgb(255 76 77 / var(--tw-bg-opacity));
}
.admonition.admonition-danger li::marker {
    --tw-text-opacity: 1;
    color: rgb(255 76 77 / var(--tw-text-opacity));
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.admonition.admonition-danger li:is([data-theme="dark"] *)::marker {
    --tw-text-opacity: 1;
    color: rgb(255 76 77 / var(--tw-text-opacity));
}
.admonition.admonition-info code:not(pre > code) {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 15%;
    background-color: rgb(87 95 183 / var(--tw-bg-opacity));
}
.admonition.admonition-info code:not(pre > code):is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.15;
    background-color: rgb(136 145 236 / var(--tw-bg-opacity));
}
.admonition.admonition-info li::marker {
    --tw-text-opacity: 1;
    color: rgb(87 95 183 / var(--tw-text-opacity));
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.admonition.admonition-info li:is([data-theme="dark"] *)::marker {
    --tw-text-opacity: 1;
    color: rgb(136 145 236 / var(--tw-text-opacity));
}
.admonition.admonition-tip code:not(pre > code) {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 15%;
    background-color: rgb(36 168 102 / var(--tw-bg-opacity));
}
.admonition.admonition-tip code:not(pre > code):is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.15;
    background-color: rgb(38 217 127 / var(--tw-bg-opacity));
}
.admonition.admonition-tip li::marker {
    --tw-text-opacity: 1;
    color: rgb(36 168 102 / var(--tw-text-opacity));
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.admonition.admonition-tip li:is([data-theme="dark"] *)::marker {
    --tw-text-opacity: 1;
    color: rgb(38 217 127 / var(--tw-text-opacity));
}
.admonition.admonition-note code:not(pre > code) {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 15%;
    background-color: rgb(43 110 98 / var(--tw-bg-opacity));
}
.admonition.admonition-note code:not(pre > code):is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.15;
    background-color: rgb(68 172 153 / var(--tw-bg-opacity));
}
.admonition.admonition-note li::marker {
    --tw-text-opacity: 1;
    color: rgb(43 110 98 / var(--tw-text-opacity));
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.admonition.admonition-note li:is([data-theme="dark"] *)::marker {
    --tw-text-opacity: 1;
    color: rgb(68 172 153 / var(--tw-text-opacity));
}
#__docusaurus .menu__link--active:not(.menu__link--sublist),
.admonition pre.prism-code code,
.bg-transparent {
    background-color: initial;
}
.refine-prose blockquote li::marker {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.refine-prose blockquote li:is([data-theme="dark"] *)::marker {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500) / var(--tw-text-opacity));
}
.refine-prose blockquote code:not(pre > code) {
    --tw-bg-opacity: 1;
    --tw-bg-opacity: 15%;
}
.refine-prose blockquote code:not(pre > code):is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.1;
    background-color: rgb(var(--color-gray-500) / var(--tw-bg-opacity));
}
.refine-details > summary + div > div {
    border-top-width: 0;
    margin-top: 0;
    padding-top: 0;
}
.p-4,
.refine-details-content {
    padding: 1rem;
}
.refine-details > summary .refine-details-triangle {
    --tw-rotate: -90deg;
    transition-property: transform;
}
.refine-details[open] > summary .refine-details-triangle {
    --tw-rotate: 0deg;
}
.max-w-\[480px\],
.max-w-screen-content,
.max-w-screen-content-sm {
    max-width: 480px;
}
html[data-active-page="index"],
html[data-active-page="index"] body {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
}
@keyframes a {
    0%,
    35%,
    to {
        opacity: 0;
    }
    30%,
    5% {
        opacity: 1;
    }
}
.landing-hero-mobile-svg .auth,
.landing-hero-mobile-svg .backend,
.landing-hero-mobile-svg .framework,
.landing-hero-mobile-svg .platform {
    animation: 24s infinite a;
    opacity: 0;
    will-change: opacity;
}
.landing-hero-mobile-svg .nextjs {
    animation-delay: 0s;
}
.landing-hero-mobile-svg .vite {
    animation-delay: 8s;
}
.landing-hero-mobile-svg .remix {
    animation-delay: 16s;
}
.landing-hero-mobile-svg .mui {
    animation-delay: -3s;
}
.landing-hero-mobile-svg .antd {
    animation-delay: 5s;
}
.landing-hero-mobile-svg .chakra {
    animation-delay: 13s;
}
.landing-hero-mobile-svg .supabase {
    animation-delay: -6s;
}
.landing-hero-mobile-svg .nest {
    animation-delay: 2s;
}
.landing-hero-mobile-svg .appwrite {
    animation-delay: 10s;
}
.landing-hero-mobile-svg .google {
    animation-delay: -9s;
}
.landing-hero-mobile-svg .auth0 {
    animation-delay: -1s;
}
.landing-hero-mobile-svg .strapi {
    animation-delay: 7s;
}
.animation-parent {
    backface-visibility: hidden;
    perspective: 1000;
    transform: translateZ(0);
}
.hidden,
.sp-icon-standalone[title="Open in CodeSandbox"] svg + span,
.sp-preview .sp-custom-loading,
.sp-preview .sp-loading,
[hidden] {
    display: none;
}
.sp-preview .sp-loading + .sp-custom-loading {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-0) / var(--tw-bg-opacity));
    align-items: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: calc(var(--sp-zIndices-top) + 1);
}
.sp-preview .sp-loading + .sp-custom-loading:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
}
@keyframes b {
    0% {
        width: 0;
    }
    to {
        width: 100%;
    }
}
.sp-preview .sp-loading + .sp-custom-loading .sp-loading-progress {
    animation: 1s linear forwards b;
}
button.sp-button.sp-icon-standalone[title="Open in CodeSandbox"]:has(
        svg + span
    ) {
    padding-left: 0;
    padding-right: 4px;
    width: 26px;
}
.admonition-simple .admonition-content :last-child,
.mb-0,
.refine-tab-content > :last-child {
    margin-bottom: 0;
}
.admonition-simple ul {
    list-style-position: outside;
    list-style-type: "-   ";
    margin: 0;
    padding-left: 24px;
}
.admonition-simple * {
    font-size: 0.875rem;
    line-height: 1rem;
}
.admonition-simple .admonition-content ul li::marker {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
}
.admonition-simple .admonition-content ul li:is([data-theme="dark"] *)::marker {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.admonition .admonition-header code,
button,
select {
    text-transform: none;
}
h4 > del:has(code:only-child) {
    text-decoration-line: none;
}
html h4 > del:has(code:only-child) {
    text-decoration: none;
}
h4 > del:has(code:only-child) code {
    text-decoration-line: line-through;
}
.theme-code-block-highlighted-line {
    --tw-bg-opacity: 0.07 !important;
    background-color: rgb(8 126 164 / var(--tw-bg-opacity)) !important;
    position: relative;
}
.theme-code-block-highlighted-line:is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.05 !important;
    background-color: rgb(20 158 202 / var(--tw-bg-opacity)) !important;
}
.theme-code-block-highlighted-line:after,
.theme-code-block-highlighted-line:before {
    --tw-bg-opacity: 0.75;
    background-color: rgb(8 126 164 / var(--tw-bg-opacity));
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 0.125rem;
}
.theme-code-block-highlighted-line:is([data-theme="dark"] *):after,
.theme-code-block-highlighted-line:is([data-theme="dark"] *):before {
    --tw-bg-opacity: 0.5;
    background-color: rgb(20 158 202 / var(--tw-bg-opacity)) !important;
}
.-left-0,
.left-0,
.theme-code-block-highlighted-line:after {
    left: 0;
}
.right-0,
.theme-code-block-highlighted-line:before {
    right: 0;
}
.refine-prose .table-full-width .props-table,
.refine-prose .table-full-width .table-container {
    --full-width-limit: 1280px;
    --applied-full-table-width: min(
        var(--preferred-full-table-width, 100%),
        var(--full-width-limit)
    );
    margin-left: calc(
        (var(--applied-full-table-width, 100%) - 100%) / 2 * -1 + 16px
    );
    margin-right: calc(
        (var(--applied-full-table-width, 100%) - 100%) / 2 * -1 + 16px
    );
    max-width: var(--applied-full-table-width);
}
.font-jetBrains-mono,
.font-mono,
.refine-prose code {
    font-feature-settings: "liga" 0;
    font-variant-ligatures: none !important;
}
h1 del,
h1 del code,
h2 del,
h2 del code,
h3 del,
h3 del code,
h4 del,
h4 del code {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-gray-400) / var(--tw-text-opacity)) !important;
    text-decoration-line: line-through !important;
}
h1 del code:is([data-theme="dark"] *),
h1 del:is([data-theme="dark"] *),
h2 del code:is([data-theme="dark"] *),
h2 del:is([data-theme="dark"] *),
h3 del code:is([data-theme="dark"] *),
h3 del:is([data-theme="dark"] *),
h4 del code:is([data-theme="dark"] *),
h4 del:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-gray-500) / var(--tw-text-opacity)) !important;
}
.docs-wrapper ::selection {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(110 247 247 / var(--tw-bg-opacity));
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
}
.\!bg-gray-0,
.\!bg-gray-200,
.\!bg-gray-300 {
    --tw-bg-opacity: 1 !important;
}
.\!hidden,
.sp-bridge-frame {
    display: none !important;
}
.sp-console-list code {
    background-color: initial !important;
    background-image: none !important;
    border-style: none !important;
}
.sp-console-list .sp-console-item {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-600) / var(--tw-text-opacity));
    padding: 1px 0.5rem !important;
}
.\!text-gray-0,
.\!text-gray-1000,
.\!text-gray-300,
.\!text-gray-400,
.\!text-gray-800,
.\!text-gray-900,
.\!text-white {
    --tw-text-opacity: 1 !important;
}
.sp-console-list .sp-console-item:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200) / var(--tw-text-opacity));
}
.cm-gutter.cm-lineNumbers {
    font-size: 0.75rem !important;
    line-height: 1.25rem !important;
}
*,
:after,
:before {
    border-color: rgb(var(--color-gray-200) / 1);
    border-style: solid;
    border-width: 0;
}
:after,
:before {
    --tw-content: "";
}
:host,
html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: var(--primary-font-sans), ui-sans-serif, system-ui, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    font-variation-settings: normal;
    line-height: 1.5;
    tab-size: 4;
}
body {
    line-height: inherit;
    margin: 0;
}
hr {
    border-top-width: 1px;
    color: inherit;
    height: 0;
}
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
pre,
samp {
    font-feature-settings: normal;
    font-family: Source Code Pro, ui-monospace, SFMono-Regular, Menlo, Monaco,
        Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
table {
    display: block;
    margin-bottom: var(--ifm-spacing-vertical);
    overflow: auto;
    border-color: inherit;
    text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
.shadow,
.shadow-\[0px_-1\.5px_0px_rgba\(237\2c 242\2c 247\2c 0\.5\)\],
.shadow-\[0px_1px_0px_0px_\#E3E4E5\],
.shadow-enterprise-modal,
.shadow-landing-sweet-spot-code-light,
.shadow-landing-wai-shadow-light,
.shadow-lg,
.shadow-md,
.shadow-menu-blog-light,
.shadow-menu-light,
.shadow-none,
.shadow-sm,
.template-detail-markdown kbd {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
input::placeholder,
textarea::placeholder {
    color: rgb(var(--color-gray-400) / 1);
    opacity: 1;
}
.cursor-default,
.hover\:cursor-default:hover,
:disabled {
    cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}
img,
video {
    height: auto;
    max-width: 100%;
}
*,
::backdrop,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
.focus\:ring-1:focus,
.focus\:ring:focus,
.ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.shadow,
.template-detail-markdown kbd {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
        0 1px 2px -1px var(--tw-shadow-color);
}
.\!container,
.\!w-full {
    width: 100% !important;
}
.\[\&\>span\]\:w-full > span,
.container,
.tutorial-cards > a,
.w-full {
    width: 100%;
}
.sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.group\/highlight:hover .group-hover\/highlight\:pointer-events-auto,
.pointer-events-auto {
    pointer-events: auto;
}
.\!visible {
    visibility: visible !important;
}
.group\/prop-tooltip:hover .group-hover\/prop-tooltip\:visible,
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.collapse {
    visibility: collapse;
}
.static {
    position: static;
}
.DocSearch--active .DocSearch-Modal,
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative,
.with-hoverline.hoverline-link {
    position: relative;
}
.sticky {
    position: sticky;
}
.inset-0 {
    inset: 0;
}
.-bottom-2 {
    bottom: -0.5rem;
}
.-bottom-\[10\%\] {
    bottom: -10%;
}
.-bottom-\[125px\] {
    bottom: -125px;
}
.-left-0\.5 {
    left: -0.125rem;
}
.-left-1 {
    left: -0.25rem;
}
.-left-2 {
    left: -0.5rem;
}
.-left-3 {
    left: -0.75rem;
}
.-left-32 {
    left: -8rem;
}
.-left-8 {
    left: -2rem;
}
.-left-\[1\.5px\] {
    left: -1.5px;
}
.-left-\[4px\] {
    left: -4px;
}
.-left-\[calc\(150px-50\%\)\] {
    left: calc(-150px - -50%);
}
.-left-px {
    left: -1px;
}
.-right-1 {
    right: -0.25rem;
}
.-right-10 {
    right: -2.5rem;
}
.-right-2 {
    right: -0.5rem;
}
.-right-8 {
    right: -2rem;
}
.-top-0,
.top-0 {
    top: 0;
}
.-top-0\.5 {
    top: -0.125rem;
}
.-top-1 {
    top: -0.25rem;
}
.-top-2 {
    top: -0.5rem;
}
.-top-3 {
    top: -0.75rem;
}
.-top-6 {
    top: -1.5rem;
}
.-top-8 {
    top: -2rem;
}
.-top-\[1\.5px\] {
    top: -1.5px;
}
.-top-\[calc\(150px-calc\(48px\/2\)\)\] {
    top: -126px;
}
.-top-\[calc\(2\.5rem\+2\.5rem\+1rem\+1\.5rem\)\] {
    top: -7.5rem;
}
.-top-px {
    top: -1px;
}
.bottom-0 {
    bottom: 0;
}
.bottom-11 {
    bottom: 2.75rem;
}
.bottom-2 {
    bottom: 0.5rem;
}
.bottom-\[16px\] {
    bottom: 16px;
}
.bottom-\[27px\] {
    bottom: 27px;
}
.bottom-\[29px\] {
    bottom: 29px;
}
.bottom-\[34px\] {
    bottom: 34px;
}
.bottom-full {
    bottom: 100%;
}
.left-1\/2 {
    left: 50%;
}
.left-12 {
    left: 3rem;
}
.left-2 {
    left: 0.5rem;
}
.left-7 {
    left: 1.75rem;
}
.left-8 {
    left: 2rem;
}
.left-\[-12\.5\%\] {
    left: -12.5%;
}
.left-\[-56px\] {
    left: -56px;
}
.left-\[-8px\] {
    left: -8px;
}
.right-2 {
    right: 0.5rem;
}
.right-3 {
    right: 0.75rem;
}
.right-6 {
    right: 1.5rem;
}
.right-7 {
    right: 1.75rem;
}
.right-\[11px\] {
    right: 11px;
}
.right-\[166px\] {
    right: 166px;
}
.right-\[16px\] {
    right: 16px;
}
.right-\[20px\] {
    right: 20px;
}
.right-\[37px\] {
    right: 37px;
}
.right-\[430px\] {
    right: 430px;
}
.top-1 {
    top: 0.25rem;
}
.top-1\/2 {
    top: 50%;
}
.top-10 {
    top: 2.5rem;
}
.top-12 {
    top: 3rem;
}
.top-2 {
    top: 0.5rem;
}
.top-24 {
    top: 6rem;
}
.top-3 {
    top: 0.75rem;
}
.top-32 {
    top: 8rem;
}
.top-4 {
    top: 1rem;
}
.top-\[-100px\] {
    top: -100px;
}
.top-\[-20px\] {
    top: -20px;
}
.top-\[-48px\] {
    top: -48px;
}
.top-\[-7px\] {
    top: -7px;
}
.top-\[-8px\] {
    top: -8px;
}
.top-\[-9px\] {
    top: -9px;
}
.top-\[100px\] {
    top: 100px;
}
.top-\[120px\] {
    top: 120px;
}
.top-\[17px\] {
    top: 17px;
}
.top-\[18px\] {
    top: 18px;
}
.top-\[64px\] {
    top: 64px;
}
.top-\[65px\] {
    top: 65px;
}
.top-\[67px\] {
    top: 67px;
}
.top-\[calc\(50\%-2px\)\] {
    top: calc(50% - 2px);
}
.top-full {
    top: 100%;
}
.z-0,
.z-\[0\] {
    z-index: 0;
}
.z-10,
.z-\[10\] {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-50 {
    z-index: 50;
}
.z-\[-1\] {
    z-index: -1;
}
.z-\[1\] {
    z-index: 1;
}
.z-\[1px\] {
    z-index: 1px;
}
.z-\[2\] {
    z-index: 2;
}
.group\/all:hover .group-hover\/all\:z-\[3\],
.z-\[3\] {
    z-index: 3;
}
.z-\[4\] {
    z-index: 4;
}
.z-\[6\] {
    z-index: 6;
}
.z-mobileNavbar {
    z-index: 1000;
}
.z-modal {
    z-index: 100;
}
.z-popover {
    z-index: 9;
}
.col-span-6 {
    grid-column: span 6 / span 6;
}
.col-span-full {
    grid-column: 1/-1;
}
.col-start-1 {
    grid-column-start: 1;
}
.col-start-2 {
    grid-column-start: 2;
}
.col-start-8 {
    grid-column-start: 8;
}
.col-end-13 {
    grid-column-end: 13;
}
.col-end-8 {
    grid-column-end: 8;
}
.row-span-1 {
    grid-row: span 1 / span 1;
}
.m-1 {
    margin: 0.25rem;
}
.-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
}
.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-0 {
    margin-bottom: 0;
    margin-top: 0;
}
.my-1 {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}
.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}
.my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem;
}
.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}
.my-auto {
    margin-bottom: auto;
    margin-top: auto;
}
.-mb-1 {
    margin-bottom: -0.25rem;
}
.-mb-\[140px\] {
    margin-bottom: -140px;
}
.-mb-px {
    margin-bottom: -1px;
}
.-ml-1 {
    margin-left: -0.25rem;
}
.-ml-px {
    margin-left: -1px;
}
.-mr-2 {
    margin-right: -0.5rem;
}
.-mt-0,
.markdown .live-editor-wrapper li + li,
.mt-0 {
    margin-top: 0;
}
.-mt-0\.5 {
    margin-top: -0.125rem;
}
.-mt-1 {
    margin-top: -0.25rem;
}
.-mt-16 {
    margin-top: -4rem;
}
.-mt-6 {
    margin-top: -1.5rem;
}
.-mt-\[10\%\] {
    margin-top: -10%;
}
.-mt-\[14px\] {
    margin-top: -14px;
}
.-mt-\[290px\] {
    margin-top: -290px;
}
.-mt-\[50px\] {
    margin-top: -50px;
}
.-mt-\[64px\] {
    margin-top: -64px;
}
.-mt-px {
    margin-top: -1px;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mb-16 {
    margin-bottom: 4rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
#__docusaurus .theme-doc-breadcrumbs,
.mb-5 {
    margin-bottom: 1.25rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mb-\[75px\] {
    margin-bottom: 75px;
}
.ml-1 {
    margin-left: 0.25rem;
}
.ml-1\.5 {
    margin-left: 0.375rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.ml-24 {
    margin-left: 6rem;
}
.ml-4 {
    margin-left: 1rem;
}
.ml-8 {
    margin-left: 2rem;
}
.ml-\[12px\] {
    margin-left: 12px;
}
.ml-auto {
    margin-left: auto;
}
.ml-px {
    margin-left: 1px;
}
.\[\&_svg\]\:mr-1 svg,
.mr-1 {
    margin-right: 0.25rem;
}
.mr-1\.5 {
    margin-right: 0.375rem;
}
.mr-10 {
    margin-right: 2.5rem;
}
.mr-16 {
    margin-right: 4rem;
}
.mr-2 {
    margin-right: 0.5rem;
}
.mr-3 {
    margin-right: 0.75rem;
}
.mr-4 {
    margin-right: 1rem;
}
.mr-8 {
    margin-right: 2rem;
}
.mt-0\.5 {
    margin-top: 0.125rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-12 {
    margin-top: 3rem;
}
.mt-14 {
    margin-top: 3.5rem;
}
.mt-16 {
    margin-top: 4rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-20 {
    margin-top: 5rem;
}
.mt-28 {
    margin-top: 7rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-5 {
    margin-top: 1.25rem;
}
.mt-6,
.template-detail-markdown li > p + p {
    margin-top: 1.5rem;
}
.loader_JUGM,
.mt-8 {
    margin-top: 2rem;
}
.mt-9 {
    margin-top: 2.25rem;
}
.mt-\[2px\] {
    margin-top: 2px;
}
.mt-px {
    margin-top: 1px;
}
.box-content {
    box-sizing: initial;
}
.DocSearch-Container,
.DocSearch-Container *,
.Resizer {
    box-sizing: border-box;
}
.line-clamp-1 {
    -webkit-line-clamp: 1;
}
.line-clamp-1,
.line-clamp-3 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.line-clamp-3 {
    -webkit-line-clamp: 3;
}
.\!block {
    display: block !important;
}
#__docusaurus .group:hover a:hover .nested-hover-visible,
.block {
    display: block;
}
.inline,
.tags_lb_B {
    display: inline;
}
.table {
    display: table;
}
.table-column {
    display: table-column;
}
.grid {
    display: grid;
}
.contents {
    display: contents;
}
.aspect-\[1168\/736\] {
    aspect-ratio: 1168/736;
}
.aspect-\[576\/336\] {
    aspect-ratio: 576/336;
}
.aspect-\[588\/488\] {
    aspect-ratio: 588/488;
}
.aspect-\[590\/405\] {
    aspect-ratio: 590/405;
}
.aspect-\[592\/334\] {
    aspect-ratio: 592/334;
}
.aspect-\[592\/348\] {
    aspect-ratio: 592/348;
}
.aspect-\[680\/480\] {
    aspect-ratio: 680/480;
}
.aspect-\[894\/504\] {
    aspect-ratio: 894/504;
}
.aspect-square {
    aspect-ratio: 1/1;
}
.\!h-0 {
    height: 0 !important;
}
.\!h-8 {
    height: 2rem !important;
}
.\!h-\[32px\] {
    height: 32px !important;
}
.\!h-full {
    height: 100% !important;
}
.h-0,
.h-\[0px\] {
    height: 0;
}
.h-1 {
    height: 0.25rem;
}
.h-10 {
    height: 2.5rem;
}
.h-12 {
    height: 3rem;
}
.h-14 {
    height: 3.5rem;
}
.h-16 {
    height: 4rem;
}
.h-2 {
    height: 0.5rem;
}
.h-2\.5 {
    height: 0.625rem;
}
.h-24 {
    height: 6rem;
}
.h-3 {
    height: 0.75rem;
}
.h-3\.5 {
    height: 0.875rem;
}
.h-32 {
    height: 8rem;
}
.h-4 {
    height: 1rem;
}
.h-5 {
    height: 1.25rem;
}
.h-6 {
    height: 1.5rem;
}
.h-8 {
    height: 2rem;
}
.h-9 {
    height: 2.25rem;
}
.h-\[100dvh\] {
    height: 100dvh;
}
.h-\[100px\] {
    height: 100px;
}
.h-\[112px\] {
    height: 112px;
}
.h-\[114px\] {
    height: 114px;
}
.h-\[120\%\] {
    height: 120%;
}
.h-\[120px\] {
    height: 120px;
}
.h-\[122px\] {
    height: 122px;
}
.h-\[128px\] {
    height: 128px;
}
.h-\[144px\] {
    height: 144px;
}
.h-\[14px\] {
    height: 14px;
}
.h-\[150px\] {
    height: 150px;
}
.h-\[156px\] {
    height: 156px;
}
.h-\[1655px\] {
    height: 1655px;
}
.h-\[180px\] {
    height: 180px;
}
.h-\[183px\] {
    height: 183px;
}
.h-\[192px\] {
    height: 192px;
}
.h-\[196px\] {
    height: 196px;
}
.h-\[1px\],
.h-px {
    height: 1px;
}
.h-\[200px\] {
    height: 200px;
}
.h-\[208px\] {
    height: 208px;
}
.h-\[20px\] {
    height: 20px;
}
.h-\[210px\] {
    height: 210px;
}
.h-\[232px\] {
    height: 232px;
}
.h-\[248px\] {
    height: 248px;
}
.h-\[268px\] {
    height: 268px;
}
.h-\[272px\] {
    height: 272px;
}
.h-\[286px\] {
    height: 286px;
}
.h-\[288px\] {
    height: 288px;
}
.h-\[28px\] {
    height: 28px;
}
.h-\[296px\] {
    height: 296px;
}
.h-\[30px\] {
    height: 30px;
}
.h-\[328px\] {
    height: 328px;
}
.h-\[32px\] {
    height: 32px;
}
.h-\[360px\] {
    height: 360px;
}
.h-\[362px\] {
    height: 362px;
}
.h-\[400px\] {
    height: 400px;
}
#__docusaurus .menu__link.menu__link--sublist[role="button"],
.h-\[40px\] {
    height: 40px;
}
.h-\[44px\] {
    height: 44px;
}
.h-\[48px\] {
    height: 48px;
}
.h-\[4px\] {
    height: 4px;
}
.h-\[50\%\] {
    height: 50%;
}
.h-\[50px\] {
    height: 50px;
}
.h-\[600px\] {
    height: 600px;
}
.h-\[62px\] {
    height: 62px;
}
.h-\[72px\] {
    height: 72px;
}
.h-\[752px\] {
    height: 752px;
}
.h-\[75px\] {
    height: 75px;
}
.h-\[96px\] {
    height: 96px;
}
.h-\[calc\(100\%\+0\.25rem\)\] {
    height: calc(100% + 0.25rem);
}
.h-\[calc\(100\%\+2\.5px\)\] {
    height: calc(100% + 2.5px);
}
.h-\[calc\(100dvh-112px-57px\)\] {
    height: calc(100dvh - 169px);
}
.h-\[calc\(100vh-65px\)\] {
    height: calc(100vh - 65px);
}
.h-\[calc\(100vh-67px\)\] {
    height: calc(100vh - 67px);
}
.h-\[calc\(172px\*2\)\] {
    height: 344px;
}
.h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
}
.h-auto,
.img_J7VO {
    height: auto;
}
.h-fit {
    height: -moz-fit-content;
    height: fit-content;
}
.h-max {
    height: max-content;
}
.h-min {
    height: min-content;
}
.h-screen {
    height: 100vh;
}
.max-h-0 {
    max-height: 0;
}
.max-h-96 {
    max-height: 24rem;
}
.max-h-\[152px\] {
    max-height: 152px;
}
.max-h-\[348px\] {
    max-height: 348px;
}
.max-h-\[48px\] {
    max-height: 48px;
}
.max-h-\[496px\] {
    max-height: 496px;
}
.max-h-\[870px\] {
    max-height: 870px;
}
.max-h-\[calc\(100dvh-104px-64px-8px\)\] {
    max-height: calc(100dvh - 176px);
}
.max-h-full {
    max-height: 100%;
}
.max-h-max {
    max-height: max-content;
}
.max-h-screen {
    max-height: 100vh;
}
.\!min-h-\[32px\] {
    min-height: 32px !important;
}
.min-h-12 {
    min-height: 3rem;
}
.min-h-\[100dvh\] {
    min-height: 100dvh;
}
.min-h-\[1556px\] {
    min-height: 1556px;
}
.min-h-\[160px\] {
    min-height: 160px;
}
.min-h-\[288px\] {
    min-height: 288px;
}
.min-h-\[28px\] {
    min-height: 28px;
}
.min-h-\[360px\] {
    min-height: 360px;
}
.min-h-\[515px\] {
    min-height: 515px;
}
.min-h-\[870px\] {
    min-height: 870px;
}
.min-h-full {
    min-height: 100%;
}
.min-h-screen {
    min-height: 100vh;
}
.\!w-40 {
    width: 10rem !important;
}
.w-0 {
    width: 0;
}
.w-1 {
    width: 0.25rem;
}
.w-10 {
    width: 2.5rem;
}
.w-12 {
    width: 3rem;
}
.w-14 {
    width: 3.5rem;
}
.w-16 {
    width: 4rem;
}
.w-2 {
    width: 0.5rem;
}
.w-2\.5 {
    width: 0.625rem;
}
.w-20 {
    width: 5rem;
}
.w-24 {
    width: 6rem;
}
.w-3 {
    width: 0.75rem;
}
.w-3\.5 {
    width: 0.875rem;
}
.w-36 {
    width: 9rem;
}
.w-4 {
    width: 1rem;
}
.w-40 {
    width: 10rem;
}
.w-5 {
    width: 1.25rem;
}
.w-6 {
    width: 1.5rem;
}
.w-60 {
    width: 15rem;
}
.w-8 {
    width: 2rem;
}
.w-9 {
    width: 2.25rem;
}
.w-\[102px\] {
    width: 102px;
}
.w-\[112px\] {
    width: 112px;
}
.w-\[114px\] {
    width: 114px;
}
.w-\[1200px\] {
    width: 1200px;
}
.w-\[120px\] {
    width: 120px;
}
.w-\[125\%\] {
    width: 125%;
}
.w-\[130px\] {
    width: 130px;
}
.w-\[144px\] {
    width: 144px;
}
.w-\[14px\] {
    width: 14px;
}
.w-\[150px\] {
    width: 150px;
}
.w-\[160px\] {
    width: 160px;
}
.w-\[166px\] {
    width: 166px;
}
.w-\[172px\] {
    width: 172px;
}
.w-\[180px\] {
    width: 180px;
}
.w-\[1px\],
.w-px {
    width: 1px;
}
.w-\[200px\] {
    width: 200px;
}
.w-\[232px\] {
    width: 232px;
}
.w-\[240px\] {
    width: 240px;
}
.w-\[248px\] {
    width: 248px;
}
.w-\[25\%\] {
    width: 25%;
}
.w-\[264px\] {
    width: 264px;
}
.w-\[280px\] {
    width: 280px;
}
.w-\[300px\] {
    width: 300px;
}
.w-\[30px\] {
    width: 30px;
}
.w-\[312px\] {
    width: 312px;
}
.w-\[314px\] {
    width: 314px;
}
.w-\[320px\] {
    width: 320px;
}
.w-\[328px\] {
    width: 328px;
}
.w-\[32px\] {
    width: 32px;
}
.w-\[336px\] {
    width: 336px;
}
.w-\[344px\],
.w-\[calc\(172px\*2\)\] {
    width: 344px;
}
.w-\[404px\] {
    width: 404px;
}
.w-\[40px\] {
    width: 40px;
}
.w-\[412px\] {
    width: 412px;
}
.w-\[436px\] {
    width: 436px;
}
.w-\[450px\] {
    width: 450px;
}
.w-\[48px\] {
    width: 48px;
}
.w-\[4ch\] {
    width: 4ch;
}
.w-\[4px\] {
    width: 4px;
}
.w-\[50px\] {
    width: 50px;
}
.w-\[560px\] {
    width: 560px;
}
.w-\[64px\] {
    width: 64px;
}
.w-\[66px\] {
    width: 66px;
}
.w-\[672px\] {
    width: 672px;
}
.w-\[88px\] {
    width: 88px;
}
.w-\[90px\] {
    width: 90px;
}
.w-\[calc\(100\%\+0\.25rem\)\] {
    width: calc(100% + 0.25rem);
}
.w-\[calc\(100\%\+2\.5px\)\] {
    width: calc(100% + 2.5px);
}
.w-auto {
    width: auto;
}
.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}
.w-max {
    width: max-content;
}
.w-min {
    width: min-content;
}
.w-screen {
    width: 100vw;
}
.min-w-\[0\.75rem\] {
    min-width: 0.75rem;
}
.min-w-\[152px\] {
    min-width: 152px;
}
.min-w-\[180px\] {
    min-width: 180px;
}
.min-w-\[207px\] {
    min-width: 207px;
}
.min-w-\[280px\] {
    min-width: 280px;
}
.min-w-\[296px\] {
    min-width: 296px;
}
.min-w-\[304px\] {
    min-width: 304px;
}
.min-w-\[430px\] {
    min-width: 430px;
}
.min-w-\[464px\] {
    min-width: 464px;
}
.min-w-\[50\%\] {
    min-width: 50%;
}
.min-w-\[60px\] {
    min-width: 60px;
}
.min-w-\[76px\] {
    min-width: 76px;
}
.min-w-\[8rem\] {
    min-width: 8rem;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
}
.min-w-full {
    min-width: 100%;
}
.max-w-0 {
    max-width: 0;
}
.max-w-\[1120px\] {
    max-width: 1120px;
}
.max-w-\[1200px\] {
    max-width: 1200px;
}
.max-w-\[1440px\] {
    max-width: 1440px;
}
.max-w-\[1664px\] {
    max-width: 1664px;
}
.max-w-\[187px\] {
    max-width: 187px;
}
.max-w-\[240px\] {
    max-width: 240px;
}
.max-w-\[260px\] {
    max-width: 260px;
}
.max-w-\[280px\] {
    max-width: 280px;
}
.max-w-\[282px\] {
    max-width: 282px;
}
.max-w-\[300px\] {
    max-width: 300px;
}
.max-w-\[304px\] {
    max-width: 304px;
}
.max-w-\[320px\] {
    max-width: 320px;
}
.max-w-\[328px\] {
    max-width: 328px;
}
.max-w-\[344px\] {
    max-width: 344px;
}
.max-w-\[350px\] {
    max-width: 350px;
}
.max-w-\[360px\] {
    max-width: 360px;
}
.max-w-\[384px\] {
    max-width: 384px;
}
.max-w-\[416px\] {
    max-width: 416px;
}
.max-w-\[430px\] {
    max-width: 430px;
}
.max-w-\[444px\] {
    max-width: 444px;
}
.max-w-\[446px\] {
    max-width: 446px;
}
.max-w-\[456px\] {
    max-width: 456px;
}
.max-w-\[464px\] {
    max-width: 464px;
}
.max-w-\[486px\] {
    max-width: 486px;
}
.max-w-\[48px\] {
    max-width: 48px;
}
.max-w-\[512px\] {
    max-width: 512px;
}
.max-w-\[514px\] {
    max-width: 514px;
}
.max-w-\[544px\] {
    max-width: 544px;
}
.max-w-\[576px\] {
    max-width: 576px;
}
.max-w-\[588px\] {
    max-width: 588px;
}
.max-w-\[592px\] {
    max-width: 592px;
}
.max-w-\[620px\] {
    max-width: 620px;
}
.max-w-\[624px\] {
    max-width: 624px;
}
.max-w-\[640px\] {
    max-width: 640px;
}
.max-w-\[656px\] {
    max-width: 656px;
}
.max-w-\[680px\] {
    max-width: 680px;
}
.max-w-\[752px\] {
    max-width: 752px;
}
.max-w-\[760px\] {
    max-width: 760px;
}
.max-w-\[792px\] {
    max-width: 792px;
}
.max-w-\[800px\] {
    max-width: 800px;
}
.max-w-\[830px\] {
    max-width: 830px;
}
.max-w-\[896px\] {
    max-width: 896px;
}
.max-w-\[900px\] {
    max-width: 900px;
}
.max-w-\[944px\],
.max-w-screen-landing-content {
    max-width: 944px;
}
.max-w-\[948px\] {
    max-width: 948px;
}
.max-w-full {
    max-width: 100%;
}
.max-w-md {
    max-width: 28rem;
}
.max-w-screen-content-2xl {
    max-width: 864px;
}
.max-w-screen-doc-form-lg {
    max-width: 824px;
}
.max-w-screen-landing-md {
    max-width: 960px;
}
.max-w-screen-walkthrough {
    max-width: 976px;
}
.max-w-screen-xl {
    max-width: 1280px;
}
.max-w-sm {
    max-width: 24rem;
}
.max-w-xl {
    max-width: 36rem;
}
.max-w-xs {
    max-width: 20rem;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-shrink,
.shrink {
    flex-shrink: 1;
}
.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0;
}
.origin-bottom {
    transform-origin: bottom;
}
.origin-bottom-left {
    transform-origin: bottom left;
}
.origin-bottom-right {
    transform-origin: bottom right;
}
.origin-center {
    transform-origin: center;
}
.origin-top {
    transform-origin: top;
}
.origin-top-left {
    transform-origin: top left;
}
.origin-top-right {
    transform-origin: top right;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
}
.-translate-x-12 {
    --tw-translate-x: -3rem;
}
.-translate-x-8 {
    --tw-translate-x: -2rem;
}
.-translate-y-0 {
    --tw-translate-y: -0px;
}
.-translate-y-1\/2,
.after\:-translate-y-1\/2:after {
    --tw-translate-y: -50%;
}
.-translate-y-10 {
    --tw-translate-y: -2.5rem;
}
.-translate-y-12 {
    --tw-translate-y: -3rem;
}
.-translate-y-6 {
    --tw-translate-y: -1.5rem;
}
.-translate-y-8 {
    --tw-translate-y: -2rem;
}
.translate-x-0 {
    --tw-translate-x: 0px;
}
.data-\[side\=right\]\:translate-x-1[data-side="right"],
.translate-x-1 {
    --tw-translate-x: 0.25rem;
}
.translate-x-1\.5 {
    --tw-translate-x: 0.375rem;
}
.translate-x-12 {
    --tw-translate-x: 3rem;
}
.translate-x-6 {
    --tw-translate-x: 1.5rem;
}
.translate-x-full {
    --tw-translate-x: 100%;
}
.translate-y-0 {
    --tw-translate-y: 0px;
}
.translate-y-0\.5 {
    --tw-translate-y: 0.125rem;
}
.translate-y-12 {
    --tw-translate-y: 3rem;
}
.translate-y-2 {
    --tw-translate-y: 0.5rem;
}
.translate-y-3 {
    --tw-translate-y: 0.75rem;
}
.translate-y-6 {
    --tw-translate-y: 1.5rem;
}
.translate-y-64 {
    --tw-translate-y: 16rem;
}
.translate-y-full {
    --tw-translate-y: 100%;
}
.-rotate-90 {
    --tw-rotate: -90deg;
}
.rotate-180 {
    --tw-rotate: 180deg;
}
.rotate-90 {
    --tw-rotate: 90deg;
}
.rotate-\[360deg\] {
    --tw-rotate: 360deg;
}
.skew-x-\[14deg\] {
    --tw-skew-x: 14deg;
}
.after\:scale-0:after,
.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
}
.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
}
.scale-75 {
    --tw-scale-x: 0.75;
    --tw-scale-y: 0.75;
}
.scale-95 {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95;
}
.scale-\[1\.33\] {
    --tw-scale-x: 1.33;
    --tw-scale-y: 1.33;
}
.scale-\[2\] {
    --tw-scale-x: 2;
    --tw-scale-y: 2;
}
.-scale-x-100 {
    --tw-scale-x: -1;
}
.-scale-y-100 {
    --tw-scale-y: -1;
}
.scale-x-100 {
    --tw-scale-x: 1;
}
.scale-y-100 {
    --tw-scale-y: 1;
}
.scale-y-95 {
    --tw-scale-y: 0.95;
}
@keyframes c {
    0% {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}
.animate-ai-landing-packages-right {
    animation: 80s linear infinite c;
}
@keyframes d {
    0% {
        transform: translateX(-45px) translateY(-190px) translateZ(0) rotate(0);
    }
    to {
        transform: translateX(-45px) translateY(-190px) translateZ(0)
            rotate(-1turn);
    }
}
.animate-beam-spin {
    animation: 3s linear forwards d;
}
@keyframes e {
    0%,
    5%,
    95%,
    to {
        opacity: 0.4;
    }
    50% {
        opacity: 1;
    }
}
.animate-beat {
    animation: 2s ease-in-out 1.5s infinite forwards e;
}
@keyframes f {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-448px);
    }
}
.animate-code-scroll {
    animation: 25s linear infinite f;
}
@keyframes g {
    0% {
        opacity: 1;
        transform: scale(0);
    }
    75% {
        opacity: 0;
        transform: scale(2);
    }
    to {
        opacity: 0;
        transform: scale(0);
    }
}
.animate-dot-waves {
    animation: 2.5s linear infinite g;
}
.animate-enterprise-data-source-left {
    animation: 25s linear infinite k;
}
.animate-enterprise-data-source-right {
    animation: 25s linear infinite l;
}
.animate-enterprise-iam-services-left {
    animation: 40s linear infinite k;
}
.animate-enterprise-iam-services-right {
    animation: 40s linear infinite l;
}
@keyframes h {
    0% {
        transform: translateX(-72px);
    }
    to {
        transform: translateX(216px);
    }
}
.animate-github-stars-border {
    animation: 10s linear infinite alternate h;
}
@keyframes i {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}
.animate-hackathon-button-bg {
    animation: 2s ease-in-out infinite alternate i;
}
@keyframes j {
    0%,
    to {
        opacity: 1;
        transform: scaleX(1);
    }
    50% {
        opacity: 0.5;
        transform: scaleX(0.5);
    }
}
.animate-landing-hero-beam-bottom {
    animation: 7.5s ease-in-out infinite j;
}
@keyframes k {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.animate-landing-packages-left {
    animation: 65s linear infinite k;
}
@keyframes l {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(50%);
    }
}
.animate-landing-packages-right {
    animation: 65s linear infinite l;
}
@keyframes m {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
.animate-new-badge-border {
    animation: 4s linear infinite m;
}
.animate-opacity-reveal {
    animation: 1s ease-in-out forwards v;
}
@keyframes n {
    0%,
    to {
        transform: translateY(0);
    }
    99.99% {
        transform: translateY(-1655px);
    }
}
.animate-playground-slide-down-mobile {
    animation: 45s linear infinite n;
}
@keyframes o {
    0%,
    to {
        transform: translateY(-1655px);
    }
    99.99% {
        transform: translateY(0);
    }
}
.animate-playground-slide-up-mobile {
    animation: 45s linear infinite o;
}
.animate-reveal {
    animation: 0.3s ease-in-out forwards v;
}
@keyframes p {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.animate-showcase-reveal {
    animation: 0.3s ease-in-out forwards p;
}
.animate-spin {
    animation: 1s linear infinite w;
}
.animate-spin-slow {
    animation: 3s linear infinite w;
}
.cursor-col-resize {
    cursor: col-resize;
}
.cursor-ew-resize {
    cursor: ew-resize;
}
.Resizer.disabled,
.cursor-not-allowed,
.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}
.cursor-row-resize {
    cursor: row-resize;
}
.select-none {
    -webkit-user-select: none;
    user-select: none;
}
.resize-none {
    resize: none;
}
.resize {
    resize: both;
}
.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
    scroll-snap-align: start;
}
.list-none {
    list-style-type: none;
}
.appearance-none {
    appearance: none;
}
.columns-1 {
    column-count: 1;
}
.columns-2 {
    column-count: 2;
}
.auto-rows-\[1fr\] {
    grid-auto-rows: 1fr;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[repeat\(1\2c 304px\)\] {
    grid-template-columns: repeat(1, 304px);
}
.flex-row {
    flex-direction: row;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.\!flex-col {
    flex-direction: column !important;
}
.flex-col,
.pane {
    flex-direction: column;
}
.\!flex-col-reverse {
    flex-direction: column-reverse !important;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.place-content-center {
    place-content: center;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center,
.row--justify--center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.\!gap-0 {
    gap: 0 !important;
}
.\!gap-12 {
    gap: 3rem !important;
}
.gap-0 {
    gap: 0;
}
.gap-0\.5 {
    gap: 0.125rem;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-1\.5 {
    gap: 0.375rem;
}
.gap-10 {
    gap: 2.5rem;
}
.gap-12 {
    gap: 3rem;
}
.gap-16 {
    gap: 4rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-3 {
    gap: 0.75rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-5 {
    gap: 1.25rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-\[18px\] {
    gap: 18px;
}
.gap-\[8px\] {
    gap: 8px;
}
.gap-x-8 {
    column-gap: 2rem;
}
.gap-y-4 {
    row-gap: 1rem;
}
.gap-y-6 {
    row-gap: 1.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
}
.self-start {
    align-self: flex-start;
}
.self-end {
    align-self: flex-end;
}
.justify-self-end {
    justify-self: end;
}
.overflow-auto {
    overflow: auto;
}
.\!overflow-hidden {
    overflow: hidden !important;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-visible {
    overflow: visible;
}
.overflow-scroll {
    overflow: scroll;
}
.overflow-y-auto {
    overflow-y: auto;
}
.text-ellipsis {
    text-overflow: ellipsis;
}
.whitespace-pre {
    white-space: pre;
}
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
.break-all {
    word-break: break-all;
}
.break-keep {
    word-break: keep-all;
}
.\!rounded-lg {
    border-radius: 0.5rem !important;
}
.\!rounded-none {
    border-radius: 0 !important;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-2xl {
    border-radius: 1rem;
}
.rounded-3xl {
    border-radius: 1.5rem;
}
.rounded-\[10px\] {
    border-radius: 10px;
}
.rounded-\[12px\] {
    border-radius: 12px;
}
.rounded-\[13px\] {
    border-radius: 13px;
}
.rounded-\[18px\] {
    border-radius: 18px;
}
.rounded-\[20px\] {
    border-radius: 20px;
}
.rounded-\[23px\] {
    border-radius: 23px;
}
.rounded-\[24px\] {
    border-radius: 24px;
}
.rounded-\[28px\] {
    border-radius: 28px;
}
.rounded-\[32px\] {
    border-radius: 32px;
}
.rounded-\[40px\] {
    border-radius: 40px;
}
.rounded-\[48px\] {
    border-radius: 48px;
}
.rounded-\[4px\] {
    border-radius: 4px;
}
.rounded-\[64px\] {
    border-radius: 64px;
}
.rounded-\[7px\] {
    border-radius: 7px;
}
.rounded-\[8px\] {
    border-radius: 8px;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rounded-md {
    border-radius: 0.375rem;
}
.rounded-sm {
    border-radius: 0.125rem;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.rounded-t-2xl,
.rounded-tl-2xl {
    border-top-left-radius: 1rem;
}
.rounded-t-2xl,
.rounded-tr-2xl {
    border-top-right-radius: 1rem;
}
.rounded-b-\[20px\] {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.\!rounded-bl-lg {
    border-bottom-left-radius: 0.5rem !important;
}
.\!rounded-bl-none {
    border-bottom-left-radius: 0 !important;
}
.\!rounded-br-lg {
    border-bottom-right-radius: 0.5rem !important;
}
.\!rounded-br-none {
    border-bottom-right-radius: 0 !important;
}
.rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
}
.rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
}
.rounded-br-2xl {
    border-bottom-right-radius: 1rem;
}
.rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
}
.rounded-tl-\[24px\] {
    border-top-left-radius: 24px;
}
.rounded-tl-lg {
    border-top-left-radius: 0.5rem;
}
.rounded-tr-\[24px\] {
    border-top-right-radius: 24px;
}
.rounded-tr-lg {
    border-top-right-radius: 0.5rem;
}
.\!border {
    border-width: 1px !important;
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0;
}
.border-2 {
    border-width: 2px;
}
.border-4 {
    border-width: 4px;
}
.border-\[1\.5px\] {
    border-width: 1.5px;
}
.\!border-b-0 {
    border-bottom-width: 0 !important;
}
.\!border-t-0 {
    border-top-width: 0 !important;
}
.\!border-t-2 {
    border-top-width: 2px !important;
}
.border-b {
    border-bottom-width: 1px;
}
.border-b-0 {
    border-bottom-width: 0;
}
.border-l {
    border-left-width: 1px;
}
.border-l-2 {
    border-left-width: 2px;
}
.border-l-4 {
    border-left-width: 4px;
}
.border-r {
    border-right-width: 1px;
}
.border-t {
    border-top-width: 1px;
}
.border-t-0 {
    border-top-width: 0;
}
.border-t-2 {
    border-top-width: 2px;
}
.\!border-solid {
    border-style: solid !important;
}
.border-solid {
    border-style: solid;
}
.\!border-gray-300 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(
        var(--color-gray-300) / var(--tw-border-opacity)
    ) !important;
}
.border-\[\#E3E4E5\],
.border-refine-react-3 {
    --tw-border-opacity: 1;
    border-color: rgb(227 228 229 / var(--tw-border-opacity));
}
.border-gray-0 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-0) / var(--tw-border-opacity));
}
.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-100) / var(--tw-border-opacity));
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-300) / var(--tw-border-opacity));
}
.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-400) / var(--tw-border-opacity));
}
.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-500) / var(--tw-border-opacity));
}
.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-700) / var(--tw-border-opacity));
}
.border-refine-bg {
    --tw-border-opacity: 1;
    border-color: rgb(10 10 41 / var(--tw-border-opacity));
}
.border-refine-blue {
    --tw-border-opacity: 1;
    border-color: rgb(0 128 255 / var(--tw-border-opacity));
}
.border-refine-landing-playground-border,
.border-refine-landing-tile-icon-border {
    --tw-border-opacity: 1;
    border-color: rgb(77 77 178 / var(--tw-border-opacity));
}
.border-refine-orange {
    --tw-border-opacity: 1;
    border-color: rgb(255 153 51 / var(--tw-border-opacity));
}
.border-refine-react-dark-link {
    --tw-border-opacity: 1;
    border-color: rgb(20 158 202 / var(--tw-border-opacity));
}
.Resizer.disabled:hover,
.border-transparent {
    border-color: #0000;
}
.\!border-r-gray-300,
.\!border-x-gray-300 {
    --tw-border-opacity: 1 !important;
    border-right-color: rgb(
        var(--color-gray-300) / var(--tw-border-opacity)
    ) !important;
}
.\!border-x-gray-300 {
    border-left-color: rgb(
        var(--color-gray-300) / var(--tw-border-opacity)
    ) !important;
}
.\!border-b-gray-300 {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(
        var(--color-gray-300) / var(--tw-border-opacity)
    ) !important;
}
.\!border-t-transparent {
    border-top-color: #0000 !important;
}
.border-b-gray-200 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));
}
.border-b-gray-300 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--color-gray-300) / var(--tw-border-opacity));
}
.border-b-gray-800 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--color-gray-800) / var(--tw-border-opacity));
}
.border-b-refine-landing-tile-image-border {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(39 39 98 / var(--tw-border-opacity));
}
.border-b-refine-react-light-link,
.hover\:border-b-refine-react-light-link:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(8 126 164 / var(--tw-border-opacity));
}
.border-b-transparent {
    border-bottom-color: #0000;
}
.border-l-gray-100 {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--color-gray-100) / var(--tw-border-opacity));
}
.border-l-gray-200 {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));
}
.border-l-gray-300 {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--color-gray-300) / var(--tw-border-opacity));
}
.border-l-gray-400 {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--color-gray-400) / var(--tw-border-opacity));
}
.border-l-inherit {
    border-left-color: inherit;
}
.border-l-refine-blue {
    --tw-border-opacity: 1;
    border-left-color: rgb(0 128 255 / var(--tw-border-opacity));
}
.border-l-refine-cyan {
    --tw-border-opacity: 1;
    border-left-color: rgb(15 138 138 / var(--tw-border-opacity));
}
.border-l-refine-pink {
    --tw-border-opacity: 1;
    border-left-color: rgb(237 94 201 / var(--tw-border-opacity));
}
.border-l-refine-purple {
    --tw-border-opacity: 1;
    border-left-color: rgb(128 0 255 / var(--tw-border-opacity));
}
.border-l-refine-react-light-green {
    --tw-border-opacity: 1;
    border-left-color: rgb(43 110 98 / var(--tw-border-opacity));
}
.border-l-refine-react-light-green-alt {
    --tw-border-opacity: 1;
    border-left-color: rgb(36 168 102 / var(--tw-border-opacity));
}
.border-l-refine-react-light-orange {
    --tw-border-opacity: 1;
    border-left-color: rgb(199 106 21 / var(--tw-border-opacity));
}
.border-l-refine-react-light-purple {
    --tw-border-opacity: 1;
    border-left-color: rgb(87 95 183 / var(--tw-border-opacity));
}
.border-l-refine-red {
    --tw-border-opacity: 1;
    border-left-color: rgb(255 76 77 / var(--tw-border-opacity));
}
.border-r-gray-300 {
    --tw-border-opacity: 1;
    border-right-color: rgb(var(--color-gray-300) / var(--tw-border-opacity));
}
.border-t-gray-100 {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--color-gray-100) / var(--tw-border-opacity));
}
.border-t-gray-200 {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));
}
.border-t-gray-300 {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--color-gray-300) / var(--tw-border-opacity));
}
.border-t-refine-react-3 {
    --tw-border-opacity: 1;
    border-top-color: rgb(227 228 229 / var(--tw-border-opacity));
}
.border-opacity-20 {
    --tw-border-opacity: 0.2;
}
.border-opacity-50 {
    --tw-border-opacity: 0.5;
}
.border-opacity-60 {
    --tw-border-opacity: 0.6;
}
.\!bg-gray-0 {
    background-color: rgb(
        var(--color-gray-0) / var(--tw-bg-opacity)
    ) !important;
}
.\!bg-gray-200 {
    background-color: rgb(
        var(--color-gray-200) / var(--tw-bg-opacity)
    ) !important;
}
.\!bg-gray-300 {
    background-color: rgb(
        var(--color-gray-300) / var(--tw-bg-opacity)
    ) !important;
}
.\!bg-refine-react-light-code,
.\!bg-white,
.\[\&\>\.cm-editor\]\:\!bg-refine-react-light-code > .cm-editor,
.\[\&_\.cm-gutters\]\:\!bg-refine-react-light-code .cm-gutters {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.\!bg-transparent,
.\[\&\>code\]\:\!bg-transparent > code {
    background-color: initial !important;
}
.bg-\[\#303450\] {
    --tw-bg-opacity: 1;
    background-color: rgb(48 52 80 / var(--tw-bg-opacity));
}
.bg-\[\#4D4DB2\],
.bg-refine-walkthrough-button-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(77 77 178 / var(--tw-bg-opacity));
}
.bg-\[\#99A1B31A\] {
    background-color: #99a1b31a;
}
.bg-\[\#C9D3E2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(201 211 226 / var(--tw-bg-opacity));
}
.bg-\[\#EAEBEF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(234 235 239 / var(--tw-bg-opacity));
}
.bg-\[\#F05F22\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 95 34 / var(--tw-bg-opacity));
}
.bg-\[\#b7dbff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(183 219 255 / var(--tw-bg-opacity));
}
.bg-\[rgba\(77\2c 77\2c 178\2c 0\.1\)\] {
    background-color: #4d4db21a;
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-gray-0\/50 {
    background-color: rgb(var(--color-gray-0) / 0.5);
}
.bg-gray-100,
.focus\:bg-gray-100:focus,
.group:hover .group-hover\:bg-gray-100,
.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
}
.bg-gray-1000 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-1000) / var(--tw-bg-opacity));
}
.bg-gray-200,
.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
}
.bg-gray-300,
.hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-300) / var(--tw-bg-opacity));
}
.bg-gray-50,
.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));
}
.bg-gray-600,
.hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-600) / var(--tw-bg-opacity));
}
.bg-gray-700,
.group:hover .group-hover\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
}
.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
}
.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
}
.bg-gray-900\/20 {
    background-color: rgb(var(--color-gray-900) / 0.2);
}
.bg-gray-900\/70 {
    background-color: rgb(var(--color-gray-900) / 0.7);
}
.bg-gray-900\/75 {
    background-color: rgb(var(--color-gray-900) / 0.75);
}
.bg-green-500\/20,
.hover\:bg-green-500\/20:hover {
    background-color: #22c55e33;
}
.bg-inherit {
    background-color: inherit;
}
.bg-red-500\/20,
.hover\:bg-red-500\/20:hover {
    background-color: #ef444433;
}
.bg-refine-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 41 / var(--tw-bg-opacity));
}
.bg-refine-bg-alt {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 64 / var(--tw-bg-opacity));
}
.bg-refine-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 128 255 / var(--tw-bg-opacity));
}
.bg-refine-blue-2-light {
    --tw-bg-opacity: 1;
    background-color: rgb(230 247 255 / var(--tw-bg-opacity));
}
.bg-refine-blue\/10 {
    background-color: #0080ff1a;
}
.bg-refine-blue\/20 {
    background-color: #0080ff33;
}
.bg-refine-cyan {
    --tw-bg-opacity: 1;
    background-color: rgb(15 138 138 / var(--tw-bg-opacity));
}
.bg-refine-enterprise-purple-2,
.bg-refine-purple {
    --tw-bg-opacity: 1;
    background-color: rgb(128 0 255 / var(--tw-bg-opacity));
}
.bg-refine-enterprise-purple-2\/10 {
    background-color: #8000ff1a;
}
.bg-refine-enterprise-purple\/30 {
    background-color: #4d00994d;
}
.bg-refine-enterprise-table-alt {
    --tw-bg-opacity: 1;
    background-color: rgb(244 248 251 / var(--tw-bg-opacity));
}
.bg-refine-green {
    --tw-bg-opacity: 1;
    background-color: rgb(31 173 102 / var(--tw-bg-opacity));
}
.bg-refine-indigo {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 255 / var(--tw-bg-opacity));
}
.bg-refine-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 51 / var(--tw-bg-opacity));
}
.bg-refine-pink {
    --tw-bg-opacity: 1;
    background-color: rgb(237 94 201 / var(--tw-bg-opacity));
}
.bg-refine-react-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 247 249 / var(--tw-bg-opacity));
}
.bg-refine-react-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(227 228 229 / var(--tw-bg-opacity));
}
.bg-refine-react-dark-green\/10 {
    background-color: #44ac991a;
}
.bg-refine-react-dark-link,
.group:hover .group-hover\:bg-refine-react-dark-link {
    --tw-bg-opacity: 1;
    background-color: rgb(20 158 202 / var(--tw-bg-opacity));
}
.bg-refine-react-light-code,
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-refine-react-light-green-alt,
.bg-refine-tutorial-green {
    --tw-bg-opacity: 1;
    background-color: rgb(36 168 102 / var(--tw-bg-opacity));
}
.bg-refine-react-light-green-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(244 251 249 / var(--tw-bg-opacity));
}
.bg-refine-react-light-link {
    --tw-bg-opacity: 1;
    background-color: rgb(8 126 164 / var(--tw-bg-opacity));
}
.bg-refine-react-light-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(199 106 21 / var(--tw-bg-opacity));
}
.bg-refine-react-light-orange-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(254 245 231 / var(--tw-bg-opacity));
}
.bg-refine-react-light-purple {
    --tw-bg-opacity: 1;
    background-color: rgb(87 95 183 / var(--tw-bg-opacity));
}
.bg-refine-react-light-purple-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 253 / var(--tw-bg-opacity));
}
.bg-refine-react-light-purple\/10 {
    background-color: #575fb71a;
}
.bg-refine-red {
    --tw-bg-opacity: 1;
    background-color: rgb(255 76 77 / var(--tw-bg-opacity));
}
.bg-refine-red\/20 {
    background-color: #ff4c4d33;
}
.bg-refine-walkthrough-button-alt-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(71 78 107 / var(--tw-bg-opacity));
}
.bg-refine-week-strapi-cover-shadow {
    background-color: #4945ff40;
}
.bg-refine-week-supabase-cover-shadow {
    background-color: #3ecf8e40;
}
.bg-refine-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(255 191 0 / var(--tw-bg-opacity));
}
.\!bg-opacity-100 {
    --tw-bg-opacity: 1 !important;
}
.bg-opacity-10 {
    --tw-bg-opacity: 0.1;
}
.bg-opacity-20 {
    --tw-bg-opacity: 0.2;
}
.bg-opacity-80 {
    --tw-bg-opacity: 0.8;
}
.bg-opacity-\[0\.05\] {
    --tw-bg-opacity: 0.05;
}
.bg-opacity-\[0\.15\] {
    --tw-bg-opacity: 0.15;
}
.bg-\[linear-gradient\(0deg\2c
    _\#14141F_30\%\2c
    _transparent_90\%\2c
    _transparent_100\%\)\] {
    background-image: linear-gradient(0deg, #14141f 30%, #0000 90%, #0000);
}
.bg-\[linear-gradient\(0deg\2c
    _\#FFFFFF_30\%\2c
    _transparent_90\%\2c
    _transparent_100\%\)\] {
    background-image: linear-gradient(0deg, #fff 30%, #0000 90%, #0000);
}
.bg-\[url\(\'\/assets\/tutorial-spinner-bg\.png\'\)\] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAANlBMVEVMaXEhMUIfJzcgKzwcHS4dJTMfIDEuP1MuP1MwPlIcIjEeKzUeMDYeNDkiOEcfOjwmPk0vUV8OyR2pAAAACnRSTlMA////////fuQYCSbZoAAAAAlwSFlzAAALEwAACxMBAJqcGAAAIABJREFUeNrtXYlW5LgOJXZsIKmkwv//7MSWtdpOLVTRwJB+TRfMnDetG1nrlfzy8vf8PX/P3/P3/D1/z9/ztc/76/68vQ378/aWPr//v4TPkutnh+H/If4u/bZtw+Cdi3Hcnxij8/8XDN536YckfADh8dm/AxTeXn+7+NvmwxTDDkDYn1E9GYO3X2sOsvj7y5/2BwHQerA/vxeCIn6AJ45J+Er8rAbDb4RgF/+jiD/Bm8+/WwDsB+HXQVDOvkviO5cgcPn8owZITcifw686CFn8dfd6SepwFQC/CYIkftJ+57zPEOziT5N0g2wLFBC/wxy+v358JNvnFQBxwiDoAID4C7QAxXfpCXAEdgCyDkjBWfj0Vfw8/mgIkvgfu+nzAECxATkIQADGeAzAT3aK2fEV5c/qHwCDCQ7BLiJ8tQfAasUPtQX57X8k8QcFQNaA2wCIP/AggPIn8X2GgLQgq0AGYJSZQMsIKgP5syCoxB+y6AG04C4AfpItSGcflH+XfAD358kEwh+7E4Rop+kH7FH4UQcBxF8HVn7/KAB+wkHI4m9rqniIB30ggJANYfaApN1RiVkJL/783hCA5V9zcQs1YLAATEkD4pRfaCMCuADAd84RQPm3QchfaQEEQhgJtp8jOL6xOdTiD2QBEIr9/QeKBD8HwHcMjdD0rYNCoHr/+QikkliU9aBIT6329ef8730vW4Dik/RCfI4F0QASAOMnAPhO5rAoP7/8ogIFBkqFPOSC2RSmglhygtbUjQaU1j+jr9/DFqD4awaAUChB0NABYIqyHnQnAN/BFkjx11X2uSgMklkAZ8OhFq8ujfBvLTp8Dwfhn2oBWv5VA4DqP/jnA/AvtYDffgFAvP6s/sUXoPhUESql8ZQOh3gU/jS7BrXL/DehkRC/aADIzUcAAMjFUOEDngDAv/AIUvxs/NTr92QEUQPEEchusAptoha/5QAP4fhaCNTbh18FgBW9IAEwdACQucADAPjKg6DPPpi/lXRhMLkAWIBSEIeqoMtxUGgVwo4C4Ibq/wsIUHwEYAMtWFd9DCgPUAA4BCDEJwDwFQeBxM/yb/BHlh2NgXr/g7QA7AbBEepwxxZDWyJWlIqGFjw1LmDlL5LnPzbwA0V4GQJAKbAAINoi0+SeBcAz4wIQfy/1b6gBJLk5/4PKA4sBdOT/MhTJBIZOObwNikybDoF5DgRC/A01YFt1DOgpFCDxOQwCI5jKITkpTn/tJwEQn3AQivJn0Tc8+sILDDIQ9CIhFm0xrAeAE8wkkVtdXbNk2kygHqsF/PbB8JH8IgsgDDAMZhWoAEgQhIof8FAAHlkyIfFXVv7iA7Y6ANgfp6NAMIMUA2f5c4cwYChUu8B2WbxupLUS6gdXjcTbV+aPneC6qiQIMgB1BKAmqAGAksj4TAAeERpJ02eOfnEB68BHoA4EUyLEgTBUBJEc1y+D9cxej0+gD0EjNLpbfi2+fP3oAVaVCnlbE+RawD8C4FMQQJ9j44fcH0mvUyH9/jkMgqI4p8PQFmpng70yWQ1BJxCqXWSqGt1zDornE+/fAIDyD5QKqiBIAVCiAEgHa3v/VAB29umw3awE0OKun3U1EFSBoCyKO0WOKX3BCarC4aIxu+QcbaGsOkrl8Oz/rf0c3IbA+5s5/DUAnACsIgj0GgBCgCrCXwJAlADkzDNZgvfb5NcvHqXHOKggUEcBqhjgS0FcZ4NEF26arXaZtG0cLUjsKGt/cAsCXfmVI2AA1oGrgZ5L4iC6dzYddoF54s8DwPKQJ381ApX820riCwgGGQa3LEB5/4Uji/I3RiUaCl//tHaH9c9bUAbBObwOgdb7XwmATThBCcCqERgYgPLqsTcsOaJfAUDkiHN3BtcgAPJ/oO8rv0QITGZwGIYLNkB5Af5a/vJjL/i1gVHrVLf/SdtoltQrXGUHKv+3YhrAAHAcqKLAVWaCA5GDvAYg/CMA4m5+r/CGr1L88vLR8otK6Eb14PrtDy1mQP5VcuFOwcsas9rJacWv/h/2d6zNIEQBu+gJ7Dhdg4A1AOX8izhwNQVxlQfIvjADEPDNJ/G/CoBUe048lMxGmQoAl13Ba9MByCoInoRhWPsaMHAu6IQlKDTZgxCnFQjVqVL9J/+7ahINoCg/3XGYpgsq8NpxgOLdYxRYomBVD+SOgKTHagCmQo0ITwFA1hlGSLri/v4n+OnlQ1BFAPz22fjVB8AP8iD4ocUOy/ywkI5AMDGKbnu3G2WHSbMulATSgxxwZwNY4s98CI584WvtAKgCzJXgTQPgVUeI/aBticCwTFTv6GEAMOc0aADyfzdbBGSoHanAm82A0A3INGhYbR5gIOCXj8cAEmI4Ag54oh0K1HFI3EmHIwa+sVBv4hQKGQ8FJx10k+vbQeMChdAbHgD4PazGAGIeiFVhqgZoAIIgyD0OgEhahX9mYWMLgPQS+irACrDqOhC2wqgfOgxDXRBFM2gPAMQBwBGFOBD/uvc4OztSgzk/JT0T8A9i0f6pPGSFkgpcUoBVQrDqeujGMWCpCDXIcV5mgQWA/Nf4MgAmUYU2AHRV4LVU/zdSemX2hRYM1BW0QcAg2GFF9Z3IBDNTvFXM6NFjrqbJpDgnQthTes/FChAIpTGXo6HXzgkQkZ/uAbH8GxUBAAA0gKvqins9KMGZ4PMASEFmBqA4vgYArnwX2mZwV4CVjf8qbIAEYkBKZCcPtCUxr4gBk2yH9FLZNkWmPVghCyOg+VLsUPIP/O8nCNLfpn0GMgBc85AAqCAYa8Gr5IVpbpAT9AgRBz0FgJFsAEb+EoBQwu8ShgMArn0G3mQLSCfD4v1TDaDWAG9SQTaBvkQBshTap8L1yJPtYimO4EHelzK/aWQQmKBdrEP+1PQD79j9ZwDWzWYC2AghA6i5ga1U2AMAUwGgzAmERwKQ33wc0fRNkwUgOP4ufxq2944TZFtfd0G3bVVUIKEDVApBRShpEBlB6AjE0YUQj8revTyxB5fO/bTjm8qkOnoG8eNhfe0DsJH4KgvAEKjUgaUTXAfqCQ9+UNQYrIiWmdHozLTgQwDAfyjFpPq7ASD/fPJtAEBcDnlNH6i4/3YzwMyJURok6JEpQJnEyOxRS7TnEhvE6VztmybSfu48oN2ZZD0ymcJ52FoAcM9jM6dAyc+nv1cMk1Fg8QAwJ0IAjA8AIHIWgPKHGgAiZu1/lXlOAOyf55YGvH1Usb9+ttXwAauWwGDMn3faB05AjIiHqn3TAA0GPan4pcwfjWaU8Dt9dfNcVriEsL314sAeABvT4gwnrnwxDNkWABG6go8DACaQpfoXszdxJ3IXPck9zTsAYd7/ydwBIJkAdntbHQWLA8CGsEkPFP1A77gSAFAcNTgvNcTqQ1Jo90FAIN0dfu/o1RdrsG03ALDR27fMQC6CSWKEM8/zACgWQDk/EJ0ByOEvTyqEee4CsDVK32z+aC6sjgTXalSUh2U5EUppkCqHXUN9rZsfDA0JH+TbxuZrcX3lvw9il6/uIgBNOhQzQgiAdPjXih87WHIkNUXj+AwAggXAySqQfO/w1bnuEWD+n4wBto1KoGsnE+jMCnsnrTGOyVxucB2RJDn/3yOASOLLt66AYAhm8fkuACQnbF11OZBLIYNMhDwDEHFvxKMASMcpUqkTRXcEQLgTABn7iRBwELy4KghU1WBBkEPx4S+XwqAQmSjfJkL2Z4nq+D9r1aTfPE6oo7zpT/iNn+4AALtAq6mCr8QO8WJUtgNASlVF/fYBAESR9RUtgDVl6cMdAGgPIKmwq1F+Mx80qGqwKIdzPRjnhY8IblcNy2AeEdH7B1VvwpmEImiYlRlkIA4A2FgLmAu2chFMtkOQHIxdwUHFgKod8iAAiGU65sPEKR8BALuaCIC5DcDHkRE0OaDUg3YiOGhenGIFcCmEusLxoMF5CJE4PEncUWS+E2Z6xvH1Pm+XANiYEKsJUassAa3kA+oDIAAIDwIgGgBGHfw+FIC1RYaWkaAakh28psfLIZmiAxFY0toEXqI5tcepoP83BVZ6KvznKM/NQal+/py+znwQ2jZApb2mBijGYlbJCxfMwMG7CoCAuUBEp/xJAGDSAGLKBgBunjIIFoACwzEAuvhfEr61UwP21A31LWagF3MihRg02sGWmvB43dB04RlQv4PToCAifxR79uXPAoCfDwFgCiyHP8PapsPJZuhQ1QG8EwA0RP4kAJz9oQucmI8pAfDizwyAv6wBg50JVnwAFQ35ihuqaBGuUKOuHovqNURVGFRcAHv/0vWF/6RReAZkZnPQiwQp4BUADMwGMpRQ7InrbTFezYg4OgIPBmCyAASxqusAgPJp+2gAQCo/aA6QLAOv0gKsg2qHej0jJxYnxUJY+xwVpnD/c2+lSoAdJzu18GQQA2pBUwNY2BYAXheC1/7CJATAOyoGAgDxQQBMNQBQ8awBmOdaC9I3vSPAJ19Yf1UAk7yw1fuhUwdwZoGeDIPZ8bUhaI9IZe9vIv9i+bN4UxXyylw4fTmdUAU6NoDqPaYHXE6/V95f7AngIGhQBXFXVmm7wD3BzwEwxSYAxu/Tb373+fvTqWhAzwZU7N9m3C9rwLYOgPqfHKAnUkQKg6ZYz4kemb56UBIcIFGgOAkInPxw6KPswJze/qyeS15ABn5erUdR1l92A48AsDzgOwHILJgoAaBymAbAzyx6VoD5KgBEy6dhAbw2gN0qUGEEeMkPhQMQDogPBxTo2AuDqOxd5fxSD9KXJH76cAIcTkc2ACfBFADq+K8cA2pOgATAKQBAdeMnAYil/Y/B72UA8LXj+z9lBE5dAAYR/lLmJ9ak+ctsEEfMSLU4CcoY4+Foy8V0OBNMJix/yRpQFpzf+qwCn5lQODEcfQCagc9q4v+6DG5WBfCgAMRoOCM2fhaA0SRAdbWHP+v3f7oGAPtYj+AtJVAxAuScOPhn6NJwIfRY7OORyFxQKQVvSwSYTfq7e/zs91loDcV1AHjSiAKBr1Zk8PZQAYCIygsA46cACEyGMsw/1oAGAPtXLwA4CVtwOiyL6zffrgHqhXnWBtC2BDEjpI/ApYRHuj6OAFIKKBshrlHuonN/ku+b3z/+7BMAeC9nQ2oApPHDUoiN6q4HICoAdAMEao1k9S0Apz4Ay3L5CKzyENSMmDoC1MxAWaSECOB4QO6YLpfIfzEKspMof6qYX+kBCCytwG02oBUNIxXuAAA5JQixe6ze+V0AjOBSLBFKxHzlkdb+RgBWW+2Q2T/8yDEEvtoZB8tS1Oa4EejRqZPbb3T2f5o5YHnaziQ/sIiGGiD4KWV89aNBSM8FADDhWzUT1K7LFHtjuwDkGi52dO4DIJtRAgCOGKa/tgrQBwAxWI4A0LU+CIu9+qH3cluk3hjJsyG8MqnYgHDdApwufzACAV5agVmVPKzAbPBIA070v/35+Di0AV4d/5b/b3WCxHwY1+ozH+CzAOwGkKpAhQEu634zZoD4niEAaNj/E56BHgBrVfdUw0CtLSHCBAa5K4TmRMUUf4w9euTx4DQvZZdML1XkCjrw52dZhP/f/0zfL8sFDeDc35s2iAwABlUB0HtDoRsEM2JjvAuAyPP/AoCJbX4NQPP8L+QN8rs/BmBtdD4qMmynDuhFFoD3yol7BVtzvtfQooFfa1gAk/b6uvCNFoAsQRZ9WZaFAegaQXXeDQJeTkZXnDD0AHSNBgAQPwvAlM+/qQUKCLDOG0gBUPAFLUF589cAsBqZVz0NPKg9Scr90e5oHpJOh6BX9u4tT6nef0A3Ok01G1zX/1thDwjMD37XqwhVnrB2f4OZDHN6XRoDMOkVyvcDAFOAxwDId98EoGjEMQC9CjDZfxMByNH4YBYmOeAFtpdk9Vbm16XRYkJ1F9AQntgCcKi7LGD/T8vJHAD4czsygqsK/nBDIDpCyQXSMQAHQkULHgIA1IFVF3CqAZjbACzLjQDYyhe+cxsAiSKY2BwbZBk0xlAMYHPZVdQr0torUsZChpDqv089zKbqW7s9Cnjs2UcYjuMArzZCiML/4OvdAE0AciEgxHKRwN0AwOYHDYBjANwJARAn3y9YCTvNdwHgK/ZnswZa14G4HggKe/EateNFypEOUM0A0SVwmwX4xQqMzo8/9wDwkgSkAbDe/wAAN9ErjeO9AOAsKI9CXAWA34+AT0LOTQDwd1cDKAT2Vd7fzQDJB1AVCGx1IbTbfRextU69XpmFK1EkFSKBIClPVAAXsR9ogH1ENLAcZoOeJqBbhY/6+kQBAC0JAAAiZYHj3QCMFoBwAQCf/rcLq86/BuDYCwhTZ3P/oeIBKT6gGI0Bts4Ur75Gb+ymx2kQeMSxl4kmAlh877X7m0+zcAD25NP3XSNIhr4ufgy8H+kqAOIDAJBMsHrupwWAPAoHALSPAKt80YChb/kbK3NpX2Rqh9s48KDaM9apElYBoqBE9UNgLf6y6Oj/tGj1P9AAvhmmdn5DkwPCLUALQIyPAACDYE2Hh8cTHxwCH0x9LwOwB4g9DRAxf1sDFBVW0eEoBcIrVT9Ph4sjL8KgNNhUAHTz46Rs37LoFFh+ugiAVxuCCwtQcYF9H4D4GADQCNj3fwSAjv46AJy7btCrs0+GUJa/nZ4MTcJ7rAQpB4iF0B49sh0ayYnQKUgaJLbBZP6f/jidZPub0j9Ud3UgzmQQjwEg8ie5hQHLn77RAuMqAPSCkMcTHwDAeAgACO7Z9c0yAU4fDQDnKwDwPfaDt2dfeACHpXAXxtgugt+yFpU2IigbMFkG2P7rZAgwwtkt8iCgLqAZ7NsAP9SR76Dpj3Iy1gn1Bx1IazIeA4CcCEEboClwM7bBTw0AUPzzuQLg0AhWZp9OfxFd7AehI0DjqlNeZCGXW8XbLlfmVLnY/VYztNX341PftvtLOQ/wuxcH1IGvl70fBYSxATgciXvD7wcAANRcoAoAUwWaT1cCUJ6uBtRePws+yOa3WhhNXaBiBMvNIbw6+441OQHH4pkS4UwLnJsgXP9H8cVZh4OwnFH6/PW8P1cAMJDfc87OhHvnbRcIAZjkW7wPgBAbAMwwCiEGgSUAi6z9WwDADPD7P++/rtMAEfDo5agwFq3XpAFhZbzi6Q1MV7TJiZcgShNoy6Anlf3WtaAscwbgjN/0bQDN/pqIzwLgqQsQRP5X2GCPACAiOb4AECwAQWR/qgTaAaC8+uIWmgAUqpuBwG4GYuF1/Eec0Eap8/Yl+nEcJ7ULKITZNkHA8s+m/CnVHzsDC3lD9IkHcQDkfHIrsAbAKwDk0HqIjwMg24LpIgB7+WeeWyVwCUA5+WcZE3Q0QDa7ZcLrzVIELywAlqr2JDjU1xrcshxNmk/IKIUPnNELeMF8lPZfWP2T7gklq08G8Azf9Y4A/uIZsBoARwBMBADMhcTr7gm8HQDRAAvYAzgGgKOe/NrPaAcOAdDvvWX6IObnm8NoXQ0rPzJbHzAcbQnRs+RCyjrQXJc/uRGmnytswCEAoQPAxLfHfRqAsRqPvwTA6QgA6QYWUoUGANvGxU5DffS67YEcOBxb5au0sZlpG+G3mUJgBPD7TzNxbtbjUCT6oote7ArTu9aWHz93IsECgBB8aALAHMAgllf3rri5yxfkWtDYAkC0QwGAvQkyL6eHAYDmzlfrsNDuc/9fFiqQEXzNgozjAKmUU7Eh4moOcMAiwEnywFhyIevZnn32BwcAuGoGNP1qAFB2t+X096EARPIAHQCw/COyQDYAtcE71wAcaYBudspLMqTp48F4WJETxyMT1x+Yay3VVLvhdDPUQx1I8j9bVh8KIcvZRoDoBM9XAxB059/afgJgulztuxOAULIs3gCj/YAFIItdB79XA6BrffqCBEuDwtUIU7RU6F7qc3mBZu4HJ07IWKoAThIjZ5UGz+wCZfArTJ00fPo4HADgBeVJHwAGgPs1+cwepsG3A5BsAJPjDwCYBQBc7zAA4Dtf4Ff6cgyAc70BGPH+OUuf8CKLYxd3vB5LuM+IzAIOBHE4OluAoMWXB8CWvhAGVnyAoesGAwMQmPamLUAZhp4EAONDAUgrcrkaZAE4CQBOPQCWCoBFAtCLA96gHlCMnwvI/uUpYJhYwRZI5m9FXovUvhb7kius4MifoR0gL+pUnHBNelxs/0eceBMInfFgnD9aW2WTzfei2ivpz0hQToaJVmOp3a+PAwCXBIsrqioAPCa8SwXA0gCALUB5GgC8bp6CHBf08IML2PrgJigA0BuJvOcKVeJVRbkgdQq2FswTobb4zQUQhkCAgachAdBYrHwBANjUUwCg/v8TAICeGE2Gm/1gwATL/cC669sDAGyfsIhbA4DXbaB8H/l+kvurCDAuBDPWcAcBpnMMIrfC7EocPQBzWkwrdKkrAGz/z2wPkw1sAbAVefns4+mvAcg3mozxGQCMlwCYiQxTs4F0/2c5VwCcuwC8Jz8YWq6PRcfQxJVrAuSG1BsvxugMTEEkgHUGYIbJhZg1FZ5toIqFZBHk3ACgcctKNgINAMpfRFZn8m1BcTRbgh8EwMh1husBOC2tAthCgQ+q/9J1AtkNyEW4gRfjK+VPFirSovz7N8L0xqUmsyPU6X247TLY2db9ZPJTPy0bCFaQG55uEupfAVCO/jMACOKeiLwZ26mNMB0+oKr7yFqQsn1HJiDdtrk5NY8V2BfT+Z9GbH30FqVfHo7ur9SGz7giAqIgosScEIDUDbLFT1kN4PivpwEf7cvGdhVQS7knDUCEdRi4FehZAMRRrEgSB+AEpRCcBmkCcO4DsFw8AQAAXkoh9rXSznaYYeaN/u2LMNoXp1yix4mkGXZFq8qT5QRkEA5iAHJ+bR346ADw8rY6vo9L3VZDoW8UAPRHHe8GYIILU2zpTfPCqBC6aD6gTISPAPjonACIhWjym4wfdH2mUvjrTfd8ghKpiuj5CASyOm7WxTDJCONmeDPz69qArgIkM+gDz31KagI4vxymx/FpAKQ8MPJtQAYAzQgydGB18gUACoTtyASiFbC7urLS55cPg7CaBWibX9etRe0tTYAiu7ggNWgAYCSCXODSYMItZxX+LrcoQFKBwcvbeqayvARH4L8cAB6TdyfKA5ERIkwAlsB1/N/UgO1AAbIVCHhHRwxi6k3sgTCXZV0mwV53rS67VqkBCIA3xXDNAm2VwbsxwMfx1dObn5DqIqo+8asAmOQlybolclIAsPHrA7CcTRngsvz5EIC/T2srgPgcx0ne6h17rq41+HAla0xdmYI2SCxIUXkARIKy/c0AkBHsZgEXLl9/eR0GrHamMxh123o88vWPAYCNsJvrDUm6DqCPwGIAWBo28JICFATKIvy8vsA6vRD7S1DuX5WH/4acEbQtUaJEVIOQtiN8rwHAQzAUy0xvp/bqTwIgXgXAXANwViVQ2QK5LgY04dBQ9jZgr96OQD7ixtB24wxGxTkj0zPiPBgliLCn87lZBWzK//5yFQL7KQjUqRu/FIDSE+FtsXNNi5k1E3ipAejo/3Xy0ykoF9uHy2HM8T6gy6GRmhUO9T1Rc70oqqbDFuNnbMB2h/xFB2LjWtMnAzDG9kVZWnwFwKIAOFP/6xPvvyCQ8iKl9KG17KAtfntI4uIKjVDdGWQGpGY1HLkQQ4ydYC8H/LhNfgiKByf4m7G97eGRAIQKANwPziuC5pmnQQmApQOAVP+P19vk3xHYj4E73ABRrz65tBSh7zQlVRY6gm6u1V+WQtkQKgZIO/z7eHt9ufl530Mi774SgAjMkAJAUDMCYj74EgBLrf43v35WAoLg6PqzVlDcIsv2DwqZWipGmiVJoeUDeoQIe/pfX+59EgRD/AIAYjArAwwAYb4FgEWL//5y//OetSA2iK9Hat1Pk23RRF+fGGlUEg6Am1t7Ytud4JYV+LT4FoInAyBuDysAWC9o8wALwFmowPYQ8WstuKK1cUeaXMIgeWcoHgAfcEhCMcNMR8jWAR4nfguCZwCQSy9qc3SLGNEAQDdEIQt8rPgMQRjrxYj9K3EuEyPUARj1vaFqWUpQlXA9GKdJUY87+z0teBYAMR4AIGviakWCBaCI//Fw8RkC97AiOKdAHAqLu8OJGhs0M0K4P06GMRN80ttXEAzxwQBEAcAo7o9Mu4L9rPeFnSoAVEvsueK34oJLQ7D9QkiLUKMWZza2xWtmuOSGZ+m3p4uvzeEzAQhToy1eGUAFwPlLxOeD4A4ocL1rlevFafLnk1ihbLdGCVbASWoCvf11e5bpu2wLHgJAwGlRu0Y7zHRN3pz3xJ1qWvQTLf91AXJb0XspdIs+CVsjJCmnXpcoF2OpnTBfL76G4CEARAYg6MsT9LZIA0CxfW9fLn4NwfXl0Ba3KA/KSGKWXJZwUsyQRRGj/s3bb0WHnwdAUmMQgLQzLu0MtMuSYCPY6ess/60QXDMoo2DIaQav0G6tTOWCWAmCz9u/fPt1gPxpAERrVABwsgB8K/HrNOmusAh4aGV7JF6grCmyakzuO4lv06R7ACgWgLzAZG4QUisjshJ8K/HrTPGqW8TMLRKhjEvidOI84x3SuDiVCiH/1vJfEx3eBwCwA8KEAMwGgLIw+fu9/ePC2aVhablEjUm6anmmuC3kG4t/lCzfAkBoAOARgP1ukG8sfruCfLEeNMp60BTksJRYnJJM4PcX39YLbi+ISQDcrDbH7OJv3198NofhmqvUKCimOYQ8u+j0zfFJAYb1p4jfd4p9AEbwApPcUqAA2LfB/yDx5UG4sq0e4FJtS41Bmuz6E87+taFRDUCew5iwM4wLuwiAXfzt7ceJ3y+ZdPzDFMWlqkCQzwfgZ779XjfpFgDyvNjPfftHtcO6ucb3ieB+wkyS9MNPF799EPoAUEEkgPL/AvFbaVKHQhdVOdwNv0X8OjpsA0BV4fz2f5X4Ugt6FJkgrlSe3K8TX8YFHY5QLooV8ddfKL6AoB6iiGJeaL/Zevid4vNB8KEHgEv1eQPeAAAAUklEQVT3nP1e8V+IeuldI10O+YaXXy5+hiBjkNbX0iaekLZZZ8v3+vK/eAoG+tmlf3/5/zzvr/vzlnF4e0uf/0/C/z1/z9/z9/w9f8/f8z2e/wAz2XmIQe4XMQAAAABJRU5ErkJggg==);
}
.bg-ai-landing-hero {
    background-image: radial-gradient(
        100% 249.65% at 0 47.87%,
        #3333ff40 0,
        #33f0 100%
    );
}
.bg-ai-landing-packages {
    background-image: radial-gradient(
        50% 100% at 100% 0,
        #3333ff40 0,
        #33f0 100%
    );
}
.bg-ai-landing-packages-mobile {
    background-image: radial-gradient(
            50% 100% at 100% 0,
            #3333ff40 0,
            #33f0 100%
        ),
        radial-gradient(50% 100% at 0 0, #3333ff40 0, #33f0 100%);
}
.bg-banner-examples-gray {
    background-image: url(landing-noise.webp),
        radial-gradient(70.09% 100% at 50% 0, #474e6b 0, #303450 100%);
}
.bg-banner-examples-modal-gray {
    background-image: url(landing-noise.webp),
        radial-gradient(75.69% 100% at 50% 0, #474e6b 0, #303450 100%);
}
.bg-banner-examples-modal-purple {
    background-image: url(landing-noise.webp),
        radial-gradient(
            152.26% 141.42% at 100% 100%,
            #33f 0,
            #8000ff 50%,
            #303450 100%
        );
}
.bg-banner-examples-purple {
    background-image: url(landing-noise.webp),
        radial-gradient(
            294.84% 141.42% at 100% 100%,
            #33f 0,
            #8000ff 50%,
            #303450 100%
        );
}
.bg-banner-examples-sider-purple {
    background-image: url(landing-noise.webp),
        radial-gradient(
            191.28% 141.42% at 100% 100%,
            #33f 0,
            #8000ff 50%,
            #303450 100%
        );
}
.bg-banner-examples-text {
    background-image: linear-gradient(180deg, #fff, #ffffff80);
}
.bg-enterprise-copy-command-hover-bg-light {
    background-image: radial-gradient(#0000 30%, #8000ff1a);
}
.bg-enterprise-cta-button-bg-light {
    background-image: radial-gradient(
        100% 375% at 100% 50%,
        #8000ff 0,
        #33f 100%
    );
}
.bg-enterprise-frequent-updates-light {
    background-image: radial-gradient(
        100% 100% at 50% 100%,
        #0080ff40 0,
        #0080ff00 100%
    );
}
.bg-footer-blog-light-bg {
    background-image: linear-gradient(180deg, #f6f7f9, #f6f7f900);
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-hackathon-button-bg {
    background-image: linear-gradient(
        90deg,
        #ff4ca64d,
        #8000ff4d 50%,
        #0080ff4d
    );
}
.bg-landing-copy-command-hover-bg-light {
    background-image: radial-gradient(#0000 30%, #0080ff1a);
}
.bg-landing-ghost {
    background-image: conic-gradient(
        from 90deg at 50% 50%,
        #ffffff40 0,
        #ffffff40 10%,
        #fff 20%,
        #ffffff40 30%,
        #ffffff40 60%,
        #fff 70%,
        #ffffff40 80%,
        #ffffff40 100%
    );
}
.bg-landing-hero-beam-bg {
    background-image: conic-gradient(
        from 280deg,
        currentColor 6%,
        #0000 14%,
        #0000 100%
    );
}
.bg-landing-hero-beam-bottom-light {
    background-image: linear-gradient(90deg, #fff0, #0080ff, #fff0);
}
.bg-landing-hero-github-stars-text-light {
    background-image: linear-gradient(180deg, #14141f, #6c7793);
}
.bg-landing-hero-xray-dot-center-bg-light {
    background-image: radial-gradient(
        100% 100% at 0 0,
        #74ffff 0,
        #0080ff 50%,
        #0080ff 100%
    );
}
.bg-landing-linear-spectrum {
    background-image: linear-gradient(
        90deg,
        #fffe00,
        #f93 12.5%,
        #ff4c4d 25%,
        #ed5ec9 37.5%,
        #8000ff 50%,
        #33f 62.5%,
        #0080ff 75%,
        #47ebeb 87.5%,
        #26d97f
    );
}
.bg-landing-packages-text {
    background-image: linear-gradient(180deg, #14141f, #474e6b);
}
.bg-landing-playground-bg {
    background-image: linear-gradient(90deg, #17174f00, #17174f),
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.165),
            #00000054 50%,
            rgba(0, 0, 0, 0.165)
        );
}
.bg-landing-rainbow {
    background-image: conic-gradient(
        from 180deg at 50% 50%,
        #3fdcf7 0deg,
        #1890ff 51.43deg,
        #6813cb 102.86deg,
        #ff003d 154.29deg,
        #ff8a00 205.71deg,
        #ffd600 257.14deg,
        #67be23 308.57deg,
        #3fdcf7 1turn
    );
}
.bg-landing-sliding-highlight-bg {
    background-image: linear-gradient(180deg, #3fdcf7, #3fdcf799);
}
.bg-landing-stats-text {
    background-image: linear-gradient(180deg, #14141f 25%, #14141f80);
}
.bg-landing-sweet-spot-glow-blue-light {
    background-image: radial-gradient(
            50% 50% at 70% 0,
            #1f80e00d 0,
            #1f80e000 100%
        ),
        radial-gradient(50% 50% at 50% 50%, #1f80e026 0, #1f80e000 100%);
}
.bg-landing-sweet-spot-glow-cyan-light {
    background-image: radial-gradient(
            50% 50% at 70% 0,
            #0891910d 0,
            #08919100 100%
        ),
        radial-gradient(50% 50% at 50% 50%, #08919126 0, #08919100 100%);
}
.bg-landing-sweet-spot-glow-indigo-light {
    background-image: radial-gradient(
            50% 50% at 70% 0,
            #693bc60d 0,
            #693bc600 100%
        ),
        radial-gradient(50% 50% at 50% 50%, #693bc626 0, #693bc600 100%);
}
.bg-landing-sweet-spot-glow-orange-light {
    background-image: radial-gradient(
            50% 50% at 70% 0,
            #ff9f1a0d 0,
            #ff9f1a00 100%
        ),
        radial-gradient(50% 50% at 50% 50%, #ff9f1a26 0, #ff9f1a00 100%);
}
.bg-landing-sweet-spot-glow-red-light {
    background-image: radial-gradient(
            50% 50% at 70% 0,
            #d22d2d0d 0,
            #d22d2d00 100%
        ),
        radial-gradient(50% 50% at 50% 50%, #d22d2d26 0, #d22d2d00 100%);
}
.bg-landing-sweet-spot-glow-yellow-light {
    background-image: radial-gradient(
            50% 50% at 70% 0,
            #f46a250d 0,
            #f46a2500 100%
        ),
        radial-gradient(50% 50% at 50% 50%, #f46a2526 0, #f46a2500 100%);
}
.bg-landing-text-bg {
    background-image: linear-gradient(180deg, #fff, #fff9);
}
.bg-landing-tile-border-bg {
    background-image: radial-gradient(
        100% 100% at 0 0,
        #4d4db3 0,
        #4d4db30d 50%,
        #4d4db380 100%
    );
}
.bg-landing-tile-grid-mobile-bg {
    background-image: url(landing-tile-grid-mobile.svg);
}
.bg-landing-tile-image-bg {
    background-image: radial-gradient(
        50.33% 83.06% at -0.33% 100%,
        #4d4db380 0,
        #4d4db300 100%
    );
}
.bg-landing-tile-tile-bg {
    background-image: radial-gradient(
        232% 232% at 100% 100%,
        #4d4db300 0,
        #4d4db30d 33.33%,
        #4d4db31a 66.67%,
        #4d4db333 100%
    );
}
.bg-landing-trusted-by-developers {
    background-image: radial-gradient(
        40% 100% at 110% 20%,
        #0080ff26 0,
        #f4f8fb 100%
    );
}
.bg-landing-wizard-side-bg-light {
    background-image: radial-gradient(
        50% 50% at 50% 50%,
        #303450bf 0,
        #3034501a 50%,
        #30345000 100%
    );
}
.bg-new-badge-border-light {
    background-image: conic-gradient(
        from 45deg at 50% 50%,
        #b7dbff,
        #0080ff80,
        #b7dbff,
        #b7dbff,
        #b7dbff,
        #0080ff,
        #b7dbff,
        #b7dbff,
        #b7dbff
    );
}
.bg-noise {
    background-image: url(landing-noise.webp);
}
.bg-pricing-card-pro-light {
    background-image: radial-gradient(
        146.45% 100% at 100% 100%,
        #fff0 0,
        rgba(88, 196, 220, 0.125) 50%,
        #fff0 100%
    );
}
.bg-purple-new-badge-border-light {
    background-image: conic-gradient(
        from 45deg at 50% 50%,
        #e6ccff,
        #4d0099,
        #e6ccff,
        #e6ccff,
        #e6ccff,
        #4d0099,
        #e6ccff,
        #e6ccff,
        #e6ccff
    );
}
.bg-refine-week-strapi-timeline-item-bg {
    background-image: linear-gradient(
        1turn,
        #4945ff00,
        #4945ff40 50%,
        #4945ff00
    );
}
.bg-refine-week-strapi-timeline-item-bg-lg {
    background-image: linear-gradient(256deg, #4945ff40, #4945ff00 60%);
}
.bg-refine-week-supabase-timeline-item-bg {
    background-image: linear-gradient(
        1turn,
        #3ecf8e00,
        #3ecf8e40 50%,
        #3ecf8e00
    );
}
.bg-refine-week-supabase-timeline-item-bg-lg {
    background-image: linear-gradient(256deg, #3ecf8e40, #3ecf8e00 60%);
}
.bg-walkthrough-button-alt-shadow {
    background-image: conic-gradient(
        from 231deg at 50% 50%,
        #a3a3f5 0,
        #474e6b 6%,
        #474e6b 44%,
        #a3a3f5 50%,
        #474e6b 56%,
        #474e6b 94%,
        #a3a3f5 100%
    );
}
.bg-walkthrough-button-shadow {
    background-image: conic-gradient(
        from 231deg at 50% 50%,
        #a3a3f5 0,
        #4d4db2 6%,
        #4d4db2 44%,
        #a3a3f5 50%,
        #4d4db2 56%,
        #4d4db2 94%,
        #a3a3f5 100%
    );
}
.bg-week-of-refine-strapi-card-light {
    background-image: linear-gradient(207deg, #4945ff26, #4945ff00);
}
.bg-week-of-refine-supabase-card-light {
    background-image: linear-gradient(207deg, #3ecf8e26, #3ecf8e00);
}
.from-\[\#0FBDBD\] {
    --tw-gradient-from: #0fbdbd var(--tw-gradient-from-position);
    --tw-gradient-to: #0fbdbd00 var(--tw-gradient-to-position);
}
.from-\[\#FF9933\] {
    --tw-gradient-from: #f93 var(--tw-gradient-from-position);
    --tw-gradient-to: #f930 var(--tw-gradient-to-position);
}
.from-gray-50 {
    --tw-gradient-from: rgb(var(--color-gray-50) / 1)
        var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-gray-50) / 0)
        var(--tw-gradient-to-position);
}
.from-40\% {
    --tw-gradient-from-position: 40%;
}
.to-\[\#26D97F\] {
    --tw-gradient-to: #26d97f var(--tw-gradient-to-position);
}
.to-\[\#FF4C4D\] {
    --tw-gradient-to: #ff4c4d var(--tw-gradient-to-position);
}
.to-gray-200 {
    --tw-gradient-to: rgb(var(--color-gray-200) / 1)
        var(--tw-gradient-to-position);
}
.bg-\[length\:100\%_100\%\] {
    background-size: 100% 100%;
}
.bg-\[length\:1200px\] {
    background-size: 1200px;
}
.bg-\[length\:1920px\] {
    background-size: 1920px;
}
.bg-\[length\:1920px_327px\] {
    background-size: 1920px 327px;
}
.bg-\[length\:200\%_100\%\] {
    background-size: 200% 100%;
}
.bg-\[length\:620px_350px\] {
    background-size: 620px 350px;
}
.bg-\[length\:720px_156px\] {
    background-size: 720px 156px;
}
.bg-\[size\:16px\] {
    background-size: 16px;
}
.bg-contain {
    background-size: contain;
}
.bg-cover {
    background-size: cover;
}
.bg-landing-wizard-side-size {
    background-size: 512px 512px;
}
.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}
.bg-\[position\:right_top\] {
    background-position: 100% 0;
}
.bg-center {
    background-position: 50%;
}
.bg-landing-wizard-side-left-position {
    background-position: 0;
}
.bg-landing-wizard-side-right-position,
.bg-right {
    background-position: 100%;
}
.bg-top {
    background-position: top;
}
.bg-repeat {
    background-repeat: repeat;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.fill-\[\#2A2A42\] {
    fill: #2a2a42;
}
.fill-\[\#fff\],
.fill-\[\#ffffff\] {
    fill: #fff;
}
.fill-gray-0 {
    fill: rgb(var(--color-gray-0) / 1);
}
.fill-gray-100 {
    fill: rgb(var(--color-gray-100) / 1);
}
.fill-gray-300 {
    fill: rgb(var(--color-gray-300) / 1);
}
.fill-gray-400 {
    fill: rgb(var(--color-gray-400) / 1);
}
.fill-gray-600 {
    fill: rgb(var(--color-gray-600) / 1);
}
.fill-refine-blue {
    fill: #0080ff;
}
.fill-refine-react-2 {
    fill: #eaebef;
}
.fill-refine-tutorial-green {
    fill: #24a866;
}
.stroke-\[\#2A2A42\] {
    stroke: #2a2a42;
}
.stroke-\[\#6C779326\] {
    stroke: #6c779326;
}
.stroke-\[\#EAEFF4\] {
    stroke: #eaeff4;
}
.stroke-gray-200 {
    stroke: rgb(var(--color-gray-200) / 1);
}
.stroke-gray-300 {
    stroke: rgb(var(--color-gray-300) / 1);
}
.stroke-gray-500 {
    stroke: rgb(var(--color-gray-500) / 1);
}
.object-cover {
    object-fit: cover;
}
.object-none {
    object-fit: none;
}
.object-center {
    object-position: center;
}
.object-left-top {
    object-position: left top;
}
.object-right {
    object-position: right;
}
.p-1 {
    padding: 0.25rem;
}
.p-1\.5 {
    padding: 0.375rem;
}
.p-10 {
    padding: 2.5rem;
}
.p-2 {
    padding: 0.5rem;
}
#__docusaurus .tabs-container > ul.tabs .tabs__item,
.p-3 {
    padding: 0.75rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-8 {
    padding: 2rem;
}
.p-\[1px\],
.p-px {
    padding: 1px;
}
.px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}
.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px;
}
.px-\[89px\] {
    padding-left: 89px;
    padding-right: 89px;
}
.py-0 {
    padding-bottom: 0;
    padding-top: 0;
}
.py-0\.5 {
    padding-bottom: 0.125rem;
    padding-top: 0.125rem;
}
.py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}
.py-1\.5 {
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
}
.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem;
}
.py-14 {
    padding-bottom: 3.5rem;
    padding-top: 3.5rem;
}
.py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.py-2\.5 {
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
}
.py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem;
}
.py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}
.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}
.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}
.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.py-9 {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem;
}
.py-\[14px\] {
    padding-bottom: 14px;
    padding-top: 14px;
}
.py-\[23px\] {
    padding-bottom: 23px;
    padding-top: 23px;
}
.py-\[4px\] {
    padding-bottom: 4px;
    padding-top: 4px;
}
.py-\[7px\] {
    padding-bottom: 7px;
    padding-top: 7px;
}
.py-px {
    padding-bottom: 1px;
    padding-top: 1px;
}
.\!pb-\[5px\] {
    padding-bottom: 5px !important;
}
.\!pt-1\.5 {
    padding-top: 0.375rem !important;
}
.pb-1 {
    padding-bottom: 0.25rem;
}
.pb-10 {
    padding-bottom: 2.5rem;
}
.pb-12 {
    padding-bottom: 3rem;
}
.pb-14 {
    padding-bottom: 3.5rem;
}
.pb-16 {
    padding-bottom: 4rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pb-20 {
    padding-bottom: 5rem;
}
.pb-3 {
    padding-bottom: 0.75rem;
}
.pb-32 {
    padding-bottom: 8rem;
}
.pb-4 {
    padding-bottom: 1rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pb-\[15px\] {
    padding-bottom: 15px;
}
.pb-\[8px\] {
    padding-bottom: 8px;
}
.navbar-sidebar__item.menu .menu__list,
.pl-0 {
    padding-left: 0;
}
.pl-0\.5 {
    padding-left: 0.125rem;
}
.pl-1 {
    padding-left: 0.25rem;
}
.pl-1\.5 {
    padding-left: 0.375rem;
}
.pl-10 {
    padding-left: 2.5rem;
}
.pl-11 {
    padding-left: 2.75rem;
}
.pl-2 {
    padding-left: 0.5rem;
}
.pl-2\.5 {
    padding-left: 0.625rem;
}
#__docusaurus
    .navbar-sidebar__items.navbar-sidebar__items--show-secondary
    .menu__list,
.pl-3 {
    padding-left: 0.75rem;
}
.pl-4 {
    padding-left: 1rem;
}
.pl-6 {
    padding-left: 1.5rem;
}
.pl-7 {
    padding-left: 1.75rem;
}
.pl-8 {
    padding-left: 2rem;
}
.pl-\[8px\] {
    padding-left: 8px;
}
.pr-1 {
    padding-right: 0.25rem;
}
.pr-1\.5 {
    padding-right: 0.375rem;
}
.pr-2 {
    padding-right: 0.5rem;
}
.pr-2\.5 {
    padding-right: 0.625rem;
}
.pr-3 {
    padding-right: 0.75rem;
}
.pr-4 {
    padding-right: 1rem;
}
.pr-5 {
    padding-right: 1.25rem;
}
.pr-6 {
    padding-right: 1.5rem;
}
.pr-8 {
    padding-right: 2rem;
}
.pr-\[16px\] {
    padding-right: 16px;
}
.pt-1 {
    padding-top: 0.25rem;
}
.pt-10 {
    padding-top: 2.5rem;
}
.pt-14 {
    padding-top: 3.5rem;
}
.pt-16 {
    padding-top: 4rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pt-3 {
    padding-top: 0.75rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.pt-8 {
    padding-top: 2rem;
}
.pt-9 {
    padding-top: 2.25rem;
}
.pt-\[6px\] {
    padding-top: 6px;
}
.pt-\[8px\] {
    padding-top: 8px;
}
.pt-px {
    padding-top: 1px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-start {
    text-align: start;
}
.align-top {
    vertical-align: top;
}
.align-middle,
.prop--tag__required,
.props-table--name,
.sourcecode-badge {
    vertical-align: middle;
}
.font-\[inherit\] {
    font-family: inherit;
}
.font-disket {
    font-family: Disket Mono, ui-monospace, SFMono-Regular, Menlo, Monaco,
        Consolas, Liberation Mono, Courier New, monospace;
}
.font-jetBrains-mono {
    font-family: JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas,
        Liberation Mono, Courier New, monospace;
}
.font-mono {
    font-family: Source Code Pro, ui-monospace, SFMono-Regular, Menlo, Monaco,
        Consolas, Liberation Mono, Courier New, monospace;
}
.font-sans {
    font-family: var(--primary-font-sans), ui-sans-serif, system-ui, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
}
#__docusaurus .clean-btn.navbar-sidebar__back,
.card_bwaa span,
.navbar-sidebar__item.menu .menu__list .menu__list-item .menu__link,
.tutorial--framework-select__title {
    font-family: Montserrat, ui-serif, Georgia, Cambria, Times New Roman, Times,
        serif;
}
.\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
.\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-\[10px\] {
    font-size: 10px;
}
.text-\[11px\] {
    font-size: 11px;
}
.text-\[12px\] {
    font-size: 12px;
}
.text-\[14px\] {
    font-size: 14px;
}
.text-\[16px\] {
    font-size: 16px;
}
.text-\[2\.5rem\] {
    font-size: 2.5rem;
}
.text-\[20px\] {
    font-size: 20px;
}
.text-\[24px\] {
    font-size: 24px;
}
.text-\[32px\] {
    font-size: 32px;
}
.text-\[40px\] {
    font-size: 40px;
}
.text-\[64px\] {
    font-size: 64px;
}
.text-\[8px\] {
    font-size: 8px;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-bold,
.template-detail-markdown strong a {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-light {
    font-weight: 300;
}
.font-medium {
    font-weight: 500;
}
.font-normal {
    font-weight: 400;
}
#__docusaurus .blog-paginator-item:hover #author-title,
#__docusaurus .blog-paginator-item:hover #post-info,
.font-semibold,
.navbar__link,
.template-detail-markdown strong {
    font-weight: 600;
}
.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
        var(--tw-numeric-figure) var(--tw-numeric-spacing)
        var(--tw-numeric-fraction);
}
.\!leading-10 {
    line-height: 2.5rem !important;
}
.leading-10 {
    line-height: 2.5rem;
}
.leading-4 {
    line-height: 1rem;
}
.leading-5 {
    line-height: 1.25rem;
}
.leading-6 {
    line-height: 1.5rem;
}
.leading-8,
.leading-\[2rem\] {
    line-height: 2rem;
}
.leading-\[0\.875rem\] {
    line-height: 0.875rem;
}
.leading-\[16px\] {
    line-height: 16px;
}
.leading-\[22px\] {
    line-height: 22px;
}
.leading-\[24px\] {
    line-height: 24px;
}
.leading-\[32px\] {
    line-height: 32px;
}
.leading-\[40px\] {
    line-height: 40px;
}
.leading-\[48px\] {
    line-height: 48px;
}
.leading-\[9px\] {
    line-height: 9px;
}
.leading-none {
    line-height: 1;
}
.tracking-\[-0\.02em\] {
    letter-spacing: -0.02em;
}
.tracking-\[-0\.5\%\] {
    letter-spacing: -0.5%;
}
.tracking-tight {
    letter-spacing: -0.025em;
}
.tracking-wide {
    letter-spacing: 0.025em;
}
.\!text-gray-0 {
    color: rgb(var(--color-gray-0) / var(--tw-text-opacity)) !important;
}
.\!text-gray-1000 {
    color: rgb(var(--color-gray-1000) / var(--tw-text-opacity)) !important;
}
.\!text-gray-300 {
    color: rgb(var(--color-gray-300) / var(--tw-text-opacity)) !important;
}
.\!text-gray-400 {
    color: rgb(var(--color-gray-400) / var(--tw-text-opacity)) !important;
}
.\!text-gray-800 {
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity)) !important;
}
.\!text-gray-900 {
    color: rgb(var(--color-gray-900) / var(--tw-text-opacity)) !important;
}
.\!text-refine-link-light,
.\[\&\>code\]\:\!text-refine-link-light > code,
.active\:\!text-refine-link-light:active,
.hover\:\!text-refine-link-light:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(0 128 255 / var(--tw-text-opacity)) !important;
}
.\!text-white {
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#00758F\] {
    --tw-text-opacity: 1;
    color: rgb(0 117 143 / var(--tw-text-opacity));
}
.text-\[\#081026\] {
    --tw-text-opacity: 1;
    color: rgb(8 16 38 / var(--tw-text-opacity));
}
.text-\[\#089191\] {
    --tw-text-opacity: 1;
    color: rgb(8 145 145 / var(--tw-text-opacity));
}
.text-\[\#14141f\] {
    --tw-text-opacity: 1;
    color: rgb(20 20 31 / var(--tw-text-opacity));
}
.text-\[\#1F1F1F\] {
    --tw-text-opacity: 1;
    color: rgb(31 31 31 / var(--tw-text-opacity));
}
.text-\[\#1F80E0\] {
    --tw-text-opacity: 1;
    color: rgb(31 128 224 / var(--tw-text-opacity));
}
.text-\[\#212067\] {
    --tw-text-opacity: 1;
    color: rgb(33 32 103 / var(--tw-text-opacity));
}
.text-\[\#23272F\],
.text-refine-react-8 {
    --tw-text-opacity: 1;
    color: rgb(35 39 47 / var(--tw-text-opacity));
}
.text-\[\#273646\] {
    --tw-text-opacity: 1;
    color: rgb(39 54 70 / var(--tw-text-opacity));
}
.text-\[\#693BC6\] {
    --tw-text-opacity: 1;
    color: rgb(105 59 198 / var(--tw-text-opacity));
}
.text-\[\#6c7793\] {
    --tw-text-opacity: 1;
    color: rgb(108 119 147 / var(--tw-text-opacity));
}
.text-\[\#99FFFF\] {
    --tw-text-opacity: 1;
    color: rgb(153 255 255 / var(--tw-text-opacity));
}
.text-\[\#D22D2D\] {
    --tw-text-opacity: 1;
    color: rgb(210 45 45 / var(--tw-text-opacity));
}
.text-\[\#F46A25\] {
    --tw-text-opacity: 1;
    color: rgb(244 106 37 / var(--tw-text-opacity));
}
.text-\[\#F93\],
.text-refine-orange {
    --tw-text-opacity: 1;
    color: rgb(255 153 51 / var(--tw-text-opacity));
}
.text-\[\#FE251B\] {
    --tw-text-opacity: 1;
    color: rgb(254 37 27 / var(--tw-text-opacity));
}
.text-\[\#FF9F1A\] {
    --tw-text-opacity: 1;
    color: rgb(255 159 26 / var(--tw-text-opacity));
}
.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-0,
.hover\:text-gray-0:hover,
.text-gray-0 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-0) / var(--tw-text-opacity));
}
.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.text-gray-1000 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-1000) / var(--tw-text-opacity));
}
.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200) / var(--tw-text-opacity));
}
.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300) / var(--tw-text-opacity));
}
.hover\:text-gray-400:hover,
.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
}
.hover\:text-gray-500:hover,
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500) / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gray-600,
.hover\:text-gray-600:hover,
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-600) / var(--tw-text-opacity));
}
.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
}
.hover\:text-gray-800:hover,
.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
}
.hover\:text-gray-900:hover,
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-900) / var(--tw-text-opacity));
}
.hover\:text-green-500:hover,
.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity));
}
.hover\:text-inherit:hover,
.text-inherit {
    color: inherit;
}
.hover\:text-red-500:hover,
.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}
.hover\:text-refine-bg:hover,
.text-refine-bg {
    --tw-text-opacity: 1;
    color: rgb(10 10 41 / var(--tw-text-opacity));
}
.hover\:text-refine-blue:hover,
.hover\:text-refine-link-light:hover,
.text-refine-blue,
.text-refine-link-light {
    --tw-text-opacity: 1;
    color: rgb(0 128 255 / var(--tw-text-opacity));
}
.text-refine-cyan {
    --tw-text-opacity: 1;
    color: rgb(15 138 138 / var(--tw-text-opacity));
}
.text-refine-enterprise-purple {
    --tw-text-opacity: 1;
    color: rgb(77 0 153 / var(--tw-text-opacity));
}
.text-refine-enterprise-purple-2,
.text-refine-purple {
    --tw-text-opacity: 1;
    color: rgb(128 0 255 / var(--tw-text-opacity));
}
.text-refine-green,
.text-refine-week-supabase-day-indicator-start {
    --tw-text-opacity: 1;
    color: rgb(31 173 102 / var(--tw-text-opacity));
}
.text-refine-indigo {
    --tw-text-opacity: 1;
    color: rgb(51 51 255 / var(--tw-text-opacity));
}
.text-refine-indigo-alt {
    --tw-text-opacity: 1;
    color: rgb(128 128 255 / var(--tw-text-opacity));
}
.text-refine-pink {
    --tw-text-opacity: 1;
    color: rgb(237 94 201 / var(--tw-text-opacity));
}
.text-refine-react-1 {
    --tw-text-opacity: 1;
    color: rgb(246 247 249 / var(--tw-text-opacity));
}
.text-refine-react-3 {
    --tw-text-opacity: 1;
    color: rgb(227 228 229 / var(--tw-text-opacity));
}
.text-refine-react-4 {
    --tw-text-opacity: 1;
    color: rgb(153 161 179 / var(--tw-text-opacity));
}
.text-refine-react-5 {
    --tw-text-opacity: 1;
    color: rgb(102 112 132 / var(--tw-text-opacity));
}
.text-refine-react-6 {
    --tw-text-opacity: 1;
    color: rgb(68 73 85 / var(--tw-text-opacity));
}
.text-refine-react-dark-link {
    --tw-text-opacity: 1;
    color: rgb(20 158 202 / var(--tw-text-opacity));
}
.text-refine-react-light-green {
    --tw-text-opacity: 1;
    color: rgb(43 110 98 / var(--tw-text-opacity));
}
.text-refine-react-light-green-alt,
.text-refine-tutorial-green {
    --tw-text-opacity: 1;
    color: rgb(36 168 102 / var(--tw-text-opacity));
}
.\[\&_svg\]\:text-refine-react-light-link svg,
.hover\:text-refine-react-light-link:hover,
.text-refine-react-light-link {
    --tw-text-opacity: 1;
    color: rgb(8 126 164 / var(--tw-text-opacity));
}
.text-refine-react-light-orange {
    --tw-text-opacity: 1;
    color: rgb(199 106 21 / var(--tw-text-opacity));
}
.text-refine-react-light-purple {
    --tw-text-opacity: 1;
    color: rgb(87 95 183 / var(--tw-text-opacity));
}
.text-refine-red {
    --tw-text-opacity: 1;
    color: rgb(255 76 77 / var(--tw-text-opacity));
}
.text-refine-week-strapi-day-indicator-start {
    --tw-text-opacity: 1;
    color: rgb(73 69 255 / var(--tw-text-opacity));
}
.text-refine-week-strapi-day-indicator-stop {
    --tw-text-opacity: 1;
    color: rgb(77 136 255 / var(--tw-text-opacity));
}
.text-refine-week-supabase-day-indicator-stop {
    --tw-text-opacity: 1;
    color: rgb(62 207 142 / var(--tw-text-opacity));
}
.text-refine-yellow {
    --tw-text-opacity: 1;
    color: rgb(255 191 0 / var(--tw-text-opacity));
}
.text-transparent {
    color: #0000;
}
#__docusaurus .blog-paginator-item:hover #author-name,
#__docusaurus .blog-paginator-item:hover #author-title,
#__docusaurus .blog-paginator-item:hover #post-info,
#__docusaurus .blog-paginator-item:hover #post-title,
.hover\:text-white:hover,
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-opacity-50 {
    --tw-text-opacity: 0.5;
}
.underline {
    text-decoration-line: underline;
}
.line-through {
    text-decoration-line: line-through;
}
.hover\:no-underline:hover,
.no-underline {
    text-decoration-line: none;
}
.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-gray-400) / var(--tw-placeholder-opacity));
}
.group\/all:hover .group-hover\/all\:opacity-0,
.group\/highlight:hover .group-hover\/highlight\:opacity-0,
.opacity-0 {
    opacity: 0;
}
.opacity-20 {
    opacity: 0.2;
}
.opacity-30 {
    opacity: 0.3;
}
.opacity-40,
.theme-code-block:hover .buttonGroup_LE4n button {
    opacity: 0.4;
}
.data-\[disabled\]\:opacity-50[data-disabled],
.disabled\:opacity-50:disabled,
.opacity-50 {
    opacity: 0.5;
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-\[0\.15\] {
    opacity: 0.15;
}
.opacity-\[0\.75\] {
    opacity: 0.75;
}
.opacity-\[0\.99\] {
    opacity: 0.99;
}
.bg-blend-overlay {
    background-blend-mode: overlay;
}
.mix-blend-normal {
    mix-blend-mode: normal;
}
.mix-blend-luminosity {
    mix-blend-mode: luminosity;
}
.focus\:ring-1:focus,
.focus\:ring:focus,
.ring-4 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.shadow-\[0px_-1\.5px_0px_rgba\(237\2c 242\2c 247\2c 0\.5\)\],
.shadow-landing-wai-shadow-light {
    --tw-shadow: 0px -1.5px 0px #edf2f780;
    --tw-shadow-colored: 0px -1.5px 0px var(--tw-shadow-color);
}
.shadow-\[0px_1px_0px_0px_\#E3E4E5\] {
    --tw-shadow: 0px 1px 0px 0px #e3e4e5;
    --tw-shadow-colored: 0px 1px 0px 0px var(--tw-shadow-color);
}
.shadow-enterprise-modal {
    --tw-shadow: 0px 0.8px 2px rgba(0, 0, 0, 0.064),
        0px 2.7px 6.7px rgba(0, 0, 0, 0.096), 0px 12px 30px #00000029;
    --tw-shadow-colored: 0px 0.8px 2px var(--tw-shadow-color),
        0px 2.7px 6.7px var(--tw-shadow-color),
        0px 12px 30px var(--tw-shadow-color);
}
.shadow-landing-sweet-spot-code-light {
    --tw-shadow: 0px 2.26915px 2.21381px 0px #00000005,
        0px 5.45308px 5.32008px 0px #0000000a,
        0px 10.26767px 10.01724px 0px #0000000a,
        0px 18.31577px 17.86905px 0px #0000000d,
        0px 34.25764px 33.42209px 0px #0000000f, 0px 82px 80px 0px #00000017;
    --tw-shadow-colored: 0px 2.26915px 2.21381px 0px var(--tw-shadow-color),
        0px 5.45308px 5.32008px 0px var(--tw-shadow-color),
        0px 10.26767px 10.01724px 0px var(--tw-shadow-color),
        0px 18.31577px 17.86905px 0px var(--tw-shadow-color),
        0px 34.25764px 33.42209px 0px var(--tw-shadow-color),
        0px 82px 80px 0px var(--tw-shadow-color);
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
        0 2px 4px -2px var(--tw-shadow-color);
}
.shadow-menu-blog-light,
.shadow-menu-light {
    --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color);
}
.shadow-menu-blog-light {
    --tw-shadow: 0px 0px 0px 4px #99a1b31a;
}
.shadow-menu-light {
    --tw-shadow: 0px 0px 0px 4px #dee5ed40;
}
.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.shadow-gray-200 {
    --tw-shadow-color: rgb(var(--color-gray-200) / 1);
    --tw-shadow: var(--tw-shadow-colored);
}
.focus\:outline-none:focus,
.outline-none {
    outline: #0000 solid 2px;
    outline-offset: 2px;
}
.outline {
    outline-style: solid;
}
.ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.ring-refine-bg {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(10 10 41 / var(--tw-ring-opacity));
}
.ring-refine-blue {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 128 255 / var(--tw-ring-opacity));
}
.ring-opacity-50 {
    --tw-ring-opacity: 0.5;
}
.blur {
    --tw-blur: blur(8px);
}
.blur-\[100px\] {
    --tw-blur: blur(100px);
}
.blur-\[120px\] {
    --tw-blur: blur(120px);
}
.blur-\[128px\] {
    --tw-blur: blur(128px);
}
.blur-\[12px\] {
    --tw-blur: blur(12px);
}
.blur-\[187px\] {
    --tw-blur: blur(187px);
}
.blur-\[75px\] {
    --tw-blur: blur(75px);
}
.blur-lg {
    --tw-blur: blur(16px);
}
.blur-sm {
    --tw-blur: blur(4px);
}
.blur-xl {
    --tw-blur: blur(24px);
}
.brightness-110,
.focus\:brightness-110:focus,
.group:hover .group-hover\:brightness-110,
.hover\:brightness-110:hover {
    --tw-brightness: brightness(1.1);
}
.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)
        drop-shadow(0 1px 1px #0000000f);
}
.drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px #00000026);
}
.drop-shadow-\[0_0_30px_rgba\(0\2c 128\2c 255\2c 0\.3\)\] {
    --tw-drop-shadow: drop-shadow(0 0 30px #0080ff4d);
}
.drop-shadow-\[0_0_30px_rgba\(128\2c 0\2c 255\2c 0\.3\)\] {
    --tw-drop-shadow: drop-shadow(0 0 30px #8000ff4d);
}
.drop-shadow-\[0_0_30px_rgba\(179\2c 102\2c 255\2c 1\)\] {
    --tw-drop-shadow: drop-shadow(0 0 30px #b366ff);
}
.drop-shadow-\[0_0_30px_rgba\(254\2c 37\2c 27\2c 0\.3\)\] {
    --tw-drop-shadow: drop-shadow(0 0 30px #fe251b4d);
}
.drop-shadow-\[0_0_30px_rgba\(51\2c 51\2c 255\2c 0\.3\)\] {
    --tw-drop-shadow: drop-shadow(0 0 30px #3333ff4d);
}
.drop-shadow-\[0_0_30px_rgba\(51\2c 51\2c 255\2c 0\.55\)\] {
    --tw-drop-shadow: drop-shadow(0 0 30px #3333ff8c);
}
.drop-shadow-none {
    --tw-drop-shadow: drop-shadow(0 0 #0000);
}
.drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px #0000000d);
}
.grayscale {
    --tw-grayscale: grayscale(100%);
}
.invert {
    --tw-invert: invert(100%);
}
.backdrop-blur-\[3px\] {
    --tw-backdrop-blur: blur(3px);
}
.backdrop-blur-\[3px\],
.backdrop-blur-\[6px\],
.backdrop-blur-sm,
.backdrop-blur-xl {
    -webkit-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);
    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);
}
.backdrop-blur-\[6px\] {
    --tw-backdrop-blur: blur(6px);
}
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
}
.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
}
.transition {
    transition-duration: 0.15s;
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, box-shadow, transform,
        filter, backdrop-filter, -webkit-backdrop-filter;
}
.transition-\[background-color\2c background\2c opacity\] {
    transition-duration: 0.15s;
    transition-property: background-color, background, opacity;
}
.transition-\[background-color\] {
    transition-duration: 0.15s;
    transition-property: background-color;
}
.transition-\[border-color\2c width\2c height\2c opacity\2c background-color\] {
    transition-duration: 0.15s;
    transition-property: border-color, width, height, opacity, background-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-\[border-radius\] {
    transition-duration: 0.15s;
    transition-property: border-radius;
}
.transition-\[filter\2c color\2c background-color\] {
    transition-duration: 0.15s;
    transition-property: filter, color, background-color;
}
.transition-\[filter\] {
    transition-duration: 0.15s;
    transition-property: filter;
}
.transition-\[min-height\2c height\] {
    transition-duration: 0.15s;
    transition-property: min-height, height;
}
.transition-\[opacity\2c transform\2c background-color\2c color\] {
    transition-duration: 0.15s;
    transition-property: opacity, transform, background-color, color;
}
.transition-\[opacity\2c transform\] {
    transition-duration: 0.15s;
    transition-property: opacity, transform;
}
.transition-\[transform\2c opacity\2c margin-bottom\] {
    transition-duration: 0.15s;
    transition-property: transform, opacity, margin-bottom;
}
.transition-\[transform\2c opacity\] {
    transition-duration: 0.15s;
    transition-property: transform, opacity;
}
.transition-all {
    transition-duration: 0.15s;
    transition-property: all;
}
.transition-colors {
    transition-duration: 0.15s;
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke;
}
.transition-opacity {
    transition-duration: 0.15s;
    transition-property: opacity;
}
.\[\&\>svg\]\:transition-transform > svg,
.transition-transform {
    transition-duration: 0.15s;
    transition-property: transform;
}
.delay-200 {
    transition-delay: 0.2s;
    animation-delay: 0.2s;
}
.delay-300 {
    transition-delay: 0.3s;
    animation-delay: 0.3s;
}
.delay-75 {
    transition-delay: 75ms;
    animation-delay: 75ms;
}
.duration-100 {
    transition-duration: 0.1s;
    animation-duration: 0.1s;
}
.duration-150 {
    transition-duration: 0.15s;
    animation-duration: 0.15s;
}
.\[\&\>svg\]\:duration-200 > svg,
.duration-200,
.sandpack-container .sp-layout .resize-handler {
    animation-duration: 0.2s;
    transition-duration: 0.2s;
}
.duration-300 {
    transition-duration: 0.3s;
    animation-duration: 0.3s;
}
.duration-500 {
    transition-duration: 0.5s;
    animation-duration: 0.5s;
}
.duration-75 {
    transition-duration: 75ms;
    animation-duration: 75ms;
}
.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.\[\&\>svg\]\:ease-in-out > svg,
.ease-in-out,
.sandpack-container .sp-layout .resize-handler {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-\[contents\2c opacity\] {
    will-change: contents, opacity;
}
.will-change-\[opacity\] {
    will-change: opacity;
}
.will-change-contents {
    will-change: contents;
}
.will-change-transform {
    will-change: transform;
}
@keyframes q {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(
                var(--tw-enter-translate-x, 0),
                var(--tw-enter-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1)
            )
            rotate(var(--tw-enter-rotate, 0));
    }
}
@keyframes r {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(
                var(--tw-exit-translate-x, 0),
                var(--tw-exit-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1)
            )
            rotate(var(--tw-exit-rotate, 0));
    }
}
.group:hover .group-hover\:animation-running,
.running {
    animation-play-state: running;
}
.animation-paused,
.group:hover .group-hover\:animation-paused,
.hover\:animation-paused:hover,
.paused {
    animation-play-state: paused;
}
.animation-slower-speed {
    animation-duration: 5s;
}
.animation-slow-speed {
    animation-duration: 4s;
}
.landing-mask-image-bg {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIyODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTY1NC4xNzggMTExQzQzMC4xNjMgOTMuMzQ5IDIxMS41NTQgNTYuNDc0IDAgMi4wMjNWMjg3aDE5MjBWMi4wMjNDMTcwOC40NSA1Ni40NzMgMTQ4OS44NCA5My4zNSAxMjY1LjgyIDExMWgtOC42OWEzMiAzMiAwIDAgMS0yNi42My0xNC4yNWwtNDUtNjcuNUEzMi4wMTQgMzIuMDE0IDAgMCAwIDExNTguODcgMTVINzYxLjEyNkEzMi4wMDEgMzIuMDAxIDAgMCAwIDczNC41IDI5LjI1bC00NSA2Ny41QTMyIDMyIDAgMCAxIDY2Mi44NzQgMTExaC04LjY5NloiIGZpbGw9IiMwQTBBMjkiLz48cGF0aCBkPSJNLjEyNSAxLjU0LS41IDEuMzc3VjI4Ny41aDE5MjFWMS4zNzhsLS42Mi4xNjFDMTcwOC4zNiA1NS45ODEgMTQ4OS43OCA5Mi44NSAxMjY1LjggMTEwLjVoLTguNjdhMzEuNDg4IDMxLjQ4OCAwIDAgMS0yNi4yMS0xNC4wMjdsLTQ1LTY3LjVhMzIuNTEzIDMyLjUxMyAwIDAgMC0yNy4wNS0xNC40NzNINzYxLjEyNmEzMi41IDMyLjUgMCAwIDAtMjcuMDQyIDE0LjQ3MmwtNDUgNjcuNTAxYTMxLjUwMiAzMS41MDIgMCAwIDEtMjYuMjEgMTQuMDI3aC04LjY3N0M0MzAuMjE4IDkyLjg1IDIxMS42NDQgNTUuOTguMTI1IDEuNTRaIiBzdHJva2U9InVybCgjYSkiIHN0cm9rZS1vcGFjaXR5PSIuMiIvPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iYSIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgwIDI4NC45NzcgLTYzMi4wMDggMCA5NjAgMi4wMjMpIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIyODgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTY1NC4xNzggMTExQzQzMC4xNjMgOTMuMzQ5IDIxMS41NTQgNTYuNDc0IDAgMi4wMjNWMjg3aDE5MjBWMi4wMjNDMTcwOC40NSA1Ni40NzMgMTQ4OS44NCA5My4zNSAxMjY1LjgyIDExMWgtOC42OWEzMiAzMiAwIDAgMS0yNi42My0xNC4yNWwtNDUtNjcuNUEzMi4wMTQgMzIuMDE0IDAgMCAwIDExNTguODcgMTVINzYxLjEyNkEzMi4wMDEgMzIuMDAxIDAgMCAwIDczNC41IDI5LjI1bC00NSA2Ny41QTMyIDMyIDAgMCAxIDY2Mi44NzQgMTExaC04LjY5NloiIGZpbGw9IiMwQTBBMjkiLz48cGF0aCBkPSJNLjEyNSAxLjU0LS41IDEuMzc3VjI4Ny41aDE5MjFWMS4zNzhsLS42Mi4xNjFDMTcwOC4zNiA1NS45ODEgMTQ4OS43OCA5Mi44NSAxMjY1LjggMTEwLjVoLTguNjdhMzEuNDg4IDMxLjQ4OCAwIDAgMS0yNi4yMS0xNC4wMjdsLTQ1LTY3LjVhMzIuNTEzIDMyLjUxMyAwIDAgMC0yNy4wNS0xNC40NzNINzYxLjEyNmEzMi41IDMyLjUgMCAwIDAtMjcuMDQyIDE0LjQ3MmwtNDUgNjcuNTAxYTMxLjUwMiAzMS41MDIgMCAwIDEtMjYuMjEgMTQuMDI3aC04LjY3N0M0MzAuMjE4IDkyLjg1IDIxMS42NDQgNTUuOTguMTI1IDEuNTRaIiBzdHJva2U9InVybCgjYSkiIHN0cm9rZS1vcGFjaXR5PSIuMiIvPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iYSIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgwIDI4NC45NzcgLTYzMi4wMDggMCA5NjAgMi4wMjMpIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 1920px 288px;
    mask-size: 1920px 288px;
}
.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}
.landing-image-bottom-mobile-bg {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTU5IiBoZWlnaHQ9IjQ3NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjI2LjMxMyAxNy4wM0EzNS45OTkgMzUuOTk5IDAgMCAxIDI1Ni4yNjcgMWg0NDcuNDY2YTM2IDM2IDAgMCAxIDI5Ljk1NCAxNi4wM2w1MC42MjUgNzUuOTRBMzYuMDAyIDM2LjAwMiAwIDAgMCA4MTQuMjY2IDEwOUgxMDIwdjM2NkgtNjBWMTA5aDIwNS43MzNhMzYuMDAxIDM2LjAwMSAwIDAgMCAyOS45NTQtMTYuMDNsNTAuNjI2LTc1Ljk0WiIgZmlsbD0iIzBBMEEyOSIvPjxwYXRoIGQ9Ik0xMDIwLjUgMTA5di0uNUg4MTQuMjY2YTM1LjUgMzUuNSAwIDAgMS0yOS41MzgtMTUuODA4bC01MC42MjUtNzUuOTM4QTM2LjUgMzYuNSAwIDAgMCA3MDMuNzMzLjVIMjU2LjI2N2EzNi41IDM2LjUgMCAwIDAtMzAuMzcgMTYuMjUzbC01MC42MjYgNzUuOTM5YTM1LjUgMzUuNSAwIDAgMS0yOS41MzggMTUuODA4SC02MC41djM2N2gxMDgxVjEwOVoiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLW9wYWNpdHk9Ii4yIi8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMzA2IC04MTAuMDAyIDAgNDgwIDEpIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTU5IiBoZWlnaHQ9IjQ3NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjI2LjMxMyAxNy4wM0EzNS45OTkgMzUuOTk5IDAgMCAxIDI1Ni4yNjcgMWg0NDcuNDY2YTM2IDM2IDAgMCAxIDI5Ljk1NCAxNi4wM2w1MC42MjUgNzUuOTRBMzYuMDAyIDM2LjAwMiAwIDAgMCA4MTQuMjY2IDEwOUgxMDIwdjM2NkgtNjBWMTA5aDIwNS43MzNhMzYuMDAxIDM2LjAwMSAwIDAgMCAyOS45NTQtMTYuMDNsNTAuNjI2LTc1Ljk0WiIgZmlsbD0iIzBBMEEyOSIvPjxwYXRoIGQ9Ik0xMDIwLjUgMTA5di0uNUg4MTQuMjY2YTM1LjUgMzUuNSAwIDAgMS0yOS41MzgtMTUuODA4bC01MC42MjUtNzUuOTM4QTM2LjUgMzYuNSAwIDAgMCA3MDMuNzMzLjVIMjU2LjI2N2EzNi41IDM2LjUgMCAwIDAtMzAuMzcgMTYuMjUzbC01MC42MjYgNzUuOTM5YTM1LjUgMzUuNSAwIDAgMS0yOS41MzggMTUuODA4SC02MC41djM2N2gxMDgxVjEwOVoiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLW9wYWNpdHk9Ii4yIi8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMzA2IC04MTAuMDAyIDAgNDgwIDEpIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
    -webkit-mask-position: top;
    mask-position: top;
    -webkit-mask-size: 620px 350px;
    mask-size: 620px 350px;
}
.landing-playground-slide-mask {
    -webkit-mask-image: linear-gradient(
        0deg,
        #0003,
        #0006 30%,
        #000 37.5%,
        #000 65%,
        #0006 75.5%,
        #0003
    );
    mask-image: linear-gradient(
        0deg,
        #0003,
        #0006 30%,
        #000 37.5%,
        #000 65%,
        #0006 75.5%,
        #0003
    );
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.bg-landing-component {
    background: radial-gradient(
            66.67% 50% at 50% 0,
            #1fad6640 0,
            #1fad6600 100%
        ),
        radial-gradient(66.67% 50% at 50% 100%, #1fad661a 0, #1fad6600 100%),
        linear-gradient(0deg, #1fad6608, #1fad6608), #fff;
    border-radius: 8px;
}
:root {
    --ifm-color-primary: #1890ff;
    --ifm-color-primary-dark: #1584eb;
    --ifm-color-primary-darker: #1278d7;
    --ifm-color-primary-darkest: #0664bb;
    --ifm-color-primary-light: #2d9aff;
    --ifm-color-primary-lighter: #3ea2ff;
    --ifm-color-primary-lightest: #69b7ff;
    --ifm-navbar-background-color: var(--color-purple);
    --ifm-navbar-height: 64px;
    --ifm-menu-color-background-hover: #ffffff0d;
    --color-purple: #331049;
    --color-turquoise: #0ccee9;
    --color-blue: #0b82f0;
    --color-text-white: #fff;
    --color-text-black: #3a3e4a;
    --color-bg-white: #fff;
    --ifm-navbar-sidebar-width: 100%;
    --ifm-table-cell-padding: 6px 8px;
    --doc-sidebar-width: 270px !important;
    --ifm-scrollbar-track-background-color: #0000 !important;
    --ifm-menu-link-padding-horizontal: 0.375rem;
    --ifm-menu-link-padding-vertical: 0.375rem;
    --ifm-breadcrumb-item-background-active: #0000;
    --ifm-breadcrumb-spacing: 0.25rem;
    --ifm-breadcrumb-padding-horizontal: 0.4rem;
    --ifm-font-color-base: #3a3e4a;
    --tutorial-toc-bg-color: #f1f5f9;
    --tutorial-toc-text-color: #292d3e;
    --tutorial-toc-text-color-dark: #252527;
    --tutorial-toc-text-color-light: #6b7280;
    --prism-background-color: #292d3e;
    --docusaurus-highlighted-code-line-bg: #dee5ed;
    --ifm-code-font-size: 85%;
    --browser-window-bezel-color: #ebedf0;
    --browser-window-bezel-color-accent: #ebedf0;
    --ifm-alert-border-radius: 0.25rem;
    --ifm-alert-shadow: 0.5px 1px 1px 0px #00000026;
    --ifm-menu-link-sublist-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23a8a8a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E");
    --ifm-font-family-base: var(--primary-font-sans), 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";
    --tutorial-card-bg: var(--ifm-card-background-color);
    ---tutorial-card-bg-hover: var(--ifm-card-background-color);
    --docsearch-primary-color: #5468ff;
    --docsearch-text-color: #1c1e21;
    --docsearch-spacing: 12px;
    --docsearch-icon-stroke-width: 1.4;
    --docsearch-highlight-color: var(--docsearch-primary-color);
    --docsearch-muted-color: #969faf;
    --docsearch-container-background: #656c85cc;
    --docsearch-logo-color: #5468ff;
    --docsearch-modal-width: 560px;
    --docsearch-modal-height: 600px;
    --docsearch-modal-background: #f5f6f7;
    --docsearch-modal-shadow: inset 1px 1px 0 0 #ffffff80, 0 3px 8px 0 #555a64;
    --docsearch-searchbox-height: 56px;
    --docsearch-searchbox-background: #ebedf0;
    --docsearch-searchbox-focus-background: #fff;
    --docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color);
    --docsearch-hit-height: 56px;
    --docsearch-hit-color: #444950;
    --docsearch-hit-active-color: #fff;
    --docsearch-hit-background: #fff;
    --docsearch-hit-shadow: 0 1px 3px 0 #d4d9e1;
    --docsearch-key-gradient: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
    --docsearch-key-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff,
        0 1px 2px 1px #1e235a66;
    --docsearch-key-pressed-shadow: inset 0 -2px 0 0 #cdcde6,
        inset 0 0 1px 1px #fff, 0 1px 1px 0 #1e235a66;
    --docsearch-footer-height: 44px;
    --docsearch-footer-background: #fff;
    --docsearch-footer-shadow: 0 -1px 0 0 #e0e3e8, 0 -3px 6px 0 #45629b1f;
    --docsearch-primary-color: var(--ifm-color-primary);
    --docsearch-text-color: var(--ifm-font-color-base);
}
html.docs-wrapper {
    scroll-behavior: auto !important;
}
[data-theme="dark"] {
    --tutorial-card-bg: #252527;
    --tutorial-card-bg-hover: #2c2e33;
    --ifm-font-color-base: #f6f6f9;
    --docusaurus-highlighted-code-line-bg: #303450;
    --browser-window-bezel-color: #292d3e;
    --browser-window-bezel-color-accent: #4e5264;
    --tutorial-toc-bg-color: #27272a;
    --tutorial-toc-text-color: #ebedf0;
    --tutorial-toc-text-color-dark: #f1f1f1;
    --tutorial-toc-text-color-light: #dddee0;
}
#__docusaurus .group:hover a:hover .nested-hover-hidden,#__docusaurus .navbar .navbar__items .header-icon-link,#__docusaurus .navbar .navbar__items .navbar__item,#__docusaurus .navbar-sidebar__item.menu a[href="https://github.com/refinedev/refine"]:after,#__docusaurus .with-hoverline .navbar-sidebar__items.navbar-sidebar__items--show-secondary .menu__link.menu__link--active:before,#kapa-widget-container,.code-block-hidden,.code-block-hidden.theme-code-block-highlighted-line,.navbar .navbar__items .navbar__item,.window,html[data-customized=true] #__docusaurus .navbar-theme-toggle,html[data-customized=true] #__docusaurus .navbar__item.dropdown.dropdown--hoverable.dropdown--right
{
    display: none;
}
.centered-image,
.mobile-img-container {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.banner-container {
    background-color: #f8f8f8;
    border-radius: 10px;
    font-weight: 500;
    padding: 18px;
}
.banner-container.dark {
    background: linear-gradient(180deg, #2f2f2f, #000);
    color: #fff;
}
.banner-header {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 25px;
    text-align: center;
}
.pre,
.props-table th {
    text-align: left;
}
.docusaurus-highlight-code-line {
    background-color: #484d5b;
    display: block;
    margin: 0 calc(var(--ifm-pre-padding) * -1);
    padding: 0 var(--ifm-pre-padding);
}
.required {
    font-size: 13px;
}
.DocSearch-Button-Container,
.required-block,
.tab-button,
.tabs {
    align-items: center;
    display: flex;
}
.footer__links {
    margin-bottom: 20px;
}
.footer__col:first-child {
    flex: 2;
}
.footer__col:first-child .footer__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.footer__col:first-child .footer__items .footer__item {
    flex-basis: 50%;
}
.language-js {
    font-size: 9px;
}
.required {
    border: 1px solid #fa5035;
    border-radius: 3px;
    color: #fa5035;
    display: inline-block;
    letter-spacing: 0.02rem;
    margin-left: 5px;
    margin-right: 0;
    padding: 0 6px;
}
.row--align--center {
    align-items: center;
}
.navbar__brand {
    margin-left: 8px;
}
.navbar-sidebar__back,
.navbar-sidebar__items .menu__list .menu__link,
.navbar__toggle {
    color: var(--color-text-white);
}
.navbar-sidebar__brand {
    box-shadow: none;
    justify-content: space-between;
}
.navbar-sidebar__items .menu__list .menu__link.menu__link--sublist:after {
    filter: invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg)
        brightness(104%) contrast(98%);
}
.header-last-nav-item {
    margin-right: 30px;
}
.header-icon-link {
    transition: 0.5s;
}
.header-icon-link:before,
.popover-icon-link:before {
    content: "";
    display: flex;
    height: 24px;
    width: 24px;
}
.header-github-link:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjA1MyAwQTEwLjkwNCAxMC45MDQgMCAwIDAgMy44OSAyLjY4NSAxMS4zNCAxMS4zNCAwIDAgMCAuMTQyIDkuNDcyYTExLjQ4IDExLjQ4IDAgMCAwIDEuNDU2IDcuNjUgMTEuMDg3IDExLjA4NyAwIDAgMCA1Ljk2NCA0Ljg2Yy41NTYuMTAzLjc1Mi0uMjUuNzUyLS41NDd2LTEuOTE4QzUuMjMgMjAuMjAyIDQuNTggMTggNC41OCAxOGEzLjAxMiAzLjAxMiAwIDAgMC0xLjIyNy0xLjY1NWMtLjk5Ny0uNjkyLjA4MS0uNjkyLjA4MS0uNjkyLjM1LjA1LjY4My4xOC45NzUuMzgyLjI5My4yMDIuNTM2LjQ2OS43MTMuNzguMTUuMjc4LjM1Mi41MjMuNTk1LjcyMWEyLjMxMiAyLjMxMiAwIDAgMCAyLjYxOC4yMjFjLjA0Mi0uNTcuMjgzLTEuMTA1LjY3OC0xLjUwOS0yLjQ1NC0uMjg0LTUuMDMtMS4yNTMtNS4wMy01LjUzOWE0LjQxNSA0LjQxNSAwIDAgMSAxLjEzMi0zLjAyNUE0LjE5NCA0LjE5NCAwIDAgMSA1LjIyNCA0LjdzLjkyOC0uMzA1IDMuMDM2IDEuMTU2YzEuODEtLjUwOCAzLjcyLS41MDggNS41MzEgMCAyLjEwOC0xLjQ2IDMuMDMtMS4xNTYgMy4wMy0xLjE1Ni40MDYuOTM2LjQ1NSAxLjk5My4xMzUgMi45NjNhNC40MTUgNC40MTUgMCAwIDEgMS4xMzIgMy4wMjZjMCA0LjMzNC0yLjU4MiA1LjI4Mi01LjA0MyA1LjUzOC4yNjQuMjcxLjQ2OC41OTcuNTk4Ljk1NS4xMy4zNTguMTgyLjc0MS4xNTUgMS4xMjJWMjEuNGMwIC4zNjcuMTk2LjY1Ljc1OS41NGExMS4wOTMgMTEuMDkzIDAgMCAwIDUuODgtNC44NzggMTEuNDgxIDExLjQ4MSAwIDAgMCAxLjQxOS03LjYgMTEuMzQgMTEuMzQgMCAwIDAtMy43MS02Ljc0NkExMC45MDcgMTAuOTA3IDAgMCAwIDExLjA1MyAwWiIgZmlsbD0iIzJBMkE0MiIvPjwvc3ZnPg==)
        0 0 / contain;
}
.header-discord-link:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuNzEyIDE5cy0uNzQtLjk3My0xLjM1Ni0xLjgzMmMyLjY5Mi0uODM3IDMuNzItMi42OTIgMy43Mi0yLjY5MmExMS4zOSAxMS4zOSAwIDAgMS0yLjM2NCAxLjMzNSAxMi42MSAxMi42MSAwIDAgMS0yLjk4Ljk3MmMtMS45NzIuNDA3LTMuNzguMjk0LTUuMzIxLS4wMjJhMTYuMDc0IDE2LjA3NCAwIDAgMS0zLjAyLS45NzMgMTEuNTYzIDExLjU2MyAwIDAgMS0xLjUtLjc2OWMtLjA2Mi0uMDQ1LS4xMjQtLjA2OC0uMTg2LS4xMTNhLjI4Ny4yODcgMCAwIDEtLjA4Mi0uMDY4Yy0uMzctLjIyNi0uNTc1LS4zODQtLjU3NS0uMzg0cy45ODYgMS44MSAzLjU5NiAyLjY2OUM3LjAyNyAxNy45ODMgNi4yNjcgMTkgNi4yNjcgMTkgMS43MjYgMTguODQyIDAgMTUuNTYyIDAgMTUuNTYyIDAgOC4yNzkgMi45NTkgMi4zNzUgMi45NTkgMi4zNzUgNS45MTgtLjA2OCA4LjczMyAwIDguNzMzIDBsLjIwNS4yNzJDNS4yNCAxLjQ0OCAzLjUzNCAzLjIzNSAzLjUzNCAzLjIzNXMuNDUyLS4yNzIgMS4yMTMtLjY1NkM2Ljk0NSAxLjUxNiA4LjY5MiAxLjIyMiA5LjQxIDEuMTU0Yy4xMjMtLjAyMy4yMjYtLjA0NS4zNS0uMDQ1YTE1LjgwNyAxNS44MDcgMCAwIDEgNC4xNS0uMDQ2YzEuOTUyLjI1IDQuMDQ4Ljg4MiA2LjE4NSAyLjE3MiAwIDAtMS42MjMtMS42OTctNS4xMTctMi44NzNMMTUuMjY4IDBzMi44MTUtLjA2OCA1Ljc3NCAyLjM3NWMwIDAgMi45NTkgNS45MDQgMi45NTkgMTMuMTg3IDAgMC0xLjc0NyAzLjI4LTYuMjg4IDMuNDM4Wk04LjE1OCA4LjQzN2MtMS4xNzIgMC0yLjA5NiAxLjEzMS0yLjA5NiAyLjUxIDAgMS4zOC45NDUgMi41MTEgMi4wOTYgMi41MTEgMS4xNyAwIDIuMDk1LTEuMTMgMi4wOTUtMi41MS4wMjEtMS4zOC0uOTI0LTIuNTExLTIuMDk1LTIuNTExWm03LjUgMGMtMS4xNzIgMC0yLjA5NiAxLjEzMS0yLjA5NiAyLjUxIDAgMS4zOC45NDUgMi41MTEgMi4wOTYgMi41MTEgMS4xNyAwIDIuMDk1LTEuMTMgMi4wOTUtMi41MXMtLjkyNC0yLjUxMS0yLjA5NS0yLjUxMVoiIGZpbGw9IiM1ODY1RjIiLz48L3N2Zz4=)
        0 0 / contain;
}
.header-twitter-link:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI0IDIuMzY4YTkuNjE4IDkuNjE4IDAgMCAxLTIuODI3Ljc5NEE1LjAzOCA1LjAzOCAwIDAgMCAyMy4zMzguMzdhOS42OTggOS42OTggMCAwIDEtMy4xMjkgMS4yMjNBNC44NTYgNC44NTYgMCAwIDAgMTYuNjE2IDBjLTIuNzE4IDAtNC45MjIgMi4yNi00LjkyMiA1LjA0OSAwIC4zOTYuMDQyLjc4LjEyNiAxLjE1QzcuNzI4IDUuOTg4IDQuMSAzLjk3OSAxLjY3LjkyMmE1LjE0IDUuMTQgMCAwIDAtLjY2NiAyLjU0YzAgMS43NTEuODcgMy4yOTcgMi4xOSA0LjIwM2E0LjgzNCA0LjgzNCAwIDAgMS0yLjIzLS42M3YuMDYyYzAgMi40NDcgMS42OTcgNC40ODggMy45NTEgNC45NWE0LjY5MyA0LjY5MyAwIDAgMS0xLjI5Ny4xNzhjLS4zMTcgMC0uNjI3LS4wMy0uOTI3LS4wOS42MjYgMi4wMDYgMi40NDQgMy40NjYgNC41OTkgMy41MDVBOS43MjIgOS43MjIgMCAwIDEgMCAxNy43MzMgMTMuNzA4IDEzLjcwOCAwIDAgMCA3LjU0OCAyMGM5LjA1OCAwIDE0LjAxLTcuNjkyIDE0LjAxLTE0LjM2NSAwLS4yMi0uMDA1LS40MzktLjAxMy0uNjU0Ljk2Mi0uNzEyIDEuNzk3LTEuNiAyLjQ1NS0yLjYxM1oiIGZpbGw9IiMwMEFBRUMiLz48L3N2Zz4=)
        0 0 / contain;
}
.pre {
    margin: 1em 0;
    overflow: auto;
    padding: 0.5em;
}
.pre .token-line {
    height: 1.3em;
    line-height: 1.3em;
}
.code-line {
    display: table-row;
}
.code-line-no {
    opacity: 0.5;
    padding-right: 1em;
    text-align: right;
    -webkit-user-select: none;
    user-select: none;
}
.code-line-content,
.code-line-no {
    display: table-cell;
}
[class^="announcementBar"] {
    border: none !important;
}
.tutorial-cards {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
}
.ant-layout-sider-trigger {
    position: sticky !important;
}
.live-editor-wrapper table td,
.live-editor-wrapper table th {
    border: none;
}
.live-editor-wrapper table tr:nth-child(2n) {
    background: none;
}
#__docusaurus .with-hoverline.active-item:before,
.active-navbar-link:after,
.with-hoverline.hoverline-link:not([role="button"]):hover:after,
.with-hoverline.hoverline-link[role="button"]:hover:before,
.with-hoverline.navbar__link--active:not([role="button"]):after {
    --tw-bg-opacity: 1;
    animation-duration: 0.2s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    background-color: rgb(24 144 255 / var(--tw-bg-opacity));
    border-radius: 0.125rem;
    bottom: -5px;
    content: "";
    height: 0.25rem;
    left: calc(50% - 12px);
    position: absolute;
    transition-duration: 0.2s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 1.5rem;
}
.navbar-sidebar__item.menu .menu__list .menu__list-item .menu__link {
    --tw-text-opacity: 1;
    color: rgb(42 42 66 / var(--tw-text-opacity));
    display: block;
    font-weight: 600;
    text-align: center;
}
.theme-doc-sidebar-item-category.menu__list-item {
    opacity: 0.9;
}
#__docusaurus .navbar-sidebar__items--show-secondary {
    transform: translate3d(-100%, 0, 0);
}
#__docusaurus
    .navbar-sidebar__items
    .menu__list
    .menu__link.menu__link--sublist:after {
    display: block;
    filter: none;
    margin-top: -20px;
    position: relative;
}
#__docusaurus
    .navbar-sidebar__items
    .menu__list
    .menu__link.menu__link--sublist[role="button"]:after {
    background-color: initial;
    bottom: unset;
    height: 24px;
    left: unset;
    margin-top: 0;
    top: -26px;
    width: 24px;
}
#__docusaurus .clean-btn.navbar-sidebar__back {
    --tw-text-opacity: 1;
    color: rgb(42 42 66 / var(--tw-text-opacity));
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center;
}
#__docusaurus .social-icons .header-icon-link:before {
    height: 32px;
    width: 32px;
}
#__docusaurus .social-icons .header-icon-link.header-github-link:before {
    height: 32px;
    margin-top: 3px;
    width: 32px;
}
#__docusaurus .navbar-sidebar__items .with-hoverline .menu__link--active,
#__docusaurus .with-hoverline.navbar-sidebar__items .menu__link--active,
.ai-landing-step-three-table .ai-landing-step-three-column,
.with-hoverline .active-item.hoveline-link {
    position: relative;
}
#__docusaurus .dots {
    border-style: none;
    cursor: default;
    height: 2rem;
}
#__docusaurus .custom-table-of-contents .table-of-contents {
    border: none;
    padding-left: 0;
}
#__docusaurus .github-banner-bg {
    background-image: url(/assets/images/github-bg-61ff45e492b50477dd65a44f0f792a2f.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#__docusaurus .all-tags-button,
#__docusaurus .blog-paginator-item:hover,
#__docusaurus .gradient-button:hover,
#__docusaurus .twitter-banner-bg {
    background: linear-gradient(90deg, #3fdcf7 2.01%, #1890ff 99.51%);
}
#__docusaurus .sticky-author-card {
    position: sticky;
    top: calc(var(--ifm-navbar-height) + 1rem);
}
#__docusaurus .all-tags-button:hover svg {
    --tw-translate-x: -0.25rem;
}
.navbar-sidebar__items.navbar-sidebar__items--show-secondary .menu__link,
.navbar-sidebar__items.navbar-sidebar__items--show-secondary .menu__list-item,
.navbar-sidebar__items.navbar-sidebar__items--show-secondary
    .navbar-sidebar__item.menu
    .menu__list {
    text-align: left !important;
}
#__docusaurus
    .navbar-sidebar__items.navbar-sidebar__items--show-secondary
    .menu__link,
#__docusaurus .navbar__items--right > :last-child,
:not(.containsTaskList_XKVA > li) > .containsTaskList_XKVA {
    padding-left: 0;
}
#__docusaurus .gradient-button:hover a {
    background-color: initial;
}
#__docusaurus .gradient-button:hover .export-icon {
    background: #1373cc;
    box-shadow: inset 2px 2px 3px #00000040;
}
#__docusaurus .example-card {
    border: 1px solid #f5f5f5;
    box-shadow: 6px 8px 16px #2a2a421a;
    filter: none;
}
#__docusaurus .example-card:hover {
    transform: scale(1.02);
}
#__docusaurus .DocSearch-Search-Icon {
    --tw-text-opacity: 1;
    color: rgb(42 42 66 / var(--tw-text-opacity));
}
#__docusaurus footer.refine-footer {
    background-color: #f6f6f9;
}
html[data-theme="dark"]:not([data-customized="true"])
    #__docusaurus
    footer.refine-footer {
    background-color: #272729;
}
html[data-customized="true"],
html[data-theme="dark"][data-customized="true"] {
    background: #fff;
}
#__docusaurus .navbar {
    --tw-border-opacity: 0.8;
    --tw-bg-opacity: 0.8;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    border-width: 0;
    border-bottom: 1px rgb(246 246 249 / var(--tw-border-opacity));
    border-style: solid;
}
html[data-theme="dark"]:not([data-customized="true"]) #__docusaurus .navbar {
    --tw-border-opacity: 0.8;
    --tw-bg-opacity: 0.8;
    background-color: rgb(39 39 41 / var(--tw-bg-opacity));
    border-width: 0;
    border-bottom: 1px rgb(42 42 66 / var(--tw-border-opacity));
    border-style: solid;
}
html:not([data-theme="dark"]):not([data-customized="true"])
    #__docusaurus
    .navbar {
    --tw-border-opacity: 0.8;
    --tw-bg-opacity: 0.8;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    border-width: 0;
    border-bottom: 1px rgb(246 246 249 / var(--tw-border-opacity));
    border-style: solid;
}
html[data-theme="dark"]:not([data-customized="true"])
    #__docusaurus
    .DocSearch-Button-Keys
    kbd,
html[data-theme="dark"]:not([data-customized="true"])
    #__docusaurus
    .DocSearch-Button-Placeholder,
html[data-theme="dark"]:not([data-customized="true"])
    #__docusaurus
    .DocSearch-Search-Icon,
html[data-theme="dark"]:not([data-customized="true"])
    #__docusaurus
    .navbar
    .navbar__item,
html[data-theme="dark"]:not([data-customized="true"])
    #__docusaurus
    .navbar
    .navbar__link {
    --tw-text-opacity: 1;
    color: rgb(246 246 249 / var(--tw-text-opacity));
}
html[data-theme="dark"]:not([data-customized="true"])
    #__docusaurus
    .navbar
    .header-github-link:before {
    --tw-brightness: brightness(50);
}
#__docusaurus .navbar .navbar__items .navbar__item {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
#__docusaurus .theme-doc-sidebar-menu.menu__list .menu__link--active {
    color: #1890ff;
    position: relative;
}
#__docusaurus .theme-doc-sidebar-menu.menu__list .menu__link--active:before {
    background-color: #1890ff;
    border-radius: 4px;
    content: "" !important;
    display: block !important;
    height: 4px;
    left: 8px;
    pointer-events: none;
    position: absolute !important;
    top: 14px;
    width: 4px;
}
#__docusaurus .theme-doc-sidebar-menu.menu__list .menu__link--active:after {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="#1890ff" d="M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>');
    filter: none;
}
#__docusaurus .theme-doc-sidebar-menu.menu__list .menu__link {
    padding-left: 22px;
}
#__docusaurus .footer__item {
    line-height: 18px;
}
.prop--tag {
    border: 1px solid #9e9e9e;
    border-radius: 3px;
    color: #9e9e9e;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: -0.1px;
    margin-left: 5px;
    margin-right: 0;
    padding: 0 4px;
    -webkit-user-select: none;
    user-select: none;
}
.prop--tag__deprecated {
    border-color: #d97706;
    color: #d97706;
}
.prop--tag__required {
    border-color: #1890ff;
    color: #1890ff;
    font-size: 12px;
    line-height: 18px;
}
.prop--tag__featured {
    border-color: #059669;
    color: #059669;
}
.docs-wrapper table,
.props-table {
    font-size: 14px;
    line-height: 1.5;
}
.props-table td,
.props-table th {
    padding: 6px 8px;
}
.props-table .props-table__type-cell code {
    font-size: 14px;
}
.props-table--name__deprecated {
    text-decoration: line-through;
}
.collapsibleContent_tC4f > :last-child,
.last\:mb-0:last-child,
.props-list__info-item *,
.props-table__default-value-cell *,
.props-table__description-cell *,
.props-table__type-cell *,
.tabItem_gjFz > :last-child {
    margin-bottom: 0;
}
.props-table--name,
.props-table__default-value-cell p,
.props-table__description-cell p,
.props-table__type-cell code p,
.props-table__type-cell p {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
#__docusaurus .theme-doc-sidebar-container {
    --ifm-font-size-base: 14px;
    border: none;
    font-size: 14px;
}
#__docusaurus .menu__caret:before,
#__docusaurus .menu__link--sublist-caret:after {
    background: var(--ifm-menu-link-sublist-icon) 50%/1.25rem 1.25rem;
}
#__docusaurus .doc-article {
    margin: 0 auto;
    max-width: 740px;
}
#__docusaurus .tabs-container > ul.tabs {
    gap: 8px;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}
#__docusaurus .tabs-container > ul.tabs:before {
    background-color: var(--ifm-toc-border-color);
    border-radius: 3px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
#__docusaurus .theme-code-block pre.prism-code {
    --prism-color: #bfc7d5;
    --prism-background-color: #292d3e;
}
[data-theme="dark"] #__docusaurus .playground-code > .theme-code-block {
    transition: border-top 0.3s ease-in-out;
}
[data-theme="dark"] #__docusaurus .playground-code-visible > .theme-code-block {
    border-top: 2px solid var(--browser-window-bezel-color-accent);
}
#__docusaurus .doc--toc-desktop {
    max-width: 285px;
}
#__docusaurus .theme-doc-sidebar-container nav.menu {
    padding-top: 1.125rem;
}
.checklist-container {
    background-color: var(--tutorial-toc-bg-color);
    border-left: 5px solid var(--ifm-color-primary);
    border-radius: 0.25rem;
    margin-bottom: 1.75rem;
    padding: 1.25rem 1.5rem;
}
.checklist-container__title {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(2 132 199 / var(--tw-text-opacity));
    color: var(--ifm-color-primary);
    display: flex;
    flex-wrap: wrap;
    font-size: 1.5rem;
    font-weight: 700;
    gap: 0.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}
[data-theme="dark"] .checklist-item__button {
    background-color: #3a3e4a;
    border-color: var(--browser-window-bezel-color-accent);
}
.tutorial--framework-select--wrapper {
    background-color: var(--tutorial-toc-bg-color);
    font-size: 12px;
    padding: 7px 10px 10px;
    text-align: center;
}
.tutorial--framework-select__title {
    color: var(--tutorial-toc-text-color);
    font-size: 0.5rem;
    letter-spacing: 0.025em;
    text-align: center;
}
.tutorial--framework-select__box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 0.75rem;
}
.hover\:underline:hover,
.tutorial--framework-select--button {
    text-decoration-line: underline;
}
.sourcecode-badge {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    appearance: none;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-size: 12px;
    font-weight: 700;
    height: 22px;
    line-height: 13px;
    padding-bottom: 5px;
    padding-top: 4px;
    text-decoration-line: none;
}
.sourcecode-badge,
.sourcecode-badge:active,
.sourcecode-badge:focus,
.sourcecode-badge:hover,
.sourcecode-badge:visited {
    background-color: #24292f;
    color: #fff;
    text-decoration: none;
}
html[data-theme="dark"] .sourcecode-badge {
    background-color: var(--ifm-color-secondary);
    color: #24292f;
}
.sourcecode-badge svg {
    height: 13px;
    margin-bottom: -2px;
    margin-right: 6px;
    width: 13px;
}
.theme-code-block-added-line {
    background-color: #57ab5a26;
    display: block;
}
.theme-code-block-removed-line {
    background-color: #e5534b26;
    display: block;
}
.bg-top-announcement {
    background: radial-gradient(
            218.19% 111.8% at 0 0,
            #47ebeb1a 0,
            #47ebeb33 100%
        ),
        #14141f;
    border-bottom: 1px solid #47ebeb26;
}
.top-announcement-mask {
    background: #47ebeb40;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS41IDB2Mi43MTdsNC41IDIuNyA0LjUtMi43VjBoMXYyLjcxN2w0LjUgMi43IDQuNS0yLjdWMGguNXYzLjU4M2wtNC41IDIuN3Y0LjQzNGw0LjUgMi43VjE2aC0uNXYtMS43MTdsLTQuNS0yLjctNC41IDIuN1YxNmgtMXYtMS43MTdsLTQuNS0yLjctNC41IDIuN1YxNkgwdi0yLjU4M2w0LjUtMi43VjYuMjgzTDAgMy41ODNWMGguNVptNSA2LjI4MyA0LjUtMi43IDQuNSAyLjd2NC40MzRsLTQuNSAyLjctNC41LTIuN1Y2LjI4M1oiIGZpbGw9IiNmZmYiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDIwdjE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS41IDB2Mi43MTdsNC41IDIuNyA0LjUtMi43VjBoMXYyLjcxN2w0LjUgMi43IDQuNS0yLjdWMGguNXYzLjU4M2wtNC41IDIuN3Y0LjQzNGw0LjUgMi43VjE2aC0uNXYtMS43MTdsLTQuNS0yLjctNC41IDIuN1YxNmgtMXYtMS43MTdsLTQuNS0yLjctNC41IDIuN1YxNkgwdi0yLjU4M2w0LjUtMi43VjYuMjgzTDAgMy41ODNWMGguNVptNSA2LjI4MyA0LjUtMi43IDQuNSAyLjd2NC40MzRsLTQuNSAyLjctNC41LTIuN1Y2LjI4M1oiIGZpbGw9IiNmZmYiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDIwdjE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
}
.refine-info-badge {
    margin-bottom: 2px;
}
.landing-packages-mask {
    -webkit-mask-image: linear-gradient(
        92.03deg,
        #0000 3.05%,
        #000 25%,
        #000 50%,
        #000 75%,
        #0000
    );
    mask-image: linear-gradient(
        92.03deg,
        #0000 3.05%,
        #000 25%,
        #000 50%,
        #000 75%,
        #0000
    );
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.landing-react-code-mask-dark {
    -webkit-mask-image: radial-gradient(
        100% 100% at 0 0,
        #d9d9d980 0,
        #d9d9d980 25%,
        #d9d9d980 50%,
        #d9d9d9 75%,
        #d9d9d900 100%
    );
    mask-image: radial-gradient(
        100% 100% at 0 0,
        #d9d9d980 0,
        #d9d9d980 25%,
        #d9d9d980 50%,
        #d9d9d9 75%,
        #d9d9d900 100%
    );
}
.landing-react-code-mask {
    -webkit-mask-image: radial-gradient(
        100% 100% at 0 0,
        #d9d9d980 0,
        #d9d9d980 25%,
        #d9d9d9 50%,
        #d9d9d9 75%,
        #d9d9d900 100%
    );
    mask-image: radial-gradient(
        100% 100% at 0 0,
        #d9d9d980 0,
        #d9d9d980 25%,
        #d9d9d9 50%,
        #d9d9d9 75%,
        #d9d9d900 100%
    );
}
.landing-sweet-spot-mask {
    -webkit-mask-image: linear-gradient(90deg, #fff, #ffffff40 80%, #fff0);
    mask-image: linear-gradient(90deg, #fff, #ffffff40 80%, #fff0);
}
form.DocSearch-Form {
    font-size: 14px;
    height: 44px;
}
form.DocSearch-Form input.DocSearch-Input {
    font-size: 1em;
}
form.DocSearch-Form label.DocSearch-MagnifierLabel svg.DocSearch-Search-Icon {
    height: 18px;
    width: 18px;
}
.template-detail-markdown {
    overflow-wrap: break-word;
}
.template-detail-markdown h3 + ul {
    margin-block-start: -20px;
}
.template-detail-markdown a {
    --tw-text-opacity: 1;
    color: rgb(0 128 255 / var(--tw-text-opacity));
    font-weight: 600;
}
.template-detail-markdown a:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(110 179 247 / var(--tw-text-opacity));
}
.template-detail-markdown h1 {
    font-size: 2.25rem;
    line-height: 1.25;
}
.template-detail-markdown h1,
.template-detail-markdown h2 {
    border-bottom-width: 1px;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    padding-bottom: 0.5rem;
}
.template-detail-markdown h2 {
    font-size: 1.5rem;
    line-height: 1.25;
}
.template-detail-markdown h3 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.375;
    margin-bottom: 0;
    margin-top: 1.5rem;
    padding-bottom: 0;
}
.template-detail-markdown h4 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}
.template-detail-markdown h5,
.template-detail-markdown h6 {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}
.mobile-pane h2,
.pane-header h2 {
    margin-bottom: -4px;
    text-transform: uppercase;
}
.template-detail-markdown blockquote {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-300) / var(--tw-border-opacity));
    border-left-width: 4px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.template-detail-markdown code {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-200) / var(--tw-bg-opacity));
    border-radius: 0.25rem;
    display: inline;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.125rem 0.25rem;
}
.template-detail-markdown pre {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
    border-radius: 0.25rem;
    padding: 1rem;
}
.template-detail-markdown pre code {
    background-color: initial;
    border-radius: 0;
    display: block;
    overflow: visible;
    padding: 0;
}
.template-detail-markdown ul {
    font-size: 1rem;
    line-height: 1.5rem;
    list-style-type: disc;
    padding-left: 2rem;
}
.template-detail-markdown ol {
    font-size: 1rem;
    line-height: 1.5rem;
    list-style-type: decimal;
    padding-left: 2rem;
}
.template-detail-markdown kbd {
    border-radius: 0.25rem;
    border-width: 1px;
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    padding: 0.125rem 0.25rem;
    vertical-align: middle;
}
.template-detail-markdown table {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-600) / var(--tw-border-opacity));
    font-size: 1rem;
    line-height: 1.5rem;
}
.template-detail-markdown td,
.template-detail-markdown th {
    border-width: 1px;
    padding: 0.25rem 0.75rem;
}
.\[\&_\.cm-activeLine\]\:\!bg-gray-100 .cm-activeLine,
.template-detail-markdown .highlight pre {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(
        var(--color-gray-100) / var(--tw-bg-opacity)
    ) !important;
}
.sandpack-container .sp-layout .resize-handler {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 28px;
    margin-left: -1px;
    opacity: 0;
    width: 0.75rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='28' rx='6' fill='%23E3E4E5'/%3E%3Cpath d='M8 6.8c0 1-.9 2-2 2a2 2 0 0 1-2-2C4 5.8 4.9 5 6 5a2 2 0 0 1 2 2Zm0 7.7c0 1-.9 1.9-2 1.9a2 2 0 0 1-2-2c0-1 .9-1.9 2-1.9a2 2 0 0 1 2 2ZM6 24a2 2 0 0 0 2-2c0-1-.9-1.8-2-1.8A2 2 0 0 0 4 22c0 1 .9 1.9 2 1.9Z' fill='%23fff'/%3E%3Cpath d='M8 6c0 1-.9 1.8-2 1.8A2 2 0 0 1 4 6c0-1 .9-2 2-2a2 2 0 0 1 2 2Zm0 7.5c0 1.1-.9 2-2 2a2 2 0 0 1-2-2c0-1 .9-1.9 2-1.9a2 2 0 0 1 2 2Zm-2 9.6a2 2 0 0 0 2-2c0-1-.9-1.8-2-1.8a2 2 0 0 0-2 1.9c0 1 .9 1.9 2 1.9Z' fill='%2399A1B3'/%3E%3C/svg%3E");
    transition-property: opacity;
}
html[data-theme="dark"] .sandpack-container .sp-layout .resize-handler {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='28' rx='6' fill='%23343A46'/%3E%3Cpath d='M8 6.8c0 1-.9 2-2 2a2 2 0 0 1-2-2C4 5.8 4.9 5 6 5a2 2 0 0 1 2 2Zm0 7.7c0 1-.9 1.9-2 1.9a2 2 0 0 1-2-2c0-1 .9-1.9 2-1.9a2 2 0 0 1 2 2ZM6 24a2 2 0 0 0 2-2c0-1-.9-1.8-2-1.8A2 2 0 0 0 4 22c0 1 .9 1.9 2 1.9Z' fill='%23000'/%3E%3Cpath d='M8 6c0 1-.9 1.8-2 1.8A2 2 0 0 1 4 6c0-1 .9-2 2-2a2 2 0 0 1 2 2Zm0 7.5c0 1.1-.9 2-2 2a2 2 0 0 1-2-2c0-1 .9-1.9 2-1.9a2 2 0 0 1 2 2Zm-2 9.6a2 2 0 0 0 2-2c0-1-.9-1.8-2-1.8a2 2 0 0 0-2 1.9c0 1 .9 1.9 2 1.9Z' fill='%23667084'/%3E%3C/svg%3E");
}
.ai-landing-step-three-animation.light
    .ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-actions
    span:after,
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-actions
    span:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='12' fill='none'%3E%3Cpath stroke='%236C7793' stroke-width='.75' d='M10.772 5.522c.152.214.228.32.228.478 0 .158-.076.264-.228.478C10.089 7.434 8.345 9.5 6 9.5S1.911 7.435 1.228 6.478C1.076 6.263 1 6.157 1 6c0-.158.076-.264.228-.478C1.911 4.566 3.655 2.5 6 2.5s4.089 2.065 4.772 3.022Z'/%3E%3Cpath stroke='%236C7793' stroke-width='.75' d='M7.5 6a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z'/%3E%3Cg stroke='%236C7793' stroke-linejoin='round' stroke-width='.75' clip-path='url(%23a)'%3E%3Cpath d='M31.037 1.943c.373-.404.559-.606.757-.724a1.553 1.553 0 0 1 1.551-.023c.202.112.394.308.778.7.384.393.576.589.685.794a1.647 1.647 0 0 1-.023 1.585c-.115.203-.313.393-.708.773l-4.702 4.53c-.749.72-1.123 1.081-1.591 1.264-.468.183-.982.17-2.011.142l-.14-.003c-.313-.009-.47-.013-.561-.116-.091-.103-.079-.263-.054-.582l.014-.173c.07-.898.105-1.347.28-1.75.175-.405.478-.732 1.083-1.388l4.642-5.03ZM30.5 2 34 5.5'/%3E%3Cpath stroke-linecap='round' d='M31 11h4'/%3E%3C/g%3E%3Cpath stroke='%236C7793' stroke-linecap='round' stroke-width='.75' d='m57.75 2.75-.31 5.013c-.079 1.28-.119 1.92-.44 2.381a2 2 0 0 1-.6.564c-.479.292-1.12.292-2.404.292-1.284 0-1.927 0-2.407-.293a2 2 0 0 1-.6-.565c-.32-.46-.36-1.102-.437-2.384L50.25 2.75'/%3E%3Cpath stroke='%236C7793' stroke-linecap='round' stroke-width='.75' d='M49.5 2.75h9m-2.472 0-.341-.704c-.227-.468-.34-.702-.536-.848a.99.99 0 0 0-.138-.086C54.797 1 54.538 1 54.017 1c-.533 0-.799 0-1.02.117a1.002 1.002 0 0 0-.138.09c-.198.151-.309.394-.53.879l-.303.664m.724 5.5v-3m2.5 3v-3'/%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M24 0h12v12H24z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.placeholder\:text-gray-300::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300) / var(--tw-text-opacity));
}
.after\:absolute:after,
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
}
.after\:left-0:after,
.before\:left-0:before {
    content: var(--tw-content);
    left: 0;
}
.before\:left-\[154px\]:before {
    content: var(--tw-content);
    left: 154px;
}
.after\:top-0:after,
.before\:top-0:before {
    content: var(--tw-content);
    top: 0;
}
.before\:top-\[104px\]:before {
    content: var(--tw-content);
    top: 104px;
}
.before\:z-\[2\]:before {
    content: var(--tw-content);
    z-index: 2;
}
.before\:block:before {
    content: var(--tw-content);
    display: block;
}
.before\:hidden:before {
    content: var(--tw-content);
    display: none;
}
.before\:h-\[24px\]:before {
    content: var(--tw-content);
    height: 24px;
}
.before\:h-\[2660px\]:before {
    content: var(--tw-content);
    height: 2660px;
}
.before\:h-\[280px\]:before {
    content: var(--tw-content);
    height: 280px;
}
.before\:w-\[24px\]:before {
    content: var(--tw-content);
    width: 24px;
}
.before\:w-\[280px\]:before {
    content: var(--tw-content);
    width: 280px;
}
.before\:w-\[412px\]:before {
    content: var(--tw-content);
    width: 412px;
}
.before\:animate-\[ai-landing-step-one-panUp_40s_linear_infinite\]:before {
    animation: 40s linear infinite x;
    content: var(--tw-content);
}
.before\:rounded-full:before {
    border-radius: 9999px;
    content: var(--tw-content);
}
.before\:bg-\[length\:556px_2660px\]:before {
    background-size: 556px 2660px;
    content: var(--tw-content);
}
.before\:bg-no-repeat:before {
    background-repeat: no-repeat;
    content: var(--tw-content);
}
.before\:blur-\[4px\]:before {
    --tw-blur: blur(4px);
    content: var(--tw-content);
}
.before\:backdrop-blur-\[1px\]:before {
    --tw-backdrop-blur: blur(1px);
    -webkit-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);
    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);
    content: var(--tw-content);
}
.after\:content-\[\'\'\]:after,
.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
}
.after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
}
.after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
}
.after\:left-\[-75px\]:after {
    content: var(--tw-content);
    left: -75px;
}
.after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
}
.after\:z-\[0\]:after {
    content: var(--tw-content);
    z-index: 0;
}
.after\:h-full:after {
    content: var(--tw-content);
    height: 100%;
}
.after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
}
.after\:w-\[120\%\]:after {
    content: var(--tw-content);
    width: 120%;
}
.after\:w-\[calc\(100\%\)\]:after,
.after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
}
.after\:origin-\[15\%_center\]:after {
    content: var(--tw-content);
    transform-origin: 15% center;
}
.after\:origin-\[85\%_center\]:after {
    content: var(--tw-content);
    transform-origin: 85% center;
}
.\[\&\>svg\]\:hover\:scale-110:hover > svg,
.active\:scale-90:active,
.after\:-translate-y-1\/2:after,
.after\:scale-0:after,
.group:hover .group-hover\:-translate-y-full,
.group:hover .group-hover\:scale-105,
.hover\:after\:scale-100:hover:after {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:-translate-y-1\/2:after,
.after\:scale-0:after {
    content: var(--tw-content);
}
.after\:rounded-\[40px\]:after {
    border-radius: 40px;
    content: var(--tw-content);
}
.after\:bg-gray-300:after {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-300) / var(--tw-bg-opacity));
    content: var(--tw-content);
}
.after\:bg-refine-react-light-link:after {
    --tw-bg-opacity: 1;
    background-color: rgb(8 126 164 / var(--tw-bg-opacity));
    content: var(--tw-content);
}
.after\:bg-white:after {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    content: var(--tw-content);
}
.after\:opacity-50:after {
    content: var(--tw-content);
    opacity: 0.5;
}
.after\:opacity-60:after {
    content: var(--tw-content);
    opacity: 0.6;
}
.after\:transition-all:after {
    content: var(--tw-content);
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.after\:duration-200:after {
    transition-duration: 0.2s;
    animation-duration: 0.2s;
    content: var(--tw-content);
}
.after\:ease-in-out:after {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    content: var(--tw-content);
}
.first\:ml-0:first-child {
    margin-left: 0;
}
.hover\:z-\[5\]:hover {
    z-index: 5;
}
.hover\:bg-refine-blue-2-light\/40:hover {
    background-color: #e6f7ff66;
}
.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300) / var(--tw-text-opacity));
}
.hover\:\!no-underline:hover {
    text-decoration-line: none !important;
}
.hover\:brightness-105:hover {
    --tw-brightness: brightness(1.05);
}
.hover\:brightness-125:hover {
    --tw-brightness: brightness(1.25);
}
.hover\:brightness-90:hover {
    --tw-brightness: brightness(0.9);
}
.hover\:after\:scale-100:hover:after {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    content: var(--tw-content);
}
.hover\:after\:opacity-100:hover:after {
    content: var(--tw-content);
    opacity: 1;
}
.focus\:ring:focus {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.focus\:ring-gray-50:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--color-gray-50) / var(--tw-ring-opacity));
}
.focus\:brightness-75:focus {
    --tw-brightness: brightness(0.75);
}
.active\:scale-90:active {
    --tw-scale-x: 0.9;
    --tw-scale-y: 0.9;
}
.active\:brightness-110:active {
    --tw-brightness: brightness(1.1);
}
.active\:after\:brightness-90:active:after,
.active\:brightness-90:active {
    --tw-brightness: brightness(0.9);
}
.active\:after\:brightness-90:active:after {
    content: var(--tw-content);
}
.group:hover .group-hover\:-translate-y-full {
    --tw-translate-y: -100%;
}
.group:hover .group-hover\:scale-100,
.group\/copy-button:hover .group-hover\/copy-button\:scale-100,
.group\/cta-button:hover .group-hover\/cta-button\:scale-100,
.group\/highlight:hover .group-hover\/highlight\:scale-100,
.group\/item:hover .group-hover\/item\:scale-100,
.group\/project-link-button:hover .group-hover\/project-link-button\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
}
.group\/highlight:hover .group-hover\/highlight\:drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px #0000000a)
        drop-shadow(0 4px 3px #0000001a);
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: 0.25rem;
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: -0.25rem;
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: -0.25rem;
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
    animation-duration: 0.15s;
    animation-name: q;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
    animation-duration: 0.15s;
    animation-name: r;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: 0.95;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: 0.5rem;
}
[data-theme="light"] .light\:\!drop-shadow-none {
    --tw-drop-shadow: drop-shadow(0 0 #0000) !important;
    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) !important;
}
[data-theme="light"]
    .light\:before\:bg-\[url\(\'https\:\/\/refine\.ams3\.cdn\.digitaloceanspaces\.com\/website\/static\/ai-landing-page\/ai-landing-step-one-light\.png\'\)\]:before {
    background-image: url(https://refine.ams3.cdn.digitaloceanspaces.com/website/static/ai-landing-page/ai-landing-step-one-light.png);
    content: var(--tw-content);
}
.dark\:visible:is([data-theme="dark"] *) {
    visibility: visible;
}
.dark\:invisible:is([data-theme="dark"] *) {
    visibility: hidden;
}
.dark\:block:is([data-theme="dark"] *) {
    display: block;
}
.dark\:hidden:is([data-theme="dark"] *) {
    display: none;
}
.dark\:-translate-y-10:is([data-theme="dark"] *) {
    --tw-translate-y: -2.5rem;
}
.dark\:-translate-y-10:is([data-theme="dark"] *),
.dark\:translate-y-0:is([data-theme="dark"] *) {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.dark\:translate-y-0:is([data-theme="dark"] *) {
    --tw-translate-y: 0px;
}
@keyframes s {
    0% {
        transform: translateX(0) scale(0.5);
    }
    50% {
        transform: translateX(78px) scale(1);
    }
    to {
        transform: translateX(156px) scale(0.5);
    }
}
.dark\:animate-github-stars-glow:is([data-theme="dark"] *) {
    animation: 10s linear infinite alternate s;
}
@keyframes t {
    0%,
    to {
        opacity: 1;
    }
    50% {
        opacity: 0.25;
    }
}
.dark\:animate-landing-hero-beam-glow:is([data-theme="dark"] *) {
    animation: 7.5s ease-in-out infinite t;
}
@keyframes u {
    0%,
    to {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}
.dark\:animate-landing-hero-beam-line:is([data-theme="dark"] *) {
    animation: 7.5s ease-in-out infinite u;
}
.dark\:border-0:is([data-theme="dark"] *) {
    border-width: 0;
}
.dark\:\!border-gray-700:is([data-theme="dark"] *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(
        var(--color-gray-700) / var(--tw-border-opacity)
    ) !important;
}
.dark\:border-\[\#343A46\]:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-color: rgb(52 58 70 / var(--tw-border-opacity));
}
.dark\:border-\[\#FFFFFF26\]:is([data-theme="dark"] *) {
    border-color: #ffffff26;
}
.dark\:border-gray-500:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-500) / var(--tw-border-opacity));
}
.dark\:border-gray-600:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-600) / var(--tw-border-opacity));
}
.dark\:border-gray-700:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-700) / var(--tw-border-opacity));
}
.dark\:border-gray-800:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-800) / var(--tw-border-opacity));
}
.dark\:border-refine-blue:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-color: rgb(0 128 255 / var(--tw-border-opacity));
}
.dark\:border-refine-cyan:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-color: rgb(15 138 138 / var(--tw-border-opacity));
}
.dark\:border-refine-react-6:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-color: rgb(68 73 85 / var(--tw-border-opacity));
}
.dark\:border-refine-react-dark-link:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-color: rgb(20 158 202 / var(--tw-border-opacity));
}
.dark\:\!border-x-gray-700:is([data-theme="dark"] *) {
    --tw-border-opacity: 1 !important;
    border-left-color: rgb(
        var(--color-gray-700) / var(--tw-border-opacity)
    ) !important;
    border-right-color: rgb(
        var(--color-gray-700) / var(--tw-border-opacity)
    ) !important;
}
.dark\:\!border-b-gray-700:is([data-theme="dark"] *) {
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(
        var(--color-gray-700) / var(--tw-border-opacity)
    ) !important;
}
.dark\:\!border-r-gray-700:is([data-theme="dark"] *) {
    --tw-border-opacity: 1 !important;
    border-right-color: rgb(
        var(--color-gray-700) / var(--tw-border-opacity)
    ) !important;
}
.dark\:border-b-gray-600:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--color-gray-600) / var(--tw-border-opacity));
}
.dark\:border-b-gray-700:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--color-gray-700) / var(--tw-border-opacity));
}
.dark\:border-b-gray-900:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--color-gray-900) / var(--tw-border-opacity));
}
.dark\:border-b-refine-react-dark-link:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(20 158 202 / var(--tw-border-opacity));
}
.dark\:border-l-gray-600:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--color-gray-600) / var(--tw-border-opacity));
}
.dark\:border-l-gray-700:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--color-gray-700) / var(--tw-border-opacity));
}
.dark\:border-l-refine-react-dark-green:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-left-color: rgb(68 172 153 / var(--tw-border-opacity));
}
.dark\:border-l-refine-react-dark-green-alt:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-left-color: rgb(38 217 127 / var(--tw-border-opacity));
}
.dark\:border-l-refine-react-dark-purple:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-left-color: rgb(136 145 236 / var(--tw-border-opacity));
}
.dark\:border-r-gray-700:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-right-color: rgb(var(--color-gray-700) / var(--tw-border-opacity));
}
.dark\:border-t-gray-700:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--color-gray-700) / var(--tw-border-opacity));
}
.dark\:border-t-refine-react-7:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-top-color: rgb(52 58 70 / var(--tw-border-opacity));
}
.dark\:border-opacity-50:is([data-theme="dark"] *) {
    --tw-border-opacity: 0.5;
}
.dark\:border-opacity-60:is([data-theme="dark"] *) {
    --tw-border-opacity: 0.6;
}
.dark\:\!bg-gray-700:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(
        var(--color-gray-700) / var(--tw-bg-opacity)
    ) !important;
}
.dark\:\!bg-gray-800:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(
        var(--color-gray-800) / var(--tw-bg-opacity)
    ) !important;
}
.dark\:\!bg-refine-react-8:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(35 39 47 / var(--tw-bg-opacity)) !important;
}
.dark\:\!bg-refine-react-dark-code:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(22 24 29 / var(--tw-bg-opacity)) !important;
}
.dark\:bg-\[\#16181D80\]:is([data-theme="dark"] *) {
    background-color: #16181d80;
}
.dark\:bg-\[\#194b3a\]:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(25 75 58 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#2F333C\]:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(47 51 60 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#343A46\]:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(52 58 70 / var(--tw-bg-opacity));
}
.dark\:bg-\[\#6EB3F7\]\/10:is([data-theme="dark"] *) {
    background-color: #6eb3f71a;
}
.dark\:bg-\[\#FFFFFF26\]:is([data-theme="dark"] *) {
    background-color: #ffffff26;
}
.dark\:bg-black:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.dark\:bg-gray-0:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-0) / var(--tw-bg-opacity));
}
.dark\:bg-gray-600:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-600) / var(--tw-bg-opacity));
}
.dark\:bg-gray-700:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
}
.dark\:bg-gray-800:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
}
.dark\:bg-gray-900:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
}
.dark\:bg-gray-900\/50:is([data-theme="dark"] *) {
    background-color: rgb(var(--color-gray-900) / 0.5);
}
.dark\:bg-refine-blue:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 128 255 / var(--tw-bg-opacity));
}
.dark\:bg-refine-blue-2:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(88 175 223 / var(--tw-bg-opacity));
}
.dark\:bg-refine-blue-2\/10:is([data-theme="dark"] *) {
    background-color: #58afdf1a;
}
.dark\:bg-refine-blue-alt\/20:is([data-theme="dark"] *) {
    background-color: #6eb3f733;
}
.dark\:bg-refine-cyan-alt:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(71 235 235 / var(--tw-bg-opacity));
}
.dark\:bg-refine-cyan-alt\/10:is([data-theme="dark"] *) {
    background-color: #47ebeb1a;
}
.dark\:bg-refine-enterprise-purple:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(77 0 153 / var(--tw-bg-opacity));
}
.dark\:bg-refine-enterprise-purple-4:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(60 33 106 / var(--tw-bg-opacity));
}
.dark\:bg-refine-enterprise-purple-5\/10:is([data-theme="dark"] *) {
    background-color: #bf80ff1a;
}
.dark\:bg-refine-enterprise-table-alt-dark:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(29 30 48 / var(--tw-bg-opacity));
}
.dark\:bg-refine-green-alt:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 217 127 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-4:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(153 161 179 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-6:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(68 73 85 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-7:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(52 58 70 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-8:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 39 47 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-dark-code:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(22 24 29 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-dark-green:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(68 172 153 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-dark-green-alt:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 217 127 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-dark-green\/20:is([data-theme="dark"] *) {
    background-color: #44ac9933;
}
.dark\:bg-refine-react-dark-link:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(20 158 202 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-dark-orange:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(219 125 39 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-dark-purple:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(136 145 236 / var(--tw-bg-opacity));
}
.dark\:bg-refine-react-dark-purple\/20:is([data-theme="dark"] *) {
    background-color: #8891ec33;
}
.dark\:bg-refine-react-light-green:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(43 110 98 / var(--tw-bg-opacity));
}
.dark\:bg-refine-tutorial-dark-bg:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(29 32 38 / var(--tw-bg-opacity));
}
.dark\:bg-white:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.dark\:\!bg-opacity-100:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1 !important;
}
.dark\:bg-opacity-10:is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.1;
}
.dark\:bg-opacity-20:is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.2;
}
.dark\:bg-opacity-30:is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.3;
}
.dark\:bg-opacity-50:is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.5;
}
.dark\:bg-opacity-80:is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.8;
}
.dark\:bg-opacity-\[0\.05\]:is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.05;
}
.dark\:bg-opacity-\[0\.15\]:is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.15;
}
.dark\:bg-opacity-\[0\.2\]:is([data-theme="dark"] *) {
    --tw-bg-opacity: 0.2;
}
.dark\:bg-ai-landing-hero-dark:is([data-theme="dark"] *) {
    background-image: radial-gradient(
        100% 249.65% at 0 47.87%,
        #26d97e40 0,
        #26d97e00 100%
    );
}
.dark\:bg-ai-landing-packages-dark:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp),
        radial-gradient(50% 100% at 100% 0, #26d97f40 0, #26d97f00 100%);
}
.dark\:bg-ai-landing-packages-mobile-dark:is([data-theme="dark"] *) {
    background-image: radial-gradient(
            50% 47.81% at 100% 0,
            #26d97f40 0,
            #26d97f00 100%
        ),
        radial-gradient(50% 47.81% at 0 0, #26d97f40 0, #26d97f00 100%);
}
.dark\:bg-enterprise-copy-command-hover-bg-dark:is([data-theme="dark"] *) {
    background-image: radial-gradient(#0000 30%, #8000ff4d);
}
.dark\:bg-enterprise-cta-button-bg-dark:is([data-theme="dark"] *) {
    background-image: radial-gradient(
        100% 375% at 100% 50%,
        #26d97f 0,
        #47ebeb 100%
    );
}
.dark\:bg-enterprise-data-source-dark:is([data-theme="dark"] *) {
    background-image: radial-gradient(
        100% 90% at 120% -12%,
        #ffffff80 45%,
        #fff0 100%
    );
}
.dark\:bg-enterprise-frequent-updates-dark:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp),
        radial-gradient(70% 90% at 50% 100%, #26d97f1a 0, #26d97f00 100%);
}
.dark\:bg-footer-blog-dark-bg:is([data-theme="dark"] *) {
    background-image: linear-gradient(180deg, #343a4600, #343a4680);
}
.dark\:bg-footer-landing-dark-bg:is([data-theme="dark"] *) {
    background-image: linear-gradient(180deg, #1d1e3080, #14141f);
}
.dark\:bg-landing-copy-command-hover-bg-dark:is([data-theme="dark"] *) {
    background-image: radial-gradient(#0000 30%, #47ebeb40);
}
.dark\:bg-landing-hero-beam-bottom:is([data-theme="dark"] *) {
    background-image: linear-gradient(90deg, #fff0, #47ebeb, #fff0);
}
.dark\:bg-landing-hero-github-stars-gradient:is([data-theme="dark"] *) {
    background-image: radial-gradient(
        260.41% 41.87% at 8.38% 50%,
        #ff99331a 0,
        #f930 100%
    );
}
.dark\:bg-landing-hero-github-stars-text-dark:is([data-theme="dark"] *),
.dark\:bg-landing-hero-item-name-gradient:is([data-theme="dark"] *) {
    background-image: linear-gradient(180deg, #fff, #ffffff80);
}
.dark\:bg-landing-hero-xray-dot-center-bg:is([data-theme="dark"] *) {
    background-image: radial-gradient(
        100% 100% at 0 0,
        #74ffff 0,
        #0fbdbd 50%,
        #0fbdbd 100%
    );
}
.dark\:bg-landing-noise:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp);
}
.dark\:bg-landing-packages-text-dark:is([data-theme="dark"] *) {
    background-image: linear-gradient(180deg, #fff, #ffffff80);
}
.dark\:bg-landing-stats-text-dark:is([data-theme="dark"] *) {
    background-image: linear-gradient(180deg, #fff 25%, #ffffff40);
}
.dark\:bg-landing-sweet-spot-glow-blue-dark:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp),
        radial-gradient(50% 50% at 50% 50%, #3db8f526 0, #3db8f500 100%);
}
.dark\:bg-landing-sweet-spot-glow-cyan-dark:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp),
        radial-gradient(50% 50% at 50% 50%, #47d1bf26 0, #47d1bf00 100%);
}
.dark\:bg-landing-sweet-spot-glow-indigo-dark:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp),
        radial-gradient(50% 50% at 50% 50%, #5959ff26 0, #5959ff00 100%);
}
.dark\:bg-landing-sweet-spot-glow-orange-dark:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp),
        radial-gradient(50% 50% at 50% 50%, #f98c1f26 0, #f98c1f00 100%);
}
.dark\:bg-landing-sweet-spot-glow-red-dark:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp),
        radial-gradient(50% 50% at 50% 50%, #fa385226 0, #fa385200 100%);
}
.dark\:bg-landing-sweet-spot-glow-yellow-dark:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp),
        radial-gradient(50% 50% at 50% 50%, #f9d51f26 0, #f9d51f00 100%);
}
.dark\:bg-landing-trusted-by-developers-dark:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp),
        radial-gradient(40% 100% at 110% 0, #47ebeb26 0, #47ebeb00 100%);
}
.dark\:bg-landing-wai-bg-dark:is([data-theme="dark"] *) {
    background-image: radial-gradient(
        57.03% 100% at 50% 0,
        #47ebeb40 0,
        #47ebeb00 100%
    );
}
.dark\:bg-landing-wai-grid-dark:is([data-theme="dark"] *) {
    background-image: url(wheel-already-invented-grid-unit-normal.png);
}
.dark\:bg-landing-wai-sunshine-dark:is([data-theme="dark"] *) {
    background-image: url(wheel-already-invented-sunshine-normal.webp);
}
.dark\:bg-landing-wizard-side-bg:is([data-theme="dark"] *) {
    background-image: radial-gradient(
        50% 50% at 50% 50%,
        #303450bf 0,
        #30345061 50%,
        #30345000 100%
    );
}
.dark\:bg-new-badge-border-dark:is([data-theme="dark"] *) {
    background-image: conic-gradient(
        from 45deg at 50% 50%,
        #194b3a,
        #26d97f66,
        #194b3a,
        #194b3a,
        #194b3a,
        #26d97f,
        #194b3a,
        #194b3a,
        #194b3a
    );
}
.dark\:bg-noise:is([data-theme="dark"] *) {
    background-image: url(landing-noise.webp);
}
.dark\:bg-pricing-card-pro-dark:is([data-theme="dark"] *) {
    background-image: radial-gradient(
            100% 124.29% at 100% 0,
            #087ea480 0,
            #23272f00 50%
        ),
        radial-gradient(100% 124.29% at 0 100%, #087ea440 0, #23272f00 50%);
}
.dark\:bg-purple-new-badge-border-dark:is([data-theme="dark"] *) {
    background-image: conic-gradient(
        from 45deg at 50% 50%,
        #4d0099,
        #e6ccff,
        #4d0099,
        #4d0099,
        #4d0099,
        #e6ccff,
        #4d0099,
        #4d0099,
        #4d0099
    );
}
.dark\:bg-week-of-refine-strapi-card:is([data-theme="dark"] *) {
    background-image: linear-gradient(207deg, #4945ff40, #4945ff00);
}
.dark\:bg-week-of-refine-supabase-card:is([data-theme="dark"] *) {
    background-image: linear-gradient(207deg, #3ecf8e40, #3ecf8e00);
}
.dark\:from-gray-700:is([data-theme="dark"] *) {
    --tw-gradient-from: rgb(var(--color-gray-700) / 1)
        var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-gray-700) / 0)
        var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:to-gray-600:is([data-theme="dark"] *) {
    --tw-gradient-to: rgb(var(--color-gray-600) / 1)
        var(--tw-gradient-to-position);
}
.dark\:bg-clip-text:is([data-theme="dark"] *) {
    -webkit-background-clip: text;
    background-clip: text;
}
.dark\:fill-\[\#14141f\]:is([data-theme="dark"] *) {
    fill: #14141f;
}
.dark\:fill-\[\#2A2A42\]:is([data-theme="dark"] *) {
    fill: #2a2a42;
}
.dark\:fill-\[\#fff\]:is([data-theme="dark"] *) {
    fill: #fff;
}
.dark\:fill-gray-0:is([data-theme="dark"] *) {
    fill: rgb(var(--color-gray-0) / 1);
}
.dark\:fill-gray-1000:is([data-theme="dark"] *) {
    fill: rgb(var(--color-gray-1000) / 1);
}
.dark\:fill-gray-300:is([data-theme="dark"] *) {
    fill: rgb(var(--color-gray-300) / 1);
}
.dark\:fill-gray-500:is([data-theme="dark"] *) {
    fill: rgb(var(--color-gray-500) / 1);
}
.dark\:fill-gray-700:is([data-theme="dark"] *) {
    fill: rgb(var(--color-gray-700) / 1);
}
.dark\:fill-refine-react-7:is([data-theme="dark"] *) {
    fill: #343a46;
}
.dark\:stroke-\[\#26283D\]:is([data-theme="dark"] *) {
    stroke: #26283d;
}
.dark\:stroke-\[\#fff\]:is([data-theme="dark"] *) {
    stroke: #fff;
}
.dark\:stroke-gray-0:is([data-theme="dark"] *) {
    stroke: rgb(var(--color-gray-0) / 1);
}
.dark\:stroke-gray-1000:is([data-theme="dark"] *) {
    stroke: rgb(var(--color-gray-1000) / 1);
}
.dark\:stroke-gray-600:is([data-theme="dark"] *) {
    stroke: rgb(var(--color-gray-600) / 1);
}
.dark\:stroke-gray-700:is([data-theme="dark"] *) {
    stroke: rgb(var(--color-gray-700) / 1);
}
.dark\:\!text-gray-0:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-gray-0) / var(--tw-text-opacity)) !important;
}
.dark\:\!text-gray-100:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity)) !important;
}
.dark\:\!text-gray-200:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-gray-200) / var(--tw-text-opacity)) !important;
}
.dark\:\!text-gray-500:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-gray-500) / var(--tw-text-opacity)) !important;
}
.dark\:\!text-gray-900:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-gray-900) / var(--tw-text-opacity)) !important;
}
.dark\:\!text-refine-link-dark:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(110 179 247 / var(--tw-text-opacity)) !important;
}
.dark\:text-\[\#3DB8F5\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(61 184 245 / var(--tw-text-opacity));
}
.dark\:text-\[\#47D1BF\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(71 209 191 / var(--tw-text-opacity));
}
.dark\:text-\[\#47EBEB\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(71 235 235 / var(--tw-text-opacity));
}
.dark\:text-\[\#5959FF\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(89 89 255 / var(--tw-text-opacity));
}
.dark\:text-\[\#6EB3F7\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(110 179 247 / var(--tw-text-opacity));
}
.dark\:text-\[\#E3E4E5\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(227 228 229 / var(--tw-text-opacity));
}
.dark\:text-\[\#F98C1F\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(249 140 31 / var(--tw-text-opacity));
}
.dark\:text-\[\#F9D51F\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(249 213 31 / var(--tw-text-opacity));
}
.dark\:text-\[\#FA3852\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(250 56 82 / var(--tw-text-opacity));
}
.dark\:text-\[\#d6deeb\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(214 222 235 / var(--tw-text-opacity));
}
.dark\:text-\[\#ffffff\]:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-black:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.dark\:text-gray-0:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-0) / var(--tw-text-opacity));
}
.dark\:text-gray-100:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100) / var(--tw-text-opacity));
}
.dark\:text-gray-1000:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-1000) / var(--tw-text-opacity));
}
.dark\:text-gray-200:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200) / var(--tw-text-opacity));
}
.dark\:text-gray-300:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300) / var(--tw-text-opacity));
}
.dark\:text-gray-400:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
}
.dark\:text-gray-500:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500) / var(--tw-text-opacity));
}
.dark\:text-gray-600:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-600) / var(--tw-text-opacity));
}
.dark\:text-gray-700:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
}
.dark\:text-gray-800:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-800) / var(--tw-text-opacity));
}
.dark\:text-gray-900:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-900) / var(--tw-text-opacity));
}
.dark\:text-refine-blue-alt:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(110 179 247 / var(--tw-text-opacity));
}
.dark\:text-refine-blue-alt\/10:is([data-theme="dark"] *) {
    color: #6eb3f71a;
}
.dark\:text-refine-cyan-alt:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(71 235 235 / var(--tw-text-opacity));
}
.dark\:text-refine-cyan-alt\/10:is([data-theme="dark"] *) {
    color: #47ebeb1a;
}
.dark\:text-refine-enterprise-purple-3:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(230 204 255 / var(--tw-text-opacity));
}
.dark\:text-refine-enterprise-purple-5:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(191 128 255 / var(--tw-text-opacity));
}
.dark\:text-refine-green-alt:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(38 217 127 / var(--tw-text-opacity));
}
.dark\:text-refine-green-alt\/10:is([data-theme="dark"] *) {
    color: #26d97f1a;
}
.dark\:text-refine-green\/20:is([data-theme="dark"] *) {
    color: #1fad6633;
}
.dark\:text-refine-indigo-alt:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(128 128 255 / var(--tw-text-opacity));
}
.dark\:text-refine-indigo-alt\/10:is([data-theme="dark"] *) {
    color: #8080ff1a;
}
.dark\:text-refine-link-dark:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(110 179 247 / var(--tw-text-opacity));
}
.dark\:text-refine-pink\/10:is([data-theme="dark"] *) {
    color: #ed5ec91a;
}
.dark\:text-refine-purple-alt:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(179 102 255 / var(--tw-text-opacity));
}
.dark\:text-refine-react-1:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(246 247 249 / var(--tw-text-opacity));
}
.dark\:text-refine-react-3:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(227 228 229 / var(--tw-text-opacity));
}
.dark\:text-refine-react-4:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(153 161 179 / var(--tw-text-opacity));
}
.dark\:text-refine-react-5:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(102 112 132 / var(--tw-text-opacity));
}
.dark\:text-refine-react-6:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(68 73 85 / var(--tw-text-opacity));
}
.dark\:text-refine-react-dark-code:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(22 24 29 / var(--tw-text-opacity));
}
.dark\:text-refine-react-dark-green:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(68 172 153 / var(--tw-text-opacity));
}
.dark\:text-refine-react-dark-green-alt:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(38 217 127 / var(--tw-text-opacity));
}
.dark\:text-refine-react-dark-link:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(20 158 202 / var(--tw-text-opacity));
}
.dark\:text-refine-react-dark-orange:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(219 125 39 / var(--tw-text-opacity));
}
.dark\:text-refine-react-dark-purple:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(136 145 236 / var(--tw-text-opacity));
}
.dark\:text-refine-red:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(255 76 77 / var(--tw-text-opacity));
}
.dark\:text-refine-yellow:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(255 191 0 / var(--tw-text-opacity));
}
.dark\:text-refine-yellow\/10:is([data-theme="dark"] *) {
    color: #ffbf001a;
}
.dark\:text-transparent:is([data-theme="dark"] *) {
    color: #0000;
}
.dark\:text-white:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-opacity-50:is([data-theme="dark"] *) {
    --tw-text-opacity: 0.5;
}
.dark\:placeholder-gray-500:is([data-theme="dark"] *)::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-gray-500) / var(--tw-placeholder-opacity));
}
.dark\:opacity-0:is([data-theme="dark"] *) {
    opacity: 0;
}
.dark\:opacity-100:is([data-theme="dark"] *) {
    opacity: 1;
}
.dark\:opacity-20:is([data-theme="dark"] *) {
    opacity: 0.2;
}
.dark\:opacity-\[0\.35\]:is([data-theme="dark"] *) {
    opacity: 0.35;
}
.dark\:mix-blend-overlay:is([data-theme="dark"] *) {
    mix-blend-mode: overlay;
}
.dark\:mix-blend-color-dodge:is([data-theme="dark"] *) {
    mix-blend-mode: color-dodge;
}
.dark\:shadow-\[0_0_72px_24px_\#14141F\]:is([data-theme="dark"] *) {
    --tw-shadow: 0 0 72px 24px #14141f;
    --tw-shadow-colored: 0 0 72px 24px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:drop-shadow-github-stars-glow:is([data-theme="dark"] *) {
    --tw-drop-shadow: drop-shadow(0px 0px 3px #ff993330)
        drop-shadow(0px 0px 6px #ff9933a0) drop-shadow(0px 0px 16px #ff9933a0)
        drop-shadow(0px 0px 16px #f93);
}
.dark\:bg-landing-component-dark:is([data-theme="dark"] *) {
    background: radial-gradient(
            66.67% 50% at 50% 0,
            #6c779326 0,
            #6c779300 100%
        ),
        radial-gradient(66.67% 50% at 50% 100%, #6c77930d 0, #6c779300 100%),
        var(--900, #14141f);
}
.dark\:before\:bg-\[url\(\'https\:\/\/refine\.ams3\.cdn\.digitaloceanspaces\.com\/website\/static\/ai-landing-page\/ai-landing-step-one-dark\.png\'\)\]:is(
        [data-theme="dark"] *
    ):before {
    background-image: url(https://refine.ams3.cdn.digitaloceanspaces.com/website/static/ai-landing-page/ai-landing-step-one-dark.png);
    content: var(--tw-content);
}
.after\:dark\:bg-gray-900:is([data-theme="dark"] *):after {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900) / var(--tw-bg-opacity));
    content: var(--tw-content);
}
.dark\:after\:bg-gray-600:is([data-theme="dark"] *):after {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-600) / var(--tw-bg-opacity));
    content: var(--tw-content);
}
.dark\:after\:bg-refine-react-dark-link:is([data-theme="dark"] *):after {
    --tw-bg-opacity: 1;
    background-color: rgb(20 158 202 / var(--tw-bg-opacity));
    content: var(--tw-content);
}
.dark\:hover\:border-b-refine-react-dark-link:hover:is([data-theme="dark"] *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(20 158 202 / var(--tw-border-opacity));
}
.dark\:hover\:bg-gray-600:hover:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-600) / var(--tw-bg-opacity));
}
.dark\:hover\:bg-gray-700:hover:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
}
.dark\:hover\:bg-gray-800:hover:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
}
.dark\:hover\:bg-refine-react-7:hover:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(52 58 70 / var(--tw-bg-opacity));
}
.dark\:hover\:bg-refine-react-dark-code:hover:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(22 24 29 / var(--tw-bg-opacity));
}
.hover\:dark\:bg-gray-100:is([data-theme="dark"] *):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100) / var(--tw-bg-opacity));
}
.hover\:dark\:bg-gray-700:is([data-theme="dark"] *):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
}
.hover\:dark\:bg-refine-blue-2\/5:is([data-theme="dark"] *):hover {
    background-color: #58afdf0d;
}
.dark\:hover\:\!text-refine-link-dark:hover:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(110 179 247 / var(--tw-text-opacity)) !important;
}
.dark\:hover\:text-gray-200:hover:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200) / var(--tw-text-opacity));
}
.dark\:hover\:text-gray-300:hover:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300) / var(--tw-text-opacity));
}
.dark\:hover\:text-gray-400:hover:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
}
.dark\:hover\:text-gray-700:hover:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700) / var(--tw-text-opacity));
}
.dark\:hover\:text-refine-cyan-alt:hover:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(71 235 235 / var(--tw-text-opacity));
}
.dark\:hover\:text-refine-link-dark:hover:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(110 179 247 / var(--tw-text-opacity));
}
.dark\:hover\:text-refine-react-dark-link:hover:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(20 158 202 / var(--tw-text-opacity));
}
.dark\:hover\:text-white:hover:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:dark\:text-gray-400:is([data-theme="dark"] *):hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
}
.hover\:dark\:text-refine-react-dark-link:is([data-theme="dark"] *):hover {
    --tw-text-opacity: 1;
    color: rgb(20 158 202 / var(--tw-text-opacity));
}
.dark\:focus\:bg-gray-800:focus:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800) / var(--tw-bg-opacity));
}
.dark\:active\:\!text-refine-link-dark:active:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(110 179 247 / var(--tw-text-opacity)) !important;
}
.group:hover .dark\:group-hover\:bg-gray-700:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700) / var(--tw-bg-opacity));
}
.group:hover
    .dark\:group-hover\:bg-refine-react-light-link:is([data-theme="dark"] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(8 126 164 / var(--tw-bg-opacity));
}
.group:hover .dark\:group-hover\:text-gray-300:is([data-theme="dark"] *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300) / var(--tw-text-opacity));
}
.\[\&\>\.cm-editor\]\:dark\:\!bg-refine-react-dark-code:is(
        [data-theme="dark"] *
    )
    > .cm-editor {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(22 24 29 / var(--tw-bg-opacity)) !important;
}
.dark\:\[\&\>code\]\:\!text-refine-link-dark > code:is([data-theme="dark"] *) {
    --tw-text-opacity: 1 !important;
    color: rgb(110 179 247 / var(--tw-text-opacity)) !important;
}
.\[\&\>span\]\:line-clamp-1 > span {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
}
.\[\&\>svg\]\:hover\:scale-110:hover > svg {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
}
.\[\&\[data-active\=\'true\'\]\]\:\!border-t-refine-react-light-link[data-active="true"] {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(8 126 164 / var(--tw-border-opacity)) !important;
}
.dark\:\[\&\[data-active\=\'true\'\]\]\:\!border-t-refine-react-dark-link[data-active="true"]:is(
        [data-theme="dark"] *
    ) {
    --tw-border-opacity: 1 !important;
    border-top-color: rgb(20 158 202 / var(--tw-border-opacity)) !important;
}
.\[\&_\.cm-activeLine\]\:dark\:\!bg-gray-800:is([data-theme="dark"] *)
    .cm-activeLine {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(
        var(--color-gray-800) / var(--tw-bg-opacity)
    ) !important;
}
.\[\&_\.cm-gutters\]\:dark\:\!bg-refine-react-dark-code:is(
        [data-theme="dark"] *
    )
    .cm-gutters {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(22 24 29 / var(--tw-bg-opacity)) !important;
}
.\[\&_svg\]\:text-gray-400 svg {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400) / var(--tw-text-opacity));
}
.\[\&_svg\]\:dark\:text-refine-react-dark-link:is([data-theme="dark"] *) svg {
    --tw-text-opacity: 1;
    color: rgb(20 158 202 / var(--tw-text-opacity));
}
.Resizer {
    background: padding-box #000;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    z-index: 1;
}
.Resizer:hover {
    transition: 2s;
}
.Resizer.horizontal {
    border-bottom: 5px solid #fff0;
    border-top: 5px solid #fff0;
    cursor: row-resize;
    height: 12px;
    margin: -5px 0;
    width: 100%;
}
.Resizer.horizontal:hover {
    border-bottom: 5px solid #00000080;
    border-top: 5px solid #00000080;
}
.Resizer.vertical {
    border-left: 5px solid #fff0;
    border-right: 5px solid #fff0;
    cursor: col-resize;
    margin: 0 -5px;
    width: 20px;
}
.DocSearch-Hit-action + .DocSearch-Hit-action,
.tab-button a {
    margin-left: 6px;
}
.Resizer.vertical:hover {
    border-left: 5px solid #00000080;
    border-right: 5px solid #00000080;
}
.main-title-container {
    padding-top: 24px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 3;
}
.main-title-container h1 {
    color: #fff;
    font-size: 72px;
    font-weight: 800;
    text-shadow: 4px 6px 8px #0000004d;
    text-transform: uppercase;
}
.Pane1,
.client-pane {
    background-color: #2a132e;
}
.Pane2,
.admin-pane,
.toggle-left {
    background-color: #fb7a32;
}
.pane {
    display: flex;
    height: 1000px;
    margin-top: 240px;
    padding: 0 12px 24px;
}
.pane iframe {
    border: 0;
    border-radius: 12px;
}
.pane-header {
    display: flex;
    flex-direction: column;
    line-height: 24px;
    margin-bottom: 12px;
}
.pane-header h2 {
    font-size: 36px;
    font-weight: 900;
}
.mobile-pane h2,
.mobile-pane p,
.pane-header h2,
.pane-header p {
    color: #fff;
    text-shadow: 1.41799px 2.83598px 4.25397px #00000052;
}
.mobile-pane p,
.pane-header p {
    font-size: 18px;
    font-weight: 300;
}
.pane-header-right {
    padding-left: 48px;
}
.pane-header-left {
    padding-right: 48px;
    text-align: right;
}
.toggle {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 64px;
    height: 60px;
    justify-content: center;
    position: absolute;
    top: 250px;
    width: 40px;
}
.tab-button,
.tab-button a {
    color: #595959;
    transition: 0.2s;
}
.toggle:hover svg {
    transform: scale(1.2);
}
.toggle-left {
    border-bottom-left-radius: 99px;
    border-top-left-radius: 99px;
    right: 0;
}
.toggle-right {
    background-color: #2a132e;
    border-bottom-right-radius: 99px;
    border-top-right-radius: 99px;
    left: 0;
}
.tab-button,
.tab-button a:hover {
    background-color: #f5f5f5;
}
.tabs {
    gap: 12px;
    padding-left: 24px;
    padding-right: 24px;
}
.tab-button {
    border: 1px solid #e2e2e2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    padding: 12px 16px;
}
.card_bwaa,
.mobile-pane {
    align-items: center;
    display: flex;
    text-align: center;
}
.tab-button.active,
.tab-button:hover,
[data-theme="dark"] .playgroundPreview_jwe9 {
    background-color: #fff;
}
.tab-button.active {
    color: #48ebec;
}
.tab-button a {
    border-radius: 6px;
    display: flex;
    padding: 2px;
}
.mobile-pane {
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    line-height: 24px;
    padding: 24px;
}
.mobile-pane h2 {
    font-size: 48px;
    font-weight: 900;
}
.DocSearch-Button,
.card_bwaa span {
    font-weight: 500;
    -webkit-user-select: none;
}
.mobile-pane img {
    width: 400px;
}
.mobile-img-container img:first-child {
    margin-bottom: -24px;
}
.card_bwaa {
    background: var(--tutorial-card-bg);
    border: 1px solid var(--ifm-color-emphasis-200);
    border-radius: 12.5%;
    cursor: pointer;
    filter: grayscale(0);
    flex-direction: column;
    justify-content: center;
    padding: 12.5%;
    transition: 0.2s;
}
.DocSearch-Button,
.cards_w51s {
    align-items: center;
    display: flex;
}
.cardGray_vwpc {
    filter: grayscale(0.95);
}
.cardSelected_tQc4,
.card_bwaa:hover {
    background: var(--tutorial-card-bg-hover);
    box-shadow: 2.7px 5.3px 10.7px 0 #2a2a4240;
}
[data-theme="dark"] .cardSelected_tQc4,
[data-theme="dark"] .card_bwaa:hover {
    border: 1px solid var(--ifm-color-primary);
}
.card_bwaa span {
    color: var(--ifm-font-color-base);
    font-size: 11px;
    margin-top: 8px;
    opacity: 0.6;
    user-select: none;
}
.cardSelected_tQc4 span,
.hash-link:focus,
:hover > .hash-link {
    opacity: 1;
}
.card_bwaa img {
    padding: 12.5%;
}
.cards_w51s {
    flex-wrap: wrap;
    gap: 1rem;
}
.cardsSmall_pehM {
    gap: 4px;
    grid-template-columns: repeat(auto-fit, minmax(28px, 1fr));
    margin: 0 auto;
    max-width: 180px;
}
.DocSearch-Button {
    background: var(--docsearch-searchbox-background);
    border: 0;
    border-radius: 40px;
    color: var(--docsearch-muted-color);
    cursor: pointer;
    height: 36px;
    justify-content: space-between;
    padding: 0 8px;
    user-select: none;
}
.DocSearch-Button:active,
.DocSearch-Button:focus,
.DocSearch-Button:hover {
    background: var(--docsearch-searchbox-focus-background);
    box-shadow: var(--docsearch-searchbox-shadow);
    color: var(--docsearch-text-color);
    outline: 0;
}
.DocSearch-Search-Icon {
    stroke-width: 1.6;
}
.DocSearch-Hit-Tree,
.DocSearch-Hit-action,
.DocSearch-Hit-icon,
.DocSearch-Reset {
    stroke-width: var(--docsearch-icon-stroke-width);
}
.DocSearch-Button .DocSearch-Search-Icon {
    color: var(--docsearch-text-color);
}
.DocSearch-Button-Placeholder {
    font-size: 1rem;
    padding: 0 12px 0 6px;
}
.DocSearch-Button-Keys {
    display: flex;
    min-width: calc(40px + 0.8em);
}
.DocSearch-Button-Key {
    align-items: center;
    background: var(--docsearch-key-gradient);
    border: 0;
    border-radius: 3px;
    box-shadow: var(--docsearch-key-shadow);
    color: var(--docsearch-muted-color);
    display: flex;
    height: 18px;
    justify-content: center;
    margin-right: 0.4em;
    padding: 0 0 2px;
    position: relative;
    top: -1px;
    width: 20px;
}
.DocSearch-Button-Key--pressed {
    box-shadow: var(--docsearch-key-pressed-shadow);
    transform: translate3d(0, 1px, 0);
}
.DocSearch--active {
    overflow: hidden !important;
}
.DocSearch-Container {
    background-color: var(--docsearch-container-background);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
}
.DocSearch-Container a {
    text-decoration: none;
}
.DocSearch-Link {
    appearance: none;
    background: none;
    border: 0;
    color: var(--docsearch-highlight-color);
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
}
.DocSearch-Modal {
    background: var(--docsearch-modal-background);
    border-radius: 6px;
    box-shadow: var(--docsearch-modal-shadow);
    flex-direction: column;
    margin: 60px auto auto;
    max-width: var(--docsearch-modal-width);
    position: relative;
}
.DocSearch-SearchBar {
    display: flex;
    padding: var(--docsearch-spacing) var(--docsearch-spacing) 0;
}
.DocSearch-Form {
    align-items: center;
    background: var(--docsearch-searchbox-focus-background);
    border-radius: 4px;
    box-shadow: var(--docsearch-searchbox-shadow);
    display: flex;
    height: var(--docsearch-searchbox-height);
    margin: 0;
    padding: 0 var(--docsearch-spacing);
    position: relative;
    width: 100%;
}
.DocSearch-Input {
    appearance: none;
    background: #0000;
    border: 0;
    color: var(--docsearch-text-color);
    flex: 1;
    font: inherit;
    font-size: 1.2em;
    height: 100%;
    outline: 0;
    padding: 0 0 0 8px;
    width: 80%;
}
.DocSearch-Input::placeholder {
    color: var(--docsearch-muted-color);
    opacity: 1;
}
.DocSearch-Input::-webkit-search-cancel-button,
.DocSearch-Input::-webkit-search-decoration,
.DocSearch-Input::-webkit-search-results-button,
.DocSearch-Input::-webkit-search-results-decoration {
    display: none;
}
.DocSearch-LoadingIndicator,
.DocSearch-MagnifierLabel,
.DocSearch-Reset {
    margin: 0;
    padding: 0;
}
.DocSearch-Container--Stalled .DocSearch-LoadingIndicator,
.DocSearch-MagnifierLabel,
.DocSearch-Reset {
    align-items: center;
    color: var(--docsearch-highlight-color);
    display: flex;
    justify-content: center;
}
.DocSearch-Cancel,
.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,
.DocSearch-LoadingIndicator,
.DocSearch-Reset[hidden] {
    display: none;
}
.DocSearch-Reset {
    animation: 0.1s ease-in forwards v;
    appearance: none;
    background: none;
    border: 0;
    border-radius: 50%;
    color: var(--docsearch-icon-color);
    cursor: pointer;
    padding: 2px;
    right: 0;
}
.DocSearch-Help,
.DocSearch-HitsFooter,
.DocSearch-Label {
    color: var(--docsearch-muted-color);
}
.DocSearch-Reset:hover {
    color: var(--docsearch-highlight-color);
}
.DocSearch-LoadingIndicator svg,
.DocSearch-MagnifierLabel svg {
    height: 24px;
    width: 24px;
}
.DocSearch-Dropdown {
    max-height: calc(
        var(--docsearch-modal-height) - var(--docsearch-searchbox-height) -
            var(--docsearch-spacing) - var(--docsearch-footer-height)
    );
    min-height: var(--docsearch-spacing);
    overflow-y: auto;
    overflow-y: overlay;
    padding: 0 var(--docsearch-spacing);
    scrollbar-color: var(--docsearch-muted-color)
        var(--docsearch-modal-background);
    scrollbar-width: thin;
}
.DocSearch-Dropdown::-webkit-scrollbar {
    width: 12px;
}
.DocSearch-Dropdown::-webkit-scrollbar-track {
    background: #0000;
}
.DocSearch-Dropdown::-webkit-scrollbar-thumb {
    background-color: var(--docsearch-muted-color);
    border: 3px solid var(--docsearch-modal-background);
    border-radius: 20px;
}
.DocSearch-Dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.DocSearch-Label {
    font-size: 0.75em;
    line-height: 1.6em;
}
.DocSearch-Help {
    font-size: 0.9em;
    margin: 0;
    -webkit-user-select: none;
    user-select: none;
}
.DocSearch-Title {
    font-size: 1.2em;
}
.DocSearch-Logo a {
    display: flex;
}
.DocSearch-Logo svg {
    color: var(--docsearch-logo-color);
    margin-left: 8px;
}
.DocSearch-Hits:last-of-type {
    margin-bottom: 24px;
}
.DocSearch-Hits mark {
    background: none;
    color: var(--docsearch-highlight-color);
}
.DocSearch-HitsFooter {
    display: flex;
    font-size: 0.85em;
    justify-content: center;
    margin-bottom: var(--docsearch-spacing);
    padding: var(--docsearch-spacing);
}
.DocSearch-HitsFooter a {
    border-bottom: 1px solid;
    color: inherit;
}
.DocSearch-Hit {
    border-radius: 4px;
    display: flex;
    padding-bottom: 4px;
    position: relative;
}
.DocSearch-Hit--deleting {
    opacity: 0;
    transition: 0.25s linear;
}
.DocSearch-Hit--favoriting {
    transform: scale(0);
    transform-origin: top center;
    transition: 0.25s linear 0.25s;
}
.DocSearch-Hit a {
    background: var(--docsearch-hit-background);
    border-radius: 4px;
    box-shadow: var(--docsearch-hit-shadow);
    display: block;
    padding-left: var(--docsearch-spacing);
    width: 100%;
}
.ai-landing-step-three-directions b,
.ai-landing-step-three-header b {
    background: #26d97f1a;
    box-shadow: inset 0 0 16px #26d97f33;
    color: #26d97f;
    will-change: transform, opacity;
}
.DocSearch-Hit-source {
    background: var(--docsearch-modal-background);
    color: var(--docsearch-highlight-color);
    font-size: 0.85em;
    font-weight: 600;
    line-height: 32px;
    margin: 0 -4px;
    padding: 8px 4px 0;
    position: sticky;
    top: 0;
    z-index: 10;
}
.DocSearch-Hit-Tree {
    color: var(--docsearch-muted-color);
    height: var(--docsearch-hit-height);
    opacity: 0.5;
    width: 24px;
}
.DocSearch-Hit[aria-selected="true"] a {
    background-color: var(--docsearch-highlight-color);
}
.DocSearch-Hit[aria-selected="true"] mark {
    text-decoration: underline;
}
.DocSearch-Hit-Container {
    align-items: center;
    color: var(--docsearch-hit-color);
    display: flex;
    flex-direction: row;
    height: var(--docsearch-hit-height);
    padding: 0 var(--docsearch-spacing) 0 0;
}
.DocSearch-Hit-icon {
    height: 20px;
    width: 20px;
}
.DocSearch-Hit-action,
.DocSearch-Hit-icon {
    color: var(--docsearch-muted-color);
}
.DocSearch-Hit-action {
    align-items: center;
    display: flex;
    height: 22px;
    width: 22px;
}
.DocSearch-Hit-action svg {
    display: block;
    height: 18px;
    width: 18px;
}
.DocSearch-Hit-action-button {
    appearance: none;
    background: none;
    border: 0;
    border-radius: 50%;
    color: inherit;
    cursor: pointer;
    padding: 2px;
}
#docusaurus-base-url-issue-banner-container,
svg.DocSearch-Hit-Select-Icon {
    display: none;
}
.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-Select-Icon {
    display: block;
}
.DocSearch-Hit-action-button:focus,
.DocSearch-Hit-action-button:hover {
    background: #0003;
    transition: background-color 0.1s ease-in;
}
.DocSearch-Hit-action-button:focus path,
.DocSearch-Hit-action-button:hover path,
.ai-landing-step-two-animation .item .node_in,
.ai-landing-step-two-animation .item .node_out {
    fill: #fff;
}
.DocSearch-Hit-content-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-weight: 500;
    justify-content: center;
    line-height: 1.2em;
    margin: 0 8px;
    overflow-x: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}
.DocSearch-Hit-title {
    font-size: 0.9em;
}
.DocSearch-Hit-path {
    color: var(--docsearch-muted-color);
    font-size: 0.75em;
}
.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-Tree,
.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-action,
.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-icon,
.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-path,
.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-text,
.DocSearch-Hit[aria-selected="true"] .DocSearch-Hit-title,
.DocSearch-Hit[aria-selected="true"] mark {
    color: var(--docsearch-hit-active-color) !important;
}
.DocSearch-ErrorScreen,
.DocSearch-NoResults,
.DocSearch-StartScreen {
    font-size: 0.9em;
    margin: 0 auto;
    padding: 36px 0;
    text-align: center;
    width: 80%;
}
.DocSearch-Screen-Icon {
    color: var(--docsearch-muted-color);
    padding-bottom: 12px;
}
.DocSearch-NoResults-Prefill-List {
    display: inline-block;
    padding-bottom: 24px;
    text-align: left;
}
.DocSearch-NoResults-Prefill-List ul {
    display: inline-block;
    padding: 8px 0 0;
}
.DocSearch-NoResults-Prefill-List li {
    list-style-position: inside;
    list-style-type: "» ";
}
.DocSearch-Prefill {
    appearance: none;
    background: none;
    border: 0;
    border-radius: 1em;
    color: var(--docsearch-highlight-color);
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    padding: 0;
}
.DocSearch-Prefill:focus,
.DocSearch-Prefill:hover {
    outline: 0;
    text-decoration: underline;
}
.DocSearch-Footer {
    align-items: center;
    background: var(--docsearch-footer-background);
    border-radius: 0 0 8px 8px;
    box-shadow: var(--docsearch-footer-shadow);
    display: flex;
    flex-direction: row-reverse;
    flex-shrink: 0;
    height: var(--docsearch-footer-height);
    justify-content: space-between;
    padding: 0 var(--docsearch-spacing);
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 300;
}
.DocSearch-Commands {
    color: var(--docsearch-muted-color);
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.DocSearch-Commands li {
    align-items: center;
    display: flex;
}
.DocSearch-Commands li:not(:last-of-type) {
    margin-right: 0.8em;
}
.DocSearch-Commands-Key {
    align-items: center;
    background: var(--docsearch-key-gradient);
    border: 0;
    border-radius: 2px;
    box-shadow: var(--docsearch-key-shadow);
    color: var(--docsearch-muted-color);
    display: flex;
    height: 18px;
    justify-content: center;
    margin-right: 0.4em;
    padding: 0 0 1px;
    width: 20px;
}
.DocSearch-VisuallyHiddenForAccessibility {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
@keyframes v {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.DocSearch-Button {
    margin: 0;
    transition: all var(--ifm-transition-fast)
        var(--ifm-transition-timing-default);
}
.DocSearch-Container {
    z-index: 1001;
}
body:not(.navigation-with-keyboard) :not(input):focus {
    outline: 0;
}
.errorBoundaryError_Zwck {
    color: red;
    white-space: pre-wrap;
}
.skipToContent_gSRe {
    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_gSRe:focus {
    box-shadow: var(--ifm-global-shadow-md);
    left: 1rem;
}
.searchQueryInput_kU3Q,
.searchVersionInput_Iaxe {
    background: var(--docsearch-searchbox-focus-background);
    border: 2px solid var(--ifm-toc-border-color);
    border-radius: var(--ifm-global-radius);
    color: var(--docsearch-text-color);
    font: var(--ifm-font-size-base) var(--ifm-font-family-base);
    margin-bottom: 0.5rem;
    padding: 0.8rem;
    transition: border var(--ifm-transition-fast) ease;
    width: 100%;
}
.searchQueryInput_kU3Q:focus,
.searchVersionInput_Iaxe:focus {
    border-color: var(--docsearch-primary-color);
    outline: 0;
}
.searchQueryInput_kU3Q::placeholder {
    color: var(--docsearch-muted-color);
}
.searchResultsColumn_i1Tf {
    font-size: 0.9rem;
    font-weight: 700;
}
.algoliaLogo_bRUP {
    max-width: 150px;
}
.algoliaLogoPathFill_MIhC {
    fill: var(--ifm-font-color-base);
}
.searchResultItem_w793 {
    border-bottom: 1px solid var(--ifm-toc-border-color);
    padding: 1rem 0;
}
.searchResultItemHeading_lUWm {
    font-weight: 400;
    margin-bottom: 0;
}
.searchResultItemPath_yxnl {
    --ifm-breadcrumb-separator-size-multiplier: 1;
    color: var(--ifm-color-content-secondary);
    font-size: 0.8rem;
}
.searchResultItemSummary_O5qq {
    font-style: italic;
    margin: 0.5rem 0 0;
}
.loadingSpinner_exZ5 {
    animation: 1s linear infinite w;
    border: 0.4em solid #eee;
    border-radius: 50%;
    border-top: 0.4em solid var(--ifm-color-primary);
    height: 3rem;
    margin: 0 auto;
    width: 3rem;
}
@keyframes w {
    to {
        transform: rotate(1turn);
    }
}
.search-result-match {
    background: #ffd78e40;
    color: var(--docsearch-hit-color);
    padding: 0.09em 0;
}
.ai-landing-step-one-addIcon {
    animation: 2s ease-in-out infinite y;
    transform-origin: center;
}
.ai-landing-step-one-figma {
    animation: 12s ease-in-out infinite z;
}
.ai-landing-step-one-figma:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%230ACF83' d='M8.002 24c2.208 0 4-1.792 4-4v-4h-4c-2.208 0-4 1.792-4 4s1.792 4 4 4Z'/%3E%3Cpath fill='%23A259FF' d='M4.002 12c0-2.208 1.792-4 4-4h4v8h-4c-2.208 0-4-1.792-4-4Z'/%3E%3Cpath fill='%23F24E1E' d='M4.002 4c0-2.208 1.792-4 4-4h4v8h-4c-2.208 0-4-1.792-4-4Z'/%3E%3Cpath fill='%23FF7262' d='M12.002 0h4c2.208 0 4 1.792 4 4s-1.792 4-4 4h-4V0Z'/%3E%3Cpath fill='%231ABCFE' d='M20.002 12c0 2.208-1.792 4-4 4s-4-1.792-4-4 1.792-4 4-4 4 1.792 4 4Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M4 0h16.003v24H4z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.ai-landing-step-one-pdf {
    animation: 12s ease-in-out infinite A;
}
.ai-landing-step-one-pdf:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M20.9 0H4.1A3.6 3.6 0 0 0 .5 3.6v16.8A3.6 3.6 0 0 0 4.1 24h16.8a3.6 3.6 0 0 0 3.6-3.6V3.6A3.6 3.6 0 0 0 20.9 0Z'/%3E%3Cpath fill='%23EE3E36' d='M4.014 22c-.65 0-1.172-.331-1.397-.886-.376-.921.165-2.19 1.485-3.479 1.033-1.01 2.476-1.84 4.29-2.472.965-1.792 1.854-3.712 2.476-5.352-1.379-2.147-1.633-4.797-1.15-6.278.311-.958.852-1.318 1.25-1.452a1.407 1.407 0 0 1 1.516.378c.595.64.814 1.93.668 3.944-.058.803-.325 1.88-.794 3.208l.062.076c.313.383.647.804.997 1.246.747.942 1.585 2 2.438 2.948.253-.008.496-.011.73-.011 3.014 0 5.038.63 5.7 1.776.281.488.287 1.038.016 1.508-.367.635-1.159 1.014-2.12 1.014-.233 0-.474-.022-.716-.067-1.211-.224-2.54-1.136-4.17-2.864-.415.023-.851.056-1.298.099-.96.092-2.812.334-4.688.925-.807 1.459-2.543 4.404-3.838 5.251-.49.32-.993.488-1.457.488Zm3.308-4.962c-.928.45-1.695.967-2.291 1.55-1.172 1.145-1.248 1.863-1.183 2.024.02.047.101.057.166.057.199 0 .464-.1.728-.271.58-.379 1.535-1.635 2.58-3.36Zm9.828-1.829c1.003.931 1.846 1.452 2.556 1.583.162.03.322.045.474.045.526 0 .871-.18.968-.348.018-.032.043-.074-.017-.177-.223-.387-1.312-1.024-3.981-1.103Zm-5.34-4.16a48.772 48.772 0 0 1-1.644 3.591 26.307 26.307 0 0 1 3.703-.629c.104-.01.207-.02.31-.028a85.933 85.933 0 0 1-1.804-2.223l-.565-.71Zm-.355-7.719a.213.213 0 0 0-.065.013c-.15.05-.303.276-.409.603-.32.98-.192 2.628.472 4.147.212-.72.338-1.325.371-1.785.163-2.24-.2-2.818-.315-2.942-.032-.036-.044-.036-.054-.036Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h24v24H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.ai-landing-step-one-ss {
    animation: 12s ease-in-out infinite B;
}
.ai-landing-step-one-ss:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='24' height='18' y='3' fill='%230080FF' rx='4'/%3E%3Ccircle cx='6' cy='9' r='3' fill='%23FFBF00'/%3E%3Cpath fill='%2324A866' d='M4 21h10.83l-7.414-7.414a2 2 0 0 0-2.829 0l-4.45 4.45A4.002 4.002 0 0 0 4 21Z'/%3E%3Cpath fill='%2326D97F' d='M24 14.171V17a4 4 0 0 1-4 4H5.172L16.586 9.586a2 2 0 0 1 2.829 0L24 14.17Z'/%3E%3C/svg%3E");
}
.ai-landing-step-one-json {
    animation: 12s ease-in-out infinite C;
}
.ai-landing-step-one-json:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%238000FF' d='M20.9 0H4.1A3.6 3.6 0 0 0 .5 3.6v16.8A3.6 3.6 0 0 0 4.1 24h16.8a3.6 3.6 0 0 0 3.6-3.6V3.6A3.6 3.6 0 0 0 20.9 0Z'/%3E%3Cpath fill='%23fff' d='M13.192 16.2c0 .386-.31.7-.692.7a.696.696 0 0 1-.692-.7v-2.1c0-.386.31-.7.692-.7.383 0 .692.314.692.7v2.1Zm4.846-6.3V7.1c0-.386-.31-.7-.692-.7a.696.696 0 0 1-.692-.7c0-.386.31-.7.692-.7 1.145 0 2.077.942 2.077 2.1v2.8c0 .772.621 1.4 1.385 1.4.383 0 .692.314.692.7 0 .386-.31.7-.692.7-.764 0-1.385.628-1.385 1.4v2.8c0 1.158-.932 2.1-2.077 2.1a.696.696 0 0 1-.692-.7c0-.386.31-.7.692-.7a.697.697 0 0 0 .692-.7v-2.8c0-.84.376-1.586.957-2.1a2.795 2.795 0 0 1-.957-2.1ZM12.5 8.5c.573 0 1.039.47 1.039 1.05 0 .58-.466 1.05-1.039 1.05s-1.039-.47-1.039-1.05c0-.58.466-1.05 1.039-1.05Zm-8.308 2.8c.764 0 1.385-.628 1.385-1.4V7.1c0-1.158.932-2.1 2.077-2.1.383 0 .692.314.692.7 0 .386-.31.7-.692.7a.697.697 0 0 0-.692.7v2.8c0 .84-.376 1.586-.957 2.1.581.514.957 1.26.957 2.1v2.8c0 .386.31.7.692.7.383 0 .692.314.692.7 0 .386-.31.7-.692.7-1.145 0-2.077-.942-2.077-2.1v-2.8c0-.772-.621-1.4-1.385-1.4A.696.696 0 0 1 3.5 12c0-.386.31-.7.692-.7Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h24v24H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
@keyframes x {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-1336px);
    }
}
@keyframes y {
    0%,
    to {
        scale: 1;
    }
    50% {
        scale: 1.15;
    }
}
@keyframes z {
    0% {
        left: -20%;
        opacity: 1;
        top: 25%;
        transform: translate(0);
    }
    25% {
        left: 50%;
        opacity: 1;
        scale: 1;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    30% {
        left: 50%;
        opacity: 0;
        scale: 0;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    to {
        opacity: 0;
        scale: 0;
    }
}
@keyframes A {
    0%,
    20% {
        left: 120%;
        top: 25%;
        transform: translate(0);
    }
    45% {
        left: 50%;
        opacity: 1;
        scale: 1;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    50% {
        left: 50%;
        opacity: 0;
        scale: 0;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    to {
        opacity: 0;
        scale: 0;
    }
}
@keyframes B {
    0%,
    40% {
        left: -50%;
        top: 75%;
        transform: translate(0);
    }
    65% {
        left: 50%;
        opacity: 1;
        scale: 1;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    70% {
        left: 50%;
        opacity: 0;
        scale: 0;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    to {
        opacity: 0;
        scale: 0;
    }
}
@keyframes C {
    0%,
    60% {
        left: 120%;
        top: 75%;
        transform: translate(0);
    }
    85% {
        left: 50%;
        opacity: 1;
        scale: 1;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    90% {
        left: 50%;
        opacity: 0;
        scale: 0;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    to {
        opacity: 0;
        scale: 0;
    }
}
.ai-landing-step-two-animation .item .box,
.ai-landing-step-two-animation .item .text {
    fill: #6c7793;
    transition: fill 0.3s ease-in-out;
}
.ai-landing-step-two-animation .item .line,
.ai-landing-step-two-animation .item .node_in,
.ai-landing-step-two-animation .item .node_out {
    stroke: #a3adc2;
    transition: stroke 0.3s ease-in-out;
}
.ai-landing-step-two-animation .item.active .box,
.ai-landing-step-two-animation .item.active .text {
    fill: #33f;
}
.ai-landing-step-two-animation .item.active .line,
.ai-landing-step-two-animation .item.active .node_in,
.ai-landing-step-two-animation .item.active .node_out {
    stroke: #33f;
}
.ai-landing-step-two-animation .icons {
    transition: transform 0.3s ease-in-out;
}
.ai-landing-step-two-animation .icons.restapi-active {
    transform: translate(246px, -380px);
}
.ai-landing-step-two-animation .icons.graphql-active {
    transform: translate(246px, -284px);
}
.ai-landing-step-two-animation .icons.supabase-active {
    transform: translate(246px, -188px);
}
.ai-landing-step-two-animation .icons.nestjs-active {
    transform: translate(246px, -92px);
}
.ai-landing-step-two-animation .icons.strapi-active {
    transform: translate(246px, 4px);
}
.ai-landing-step-two-animation .icons.mock-active {
    transform: translate(246px, 100px);
}
[data-theme="dark"] .ai-landing-step-two-animation .item .box,
[data-theme="dark"] .ai-landing-step-two-animation .item .text {
    fill: #a3adc2;
}
[data-theme="dark"] .ai-landing-step-two-animation .item .line,
[data-theme="dark"] .ai-landing-step-two-animation .item .node_in,
[data-theme="dark"] .ai-landing-step-two-animation .item .node_out {
    stroke: #6c7793;
}
[data-theme="dark"] .ai-landing-step-two-animation .item .node_in,
[data-theme="dark"] .ai-landing-step-two-animation .item .node_out {
    fill: #14141f;
}
[data-theme="dark"] .ai-landing-step-two-animation .item.active .box,
[data-theme="dark"] .ai-landing-step-two-animation .item.active .text {
    fill: #26d97f;
}
[data-theme="dark"] .ai-landing-step-two-animation .item.active .line,
[data-theme="dark"] .ai-landing-step-two-animation .item.active .node_in,
[data-theme="dark"] .ai-landing-step-two-animation .item.active .node_out {
    stroke: #26d97f;
}
.ai-landing-step-three-content {
    background: radial-gradient(
        50% 50% at 50% 50%,
        #30345080 0,
        #30345000 100%
    );
    color: #6c7793;
    font-family: Inter, sans-serif;
    height: 488px;
    overflow: hidden;
    position: relative;
    width: 556px;
}
.ai-landing-step-three-header,
.ai-landing-step-three-table {
    transform: translateX(-50%);
    width: 580px;
    overflow: hidden;
    display: flex;
    left: 50%;
    position: absolute;
}
.ai-landing-step-three-header {
    align-items: center;
    height: 32px;
    justify-content: space-between;
    padding: 0 0 0 16px;
    top: 70px;
}
.ai-landing-step-three-header span {
    font-size: 16px;
    line-height: 24px;
}
.ai-landing-step-three-header b {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    gap: 4px;
    justify-content: center;
    line-height: 16px;
    opacity: 0;
    padding: 8px 16px 8px 10px;
    transform: translateX(110%);
}
.ai-landing-step-three-header b:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' stroke='%2333F' stroke-width='.75'%3E%3Cpath d='M6 4v4m2-2H4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.25 6c0-2.24 0-3.359.696-4.054C2.64 1.25 3.76 1.25 6 1.25c2.24 0 3.359 0 4.054.696.696.695.696 1.815.696 4.054 0 2.24 0 3.359-.696 4.054-.695.696-1.815.696-4.054.696-2.24 0-3.359 0-4.054-.696C1.25 9.36 1.25 8.24 1.25 6Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    content: "";
    height: 12px;
    width: 12px;
}
.ai-landing-step-three-header b.ai-landing-step-three-show-add {
    animation: 1s ease-out forwards G;
}
.ai-landing-step-three-table {
    flex-direction: row;
    gap: 2px;
    height: 304px;
    -webkit-mask-image: linear-gradient(180deg, #fff 50%, #fff0);
    mask-image: linear-gradient(180deg, #fff 50%, #fff0);
    top: 114px;
}
.ai-landing-step-three-table .ai-landing-step-three-column b {
    background: #6c77931a;
    border-radius: 2px;
    box-shadow: inset 0 0 16px #6c779333;
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 16px;
}
.ai-landing-step-three-table .ai-landing-step-three-column span {
    background: #6c77931a;
    border-radius: 2px;
    display: block;
    font-size: 12px;
    left: 0;
    line-height: 16px;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    transition: top 1s ease-in-out;
    will-change: top;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column
    span.ai-landing-step-three-row1 {
    top: 34px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column
    span.ai-landing-step-three-row2 {
    top: 68px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column
    span.ai-landing-step-three-row3 {
    top: 102px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column
    span.ai-landing-step-three-row4 {
    top: 136px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column
    span.ai-landing-step-three-row5 {
    top: 170px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column
    span.ai-landing-step-three-row6 {
    top: 204px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column
    span.ai-landing-step-three-row7 {
    top: 238px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column
    span.ai-landing-step-three-row8 {
    top: 272px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-id {
    width: 76px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-id
    b {
    border-radius: 12px 2px 2px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-amount {
    text-align: right;
    width: 95px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-amount
    span {
    font-variant-numeric: tabular-nums;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-date {
    text-align: right;
    width: 103px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-date
    b {
    border-radius: 2px 12px 2px 2px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-date
    b.ai-landing-step-three-border-radius-changed {
    animation: 1s ease-out forwards H;
    border-radius: 2px;
    will-change: border-radius;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-actions {
    opacity: 0;
    overflow: hidden;
    text-align: right;
    width: 0;
    will-change: width, opacity;
}
.ai-landing-step-three-animation.dark
    .ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-actions.ai-landing-step-three-show-actions,
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-actions.ai-landing-step-three-show-actions {
    animation: 1s ease-out forwards F;
    opacity: 1;
    width: 76px;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-actions
    b {
    border-radius: 2px 12px 2px 2px;
    white-space: nowrap;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-actions
    span {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 32px;
    justify-content: center;
    padding: 0;
    white-space: nowrap;
}
.ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-actions
    span:after {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 12px;
    margin: 0 auto;
    width: 60px;
}
.ai-landing-step-three-directions {
    left: 0;
    position: absolute;
    right: 0;
    top: 398px;
    will-change: transform, opacity;
}
.ai-landing-step-three-directions b {
    border-radius: 12px;
    bottom: 0;
    display: block;
    font-size: 16px;
    font-weight: 400;
    left: 50%;
    line-height: 24px;
    opacity: 0;
    padding: 12px 20px;
    position: absolute;
    transform: translateX(-50%) translateY(100%);
}
.buttonGroup_LE4n button,
.codeBlockContainer_XFFU {
    background: var(--prism-background-color);
    color: var(--prism-color);
}
.ai-landing-step-three-directions b.ai-landing-step-three-direction-up {
    animation: 2s ease-out forwards D;
}
.ai-landing-step-three-directions b.ai-landing-step-three-direction-down {
    animation: 2s ease-out forwards E;
}
.ai-landing-step-three-animation.light .ai-landing-step-three-content {
    background: radial-gradient(
        50% 50% at 50% 50%,
        #dee5ed80 0,
        #dee5ed00 100%
    );
    color: #6c7793;
}
.ai-landing-step-three-animation.light .ai-landing-step-three-directions b,
.ai-landing-step-three-animation.light .ai-landing-step-three-header b {
    background: #3333ff1a;
    box-shadow: inset 0 0 16px #33f3;
    color: #33f;
}
.ai-landing-step-three-animation.light .ai-landing-step-three-header b:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' stroke='%2333F' stroke-width='.75'%3E%3Cpath d='M6 4v4m2-2H4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.25 6c0-2.24 0-3.359.696-4.054C2.64 1.25 3.76 1.25 6 1.25c2.24 0 3.359 0 4.054.696.696.695.696 1.815.696 4.054 0 2.24 0 3.359-.696 4.054-.695.696-1.815.696-4.054.696-2.24 0-3.359 0-4.054-.696C1.25 9.36 1.25 8.24 1.25 6Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.ai-landing-step-three-animation.light
    .ai-landing-step-three-table
    .ai-landing-step-three-column
    b,
.ai-landing-step-three-animation.light
    .ai-landing-step-three-table
    .ai-landing-step-three-column
    span {
    background: #cfd7e21a;
    box-shadow: inset 0 0 16px #a3adc233;
}
.ai-landing-step-three-animation.dark .ai-landing-step-three-content {
    background: radial-gradient(
        50% 50% at 50% 50%,
        #30345080 0,
        #30345000 100%
    );
    color: #a3adc2;
}
.ai-landing-step-three-animation.dark .ai-landing-step-three-directions b,
.ai-landing-step-three-animation.dark .ai-landing-step-three-header b {
    background: #26d97f1a;
    box-shadow: inset 0 0 16px #26d97f33;
    color: #26d97f;
}
.ai-landing-step-three-animation.dark .ai-landing-step-three-header b:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' stroke='%2326D97F' stroke-width='.75'%3E%3Cpath d='M6 4v4m2-2H4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.25 6c0-2.24 0-3.359.696-4.054C2.64 1.25 3.76 1.25 6 1.25c2.24 0 3.359 0 4.054.696.696.695.696 1.815.696 4.054 0 2.24 0 3.359-.696 4.054-.695.696-1.815.696-4.054.696-2.24 0-3.359 0-4.054-.696C1.25 9.36 1.25 8.24 1.25 6Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.ai-landing-step-three-animation.dark
    .ai-landing-step-three-table
    .ai-landing-step-three-column
    b,
.ai-landing-step-three-animation.dark
    .ai-landing-step-three-table
    .ai-landing-step-three-column
    span {
    background: #6c77931a;
    box-shadow: inset 0 0 16px #6c779333;
}
.ai-landing-step-three-animation.dark
    .ai-landing-step-three-table
    .ai-landing-step-three-column.ai-landing-step-three-actions
    span:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='12' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='.75' d='M10.772 5.522c.152.214.228.32.228.478 0 .158-.076.264-.228.478C10.089 7.434 8.345 9.5 6 9.5S1.911 7.435 1.228 6.478C1.076 6.263 1 6.157 1 6c0-.158.076-.264.228-.478C1.911 4.566 3.655 2.5 6 2.5s4.089 2.065 4.772 3.022Z'/%3E%3Cpath stroke='%23fff' stroke-width='.75' d='M7.5 6a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z'/%3E%3Cg stroke='%23fff' stroke-linejoin='round' stroke-width='.75' clip-path='url(%23a)'%3E%3Cpath d='M31.037 1.943c.373-.404.559-.606.757-.724a1.553 1.553 0 0 1 1.551-.023c.202.112.394.308.778.7.384.393.576.589.685.794a1.647 1.647 0 0 1-.023 1.585c-.115.203-.313.393-.708.773l-4.702 4.53c-.749.72-1.123 1.081-1.591 1.264-.468.183-.982.17-2.011.142l-.14-.003c-.313-.009-.47-.013-.561-.116-.091-.103-.079-.263-.054-.582l.014-.173c.07-.898.105-1.347.28-1.75.175-.405.478-.732 1.083-1.388l4.642-5.03ZM30.5 2 34 5.5'/%3E%3Cpath stroke-linecap='round' d='M31 11h4'/%3E%3C/g%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='.75' d='m57.75 2.75-.31 5.013c-.079 1.28-.119 1.92-.44 2.381a2 2 0 0 1-.6.564c-.479.292-1.12.292-2.404.292-1.284 0-1.927 0-2.407-.293a2 2 0 0 1-.6-.565c-.32-.46-.36-1.102-.437-2.384L50.25 2.75'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='.75' d='M49.5 2.75h9m-2.472 0-.341-.704c-.227-.468-.34-.702-.536-.848a.99.99 0 0 0-.138-.086C54.797 1 54.538 1 54.017 1c-.533 0-.799 0-1.02.117a1.002 1.002 0 0 0-.138.09c-.198.151-.309.394-.53.879l-.303.664m.724 5.5v-3m2.5 3v-3'/%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M24 0h12v12H24z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    margin: 0 auto;
    opacity: 1;
    visibility: visible;
    width: 60px;
}
@keyframes D {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}
@keyframes E {
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    to {
        opacity: 0;
        transform: translateX(-50%) translateY(100%);
    }
}
@keyframes F {
    0% {
        opacity: 0;
        width: 0;
    }
    to {
        opacity: 1;
        width: 76px;
    }
}
@keyframes G {
    0% {
        opacity: 0;
        transform: translateX(110%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes H {
    0% {
        border-radius: 2px 12px 2px 2px;
    }
    to {
        border-radius: 2px;
    }
}
.codeBlockContainer_XFFU {
    border-radius: var(--ifm-code-border-radius);
    box-shadow: var(--ifm-global-shadow-lw);
    margin-bottom: var(--ifm-leading);
}
.codeBlockContent_Cqhv {
    border-radius: inherit;
    direction: ltr;
    position: relative;
}
.codeBlockTitle_fc1Q {
    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: 0.75rem var(--ifm-pre-padding);
}
.codeBlock_yBMx {
    --ifm-pre-background: var(--prism-background-color);
    margin: 0;
    padding: 0;
}
.codeBlockTitle_fc1Q + .codeBlockContent_Cqhv .codeBlock_yBMx {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.codeBlockLines_r_vN {
    float: left;
    font: inherit;
    min-width: 100%;
    padding: var(--ifm-pre-padding);
}
.codeBlockLinesWithNumbering_VPHr {
    display: table;
    padding: var(--ifm-pre-padding) 0;
}
.buttonGroup_LE4n {
    column-gap: 0.2rem;
    display: flex;
    position: absolute;
    right: calc(var(--ifm-pre-padding) / 2);
    top: calc(var(--ifm-pre-padding) / 2);
}
.buttonGroup_LE4n button {
    align-items: center;
    border: 1px solid var(--ifm-color-emphasis-300);
    border-radius: var(--ifm-global-radius);
    display: flex;
    line-height: 0;
    opacity: 0;
    padding: 0.4rem;
    transition: opacity var(--ifm-transition-fast) ease-in-out;
}
.buttonGroup_LE4n button:focus-visible,
.buttonGroup_LE4n button:hover {
    opacity: 1 !important;
}
: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_MrFE {
    counter-increment: a;
    display: table-row;
}
.codeLineNumber_bpY3 {
    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_bpY3:before {
    content: counter(a);
    opacity: 0.4;
}
.codeLineContent_a2hA {
    padding-right: var(--ifm-pre-padding);
}
.playgroundContainer_ppBt {
    border-radius: var(--ifm-global-radius);
    box-shadow: var(--ifm-global-shadow-lw);
    margin-bottom: var(--ifm-leading);
    overflow: hidden;
}
.playgroundHeader_DsVj {
    background: var(--browser-window-bezel-color);
    padding: 0 1rem;
    text-align: center;
}
.headerButton_QPem {
    appearance: none;
    background: none;
    border: none;
    color: var(--ifm-color-content);
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.playgroundHeader_DsVj:first-of-type {
    background: var(--ifm-color-emphasis-600);
    color: var(--ifm-color-content-inverse);
}
.playgroundPreview_jwe9 {
    background-color: var(--ifm-pre-background);
    max-height: 400px;
    min-height: 400px;
    overflow-y: scroll;
    padding: 0;
}
.playgroundEditorWrapper_AfoV {
    background-color: var(--browser-window-bezel-color);
    border: 3px solid var(--browser-window-bezel-color);
}
.tooltipArrow_mOyh,
.tooltipContainer_l6r7 {
    background: var(--ifm-background-color);
    bottom: 0;
}
.playgroundEditorWrapper_AfoV > div {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-bottom: 0 !important;
}
.details_nLWn {
    --docusaurus-details-summary-arrow-size: 0.38rem;
    --docusaurus-details-transition: transform 200ms ease;
    --docusaurus-details-decoration-color: grey;
}
.details_nLWn > summary {
    cursor: pointer;
    list-style: none;
    padding-left: 1rem;
    position: relative;
}
.details_nLWn > summary::-webkit-details-marker {
    display: none;
}
.details_nLWn > 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: 0.45rem;
    transform: rotate(0);
    transform-origin: calc(var(--docusaurus-details-summary-arrow-size) / 2) 50%;
    transition: var(--docusaurus-details-transition);
}
.collapsibleContent_tC4f {
    border-top: 1px solid var(--docusaurus-details-decoration-color);
    margin-top: 1rem;
    padding-top: 1rem;
}
.anchorWithStickyNavbar_yv7n {
    scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
}
.anchorWithHideOnScrollNavbar_so43 {
    scroll-margin-top: 0.5rem;
}
.hash-link {
    opacity: 0;
    padding-left: 0.5rem;
    transition: opacity var(--ifm-transition-fast);
    -webkit-user-select: none;
    user-select: none;
}
.hash-link:before {
    content: "#";
}
.details_uKct {
    --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_XKVA {
    list-style: none;
}
[data-theme="light"] {
    --ifm-background-color: #fff;
}
.tooltip__Ymd {
    position: relative;
    z-index: var(--ifm-z-index-overlay);
}
.tooltipContainer_l6r7,
.tooltip__Ymd {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.tooltipContainer_l6r7 {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
    animation-delay: 75ms;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    border-radius: 0.125rem;
    border-width: 1px;
    border: 1px solid var(--ifm-toc-border-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    left: 0;
    margin-bottom: 1.5rem;
    position: absolute;
    transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1) 75ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    visibility: hidden;
}
.tooltipContent_UeXm {
    padding: 0.5rem;
    position: relative;
    width: 15rem;
}
.tooltipArrow_mOyh {
    --tw-translate-y: 50%;
    --tw-rotate: 45deg;
    border-bottom: 1px solid var(--ifm-toc-border-color);
    border-right: 1px solid var(--ifm-toc-border-color);
    height: 0.75rem;
    position: absolute;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 0.75rem;
}
.tag_gk4c {
    display: inline-block;
    margin: 0 0.4rem 0.5rem 0;
}
@media (min-width: 360px) {
    .\!container {
        max-width: 360px !important;
    }
    .container {
        max-width: 360px;
    }
    .landing-xs\:max-w-\[384px\] {
        max-width: 384px;
    }
    .landing-xs\:bg-landing-sweet-spot-glow-size-xs {
        background-size: auto auto, 656px 656px;
    }
    .landing-xs\:bg-landing-sweet-spot-glow-position-xs {
        background-position: 50%, calc(50% - 30px) calc(50% + 300px);
    }
}
@media (min-width: 480px) {
    .\!container {
        max-width: 480px !important;
    }
    .container {
        max-width: 480px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .ai-landing-step-three-content {
        height: 446px;
        width: 508px;
    }
    .ai-landing-step-three-table {
        height: 348px;
        max-width: 90%;
        width: 508px;
    }
    .ai-landing-step-three-header {
        max-width: 90%;
        width: 508px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-id {
        width: 60px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-date {
        width: 85px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-amount {
        width: 80px;
    }
    .ai-landing-step-three-table .ai-landing-step-three-column b,
    .ai-landing-step-three-table .ai-landing-step-three-column span {
        font-size: 11px;
        padding: 8px 10px;
    }
    .ai-landing-step-three-directions {
        top: 432px;
    }
}
@media (min-width: 544px) {
    .refine-prose .refine-wider-container,
    .widening-start\:-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .\!container {
        max-width: 544px !important;
    }
    .container {
        max-width: 544px;
    }
}
@media (min-width: 592px) {
    .\!container {
        max-width: 592px !important;
    }
    .blog-sm\:max-w-\[592px\],
    .blog-sm\:max-w-screen-blog-sm,
    .container {
        max-width: 592px;
    }
    .blog-sm\:mb-20 {
        margin-bottom: 5rem;
    }
    .blog-sm\:mt-10 {
        margin-top: 2.5rem;
    }
    .blog-sm\:h-\[88px\] {
        height: 88px;
    }
    .blog-sm\:w-\[88px\] {
        width: 88px;
    }
    .blog-sm\:max-w-\[624px\] {
        max-width: 624px;
    }
    .blog-sm\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .blog-sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .blog-sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    .blog-sm\:text-\[32px\] {
        font-size: 32px;
    }
    .blog-sm\:leading-10 {
        line-height: 2.5rem;
    }
}
@media (min-width: 640px) {
    .refine-prose
        :is(
            :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *))
        ) {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 2rem;
    }
    .refine-prose
        :is(
            :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *))
        ) {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1.5rem;
    }
    .refine-prose
        :is(
            :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *))
        ) {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 1.5rem;
    }
    .refine-prose
        :is(
            :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *))
        ) {
        margin-bottom: 1.5rem;
    }
    .refine-prose
        :is(
            :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *))
        ) {
        line-height: 1.75rem;
    }
    .refine-prose
        :is(
            :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))
        ) {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .admonition-simple * {
        line-height: 1.25rem;
    }
    .\!container {
        max-width: 640px !important;
    }
    .container {
        max-width: 640px;
    }
    .sm\:left-\[-16px\] {
        left: -16px;
    }
    .sm\:top-\[-16px\] {
        top: -16px;
    }
    .sm\:top-\[200px\] {
        top: 200px;
    }
    .sm\:mb-10 {
        margin-bottom: 2.5rem;
    }
    .sm\:mr-4 {
        margin-right: 1rem;
    }
    .sm\:mt-0 {
        margin-top: 0;
    }
    .sm\:mt-20 {
        margin-top: 5rem;
    }
    .sm\:mt-4 {
        margin-top: 1rem;
    }
    .sm\:mt-8 {
        margin-top: 2rem;
    }
    .sm\:h-12 {
        height: 3rem;
    }
    .sm\:h-6 {
        height: 1.5rem;
    }
    .sm\:h-\[242px\] {
        height: 242px;
    }
    .sm\:h-\[24px\] {
        height: 24px;
    }
    .sm\:h-\[365px\] {
        height: 365px;
    }
    .sm\:h-\[375px\] {
        height: 375px;
    }
    .sm\:h-\[396px\] {
        height: 396px;
    }
    .sm\:h-\[58px\] {
        height: 58px;
    }
    .sm\:w-12 {
        width: 3rem;
    }
    .sm\:w-6 {
        width: 1.5rem;
    }
    .sm\:w-\[192px\] {
        width: 192px;
    }
    .sm\:w-\[300px\] {
        width: 300px;
    }
    .sm\:w-\[88px\] {
        width: 88px;
    }
    .sm\:max-w-\[480px\] {
        max-width: 480px;
    }
    .sm\:max-w-\[620px\] {
        max-width: 620px;
    }
    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:flex-row {
        flex-direction: row;
    }
    .sm\:justify-start {
        justify-content: flex-start;
    }
    .sm\:gap-1 {
        gap: 0.25rem;
    }
    .sm\:gap-12 {
        gap: 3rem;
    }
    .sm\:gap-2 {
        gap: 0.5rem;
    }
    .sm\:gap-4 {
        gap: 1rem;
    }
    .sm\:gap-6 {
        gap: 1.5rem;
    }
    .sm\:gap-8 {
        gap: 2rem;
    }
    .sm\:p-1 {
        padding: 0.25rem;
    }
    .sm\:p-8 {
        padding: 2rem;
    }
    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .sm\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem;
    }
    .sm\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .sm\:py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
    }
    .sm\:pl-4 {
        padding-left: 1rem;
    }
    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .sm\:text-\[40px\] {
        font-size: 40px;
    }
    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .sm\:leading-\[54px\] {
        line-height: 54px;
    }
}
@media (min-width: 656px) {
    .\!container {
        max-width: 656px !important;
    }
    .container {
        max-width: 656px;
    }
    .content-md\:flex-row {
        flex-direction: row;
    }
    .content-md\:items-center {
        align-items: center;
    }
}
@media (min-width: 688px) {
    .\!container {
        max-width: 688px !important;
    }
    .container {
        max-width: 688px;
    }
}
@media (min-width: 720px) {
    .\!container {
        max-width: 720px !important;
    }
    .blog-md\:max-w-screen-blog-md,
    .container,
    .landing-sm\:max-w-\[720px\] {
        max-width: 720px;
    }
    .landing-image-bottom-mobile-bg {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTU5IiBoZWlnaHQ9IjQ3NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjI2LjMxMyAxNy4wM0EzNS45OTkgMzUuOTk5IDAgMCAxIDI1Ni4yNjcgMWg0NDcuNDY2YTM2IDM2IDAgMCAxIDI5Ljk1NCAxNi4wM2w1MC42MjUgNzUuOTRBMzYuMDAyIDM2LjAwMiAwIDAgMCA4MTQuMjY2IDEwOUgxMDIwdjM2NkgtNjBWMTA5aDIwNS43MzNhMzYuMDAxIDM2LjAwMSAwIDAgMCAyOS45NTQtMTYuMDNsNTAuNjI2LTc1Ljk0WiIgZmlsbD0iIzBBMEEyOSIvPjxwYXRoIGQ9Ik0xMDIwLjUgMTA5di0uNUg4MTQuMjY2YTM1LjUgMzUuNSAwIDAgMS0yOS41MzgtMTUuODA4bC01MC42MjUtNzUuOTM4QTM2LjUgMzYuNSAwIDAgMCA3MDMuNzMzLjVIMjU2LjI2N2EzNi41IDM2LjUgMCAwIDAtMzAuMzcgMTYuMjUzbC01MC42MjYgNzUuOTM5YTM1LjUgMzUuNSAwIDAgMS0yOS41MzggMTUuODA4SC02MC41djM2N2gxMDgxVjEwOVoiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLW9wYWNpdHk9Ii4yIi8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMzA2IC04MTAuMDAyIDAgNDgwIDEpIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTU5IiBoZWlnaHQ9IjQ3NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjI2LjMxMyAxNy4wM0EzNS45OTkgMzUuOTk5IDAgMCAxIDI1Ni4yNjcgMWg0NDcuNDY2YTM2IDM2IDAgMCAxIDI5Ljk1NCAxNi4wM2w1MC42MjUgNzUuOTRBMzYuMDAyIDM2LjAwMiAwIDAgMCA4MTQuMjY2IDEwOUgxMDIwdjM2NkgtNjBWMTA5aDIwNS43MzNhMzYuMDAxIDM2LjAwMSAwIDAgMCAyOS45NTQtMTYuMDNsNTAuNjI2LTc1Ljk0WiIgZmlsbD0iIzBBMEEyOSIvPjxwYXRoIGQ9Ik0xMDIwLjUgMTA5di0uNUg4MTQuMjY2YTM1LjUgMzUuNSAwIDAgMS0yOS41MzgtMTUuODA4bC01MC42MjUtNzUuOTM4QTM2LjUgMzYuNSAwIDAgMCA3MDMuNzMzLjVIMjU2LjI2N2EzNi41IDM2LjUgMCAwIDAtMzAuMzcgMTYuMjUzbC01MC42MjYgNzUuOTM5YTM1LjUgMzUuNSAwIDAgMS0yOS41MzggMTUuODA4SC02MC41djM2N2gxMDgxVjEwOVoiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLW9wYWNpdHk9Ii4yIi8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMzA2IC04MTAuMDAyIDAgNDgwIDEpIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
        -webkit-mask-position: top;
        mask-position: top;
        -webkit-mask-size: 720px 316px;
        mask-size: 720px 316px;
    }
    .landing-sm\:bottom-\[10\%\] {
        bottom: 10%;
    }
    .landing-sm\:bottom-\[4px\] {
        bottom: 4px;
    }
    .landing-sm\:left-0 {
        left: 0;
    }
    .landing-sm\:right-\[9px\] {
        right: 9px;
    }
    .landing-sm\:right-auto {
        right: auto;
    }
    .landing-sm\:-mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .landing-sm\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .landing-sm\:-mt-\[304px\] {
        margin-top: -304px;
    }
    .landing-sm\:mb-10,
    .tutorial-sm\:mb-10 {
        margin-bottom: 2.5rem;
    }
    .landing-sm\:mb-12 {
        margin-bottom: 3rem;
    }
    .landing-sm\:mb-4 {
        margin-bottom: 1rem;
    }
    .landing-sm\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .landing-sm\:mt-10 {
        margin-top: 2.5rem;
    }
    .landing-sm\:mt-12 {
        margin-top: 3rem;
    }
    .landing-sm\:mt-16 {
        margin-top: 4rem;
    }
    .landing-sm\:mt-20 {
        margin-top: 5rem;
    }
    .landing-sm\:mt-4 {
        margin-top: 1rem;
    }
    .landing-sm\:mt-6 {
        margin-top: 1.5rem;
    }
    .landing-sm\:mt-8 {
        margin-top: 2rem;
    }
    .landing-sm\:mt-\[72px\] {
        margin-top: 72px;
    }
    .blog-md\:block,
    .landing-sm\:block {
        display: block;
    }
    .landing-sm\:grid {
        display: grid;
    }
    .landing-sm\:hidden,
    .tutorial-sm\:hidden {
        display: none;
    }
    .landing-sm\:aspect-\[560\/240\] {
        aspect-ratio: 560/240;
    }
    .landing-sm\:aspect-\[624\/364\] {
        aspect-ratio: 624/364;
    }
    .landing-sm\:h-20 {
        height: 5rem;
    }
    .landing-sm\:h-\[360px\] {
        height: 360px;
    }
    .landing-sm\:h-\[874px\] {
        height: 874px;
    }
    .landing-sm\:min-h-\[1444px\] {
        min-height: 1444px;
    }
    .landing-sm\:min-h-\[220px\] {
        min-height: 220px;
    }
    .landing-sm\:w-20 {
        width: 5rem;
    }
    .landing-sm\:w-\[160px\] {
        width: 160px;
    }
    .landing-sm\:w-\[360px\] {
        width: 360px;
    }
    .landing-sm\:w-\[488px\] {
        width: 488px;
    }
    .landing-sm\:w-max {
        width: max-content;
    }
    .landing-sm\:min-w-\[244px\] {
        min-width: 244px;
    }
    .landing-sm\:max-w-\[293px\] {
        max-width: 293px;
    }
    .landing-sm\:max-w-\[416px\] {
        max-width: 416px;
    }
    .landing-sm\:max-w-\[420px\] {
        max-width: 420px;
    }
    .landing-sm\:max-w-\[446px\] {
        max-width: 446px;
    }
    .landing-sm\:max-w-\[520px\] {
        max-width: 520px;
    }
    .landing-sm\:max-w-\[540px\] {
        max-width: 540px;
    }
    .landing-sm\:max-w-\[588px\] {
        max-width: 580px;
    }
    .landing-sm\:max-w-\[640px\] {
        max-width: 640px;
    }
    .blog-md\:max-w-\[656px\],
    .landing-sm\:max-w-\[656px\] {
        max-width: 656px;
    }
    .blog-md\:grid-cols-2,
    .landing-sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .landing-sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .landing-sm\:grid-cols-\[repeat\(2\2c 276px\)\] {
        grid-template-columns: repeat(2, 276px);
    }
    .landing-sm\:flex-row,
    .tutorial-sm\:flex-row {
        flex-direction: row;
    }
    .landing-sm\:items-end {
        align-items: flex-end;
    }
    .landing-sm\:items-center {
        align-items: center;
    }
    .landing-sm\:gap-0 {
        gap: 0;
    }
    .landing-sm\:gap-10 {
        gap: 2.5rem;
    }
    .landing-sm\:gap-12 {
        gap: 3rem;
    }
    .landing-sm\:gap-20 {
        gap: 5rem;
    }
    .landing-sm\:gap-24 {
        gap: 6rem;
    }
    .landing-sm\:gap-4 {
        gap: 1rem;
    }
    .landing-sm\:gap-6 {
        gap: 1.5rem;
    }
    .landing-sm\:gap-8 {
        gap: 2rem;
    }
    .landing-sm\:gap-x-12 {
        column-gap: 3rem;
    }
    .landing-sm\:gap-x-2 {
        column-gap: 0.5rem;
    }
    .landing-sm\:rounded-3xl {
        border-radius: 1.5rem;
    }
    .landing-sm\:rounded-\[32px\] {
        border-radius: 30px;
    }
    .landing-sm\:rounded-\[48px\] {
        border-radius: 48px;
    }
    .landing-sm\:rounded-bl-3xl {
        border-bottom-left-radius: 1.5rem;
    }
    .landing-sm\:rounded-br-3xl {
        border-bottom-right-radius: 1.5rem;
    }
    .landing-sm\:border-b {
        border-bottom-width: 1px;
    }
    .landing-sm\:border-b-0 {
        border-bottom-width: 0;
    }
    .landing-sm\:border-l {
        border-left-width: 1px;
    }
    .landing-sm\:border-l-0 {
        border-left-width: 0;
    }
    .landing-sm\:border-r {
        border-right-width: 1px;
    }
    .landing-sm\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));
    }
    .landing-sm\:bg-transparent {
        background-color: initial;
    }
    .landing-sm\:bg-\[length\:720px_316px\] {
        background-size: 720px 316px;
    }
    .landing-sm\:p-0 {
        padding: 0;
    }
    .landing-sm\:p-10 {
        padding: 2.5rem;
    }
    .landing-sm\:p-4 {
        padding: 1rem;
    }
    .landing-sm\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .landing-sm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .landing-sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .landing-sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .landing-sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .blog-md\:px-8,
    .landing-sm\:px-8,
    .tutorial-sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .blog-md\:py-12,
    .landing-sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    .landing-sm\:py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
    }
    .landing-sm\:py-3\.5 {
        padding-bottom: 0.875rem;
        padding-top: 0.875rem;
    }
    .landing-sm\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .landing-sm\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
    .landing-sm\:pb-10 {
        padding-bottom: 2.5rem;
    }
    .landing-sm\:pb-12 {
        padding-bottom: 3rem;
    }
    .landing-sm\:pb-16 {
        padding-bottom: 4rem;
    }
    .landing-sm\:pb-20 {
        padding-bottom: 5rem;
    }
    .landing-sm\:pb-4 {
        padding-bottom: 1rem;
    }
    .landing-sm\:pl-10 {
        padding-left: 2.5rem;
    }
    .landing-sm\:pl-6 {
        padding-left: 1.5rem;
    }
    .landing-sm\:pr-0 {
        padding-right: 0;
    }
    .landing-sm\:pr-10 {
        padding-right: 2.5rem;
    }
    .landing-sm\:pr-4 {
        padding-right: 1rem;
    }
    .landing-sm\:pt-10 {
        padding-top: 2.5rem;
    }
    .blog-md\:pt-12,
    .landing-sm\:pt-12 {
        padding-top: 3rem;
    }
    .landing-sm\:pt-20 {
        padding-top: 5rem;
    }
    .landing-sm\:pt-4 {
        padding-top: 1rem;
    }
    .landing-sm\:pt-8 {
        padding-top: 2rem;
    }
    .landing-sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .landing-sm\:text-\[32px\] {
        font-size: 32px;
    }
    .landing-sm\:text-\[56px\] {
        font-size: 54px;
    }
    .landing-sm\:text-\[64px\] {
        font-size: 64px;
    }
    .landing-sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .landing-sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .landing-sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .landing-sm\:leading-10 {
        line-height: 2.5rem;
    }
    .landing-sm\:leading-\[40px\] {
        line-height: 38px;
    }
    .landing-sm\:leading-\[72px\] {
        line-height: 72px;
    }
    .landing-sm\:tracking-\[-2\%\] {
        letter-spacing: -2%;
    }
    .landing-sm\:opacity-25 {
        opacity: 0.25;
    }
    .landing-sm\:dark\:border-gray-700:is([data-theme="dark"] *) {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-700) / var(--tw-border-opacity));
    }
    .dark\:landing-sm\:bg-transparent:is([data-theme="dark"] *) {
        background-color: initial;
    }
    .tutorial-sm\:col-start-2 {
        grid-column-start: 2;
    }
    .blog-md\:flex,
    .tutorial-sm\:flex {
        display: flex;
    }
    .tutorial-sm\:h-6 {
        height: 1.5rem;
    }
    .tutorial-sm\:h-\[calc\(100dvh-64px-57px\)\] {
        height: calc(100dvh - 121px);
    }
    .tutorial-sm\:max-h-\[calc\(100dvh-55px-64px-8px\)\] {
        max-height: calc(100dvh - 127px);
    }
    .tutorial-sm\:w-6 {
        width: 1.5rem;
    }
    .tutorial-sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .tutorial-sm\:pb-\[16px\] {
        padding-bottom: 16px;
    }
    .tutorial-sm\:pt-\[15px\] {
        padding-top: 15px;
    }
    .blog-md\:pt-16,
    .blog-md\:py-16 {
        padding-top: 4rem;
    }
    .blog-md\:mb-8 {
        margin-bottom: 2rem;
    }
    .blog-md\:ml-0 {
        margin-left: 0;
    }
    .blog-md\:h-\[120px\] {
        height: 120px;
    }
    .blog-md\:w-\[120px\] {
        width: 120px;
    }
    .blog-md\:max-w-\[768px\] {
        max-width: 768px;
    }
    .blog-md\:justify-end {
        justify-content: flex-end;
    }
    .blog-md\:border-t {
        border-top-width: 1px;
    }
    .blog-md\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .blog-md\:py-16 {
        padding-bottom: 4rem;
    }
}
@media (min-width: 768px) {
    .max-w-screen-content {
        max-width: 656px;
    }
    .\!container {
        max-width: 768px !important;
    }
    .container {
        max-width: 768px;
    }
    .DocSearch--active .DocSearch-Modal {
        position: relative;
    }
    .md\:mb-4 {
        margin-bottom: 1rem;
    }
    .md\:ml-2 {
        margin-left: 0.5rem;
    }
    .md\:block {
        display: block;
    }
    .md\:flex {
        display: flex;
    }
    .md\:hidden,
    .mobile-view {
        display: none;
    }
    .md\:h-12 {
        height: 3rem;
    }
    .md\:h-4 {
        height: 1rem;
    }
    .md\:h-6 {
        height: 1.5rem;
    }
    .md\:h-\[192px\] {
        height: 192px;
    }
    .md\:w-4 {
        width: 1rem;
    }
    .md\:w-6 {
        width: 1.5rem;
    }
    .md\:w-\[136px\] {
        width: 136px;
    }
    .md\:w-\[192px\] {
        width: 192px;
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .md\:text-\[96px\] {
        font-size: 96px;
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .content-xm\:max-h-\[532px\] {
        max-height: 532px;
    }
    .content-xm\:min-h-\[532px\] {
        min-height: 532px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .ai-landing-step-three-content {
        height: 446px;
        width: 508px;
    }
    .ai-landing-step-three-table {
        height: 348px;
        max-width: 90%;
        width: 508px;
    }
    .ai-landing-step-three-header {
        max-width: 90%;
        width: 508px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-id {
        width: 60px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-date {
        width: 85px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-amount {
        width: 80px;
    }
    .ai-landing-step-three-table .ai-landing-step-three-column b,
    .ai-landing-step-three-table .ai-landing-step-three-column span {
        font-size: 11px;
        padding: 8px 10px;
    }
    .ai-landing-step-three-directions {
        top: 432px;
    }
    @keyframes F {
        0% {
            opacity: 0;
            width: 0;
        }
        to {
            opacity: 1;
            width: 70px;
        }
    }
}
@media (min-width: 792px) {
    .\!container {
        max-width: 792px !important;
    }
    .container {
        max-width: 792px;
    }
}
@media (min-width: 800px) {
    .min-\[800px\]\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 824px) {
    .\!container {
        max-width: 824px !important;
    }
    .container {
        max-width: 824px;
    }
}
@media (min-width: 864px) {
    .\!container {
        max-width: 864px !important;
    }
    .container {
        max-width: 864px;
    }
}
@media (min-width: 944px) {
    .\!container {
        max-width: 944px !important;
    }
    .container {
        max-width: 944px;
    }
}
@media (min-width: 960px) {
    .\!container {
        max-width: 960px !important;
    }
    .container {
        max-width: 960px;
    }
    .landing-image-bottom-mobile-bg {
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTU5IiBoZWlnaHQ9IjQ3NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjI2LjMxMyAxNy4wM0EzNS45OTkgMzUuOTk5IDAgMCAxIDI1Ni4yNjcgMWg0NDcuNDY2YTM2IDM2IDAgMCAxIDI5Ljk1NCAxNi4wM2w1MC42MjUgNzUuOTRBMzYuMDAyIDM2LjAwMiAwIDAgMCA4MTQuMjY2IDEwOUgxMDIwdjM2NkgtNjBWMTA5aDIwNS43MzNhMzYuMDAxIDM2LjAwMSAwIDAgMCAyOS45NTQtMTYuMDNsNTAuNjI2LTc1Ljk0WiIgZmlsbD0iIzBBMEEyOSIvPjxwYXRoIGQ9Ik0xMDIwLjUgMTA5di0uNUg4MTQuMjY2YTM1LjUgMzUuNSAwIDAgMS0yOS41MzgtMTUuODA4bC01MC42MjUtNzUuOTM4QTM2LjUgMzYuNSAwIDAgMCA3MDMuNzMzLjVIMjU2LjI2N2EzNi41IDM2LjUgMCAwIDAtMzAuMzcgMTYuMjUzbC01MC42MjYgNzUuOTM5YTM1LjUgMzUuNSAwIDAgMS0yOS41MzggMTUuODA4SC02MC41djM2N2gxMDgxVjEwOVoiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLW9wYWNpdHk9Ii4yIi8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMzA2IC04MTAuMDAyIDAgNDgwIDEpIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
        mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTU5IiBoZWlnaHQ9IjQ3NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjI2LjMxMyAxNy4wM0EzNS45OTkgMzUuOTk5IDAgMCAxIDI1Ni4yNjcgMWg0NDcuNDY2YTM2IDM2IDAgMCAxIDI5Ljk1NCAxNi4wM2w1MC42MjUgNzUuOTRBMzYuMDAyIDM2LjAwMiAwIDAgMCA4MTQuMjY2IDEwOUgxMDIwdjM2NkgtNjBWMTA5aDIwNS43MzNhMzYuMDAxIDM2LjAwMSAwIDAgMCAyOS45NTQtMTYuMDNsNTAuNjI2LTc1Ljk0WiIgZmlsbD0iIzBBMEEyOSIvPjxwYXRoIGQ9Ik0xMDIwLjUgMTA5di0uNUg4MTQuMjY2YTM1LjUgMzUuNSAwIDAgMS0yOS41MzgtMTUuODA4bC01MC42MjUtNzUuOTM4QTM2LjUgMzYuNSAwIDAgMCA3MDMuNzMzLjVIMjU2LjI2N2EzNi41IDM2LjUgMCAwIDAtMzAuMzcgMTYuMjUzbC01MC42MjYgNzUuOTM5YTM1LjUgMzUuNSAwIDAgMS0yOS41MzggMTUuODA4SC02MC41djM2N2gxMDgxVjEwOVoiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLW9wYWNpdHk9Ii4yIi8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMzA2IC04MTAuMDAyIDAgNDgwIDEpIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
        -webkit-mask-position: top;
        mask-position: top;
        -webkit-mask-size: 1080px 474px;
        mask-size: 1080px 474px;
    }
    .landing-md\:-left-1 {
        left: -0.25rem;
    }
    .landing-md\:-top-\[calc\(3rem\+3rem\+1rem\+2rem\)\] {
        top: -9rem;
    }
    .landing-md\:right-\[150px\] {
        right: 150px;
    }
    .landing-md\:top-32 {
        top: 8rem;
    }
    .landing-md\:top-\[60px\] {
        top: 60px;
    }
    .landing-md\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .landing-md\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .landing-md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .landing-md\:-mb-\[112px\] {
        margin-bottom: -112px;
    }
    .landing-md\:-mb-\[272px\] {
        margin-bottom: -272px;
    }
    .landing-md\:mb-0 {
        margin-bottom: 0;
    }
    .landing-md\:mb-16 {
        margin-bottom: 4rem;
    }
    .landing-md\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .landing-md\:ml-6 {
        margin-left: 1.5rem;
    }
    .landing-md\:mr-8 {
        margin-right: 2rem;
    }
    .landing-md\:mt-0 {
        margin-top: 0;
    }
    .blog-lg\:mt-10,
    .landing-md\:mt-10 {
        margin-top: 2.5rem;
    }
    .landing-md\:mt-12 {
        margin-top: 3rem;
    }
    .landing-md\:mt-16 {
        margin-top: 4rem;
    }
    .landing-md\:mt-20 {
        margin-top: 5rem;
    }
    .landing-md\:mt-28 {
        margin-top: 7rem;
    }
    .landing-md\:block,
    .tutorial-md\:block {
        display: block;
    }
    .landing-md\:inline {
        display: inline;
    }
    .blog-lg\:flex,
    .landing-md\:flex,
    .tutorial-md\:flex {
        display: flex;
    }
    .landing-md\:grid {
        display: grid;
    }
    .blog-lg\:hidden,
    .landing-md\:hidden,
    .tutorial-md\:hidden {
        display: none;
    }
    .landing-md\:aspect-\[404\/236\] {
        aspect-ratio: 404/236;
    }
    .landing-md\:aspect-\[624\/240\] {
        aspect-ratio: 624/240;
    }
    .landing-md\:h-0 {
        height: 0;
    }
    .landing-md\:h-12 {
        height: 3rem;
    }
    .landing-md\:h-4 {
        height: 1rem;
    }
    .landing-md\:h-\[210px\] {
        height: 210px;
    }
    .landing-md\:h-\[264px\] {
        height: 264px;
    }
    .landing-md\:h-\[299px\] {
        height: 299px;
    }
    .landing-md\:h-\[360px\] {
        height: 360px;
    }
    .landing-md\:h-\[400px\] {
        height: 400px;
    }
    .landing-md\:h-\[432px\] {
        height: 432px;
    }
    .landing-md\:h-\[512px\] {
        height: 512px;
    }
    .landing-md\:h-\[72px\] {
        height: 72px;
    }
    .landing-md\:h-\[78px\] {
        height: 78px;
    }
    .landing-md\:h-\[984px\] {
        height: 984px;
    }
    .landing-md\:h-full {
        height: 100%;
    }
    .landing-md\:min-h-min {
        min-height: min-content;
    }
    .landing-md\:w-0 {
        width: 0;
    }
    .landing-md\:w-12 {
        width: 3rem;
    }
    .landing-md\:w-4 {
        width: 1rem;
    }
    .landing-md\:w-\[250px\] {
        width: 250px;
    }
    .landing-md\:w-\[278px\] {
        width: 278px;
    }
    .landing-md\:w-\[296px\] {
        width: 296px;
    }
    .landing-md\:w-\[305px\] {
        width: 305px;
    }
    .landing-md\:w-\[360px\] {
        width: 360px;
    }
    .landing-md\:w-\[382px\] {
        width: 382px;
    }
    .landing-md\:w-\[50\%\] {
        width: 50%;
    }
    .landing-md\:w-\[78px\] {
        width: 78px;
    }
    .landing-md\:w-\[874px\] {
        width: 874px;
    }
    .landing-md\:w-\[894px\] {
        width: 894px;
    }
    .landing-md\:w-auto {
        width: auto;
    }
    .landing-md\:w-full {
        width: 100%;
    }
    .landing-md\:max-w-\[1200px\] {
        max-width: 1200px;
    }
    .landing-md\:max-w-\[304px\] {
        max-width: 304px;
    }
    .landing-md\:max-w-\[318px\] {
        max-width: 318px;
    }
    .landing-md\:max-w-\[360px\] {
        max-width: 360px;
    }
    .landing-md\:max-w-\[408px\] {
        max-width: 408px;
    }
    .landing-md\:max-w-\[436px\] {
        max-width: 436px;
    }
    .landing-md\:max-w-\[592px\] {
        max-width: 592px;
    }
    .landing-md\:max-w-\[624px\] {
        max-width: 624px;
    }
    .landing-md\:max-w-\[740px\] {
        max-width: 740px;
    }
    .landing-md\:max-w-\[760px\] {
        max-width: 760px;
    }
    .landing-md\:max-w-\[840px\] {
        max-width: 840px;
    }
    .blog-lg\:max-w-\[896px\],
    .landing-md\:max-w-\[896px\] {
        max-width: 896px;
    }
    .landing-md\:max-w-full {
        max-width: 100%;
    }
    .landing-md\:flex-1 {
        flex: 1 1 0%;
    }
    .landing-md\:origin-top {
        transform-origin: top;
    }
    .landing-md\:-translate-x-1\/2,
    .landing-md\:-translate-y-1\/2,
    .landing-md\:-translate-y-\[300px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .landing-md\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
    }
    .landing-md\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
    }
    .landing-md\:-translate-y-\[300px\] {
        --tw-translate-y: -300px;
    }
    .landing-md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .landing-md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .landing-md\:grid-cols-\[repeat\(2\2c 204px\)\] {
        grid-template-columns: repeat(2, 204px);
    }
    .landing-md\:grid-cols-\[repeat\(2\2c 304px\)\] {
        grid-template-columns: repeat(2, 304px);
    }
    .landing-md\:grid-cols-\[repeat\(auto-fit\2c minmax\(384px\2c 1fr\)\)\] {
        grid-template-columns: repeat(auto-fit, minmax(384px, 1fr));
    }
    .landing-md\:flex-row {
        flex-direction: row;
    }
    .landing-md\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .blog-lg\:flex-col,
    .landing-md\:flex-col {
        flex-direction: column;
    }
    .blog-lg\:items-start,
    .landing-md\:items-start {
        align-items: flex-start;
    }
    .landing-md\:items-end {
        align-items: flex-end;
    }
    .blog-lg\:items-center,
    .landing-md\:items-center {
        align-items: center;
    }
    .landing-md\:justify-start {
        justify-content: flex-start;
    }
    .blog-lg\:justify-center,
    .landing-md\:justify-center {
        justify-content: center;
    }
    .landing-md\:justify-between {
        justify-content: space-between;
    }
    .landing-md\:gap-0 {
        gap: 0;
    }
    .landing-md\:gap-10 {
        gap: 2.5rem;
    }
    .landing-md\:gap-12,
    .tutorial-md\:gap-12 {
        gap: 3rem;
    }
    .landing-md\:gap-16 {
        gap: 4rem;
    }
    .landing-md\:gap-2 {
        gap: 0.5rem;
    }
    .landing-md\:gap-28 {
        gap: 7rem;
    }
    .landing-md\:gap-6 {
        gap: 1.5rem;
    }
    .landing-md\:gap-8 {
        gap: 2rem;
    }
    .landing-md\:gap-\[59px\] {
        gap: 59px;
    }
    .landing-md\:gap-x-12 {
        column-gap: 3rem;
    }
    .landing-md\:overflow-hidden {
        overflow: hidden;
    }
    .landing-md\:rounded-3xl {
        border-radius: 1.5rem;
    }
    .landing-md\:rounded-full {
        border-radius: 9999px;
    }
    .landing-md\:rounded-xl {
        border-radius: 0.75rem;
    }
    .landing-md\:rounded-bl-none {
        border-bottom-left-radius: 0;
    }
    .landing-md\:rounded-bl-xl {
        border-bottom-left-radius: 0.75rem;
    }
    .landing-md\:rounded-br-3xl {
        border-bottom-right-radius: 1.5rem;
    }
    .landing-md\:rounded-br-none {
        border-bottom-right-radius: 0;
    }
    .landing-md\:rounded-br-xl {
        border-bottom-right-radius: 0.75rem;
    }
    .landing-md\:rounded-tl-3xl {
        border-top-left-radius: 1.5rem;
    }
    .landing-md\:rounded-tl-none {
        border-top-left-radius: 0;
    }
    .landing-md\:rounded-tr-3xl {
        border-top-right-radius: 1.5rem;
    }
    .landing-md\:rounded-tr-none {
        border-top-right-radius: 0;
    }
    .landing-md\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-200) / var(--tw-border-opacity));
    }
    .landing-md\:border-transparent {
        border-color: #0000;
    }
    .landing-md\:bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-gray-50) / var(--tw-bg-opacity));
    }
    .landing-md\:bg-ai-landing-hero-md {
        background-image: radial-gradient(
            50% 50% at 50% 50%,
            #33f3 20%,
            #33f0 100%
        );
    }
    .landing-md\:bg-enterprise-frequent-updates-light-md {
        background-image: radial-gradient(
            120% 100% at 100% 50%,
            #0080ff40 0,
            #0080ff00 100%
        );
    }
    .landing-md\:bg-landing-wizard-option-bg-light {
        background-image: radial-gradient(
            50% 50% at 50% 50%,
            #0080ff26 0,
            #0080ff00 100%
        );
    }
    .landing-md\:bg-\[length\:1080px_474px\] {
        background-size: 1080px 474px;
    }
    .landing-md\:bg-landing-wizard-option {
        background-size: 600px 600px, auto;
    }
    .landing-md\:bg-landing-sweet-spot-glow-position-md {
        background-position: 50%, calc(50% + 490px) calc(50% + 180px);
    }
    .landing-md\:bg-landing-wizard-option-left {
        background-position: bottom -350px left -350px, 50%;
    }
    .landing-md\:bg-landing-wizard-option-right {
        background-position: top -350px right -350px, 50%;
    }
    .landing-md\:p-10 {
        padding: 2.5rem;
    }
    .landing-md\:p-6 {
        padding: 1.5rem;
    }
    .blog-lg\:px-0,
    .landing-md\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .landing-md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .landing-md\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .landing-md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .landing-md\:px-6,
    .tutorial-md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .blog-lg\:px-8,
    .landing-md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .landing-md\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem;
    }
    .landing-md\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }
    .landing-md\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .landing-md\:py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
    }
    .landing-md\:py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }
    .blog-lg\:pb-10,
    .landing-md\:pb-10 {
        padding-bottom: 2.5rem;
    }
    .landing-md\:pb-16 {
        padding-bottom: 4rem;
    }
    .landing-md\:pb-20 {
        padding-bottom: 5rem;
    }
    .landing-md\:pl-10 {
        padding-left: 2.5rem;
    }
    .landing-md\:pl-12 {
        padding-left: 3rem;
    }
    .landing-md\:pl-14 {
        padding-left: 3.5rem;
    }
    .landing-md\:pl-20 {
        padding-left: 5rem;
    }
    .landing-md\:pl-3 {
        padding-left: 0.75rem;
    }
    .landing-md\:pr-0 {
        padding-right: 0;
    }
    .landing-md\:pr-10 {
        padding-right: 2.5rem;
    }
    .landing-md\:pr-6 {
        padding-right: 1.5rem;
    }
    .landing-md\:pt-0 {
        padding-top: 0;
    }
    .landing-md\:pt-10 {
        padding-top: 2.5rem;
    }
    .landing-md\:pt-12 {
        padding-top: 3rem;
    }
    .landing-md\:pt-16 {
        padding-top: 4rem;
    }
    .landing-md\:text-left {
        text-align: left;
    }
    .landing-md\:text-center {
        text-align: center;
    }
    .landing-md\:text-right {
        text-align: right;
    }
    .landing-md\:text-start {
        text-align: start;
    }
    .landing-md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .landing-md\:text-\[11px\] {
        font-size: 11px;
    }
    .landing-md\:text-\[2rem\] {
        font-size: 2rem;
    }
    .landing-md\:text-\[32px\] {
        font-size: 32px;
    }
    .landing-md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .landing-md\:leading-\[2\.5rem\] {
        line-height: 2.5rem;
    }
    .landing-md\:leading-\[40px\] {
        line-height: 40px;
    }
    .landing-md\:opacity-0 {
        opacity: 0;
    }
    .landing-md\:opacity-100 {
        opacity: 1;
    }
    .landing-md\:blur-lg {
        --tw-blur: blur(16px);
        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);
    }
    .landing-md\:backdrop-blur-\[12px\] {
        --tw-backdrop-blur: blur(12px);
        -webkit-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);
        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);
    }
    .dark\:landing-md\:bg-ai-landing-hero-dark-md:is([data-theme="dark"] *) {
        background-image: radial-gradient(
            50% 50% at 50% 50%,
            #26d97e33 20%,
            #26d97e00 100%
        );
    }
    .dark\:landing-md\:bg-enterprise-frequent-updates-dark-md:is(
            [data-theme="dark"] *
        ) {
        background-image: url(landing-noise.webp),
            radial-gradient(50% 100% at 100% 50%, #26d97f26 0, #26d97f00 100%);
    }
    .dark\:landing-md\:bg-landing-wizard-option-bg-dark:is(
            [data-theme="dark"] *
        ) {
        background-image: radial-gradient(
                50% 50% at 50% 50%,
                #47ebeb26 0,
                #47ebeb00 100%
            ),
            url(landing-noise.webp);
    }
    .tutorial-md\:\!flex {
        display: flex !important;
    }
    .tutorial-md\:\!hidden {
        display: none !important;
    }
    .tutorial-md\:h-5 {
        height: 1.25rem;
    }
    .tutorial-md\:max-h-\[calc\(100dvh-60px-57px-8px\)\] {
        max-height: calc(100dvh - 125px);
    }
    .tutorial-md\:w-5 {
        width: 1.25rem;
    }
    .tutorial-md\:min-w-0 {
        min-width: 0;
    }
    .tutorial-md\:max-w-none {
        max-width: none;
    }
    .tutorial-md\:p-2 {
        padding: 0.5rem;
    }
    .tutorial-md\:p-2\.5 {
        padding: 0.625rem;
    }
    .tutorial-md\:py-2 {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }
    .tutorial-md\:py-2\.5 {
        padding-bottom: 0.625rem;
        padding-top: 0.625rem;
    }
    .tutorial-md\:pb-\[10px\] {
        padding-bottom: 10px;
    }
    .tutorial-md\:pl-6 {
        padding-left: 1.5rem;
    }
    .tutorial-md\:pt-\[11px\] {
        padding-top: 11px;
    }
    .tutorial-md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .tutorial-md\:leading-5 {
        line-height: 1.25rem;
    }
    .blog-lg\:mb-12 {
        margin-bottom: 3rem;
    }
    .blog-lg\:max-w-\[894px\] {
        max-width: 894px;
    }
    .blog-lg\:max-w-screen-content-2xl {
        max-width: 864px;
    }
    .blog-lg\:rounded-\[2\.25rem\] {
        border-radius: 2.25rem;
    }
    .blog-lg\:pt-8 {
        padding-top: 2rem;
    }
    .blog-lg\:pt-9 {
        padding-top: 2.25rem;
    }
}
@media (min-width: 976px) {
    .\!container {
        max-width: 976px !important;
    }
    .container {
        max-width: 976px;
    }
}
@media (min-width: 997px) and (max-width: 1280px) {
    aside.theme-doc-sidebar-container
        + main
        div.container
        div.row
        div.col.col--3 {
        min-width: 30% !important;
    }
}
@media (min-width: 1024px) {
    .lg\:pl-4,
    .lg\:px-4 {
        padding-left: 1rem;
    }
    .\!container {
        max-width: 1024px !important;
    }
    .container {
        max-width: 1024px;
    }
    #__docusaurus .navbar .navbar__items .navbar__item {
        display: inline-block;
    }
    html[data-page="index"] footer.refine-footer-index {
        scroll-snap-align: end;
    }
    .lg\:mt-10 {
        margin-top: 2.5rem;
    }
    .lg\:block {
        display: block;
    }
    .lg\:flex {
        display: flex;
    }
    .lg\:grid {
        display: grid;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:min-w-\[256px\] {
        min-width: 256px;
    }
    .lg\:max-w-\[944px\] {
        max-width: 944px;
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:gap-2 {
        gap: 0.5rem;
    }
    .lg\:bg-transparent {
        background-color: initial;
    }
    .lg\:px-4 {
        padding-right: 1rem;
    }
    .lg\:py-\[9px\] {
        padding-bottom: 9px;
        padding-top: 9px;
    }
    .lg\:pr-3 {
        padding-right: 0.75rem;
    }
    .lg\:pt-16 {
        padding-top: 4rem;
    }
    .lg\:text-center {
        text-align: center;
    }
    .lg\:text-base {
        font-size: 1rem;
    }
    .lg\:leading-6,
    .lg\:text-base {
        line-height: 1.5rem;
    }
    .lg\:dark\:border-gray-700:is([data-theme="dark"] *) {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-700) / var(--tw-border-opacity));
    }
    .lg\:dark\:bg-transparent:is([data-theme="dark"] *) {
        background-color: initial;
    }
}
@media (min-width: 1024px) and (max-width: 1295px) {
    .ai-landing-step-three-content {
        height: 330px;
        width: 376px;
    }
    .ai-landing-step-three-animation {
        height: 260px;
    }
    .ai-landing-step-three-table {
        height: 260px;
        width: 376px;
    }
    .ai-landing-step-three-header {
        width: 376px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-id {
        width: 60px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-date {
        width: 80px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-amount {
        width: 76px;
    }
    .ai-landing-step-three-table .ai-landing-step-three-column b,
    .ai-landing-step-three-table .ai-landing-step-three-column span {
        font-size: 11px;
        padding: 8px 10px;
    }
    .ai-landing-step-three-directions {
        top: 324px;
    }
    .ai-landing-step-three-table .ai-landing-step-three-column span {
        transition: top 1s ease-in-out;
    }
}
@media (min-width: 1200px) {
    .\!container {
        max-width: 1200px !important;
    }
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1264px) {
    .\!container {
        max-width: 1264px !important;
    }
    .container {
        max-width: 1264px;
    }
}
@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important;
    }
    .container {
        max-width: 1280px;
    }
    #__docusaurus .navbar .navbar__items .header-icon-link,
    .navbar .navbar__items .navbar__item {
        display: inline-block;
    }
    .xl\:block {
        display: block;
    }
    .xl\:hidden {
        display: none;
    }
    .xl\:h-\[152px\] {
        height: 152px;
    }
    .xl\:h-\[192px\] {
        height: 192px;
    }
    .xl\:max-w-max {
        max-width: max-content;
    }
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:justify-center {
        justify-content: center;
    }
    .xl\:gap-16 {
        gap: 4rem;
    }
    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
@media (min-width: 1296px) {
    .landing-lg\:blur-\[125px\],
    .landing-lg\:hover\:brightness-100:hover {
        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);
    }
    .group\/showcase-inner:hover
        .landing-lg\:group-hover\/showcase-inner\:translate-y-0,
    .landing-lg\:hover\:scale-105:hover,
    .landing-lg\:translate-x-8,
    .landing-lg\:translate-y-16,
    .landing-lg\:translate-y-24,
    .landing-lg\:translate-y-8 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .\!container {
        max-width: 1296px !important;
    }
    .container,
    .landing-lg\:max-w-screen-landing-lg {
        max-width: 1296px;
    }
    .landing-lg\:absolute {
        position: absolute;
    }
    .landing-lg\:-bottom-\[120px\] {
        bottom: -120px;
    }
    .landing-lg\:-left-20 {
        left: -5rem;
    }
    .landing-lg\:-left-\[30\%\] {
        left: -30%;
    }
    .landing-lg\:-top-\[calc\(3\.5rem\+3\.5rem\+1rem\+3\.5rem\)\] {
        top: -11.5rem;
    }
    .landing-lg\:bottom-\[78px\] {
        bottom: 78px;
    }
    .landing-lg\:left-\[calc\(50\%-3\.5rem\)\] {
        left: calc(50% - 3.5rem);
    }
    .landing-lg\:right-0 {
        right: 0;
    }
    .landing-lg\:right-\[320px\] {
        right: 320px;
    }
    .landing-lg\:top-\[100px\] {
        top: 100px;
    }
    .landing-lg\:top-\[104px\] {
        top: 104px;
    }
    .landing-lg\:top-\[calc\(50\%\+64px\)\] {
        top: calc(50% + 64px);
    }
    .landing-lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .landing-lg\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .landing-lg\:col-start-7 {
        grid-column-start: 7;
    }
    .landing-lg\:col-end-13 {
        grid-column-end: 13;
    }
    .landing-lg\:row-span-1 {
        grid-row: span 1 / span 1;
    }
    .landing-lg\:-mb-4 {
        margin-bottom: -1rem;
    }
    .landing-lg\:-mb-\[240px\] {
        margin-bottom: -240px;
    }
    .landing-lg\:-mt-40 {
        margin-top: -10rem;
    }
    .landing-lg\:-mt-\[256px\] {
        margin-top: -256px;
    }
    .landing-lg\:-mt-\[288px\] {
        margin-top: -288px;
    }
    .landing-lg\:mb-0 {
        margin-bottom: 0;
    }
    .landing-lg\:ml-0 {
        margin-left: 0;
    }
    .landing-lg\:mt-0 {
        margin-top: 0;
    }
    .landing-lg\:mt-10 {
        margin-top: 2.5rem;
    }
    .landing-lg\:mt-12 {
        margin-top: 3rem;
    }
    .landing-lg\:mt-16 {
        margin-top: 4rem;
    }
    .landing-lg\:mt-20 {
        margin-top: 5rem;
    }
    .landing-lg\:mt-8 {
        margin-top: 2rem;
    }
    .landing-lg\:mt-\[-144px\] {
        margin-top: -144px;
    }
    .landing-lg\:mt-\[110px\] {
        margin-top: 110px;
    }
    .blog-max\:block,
    .landing-lg\:block {
        display: block;
    }
    .landing-lg\:inline {
        display: inline;
    }
    .landing-lg\:flex {
        display: flex;
    }
    .landing-lg\:grid {
        display: grid;
    }
    .landing-lg\:hidden {
        display: none;
    }
    .landing-lg\:\!aspect-\[352\/208\] {
        aspect-ratio: 352/208 !important;
    }
    .landing-lg\:aspect-\[556\/288\] {
        aspect-ratio: 556/288;
    }
    .landing-lg\:aspect-\[607\/299\] {
        aspect-ratio: 607/299;
    }
    .landing-lg\:h-14 {
        height: 3.5rem;
    }
    .landing-lg\:h-16 {
        height: 4rem;
    }
    .landing-lg\:h-6 {
        height: 1.5rem;
    }
    .landing-lg\:h-\[150px\] {
        height: 150px;
    }
    .landing-lg\:h-\[312px\] {
        height: 312px;
    }
    .landing-lg\:h-\[3329px\] {
        height: 3329px;
    }
    .landing-lg\:h-\[360px\] {
        height: 360px;
    }
    .landing-lg\:h-\[464px\] {
        height: 464px;
    }
    .landing-lg\:h-\[480px\] {
        height: 480px;
    }
    .landing-lg\:h-\[488px\] {
        height: 488px;
    }
    .landing-lg\:h-\[515px\] {
        height: 515px;
    }
    .landing-lg\:h-\[560px\] {
        height: 560px;
    }
    .landing-lg\:h-\[688px\] {
        height: 688px;
    }
    .landing-lg\:h-auto {
        height: auto;
    }
    .landing-lg\:min-h-\[480px\] {
        min-height: 480px;
    }
    .landing-lg\:min-h-\[80px\] {
        min-height: 80px;
    }
    .landing-lg\:min-h-max {
        min-height: max-content;
    }
    .landing-lg\:w-14 {
        width: 3.5rem;
    }
    .landing-lg\:w-16 {
        width: 4rem;
    }
    .landing-lg\:w-6 {
        width: 1.5rem;
    }
    .landing-lg\:w-\[177px\] {
        width: 177px;
    }
    .landing-lg\:w-\[200px\] {
        width: 200px;
    }
    .landing-lg\:w-\[396px\] {
        width: 396px;
    }
    .landing-lg\:w-\[486px\] {
        width: 486px;
    }
    .ai-landing-step-three-header,
    .landing-lg\:w-\[508px\] {
        width: 508px;
    }
    .landing-lg\:w-\[538px\] {
        width: 538px;
    }
    .landing-lg\:w-\[548px\] {
        width: 548px;
    }
    .landing-lg\:w-\[556px\] {
        width: 556px;
    }
    .landing-lg\:w-\[640px\] {
        width: 640px;
    }
    .landing-lg\:w-\[690px\] {
        width: 690px;
    }
    .landing-lg\:w-\[740px\] {
        width: 740px;
    }
    .landing-lg\:w-\[944px\] {
        width: 944px;
    }
    .landing-lg\:w-full {
        width: 100%;
    }
    .landing-lg\:min-w-\[435px\] {
        min-width: 435px;
    }
    .landing-lg\:max-w-\[1120px\] {
        max-width: 1120px;
    }
    .blog-max\:max-w-\[1200px\],
    .landing-lg\:max-w-\[1200px\] {
        max-width: 1200px;
    }
    .landing-lg\:max-w-\[224px\] {
        max-width: 224px;
    }
    .landing-lg\:max-w-\[384px\] {
        max-width: 384px;
    }
    .landing-lg\:max-w-\[416px\] {
        max-width: 416px;
    }
    .landing-lg\:max-w-\[446px\] {
        max-width: 446px;
    }
    .landing-lg\:max-w-\[508px\] {
        max-width: 508px;
    }
    .landing-lg\:max-w-\[792px\] {
        max-width: 792px;
    }
    .landing-lg\:max-w-\[912px\] {
        max-width: 912px;
    }
    .landing-lg\:max-w-\[944px\] {
        max-width: 944px;
    }
    .landing-lg\:max-w-max {
        max-width: max-content;
    }
    .landing-lg\:translate-x-8 {
        --tw-translate-x: 2rem;
    }
    .landing-lg\:translate-y-16 {
        --tw-translate-y: 4rem;
    }
    .landing-lg\:translate-y-24 {
        --tw-translate-y: 6rem;
    }
    .landing-lg\:translate-y-8 {
        --tw-translate-y: 2rem;
    }
    @keyframes I {
        0%,
        to {
            transform: translateY(0);
        }
        99.99% {
            transform: translateY(-3329px);
        }
    }
    .landing-lg\:animate-playground-slide-down {
        animation: 45s linear infinite I;
    }
    @keyframes J {
        0%,
        to {
            transform: translateY(-3328px);
        }
        99.99% {
            transform: translateY(0);
        }
    }
    .landing-lg\:animate-playground-slide-up {
        animation: 45s linear infinite J;
    }
    .landing-lg\:columns-3 {
        column-count: 3;
    }
    .landing-lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .landing-lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .landing-lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .blog-max\:grid-cols-3,
    .landing-lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .landing-lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .landing-lg\:grid-cols-\[repeat\(3\2c 304px\)\] {
        grid-template-columns: repeat(3, 304px);
    }
    .landing-lg\:flex-row {
        flex-direction: row;
    }
    .landing-lg\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .landing-lg\:flex-col {
        flex-direction: column;
    }
    .landing-lg\:items-start {
        align-items: flex-start;
    }
    .landing-lg\:items-center {
        align-items: center;
    }
    .landing-lg\:justify-end {
        justify-content: flex-end;
    }
    .landing-lg\:justify-between {
        justify-content: space-between;
    }
    .landing-lg\:gap-10 {
        gap: 2.5rem;
    }
    .landing-lg\:gap-12 {
        gap: 3rem;
    }
    .landing-lg\:gap-2 {
        gap: 0.5rem;
    }
    .landing-lg\:gap-20 {
        gap: 5rem;
    }
    .landing-lg\:gap-32 {
        gap: 8rem;
    }
    .landing-lg\:gap-4 {
        gap: 1rem;
    }
    .landing-lg\:gap-40 {
        gap: 10rem;
    }
    .landing-lg\:gap-6 {
        gap: 1.5rem;
    }
    .landing-lg\:gap-8 {
        gap: 2rem;
    }
    .landing-lg\:overflow-hidden {
        overflow: hidden;
    }
    .landing-lg\:whitespace-nowrap {
        white-space: nowrap;
    }
    .landing-lg\:rounded-2xl {
        border-radius: 1rem;
    }
    .landing-lg\:rounded-bl-2xl {
        border-bottom-left-radius: 1rem;
    }
    .landing-lg\:rounded-br-2xl {
        border-bottom-right-radius: 1rem;
    }
    .landing-lg\:border-8 {
        border-width: 8px;
    }
    .landing-lg\:border-solid {
        border-style: solid;
    }
    .landing-lg\:border-gray-0 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-0) / var(--tw-border-opacity));
    }
    .landing-lg\:border-gray-900 {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-gray-900) / var(--tw-border-opacity));
    }
    .landing-lg\:bg-opacity-100 {
        --tw-bg-opacity: 1;
    }
    .landing-lg\:bg-landing-tile-grid-bg {
        background-image: url(landing-tile-grid.svg);
    }
    .landing-lg\:bg-\[length\:1440px_312px\] {
        background-size: 1440px 312px;
    }
    .landing-lg\:bg-contain {
        background-size: contain;
    }
    .landing-lg\:bg-landing-sweet-spot-glow-size-lg {
        background-size: auto auto, 1600px 1600px;
    }
    .landing-lg\:bg-landing-sweet-spot-glow-position-lg {
        background-position: 50%, calc(50% + 800px) calc(50% - 300px);
    }
    .landing-lg\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .landing-lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .landing-lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .landing-lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .landing-lg\:py-0 {
        padding-bottom: 0;
        padding-top: 0;
    }
    .landing-lg\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .landing-lg\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
    .landing-lg\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
    .landing-lg\:pb-0 {
        padding-bottom: 0;
    }
    .landing-lg\:pb-12 {
        padding-bottom: 3rem;
    }
    .landing-lg\:pb-40 {
        padding-bottom: 10rem;
    }
    .landing-lg\:pb-6 {
        padding-bottom: 1.5rem;
    }
    .landing-lg\:pb-8 {
        padding-bottom: 2rem;
    }
    .landing-lg\:pb-\[120px\] {
        padding-bottom: 120px;
    }
    .landing-lg\:pl-0 {
        padding-left: 0;
    }
    .landing-lg\:pl-10 {
        padding-left: 2.5rem;
    }
    .landing-lg\:pl-4 {
        padding-left: 1rem;
    }
    .landing-lg\:pl-7 {
        padding-left: 1.75rem;
    }
    .landing-lg\:pl-8 {
        padding-left: 2rem;
    }
    .landing-lg\:pr-0 {
        padding-right: 0;
    }
    .landing-lg\:pr-10 {
        padding-right: 2.5rem;
    }
    .landing-lg\:pr-12 {
        padding-right: 3rem;
    }
    .landing-lg\:pr-16 {
        padding-right: 4rem;
    }
    .landing-lg\:pr-6 {
        padding-right: 1.5rem;
    }
    .landing-lg\:pr-8 {
        padding-right: 2rem;
    }
    .landing-lg\:pt-20 {
        padding-top: 5rem;
    }
    .landing-lg\:pt-6 {
        padding-top: 1.5rem;
    }
    .landing-lg\:pt-8 {
        padding-top: 2rem;
    }
    .landing-lg\:text-right {
        text-align: right;
    }
    .landing-lg\:text-\[16px\] {
        font-size: 16px;
    }
    .landing-lg\:text-\[2\.5rem\] {
        font-size: 2.5rem;
    }
    .landing-lg\:text-\[24px\] {
        font-size: 24px;
    }
    .landing-lg\:text-\[40px\] {
        font-size: 40px;
    }
    .landing-lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .landing-lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .landing-lg\:leading-\[24px\] {
        line-height: 24px;
    }
    .landing-lg\:leading-\[32px\] {
        line-height: 32px;
    }
    .landing-lg\:leading-\[3rem\] {
        line-height: 3rem;
    }
    .landing-lg\:leading-\[48px\] {
        line-height: 48px;
    }
    .landing-lg\:hover\:text-gray-0:hover,
    .landing-lg\:text-gray-0 {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-0) / var(--tw-text-opacity));
    }
    .landing-lg\:opacity-0 {
        opacity: 0;
    }
    .landing-lg\:opacity-25 {
        opacity: 0.25;
    }
    .landing-lg\:blur-\[125px\] {
        --tw-blur: blur(125px);
    }
    .landing-lg\:before\:w-\[556px\]:before {
        content: var(--tw-content);
        width: 556px;
    }
    .landing-lg\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
    }
    .landing-lg\:hover\:brightness-100:hover {
        --tw-brightness: brightness(1);
    }
    .group\/showcase-inner:hover
        .landing-lg\:group-hover\/showcase-inner\:translate-y-0 {
        --tw-translate-y: 0px;
    }
    .group\/showcase-inner:hover
        .landing-lg\:group-hover\/showcase-inner\:opacity-100 {
        opacity: 1;
    }
    .dark\:landing-lg\:bg-opacity-100:is([data-theme="dark"] *) {
        --tw-bg-opacity: 1;
    }
    .dark\:landing-lg\:hover\:text-gray-900:hover:is([data-theme="dark"] *),
    .dark\:landing-lg\:text-gray-900:is([data-theme="dark"] *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-gray-900) / var(--tw-text-opacity));
    }
    .blog-max\:border-t {
        border-top-width: 1px;
    }
    .ai-landing-step-three-content {
        height: 446px;
        width: 508px;
    }
    .ai-landing-step-three-table {
        height: 348px;
        width: 508px;
    }
    .ai-landing-step-three-directions {
        top: 432px;
    }
}
@media (min-width: 1376px) {
    .max-w-screen-content {
        max-width: 792px;
    }
    .\!container {
        max-width: 1376px !important;
    }
    .container {
        max-width: 1376px;
    }
    .content-xl-safe\:max-h-\[572px\] {
        max-height: 572px;
    }
    .content-xl-safe\:min-h-\[572px\] {
        min-height: 572px;
    }
}
@media (min-width: 1440px) {
    .container {
        max-width: var(--ifm-container-width-xl);
    }
    .\!container {
        max-width: 1440px !important;
    }
    .container {
        max-width: 1440px;
    }
    .landing-mask-image-hero-wide {
        -webkit-mask-image: linear-gradient(
            90deg,
            #0000,
            #0000 1%,
            #000 10%,
            #000 90%,
            #0000 99%,
            #0000
        );
        mask-image: linear-gradient(
            90deg,
            #0000,
            #0000 1%,
            #000 10%,
            #000 90%,
            #0000 99%,
            #0000
        );
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 1920px 100%;
        mask-size: 1920px 100%;
    }
    .landing-xl\:mr-\[116px\] {
        margin-right: 116px;
    }
    .landing-xl\:\!max-w-\[1264px\] {
        max-width: 1264px !important;
    }
    .landing-xl\:max-w-\[480px\] {
        max-width: 480px;
    }
    .landing-xl\:max-w-\[576px\] {
        max-width: 576px;
    }
    .landing-xl\:\!grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .landing-xl\:flex-row {
        flex-direction: row;
    }
    .landing-xl\:gap-0 {
        gap: 0;
    }
    .landing-xl\:rounded-2xl {
        border-radius: 1rem;
    }
    .landing-xl\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .tutorial-lg\:flex {
        display: flex;
    }
    .tutorial-lg\:hidden {
        display: none;
    }
    .tutorial-lg\:flex-1 {
        flex: 1 1 0%;
    }
    .tutorial-lg\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
@media (min-width: 1536px) {
    .refine-prose {
        font-size: 1rem;
        line-height: 1.75;
    }
    .refine-prose
        :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em;
    }
    .refine-prose
        :where([class~="lead"]):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        font-size: 1.25em;
        line-height: 1.6;
        margin-bottom: 1.2em;
        margin-top: 1.2em;
    }
    .refine-prose
        :where(blockquote):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 1.6em;
        margin-top: 1.6em;
        padding-inline-start: 1em;
    }
    .refine-prose
        :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        font-size: 2.25em;
        line-height: 1.1111111;
        margin-bottom: 0.8888889em;
        margin-top: 0;
    }
    .refine-prose
        :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        font-size: 1.5em;
        line-height: 1.3333333;
        margin-bottom: 1em;
        margin-top: 2em;
    }
    .refine-prose
        :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        font-size: 1.25em;
        line-height: 1.6;
        margin-bottom: 0.6em;
        margin-top: 1.6em;
    }
    .refine-prose
        :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        line-height: 1.5;
        margin-bottom: 0.5em;
        margin-top: 1.5em;
    }
    .refine-prose
        :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 2em;
        margin-top: 2em;
    }
    .refine-prose
        :where(picture):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 2em;
        margin-top: 2em;
    }
    .refine-prose
        :where(picture > img):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 0;
        margin-top: 0;
    }
    .refine-prose
        :where(video):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 2em;
        margin-top: 2em;
    }
    .refine-prose
        :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        border-radius: 0.3125rem;
        font-size: 0.875em;
        padding-inline-end: 0.375em;
        padding-bottom: 0.1875em;
        padding-top: 0.1875em;
        padding-inline-start: 0.375em;
    }
    .refine-prose
        :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        font-size: 0.875em;
    }
    .refine-prose
        :where(h2 code):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        font-size: 0.875em;
    }
    .refine-prose
        :where(h3 code):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        font-size: 0.9em;
    }
    .refine-prose
        :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        border-radius: 0.375rem;
        font-size: 0.875em;
        line-height: 1.7142857;
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em;
        padding-inline-end: 1.1428571em;
        padding-bottom: 0.8571429em;
        padding-top: 0.8571429em;
        padding-inline-start: 1.1428571em;
    }
    .refine-prose
        :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start: 1.625em;
    }
    .refine-prose
        :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start: 1.625em;
    }
    .refine-prose
        :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 0.5em;
        margin-top: 0.5em;
    }
    .refine-prose
        :where(ol > li):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        padding-inline-start: 0.375em;
    }
    .refine-prose
        :where(ul > li):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        padding-inline-start: 0.375em;
    }
    .refine-prose
        :where(.\32xl\:prose-base > ul > li p):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 0.75em;
        margin-top: 0.75em;
    }
    .refine-prose
        :where(.\32xl\:prose-base > ul > li > p:first-child):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-top: 1.25em;
    }
    .refine-prose
        :where(.\32xl\:prose-base > ul > li > p:last-child):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 1.25em;
    }
    .refine-prose
        :where(.\32xl\:prose-base > ol > li > p:first-child):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-top: 1.25em;
    }
    .refine-prose
        :where(.\32xl\:prose-base > ol > li > p:last-child):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 1.25em;
    }
    .refine-prose
        :where(ul ul, ul ol, ol ul, ol ol):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 0.75em;
        margin-top: 0.75em;
    }
    .refine-prose
        :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em;
    }
    .refine-prose
        :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 1.25em;
    }
    .refine-prose
        :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-top: 0.5em;
        padding-inline-start: 1.625em;
    }
    .refine-prose
        :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        margin-bottom: 3em;
        margin-top: 3em;
    }
    .refine-prose
        :where(hr + *):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-top: 0;
    }
    .refine-prose
        :where(h2 + *):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-top: 0;
    }
    .refine-prose
        :where(h3 + *):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-top: 0;
    }
    .refine-prose
        :where(h4 + *):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-top: 0;
    }
    .refine-prose
        :where(table):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        font-size: 0.875em;
        line-height: 1.7142857;
    }
    .refine-prose
        :where(thead th):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        padding-inline-end: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-inline-start: 0.5714286em;
    }
    .refine-prose
        :where(thead th:first-child):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        padding-inline-start: 0;
    }
    .refine-prose
        :where(thead th:last-child):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        padding-inline-end: 0;
    }
    .refine-prose
        :where(tbody td, tfoot td):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        padding-inline-end: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-top: 0.5714286em;
        padding-inline-start: 0.5714286em;
    }
    .refine-prose
        :where(tbody td:first-child, tfoot td:first-child):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        padding-inline-start: 0;
    }
    .refine-prose
        :where(tbody td:last-child, tfoot td:last-child):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        padding-inline-end: 0;
    }
    .refine-prose
        :where(figure):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 2em;
        margin-top: 2em;
    }
    .refine-prose
        :where(figure > *):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 0;
        margin-top: 0;
    }
    .refine-prose
        :where(figcaption):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        font-size: 0.875em;
        line-height: 1.4285714;
        margin-top: 0.8571429em;
    }
    .refine-prose
        :where(.\32xl\:prose-base > :first-child):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-top: 0;
    }
    .refine-prose
        :where(.\32xl\:prose-base > :last-child):not(
            :where([class~="not-prose"], [class~="not-prose"] *)
        ) {
        margin-bottom: 0;
    }
    .refine-prose
        :is(
            :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *))
        ) {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .refine-prose
        :is(
            :where(code):not(
                    :where([class~="not-prose"], [class~="not-prose"] *)
                )
        ) {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .max-w-screen-content {
        max-width: 864px;
    }
    .\!container {
        max-width: 1536px !important;
    }
    .container {
        max-width: 1536px;
    }
    .props-list__info-item *,
    .props-table__default-value-cell *,
    .props-table__description-cell *,
    .props-table__type-cell * {
        margin-bottom: 0;
        margin-top: 0;
    }
    .\32xl\:h-\[140px\] {
        height: 140px;
    }
    .\32xl\:w-\[138px\] {
        width: 138px;
    }
    .\32xl\:flex-row {
        flex-direction: row;
    }
    .\32xl\:items-start {
        align-items: flex-start;
    }
    .\32xl\:justify-start {
        justify-content: flex-start;
    }
    .\32xl\:gap-10 {
        gap: 2.5rem;
    }
    .\32xl\:gap-6 {
        gap: 1.5rem;
    }
    .\32xl\:gap-8,
    .cards_w51s {
        gap: 2rem;
    }
    .\32xl\:text-start {
        text-align: start;
    }
    .\32xl\:text-base,
    .content-4xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .\32xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .\32xl\:text-sm,
    .content-4xl\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .\32xl\:text-xl {
        font-size: 1.25rem;
    }
    .\32xl\:leading-7,
    .\32xl\:text-xl {
        line-height: 1.75rem;
    }
    .content-4xl\:ml-0 {
        margin-left: 0;
    }
    .content-4xl\:mr-0 {
        margin-right: 0;
    }
    .content-4xl\:leading-6 {
        line-height: 1.5rem;
    }
}
@media (min-width: 1600px) {
    .\!container {
        max-width: 1600px !important;
    }
    .container {
        max-width: 1600px;
    }
    .blog-2xl\:block {
        display: block;
    }
    .blog-2xl\:max-w-screen-blog-md {
        max-width: 720px;
    }
    .blog-2xl\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 1023px) {
    #__docusaurus .custom-table-of-contents .table-of-contents {
        display: none;
    }
}
@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 {
        display: none;
    }
    .footer__col {
        margin-bottom: calc(var(--ifm-spacing-vertical) * 3);
    }
    .footer__link-item {
        display: block;
    }
    .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;
    }
}
@media only screen and (max-width: 996px) {
    .searchQueryColumn_OHjE,
    .searchResultsColumn_i1Tf {
        max-width: 60% !important;
    }
    .searchLogoColumn_U_sb,
    .searchVersionColumn_Txiy {
        max-width: 40% !important;
    }
    .searchLogoColumn_U_sb {
        padding-left: 0 !important;
    }
}
@media screen and (max-width: 966px) {
    .footer__link-item {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .DocSearch-Button-Keys,
    .DocSearch-Button-Placeholder,
    .DocSearch-Commands,
    .DocSearch-Hit-Tree,
    .desktop-view {
        display: none;
    }
    :root {
        --docsearch-spacing: 10px;
        --docsearch-footer-height: 40px;
    }
    .DocSearch-Dropdown {
        height: 100%;
        max-height: calc(
            var(--docsearch-vh, 1vh) * 100 - var(--docsearch-searchbox-height) -
                var(--docsearch-spacing) - var(--docsearch-footer-height)
        );
    }
    .DocSearch-Container {
        height: 100vh;
        height: -webkit-fill-available;
        height: calc(var(--docsearch-vh, 1vh) * 100);
        position: absolute;
    }
    .DocSearch-Footer {
        border-radius: 0;
        bottom: 0;
        position: absolute;
    }
    .DocSearch-Hit-content-wrapper {
        display: flex;
        position: relative;
        width: 80%;
    }
    .DocSearch-Modal {
        border-radius: 0;
        box-shadow: none;
        height: 100vh;
        height: -webkit-fill-available;
        height: calc(var(--docsearch-vh, 1vh) * 100);
        margin: 0;
        max-width: 100%;
        width: 100%;
    }
    .DocSearch-Cancel {
        appearance: none;
        background: none;
        border: 0;
        color: var(--docsearch-highlight-color);
        cursor: pointer;
        display: inline-block;
        flex: none;
        font: inherit;
        font-size: 1em;
        font-weight: 500;
        margin-left: var(--docsearch-spacing);
        outline: 0;
        overflow: hidden;
        padding: 0;
        -webkit-user-select: none;
        user-select: none;
        white-space: nowrap;
    }
}
@media (max-width: 576px) {
    .markdown h1:first-child {
        --ifm-h1-font-size: 2rem;
    }
    .markdown > h2 {
        --ifm-h2-font-size: 1.5rem;
    }
    .markdown > h3 {
        --ifm-h3-font-size: 1.25rem;
    }
}
@media screen and (max-width: 576px) {
    .searchQueryColumn_OHjE {
        max-width: 100% !important;
    }
    .searchVersionColumn_Txiy {
        max-width: 100% !important;
        padding-left: var(--ifm-spacing-horizontal) !important;
    }
}
@media (max-width: 479px) {
    .ai-landing-step-three-content {
        height: 263px;
        width: 300px;
    }
    .ai-landing-step-three-table {
        height: 204px;
        max-width: 90%;
        width: 300px;
    }
    .ai-landing-step-three-header {
        max-width: 90%;
        width: 300px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-id {
        width: 50px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-date {
        width: 75px;
    }
    .ai-landing-step-three-table
        .ai-landing-step-three-column.ai-landing-step-three-amount {
        width: 70px;
    }
    .ai-landing-step-three-table .ai-landing-step-three-column b,
    .ai-landing-step-three-table .ai-landing-step-three-column span {
        font-size: 10px;
        padding: 6px 8px;
    }
    .ai-landing-step-three-directions {
        top: 288px;
    }
    @keyframes F {
        0% {
            opacity: 0;
            width: 0;
        }
        to {
            opacity: 1;
            width: 60px;
        }
    }
}
@media (max-width: 375px) {
    .max-\[375px\]\:left-1\/2 {
        left: 50%;
    }
    .max-\[375px\]\:w-screen {
        width: 100vw;
    }
    .max-\[375px\]\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .max-\[375px\]\:rounded-none {
        border-radius: 0;
    }
}