/*! tailwindcss v3.4.1 | 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: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

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 {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    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: var(--font-body, ui-sans-serif), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

html.has-serif-body {
    font-family: var(--font-body, ui-serif), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif
}

.has-headings-font,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-headings, ui-sans-serif), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

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: var(--font-headings, ui-serif), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif
}

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

.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 {
    padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
    position: relative;
    --tw-aspect-w: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.content {
    color: var(--content-body)
}

.content a,
.has-links a {
    color: var(--content-links);
    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 {
    color: var(--ghost-accent-color)
}

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

.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(--content-counters);
    font-weight: 400
}

.content ul>li::marker {
    color: var(--content-bullets)
}

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

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

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

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

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

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

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

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

.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,
.has-links a code {
    color: inherit
}

.content h1 code,
.content h2 code {
    color: inherit;
    font-weight: inherit
}

.content blockquote code,
.content h3 code,
.content h4 code,
.content thead th code {
    color: inherit
}

.has-inline-code-block .content code:after,
.has-inline-code-block .content code:before {
    content: ""
}

.has-inline-code-block .content code {
    background-color: rgb(var(--color-gray-100)/1);
    border: 1px solid rgb(var(--color-gray-900)/.1);
    border-radius: 4px;
    font-size: calc(1em - 2px);
    font-size: max(calc(1em - 2px), 13px);
    padding: 3px 6px
}

.has-inline-code-block.dark .content code {
    background-color: rgb(var(--color-gray-800)/1);
    border-color: rgb(var(--color-gray-50)/.1)
}

.has-inline-code-block .kg-callout-card code {
    padding-block: 2px
}

.has-inline-code-block .kg-callout-card:not(.kg-callout-card-white) code {
    background-color: rgb(var(--color-gray-950)/.05)
}

.has-inline-code-block.dark .kg-callout-card:not(.kg-callout-card-white) code {
    background-color: rgb(var(--color-gray-950)/.1)
}

.has-inline-code-block .kg-callout-card.kg-callout-card-accent code {
    color: inherit
}

.has-inline-code-block.dark .kg-callout-card.kg-callout-card-accent code {
    border-color: rgb(var(--color-gray-900)/.1)
}

.has-inline-code-block .kg-header-card.kg-style-dark code {
    background-color: rgb(var(--color-gray-800)/1);
    border-color: rgb(var(--color-gray-50)/.1)
}

.has-inline-code-block.dark .kg-header-card.kg-style-dark code {
    background-color: rgb(var(--color-gray-200)/1);
    border-color: rgb(var(--color-gray-900)/.1)
}

.has-inline-code-block .kg-header-card.kg-style-accent code,
.has-inline-code-block .kg-header-card.kg-style-image code {
    background-color: rgb(var(--color-gray-950)/.1);
    border-color: rgb(var(--color-gray-950)/.1);
    color: inherit
}

.has-inline-code-block .kg-signup-card code {
    color: inherit
}

.has-inline-code-block .kg-signup-card picture~.kg-signup-card-content code,
.has-inline-code-block .kg-signup-card.kg-style-accent code {
    background-color: rgb(var(--color-gray-950)/.1);
    border-color: rgb(var(--color-gray-950)/.1);
    color: inherit
}

.has-inline-code-block .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] code {
    background-color: rgb(var(--color-gray-800)/1);
    border-color: rgb(var(--color-gray-50)/.1);
    color: inherit
}

.has-inline-code-block.dark .kg-signup-card[style*="background-color: rgb(0, 0, 0)"] code {
    background-color: rgb(var(--color-gray-200)/1);
    border-color: rgb(var(--color-gray-900)/.1);
    color: inherit
}

.content pre {
    background-color: var(--content-pre-bg);
    color: var(--content-pre-code);
    font-weight: 400;
    overflow-x: auto
}

.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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-color: rgb(var(--color-gray-50)/0.05)
}

html.no-img-background [data-hero] figure>img.dark .content pre:first-child {
    background-color: transparent
}

html.no-img-border [data-hero] figure>img.dark .content pre:first-child {
    box-shadow: none
}

.content pre code,
.has-inline-code-block .content pre code {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: 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
}

.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 {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

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

html:not(.no-img-background) .content .kg-gallery-image img,
html:not(.no-img-background) .content .kg-image-card img,
html:not(.no-img-background) .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: inherit
}

.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: inherit;
    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 {
    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 {
    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: 1rem;
    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: .875em;
    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: 1.625em
}

.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 {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap
}

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

.mr-auto {
    margin-right: auto
}

.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: .75rem
}

.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\.24\)\)\] {
    max-height: calc(100vh - 6rem)
}

.max-h-\[calc\(100vh-theme\(spacing\.48\)\)\] {
    max-height: calc(100vh - 12rem)
}

.min-h-10 {
    min-height: 2.5rem
}

.min-h-20 {
    min-height: 5rem
}

.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-20 {
    width: 5rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-4 {
    width: 1rem
}

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

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.max-w-3xl {
    max-width: 48rem
}

.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-center {
    justify-content: center
}

.gap-0 {
    gap: 0
}

.gap-10 {
    gap: 2.5rem
}

.gap-8 {
    gap: 2rem
}

.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: 2px
}

.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: rgb(var(--color-gray-900)/.1)
}

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

.p-8 {
    padding: 2rem
}

.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 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.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: 1rem;
    padding-top: 1rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.pb-28 {
    padding-bottom: 7rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pl-3 {
    padding-left: .75rem
}

.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-3 {
    padding-top: .75rem
}

.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)
}

.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))
}

.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)
}

html.no-img-background [data-hero] figure>img.ring-1:first-child,
html.no-img-background figure>div.after\:absolute:first-child {
    background-color: transparent
}

html.no-img-border figure>div.after\:absolute:first-child:after {
    display: none
}

html.no-img-border [data-hero] figure>img.ring-1:first-child {
    box-shadow: none
}

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

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;
    padding: .75rem 1rem !important
}

.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: rgb(var(--color-gray-300)/1)
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #79c0ff
}

.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: #a5d6ff
}

.token.function {
    color: #d2a8ff
}

.token.important,
.token.regex,
.token.variable {
    color: #a8daff
}

.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' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24'%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 2'/%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' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24'%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' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24'%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' fill='%2322c55e' viewBox='0 0 20 20'%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 0' 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 !important;
    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
    }
}

@media (min-width:1280px) {
    .xl\:outer-xl {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@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: var(--ghost-accent-color);
    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: .375rem
}

.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: .375rem
}

.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: var(--ghost-accent-color);
    content: var(--tw-content)
}

.after\:pt-20:after {
    content: var(--tw-content);
    padding-top: 5rem
}

.after\:ring-1:after {
    content: var(--tw-content);
    --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)
}

.after\:ring-inset:after {
    content: var(--tw-content);
    --tw-ring-inset: inset
}

.after\:ring-gray-900\/5:after {
    content: var(--tw-content);
    --tw-ring-color: rgb(var(--color-gray-900)/0.05)
}

.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 {
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: static;
    width: auto;
    clip: auto;
    white-space: normal
}

.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-2:hover {
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.hover\:ring-gray-900\/20:hover {
    --tw-ring-color: rgb(var(--color-gray-900)/0.2)
}

.focus\:not-sr-only:focus {
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: static;
    width: auto;
    clip: auto;
    white-space: normal
}

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

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

.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.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(--ghost-accent-color)
}

.peer.open~.peer-\[\.open\]\:block {
    display: block
}

.peer.hidden~.peer-\[\.hidden\]\:hidden {
    display: none
}

: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 {
    content: var(--tw-content);
    --tw-ring-color: rgb(var(--color-gray-50)/0.05)
}

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

.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: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-2 {
        margin-right: .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: 7rem
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:py-28 {
        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: 5rem
    }
    .lg\:h-4 {
        height: 1rem
    }
    .lg\:h-5 {
        height: 1.25rem
    }
    .lg\:h-\[calc\(100vh_-_theme\(spacing\.20\)\)\] {
        height: calc(100vh - 5rem)
    }
    .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-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: 0
    }
    .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: block
    }
    .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\:grid-cols-\[theme\(spacing\.56\)_auto_theme\(spacing\.56\)\] {
        grid-template-columns: 14rem auto 14rem
    }
    .xl\:gap-10 {
        gap: 2.5rem
    }
    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@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\>svg\]\:inline.external>svg {
    display: inline
}

.\[\&\.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\>svg\]\:rotate-180.open>svg{--tw-rotate:180deg;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))}.\[\&\.open\]\:visible.open{visibility:visible}.\[\&\.open\]\:z-50.open{z-index:50}.\[\&\.open\]\:bg-gray-100.open{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-100)/var(--tw-bg-opacity))}:is(.dark .dark\:\[\&\.open\]\:bg-gray-700.open){--tw-bg-opacity:1;background-color:rgb(var(--color-gray-700)/var(--tw-bg-opacity))}@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:hsla(0,0%,100%,.9)}:is(.dark .dark\:\[\&\.stuck\]\:bg-gray-900\/70.stuck){background-color:rgb(var(--color-gray-900)/.7)}@media not all and (min-width:1440px){.max-3xl\:\[\&\:nth-child\(-n\+6\)\]\:hidden:nth-child(-n+6){display:none}}@media (min-width:1440px){.\33xl\:\[\&\:nth-child\(-n\+6\)\]\:hidden:nth-child(-n+6),.\33xl\:\[\&\:nth-child\(-n\+7\)\]\:hidden:nth-child(-n+7),.\33xl\:\[\&\:nth-child\(-n\+8\)\]\:hidden:nth-child(-n+8){display:none}}.\[\&\:nth-child\(n\+6\)\]\:block:nth-child(n+6){display:block}.\[\&\:nth-child\(n\+6\)\]\:hidden:nth-child(n+6){display:none}@media not all and (min-width:1440px){.max-3xl\:\[\&\:nth-child\(n\+6\)\]\:block:nth-child(n+6){display:block}.max-3xl\:\[\&\:nth-child\(n\+6\)\]\:hidden:nth-child(n+6){display:none}}.\[\&\:nth-child\(n\+7\)\]\:block:nth-child(n+7){display:block}.\[\&\:nth-child\(n\+7\)\]\:hidden:nth-child(n+7){display:none}.\[\&\:nth-child\(n\+8\)\]\:block:nth-child(n+8){display:block}.\[\&\:nth-child\(n\+8\)\]\:hidden:nth-child(n+8),.\[\&\: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}}.toc-list.is-collapsed .\[\.toc-list\.is-collapsed_\&\]\:hidden{display:none}