@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



:root {
    --color-primary-text: #333;
    --color-secondary-text: #999;
    --color-white: #fff;
    --color-lighter-gray: #f6f6f6;
    --color-light-gray: #e6e6e6;
    --color-mid-gray: #ccc;
    --color-dark-gray: #444;
    --color-darker-gray: #15171a;
    --color-black: #000;
    --font-sans: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --font-serif: Poppins, Georgia, serif;
    --font-mono: Poppins, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    --head-nav-gap: 2.8rem;
    --h1-size: 4.6rem;
    --gap: 3.6rem;
    --header-spacing: 80px
}

@media (max-width:767px) {
    :root {
        --h1-size: 3.2rem !important;
        --gap: 2rem;
        --header-spacing: 48px
    }
}

*,
:after,
:before {
    box-sizing: border-box
}

blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

ol[role=list],
ul[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    line-height: 1.5;
    min-height: 100vh;
    text-rendering: optimizespeed
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}

img,
picture {
    display: block;
    max-width: 100%
}

button,
input,
select,
textarea {
    font: inherit
}

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,
    :after,
    :before {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important
    }
}

html {
    font-size: 62.5%
}

body {
    background-color: var(--color-white);
    color: var(--color-primary-text);
    font-family: Poppins !important;
    font-size: 1.6rem;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    height: auto
}

a {
    color: var(--color-darker-gray);
    text-decoration: none
}

a:hover {
    opacity: .8
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-darker-gray);
    letter-spacing: -.02em;
    line-height: 1.15
}

h1 {
    font-size: var(--h1-size)
}

h2 {
    font-size: 2.8rem
}

h3 {
    font-size: 2.4rem
}

h4 {
    font-size: 2.2rem
}

h5 {
    font-size: 2rem
}

h6 {
    font-size: 1.8rem
}

hr {
    background-color: var(--color-light-gray);
    border: 0;
    height: 1px;
    width: 100%
}

blockquote:not([class]) {
    border-left: 4px solid var(--ghost-accent-color);
    padding-left: 2rem
}

figcaption {
    color: var(--color-secondary-text);
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 1.6rem;
    text-align: center
}

.kg-width-full figcaption {
    padding: 0 1.6rem
}

.gh-content figcaption a {
    color: var(--color-darker-gray);
    text-decoration: none
}

pre {
    background-color: var(--color-lighter-gray);
    -webkit-hyphens: none;
    hyphens: none;
    line-height: 1.5;
    overflow-x: scroll;
    padding: 1.6rem 2.4rem;
    white-space: pre;
    -webkit-overflow-scrolling: touch
}

code {
    /* font-family: var(--font-mono); */
    font-size: 15px
}

:not(pre)>code {
    background-color: var(--color-lighter-gray);
    border-radius: 3px;
    color: var(--ghost-accent-color);
    padding: .4rem
}

iframe {
    border: 0;
    display: block;
    overflow: hidden;
    width: 100%
}

@media (max-width:767px) {
    h2 {
        font-size: 2.4rem
    }

    h3 {
        font-size: 2.1rem
    }
}

.gh-site {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.gh-main {
    flex-grow: 1;
    padding-bottom: 8rem;
    padding-top: 5rem
}

.page-template .gh-main {
    padding-block: 0
}

.gh-outer {
    padding-left: var(--gap);
    padding-right: var(--gap)
}

.gh-inner {
    margin: 0 auto;
    max-width: var(--container-width, 1200px)
}

.gh-canvas,
.kg-width-full.kg-content-wide {
    --main: min(var(--content-width, 720px), 100% - var(--gap) * 2);
    --wide: minmax(0, calc((var(--container-width, 1200px) - var(--content-width, 720px))/2));
    --full: minmax(var(--gap), 1fr);
    display: grid;
    grid-template-columns: [full-start] var(--full) [wide-start] var(--wide) [main-start] var(--main) [main-end] var(--wide) [wide-end] var(--full) [full-end]
}

.gh-canvas>* {
    grid-column: main
}

.kg-content-wide>div,
.kg-width-wide {
    grid-column: wide
}

.kg-width-full {
    grid-column: full
}

.kg-width-full img {
    width: 100%
}

@media (max-width:767px) {
    #gh-main {
        padding-bottom: 4.8rem;
        padding-top: 4.8rem
    }
}

.gh-head {
    background-color: var(--color-white);
    height: 100px
}

.gh-head-inner {
    align-items: center;
    -moz-column-gap: var(--head-nav-gap);
    column-gap: var(--head-nav-gap);
    display: grid;
    grid-auto-flow: row dense;
    grid-template-columns: 1fr auto auto;
    height: 100%
}

.gh-head-brand {
    line-height: 1
}

.gh-head-brand-wrapper {
    align-items: center;
    display: flex
}

.gh-head-logo {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -.02em;
    position: relative
}

.gh-head-logo img {
    max-height: 40px
}

.gh-head-logo img:nth-child(2) {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.gh-head-menu {
    display: flex
}

.gh-head .nav,
.gh-head-menu {
    align-items: center;
    gap: var(--head-nav-gap)
}

.gh-head .nav {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.gh-head .nav-more-toggle {
    font-size: inherit;
    margin: 0 -6px;
    position: relative;
    text-transform: inherit
}

.gh-head .nav-more-toggle svg {
    height: 24px;
    width: 24px
}

.gh-head-actions {
    align-items: center;
    display: flex;
    gap: var(--head-nav-gap);
    justify-content: flex-end
}

.gh-head-members {
    align-items: center;
    display: flex;
    gap: 20px;
    white-space: nowrap
}

.gh-head-btn.gh-btn {
    font-size: inherit;
    font-weight: 600
}

.gh-head-btn:not(.gh-btn) {
    align-items: center;
    color: var(--ghost-accent-color);
    display: inline-flex
}

.gh-head-btn svg {
    height: 1.3em;
    width: 1.3em
}

.gh-search {
    margin-left: -6px;
    margin-right: -6px
}

.gh-search:hover {
    opacity: .9
}

.gh-head-brand .gh-search {
    margin-right: 8px
}

@media (max-width:767px) {
    .gh-head-members {
        flex-direction: column-reverse;
        gap: 16px;
        width: 100%
    }

    .gh-head-actions .gh-search {
        display: none
    }
}

@media (min-width:768px) {
    .gh-head-brand .gh-search {
        display: none
    }

    body:not(.is-dropdown-loaded) .gh-head-menu .nav>li {
        opacity: 0
    }
}

.is-head-left-logo .gh-head-inner {
    grid-template-columns: auto 1fr auto
}

@media (min-width:992px) {
    .is-head-left-logo .gh-head-menu {
        margin-left: 16px;
        margin-right: 64px
    }
}

.is-head-middle-logo .gh-head-inner {
    grid-template-columns: 1fr auto 1fr
}

.is-head-middle-logo .gh-head-brand {
    grid-column-start: 2
}

.is-head-middle-logo .gh-head-actions {
    gap: 28px
}

@media (min-width:992px) {
    .is-head-middle-logo .gh-head-menu {
        margin-right: 64px
    }
}

.is-head-stacked .gh-head {
    height: auto;
    position: relative
}

.is-head-stacked .gh-head-inner {
    grid-template-columns: 1fr auto 1fr
}

.is-head-stacked .gh-head-brand {
    display: flex;
    grid-column-start: 2;
    grid-row-start: 1;
    min-height: 80px
}

@media (max-width:767px) {
    .is-head-stacked .gh-head-brand {
        min-height: unset
    }
}

@media (min-width:992px) {
    .is-head-stacked .gh-head-inner {
        padding: 0
    }

    .is-head-stacked .gh-head-brand {
        align-items: center;
        display: flex;
        height: 80px
    }

    .is-head-stacked .gh-head-menu {
        grid-column: 1/4;
        grid-row-start: 2;
        height: 56px;
        justify-content: center;
        margin: 0 48px
    }

    .is-head-stacked .gh-head-menu:after,
    .is-head-stacked .gh-head-menu:before {
        background-color: var(--color-light-gray);
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 80px;
        width: 100%
    }

    .is-head-stacked .gh-head-menu:after {
        top: 136px
    }

    .is-head-stacked .gh-head-actions {
        grid-column: 1/4;
        grid-row-start: 1;
        justify-content: space-between
    }
}

.is-head-transparent .gh-head {
    background-color: transparent;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 90
}

.is-head-transparent .gh-head .nav>li a,
.is-head-transparent .gh-head-description,
.is-head-transparent .gh-head-link,
.is-head-transparent .gh-head-logo,
.is-head-transparent .gh-head-logo a,
.is-head-transparent .gh-search,
.is-head-transparent .gh-social,
.is-head-transparent .nav-more-toggle {
    color: var(--color-white)
}

.is-head-transparent .gh-burger:after,
.is-head-transparent .gh-burger:before {
    background-color: var(--color-white)
}

.is-head-transparent .gh-head-btn {
    background-color: #fff;
    color: #15171a
}

.is-head-transparent .gh-head-menu:after,
.is-head-transparent .gh-head-menu:before {
    background-color: hsla(0, 0%, 100%, .2)
}

.is-head-transparent #announcement-bar-root {
    left: 0;
    position: absolute;
    right: 0
}

.is-head-transparent #announcement-bar-root:not(:empty)+:is(.site, .gh-site) .gh-head {
    margin-top: 48px
}

.is-head-dark:not(.is-head-transparent) .gh-head {
    background-color: var(--color-darker-gray)
}

.is-head-dark:not(.is-head-transparent) .gh-head .nav a,
.is-head-dark:not(.is-head-transparent) .gh-head-description,
.is-head-dark:not(.is-head-transparent) .gh-head-link,
.is-head-dark:not(.is-head-transparent) .gh-head-logo,
.is-head-dark:not(.is-head-transparent) .gh-head-logo a,
.is-head-dark:not(.is-head-transparent) .gh-search,
.is-head-dark:not(.is-head-transparent) .gh-social,
.is-head-dark:not(.is-head-transparent) .nav-more-toggle {
    color: var(--color-white)
}

.is-head-dark:not(.is-head-transparent) .gh-burger:after,
.is-head-dark:not(.is-head-transparent) .gh-burger:before {
    background-color: var(--color-white)
}

.is-head-dark:not(.is-head-transparent) .gh-head-btn {
    background-color: #fff;
    color: #15171a
}

.is-head-dark:not(.is-head-transparent) .gh-head-menu:after,
.is-head-dark:not(.is-head-transparent) .gh-head-menu:before {
    background-color: hsla(0, 0%, 100%, .2)
}

.is-head-brand:not(.is-head-transparent) .gh-head {
    background-color: var(--ghost-accent-color)
}

.is-head-brand:not(.is-head-transparent) .gh-head .nav a,
.is-head-brand:not(.is-head-transparent) .gh-head-description,
.is-head-brand:not(.is-head-transparent) .gh-head-link,
.is-head-brand:not(.is-head-transparent) .gh-head-logo,
.is-head-brand:not(.is-head-transparent) .gh-head-logo a,
.is-head-brand:not(.is-head-transparent) .gh-search,
.is-head-brand:not(.is-head-transparent) .gh-social,
.is-head-brand:not(.is-head-transparent) .nav-more-toggle {
    color: var(--color-white)
}

.is-head-brand:not(.is-head-transparent) .gh-burger:after,
.is-head-brand:not(.is-head-transparent) .gh-burger:before {
    background-color: var(--color-white)
}

.is-head-brand:not(.is-head-transparent) .gh-head-btn {
    background-color: #fff;
    color: #15171a
}

.is-head-brand:not(.is-head-transparent) .gh-head-menu:after,
.is-head-brand:not(.is-head-transparent) .gh-head-menu:before {
    background-color: hsla(0, 0%, 100%, .3)
}

.gh-dropdown {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 7px 20px -5px rgba(0, 0, 0, .15);
    margin-top: 24px;
    opacity: 0;
    padding: 12px 0;
    position: absolute;
    right: -16px;
    text-align: left;
    top: 100%;
    transform: translate3d(0, 6px, 0);
    transition: opacity .3s, transform .2s;
    visibility: hidden;
    width: 200px;
    z-index: 90
}

.is-head-middle-logo .gh-dropdown {
    left: -24px;
    right: auto
}

.is-dropdown-mega .gh-dropdown {
    -moz-column-gap: 40px;
    column-gap: 40px;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
    padding: 20px 32px;
    width: auto
}

.is-dropdown-open .gh-dropdown {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.gh-dropdown li a {
    color: #15171a !important;
    display: block;
    padding: 6px 20px
}

.is-dropdown-mega .gh-dropdown li a {
    padding: 8px 0
}

.gh-burger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    height: 30px;
    margin-right: -3px;
    padding: 0;
    position: relative;
    width: 30px
}

.gh-burger:after,
.gh-burger:before {
    background-color: var(--color-darker-gray);
    content: "";
    height: 1px;
    left: 3px;
    position: absolute;
    transition: all .2s cubic-bezier(.04, .04, .12, .96) .1008s;
    width: 24px
}

.gh-burger:before {
    top: 11px
}

.gh-burger:after {
    bottom: 11px
}

.is-head-open .gh-burger:before {
    top: 15px;
    transform: rotate(45deg)
}

.is-head-open .gh-burger:after {
    bottom: 14px;
    transform: rotate(-45deg)
}

@media (max-width:767px) {
    #gh-head {
        height: 64px
    }

    #gh-head .gh-head-inner {
        gap: 48px;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr auto
    }

    #gh-head .gh-head-brand {
        align-items: center;
        display: grid;
        grid-column-start: 1;
        grid-template-columns: 1fr auto auto;
        height: 64px
    }

    #gh-head .gh-head-logo {
        font-size: 2.2rem
    }

    .gh-burger {
        display: block
    }

    #gh-head .gh-head-actions,
    #gh-head .gh-head-menu {
        justify-content: center;
        opacity: 0;
        position: fixed;
        visibility: hidden
    }

    #gh-head .gh-head-menu {
        transform: translateY(0);
        transition: none
    }

    #gh-head .nav {
        align-items: center;
        gap: 20px;
        line-height: 1.4
    }

    #gh-head .nav a {
        font-size: 2.6rem;
        font-weight: 600;
        text-transform: none
    }

    #gh-head .nav li {
        opacity: 0;
        transform: translateY(-4px)
    }

    #gh-head .gh-head-actions {
        text-align: center
    }

    #gh-head :is(.gh-head-btn, .gh-head-link) {
        opacity: 0;
        transform: translateY(8px)
    }

    #gh-head .gh-head-btn {
        font-size: 1.8rem;
        text-transform: none;
        width: 100%
    }

    #gh-head .gh-head-btn:not(.gh-btn) {
        font-size: 2rem
    }

    #gh-main {
        transition: opacity .4s
    }

    .is-head-open #gh-head {
        height: 100%;
        inset: 0;
        overflow-y: scroll;
        position: fixed;
        z-index: 3999999;
        -webkit-overflow-scrolling: touch
    }

    .is-head-open:not(.is-head-brand):not(.is-head-dark):not(.is-head-transparent) #gh-head {
        background-color: var(--color-white)
    }

    .is-head-open.is-head-transparent #gh-head,
    .is-head-open:is(.is-head-transparent, .is-head-brand) #gh-head .gh-head-actions {
        background-color: var(--ghost-accent-color)
    }

    .is-head-open.is-head-dark #gh-head,
    .is-head-open.is-head-dark #gh-head .gh-head-actions {
        background-color: var(--color-darker-gray)
    }

    .is-head-open #gh-head .gh-head-actions,
    .is-head-open #gh-head .gh-head-menu {
        opacity: 1;
        position: static;
        visibility: visible
    }

    .is-head-open #gh-head .nav {
        display: flex;
        flex-direction: column
    }

    .is-head-open #gh-head .nav li {
        opacity: 1;
        transform: translateY(0);
        transition: transform .2s, opacity .2s
    }

    .is-head-open #gh-head .gh-head-actions {
        align-items: center;
        background-color: var(--color-white);
        bottom: 0;
        display: inline-flex;
        flex-direction: column;
        gap: 12px;
        left: 0;
        padding: var(--gap) 0 calc(var(--gap) + 8px);
        position: sticky;
        right: 0
    }

    .is-head-open #gh-head :is(.gh-head-btn, .gh-head-link) {
        opacity: 1;
        transform: translateY(0);
        transition: transform .4s, opacity .4s;
        transition-delay: .2s
    }

    .is-head-open #gh-head .gh-head-link {
        transition-delay: .4s
    }

    .is-head-open #gh-main {
        opacity: 0
    }
}

.gh-cover {
    min-height: var(--cover-height, 50vh);
    padding-bottom: 6.4rem;
    padding-top: 6.4rem;
    position: relative
}

.gh-cover-image {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: -1
}

.has-serif-title .gh-cover-title {
    /* font-family: var(--font-serif) */
}

.gh-card-title {
    color: #121923;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
}

.gh-card-excerpt {
    color: #4B5563;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.has-serif-title .gh-card-title {
    /* font-family: var(--font-serif); */
    letter-spacing: -.01em
}

.has-serif-body .gh-card-excerpt {
    /* font-family: var(--font-serif) */
}

.gh-card {
    word-break: break-word
}

.page-template .gh-article-header {
    margin-top: var(--header-spacing, 80px)
}

.gh-article-tag {
    color: var(--ghost-accent-color)
}

.gh-article-title {
    word-break: break-word;
    font-size: 3rem;
    font-weight: 500;
    line-height: 130%;

}

.has-serif-title .gh-article-title {
    /* font-family: var(--font-serif); */
    letter-spacing: -.01em
}

.gh-article-excerpt {
    color: var(--color-secondary-text);
    font-size: 2.1rem;
    line-height: 1.5;
    margin-top: 2rem
}

.has-serif-body .gh-article-excerpt {
    /* font-family: var(--font-serif) */
}

.gh-article-image {
    grid-column: wide-start/wide-end;
    margin-top: 4rem
}

.gh-article-image img {
    width: 100%
}

@media (max-width:767px) {
    .gh-article-excerpt {
        font-size: 1.9rem
    }

    .gh-article-image {
        margin-top: 2.4rem
    }
}

.gh-content {
    font-size: var(--content-font-size, 1.8rem);
    letter-spacing: var(--content-letter-spacing, 0);
    margin-top: 4rem;
    word-break: break-word
}

.gh-content>*+* {
    margin-bottom: 0;
    margin-top: calc(1.6em*var(--content-spacing-multiplier, 1))
}

.gh-content>[id] {
    margin: 0
}

.gh-content>.kg-card+[id] {
    margin-top: calc(2em*var(--content-spacing-multiplier, 1)) !important
}

.has-serif-title .gh-content>[id] {
    /* font-family: var(--font-serif); */
    letter-spacing: -.01em
}

.gh-content>[id]:not(:first-child) {
    margin-top: calc(1.6em*var(--content-spacing-multiplier, 1))
}

.gh-content>[id]+* {
    margin-top: calc(.8em*var(--content-spacing-multiplier, 1))
}

.gh-content>blockquote,
.gh-content>hr {
    position: relative
}

.gh-content>blockquote,
.gh-content>blockquote+*,
.gh-content>hr,
.gh-content>hr+* {
    margin-top: calc(2.4em*var(--content-spacing-multiplier, 1))
}

.gh-content h2 {
    font-size: 1.6em
}

.gh-content h3 {
    font-size: 1.4em
}

.gh-content a {
    color: var(--ghost-accent-color);
    text-decoration: underline;
    word-break: break-word
}

.gh-content .kg-callout-card .kg-callout-text,
.gh-content .kg-toggle-card .kg-toggle-content>ol,
.gh-content .kg-toggle-card .kg-toggle-content>p,
.gh-content .kg-toggle-card .kg-toggle-content>ul {
    font-size: .95em
}

.has-serif-body .gh-content .kg-callout-text,
.has-serif-body .gh-content .kg-toggle-content>ol,
.has-serif-body .gh-content .kg-toggle-content>p,
.has-serif-body .gh-content .kg-toggle-content>ul,
.has-serif-body .gh-content>blockquote,
.has-serif-body .gh-content>dl,
.has-serif-body .gh-content>ol,
.has-serif-body .gh-content>p,
.has-serif-body .gh-content>ul {
    /* font-family: var(--font-serif) */
}

.gh-content dl,
.gh-content ol,
.gh-content ul {
    padding-left: 2.8rem
}

.gh-content :is(li+li, li :is(ul, ol)) {
    margin-top: .8rem
}

.gh-content ol ol li {
    list-style-type: lower-alpha
}

.gh-content ol ol ol li {
    list-style-type: lower-roman
}

.gh-content table:not(.gist table) {
    border-collapse: collapse;
    border-spacing: 0;
    display: inline-block;
    /* font-family: var(--font-sans); */
    font-size: 1.6rem;
    max-width: 100%;
    overflow-x: auto;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    -webkit-overflow-scrolling: touch;
    background: radial-gradient(ellipse at left, rgba(0, 0, 0, .2) 0, transparent 75%) 0, radial-gradient(ellipse at right, rgba(0, 0, 0, .2) 0, transparent 75%) 100%;
    background-attachment: scroll, scroll;
    background-repeat: no-repeat;
    background-size: 10px 100%, 10px 100%
}

.gh-content table:not(.gist table) td:first-child {
    background-image: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0));
    background-repeat: no-repeat;
    background-size: 20px 100%
}

.gh-content table:not(.gist table) td:last-child {
    background-image: linear-gradient(270deg, #fff 50%, hsla(0, 0%, 100%, 0));
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 20px 100%
}

.gh-content table:not(.gist table) th {
    background-color: var(--color-white);
    color: var(--color-darkgrey);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .2px;
    text-align: left;
    text-transform: uppercase
}

.gh-content table:not(.gist table) td,
.gh-content table:not(.gist table) th {
    border: 1px solid var(--color-light-gray);
    padding: 6px 12px
}

.page-template .gh-content:only-child {
    margin-top: 0 !important
}

.page-template .gh-content:only-child>:first-child:not(.kg-width-full) {
    margin-top: var(--header-spacing, 80px)
}

.page-template .gh-content>:last-child:not(.kg-width-full) {
    margin-bottom: var(--footer-spacing, 0)
}

@media (max-width:767px) {
    .gh-content {
        font-size: 1.7rem;
        margin-top: 3.2rem
    }
}

.gh-comments {
    margin-bottom: -24px;
    margin-top: 64px
}

.gh-comments-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px
}

.gh-comments .gh-comments-title {
    margin-bottom: 28px
}

.gh-comments-header .gh-comments-title {
    margin-bottom: 0
}

.gh-comments-count {
    color: var(--color-secondary-text)
}

.gh-cta-gradient {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--color-white));
    content: "";
    grid-column: full-start/full-end;
    height: 160px;
    margin-bottom: 4rem;
    margin-top: -16rem;
    position: relative
}

.gh-cta-gradient:first-child {
    display: none
}

.gh-cta {
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem;
    text-align: center
}

.gh-cta-title {
    font-size: 2.2rem;
    letter-spacing: -.02em;
    margin-bottom: 3.2rem
}

.gh-cta-actions {
    align-items: center;
    display: flex;
    flex-direction: column
}

.gh-cta-link {
    color: var(--color-secondary-text);
    cursor: pointer;
    font-size: 1.4rem;
    margin-top: .8rem;
    text-decoration: none
}

.gh-cta-link:hover {
    color: var(--color-darker-gray)
}

@media (max-width:767px) {
    .gh-cta-actions {
        -moz-column-gap: .8rem;
        column-gap: .8rem
    }
}

.gh-content :not(.kg-card):not(table):not([id])+:is(.kg-card, table) {
    margin-top: calc(2em*var(--content-spacing-multiplier, 1))
}

.gh-content :is(.kg-card, table)+:not(.kg-card):not(table):not([id]) {
    margin-top: calc(2em*var(--content-spacing-multiplier, 1))
}

.gh-content>.kg-width-full+.kg-width-full:not(.kg-width-full.kg-card-hascaption+.kg-width-full) {
    margin-top: 0
}

.kg-image {
    margin-left: auto;
    margin-right: auto
}

.kg-embed-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.kg-gallery-image,
.kg-image[width][height] {
    cursor: pointer
}

.kg-gallery-image a:hover,
.kg-image-card a:hover {
    opacity: 1 !important
}

.kg-card.kg-toggle-card .kg-toggle-heading-text {
    font-size: 2rem;
    font-weight: 700
}

.has-serif-title .kg-toggle-card .kg-toggle-heading-text {
    /* font-family: var(--font-serif) */
}

.kg-callout-card.kg-card {
    border-radius: .25em
}

.kg-callout-card-accent a {
    text-decoration: underline
}

blockquote.kg-blockquote-alt {
    color: var(--color-secondary-text);
    font-style: normal;
    font-weight: 400
}

.kg-card.kg-button-card .kg-btn {
    font-size: 1em
}

.has-serif-body .kg-header-card h3.kg-header-card-subheader,
.has-serif-title .kg-card.kg-header-card h2.kg-header-card-header {
    /* font-family: var(--font-serif) */
}

.kg-bookmark-card .kg-bookmark-container {
    border-radius: .25em !important
}

.kg-bookmark-card .kg-bookmark-content {
    padding: 1.15em
}

.kg-bookmark-card .kg-bookmark-title {
    font-size: .9em
}

.kg-bookmark-card .kg-bookmark-description {
    font-size: .8em;
    margin-top: .3em;
    max-height: none
}

.kg-bookmark-card .kg-bookmark-metadata {
    font-size: .8em
}

.kg-bookmark-card .kg-bookmark-thumbnail img {
    border-radius: 0 .2em .2em 0
}

.has-light-text .kg-audio-card button {
    color: #fff
}

.has-light-text .kg-audio-card .kg-audio-volume-slider {
    color: hsla(0, 0%, 100%, .3)
}

.pagination {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    margin-top: 6.4rem
}

.page-number {
    grid-column-start: 2
}

.older-posts {
    text-align: right
}

.gh-navigation {
    align-items: center;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
    display: grid;
    grid-template-columns: 1fr auto 1fr
}

.gh-navigation>div {
    align-items: center;
    display: flex
}

.gh-navigation-next {
    justify-content: flex-end
}

.gh-navigation-link {
    align-items: center;
    display: inline-flex
}

.gh-navigation-link svg {
    height: 16px;
    width: 16px
}

.gh-navigation-previous svg {
    margin-right: .4rem
}

.gh-navigation-next svg {
    margin-left: .4rem
}

@media (max-width:767px) {
    .gh-navigation-hide {
        display: none
    }
}

.gh-btn {
    align-items: center;
    background-color: var(--color-darker-gray);
    border: 0;
    border-radius: 100px;
    color: var(--color-white);
    cursor: pointer;
    display: inline-flex;
    font-size: 1.6rem;
    font-weight: 700;
    gap: .4em;
    justify-content: center;
    letter-spacing: inherit;
    line-height: 1;
    padding: calc(.75em*var(--multiplier, 1)) calc(1.15em*var(--multiplier, 1))
}

.gh-btn:hover {
    opacity: .95
}

.gh-post-upgrade-cta .gh-btn {
    line-height: inherit
}

.gh-primary-btn {
    background-color: var(--ghost-accent-color)
}

.gh-outline-btn {
    background-color: transparent;
    border: 1px solid var(--color-light-gray);
    color: var(--color-darker-gray);
    text-decoration: none
}

.gh-outline-btn:hover {
    border-color: var(--color-mid-gray);
    opacity: 1
}

.gh-icon-btn {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--darker-gray-color);
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    outline: none;
    padding: 0;
    width: 30px
}

.gh-icon-btn svg {
    height: 20px;
    width: 20px
}

.gh-text-btn {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: var(--darker-gray-color);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    letter-spacing: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    will-change: opacity
}

.gh-text-btn:hover {
    opacity: .8
}

.gh-foot {
    color: var(--color-secondary-text);
    padding-bottom: 8rem;
    padding-top: 8rem;
    white-space: nowrap
}

.gh-foot-inner {
    display: grid;
    font-size: 1.3rem;
    gap: 40px;
    grid-template-columns: 1fr auto 1fr
}

.no-menu .gh-foot-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.gh-foot-menu .nav {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    row-gap: 4px
}

.gh-foot-menu .nav li {
    align-items: center;
    display: flex
}

.gh-foot-menu .nav li+li:before {
    content: "•";
    font-size: .9rem;
    line-height: 0;
    padding: 0 1.2rem
}

.gh-powered-by {
    text-align: right
}

.gh-foot a {
    color: var(--color-secondary-text)
}

.gh-foot a:hover {
    color: var(--color-darker-gray);
    opacity: 1
}

@media (max-width:767px) {
    .gh-foot {
        padding-bottom: 12rem;
        padding-top: 6.4rem
    }

    .gh-foot-inner {
        grid-template-columns: 1fr;
        text-align: center
    }

    .gh-foot-menu .nav {
        flex-direction: column
    }

    .gh-foot-menu .nav li+li {
        margin-top: .4rem
    }

    .gh-foot-menu .nav li+li:before {
        display: none
    }

    .gh-powered-by {
        text-align: center
    }
}

.pswp {
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: 3999999;
    -webkit-text-size-adjust: 100%
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    will-change: opacity
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: grabbing
}

.pswp__bg {
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .85);
    opacity: 0;
    transform: translateZ(0);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    will-change: opacity
}

.pswp__bg,
.pswp__scroll-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    backface-visibility: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
    width: 100%
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__item {
    bottom: 0;
    overflow: hidden;
    right: 0
}

.pswp__img,
.pswp__item {
    left: 0;
    position: absolute;
    top: 0
}

.pswp__img {
    height: auto;
    width: auto
}

.pswp__img--placeholder {
    backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: var(--color-black)
}

.pswp--ie .pswp__img {
    height: auto !important;
    left: 0;
    top: 0;
    width: 100% !important
}

.pswp__error-msg {
    color: var(--color-secondary-text);
    font-size: 14px;
    left: 0;
    line-height: 16px;
    margin-top: -8px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.pswp__error-msg a {
    color: var(--color-secondary-text);
    text-decoration: underline
}

.pswp__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 44px;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    transition: opacity .2s;
    width: 44px
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    opacity: .9;
    outline: none
}

.pswp__button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(../images/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    height: 44px;
    width: 44px
}

@media (-webkit-min-device-pixel-ratio:1.09375),
(-webkit-min-device-pixel-ratio:1.1),
(min-resolution:1.1dppx),
(min-resolution:105dpi) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../images/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    background-position: -88px 0;
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 70px
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    height: 30px;
    position: absolute;
    top: 35px;
    width: 32px
}

.pswp__button--arrow--left:before {
    background-position: -138px -44px;
    left: 6px
}

.pswp__button--arrow--right:before {
    background-position: -94px -44px;
    right: 6px
}

.pswp__counter {
    color: var(--color-white);
    font-size: 11px;
    font-weight: 700;
    height: 44px;
    left: 0;
    line-height: 44px;
    padding: 0 15px;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pswp__caption {
    bottom: 0;
    left: 0;
    min-height: 44px;
    position: absolute;
    width: 100%
}

.pswp__caption__center {
    color: var(--color-white);
    font-size: 11px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 420px;
    padding: 25px 15px 30px;
    text-align: center
}

.pswp__caption__center .post-caption-title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
    text-transform: uppercase
}

.pswp__caption__center .post-caption-meta-item+.post-caption-meta-item:before {
    content: "\02022";
    padding: 0 4px
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    direction: ltr;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .25s ease-out;
    width: 44px;
    will-change: opacity
}

.pswp__preloader__icn {
    height: 20px;
    margin: 12px;
    width: 20px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(../images/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    height: 14px;
    left: 15px;
    margin: 0;
    opacity: .75;
    position: absolute;
    top: 15px;
    width: 14px
}

.pswp--css_animation .pswp__preloader__cut {
    height: 14px;
    overflow: hidden;
    position: relative;
    width: 7px
}

.pswp--css_animation .pswp__preloader__donut {
    background: none;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    border-radius: 50%;
    border-right: 2px solid var(--color-white);
    border-top: 2px solid var(--color-white);
    box-sizing: border-box;
    height: 14px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 14px
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        float: right;
        left: auto;
        margin: 0;
        position: relative;
        top: auto
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    to {
        transform: rotate(0)
    }
}

.pswp__ui {
    opacity: 1;
    visibility: visible;
    z-index: 1550;
    -webkit-font-smoothing: auto
}

.pswp__top-bar {
    height: 44px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    backface-visibility: hidden;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    will-change: opacity
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: local(""), url(../fonts/inter-v12-latin-regular.woff2) format("woff2"), url(../fonts/inter-v12-latin-regular.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: local(""), url(../fonts/inter-v12-latin-500.woff2) format("woff2"), url(../fonts/inter-v12-latin-500.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: local(""), url(../fonts/inter-v12-latin-600.woff2) format("woff2"), url(../fonts/inter-v12-latin-600.woff) format("woff")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: local(""), url(../fonts/inter-v12-latin-700.woff2) format("woff2"), url(../fonts/inter-v12-latin-700.woff) format("woff")
}

@font-face {
    font-family: Lora;
    font-style: normal;
    font-weight: 400;
    src: local(""), url(../fonts/lora-v25-latin-regular.woff2) format("woff2"), url(../fonts/lora-v25-latin-regular.woff) format("woff")
}

@font-face {
    font-family: Lora;
    font-style: normal;
    font-weight: 500;
    src: local(""), url(../fonts/lora-v25-latin-500.woff2) format("woff2"), url(../fonts/lora-v25-latin-500.woff) format("woff")
}

@font-face {
    font-family: Lora;
    font-style: normal;
    font-weight: 600;
    src: local(""), url(../fonts/lora-v25-latin-600.woff2) format("woff2"), url(../fonts/lora-v25-latin-600.woff) format("woff")
}

@font-face {
    font-family: Lora;
    font-style: normal;
    font-weight: 700;
    src: local(""), url(../fonts/lora-v25-latin-700.woff2) format("woff2"), url(../fonts/lora-v25-latin-700.woff) format("woff")
}

@font-face {
    font-family: Lora;
    font-style: italic;
    font-weight: 400;
    src: local(""), url(../fonts/lora-v25-latin-italic.woff2) format("woff2"), url(../fonts/lora-v25-latin-italic.woff) format("woff")
}

@font-face {
    font-family: Lora;
    font-style: italic;
    font-weight: 700;
    src: local(""), url(../fonts/lora-v25-latin-700italic.woff2) format("woff2"), url(../fonts/lora-v25-latin-700italic.woff) format("woff")
}

:root {
    --font-sans: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --font-serif: Lora, Georgia, Times, serif;
    --head-nav-gap: 32px;
    --color-primary-text: var(--color-darker-gray);
    --h1-size: 4.4rem;
    --footer-spacing: 120px
}

@media (max-width:767px) {
    :root {
        --footer-spacing: 64px
    }
}

figcaption {
    font-size: 1.3rem
}

.has-full-image figcaption {
    padding: 0 16px
}

.gh-btn {
    font-weight: 500
}

body:not(.is-head-stacked) .gh-head {
    height: 88px
}

body:not(.is-head-stacked) .gh-head-inner {
    border-bottom: 1px solid var(--color-light-gray)
}

.nav {
    letter-spacing: -.006em;

}

body:not(.is-head-transparent):not(.is-head-brand):not(.is-head-dark) .gh-head-logo img+img {
    display: none
}

body:is(.is-head-transparent, .is-head-brand, .is-head-dark) .gh-head-logo img+img {
    opacity: 1
}

.is-head-transparent .gh-head-logo img:first-of-type:not(:only-child) {
    display: block;
    opacity: 0
}

.gh-topic-grid+.gh-topic-grid {
    margin-top: 80px
}

.gh-topic-grid .gh-topic-name {
    font-size: 54px;
    letter-spacing: -.01em;
    margin-bottom: 30px;
    font-weight: 500;
    font-family: Poppins;
    text-align: center;
}

@media (max-width:768px) {
    .gh-topic-grid .gh-topic-name {
        font-size: 34px;
        letter-spacing: -.01em;
        margin-bottom: 60px;
        font-weight: 500;
        font-family: Poppins;
        text-align: center;
    }
}

.gh-topic-grid .gh-topic-content {
    display: grid;
    gap: 32px 40px;
    grid-template-columns: 1fr 1fr
}

body:not(.home-template) .gh-topic-grid .gh-topic-content {
    justify-items: center;
    row-gap: 48px
}

.gh-topic-footer {
    border-top: 1px solid var(--color-light-gray);
    margin-top: 48px;
    padding-top: 20px;
    text-align: right
}

.gh-topic-grid .gh-card.large,
body:not(.home-template) .gh-topic-grid .gh-card {
    grid-column: 1/3
}

.gh-topic-grid .gh-card.large {
    width: 100%
}

.gh-topic-grid .gh-card:not(.large) {
    max-width: 720px;
    width: 100%
}

.gh-topic-grid .gh-card:not(:only-child).large {
    border-bottom: 1px solid var(--color-light-gray);
    margin-bottom: 16px;
    padding-bottom: 48px
}

.gh-topic-grid .gh-card-link {
    display: flex;
    gap: 24px
}

.gh-topic-grid .gh-card-link:hover {
    opacity: 1 !important
}

.gh-topic-grid .gh-card-link:hover .gh-card-title {
    opacity: .8
}

.gh-topic-grid .gh-card.large .gh-card-link {
    gap: 40px
}

.gh-topic-grid .gh-card.featured.large .gh-card-link {
    align-items: flex-end;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 60%);
    min-height: 600px;
    padding: 48px 40px;
    position: relative
}

.gh-topic-grid .gh-card.featured.no-image.large .gh-card-link {
    background: var(--ghost-accent-color);
    min-height: 400px
}

.gh-topic-grid .gh-card.large .gh-card-link>* {
    flex: 1
}

.gh-topic-grid .gh-card-image {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    width: 40%
}

.gh-topic-grid .gh-card-image:before {
    content: "";
    display: block;
    padding-bottom: 70%
}

.gh-topic-grid .gh-card.large .gh-card-image:before {
    padding-bottom: 60%
}

.gh-topic-grid .gh-card.featured.large .gh-card-image {
    inset: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.gh-topic-grid .gh-card-image img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 10px;
}

.gh-topic-grid .gh-card-wrapper {
    margin-top: -3px
}

.gh-topic-grid .gh-card.featured.large .gh-card-wrapper {
    max-width: 560px
}

.gh-topic-grid .gh-card-title {
    font-size: 2rem;
    letter-spacing: -.015em;
    line-height: 1.3;
    word-break: break-word
}

.gh-topic-grid .gh-card.large .gh-card-title {
    font-size: 2.8rem;
    letter-spacing: -.02em
}

.gh-topic-grid .gh-card.no-image.large .gh-card-title {
    font-size: 4.2rem;
    line-height: 1.2
}

.gh-topic-grid .gh-card.featured.large .gh-card-title {
    color: var(--color-white);
    font-size: 4.2rem;
    line-height: 1.2
}

.gh-topic-grid .gh-card.featured.large .gh-card-link:hover .gh-card-title {
    opacity: .9
}

.gh-topic-grid .gh-card-excerpt {
    font-size: 1.7rem;
    margin-top: 12px;
    word-break: break-word
}

.gh-topic-grid .gh-card.no-image.large .gh-card-excerpt {
    max-width: 720px
}

.gh-topic-grid .gh-card:not(.large) .gh-card-excerpt {
    display: -webkit-box;
    font-size: 1.6rem;
    margin-top: 4px;
    overflow-y: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.gh-topic-grid .gh-card.featured.large .gh-card-excerpt {
    display: none
}

.gh-card-footer {
    align-items: center;
    color: var(--color-secondary-text);
    display: flex;
    font-size: 1.1rem;
    font-weight: 500;
    gap: 6px;
    margin-top: 16px;
    text-transform: uppercase
}

.gh-card:not(.large) .gh-card-footer {
    margin-top: 12px
}

.gh-topic-grid .gh-card.featured.large .gh-card-footer {
    color: var(--color-white);
    margin-top: 20px
}

.gh-card-footer>*+* {
    align-items: center;
    display: flex;
    gap: 6px
}

.gh-card-footer>*+:not(script):before {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    height: 2px;
    width: 2px
}

.gh-topic-list {
    display: grid;
    gap: 80px 48px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    margin-top: 120px
}

.gh-topic-header {
    align-items: center;
    border-bottom: 1px solid var(--color-light-gray);
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-bottom: 12px
}

.gh-topic-header .gh-topic-name {
    font-size: 2rem;
    letter-spacing: -.015em
}

.gh-topic-header .gh-topic-link {
    color: var(--color-secondary-text)
}

.gh-topic-minimal .gh-card {
    max-width: 720px
}

.gh-topic-minimal .gh-card-link {
    display: block
}

.gh-topic-minimal .gh-card-title {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.6;
    word-break: break-word
}

.gh-topic-minimal .gh-card+.gh-card {
    margin-top: 16px
}

.gh-topic-link {
    align-items: center;
    display: inline-flex;
    font-weight: 600;
    letter-spacing: -.011em
}

.gh-topic-link svg {
    height: 16px;
    margin-left: 4px;
    width: 16px
}

.gh-article-header {
    justify-items: start;
    position: relative
}

.gh-article-tag {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .01em;
    margin-bottom: 12px;
    text-transform: uppercase
}

.gh-article-excerpt {
    font-size: 1.9rem
}

.has-full-image .gh-article-excerpt {
    margin-bottom: -8px
}

.gh-article-image {
    grid-column: main-start/main-end;
    width: 100%
}

.has-wide-image .gh-article-image {
    grid-column: wide-start/wide-end
}

.gh-article-sidebar {
    grid-column: wide-start/main-start;
    left: 0;
    padding-right: 32px;
    position: absolute
}

.has-wide-image .gh-article-sidebar {
    top: calc(100% + 40px)
}

.gh-author-image-list {
    display: flex;
    margin-left: -2px
}

.gh-author-image {
    border-radius: 50%;
    height: 64px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 64px
}

.gh-author-image-list .gh-author-image {
    border: 2px solid var(--color-white);
    margin-bottom: 16px
}

.gh-author-image-list .gh-author-image:only-child {
    height: 68px;
    width: 68px
}

.gh-author-image-list .gh-author-image:hover {
    opacity: 1
}

.gh-author-image-list .gh-author-image+.gh-author-image {
    margin-left: -20px
}

.gh-author-image-list .gh-author-image:first-child {
    z-index: 30
}

.gh-author-image-list .gh-author-image:nth-child(2) {
    z-index: 20
}

.gh-author-image-list .gh-author-image:nth-child(3) {
    z-index: 10
}

.gh-author-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.gh-author-icon {
    background-color: var(--color-light-gray)
}

.gh-author-name-list {
    display: flex;
    flex-wrap: wrap;
    font-weight: 800;
    line-height: 1.35
}

.gh-author-name {
    display: flex;
    font-size: 1.8rem;
    letter-spacing: -.01em;
    line-height: 1.35
}

.gh-article-meta {
    color: var(--color-secondary-text);
    font-size: 1.3rem;
    letter-spacing: -.003em;
    margin-top: 3px
}

.gh-article-meta-inner {
    align-items: center;
    display: flex
}

.gh-article-meta-sep {
    background-color: currentColor;
    border-radius: 50%;
    height: 2px;
    margin: 0 6px;
    width: 2px
}

.gh-read-next {
    margin-top: 80px
}

.gh-read-next .gh-pagehead {
    margin-bottom: 48px;
    max-width: none
}

.gh-read-next .gh-pagehead-title {
    align-items: center;
    display: flex;
    font-size: 1.8rem
}



.gh-read-next .gh-pagehead-title:after {
    background-color: var(--color-light-gray);
    content: "";
    flex-grow: 1;
    height: 1px;
    margin-left: 1.6rem
}

.gh-cover {
    --cover-height: 50vh;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    justify-content: center;
    margin-bottom: -16px
}

.post-template .gh-cover {
    --cover-height: 100vh;
    align-items: flex-end;
    background-color: transparent;
    margin-bottom: -56px;
    padding-bottom: 0;
    padding-top: 120px
}

.post-template .gh-cover:before {
    background-color: var(--color-black);
    content: "";
    inset: 0;
    opacity: .3;
    position: absolute;
    transition: opacity 1.5s ease
}

.post-template .gh-cover.loading:before {
    opacity: 1
}

.post-template .gh-cover-image {
    transform: scale(1);
    transition: transform 1.5s ease
}

.post-template .gh-cover.loading .gh-cover-image {
    transform: scale(1.02)
}

.gh-cover-content {
    display: flex;
    flex-direction: column;
    margin-top: 100px;
    max-width: 720px;
    text-align: center;
    width: 100%
}

.post-template .gh-cover-content {
    align-items: flex-start;
    bottom: 80px;
    margin-bottom: 64px;
    max-width: 1200px;
    position: sticky;
    text-align: left
}

.gh-cover-content .gh-article-tag,
.gh-cover-title {
    color: var(--color-white)
}

.gh-cover-title {
    font-size: 7.2rem;
    text-transform: uppercase;
    word-break: break-word
}

.tag-template .gh-cover-title {
    font-family: var(--font-sans);
    letter-spacing: -.01em
}

.post-template .gh-cover-title {
    text-transform: none
}

.gh-cover-description {
    color: var(--color-white);
    font-size: 1.9rem;
    margin-top: 20px
}

.has-serif-body .gh-cover-description {
    font-family: var(--font-serif)
}

.gh-pagehead {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    /* max-width: 560px */
}

.gh-pagehead-title {
    font-size: 54px;
    font-weight: 600;
    letter-spacing: -.01em;
    text-align: center;
    font-weight: 500;
    margin-bottom: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
}

.tag-back {
    position: absolute;
    left: 10%;
    top: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;

}

@media (max-width:768px) {
    .gh-pagehead-title {
        font-size: 34px;
        font-weight: 600;
        letter-spacing: -.01em;
        text-align: center;
        font-weight: 500;
        margin-bottom: 40px;
        width: 100%;
    }

    .tag-back {
        position: absolute;
        left: 0%;
        top: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 6px;

    }
}

.gh-pagehead-description {
    color: var(--color-secondary-text);
    font-size: 1.7rem;
    margin-top: 12px
}

.has-serif-body .gh-pagehead-description {
    font-family: var(--font-serif)
}

.gh-subscribe {
    margin-bottom: 80px;
    margin-top: 40px;
    text-align: center
}

.gh-subscribe-title {
    color: var(--color-white);
    font-size: 4.4rem;
    white-space: break-spaces
}

.has-serif-title .gh-subscribe-title {
    font-family: var(--font-serif)
}

.gh-subscribe-description {
    font-size: 2rem;
    margin-top: 16px;
    white-space: break-spaces
}

.has-serif-body .gh-subscribe-description {
    font-family: var(--font-serif)
}

.gh-subscribe-btn {
    background-color: var(--color-white);
    color: var(--color-darker-gray);
    letter-spacing: -.011em;
    margin-top: 40px
}

.gh-subscribe-btn:hover {
    opacity: .9
}

.gh-subscribe-btn svg {
    margin-right: 6px
}

.gh-foot {
    background-color: var(--color-darker-gray);
    margin-top: 120px;
    padding-bottom: 120px;
    padding-top: 80px
}

.page-template .gh-foot {
    margin-top: 0
}

.gh-foot,
.gh-foot a,
.gh-foot a:hover {
    color: var(--color-white)
}

.gh-foot-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem
}

.gh-foot-menu {
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    padding-bottom: 32px;
    text-align: center;
    width: 100%
}

.gh-subscribe~.gh-foot-menu {
    border-top: 1px solid hsla(0, 0%, 100%, .15);
    padding: 16px 0
}

.gh-foot-menu .nav {
    font-weight: 500;
    gap: 32px
}

.gh-foot-menu .nav li+li:before {
    display: none
}

.gh-copyright {
    color: var(--color-secondary-text);
    letter-spacing: -.006em;
    margin-top: 32px
}

.gh-subscribe~.gh-copyright {
    margin-top: 64px
}

@media (max-width:767px) {
    .gh-main {
        padding-bottom: 6.4rem;
        padding-top: 6.4rem
    }

    .gh-cover-content {
        margin-top: 40px
    }

    .post-template .gh-cover-content {
        bottom: 32px;
        margin-bottom: 32px
    }

    .gh-cover-title {
        font-size: 3.2rem
    }

    .gh-cover-description {
        font-size: 1.7rem
    }

    .gh-topic-grid .gh-topic-content {
        row-gap: 32px !important
    }

    .gh-topic-grid .gh-card:not(:only-child).large {
        margin-bottom: 4px;
        padding-bottom: 36px
    }

    .gh-topic-grid .gh-card-link {
        gap: 16px
    }

    .gh-topic-grid .gh-card.large .gh-card-link {
        gap: 32px
    }

    .gh-topic-grid .gh-card.featured.large a.gh-card-link {
        min-height: 400px;
        padding: 32px 24px
    }

    .gh-topic-grid .gh-card-image {
        width: 100px
    }

    .gh-topic-grid .gh-card-title {
        font-size: 1.6rem
    }

    .gh-topic-grid .gh-card.featured.large .gh-card-title {
        font-size: 3.2rem
    }

    .gh-topic-grid .gh-card:not(.large) .gh-card-excerpt {
        display: none
    }

    .gh-card:not(.large) .gh-card-footer {
        margin-top: 8px
    }

    .gh-topic-grid .gh-card:not(.large) :where(.gh-card-author, .gh-card-footer-sep) {
        display: none
    }

    .gh-topic-minimal .gh-card+.gh-card {
        margin-top: 12px
    }

    .gh-topic-minimal .gh-card-title {
        font-size: 1.5rem
    }

    .gh-foot,
    .gh-read-next {
        margin-top: 64px
    }

    .gh-foot {
        padding-bottom: 160px;
        padding-top: 64px
    }

    .gh-subscribe {
        margin-bottom: 32px
    }

    .gh-subscribe-title {
        font-size: 3.2rem
    }

    .gh-subscribe-description {
        font-size: 1.7rem
    }

    .gh-foot-menu {
        padding: 24px 0
    }

    .gh-foot-menu .nav {
        gap: 12px
    }

    .gh-copyright {
        margin-top: 32px
    }
}

@media (min-width:768px) {
    body:not(.home-template) .gh-topic-grid .gh-card:not(.large) .gh-card-image {
        width: 160px
    }
}

@media (max-width:991px) {
    .gh-topic-grid .gh-topic-content {
        grid-template-columns: 1fr
    }

    .gh-topic-grid .gh-card.large {
        grid-column: auto
    }

    .gh-topic-grid .gh-card:not(.featured).large .gh-card-link {
        flex-direction: column
    }

    .gh-topic-grid .gh-card.featured.large .gh-card-link {
        min-height: 480px
    }

    .gh-topic-grid .gh-card.large .gh-card-link>* {
        width: 100%
    }
}

@media (min-width:992px) {
    .gh-head {
        font-size: 1.4rem;
        font-weight: 500
    }

    .has-full-image .gh-article-excerpt {
        font-size: 2.4rem;
        margin-top: 36px
    }
}

@media (max-width:1199px) {
    .gh-article-sidebar {
        align-items: center;
        -moz-column-gap: 12px;
        column-gap: 12px;
        display: grid;
        grid-column: main-start/main-end;
        grid-template-columns: auto 1fr;
        margin-top: 24px;
        padding-right: 0;
        position: static
    }

    .gh-article-sidebar .gh-author-image-list {
        grid-row: 1/3
    }

    .gh-article-sidebar .gh-author-image {
        height: 48px;
        margin-bottom: 0;
        width: 48px
    }

    .gh-author-image-list .gh-author-image+.gh-author-image {
        margin-left: -16px
    }

    .gh-author-name-list {
        font-weight: 600
    }

    .gh-author-name {
        font-size: 1.7rem;
        font-weight: 600
    }

    .gh-article-meta {
        line-height: 1;
        margin-top: -6px
    }
}

/*# sourceMappingURL=screen.css.map */


/* Header */

.headerMain {
    padding: 1rem 0px;
    max-width: 92%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
}

.headerLogin:hover .borderline {
    transform: scaleX(1);
    animation: growBeyond 0.5s 0.3s forwards;
    /* delay after scaleX(1) */
}

@keyframes growBeyond {
    0% {
        transform: scaleX(1);
    }

    100% {
        transform: scaleX(2);
    }

}


.headerSignup {
    display: flex;
    height: 48px;
    padding: 0px 25px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 1000px;
    background: var(--Black-900, #111827);
    color: var(--Neutral-Neutral-01, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 27.2px */
}

.headerCenter {
    display: flex;
    align-items: center;
    gap: 4rem;
    margin-left: -5%;
}

.headerCenterMobile {
    display: none;
    flex-direction: column;
}

@media (max-width:768px) {
    .headerCenter {
        display: none
    }

    .headerCenterMobile {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding-top: 30px;
    }

}

.headerSignup {
    display: flex;
    height: 48px;
    padding: 0px 25px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 1000px;
    background: var(--Black-900, #111827);
    color: var(--Neutral-Neutral-01, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 27.2px */
}

.headerCenter {
    display: flex;
    align-items: center;
    gap: 4rem;
    margin-left: -5%;
}

.headerCenterMobile {
    display: none;
    flex-direction: column;
}

@media (max-width:768px) {
    .headerCenter {
        display: none
    }

    .headerCenterMobile {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

}

.headerRight {
    display: flex;
    align-items: center;
    gap: 30px;
}

@media (max-width:768px) {
    .headerRight {
        display: none
    }
}

.headerMain {
    padding: 1rem 0px;
    max-width: 92%;
}

.maindocscontentwrapper {
    padding: 0 5%;
}

.docsContainer {
    border-radius: 60px 60px 0px 0px;
    background: #FFF;
    /* margin-top: 40px; */
    padding-top: 30px;
}

@media (max-width:768px) {
    .docsContainer {
        border-radius: 60px 60px 0px 0px;
        background: #FFF;
        /* margin-top: 40px; */
        padding-top: 10px;
    }
}

.docsTitle {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.docmaintitle {
    font-size: 40px;
}

@media (max-width:768px) {
    .docmaintitle {
        font-size: 30px;
        margin-top: 0px;
    }
}

.docsContentSection {}

.mainWrapper {}

.topContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px;

}

.helloText {
    margin: 0px !important;
    color: #1C1D1F;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 67.2px;
    letter-spacing: -1.28px;
}

.linksWrapper {
    padding: 50px 110px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 18%;
    border-radius: 60px 60px 0px 0px;
    background: #FFF;
    width: 100%;
    margin-top: 40px;

}



.linksSection {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.linkHeader {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0px;
}

.quetions {
    color: #525252;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.viewall {
    color: #111;

    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 5px;

}

.arrow {

    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    /* font-size: 13px; */
    display: flex;
    align-items: center;
    justify-self: center;
    margin-top: 0;
    padding: 0;
    text-decoration: none !important;
}

.searchBar {
    border-radius: 26px;
    width: 35%;
    margin-top: 10px;
    padding: 15px 20px !important;
    border-radius: 1000px;
    border: 1.5px solid var(--Red-Black-Black-200, #E5E7EB);
    background: #FFF;
    color: var(--Red-Black-Black-400, #9CA3AF);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.07px;
}

.searchText {
    font-size: 14px;
    margin-left: 5px;
}

.searchBottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
}

@media (max-width: 768px) {
    .mainWrapper {

        margin-top: 0px !important
    }

    .helloText {
        font-size: 20px;
    }

    .linksWrapper {
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 50px 20px;
        height: 100%;
        width: 100%;
        padding: 50px 10%;

    }

    .linkHeader {

        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .linksSection {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }

    .searchBar {
        width: 90%;
    }
}


/* Others */

.group:focus-within .group-focus-within\:ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.group\/dh:hover .group-hover\/dh\:bg-gray-900\/5 {
    background-color: rgb(var(--color-gray-900)/.05)
}

.group:focus .group-focus\:ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.group.current .group-\[\.current\]\:mr-2 {
    margin-right: .5rem
}

.group.no-sections .group-\[\.no-sections\]\:mt-0,
.group.no-space-top .group-\[\.no-space-top\]\:mt-0 {
    margin-top: 0;
    display: none;
}

.group.open .group-\[\.open\]\:block,
.group\/ds.open .group-\[\.open\]\/ds\:block {
    display: block
}

.group.external .group-\[\.external\]\:inline,
.group.loading .group-\[\.loading\]\:inline {
    display: inline
}

.group.current .group-\[\.current\]\:flex,
.group.has-breadcrumbs .group-\[\.has-breadcrumbs\]\:flex {
    display: flex
}

.group.loading .group-\[\.loading\]\:hidden,
.group.no-sections .group-\[\.no-sections\]\:hidden,
.group\/html.has-sidebar-transparent .group-\[\.has-sidebar-transparent\]\/html\:hidden {
    display: none
}

.group.has-breadcrumbs .group-\[\.has-breadcrumbs\]\:min-h-20 {
    min-height: 5rem
}

.group.current .group-\[\.current\]\:w-2 {
    width: .5rem
}

.group.open .group-\[\.open\]\:translate-x-0 {
    --tw-translate-x: 0px
}

.group.open .group-\[\.open\]\:translate-x-0,
.group\/ds.open .group-\[\.open\]\/ds\:rotate-90 {
    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\/ds.open .group-\[\.open\]\/ds\:rotate-90 {
    --tw-rotate: 90deg
}

.group.no-sections .group-\[\.no-sections\]\:space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px*var(--tw-space-y-reverse));
    margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}

.group\/html.has-sidebar-dark.dark .group-\[\.has-sidebar-dark\.dark\]\/html\:bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-950)/var(--tw-bg-opacity))
}

.group\/html.has-sidebar-dark .group-\[\.has-sidebar-dark\]\/html\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

.group.open .group-\[\.open\]\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
}

.group.no-sections .group-\[\.no-sections\]\:pt-4 {
    padding-top: 1rem
}

.group.current .group-\[\.current\]\:font-semibold {
    font-weight: 600
}

.group.current .group-\[\.current\]\:text-accent {
    color: var(--Blue-500, #3263E5);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
}

.invisible {
    visibility: hidden
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-\[100px\] {
    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)
}

.blur-\[100px\] {
    --tw-blur: blur(100px)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-blur-sm {
    -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-sm {
    --tw-backdrop-blur: blur(4px)
}

/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/




*,
:after,
:before {
    border-color: rgb(var(--color-gray-200)/1);
    border-style: solid;
    border-width: 0;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: Poppins !important;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;

    background: #F8F8F7 !important;
    max-width: 1600px;
    margin: auto;
}

body::-webkit-scrollbar {
    width: 5px;
}

/* Track */
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
body::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 8px;
}


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
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: Poppins !important;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: Poppins !important;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-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
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: rgb(var(--color-gray-400)/1);
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: rgb(var(--color-gray-400)/1);
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

html {
    font-family: Poppins !important;
}

html.has-serif-body {
    font-family: Poppins !important;
}

.has-headings-font,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins !important;
}

html.has-serif-headings .has-headings-font,
html.has-serif-headings h1,
html.has-serif-headings h2,
html.has-serif-headings h3,
html.has-serif-headings h4,
html.has-serif-headings h5,
html.has-serif-headings h6 {
    font-family: Poppins !important;
}

.dark {
    color-scheme: dark
}

.dark iframe {
    color-scheme: normal
}

*,
: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: rgba(59, 130, 246, .5);
    --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:
}

::backdrop {
    --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: rgba(59, 130, 246, .5);
    --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:
}

.\!container {
    width: 100% !important
}

.container {
    width: 100%
}

@media (min-width:640px) {
    .\!container {
        max-width: 640px !important
    }

    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .\!container {
        max-width: 768px !important
    }

    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .\!container {
        max-width: 1024px !important
    }

    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .\!container {
        max-width: 1280px !important
    }

    .container {
        max-width: 1280px
    }
}

@media (min-width:1366px) {
    .\!container {
        max-width: 1366px !important
    }

    .container {
        max-width: 1366px
    }
}

@media (min-width:1440px) {
    .\!container {
        max-width: 1440px !important
    }

    .container {
        max-width: 1440px
    }
}

@media (min-width:1536px) {
    .\!container {
        max-width: 1536px !important
    }

    .container {
        max-width: 1536px
    }
}

@media (min-width:1920px) {
    .\!container {
        max-width: 1920px !important
    }

    .container {
        max-width: 1920px
    }
}

.aspect-h-1 {
    --tw-aspect-h: 1
}

.aspect-h-16 {
    --tw-aspect-h: 16
}

.aspect-h-3 {
    --tw-aspect-h: 3
}

.aspect-h-4 {
    --tw-aspect-h: 4
}

.aspect-h-5 {
    --tw-aspect-h: 5
}

.aspect-h-9 {
    --tw-aspect-h: 9
}

.aspect-w-1 {
    --tw-aspect-w: 1;
    padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
    position: relative
}

.aspect-w-1>* {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.aspect-w-16 {
    --tw-aspect-w: 16;
    padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
    position: relative
}

.aspect-w-16>* {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.aspect-w-3 {
    --tw-aspect-w: 3;
    padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
    position: relative
}

.aspect-w-3>* {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.aspect-w-4 {
    --tw-aspect-w: 4;
    padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
    position: relative
}

.aspect-w-4>* {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.aspect-w-5 {
    --tw-aspect-w: 5;
    padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
    position: relative
}

.aspect-w-5>* {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.aspect-w-9 {
    --tw-aspect-w: 9;
    padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
    position: relative
}

.aspect-w-9>* {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.outer {
    padding-left: 0rem;
    padding-right: 0rem
}

.inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
    width: 100%
}

.content {
    color: #535862
}

.content a,
.has-links a {
    color: #017efa;
    font-weight: 500;
    /* text-decoration: underline; */
    text-decoration-color: var(--ghost-accent-color);
    text-decoration-thickness: 2px;
    text-underline-offset: 2px
}

.content a:hover,
.has-links a:hover {
    text-decoration: underline;
}

.content strong {
    color: var(--content-bold);
    font-weight: 600 !important
}

.content a strong,
.has-links a strong {
    color: inherit
}

.content strong a {
    font-weight: inherit
}

.content blockquote strong,
.content thead th strong {
    color: inherit
}

.content ol {
    list-style-type: decimal
}

.content ol[type=A] {
    list-style-type: upper-alpha
}

.content ol[type=a] {
    list-style-type: lower-alpha
}

.content ol[type=A s] {
    list-style-type: upper-alpha
}

.content ol[type=a s] {
    list-style-type: lower-alpha
}

.content ol[type=I] {
    list-style-type: upper-roman
}

.content ol[type=i] {
    list-style-type: lower-roman
}

.content ol[type=I s] {
    list-style-type: upper-roman
}

.content ol[type=i s] {
    list-style-type: lower-roman
}

.content ol[type="1"] {
    list-style-type: decimal
}

.content ul {
    list-style-type: disc
}

.content ol>li::marker {
    color: var(--Red-Black-Black-800, #121923);
    font-weight: 400
}

.content ul>li::marker {
    /* color: white; */

}

.content hr {
    border-color: var(--content-hr);
    border-top-width: 1
}

.content blockquote {
    border-left-color: var(--content-quote-borders);
    border-left-width: .25rem;
    color: var(--content-quotes);
    font-style: italic;
    font-weight: 500;
    quotes: "\201C" "\201D" "\2018" "\2019"
}

.content blockquote strong {
    font-weight: 700
}

.content blockquote:before {
    content: open-quote
}

.content blockquote:after {
    content: close-quote
}

.content h1 {
    color: var(--content-headings);
    font-weight: 500
}

.content h1 strong {
    color: inherit;
    font-weight: 500
}

.content h2 {
    color: var(--content-headings);
    font-weight: 500
}

.content h2 strong {
    color: inherit;
    font-weight: 500
}

.content h3 {
    color: var(--content-headings);
    font-weight: 400;
    font-size: 24px !important;

}

@media (max-width:768px) {
    .content h3 {
        color: var(--content-headings);
        font-weight: 400;
        font-size: 20px !important;

    }
}

.content h3 strong {
    color: inherit;
    font-weight: 500
}

.content h4 {
    color: var(--content-headings);
    font-weight: 500 !important
}

.content h4 strong {
    color: inherit;
    font-weight: 500
}

.content figcaption,
.has-figcaption figcaption {
    color: var(--content-captions);
    text-align: center
}

.content code {
    color: var(--content-code);
    font-weight: 600
}

.content code:after,
.content code:before {
    content: "`"
}

.content a code,
.content blockquote code,
.content h1 code,
.content h2 code,
.content h3 code,
.content h4 code,
.content thead th code,
.has-links a code {
    color: inherit
}

.content pre {
    border-radius: var(--radius-2xl, 16px);
    background: #F8F8F7;
    color: var(--content-pre-code);
    font-weight: 400;
    color: var(--Red-Black-Black-800, #121923);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    flex-wrap: wrap;
    padding: 30px !important;

}

.dark .content pre {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-inset: inset;
    --tw-ring-color: rgb(var(--color-gray-50)/0.05);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.content pre code {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    color: inherit;

    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0
}

.content pre code:after,
.content pre code:before {
    content: none
}

.content table {
    table-layout: auto;
    text-align: left;
    width: 100%;

}

.content thead {
    border-bottom-color: var(--content-th-borders);
    border-bottom-width: 1px
}

.content thead th {
    color: var(--content-headings);
    font-weight: 600;
    vertical-align: bottom;
    white-space: nowrap
}

.content tbody tr {
    border-bottom-color: var(--content-td-borders);
    border-bottom-width: 1px;
    font-family: inherit !important;
}

@media (max-width:768px) {


    .content tbody tr {
        border-bottom-color: var(--content-td-borders);
        border-bottom-width: 0px;
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
        border: 1px solid #dddddd;

    }
}

.content tbody tr:last-child {
    border-bottom-width: 0
}

.content tbody td {
    vertical-align: baseline;
    /* white-space: nowrap */
}

.content tfoot {
    border-top-color: var(--content-th-borders);
    border-top-width: 1px
}

.content tfoot td {
    vertical-align: top
}

.content .table-responsive {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
}

.content mark {
    background: rgb(var(--ghost-accent-color-rgb, 245 158 11)/.2);
    border-radius: .125rem;
    color: inherit;
    padding-left: .1em;
    padding-right: .1em
}

.content img {
    border-radius: .375rem
}

.content .kg-gallery-image:not([style]) {
    flex-grow: 0.33333;
    flex-shrink: 1
}

.content .kg-gallery-image img,
.content .kg-image-card img,
.content .kg-product-card .kg-product-card-image {
    background-color: rgba(0, 0, 0, .05)
}

.content .kg-image-card img {
    margin: auto
}

.content .kg-gallery-card img,
.content .kg-image-card img {
    cursor: zoom-in;
    margin-bottom: 0;
    margin-top: 0
}

.content .kg-gallery-card>a img,
.content .kg-image-card>a img {
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 0
}

.content .kg-gallery-card img {
    border-radius: .25rem
}

.content .kg-blockquote-alt {
    border: none;
    line-height: 1.375
}

.content .kg-blockquote-alt:before {
    color: var(--ghost-accent-color);
    content: "“";
    display: block;
    font-size: 200%;
    line-height: .4;
    padding-top: .5em
}

.content .kg-blockquote-alt a {
    text-decoration-thickness: 3px;
    text-underline-offset: 3px
}

@media (max-width:600px) {
    .content .kg-blockquote-alt {
        padding-left: 1em;
        padding-right: 1em
    }

    .content .kg-blockquote-alt a {
        text-decoration-thickness: 2px;
        text-underline-offset: 2px
    }
}

.content .kg-product-card-container {
    border: 1px solid rgb(var(--color-gray-900)/.1);
    border-radius: .375rem;
    box-shadow: none;
    padding: 1rem
}

.dark .content .kg-product-card-container {
    border-color: rgb(var(--color-gray-50)/.1)
}

.content .kg-product-card-container img {
    border-radius: .25rem;
    margin: 0
}

.content .kg-product-card .kg-product-card-title {
    font-family: Poppins !important;
}

.content .kg-product-card .kg-product-card-rating-star {
    align-items: center;
    color: #f59e0b;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.content .kg-product-card .kg-product-card-button,
.content .kg-product-card .kg-product-card-description ol,
.content .kg-product-card .kg-product-card-description p,
.content .kg-product-card .kg-product-card-description ul {
    font-family: Poppins !important;
    opacity: 1
}

.content .kg-product-card .kg-product-card-button {
    border-radius: .25rem;
    height: auto;
    line-height: 1.375;
    min-height: 2.4em;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: center;
    transition: none
}

.content .kg-product-card .kg-product-card-button:hover {
    opacity: .85
}

.content .kg-toggle-card {
    border: 1px solid rgb(var(--color-gray-900)/.1);
    border-radius: .375rem;
    box-shadow: none;
    padding: .875rem
}

.dark .content .kg-toggle-card {
    border-color: rgb(var(--color-gray-50)/.1)
}

.content .kg-toggle-heading svg {
    color: rgb(var(--color-gray-400)/1)
}

.dark .content .kg-toggle-heading svg {
    color: rgb(var(--color-gray-500)/1)
}

.content .kg-button-card .kg-btn {
    border-radius: .375rem;
    height: auto;
    line-height: 1.375;
    min-height: 2.4em;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: center;
    transition: none
}

.content .kg-video-container {
    border-radius: .375rem;
    overflow: hidden
}

.content .kg-video-overlay,
.content .kg-video-player-container {
    z-index: 10
}

.content .kg-video-overlay.kg-video-hide-animated,
.content .kg-video-player-container.kg-video-hide-animated {
    z-index: -1
}

.content .kg-audio-card {
    border: 1px solid rgb(var(--color-gray-900)/.1);
    border-radius: .375rem;
    box-shadow: none
}

.dark .content .kg-audio-card {
    border-color: rgb(var(--color-gray-50)/.1)
}

.content .kg-audio-thumbnail {
    border-radius: .25rem
}

.content .kg-audio-title {
    color: var(--content-headings)
}

.content .kg-audio-time {
    color: rgb(var(--color-gray-400)/1)
}

.dark .content .kg-audio-time {
    color: rgb(var(--color-gray-500)/1)
}

.content .kg-file-card-container {
    border: 1px solid rgb(var(--color-gray-900)/.1);
    border-radius: .375rem;
    box-shadow: none;
    padding: .5rem
}

.dark .content .kg-file-card-container {
    border-color: rgb(var(--color-gray-50)/.1)
}

.content .kg-file-card-title {
    color: var(--content-headings)
}

.content .kg-file-card-title+.kg-file-card-caption {
    font-size: .875rem;
    margin-top: .5rem
}

.content .kg-file-card-icon:before {
    border-radius: .25rem
}

.content .kg-bookmark-card .kg-bookmark-container,
.content .kg-bookmark-card .kg-bookmark-container:hover {
    border-color: rgb(var(--color-gray-900)/.1);
    border-radius: .375rem;
    padding: .875rem
}

.dark .content .kg-bookmark-card .kg-bookmark-container {
    border-color: rgb(var(--color-gray-50)/.1)
}

.content .kg-bookmark-card .kg-bookmark-container:hover {
    background-color: rgb(var(--color-gray-50)/1)
}

.dark .content .kg-bookmark-card .kg-bookmark-container:hover {
    background-color: rgb(var(--color-gray-800)/1)
}

.content .kg-bookmark-card .kg-bookmark-content {
    padding: 0
}

.content .kg-bookmark-card .kg-bookmark-title {
    color: var(--content-headings);
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: .5rem
}

.content .kg-bookmark-card .kg-bookmark-description {
    color: var(--content-captions);
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    margin-top: 0;
    opacity: 1
}

.content .kg-bookmark-card .kg-bookmark-icon {
    border-radius: .125rem;
    margin-bottom: 0;
    margin-top: 0
}

.content .kg-bookmark-card .kg-bookmark-metadata {
    display: none;
    font-size: .875rem;
    margin-top: 0
}

.content .kg-bookmark-card .kg-bookmark-metadata>* {
    color: var(--content-captions);
    font-size: .875rem;
    line-height: 1.5;
    opacity: 1
}

.content .kg-bookmark-card .kg-bookmark-thumbnail {
    display: none;
    background-color: rgba(0, 0, 0, .05);
    border-radius: .25rem;
    margin-left: 1rem;
    min-height: 120px;
    min-width: 25%;
    overflow: hidden
}

.content .kg-bookmark-card .kg-bookmark-thumbnail img {

    border-radius: .25rem;
    margin: 0
}

.content .kg-bookmark-card .kg-bookmark-author {
    flex-shrink: 0;
    width: auto
}

@media (max-width:640px) {
    .content .kg-bookmark-card .kg-bookmark-container {
        flex-direction: column-reverse
    }

    .content .kg-bookmark-card .kg-bookmark-content {
        padding: 0
    }

    .content .kg-bookmark-card .kg-bookmark-thumbnail {
        aspect-ratio: 16/9;
        margin-bottom: 1rem;
        margin-left: 0
    }
}

.content .kg-callout-card {
    border-radius: .375rem
}

.content .kg-callout-card .kg-callout-emoji {
    flex-shrink: 0
}

.content .kg-callout-card-grey {
    background-color: rgb(var(--color-gray-50)/1)
}

.dark .content .kg-callout-card-grey {
    background-color: rgb(var(--color-gray-800)/1)
}

.content .kg-callout-card-white {
    box-shadow: inset 0 0 0 1px rgb(var(--color-gray-900)/.1)
}

.dark .content .kg-callout-card-white {
    box-shadow: inset 0 0 0 1px rgb(var(--color-gray-50)/.1)
}

.dark .content .kg-callout-card-blue {
    background-color: rgba(14, 165, 233, .2)
}

.dark .content .kg-callout-card-green {
    background-color: rgba(16, 185, 129, .2)
}

.dark .content .kg-callout-card-yellow {
    background-color: rgba(249, 115, 22, .2)
}

.dark .content .kg-callout-card-red {
    background-color: rgba(239, 68, 68, .2)
}

.dark .content .kg-callout-card-pink {
    background-color: rgba(236, 72, 153, .2)
}

.dark .content .kg-callout-card-purple {
    background-color: rgba(168, 85, 247, .2)
}

.content .kg-callout-card.kg-callout-card-accent strong {
    color: inherit
}

.content .kg-callout-card.kg-callout-card-accent a {
    text-decoration-thickness: 2px
}

.content .kg-callout-card.kg-callout-card-accent a:hover {
    opacity: .85
}

.content .kg-embed-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.content .kg-embed-card iframe {
    border-radius: .375rem
}

.content .kg-embed-card iframe[src*="codepen.io"],
.content .kg-embed-card iframe[src*="soundcloud.com"] {
    aspect-ratio: 16/9;
    height: 100%;
    max-height: 432px
}

.content .kg-embed-card iframe[src*="spotify.com"] {
    aspect-ratio: 16/9;
    max-height: 432px
}

.content iframe.instagram-media {
    margin: 6vmin auto 0 !important
}

.content iframe.instagram-media+script+:not([id]) {
    margin-top: 6vmin
}

.content .kg-width-full,
.content .kg-width-wide {
    display: block
}

.content .kg-width-full img {
    border-radius: 0;
    width: 100%
}

.content.has-wide .kg-width-wide {
    left: 50%;
    margin-left: calc(-50vw + 1.25rem);
    position: relative;
    width: calc(100vw - 2.5rem)
}

.content.has-full .kg-width-full {
    border-radius: 0;
    left: 50%;
    margin-left: -50vw;
    position: relative;
    width: 100vw
}

@media (min-width:1024px) {
    .content.has-wide .kg-width-wide {
        left: 0;
        margin-left: calc(-128px + 1.25rem);
        position: relative;
        width: calc(100% + 256px - 2.5rem)
    }
}

.content.has-full .kg-header-card {
    align-items: center;
    display: flex;
    text-align: center
}

.content .kg-header-card.kg-style-light {
    background-color: rgb(var(--color-gray-50)/1)
}

.content .kg-header-card.kg-style-dark,
.dark .content .kg-header-card.kg-style-light {
    background-color: rgb(var(--color-gray-950)/1)
}

.dark .content .kg-header-card.kg-style-dark {
    background-color: rgb(var(--color-gray-50)/1);
    color: rgb(var(--color-gray-900)/1)
}

.content .kg-header-card.kg-style-dark .kg-header-card-header,
.content .kg-header-card.kg-style-dark .kg-header-card-subheader {
    color: rgb(var(--color-gray-50)/1)
}

.dark .content .kg-header-card.kg-style-dark .kg-header-card-header,
.dark .content .kg-header-card.kg-style-dark .kg-header-card-subheader {
    color: rgb(var(--color-gray-900)/1)
}

.content .kg-header-card.kg-style-dark .kg-header-card-button {
    background-color: rgb(var(--color-gray-50)/1);
    color: rgb(var(--color-gray-900)/1)
}

.dark .content .kg-header-card.kg-style-dark .kg-header-card-button {
    background-color: rgb(var(--color-gray-900)/1);
    color: rgb(var(--color-gray-50)/1)
}

.content .kg-header-card .kg-header-card-header,
.content .kg-header-card .kg-header-card-header strong {
    font-weight: 700
}

.content .kg-header-card h2+.kg-header-card-subheader {
    margin-top: 2.5vh
}

.content .kg-header-card .kg-header-card-subheader {
    margin-bottom: 1vh;
    margin-top: 1vh;
    opacity: .8
}

.content .kg-header-card h2.kg-header-card-header a,
.content .kg-header-card h3.kg-header-card-subheader a {
    color: inherit
}

.content .kg-header-card h2.kg-header-card-header a:hover,
.content .kg-header-card h3.kg-header-card-subheader a:hover {
    color: var(--ghost-accent-color)
}

.content .kg-header-card h2.kg-header-card-header a {
    font-weight: inherit;
    text-decoration-thickness: 4px;
    text-underline-offset: 4px
}

.content .kg-header-card.kg-style-accent h2.kg-header-card-header a,
.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader a {
    color: inherit;
    text-decoration-color: inherit
}

.content .kg-header-card.kg-style-accent h2.kg-header-card-header a:hover,
.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader a:hover {
    color: inherit;
    opacity: .8
}

.content .kg-header-card .kg-header-card-button {
    border-radius: .25rem
}

.content .kg-card.kg-header-card {
    margin-bottom: 4em;
    margin-top: 4em;
    z-index: 0
}

.content .kg-header-card.kg-width-full+.kg-header-card.kg-width-full,
.content .kg-signup-card.kg-width-full+.kg-header-card.kg-width-full {
    margin-top: -4em
}

.content .kg-header-card.kg-v2 {
    border-radius: .375rem;
    overflow: hidden;
    z-index: 0
}

.content .kg-header-card.kg-v2 code {
    color: inherit
}

.content .kg-header-card.kg-v2 .kg-header-card-heading {
    font-size: 3rem !important;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.25
}

.content .kg-header-card.kg-v2 .kg-header-card-subheading {
    font-weight: 400 !important;
    margin-top: .5rem !important
}

.content .kg-header-card.kg-v2:not(.kg-width-full) .kg-header-card-subheading {
    font-size: 1.25rem !important
}

.content .kg-header-card.kg-v2 .kg-header-card-button {
    border-radius: .25rem;
    height: auto;
    line-height: 1.25;
    max-width: 100%;
    min-height: 48px;
    padding-bottom: .75rem;
    padding-top: .75rem;
    white-space: normal
}

.content .kg-header-card.kg-v2:not(.kg-layout-split)>picture:after {
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0
}

.content .kg-header-card.kg-v2.kg-width-wide .kg-header-card-content {
    padding: min(6.4vmax, 120px) 1.5rem
}

.content .kg-header-card.kg-v2.kg-width-wide .kg-header-card-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 48rem;
    padding: 0
}

.content .kg-header-card.kg-v2.kg-width-full {
    border-radius: 0
}

.content .kg-header-card.kg-v2.kg-width-full:not(.kg-layout-split) .kg-header-card-text {
    padding: min(12vmax, 260px)
}

.content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-content>picture {
    margin-bottom: 8rem;
    margin-top: 8rem
}

.content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-image {
    border-radius: .25rem;
    padding: 0
}

@media not all and (min-width:1024px) {
    .content .kg-header-card.kg-v2.kg-width-full .kg-header-card-content {
        padding: min(12vmax, 260px) 1.25rem
    }

    .content .kg-header-card.kg-v2.kg-width-full:not(.kg-layout-split) .kg-header-card-text {
        margin-left: auto;
        margin-right: auto;
        max-width: 48rem;
        padding: 0 !important
    }

    .content .kg-header-card.kg-v2.kg-width-full .kg-header-card-subheading {
        font-size: 1.25rem !important
    }

    .content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-text {
        margin-left: auto;
        margin-right: auto;
        max-width: 48rem;
        padding: min(12vmax, 260px) 0 !important
    }

    .content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-content {
        grid-template-columns: 1fr;
        padding: 0 1.25rem !important
    }

    .content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-content>picture {
        margin: 0 -1.25rem
    }

    .content .kg-header-card.kg-v2.kg-layout-split.kg-content-wide .kg-header-card-content>picture {
        margin-bottom: 0;
        margin-top: 0
    }

    .content .kg-header-card.kg-v2.kg-layout-split:not(.kg-content-wide) .kg-header-card-image {
        aspect-ratio: 1/1;
        height: auto;
        min-height: unset
    }
}

@media (min-width:1536px) {
    .content .kg-header-card.kg-v2.kg-width-wide .kg-header-card-heading {
        font-size: 3.75rem !important
    }

    .content .kg-header-card.kg-v2.kg-width-full .kg-header-card-heading {
        font-size: clamp(3.6rem, 5.6vw, 6.4rem) !important;
        line-height: 1.1 !important
    }
}

@media not all and (min-width:640px) {
    .content .kg-header-card.kg-v2 .kg-header-card-heading {
        font-size: 1.875rem !important
    }
}

.content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] {
    background-color: rgb(var(--color-gray-50)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] {
    background-color: rgb(var(--color-gray-800)/1) !important;
    border: 1px solid rgb(var(--color-gray-50)/10%)
}

.content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-heading {
    color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-heading {
    color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-subheading {
    color: rgb(var(--color-gray-500)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-subheading {
    color: rgb(var(--color-gray-400)/1) !important
}

.content .kg-header-card.kg-v2[data-background-color="#000000"] {
    background-color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#000000"] {
    background-color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-heading {
    color: rgb(var(--color-gray-50)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-heading {
    color: rgb(var(--color-gray-900)/1) !important
}

.content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-subheading {
    color: rgb(var(--color-gray-400)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-subheading {
    color: rgb(var(--color-gray-500)/1) !important
}

.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-heading,
.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-subheading {
    color: var(--color-contrast, #fff) !important
}

.content .kg-header-card.kg-v2>picture~.kg-header-card-content .kg-header-card-subheading,
.dark .content .kg-header-card.kg-v2>picture~.kg-header-card-content .kg-header-card-heading,
.dark .content .kg-header-card.kg-v2>picture~.kg-header-card-content .kg-header-card-subheading {
    color: #fff !important
}

.content .kg-header-card.kg-v2 .kg-header-card-button[style*="background-color: #000000"] {
    background-color: rgb(var(--color-gray-900)/1) !important;
    color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-header-card.kg-v2 .kg-header-card-button.kg-style-accent {
    color: var(--color-contrast, #fff) !important
}

.content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-button[style*="background-color: #ffffff"] {
    color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-button[style*="background-color: #ffffff"] {
    background-color: rgb(var(--color-gray-50)/1) !important;
    color: rgb(var(--color-gray-900)/1) !important
}

.content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-button[style*="background-color: #000000"] {
    background-color: rgb(var(--color-gray-900)/1) !important;
    color: rgb(var(--color-gray-50)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#F0F0F0"] .kg-header-card-button[style*="background-color: #000000"],
html:not(.dark) .content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-button[style*="background-color: #ffffff"] {
    background-color: rgb(var(--color-gray-50)/1) !important;
    color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-header-card.kg-v2[data-background-color="#000000"] .kg-header-card-button[style*="background-color: #ffffff"] {
    background-color: rgb(var(--color-gray-900)/1) !important;
    color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-header-card.kg-v2 .kg-header-card-heading a {
    font-weight: inherit;
    text-decoration-thickness: 3px;
    text-underline-offset: 3px
}

.content .kg-header-card.kg-v2:not(.kg-style-accent) .kg-header-card-heading a:hover,
.content .kg-header-card.kg-v2:not(.kg-style-accent) .kg-header-card-subheading a:hover {
    color: var(--ghost-accent-color)
}

.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-heading a,
.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-subheading a {
    text-decoration-color: var(--color-contrast, #fff)
}

.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-heading a:hover,
.content .kg-header-card.kg-v2.kg-style-accent .kg-header-card-subheading a:hover {
    opacity: .8
}

.content .kg-card.kg-signup-card {
    border-radius: .375rem;
    margin-bottom: 4em;
    margin-top: 4em;
    overflow: hidden;
    z-index: 0
}

.content .kg-header-card.kg-width-full+.kg-signup-card.kg-width-full,
.content .kg-signup-card.kg-width-full+.kg-signup-card.kg-width-full {
    margin-top: -4em
}

.content .kg-card.kg-signup-card code {
    color: inherit
}

.content .kg-signup-card .kg-signup-card-heading {
    font-size: 3rem !important;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.25
}

.content .kg-signup-card .kg-signup-card-subheading {
    font-weight: 400 !important;
    margin-top: .5rem !important
}

.content .kg-signup-card:not(.kg-width-full) .kg-signup-card-subheading {
    font-size: 1.25rem !important
}

.content .kg-signup-card .kg-signup-card-fields {
    border-radius: .375rem
}

.content .kg-signup-card .kg-signup-card-button,
.content .kg-signup-card .kg-signup-card-input {
    max-height: 48px
}

.content .kg-signup-card .kg-signup-card-button {
    border-radius: .25rem
}

.content .kg-signup-card .kg-signup-card-disclaimer {
    font-size: .875rem;
    margin-top: .5rem
}

.content .kg-signup-card:not(.kg-layout-split)>picture:after {
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0
}

.content .kg-signup-card.kg-width-wide .kg-signup-card-content {
    padding: min(6.4vmax, 120px) 1.5rem
}

.content .kg-signup-card.kg-width-wide .kg-signup-card-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 48rem;
    padding: 0
}

.content .kg-signup-card.kg-width-full {
    border-radius: 0
}

.content .kg-signup-card.kg-width-full:not(.kg-layout-split) .kg-signup-card-text {
    padding: min(12vmax, 260px)
}

.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-content>picture {
    margin-bottom: 8rem;
    margin-top: 8rem
}

.content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-image {
    border-radius: .25rem;
    padding: 0
}

@media not all and (min-width:1024px) {
    .content .kg-signup-card.kg-width-full .kg-signup-card-content {
        padding: min(12vmax, 260px) 1.25rem
    }

    .content .kg-signup-card.kg-width-full:not(.kg-layout-split) .kg-signup-card-text {
        margin-left: auto;
        margin-right: auto;
        max-width: 48rem;
        padding: 0 !important
    }

    .content .kg-signup-card.kg-width-full .kg-signup-card-subheading {
        font-size: 1.25rem !important
    }

    .content .kg-signup-card.kg-layout-split .kg-signup-card-text {
        margin-left: auto;
        margin-right: auto;
        max-width: 48rem;
        padding: min(12vmax, 260px) 0 !important
    }

    .content .kg-signup-card.kg-layout-split .kg-signup-card-content {
        grid-template-columns: 1fr;
        padding: 0 1.25rem !important
    }

    .content .kg-signup-card.kg-layout-split .kg-signup-card-content>picture {
        margin: 0 -1.25rem
    }

    .content .kg-signup-card.kg-layout-split.kg-content-wide .kg-signup-card-content>picture {
        margin-bottom: 0;
        margin-top: 0
    }

    .content .kg-signup-card.kg-layout-split:not(.kg-content-wide) .kg-signup-card-image {
        aspect-ratio: 1/1;
        height: auto;
        min-height: unset
    }
}

@media (min-width:1536px) {
    .content .kg-signup-card.kg-width-wide .kg-signup-card-heading {
        font-size: 3.75rem !important
    }

    .content .kg-signup-card.kg-width-full .kg-signup-card-heading {
        font-size: clamp(3.6rem, 5.6vw, 6.4rem) !important;
        line-height: 1.1 !important
    }
}

@media not all and (min-width:640px) {
    .content .kg-signup-card .kg-signup-card-heading {
        font-size: 1.875rem !important
    }
}

.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] {
    background-color: rgb(var(--color-gray-50)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] {
    background-color: rgb(var(--color-gray-800)/1) !important;
    border: 1px solid rgb(var(--color-gray-50)/10%)
}

.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-heading {
    color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-heading {
    color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-error,
.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-subheading,
.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-success {
    color: rgb(var(--color-gray-500)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-error,
.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-subheading,
.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-success {
    color: rgb(var(--color-gray-400)/1) !important
}

.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-disclaimer {
    color: rgb(var(--color-gray-500)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-disclaimer {
    color: rgb(var(--color-gray-400)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-fields {
    background-color: rgb(var(--color-gray-700)/1) !important;
    border: 1px solid rgb(var(--color-gray-50)/10%)
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .error .kg-signup-card-fields {
    border: 1px solid red
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-input {
    background-color: rgb(var(--color-gray-700)/1) !important;
    color: rgb(var(--color-gray-400)/1)
}

.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] {
    background-color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] {
    background-color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-heading {
    color: rgb(var(--color-gray-50)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-heading {
    color: rgb(var(--color-gray-900)/1) !important
}

.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-error,
.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-subheading,
.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-success {
    color: rgb(var(--color-gray-400)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-error,
.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-subheading,
.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-success {
    color: rgb(var(--color-gray-500)/1) !important
}

.content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-disclaimer {
    color: rgb(var(--color-gray-400)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-disclaimer {
    color: rgb(var(--color-gray-500)/1) !important
}

html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-fields {
    background-color: rgb(var(--color-gray-700)/1) !important;
    border: 1px solid rgb(var(--color-gray-50)/10%)
}

html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .error .kg-signup-card-fields {
    border: 1px solid red
}

html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-input {
    background-color: rgb(var(--color-gray-700)/1) !important;
    color: rgb(var(--color-gray-400)/1)
}

.content .kg-signup-card.kg-style-accent .kg-signup-card-disclaimer,
.content .kg-signup-card.kg-style-accent .kg-signup-card-error,
.content .kg-signup-card.kg-style-accent .kg-signup-card-heading,
.content .kg-signup-card.kg-style-accent .kg-signup-card-subheading,
.content .kg-signup-card.kg-style-accent .kg-signup-card-success {
    color: var(--color-contrast, #fff) !important
}

.dark .content .kg-signup-card.kg-style-accent .kg-signup-card-input {
    color: rgb(var(--color-gray-900)/1)
}

.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-disclaimer,
.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-error,
.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-heading,
.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-subheading,
.dark .content .kg-signup-card>picture~.kg-signup-card-content .kg-signup-card-success {
    color: #fff !important
}

.content .kg-signup-card .kg-signup-card-button[style*="background-color: #000000"] {
    background-color: rgb(var(--color-gray-900)/1) !important;
    color: rgb(var(--color-gray-50)/1) !important
}

.content .kg-signup-card .kg-signup-card-button.kg-style-accent {
    color: var(--color-contrast, #fff) !important
}

.content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-button[style*="background-color: #ffffff"] {
    color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(240, 240, 240)"] .kg-signup-card-button[style*="background-color: #ffffff"],
html:not(.dark) .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-button[style*="background-color: #ffffff"] {
    background-color: rgb(var(--color-gray-50)/1) !important;
    color: rgb(var(--color-gray-900)/1) !important
}

.dark .content .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] .kg-signup-card-button[style*="background-color: #ffffff"] {
    color: rgb(var(--color-gray-900)/1) !important
}

.content .kg-signup-card .kg-signup-card-heading a {
    font-weight: inherit;
    text-decoration-thickness: 3px;
    text-underline-offset: 3px
}

.content .kg-signup-card.kg-style-accent .kg-signup-card-disclaimer a,
.content .kg-signup-card.kg-style-accent .kg-signup-card-heading a,
.content .kg-signup-card.kg-style-accent .kg-signup-card-subheading a {
    text-decoration-color: var(--color-contrast, #fff)
}

.content .kg-signup-card.kg-style-accent .kg-signup-card-disclaimer a:hover,
.content .kg-signup-card.kg-style-accent .kg-signup-card-heading a:hover,
.content .kg-signup-card.kg-style-accent .kg-signup-card-subheading a:hover {
    color: inherit;
    opacity: .8
}

.content .kg-button-card a.kg-btn-accent,
.content .kg-callout-card-accent,
.content .kg-callout-card.kg-callout-card-accent a,
.content .kg-header-card.kg-style-accent h2.kg-header-card-header,
.content .kg-header-card.kg-style-accent h2.kg-header-card-header a,
.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader,
.content .kg-header-card.kg-style-accent h3.kg-header-card-subheader a,
.content .kg-header-card.kg-style-light a.kg-header-card-button,
.content .kg-product-card a.kg-product-card-btn-accent {
    color: var(--color-contrast, #fff)
}

.content {
    font-size: 15px;
    line-height: 1.75
}

.content>*+* {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.content>p {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.content>p:before {
    content: "";
    display: inline-flex
}

.content>blockquote {
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-left: 1em
}

.content>h1 {
    font-size: 2.25em;
    letter-spacing: -.025em;
    line-height: 1.11111;
    margin-bottom: .88889em;
    margin-top: 1.77778em
}

.content>h2 {
    font-size: 1.5em;
    letter-spacing: -.025em;
    line-height: 1.33333;
    margin-bottom: 1em;
    margin-top: 2em
}

.content>h3 {
    font-size: 1.25em;
    letter-spacing: -.025em;
    line-height: 1.6;
    margin-bottom: .6em;
    margin-top: 1.6em
}

.content>h4,
.content>h5,
.content>h6 {
    line-height: 1.5;
    margin-bottom: .5em;
    margin-top: 1.5em
}

.content>.kg-card,
.content>figure,
.content>img,
.content>video {
    margin-bottom: 2em;
    margin-top: 2em
}

.content .kg-audio-card+.kg-audio-card,
.content .kg-button-card+.kg-button-card,
.content .kg-callout-card+.kg-callout-card,
.content .kg-file-card+.kg-file-card,
.content .kg-toggle-card+.kg-toggle-card {
    margin-top: -1em
}

.content .kg-gallery-card,
.content .kg-image-card {
    --gap: 0.5em
}

.content .kg-gallery-card:not(.kg-card-hascaption)+.kg-gallery-card,
.content .kg-gallery-card:not(.kg-card-hascaption)+.kg-image-card,
.content .kg-image-card:not(.kg-card-hascaption)+.kg-gallery-card,
.content .kg-image-card:not(.kg-card-hascaption)+.kg-image-card {
    margin-top: -1.5em
}

.content>figure>* {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.content>figure figcaption,
.has-figcaption figcaption {
    font-size: .875em;
    line-height: 1.42857;
    margin-top: .85714em !important
}

.content>code,
.content>h2 code {
    font-size: .875em
}

.content>h3 code {
    font-size: .9em
}

.content pre {
    border-radius: .375rem;
    font-size: 14px;
    line-height: 1.71429;
    padding: .85714em 1.14286em
}

.content>pre {
    margin-bottom: 2.28571em;
    margin-top: 2.28571em
}

.content>.code-toolbar {
    margin-bottom: 2em;
    margin-top: 2em
}

.content ol,
.content ul {
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-left: 3rem;
    /* color: var(--Red-Black-Black-800, #121923); */
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-height-text-md, 24px);
}

@media (max-width:768px) {

    .content ol,
    .content ul {
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-left: 20px;
        color: var(--Red-Black-Black-800, #121923);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: var(--Line-height-text-md, 24px);
    }
}

.content ol>li,
.content ul>li {
    margin-bottom: .5em;
    margin-top: .5em;
    padding-left: .375em
}

.content>ol>li p,
.content>ul>li p {
    margin-bottom: .75em;
    margin-top: .75em
}

.content>ol>li>:first-child:not(ul):not(li),
.content>ul>li>:first-child:not(ul):not(li) {
    margin-top: 1.25em
}

.content>ol>li>:last-child:not(ul):not(li),
.content>ul>li>:last-child:not(ul):not(li) {
    margin-bottom: 1.25em
}

.content ol ol,
.content ol ul,
.content ul ol,
.content ul ul {
    margin-bottom: .75em;
    margin-top: .75em;


}

.content>hr {
    margin-bottom: 3em;
    margin-top: 3em
}

.content>h2[id]+*,
.content>h3[id]+*,
.content>h4[id]+*,
.content>h5[id]+*,
.content>h6[id]+*,
.content>hr+* {
    margin-top: 0
}

.content .table-responsive,
.content>table {
    font-size: .875em;
    line-height: 1.71429
}

.content>.table-responsive,
.content>table {
    margin-bottom: 2.28571em;
    margin-top: 2.28571em
}

.content thead th {
    padding-bottom: .57143em;
    padding-left: .57143em;
    padding-right: .57143em
}

.content thead th:first-child {
    padding-left: 0
}

.content thead th:last-child {
    padding-right: 0
}

.content tbody td,
.content tfoot td {
    padding: .57143em
}

.content tbody td:first-child,
.content tfoot td:first-child {
    padding-left: 0
}

.content tbody td:last-child,
.content tfoot td:last-child {
    padding-right: 0
}

.content>:first-child {
    margin-top: 0
}

.content>:last-child {
    margin-bottom: 0
}

.content-lg {
    font-size: 1.125rem;
    line-height: 1.77778
}

.content-lg>*+* {
    margin-bottom: 1.875rem;
    margin-top: 1.875rem
}

.content-lg>p {
    margin-bottom: 1.33333em;
    margin-top: 1.33333em
}

.content-lg>blockquote {
    margin-bottom: 1.66667em;
    margin-top: 1.66667em;
    padding-left: 1em
}

.content-lg>h1 {
    font-size: 2.66667em;
    letter-spacing: -.025em;
    line-height: 1;
    margin-bottom: .83333em;
    margin-top: 2.22222em
}

.content-lg>h2 {
    font-size: 1.66667em;
    letter-spacing: -.025em;
    line-height: 1.33333;
    margin-bottom: 1.06667em;
    margin-top: 1.86667em
}

.content-lg>h3 {
    font-size: 1.33333em;
    letter-spacing: -.025em;
    line-height: 1.5;
    margin-bottom: .66667em;
    margin-top: 1.66667em
}

.content-lg>h4,
.content-lg>h5,
.content-lg>h6 {
    line-height: 1.55556;
    margin-bottom: .44444em;
    margin-top: 1.77778em
}

.content-lg>.kg-card,
.content-lg>figure,
.content-lg>img,
.content-lg>video {
    margin-bottom: 1.77778em;
    margin-top: 1.77778em
}

.content-lg .kg-audio-card+.kg-audio-card,
.content-lg .kg-button-card+.kg-button-card,
.content-lg .kg-callout-card+.kg-callout-card,
.content-lg .kg-file-card+.kg-file-card,
.content-lg .kg-toggle-card+.kg-toggle-card {
    margin-top: -.77778em
}

.content-lg .kg-gallery-card,
.content-lg .kg-image-card {
    --gap: 0.44444em
}

.content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-gallery-card,
.content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-image-card,
.content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-gallery-card,
.content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-image-card {
    margin-top: -1.33333em
}

.content-lg>figure>* {
    margin-bottom: 0;
    margin-top: 0
}

.content-lg>figure figcaption,
.has-figcaption-lg figcaption {
    font-size: .875rem;
    line-height: 1.71429;
    margin-top: .75rem !important
}

.content-lg>code {
    font-size: .88889em
}

.content-lg>h2 code {
    font-size: .86667em
}

.content-lg>h3 code {
    font-size: .875em
}

.content-lg pre {
    border-radius: .42857rem;
    font-size: .77778em;
    line-height: 1.71429;
    padding: 1.14286em 1.71429em
}

.content-lg>pre {
    margin-bottom: 2em;
    margin-top: 2em
}

.content-lg>.code-toolbar {
    margin-bottom: 1.77778em;
    margin-top: 1.77778em
}

.content-lg ol,
.content-lg ul {
    margin-bottom: 1.33333em;
    margin-top: 1.33333em;
    padding-left: 1.55556em
}

.content-lg ol>li,
.content-lg ul>li {
    margin-bottom: .66667em;
    margin-top: .66667em;
    padding-left: .44444em
}

.content-lg>ol>li p,
.content-lg>ul>li p {
    margin-bottom: .88889em;
    margin-top: .88889em
}

.content-lg>ol>li>:first-child:not(ul):not(li),
.content-lg>ul>li>:first-child:not(ul):not(li) {
    margin-top: 1.33333em
}

.content-lg>ol>li>:last-child:not(ul):not(li),
.content-lg>ul>li>:last-child:not(ul):not(li) {
    margin-bottom: 1.33333em
}

.content-lg ol ol,
.content-lg ol ul,
.content-lg ul ol,
.content-lg ul ul {
    margin-bottom: .88889em;
    margin-top: .88889em
}

.content-lg>hr {
    margin-bottom: 3.11111em;
    margin-top: 3.11111em
}

.content-lg>h2[id]+*,
.content-lg>h3[id]+*,
.content-lg>h4[id]+*,
.content-lg>h5[id]+*,
.content-lg>h6[id]+*,
.content-lg>hr+* {
    margin-top: 0
}

.content-lg .table-responsive,
.content-lg>table {
    font-size: .88889em;
    line-height: 1.5
}

.content-lg>.table-responsive,
.content-lg>table {
    margin-bottom: 2em;
    margin-top: 2em
}

.content-lg thead th {
    padding-bottom: .75em;
    padding-left: .75em;
    padding-right: .75em
}

.content-lg thead th:first-child {
    padding-left: 0
}

.content-lg thead th:last-child {
    padding-right: 0
}

.content-lg tbody td,
.content-lg tfoot td {
    padding: .75em
}

.content-lg tbody td:first-child,
.content-lg tfoot td:first-child {
    padding-left: 0
}

.content-lg tbody td:last-child,
.content-lg tfoot td:last-child {
    padding-right: 0
}

.content-lg>:first-child {
    margin-top: 0
}

.content-lg>:last-child {
    margin-bottom: 0
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.-left-1\/2 {
    left: -50%
}

.-left-full {
    left: -100%
}

.-left-px {
    left: -1px
}

.-top-px {
    top: -1px
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.right-3 {
    right: .75rem
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-16 {
    top: 4rem
}

.top-20 {
    top: 5rem
}

.top-40 {
    top: 6rem
}

.top-4 {
    top: 1rem
}

.top-\[theme\(spacing\.36\)\] {
    top: 9rem
}

.top-px {
    top: 1px
}

.-z-10 {
    z-index: -10
}

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

.\!m-0 {
    margin: 0 !important
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-1\.5 {
    margin: .375rem
}

.m-auto {
    margin: auto
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-1\.5 {
    margin-left: .375rem;
    margin-right: .375rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.-mb-16 {
    margin-bottom: -4rem
}

.-ml-0 {
    margin-left: 0
}

.-ml-1 {
    margin-left: -.25rem
}

.-ml-1\.5 {
    margin-left: -.375rem
}

.-ml-2 {
    margin-left: -.5rem
}

.-mr-1 {
    margin-right: -.25rem
}

.-mr-1\.5 {
    margin-right: -.375rem
}

.-mr-3 {
    margin-right: -.75rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-0\.5 {
    margin-bottom: .125rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-0 {
    margin-left: 0
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-7 {
    margin-right: 1.75rem
}

.mr-8 {
    margin-right: 2rem;
    margin-left: 10px;
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-24 {
    margin-top: 6rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-auto {
    margin-top: auto
}

.block {
    display: block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-20 {
    height: 5rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: max-content
}

.h-3\.5 {
    height: .875rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[600px\] {
    height: 600px
}

.h-\[calc\(100vh_-_theme\(spacing\.20\)\)\] {
    height: calc(100vh - 5rem)
}

.h-full {
    height: 100%
}

.max-h-9 {
    max-height: 2.25rem
}

.max-h-\[calc\(100vh-theme\(spacing\.48\)\)\] {
    max-height: calc(100vh - 12rem)
}

.min-h-10 {
    min-height: 2.5rem
}

.min-h-20 {
    min-height: 4rem
}

.min-h-\[calc\(100vh_-_theme\(spacing\.20\)\)\] {
    min-height: calc(100vh - 5rem)
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-1 {
    width: .25rem
}

.w-1\.5 {
    width: .375rem
}

.w-2 {
    width: .5rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-4 {
    width: 0rem
}

.w-5 {
    width: 1.25rem
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[600px\] {
    width: 600px
}

.w-auto {
    width: 180px
}

@media (max-width:768px) {
    .w-auto {
        width: 130px
    }
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.max-w-3xl {
    max-width: unset;
    /* border:1px solid #C5C6C9;
    border-radius:10px ;
    padding: 10px 20px; */
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-\[1200px\] {
    max-width: 1200px
}

.max-w-md {
    max-width: 28rem
}

.max-w-none {
    max-width: none
}

.max-w-xs {
    max-width: 20rem
}

.flex-auto {
    flex: 1 1 auto
}

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.basis-1\/2 {
    flex-basis: 50%
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-6 {
    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))
}

.-translate-x-6 {
    --tw-translate-x: -1.5rem
}

.-translate-x-full {
    --tw-translate-x: -100%
}

.-translate-x-full,
.-translate-y-1\/2 {
    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))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-12 {
    --tw-translate-y: -3rem
}

.-translate-y-12,
.-translate-y-2\/3 {
    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))
}

.-translate-y-2\/3 {
    --tw-translate-y: -66.666667%
}

.-translate-y-20 {
    --tw-translate-y: -5rem
}

.-translate-y-20,
.-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))
}

.-translate-y-full {
    --tw-translate-y: -100%
}

.translate-x-2\/3 {
    --tw-translate-x: 66.666667%
}

.translate-x-2\/3,
.translate-x-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))
}

.translate-x-full {
    --tw-translate-x: 100%
}

.transform {
    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))
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-40px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-slide-down {
    animation: slide-down var(--animation-duration, 0ms) ease-out
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-slide-up {
    animation: slide-up var(--animation-duration, 0ms) ease-out
}

.cursor-pointer {
    cursor: pointer
}

.scroll-m-10 {
    scroll-margin: 2.5rem
}

.scroll-m-20 {
    scroll-margin: 5rem
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center;
    /* justify-content: space-between; */
}

.justify-center {
    justify-content: center
}

.gap-10 {
    gap: 2.5rem
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-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-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

.\!rounded-full {
    border-radius: 9999px !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

.border-4 {
    border-width: 4px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-l-2 {
    border-left-width: 0px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-dashed {
    border-style: dashed
}

.border-gray-900\/10 {
    border-color: rgb(var(--color-gray-900)/.1)
}

.border-gray-900\/5 {
    border-color: rgb(var(--color-gray-900)/.05)
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.bg-accent {
    background-color: var(--ghost-accent-color)
}

.bg-accent-10 {
    background-color: rgb(var(--ghost-accent-color-rgb)/.1)
}

.bg-black\/20 {
    background-color: rgba(0, 0, 0, .2)
}

.bg-black\/5 {
    background-color: rgba(0, 0, 0, .05)
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-500)/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\/10 {
    background-color: none
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-white\/30 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-white\/90 {
    background-color: hsla(0, 0%, 100%, .9)
}

.bg-white\/95 {
    background-color: hsla(0, 0%, 100%, .95)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
}

.from-accent {
    --tw-gradient-from: var(--ghost-accent-color) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-10\% {
    --tw-gradient-from-position: 10%
}

.to-gray-900 {
    --tw-gradient-to: rgb(var(--color-gray-900)/1) var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
}

.to-70\% {
    --tw-gradient-to-position: 70%
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-0 {
    padding: 0
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.py-16 {
    display: block;
    padding-bottom: 4rem;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-4 {
    padding-bottom: 0rem;
    padding-top: 0rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.pb-28 {
    padding-bottom: 7rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-9 {
    padding-left: 2.25rem
}

.pr-1 {
    padding-right: .25rem
}

.pr-16 {
    padding-right: 4rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-4 {
    padding-top: 1rem
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-2xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lead {
    font-size: 1.375rem;
    line-height: 2rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .8125rem;
    line-height: 1.125rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.-tracking-xs {
    letter-spacing: -.012em
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wider {
    letter-spacing: .05em
}

.text-accent {
    color: var(--ghost-accent-color);
    display: none;
}

.text-accent-contrast {
    color: var(--color-contrast, #fff)
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400)/var(--tw-text-opacity))
}

.text-gray-50 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-50)/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500)/var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-600)/var(--tw-text-opacity))
}

.text-gray-600\/\[0\.82\] {
    color: rgb(var(--color-gray-600)/.82)
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700)/var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-900)/var(--tw-text-opacity));
    /* font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #C5C6C9;
    padding-bottom: 15px; */
}

.text-inherit {
    color: inherit
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.decoration-accent {
    text-decoration-color: var(--ghost-accent-color)
}

.decoration-2 {
    text-decoration-thickness: 2px
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.opacity-100 {
    opacity: 1
}

.opacity-5 {
    opacity: .05
}

.opacity-50 {
    opacity: .5
}

.opacity-80 {
    opacity: .8
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,
.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1,
.ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-accent {
    --tw-ring-color: var(--ghost-accent-color)
}

.ring-gray-900\/10 {
    --tw-ring-color: rgb(var(--color-gray-900)/0.1)
}

.ring-gray-900\/5 {
    --tw-ring-color: rgb(var(--color-gray-900)/0.05)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-\[100px\] {
    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)
}

.blur-\[100px\] {
    --tw-blur: blur(100px)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-blur-sm {
    -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-sm {
    --tw-backdrop-blur: blur(4px)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

html {
    --color-gray-50: 248 250 252;
    --color-gray-100: 241 245 249;
    --color-gray-200: 226 232 240;
    --color-gray-300: 203 213 225;
    --color-gray-400: 148 163 184;
    --color-gray-500: 100 116 139;
    --color-gray-600: 71 85 105;
    --color-gray-700: 51 65 85;
    --color-gray-800: 30 41 59;
    --color-gray-900: 15 23 42;
    --color-gray-950: 2 6 23
}

html.has-gray-scale-Gray {
    --color-gray-50: 249 250 251;
    --color-gray-100: 243 244 246;
    --color-gray-200: 229 231 235;
    --color-gray-300: 209 213 219;
    --color-gray-400: 156 163 175;
    --color-gray-500: 107 114 128;
    --color-gray-600: 75 85 99;
    --color-gray-700: 55 65 81;
    --color-gray-800: 31 41 55;
    --color-gray-900: 17 24 39;
    --color-gray-950: 3 7 18
}

html.has-gray-scale-Zinc {
    --color-gray-50: 250 250 250;
    --color-gray-100: 244 244 245;
    --color-gray-200: 228 228 231;
    --color-gray-300: 212 212 216;
    --color-gray-400: 161 161 170;
    --color-gray-500: 113 113 122;
    --color-gray-600: 82 82 91;
    --color-gray-700: 63 63 70;
    --color-gray-800: 39 39 42;
    --color-gray-900: 24 24 27;
    --color-gray-950: 9 9 11
}

html.has-gray-scale-Stone {
    --color-gray-50: 250 250 249;
    --color-gray-100: 245 245 244;
    --color-gray-200: 231 229 228;
    --color-gray-300: 214 211 209;
    --color-gray-400: 168 162 158;
    --color-gray-500: 120 113 108;
    --color-gray-600: 87 83 78;
    --color-gray-700: 68 64 60;
    --color-gray-800: 41 37 36;
    --color-gray-900: 28 25 23;
    --color-gray-950: 12 10 9
}

html.has-gray-scale-Neutral {
    --color-gray-50: 250 250 250;
    --color-gray-100: 245 245 245;
    --color-gray-200: 229 229 229;
    --color-gray-300: 212 212 212;
    --color-gray-400: 163 163 163;
    --color-gray-500: 115 115 115;
    --color-gray-600: 82 82 82;
    --color-gray-700: 64 64 64;
    --color-gray-800: 38 38 38;
    --color-gray-900: 23 23 23;
    --color-gray-950: 10 10 10
}

.lazyload,
.lazyloading {
    filter: blur(10px)
}

.kg-gallery-image img.lazyload,
.kg-gallery-image img.lazyloading,
.kg-image-card img.lazyload,
.kg-image-card img.lazyloading,
.kg-product-card .kg-product-card-image.lazyload,
.kg-product-card .kg-product-card-image.lazyloading {
    -webkit-clip-path: inset(0 round .25rem);
    clip-path: inset(0 round .25rem)
}

.kg-image-card.kg-width-full img.lazyload,
.kg-image-card.kg-width-full img.lazyloading {
    -webkit-clip-path: inset(0);
    clip-path: inset(0)
}

html.no-img-blur .lazyload,
html.no-img-blur .lazyloading {
    filter: none !important;
    opacity: 0
}

.lazyloaded {
    filter: blur(0);
    opacity: 1;
    transition: all .4s ease-in-out
}

.kg-gallery-image img.lazyloaded,
.kg-image-card img.lazyloaded,
.kg-product-card .kg-product-card-image.lazyloaded {
    -webkit-clip-path: inset(0);
    clip-path: inset(0)
}

a[href="#___TOCBOT___"] {
    display: none
}

.gh-announcement-bar {
    font-size: .875rem !important
}

.gh-announcement-bar-content * {
    font-weight: 600 !important
}

.gh-announcement-bar-content a,
.gh-announcement-bar-content a *,
.gh-announcement-bar-content strong {
    font-weight: 700 !important
}

.gh-announcement-bar button svg path {
    stroke: currentColor
}

.gh-announcement-bar button:hover {
    background: rgba(0, 0, 0, .1);
    border-radius: .5rem
}

.gh-announcement-bar.dark button:hover {
    background: hsla(0, 0%, 100%, .2)
}

.gh-announcement-bar.light {
    background-color: rgb(var(--color-gray-50)/1) !important
}

.gh-announcement-bar.dark {
    background-color: rgb(var(--color-gray-950)/1) !important
}

.gh-announcement-bar.accent,
.gh-announcement-bar.accent a,
.gh-announcement-bar.accent button {
    color: var(--color-contrast, #fff) !important
}

@media not all and (prefers-reduced-motion) {
    .has-animation {
        --animation-duration: 600ms;
        --animation-delay: 100ms
    }
}

[data-sal] {
    transition-delay: var(--animation-delay, 0ms);
    transition-duration: var(--animation-duration, 0ms);
    transition-timing-function: var(--animation-easing, ease-out)
}

[data-sal|=slide] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-sal=slide-up] {
    transform: translateY(40px)
}

[data-sal=slide-down] {
    transform: translateY(-40px)
}

[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
    opacity: 1;
    transform: none
}

.pswp {
    -webkit-text-size-adjust: 100%;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: 3999999
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    will-change: opacity
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: grabbing
}

.pswp__bg {
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .85);
    opacity: 0;
    transform: translateZ(0);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    will-change: opacity
}

.pswp__bg,
.pswp__scroll-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    backface-visibility: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none
}

.pswp__container,
.pswp__img {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pswp__zoom-wrap {
    position: absolute;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
    width: 100%
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__item {
    bottom: 0;
    overflow: hidden;
    right: 0
}

.pswp__img,
.pswp__item {
    left: 0;
    position: absolute;
    top: 0
}

.pswp__img {
    height: auto;
    width: auto
}

.pswp__img--placeholder {
    backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #000
}

.pswp--ie .pswp__img {
    height: auto !important;
    left: 0;
    top: 0;
    width: 100% !important
}

.pswp__error-msg {
    color: rgb(var(--color-gray-50)/1);
    font-size: 14px;
    left: 0;
    line-height: 16px;
    margin-top: -8px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.pswp__error-msg a {
    color: rgb(var(--color-gray-50)/1);
    text-decoration: underline
}

.pswp__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 44px;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    transition: opacity .2s;
    width: 44px
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    opacity: .9;
    outline: none
}

.pswp__button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(../images/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    height: 44px;
    width: 44px
}

@media (-webkit-min-device-pixel-ratio:1.09375),
(-webkit-min-device-pixel-ratio:1.1),
(min-resolution:1.1dppx),
(min-resolution:105dpi) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../images/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    background-position: -88px 0;
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 70px
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    height: 30px;
    position: absolute;
    top: 35px;
    width: 32px
}

.pswp__button--arrow--left:before {
    background-position: -138px -44px;
    left: 6px
}

.pswp__button--arrow--right:before {
    background-position: -94px -44px;
    right: 6px
}

.pswp__counter {
    color: rgb(var(--color-gray-50)/1);
    font-size: 11px;
    font-weight: 700;
    height: 44px;
    left: 0;
    line-height: 44px;
    padding: 0 15px;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pswp__caption {
    bottom: 0;
    left: 0;
    min-height: 44px;
    position: absolute;
    width: 100%
}

.pswp__caption__center {
    color: rgb(var(--color-gray-50)/1);
    font-size: 11px;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 420px;
    padding: 25px 15px 30px;
    text-align: center
}

.pswp__caption__center .post-caption-title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
    text-transform: uppercase
}

.pswp__caption__center .post-caption-meta-item+.post-caption-meta-item:before {
    content: "\02022";
    padding: 0 4px
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    direction: ltr;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .25s ease-out;
    width: 44px;
    will-change: opacity
}

.pswp--css_animation .pswp__preloader--active,
.pswp__preloader--active {
    opacity: 1
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        float: right;
        left: auto;
        margin: 0;
        position: relative;
        top: auto
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    opacity: 1;
    visibility: visible;
    z-index: 1550
}

.pswp__top-bar {
    height: 44px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    backface-visibility: hidden;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    will-change: opacity
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

code[class*=language-],
pre[class*=language-] {
    color: rgb(var(--color-gray-300)/1);
    direction: ltr;
    -webkit-hyphens: none;
    hyphens: none;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    text-align: left;
    text-shadow: none;
    white-space: pre;
    word-break: normal;
    word-spacing: normal
}

code[class*=language-]::-moz-selection,
pre[class*=language-]::-moz-selection {
    background: #234879;
    text-shadow: none
}

code[class*=language-]::mozselection,
code[class*=language-]::selection,
pre[class*=language-]::mozselection,
pre[class*=language-]::selection {
    background: #234879;
    text-shadow: none
}

@media print {

    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

figure.kg-code-card>pre {
    margin: 0
}

.content pre {
    display: flex;
    /* overflow: auto; */
    flex-wrap: wrap;
    /* padding: .75rem 1rem !important; */
    text-wrap: wrap;


}

.content pre code {
    /* font-size: inherit !important;
    line-height: inherit !important; */
    margin-left: -1rem !important;
    padding-left: 1rem !important
}

.token.block {
    display: initial
}

.namespace {
    opacity: .7
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: rgb(var(--color-gray-400)/1);
}

.token.punctuation {
    color: var(--color-contrast, #fff);
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: rgb(228 0 33);
}

.language-css .token.string,
.style .token.string,
.token.atrule,
.token.attr-name,
.token.attr-value,
.token.builtin,
.token.char,
.token.entity,
.token.inserted,
.token.keyword,
.token.operator,
.token.selector,
.token.string,
.token.url {
    color: #008c6a;
}

.token.function {
    color: var(--color-contrast, #fff);
}

.token.important,
.token.regex,
.token.variable {
    color: var(--color-contrast, #fff)
}

.token.bold,
.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

pre[data-line] {
    position: relative
}

pre[class*=language-]>code[class*=language-] {
    position: relative;
    z-index: 1
}

.line-highlight {
    border-left: 4px solid var(--ghost-accent-color);
    padding-bottom: inherit;
    padding-left: 0;
    padding-right: 0;
    padding-top: inherit;
    pointer-events: none;
    white-space: pre
}

.line-highlight,
.line-highlight:after {
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1
}

.line-highlight:after {
    background: var(--ghost-accent-color);
    bottom: 0;
    content: "";
    opacity: .2;
    top: 0
}

@media print {
    .line-highlight {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

div.code-toolbar {
    position: relative
}

div.code-toolbar>.toolbar {
    display: inline-flex;
    opacity: 0;
    position: absolute;
    right: .5rem;
    top: .375rem;
    transition: opacity .3s ease-in-out;
    z-index: 10
}

div.code-toolbar:hover>.toolbar {
    opacity: 1
}

div.code-toolbar:focus-within>.toolbar {
    opacity: 1
}

div.code-toolbar>.toolbar>.toolbar-item {
    display: inline-flex
}

div.code-toolbar>.toolbar>.toolbar-item>a {
    cursor: pointer
}

.code-toolbar .toolbar-item>button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    font-weight: 600;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.code-toolbar .toolbar-item>a,
.code-toolbar .toolbar-item>button,
.code-toolbar .toolbar-item>span {
    background: rgb(var(--color-gray-600)/1);
    border-radius: .25rem;
    color: rgb(var(--color-gray-50)/1);
    font-size: .8125rem;
    opacity: .6;
    padding: .25rem
}

.code-toolbar .toolbar-item>a:focus,
.code-toolbar .toolbar-item>a:hover,
.code-toolbar .toolbar-item>button:focus,
.code-toolbar .toolbar-item>button:hover,
.code-toolbar .toolbar-item>span:focus,
.code-toolbar .toolbar-item>span:hover {
    opacity: .8;
    text-decoration: none
}

.code-toolbar .copy-to-clipboard-button {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.code-toolbar .copy-to-clipboard-button[data-copy-state=copy]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 16H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2m-6 12h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2z'/%3E%3C/svg%3E");
    content: "";
    height: 1.25rem;
    margin-right: .25rem;
    width: 1.25rem
}

.code-toolbar .copy-to-clipboard-button[data-copy-state=copy-success]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m5 13 4 4L19 7'/%3E%3C/svg%3E");
    content: "";
    height: 1.25rem;
    margin-right: .25rem;
    width: 1.25rem
}

.code-toolbar .copy-to-clipboard-button[data-copy-state=copy-error]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18 18 6M6 6l12 12'/%3E%3C/svg%3E");
    content: "";
    height: 1.25rem;
    margin-right: .25rem;
    width: 1.25rem
}

.code-toolbar .copy-to-clipboard-button[data-copy-state=copy-error],
.code-toolbar .copy-to-clipboard-button[data-copy-state=copy-success] {
    padding-right: .375rem
}

:root {
    --content-body: rgb(var(--color-gray-700)/1);
    --content-headings: rgb(var(--color-gray-900)/1);
    --content-lead: rgb(var(--color-gray-600)/1);
    --content-links: rgb(var(--color-gray-900)/1);
    --content-bold: rgb(var(--color-gray-900)/1);
    --content-counters: rgb(var(--color-gray-500)/1);
    --content-bullets: rgb(var(--color-gray-300)/1);
    --content-hr: rgb(var(--color-gray-200)/1);
    --content-quotes: rgb(var(--color-gray-900)/1);
    --content-quote-borders: rgb(var(--color-gray-200)/1);
    --content-captions: rgb(var(--color-gray-500)/1);
    --content-code: rgb(var(--color-gray-900)/1);
    --content-pre-code: rgb(var(--color-gray-200)/1);
    --content-pre-bg: rgb(var(--color-gray-800)/1);
    --content-th-borders: rgb(var(--color-gray-300)/1);
    --content-td-borders: rgb(var(--color-gray-200)/1);
    --content-invert-body: rgb(var(--color-gray-300)/1);
    --content-invert-headings: rgb(var(--color-gray-50)/1);
    --content-invert-lead: rgb(var(--color-gray-400)/1);
    --content-invert-links: rgb(var(--color-gray-50)/1);
    --content-invert-bold: rgb(var(--color-gray-50)/1);
    --content-invert-counters: rgb(var(--color-gray-400)/1);
    --content-invert-bullets: rgb(var(--color-gray-600)/1);
    --content-invert-hr: rgb(var(--color-gray-700)/1);
    --content-invert-quotes: rgb(var(--color-gray-100)/1);
    --content-invert-quote-borders: rgb(var(--color-gray-700)/1);
    --content-invert-captions: rgb(var(--color-gray-400)/1);
    --content-invert-code: rgb(var(--color-gray-50)/1);
    --content-invert-pre-code: rgb(var(--color-gray-300)/1);
    --content-invert-pre-bg: rgb(var(--color-gray-800)/1);
    --content-invert-th-borders: rgb(var(--color-gray-600)/1);
    --content-invert-td-borders: rgb(var(--color-gray-700)/1)
}

.dark {
    --content-body: var(--content-invert-body);
    --content-headings: var(--content-invert-headings);
    --content-lead: var(--content-invert-lead);
    --content-links: var(--content-invert-links);
    --content-bold: var(--content-invert-bold);
    --content-counters: var(--content-invert-counters);
    --content-bullets: var(--content-invert-bullets);
    --content-hr: var(--content-invert-hr);
    --content-quotes: var(--content-invert-quotes);
    --content-quote-borders: var(--content-invert-quote-borders);
    --content-captions: var(--content-invert-captions);
    --content-code: var(--content-invert-code);
    --content-pre-code: var(--content-invert-pre-code);
    --content-pre-bg: var(--content-invert-pre-bg);
    --content-th-borders: var(--content-invert-th-borders);
    --content-td-borders: var(--content-invert-td-borders)
}

.landing-block-content .kg-button-card {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0 !important
}

.landing-block-content .kg-button-card a.kg-btn {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    font-size: 1rem;
    height: auto;
    justify-content: center;
    line-height: 1.5;
    min-width: 240px;
    padding: .75rem
}

@media (min-width:640px) {
    .landing-block-content .kg-button-card {
        align-items: flex-start;
        display: inline-flex;
        margin-top: 2rem;
        width: auto
    }

    .landing-block-content .kg-button-card+.kg-button-card {
        margin-left: 1.5rem;
        margin-top: 0
    }

    .landing-block-content .kg-button-card a.kg-btn {
        min-width: 180px
    }
}

@media not all and (min-width:640px) {
    .landing-block-content .kg-button-card+.kg-button-card {
        margin-top: 1rem !important
    }
}

.landing-block-content .kg-button-card+.kg-button-card a.kg-btn {
    background-color: rgb(var(--color-gray-950)/.05);
    color: rgb(var(--color-gray-900)/1);
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.landing-block-content .kg-button-card+.kg-button-card a.kg-btn:hover {
    background-color: rgb(var(--color-gray-950)/.1)
}

.dark .landing-block-content .kg-button-card+.kg-button-card a.kg-btn {
    background-color: rgb(var(--color-gray-800)/1);
    color: rgb(var(--color-gray-50)/1)
}

.content.landing-block-content>ol,
.content.landing-block-content>ul {
    list-style: none;
    padding: 0
}

.content.landing-block-content>ol li,
.content.landing-block-content>ul li {
    padding-left: 32px;
    position: relative
}

.content.landing-block-content>ol li:before,
.content.landing-block-content>ul li:before {
    background-color: #dcfce7;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='%2322c55e'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 100%;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 20px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 20px
}

.dark .content.landing-block-content>ol li:before,
.dark .content.landing-block-content>ul li:before {
    background-color: #052e16
}

@media (min-width:640px) {

    .landing-block.is-txt-center .content.landing-block-content>ol,
    .landing-block.is-txt-center .content.landing-block-content>ul {
        display: flex;
        justify-content: center
    }

    .landing-block.is-txt-center .content.landing-block-content>ol li,
    .landing-block.is-txt-center .content.landing-block-content>ul li {
        font-size: .875rem;
        line-height: 1.25rem;
        padding: 0 1.5rem 0 1.75rem
    }

    .landing-block.is-txt-center .content.landing-block-content>ol li:before,
    .landing-block.is-txt-center .content.landing-block-content>ul li:before {
        top: 0
    }
}

.landing-block.tag-hash-landing-testimonials .landing-block-content>* {
    margin-left: auto;
    margin-right: auto;
    max-width: 48rem
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-image {
    justify-self: flex-start
}

.landing-block.tag-hash-landing-testimonials .kg-product-card {
    display: inline-flex;
    margin: 0 !important;
    text-align: left;
    width: 33.33333%
}

@media (max-width:1024px) {
    .landing-block.tag-hash-landing-testimonials .kg-product-card {
        width: 50%
    }
}

@media (max-width:768px) {
    .landing-block.tag-hash-landing-testimonials .kg-product-card {
        width: 100%
    }
}

@media (min-width:640px) {
    .landing-block.tag-hash-landing-testimonials .kg-product-card-image {
        justify-self: center
    }

    .landing-block.tag-hash-landing-testimonials .kg-product-card {
        text-align: center
    }
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-container {
    border: none;
    box-shadow: none;
    padding: 2.5rem 1.25rem;
    position: relative
}

@media (max-width:640px) {
    .landing-block.tag-hash-landing-testimonials .kg-product-card-container {
        max-width: none;
        padding: 1.75rem 0
    }
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-image {
    border-radius: 100%;
    height: 2.5rem;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 2.5rem
}

.landing-block.tag-hash-landing-testimonials .kg-product-card .kg-product-card-button {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-title {
    color: rgb(var(--color-gray-700)/1);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.dark .landing-block.tag-hash-landing-testimonials .kg-product-card-title {
    color: rgb(var(--color-gray-300)/1)
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-description {
    color: rgb(var(--color-gray-600)/1);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5
}

.dark .landing-block.tag-hash-landing-testimonials .kg-product-card-description {
    color: rgb(var(--color-gray-400)/1)
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-description p {
    opacity: 1
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-rating-star {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-rating {
    align-self: center;
    color: #f59e0b;
    grid-column: 1/span 2;
    grid-row: 1;
    justify-self: center;
    padding: 0
}

@media (max-width:640px) {
    .landing-block.tag-hash-landing-testimonials .kg-product-card-rating {
        justify-self: flex-start
    }

    .landing-block.tag-hash-landing-testimonials .kg-product-card-rating-star {
        justify-content: flex-start
    }
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-title-container {
    grid-column: 1/span 2;
    grid-row: 2
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-image {
    grid-column: 1/span 2;
    grid-row: 3
}

.landing-block.tag-hash-landing-testimonials .kg-product-card-description {
    grid-column: 1/span 2;
    grid-row: 4
}

@media (max-width:640px) {
    .landing-block.tag-hash-landing-testimonials .kg-product-card-container {
        grid-template-columns: 2.5rem auto
    }

    .landing-block.tag-hash-landing-testimonials .kg-product-card-image {
        grid-column: 1;
        grid-row: 3
    }

    .landing-block.tag-hash-landing-testimonials .kg-product-card-description {
        grid-column: 2;
        grid-row: 3;
        margin-left: -2.5rem
    }

    .landing-block.tag-hash-landing-testimonials .kg-product-card-image~.kg-product-card-description {
        margin-left: .75rem
    }
}

.landing-block-content .kg-toggle-card {
    border-radius: 0;
    border-width: 1px 0;
    margin: 0 !important;
    padding: 0
}

.landing-block-content .kg-toggle-card+.kg-toggle-card {
    border-top-width: 0
}

.landing-block-content p:first-child+.kg-toggle-card {
    margin-top: 4rem !important
}

.landing-block-content .kg-toggle-card .kg-toggle-heading {
    padding: 1.75rem 0
}

.landing-block-content .kg-toggle-card .kg-toggle-heading-text {
    font-size: 1rem;
    line-height: 1.25rem
}

.landing-block-content .kg-toggle-card .kg-toggle-card-icon {
    height: 1.25rem;
    width: 1.25rem
}

.landing-block-content .kg-toggle-card .kg-toggle-content {
    text-align: left
}

.landing-block-content .kg-toggle-card .kg-toggle-content :first-child {
    margin-top: 0
}

.landing-block-content .kg-toggle-card .kg-toggle-content :last-child {
    margin-bottom: 1.75rem
}

.landing-block.tag-hash-landing-features .landing-block-content>* {
    margin-left: auto;
    margin-right: auto;
    max-width: 48rem
}

.landing-block.tag-hash-landing-features .kg-product-card-image {
    justify-self: flex-start
}

.landing-block.tag-hash-landing-features .kg-product-card {
    display: inline-flex;
    margin: 0 !important;
    text-align: left;
    width: 33.33333%
}

@media (max-width:1024px) {
    .landing-block.tag-hash-landing-features .kg-product-card {
        width: 50%
    }
}

@media (max-width:768px) {
    .landing-block.tag-hash-landing-features .kg-product-card {
        width: 100%
    }
}

@media (min-width:640px) {
    .landing-block.tag-hash-landing-features .kg-product-card-image {
        justify-self: center
    }

    .landing-block.tag-hash-landing-features .kg-product-card {
        text-align: center
    }
}

.landing-block.tag-hash-landing-features .kg-product-card-container {
    border: none;
    box-shadow: none;
    grid-template-columns: 1fr;
    padding: 2.5rem 1.25rem;
    position: relative
}

@media (max-width:640px) {
    .landing-block.tag-hash-landing-features .kg-product-card-container {
        max-width: none;
        padding: 1.25rem 0
    }
}

.landing-block.tag-hash-landing-features .kg-product-card-image {
    background-color: transparent;
    height: 2.5rem;
    margin: 0;
    width: 2.5rem
}

.landing-block.tag-hash-landing-features .kg-product-card .kg-product-card-button {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.landing-block.tag-hash-landing-features .kg-product-card-title {
    color: rgb(var(--color-gray-700)/1);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.dark .landing-block.tag-hash-landing-features .kg-product-card-title {
    color: rgb(var(--color-gray-300)/1)
}

.landing-block.tag-hash-landing-features .kg-product-card-description {
    color: rgb(var(--color-gray-600)/1);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5
}

.dark .landing-block.tag-hash-landing-features .kg-product-card-description {
    color: rgb(var(--color-gray-400)/1)
}

.landing-block.tag-hash-landing-features .kg-product-card-description p {
    opacity: 1
}

.landing-block.tag-hash-landing-features .kg-product-card-rating-star {
    align-items: center;
    display: none;
    height: 16px;
    justify-content: center;
    visibility: hidden
}

.landing-block.tag-hash-landing-features .kg-product-card-rating {
    align-self: center;
    color: #f59e0b;
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
    padding: 0
}

.timeline .timeline-post:first-child:before,
.timeline [data-post-month="01"]+[data-post-month="01"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="01"]+[data-post-month="01"]:not(.timeline-post--break):before,
.timeline [data-post-month="02"]+[data-post-month="02"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="02"]+[data-post-month="02"]:not(.timeline-post--break):before,
.timeline [data-post-month="03"]+[data-post-month="03"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="03"]+[data-post-month="03"]:not(.timeline-post--break):before,
.timeline [data-post-month="04"]+[data-post-month="04"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="04"]+[data-post-month="04"]:not(.timeline-post--break):before,
.timeline [data-post-month="05"]+[data-post-month="05"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="05"]+[data-post-month="05"]:not(.timeline-post--break):before,
.timeline [data-post-month="06"]+[data-post-month="06"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="06"]+[data-post-month="06"]:not(.timeline-post--break):before,
.timeline [data-post-month="07"]+[data-post-month="07"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="07"]+[data-post-month="07"]:not(.timeline-post--break):before,
.timeline [data-post-month="08"]+[data-post-month="08"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="08"]+[data-post-month="08"]:not(.timeline-post--break):before,
.timeline [data-post-month="09"]+[data-post-month="09"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="09"]+[data-post-month="09"]:not(.timeline-post--break):before,
.timeline [data-post-month="10"]+[data-post-month="10"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="10"]+[data-post-month="10"]:not(.timeline-post--break):before,
.timeline [data-post-month="11"]+[data-post-month="11"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="11"]+[data-post-month="11"]:not(.timeline-post--break):before,
.timeline [data-post-month="12"]+[data-post-month="12"]:not(.timeline-post--break) .timeline-meta,
.timeline [data-post-month="12"]+[data-post-month="12"]:not(.timeline-post--break):before {
    display: none
}

@media (min-width:1024px) {
    .lg\:content-lg {
        font-size: 1.125rem;
        line-height: 1.77778
    }

    .lg\:content-lg>*+* {
        margin-bottom: 1.875rem;
        margin-top: 1.875rem
    }

    .lg\:content-lg>p {
        margin-bottom: 1.33333em;
        margin-top: 1.33333em
    }

    .lg\:content-lg>blockquote {
        margin-bottom: 1.66667em;
        margin-top: 1.66667em;
        padding-left: 1em
    }

    .lg\:content-lg>h1 {
        font-size: 2.66667em;
        letter-spacing: -.025em;
        line-height: 1;
        margin-bottom: .83333em;
        margin-top: 2.22222em
    }

    .lg\:content-lg>h2 {
        font-size: 1.66667em;
        letter-spacing: -.025em;
        line-height: 1.33333;
        margin-bottom: 1.06667em;
        margin-top: 1.86667em
    }

    .lg\:content-lg>h3 {
        font-size: 1.33333em;
        letter-spacing: -.025em;
        line-height: 1.5;
        margin-bottom: .66667em;
        margin-top: 1.66667em
    }

    .lg\:content-lg>h4,
    .lg\:content-lg>h5,
    .lg\:content-lg>h6 {
        line-height: 1.55556;
        margin-bottom: .44444em;
        margin-top: 1.77778em
    }

    .lg\:content-lg>.kg-card,
    .lg\:content-lg>figure,
    .lg\:content-lg>img,
    .lg\:content-lg>video {
        margin-bottom: 1.77778em;
        margin-top: 1.77778em
    }

    .lg\:content-lg .kg-audio-card+.kg-audio-card,
    .lg\:content-lg .kg-button-card+.kg-button-card,
    .lg\:content-lg .kg-callout-card+.kg-callout-card,
    .lg\:content-lg .kg-file-card+.kg-file-card,
    .lg\:content-lg .kg-toggle-card+.kg-toggle-card {
        margin-top: -.77778em
    }

    .lg\:content-lg .kg-gallery-card,
    .lg\:content-lg .kg-image-card {
        --gap: 0.44444em
    }

    .lg\:content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-gallery-card,
    .lg\:content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-image-card,
    .lg\:content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-gallery-card,
    .lg\:content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-image-card {
        margin-top: -1.33333em
    }

    .lg\:content-lg>figure>* {
        margin-bottom: 0;
        margin-top: 0
    }

    .lg\:content-lg>figure figcaption {
        font-size: .875rem;
        line-height: 1.71429;
        margin-top: .75rem !important
    }

    .lg\:content-lg>code {
        font-size: .88889em
    }

    .lg\:content-lg>h2 code {
        font-size: .86667em
    }

    .lg\:content-lg>h3 code {
        font-size: .875em
    }

    .lg\:content-lg pre {
        border-radius: .42857rem;
        font-size: .77778em;
        line-height: 1.71429;
        padding: 1.14286em 1.71429em
    }

    .lg\:content-lg>pre {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .lg\:content-lg>.code-toolbar {
        margin-bottom: 1.77778em;
        margin-top: 1.77778em
    }

    .lg\:content-lg ol,
    .lg\:content-lg ul {
        margin-bottom: 1.33333em;
        margin-top: 1.33333em;
        padding-left: 1.55556em
    }

    .lg\:content-lg ol>li,
    .lg\:content-lg ul>li {
        margin-bottom: .66667em;
        margin-top: .66667em;
        padding-left: .44444em
    }

    .lg\:content-lg>ol>li p,
    .lg\:content-lg>ul>li p {
        margin-bottom: .88889em;
        margin-top: .88889em
    }

    .lg\:content-lg>ol>li>:first-child:not(ul):not(li),
    .lg\:content-lg>ul>li>:first-child:not(ul):not(li) {
        margin-top: 1.33333em
    }

    .lg\:content-lg>ol>li>:last-child:not(ul):not(li),
    .lg\:content-lg>ul>li>:last-child:not(ul):not(li) {
        margin-bottom: 1.33333em
    }

    .lg\:content-lg ol ol,
    .lg\:content-lg ol ul,
    .lg\:content-lg ul ol,
    .lg\:content-lg ul ul {
        margin-bottom: .88889em;
        margin-top: .88889em
    }

    .lg\:content-lg>hr {
        margin-bottom: 3.11111em;
        margin-top: 3.11111em
    }

    .lg\:content-lg>h2[id]+*,
    .lg\:content-lg>h3[id]+*,
    .lg\:content-lg>h4[id]+*,
    .lg\:content-lg>h5[id]+*,
    .lg\:content-lg>h6[id]+*,
    .lg\:content-lg>hr+* {
        margin-top: 0
    }

    .lg\:content-lg .table-responsive,
    .lg\:content-lg>table {
        font-size: .88889em;
        line-height: 1.5
    }

    .lg\:content-lg>.table-responsive,
    .lg\:content-lg>table {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .lg\:content-lg thead th {
        padding-bottom: .75em;
        padding-left: .75em;
        padding-right: .75em
    }

    .lg\:content-lg thead th:first-child {
        padding-left: 0
    }

    .lg\:content-lg thead th:last-child {
        padding-right: 0
    }

    .lg\:content-lg tbody td,
    .lg\:content-lg tfoot td {
        padding: .75em
    }

    .lg\:content-lg tbody td:first-child,
    .lg\:content-lg tfoot td:first-child {
        padding-left: 0
    }

    .lg\:content-lg tbody td:last-child,
    .lg\:content-lg tfoot td:last-child {
        padding-right: 0
    }

    .lg\:content-lg>:first-child {
        margin-top: 0
    }

    .lg\:content-lg>:last-child {
        margin-bottom: 0;
        display: none
    }
}

@media (min-width:1280px) {
    .xl\:outer-xl {
        padding-left: 0rem;
        padding-right: 0rem
    }
}

@media (min-width:1536px) {
    .\34xl\:content-lg {
        font-size: 1.125rem;
        line-height: 1.77778
    }

    .\34xl\:content-lg>*+* {
        margin-bottom: 1.875rem;
        margin-top: 1.875rem
    }

    .\34xl\:content-lg>p {
        margin-bottom: 1.33333em;
        margin-top: 1.33333em
    }

    .\34xl\:content-lg>blockquote {
        margin-bottom: 1.66667em;
        margin-top: 1.66667em;
        padding-left: 1em
    }

    .\34xl\:content-lg>h1 {
        font-size: 2.66667em;
        letter-spacing: -.025em;
        line-height: 1;
        margin-bottom: .83333em;
        margin-top: 2.22222em
    }

    .\34xl\:content-lg>h2 {
        font-size: 1.66667em;
        letter-spacing: -.025em;
        line-height: 1.33333;
        margin-bottom: 1.06667em;
        margin-top: 1.86667em
    }

    .\34xl\:content-lg>h3 {
        font-size: 1.33333em;
        letter-spacing: -.025em;
        line-height: 1.5;
        margin-bottom: .66667em;
        margin-top: 1.66667em
    }

    .\34xl\:content-lg>h4,
    .\34xl\:content-lg>h5,
    .\34xl\:content-lg>h6 {
        line-height: 1.55556;
        margin-bottom: .44444em;
        margin-top: 1.77778em
    }

    .\34xl\:content-lg>.kg-card,
    .\34xl\:content-lg>figure,
    .\34xl\:content-lg>img,
    .\34xl\:content-lg>video {
        margin-bottom: 1.77778em;
        margin-top: 1.77778em
    }

    .\34xl\:content-lg .kg-audio-card+.kg-audio-card,
    .\34xl\:content-lg .kg-button-card+.kg-button-card,
    .\34xl\:content-lg .kg-callout-card+.kg-callout-card,
    .\34xl\:content-lg .kg-file-card+.kg-file-card,
    .\34xl\:content-lg .kg-toggle-card+.kg-toggle-card {
        margin-top: -.77778em
    }

    .\34xl\:content-lg .kg-gallery-card,
    .\34xl\:content-lg .kg-image-card {
        --gap: 0.44444em
    }

    .\34xl\:content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-gallery-card,
    .\34xl\:content-lg .kg-gallery-card:not(.kg-card-hascaption)+.kg-image-card,
    .\34xl\:content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-gallery-card,
    .\34xl\:content-lg .kg-image-card:not(.kg-card-hascaption)+.kg-image-card {
        margin-top: -1.33333em
    }

    .\34xl\:content-lg>figure>* {
        margin-bottom: 0;
        margin-top: 0
    }

    .\34xl\:content-lg>figure figcaption {
        font-size: .875rem;
        line-height: 1.71429;
        margin-top: .75rem !important
    }

    .\34xl\:content-lg>code {
        font-size: .88889em
    }

    .\34xl\:content-lg>h2 code {
        font-size: .86667em
    }

    .\34xl\:content-lg>h3 code {
        font-size: .875em
    }

    .\34xl\:content-lg pre {
        border-radius: .42857rem;
        font-size: .77778em;
        line-height: 1.71429;
        padding: 1.14286em 1.71429em
    }

    .\34xl\:content-lg>pre {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .\34xl\:content-lg>.code-toolbar {
        margin-bottom: 1.77778em;
        margin-top: 1.77778em
    }

    .\34xl\:content-lg ol,
    .\34xl\:content-lg ul {
        margin-bottom: 1.33333em;
        margin-top: 1.33333em;
        padding-left: 1.55556em
    }

    .\34xl\:content-lg ol>li,
    .\34xl\:content-lg ul>li {
        margin-bottom: .66667em;
        margin-top: .66667em;
        padding-left: .44444em
    }

    .\34xl\:content-lg>ol>li p,
    .\34xl\:content-lg>ul>li p {
        margin-bottom: .88889em;
        margin-top: .88889em
    }

    .\34xl\:content-lg>ol>li>:first-child:not(ul):not(li),
    .\34xl\:content-lg>ul>li>:first-child:not(ul):not(li) {
        margin-top: 1.33333em
    }

    .\34xl\:content-lg>ol>li>:last-child:not(ul):not(li),
    .\34xl\:content-lg>ul>li>:last-child:not(ul):not(li) {
        margin-bottom: 1.33333em
    }

    .\34xl\:content-lg ol ol,
    .\34xl\:content-lg ol ul,
    .\34xl\:content-lg ul ol,
    .\34xl\:content-lg ul ul {
        margin-bottom: .88889em;
        margin-top: .88889em
    }

    .\34xl\:content-lg>hr {
        margin-bottom: 3.11111em;
        margin-top: 3.11111em
    }

    .\34xl\:content-lg>h2[id]+*,
    .\34xl\:content-lg>h3[id]+*,
    .\34xl\:content-lg>h4[id]+*,
    .\34xl\:content-lg>h5[id]+*,
    .\34xl\:content-lg>h6[id]+*,
    .\34xl\:content-lg>hr+* {
        margin-top: 0
    }

    .\34xl\:content-lg .table-responsive,
    .\34xl\:content-lg>table {
        font-size: .88889em;
        line-height: 1.5
    }

    .\34xl\:content-lg>.table-responsive,
    .\34xl\:content-lg>table {
        margin-bottom: 2em;
        margin-top: 2em
    }

    .\34xl\:content-lg thead th {
        padding-bottom: .75em;
        padding-left: .75em;
        padding-right: .75em
    }

    .\34xl\:content-lg thead th:first-child {
        padding-left: 0
    }

    .\34xl\:content-lg thead th:last-child {
        padding-right: 0
    }

    .\34xl\:content-lg tbody td,
    .\34xl\:content-lg tfoot td {
        padding: .75em
    }

    .\34xl\:content-lg tbody td:first-child,
    .\34xl\:content-lg tfoot td:first-child {
        padding-left: 0
    }

    .\34xl\:content-lg tbody td:last-child,
    .\34xl\:content-lg tfoot td:last-child {
        padding-right: 0
    }

    .\34xl\:content-lg>:first-child {
        margin-top: 0
    }

    .\34xl\:content-lg>:last-child {
        margin-bottom: 0
    }
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-0:before {
    content: var(--tw-content);
    inset: 0
}

.before\:left-1\/2:before {
    content: var(--tw-content);
    left: 50%
}

.before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

.before\:mt-10:before {
    content: var(--tw-content);
    margin-top: 2.5rem
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:hidden:before {
    content: var(--tw-content);
    display: none
}

.before\:h-9:before {
    content: var(--tw-content);
    height: 2.25rem
}

.before\:w-0:before {
    content: var(--tw-content);
    width: 0
}

.before\:w-full:before {
    content: var(--tw-content);
    width: 100%
}

.before\:-translate-x-px:before {
    --tw-translate-x: -1px
}

.before\:-translate-x-px:before,
.before\:-translate-y-full:before {
    content: var(--tw-content);
    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))
}

.before\:-translate-y-full:before {
    --tw-translate-y: -100%
}

.before\:border-l-2:before {
    border-left-width: 2px;
    content: var(--tw-content)
}

.before\:border-t:before {
    border-top-width: 1px;
    content: var(--tw-content)
}

.before\:border-dashed:before {
    border-style: dashed;
    content: var(--tw-content)
}

.before\:border-gray-900\/10:before {
    border-color: rgb(var(--color-gray-900)/.1);
    content: var(--tw-content)
}

.before\:bg-accent:before {
    background-color: none;
    content: var(--tw-content)
}

.before\:pb-20:before {
    content: var(--tw-content);
    padding-bottom: 5rem
}

.before\:opacity-20:before {
    content: var(--tw-content);
    opacity: .2
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:bottom-0:after {
    bottom: 0;
    content: var(--tw-content)
}

.after\:left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%
}

.after\:top-0:after {
    content: var(--tw-content);
    top: 0
}

.after\:mb-10:after {
    content: var(--tw-content);
    margin-bottom: 2.5rem
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:hidden:after {
    content: var(--tw-content);
    display: none
}

.after\:h-1:after {
    content: var(--tw-content);
    height: .25rem
}

.after\:h-1\.5:after {
    content: var(--tw-content);
    height: 1.5rem
}

.after\:h-9:after {
    content: var(--tw-content);
    height: 2.25rem
}

.after\:h-full:after {
    content: var(--tw-content);
    height: 100%
}

.after\:w-0:after {
    content: var(--tw-content);
    width: 0
}

.after\:w-1:after {
    content: var(--tw-content);
    width: .25rem
}

.after\:w-1\.5:after {
    content: var(--tw-content);
    width: 3px
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:-translate-x-px:after {
    --tw-translate-x: -1px
}

.after\:-translate-x-px:after,
.after\:translate-y-full:after {
    content: var(--tw-content);
    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-full:after {
    --tw-translate-y: 100%
}

.after\:rounded-full:after {
    border-radius: 9999px;
    content: var(--tw-content)
}

.after\:rounded-lg:after {
    border-radius: .5rem;
    content: var(--tw-content)
}

.after\:rounded-md:after {
    border-radius: .375rem;
    content: var(--tw-content)
}

.after\:border-b:after {
    border-bottom-width: 1px;
    content: var(--tw-content)
}

.after\:border-l-2:after {
    border-left-width: 2px;
    content: var(--tw-content)
}

.after\:border-dashed:after {
    border-style: dashed;
    content: var(--tw-content)
}

.after\:border-gray-900\/10:after {
    border-color: rgb(var(--color-gray-900)/.1);
    content: var(--tw-content)
}

.after\:bg-accent:after {
    background-color: #017EFA;
    content: var(--tw-content)
}

.after\:pt-20:after {
    content: var(--tw-content);
    padding-top: 5rem
}

.after\:ring-1:after {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    content: var(--tw-content)
}

.after\:ring-inset:after {
    --tw-ring-inset: inset;
    content: var(--tw-content)
}

.after\:ring-gray-900\/5:after {
    --tw-ring-color: rgb(var(--color-gray-900)/0.05);
    content: var(--tw-content)
}

.first\:mt-8:first-child {
    margin-top: 2rem
}

.first\:pt-0:first-child {
    padding-top: 0
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:border-none:last-child {
    border-style: none
}

.last\:pb-0:last-child {
    padding-bottom: 0
}

.last\:pb-16:last-child {
    padding-bottom: 4rem
}

.focus-within\:not-sr-only:focus-within {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: static;
    white-space: normal;
    width: auto
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-50)/var(--tw-bg-opacity))
}

.hover\:bg-gray-50\/90:hover {
    background-color: rgb(var(--color-gray-50)/.9)
}

.hover\:text-accent:hover {
    color: var(--ghost-accent-color)
}

.hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-600)/var(--tw-text-opacity))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-700)/var(--tw-text-opacity))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-85:hover {
    opacity: .85
}

.hover\:ring-gray-900\/20:hover {
    --tw-ring-color: rgb(var(--color-gray-900)/0.2)
}

.focus\:not-sr-only:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: static;
    white-space: normal;
    width: auto
}

.group:focus-within .group-focus-within\:ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.group\/dh:hover .group-hover\/dh\:bg-gray-900\/5 {
    background-color: rgb(var(--color-gray-900)/.05)
}

.group:focus .group-focus\:ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.group.current .group-\[\.current\]\:mr-2 {
    margin-right: .5rem
}

.group.no-sections .group-\[\.no-sections\]\:mt-0,
.group.no-space-top .group-\[\.no-space-top\]\:mt-0 {
    margin-top: 0;
    display: none;
}

.group.open .group-\[\.open\]\:block,
.group\/ds.open .group-\[\.open\]\/ds\:block {
    display: block
}

.group.external .group-\[\.external\]\:inline,
.group.loading .group-\[\.loading\]\:inline {
    display: inline
}

.group.current .group-\[\.current\]\:flex,
.group.has-breadcrumbs .group-\[\.has-breadcrumbs\]\:flex {
    display: flex
}

.group.loading .group-\[\.loading\]\:hidden,
.group.no-sections .group-\[\.no-sections\]\:hidden,
.group\/html.has-sidebar-transparent .group-\[\.has-sidebar-transparent\]\/html\:hidden {
    display: none
}

.group.has-breadcrumbs .group-\[\.has-breadcrumbs\]\:min-h-20 {
    min-height: 5rem
}

.group.current .group-\[\.current\]\:w-2 {
    width: .5rem
}

.group.open .group-\[\.open\]\:translate-x-0 {
    --tw-translate-x: 0px
}

.group.open .group-\[\.open\]\:translate-x-0,
.group\/ds.open .group-\[\.open\]\/ds\:rotate-90 {
    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\/ds.open .group-\[\.open\]\/ds\:rotate-90 {
    --tw-rotate: 90deg
}

.group.no-sections .group-\[\.no-sections\]\:space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px*var(--tw-space-y-reverse));
    margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}

.group\/html.has-sidebar-dark.dark .group-\[\.has-sidebar-dark\.dark\]\/html\:bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-950)/var(--tw-bg-opacity))
}

.group\/html.has-sidebar-dark .group-\[\.has-sidebar-dark\]\/html\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

.group.open .group-\[\.open\]\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
}

.group.no-sections .group-\[\.no-sections\]\:pt-4 {
    padding-top: 1rem
}

.group.current .group-\[\.current\]\:font-semibold {
    font-weight: 600
}

.group.current .group-\[\.current\]\:text-accent {
    color: var(--Blue-500, #3263E5);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
}

:is(.dark .dark\:block) {
    display: block
}

:is(.dark .dark\:inline) {
    display: inline
}

:is(.dark .dark\:hidden) {
    display: none
}

:is(.dark .dark\:border) {
    border-width: 1px
}

:is(.dark .dark\:border-accent-20) {
    border-color: rgb(var(--ghost-accent-color-rgb)/.2)
}

:is(.dark .dark\:border-gray-50\/10) {
    border-color: rgb(var(--color-gray-50)/.1)
}

:is(.dark .dark\:border-gray-50\/5) {
    border-color: rgb(var(--color-gray-50)/.05)
}

:is(.dark .dark\:border-gray-900) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-gray-900)/var(--tw-border-opacity))
}

:is(.dark .dark\:bg-gray-50\/10) {
    background-color: rgb(var(--color-gray-50)/.1)
}

:is(.dark .dark\:bg-gray-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-800\/60) {
    background-color: rgb(var(--color-gray-800)/.6)
}

:is(.dark .dark\:bg-gray-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-900)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-950) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-950)/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-transparent) {
    background-color: transparent
}

:is(.dark .dark\:to-gray-50) {
    --tw-gradient-to: rgb(var(--color-gray-50)/1) var(--tw-gradient-to-position)
}

:is(.dark .dark\:to-gray-900) {
    --tw-gradient-to: rgb(var(--color-gray-900)/1) var(--tw-gradient-to-position)
}

:is(.dark .dark\:text-gray-200) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-300) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-400) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-400)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-400\/90) {
    color: rgb(var(--color-gray-400)/.9)
}

:is(.dark .dark\:text-gray-50) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-50)/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-500) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-500)/var(--tw-text-opacity))
}

:is(.dark .dark\:ring-inset) {
    --tw-ring-inset: inset
}

:is(.dark .dark\:ring-gray-50\/10) {
    --tw-ring-color: rgb(var(--color-gray-50)/0.1)
}

:is(.dark .dark\:ring-gray-50\/5) {
    --tw-ring-color: rgb(var(--color-gray-50)/0.05)
}

:is(.dark .dark\:ring-white\/5) {
    --tw-ring-color: hsla(0, 0%, 100%, .05)
}

:is(.dark .before\:dark\:border-gray-50\/10):before {
    border-color: rgb(var(--color-gray-50)/.1);
    content: var(--tw-content)
}

:is(.dark .dark\:before\:border-gray-50\/10):before {
    border-color: rgb(var(--color-gray-50)/.1);
    content: var(--tw-content)
}

:is(.dark .after\:dark\:border-gray-50\/10):after {
    border-color: rgb(var(--color-gray-50)/.1);
    content: var(--tw-content)
}

:is(.dark .dark\:after\:border-gray-50\/10):after {
    border-color: rgb(var(--color-gray-50)/.1);
    content: var(--tw-content)
}

:is(.dark .dark\:after\:ring-gray-50\/5):after {
    --tw-ring-color: rgb(var(--color-gray-50)/0.05);
    content: var(--tw-content)
}

:is(.dark .dark\:hover\:bg-gray-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-gray-800:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-800)/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:text-gray-100:hover) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-100)/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-gray-200:hover) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-200)/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-gray-300:hover) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300)/var(--tw-text-opacity))
}

:is(.dark .group\/dh:hover .dark\:group-hover\/dh\:bg-gray-50\/10) {
    background-color: rgb(var(--color-gray-50)/.1)
}

:is(.dark .group.open .dark\:group-\[\.open\]\:bg-gray-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

.group\/html.has-sidebar-dark :is(.dark .group-\[\.has-sidebar-dark\]\/html\:dark\:bg-gray-950) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-950)/var(--tw-bg-opacity))
}

.group.current :is(.dark .group-\[\.current\]\:dark\:hover\:text-accent:hover) {
    color: var(--ghost-accent-color)
}

@media not all and (min-width:1440px) {
    .max-3xl\:hidden {
        display: none
    }
}

@media not all and (min-width:1280px) {
    .max-xl\:-right-1\/2 {
        right: -50%
    }

    .max-xl\:left-auto {
        left: auto
    }
}

@media not all and (min-width:1024px) {
    .max-lg\:-left-px {
        left: -1px
    }

    .max-lg\:ml-auto {
        margin-left: auto
    }

    .max-lg\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .max-lg\:-translate-x-1\/2,
    .max-lg\:-translate-x-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))
    }

    .max-lg\:-translate-x-full {
        --tw-translate-x: -100%
    }

    .max-lg\: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)))
    }

    .max-lg\:border-l-2 {
        border-left-width: 2px
    }

    .max-lg\:pb-6 {
        padding-bottom: 1.5rem
    }

    .max-lg\:pl-6 {
        padding-left: 1.5rem
    }

    .max-lg\:pl-8 {
        padding-left: 2rem
    }

    .max-lg\:pr-12 {
        padding-right: 3rem
    }

    .group.open .group-\[\.open\]\:max-lg\:block {
        display: block
    }

    .group.open .group-\[\.open\]\:max-lg\:flex {
        display: flex
    }

    .group.open .group-\[\.open\]\:max-lg\:translate-x-0 {
        --tw-translate-x: 0px;
        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.open .group-\[\.open\]\:max-lg\:shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .group.open .group-\[\.open\]\:max-lg\:transition {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .group.open .group-\[\.open\]\:max-lg\:ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

@media not all and (min-width:640px) {
    .max-sm\:scroll-m-4 {
        scroll-margin: 1rem
    }

    .max-sm\: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)))
    }
}

@media (min-width:640px) {
    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem
    }

    .sm\:-mb-20 {
        margin-bottom: -5rem
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-10 {
        margin-bottom: 2.5rem
    }

    .sm\:mb-20 {
        margin-bottom: 5rem
    }

    .sm\:mr-6 {
        margin-right: 1.5rem
    }

    .sm\:mt-8 {
        margin-top: 2rem
    }

    .sm\:inline {
        display: inline
    }

    .sm\:hidden {
        display: none
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:min-w-logo {
        min-width: min(calc(var(--logo-width)*1px), calc(36px*var(--logo-width)/var(--logo-height)))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2rem*var(--tw-space-x-reverse))
    }

    .sm\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .sm\:py-28 {
        padding-bottom: 7rem;
        padding-top: 7rem
    }

    .sm\:pr-6 {
        padding-right: 1.5rem
    }

    .sm\:pt-20 {
        padding-top: 5rem
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .sm\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:last\:pb-28:last-child {
        padding-bottom: 7rem
    }
}

@media (min-width:768px) {
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:my-28 {
        margin-top: 7rem
    }

    .md\:mb-28,
    .md\:my-28 {
        margin-bottom: 3rem
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:py-28 {
        display: none;
        padding-bottom: 7rem
    }

    .md\:pt-28,
    .md\:py-28 {
        padding-top: 7rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
}

@media (min-width:1024px) {
    .lg\:visible {
        visibility: visible
    }

    .lg\:sticky {
        position: sticky
    }

    .lg\:\!left-0 {
        left: 0 !important
    }

    .lg\:\!right-0 {
        right: 0 !important
    }

    .lg\:-right-px {
        right: -1px
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:left-1\/2 {
        left: 50%
    }

    .lg\:left-px {
        left: 1px
    }

    .lg\:top-20 {
        top: 5rem
    }

    .lg\:top-px {
        top: 1px
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
    }

    .lg\:-ml-4 {
        margin-left: -1rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:ml-7 {
        margin-left: 1.75rem
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-3 {
        margin-top: .75rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-20 {
        height: unset;
        z-index: 1000;
        padding: 0px 50px;
    }

    .lg\:h-4 {
        height: 1rem
    }

    .lg\:h-5 {
        height: 1.25rem
    }

    .lg\:h-\[calc\(100vh_-_theme\(spacing\.20\)\)\] {
        height: calc(100vh - 5rem);
        width: 260px;
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-4 {
        width: 1rem
    }

    .lg\:w-5 {
        width: 1.25rem
    }

    .lg\:w-72 {
        width: 18rem
    }

    .lg\:min-w-\[theme\(spacing\.80\)\] {
        min-width: 20rem
    }

    .lg\:min-w-logo {
        min-width: min(calc(var(--logo-width)*1px), calc(36px*var(--logo-width)/var(--logo-height)))
    }

    .lg\:max-w-sm {
        max-width: 24rem
    }

    .lg\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .lg\:-translate-x-1\/2,
    .lg\:-translate-x-7 {
        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))
    }

    .lg\:-translate-x-7 {
        --tw-translate-x: -1.75rem
    }

    .lg\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .lg\:-translate-y-1\/2,
    .lg\:translate-x-1\/2 {
        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))
    }

    .lg\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }

    .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\:items-center {
        align-items: center
    }

    .lg\:gap-1 {
        gap: .25rem
    }

    .lg\:gap-20 {
        gap: 5rem
    }

    .lg\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem*var(--tw-space-x-reverse))
    }

    .lg\:rounded-xl {
        border-radius: .75rem
    }

    .lg\:border-l-2 {
        border-left-width: 2px
    }

    .lg\:border-r {
        border-right-width: 1px
    }

    .lg\:border-r-2 {
        border-right-width: 2px
    }

    .lg\:\!border-none {
        border-style: none !important
    }

    .lg\:border-none {
        border-style: none
    }

    .lg\:border-gray-900\/5 {
        border-color: rgb(var(--color-gray-900)/.05)
    }

    .lg\:bg-transparent {
        background-color: transparent
    }

    .lg\:\!p-0 {
        padding: 0 !important
    }

    .lg\:p-6 {
        padding: 1.5rem
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .lg\:pl-0 {
        padding-left: 30px;
        background: white;
    }

    .lg\:pl-4 {
        padding-left: 1rem
    }

    .lg\:pl-8 {
        padding-left: 2rem
    }

    .lg\:pr-6 {
        padding-right: 1.5rem
    }

    .lg\:pr-8 {
        padding-right: 2rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .lg\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .lg\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .lg\:after\:block:after,
    .lg\:before\:block:before {
        content: var(--tw-content);
        display: block
    }

    .lg\:after\:rounded-xl:after {
        border-radius: .75rem;
        content: var(--tw-content)
    }

    .group.has-breadcrumbs .group-\[\.has-breadcrumbs\]\:lg\:hidden {
        display: none
    }

    .group.has-breadcrumbs .group-\[\.has-breadcrumbs\]\:lg\:min-h-0 {
        min-height: 0
    }

    .group\/html.has-sidebar-transparent .group-\[\.has-sidebar-transparent\]\/html\:lg\:border-r {
        border-right-width: 1px
    }

    .group\/html.has-sidebar-transparent .group-\[\.has-sidebar-transparent\]\/html\:lg\:border-gray-900\/5 {
        border-color: rgb(var(--color-gray-900)/.05)
    }

    .group\/html.has-sidebar-transparent .group-\[\.has-sidebar-transparent\]\/html\:lg\:bg-transparent {
        background-color: transparent
    }

    :is(.dark .lg\:dark\:border-gray-50\/5) {
        border-color: rgb(var(--color-gray-50)/.05)
    }

    :is(.dark .lg\:dark\:bg-transparent) {
        background-color: transparent
    }

    .group\/html.has-sidebar-transparent :is(.dark .group-\[\.has-sidebar-transparent\]\/html\:lg\:dark\:border-gray-50\/5) {
        border-color: rgb(var(--color-gray-50)/.05)
    }

    .group\/html.has-sidebar-transparent :is(.dark .group-\[\.has-sidebar-transparent\]\/html\:lg\:dark\:bg-transparent) {
        background-color: transparent
    }

    @media not all and (min-width:1280px) {
        .lg\:max-xl\:flex {
            display: flex
        }
    }
}

@media (min-width:1280px) {
    .xl\:order-first {
        order: -9999
    }

    .xl\:ml-0 {
        margin-left: 0
    }

    .xl\:mt-16 {
        margin-top: 4rem
    }

    .xl\:block {
        display: none
    }

    .xl\:flex {
        display: flex
    }

    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xl\:grid-cols-\[auto_theme\(spacing\.56\)\] {
        grid-template-columns: auto 14rem
    }

    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width:1440px) {
    .\33xl\:hidden {
        display: none
    }
}

@media (min-width:1536px) {
    .\34xl\:text-lead {
        font-size: 1.375rem;
        line-height: 2rem
    }
}

.\[\&\.current-parent\]\:bg-gray-100.current-parent {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
}

:is(.dark .dark\:\[\&\.current-parent\]\:bg-gray-700.current-parent) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

.\[\&\.current\]\:bg-gray-100.current {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-100)/var(--tw-bg-opacity))
}

:is(.dark .dark\:\[\&\.current\]\:bg-gray-700.current) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-gray-700)/var(--tw-bg-opacity))
}

.\[\&\.external\]\:inline-flex.external {
    display: inline-flex
}

.\[\&\.has-modal\]\:h-screen.has-modal {
    height: 100vh
}

.\[\&\.has-modal\]\:overflow-hidden.has-modal {
    overflow: hidden
}

.\[\&\.no-space-top\]\:mt-0.no-space-top {
    margin-top: 0
}

.\[\&\.node-name--H3\]\:py-1.node-name--H3 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.\[\&\.node-name--H3\]\:before\:mr-1.node-name--H3:before {
    content: var(--tw-content);
    margin-right: .25rem
}

.\[\&\.node-name--H3\]\:before\:inline.node-name--H3:before {
    content: var(--tw-content);
    display: inline
}

.\[\&\.node-name--H3\]\:before\:opacity-50.node-name--H3:before {
    content: var(--tw-content);
    opacity: .5
}

.\[\&\.node-name--H3\]\:before\:content-\[\'\2014\'\].node-name--H3:before {
    --tw-content: "—";
    content: var(--tw-content)
}

.\[\&\.open\]\:visible.open {
    visibility: visible
}

.\[\&\.open\]\:z-50.open {
    z-index: 50
}

@media not all and (min-width:1024px) {
    .\[\&\.open\]\:max-lg\:visible.open {
        visibility: visible
    }

    .\[\&\.open\]\:max-lg\:inset-0.open {
        inset: 0
    }

    .\[\&\.open\]\:max-lg\:z-50.open {
        z-index: 50
    }
}

.\[\&\.stuck\]\:bg-white\/90.stuck {
    background-color: linear-gradient(180deg, #f8f8f7 0%, rgba(248, 248, 247, 0) 100%);
    z-index: 1000;
}

:is(.dark .dark\:\[\&\.stuck\]\:bg-gray-900\/70.stuck) {
    background-color: rgb(var(--color-gray-900)/.7)
}

.\[\&\:nth-child\(n_\+_7\)\]\:hidden:nth-child(n+7) {
    display: none
}

:is(.dark .\[\&_\.current\]\:dark\:text-gray-300) .current {
    --tw-text-opacity: 1;
    color: rgb(var(--color-gray-300)/var(--tw-text-opacity))
}

@media not all and (min-width:1536px) {
    .max-4xl\:\[\&_\:nth-child\(n_\+_6\)\]\:hidden :nth-child(n+6) {
        display: none
    }
}

.gh-portal-triggerbtn-container:before {
    display: none !important;
}

.gh-portal-triggerbtn-wrapper {
    display: none !important;
}


.topContainerPosts {
    display: flex;
    flex-direction: column;
    gap: 0px;


}

.linkHeader {
    font-family: Poppins !important;
}

.quetions {
    font-family: Poppins !important;
}

.helloText {
    font-family: Poppins !important;
    margin: 0px !important;
    font-size: 26px !important;
    font-weight: 400;
    text-decoration: none !important;
    color: #000000 !important;

}

.helloTextNew {
    font-family: Poppins !important;
    margin: 0px !important;
    font-size: 26px !important;
    font-weight: 400;
    text-decoration: none !important;
    color: #000000 !important;
    padding-left: 30px;

}

.helloTextPosts {
    font-family: Poppins !important;
    margin: 0px !important;
    font-size: 38px;
    font-weight: 500;
    text-decoration: none !important;
    color: #000000 !important;
    padding-left: 30px;
}

.searchBarPosts {
    background-color: #f5f8fa;
    border-radius: 26px;
    width: 35%;
    margin-top: 10px;
    padding: 15px 20px;
    color: #757575;
    font-family: Poppins !important;
    margin-left: 30px;
}

.searchTextPosts {
    font-size: 14px;
    margin-left: 5px;
    font-family: Poppins !important;
}


.needHelp {
    display: block;
}

.tag-token:not(.tag-token--internal) {
    color: black !important;
}

@media (max-width: 768px) {
    .helloText {
        font-family: Poppins !important;
        margin: 0px !important;
        font-size: 16px !important;
        font-weight: 400;
        text-decoration: none !important;
        color: #000000 !important;

    }

    .helloTextNew {
        font-family: Poppins !important;
        margin: 0px !important;
        font-size: 16px !important;
        font-weight: 400;
        text-decoration: none !important;
        color: #000000 !important;
        padding-left: 10px;

    }

    .searchBarPosts {
        width: 90%;
        margin-left: 10px;
    }

    .helloTextPosts {
        font-size: 20px;
        padding-left: 10px;
        font-family: Poppins !important;
    }

}

@media (max-width: 468px) {

    .needHelp {
        display: none;
    }
}


.createTicketnew {
    background: #017efa;
    color: white !important;
    padding: 10px 30px;
    border-radius: 6px;
    margin-bottom: 0px !important;
    margin-right: 5px;
    width: max-content !important;
    cursor: pointer;
}

.bredCrumbHome {
    font-size: 14px;
    margin-top: 20px;
    margin-left: 30px;
    font-family: Poppins !important;
    color: grey;
    padding: 0 5%;
}


.backtohome {
    color: #017efa;
    /* text-decoration: underline; */
}

.backtohome:hover {
    color: #017efa;
    text-decoration: underline;
}

.headingTextViewAll {
    font-size: 20px;
    padding: 0 7%;
    font-weight: 500;
    font-family: Poppins !important;
}

.myticketsall {
    display: flex;
    height: 40px;
    padding: 11.667px 18.333px;
    justify-content: center;
    align-items: center;
    gap: 13.333px;
    border-radius: 48.333px;
    background: var(--Black-700, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #374151);
    color: var(--White, #FFF);
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
}

.logout {
    display: block;
    font-size: 14px;
    background-color: #017EFA;
    font-family: Poppins !important;
    padding: 5px;
    color: white;
    border-radius: 4px;
    cursor: pointer;

}



#tagwrapper {

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 60px 110px 50px 110px;
    background-color: #fff;
    border-radius: 60px 60px 0px 0px;


}

#tagitem {
    width: 100%;


}

@media (max-width: 768px) {
    .myticketsall {}

    .bredCrumbHome {
        font-size: 12px;

        margin-left: 10px;

    }

    #tagwrapper {

        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;


    }
}

.mobilemenu {
    display: none !important;
    width: max-content;
}

@media (max-width: 768px) {
    .mobilemenu {
        display: flex !important;
        /* position: absolute;
        top: 4rem; */
        /* padding-left: 10px; */
        z-index: 1;

    }

    .sidebardocs {
        padding-top: 9rem;
        margin-top: -5rem;
        height: calc(100% + 5rem);

    }
}

.pagetagImage {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.iconstitleDocs {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 16rem;

}

@media (max-width:768px) {
    .iconstitleDocs {
        display: none;
        gap: 0px;
    }
}

.docsbreadcrumbsection {
    display: flex;
    align-items: center;
}

@media (max-width:768px) {
    .docsbreadcrumbsection {
        flex-direction: column;

        position: relative;
    }

    .mobilebreadcrumb {
        font-size: 10px;
    }
}

.headerRight {
    display: flex;
    align-items: center;
    gap: 30px;
}

@media (max-width:768px) {
    .headerRight {
        display: none
    }
}

.mobilesidebartitle {
    display: none;
}

@media (max-width:768px) {
    .mobilesidebartitle {
        display: flex;
        margin-bottom: 20px;

    }
}

.headerLogin {
    display: inline-block;
    position: relative;
    font-size: 16px !important;
    color: #4B5563;
    padding-bottom: 5px;
}

.underlineWrapper {
    width: 100%;
    height: 2.5px;
    overflow: hidden;
    position: relative;
    background: transparent;
    margin-top: 3px;
}

.borderline {
    height: 3px;
    background-color: rgb(18, 94, 89);
    width: 100%;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

/* On hover: grow to 1x */
.headerLogin:hover .borderline {
    transform: scaleX(1);
    animation: growBeyond 0.5s 0.3s forwards;
    /* delay after scaleX(1) */
}

@keyframes growBeyond {
    0% {
        transform: scaleX(1);
    }

    100% {
        transform: scaleX(2);
    }

}


.headerSignup {
    display: flex;
    height: 48px;
    padding: 0px 25px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 1000px;
    background: var(--Black-900, #111827);
    color: var(--Neutral-Neutral-01, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 27.2px */
}

.headerCenter {
    display: flex;
    align-items: center;
    gap: 4rem;
    margin-left: -5%;
}

.headerCenterMobile {
    display: none;
    flex-direction: column;
}

@media (max-width:768px) {
    .headerCenter {
        display: none
    }

    .headerCenterMobile {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

}

.headerMain {
    padding: 1rem 0px;
    max-width: 92%;
}

.maindocscontentwrapper {
    padding: 0 5%;
}

.docsContainer {
    border-radius: 60px 60px 0px 0px;
    background: #FFF;
    /* margin-top: 40px; */
    padding-top: 30px;
}

@media (max-width:768px) {
    .docsContainer {
        border-radius: 60px 60px 0px 0px;
        background: #FFF;
        /* margin-top: 40px; */
        padding-top: 10px;
    }
}

.docsTitle {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.docmaintitle {
    font-size: 40px;
}

@media (max-width:768px) {
    .docmaintitle {
        font-size: 30px;
        margin-top: 0px;
    }
}

.docsContentSection {}

.mainWrapper {}

.topContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px;

}

.helloText {
    margin: 0px !important;
    color: #1C1D1F;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 67.2px;
    letter-spacing: -1.28px;
}

.linksWrapper {
    padding: 50px 110px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 18%;
    border-radius: 60px 60px 0px 0px;
    background: #FFF;
    width: 100%;
    margin-top: 40px;

}



.linksSection {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.linkHeader {
    color: #111;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0px;
}

.quetions {
    color: #525252;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.viewall {
    color: #111;

    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 5px;

}

.arrow {

    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    /* font-size: 13px; */
    display: flex;
    align-items: center;
    justify-self: center;
    margin-top: 0;
    padding: 0;
    text-decoration: none !important;
}

.searchBar {
    border-radius: 26px;
    width: 35%;
    margin-top: 10px;
    padding: 15px 20px !important;
    border-radius: 1000px;
    border: 1.5px solid var(--Red-Black-Black-200, #E5E7EB);
    background: #FFF;
    color: var(--Red-Black-Black-400, #9CA3AF);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: -0.07px;
}

.searchText {
    font-size: 14px;
    margin-left: 5px;
}

.searchBottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
}

@media (max-width: 768px) {
    .mainWrapper {

        margin-top: 0px !important
    }

    .helloText {
        font-size: 20px;
    }

    .linksWrapper {
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 50px 20px;
        height: 100%;
        width: 100%;
        padding: 50px 10%;

    }

    .linkHeader {

        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .linksSection {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }

    .searchBar {
        width: 90%;
    }
}


.navigationbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 20px 0px;
    margin-bottom: 60px;

    /* border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6; */
}


.custom-nav-ul {
    display: flex;
    align-items: center;
    gap: 40px;



}

.nav-current {
    background-color: #0B0E12;
    color: #fff;
}

.gridcardsmain {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 60px 0px;
    gap: 32px;
}

@media (max-width:768px) {
    .gridcardsmain {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin: 60px 0px;
        gap: 32px;
    }
}

.ghcardimagenew {
    width: 100%;
    height: 252px;
    border-radius: 10px;
}

.ghcardtitle {
    color: #0B0E12;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: var(--Line-height-text-lg, 28px);
    /* 155.556% */
}

.ghcardexpert {
    overflow: hidden;
    color: #4B5563;
    text-overflow: ellipsis;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-height-text-md, 24px);
    /* 171.429% */
    -webkit-line-clamp: 2;
    word-break: break-word
}



.nav-item-li {
    min-width: 156px;
    /* height: 48px; */
    padding: 12px 22px;
    text-align: center;
    border-radius: 58px;
    border: 1px solid var(--Red-Black-Black-200, #E5E7EB);
    font-size: 14px;
}

.nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;

}




.nav>li {
    font-family: Poppins;
    min-width: 156px;
    /* height: 48px; */
    padding: 12px 22px;
    text-align: center;
    border-radius: 58px;
    border: 1px solid var(--Red-Black-Black-200, #E5E7EB);
    font-size: 14px;

}

@media (max-width:768px) {
    .nav {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
        overflow-x: scroll;
        width: 95%;

    }

    .nav>li {
        font-family: Poppins;
        min-width: 156px;
        /* height: 48px; */
        padding: 12px 22px;
        text-align: center;
        border-radius: 58px;
        border: 1px solid var(--Red-Black-Black-200, #E5E7EB);
        font-size: 13px;

    }
}

#mobilesidebar {
    display: none;
    transition: all 0.3s ease;
    border-radius: 30px 0px 0px 30px;
    z-index: 99;
    height: 100%;

}

.backsection {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}