:root {
    --gkt-pro-spoiler__background-color: currentcolor;
    --gkt-pro-spoiler__border-radius: 4px
}

.ghostkit-pro-spoiler {
    cursor: help;
    user-select: none;
    background-color: var(--gkt-pro-spoiler__background-color);
    border-radius: var(--gkt-pro-spoiler__border-radius)
}

:root {
    --gkt-pro-stroke__width: 1px;
    --gkt-pro-stroke__color: #000
}

@supports (-webkit-text-stroke: 1px black) {
    .ghostkit-pro-stroke {
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: var(--gkt-pro-stroke__width) var(--gkt-pro-stroke__color)
    }
}

:root {
    --gkt-pro-tooltip-button__border: 1px dashed #a5a5a5;
    --gkt-pro-tooltip__font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --gkt-pro-tooltip__padding-v: 0.8em;
    --gkt-pro-tooltip__padding-h: 1em;
    --gkt-pro-tooltip__border-radius: 0.4em;
    --gkt-pro-tooltip__background-color: rgba(16, 16, 16, 95%);
    --gkt-pro-tooltip__color: #fff;
    --gkt-pro-tooltip__font-size: 0.9em;
    --gkt-pro-tooltip__arrow-size: 0.4em;
    --gkt-pro-tooltip__show-move: 5px;
    --gkt-pro-tooltip__z-index: 31;
    --gkt-pro-tooltip__transition-duration: var(--gkt-transition-duration);
    --gkt-pro-tooltip__transition-easing: var(--gkt-transition-easing)
}

.ghostkit-pro-tooltip[aria-label] {
    cursor: pointer;
    border-bottom: var(--gkt-pro-tooltip-button__border)
}

.ghostkit-pro-tooltip-popper-wrap {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: var(--gkt-pro-tooltip__z-index)
}

.ghostkit-pro-tooltip-popper {
    max-width: 400px;
    padding: var(--gkt-pro-tooltip__padding-v) var(--gkt-pro-tooltip__padding-h);
    font-family: var(--gkt-pro-tooltip__font-family);
    font-size: var(--gkt-pro-tooltip__font-size);
    font-style: normal;
    font-weight: 400;
    color: var(--gkt-pro-tooltip__color);
    text-indent: 0;
    text-shadow: none;
    word-break: break-word;
    white-space: pre-line;
    pointer-events: none;
    background-color: var(--gkt-pro-tooltip__background-color);
    border-radius: var(--gkt-pro-tooltip__border-radius);
    opacity: 0;
    transition-property: opacity, transform
}

.ghostkit-pro-tooltip-popper [data-popper-arrow] {
    width: 0;
    height: 0;
    border: var(--gkt-pro-tooltip__arrow-size) solid transparent
}

[data-popper-placement^="top"] .ghostkit-pro-tooltip-popper [data-popper-arrow] {
    top: 100%;
    border-top-color: var(--gkt-pro-tooltip__background-color)
}

[data-popper-placement^="bottom"] .ghostkit-pro-tooltip-popper [data-popper-arrow] {
    bottom: 100%;
    border-bottom-color: var(--gkt-pro-tooltip__background-color)
}

[data-popper-placement^="left"] .ghostkit-pro-tooltip-popper [data-popper-arrow] {
    left: 100%;
    border-left-color: var(--gkt-pro-tooltip__background-color)
}

[data-popper-placement^="right"] .ghostkit-pro-tooltip-popper [data-popper-arrow] {
    right: 100%;
    border-right-color: var(--gkt-pro-tooltip__background-color)
}

[data-popper-placement^="top"] .ghostkit-pro-tooltip-popper {
    transform: translate(0, calc(-1 * var(--gkt-pro-tooltip__show-move)))
}

[data-popper-placement^="bottom"] .ghostkit-pro-tooltip-popper {
    transform: translate(0, var(--gkt-pro-tooltip__show-move))
}

[data-popper-placement^="left"] .ghostkit-pro-tooltip-popper {
    transform: translate(calc(-1 * var(--gkt-pro-tooltip__show-move)), 0)
}

[data-popper-placement^="right"] .ghostkit-pro-tooltip-popper {
    transform: translateX(calc(1 * var(--gkt-pro-tooltip__show-move))) translateY(0)
}

.ghostkit-pro-tooltip-popper-show .ghostkit-pro-tooltip-popper {
    opacity: 1;
    transform: translate(0, 0)
}

.ghostkit-button {
    --gkt-pro-button__background-image: var(--gkt-button__background-color);
    --gkt-pro-button-hover__background-image: var(--gkt-button-hover__background-color)
}

.ghostkit-button.ghostkit-pro-bg-gradient {
    position: relative;
    z-index: 1;
    background-image: var(--gkt-pro-button__background-image)
}

.ghostkit-button.ghostkit-pro-bg-gradient::before {
    position: absolute;
    top: calc(-1 * var(--gkt-button__border-width));
    right: calc(-1 * var(--gkt-button__border-width));
    bottom: calc(-1 * var(--gkt-button__border-width));
    left: calc(-1 * var(--gkt-button__border-width));
    z-index: -1;
    display: block;
    content: "";
    background-color: var(--gkt-button-hover__background-color);
    background-image: var(--gkt-pro-button-hover__background-image);
    background-clip: padding-box;
    border: var(--gkt-button__border-width) solid transparent;
    border-radius: var(--gkt-button__border-radius);
    opacity: 0;
    transition: var(--gkt-button__transition-duration) opacity var(--gkt-button__transition-easing)
}

.ghostkit-button.ghostkit-pro-bg-gradient:hover::before,
.ghostkit-button.ghostkit-pro-bg-gradient:focus::before,
.ghostkit-button.ghostkit-pro-bg-gradient:active::before {
    opacity: 1
}

.ghostkit-progress {
    --gkt-pro-progress--bar__background-image: var(--gkt-progress--bar__background-color);
    --gkt-pro-progress--bar-hover__background-image: var(--gkt-progress--bar__background-color);
    --gkt-pro-progress__background-image: var(--gkt-progress__background-color);
    --gkt-pro-progress-hover__background-image: var(--gkt-progress__background-color)
}

.ghostkit-progress.ghostkit-pro-bg-gradient .ghostkit-progress-wrap,
.ghostkit-progress.ghostkit-pro-bg-gradient .ghostkit-progress-wrap .ghostkit-progress-bar {
    position: relative;
    z-index: 1
}

.ghostkit-progress.ghostkit-pro-bg-gradient .ghostkit-progress-wrap::before,
.ghostkit-progress.ghostkit-pro-bg-gradient .ghostkit-progress-wrap .ghostkit-progress-bar::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    content: "";
    background-clip: padding-box;
    opacity: 0;
    transition: var(--gkt-progress__transition-duration) opacity var(--gkt-progress__transition-easing)
}

.ghostkit-progress.ghostkit-pro-bg-gradient.ghostkit-progress:hover .ghostkit-progress-wrap::before,
.ghostkit-progress.ghostkit-pro-bg-gradient.ghostkit-progress:hover .ghostkit-progress-wrap .ghostkit-progress-bar::before {
    opacity: 1
}

.ghostkit-progress.ghostkit-pro-bg-gradient .ghostkit-progress-wrap {
    background-image: var(--gkt-pro-progress__background-image)
}

.ghostkit-progress.ghostkit-pro-bg-gradient .ghostkit-progress-wrap::before {
    background-image: var(--gkt-pro-progress-hover__background-image)
}

.ghostkit-progress.ghostkit-pro-bg-gradient .ghostkit-progress-wrap .ghostkit-progress-bar {
    background-image: var(--gkt-pro-progress--bar__background-image)
}

.ghostkit-progress.ghostkit-pro-bg-gradient .ghostkit-progress-wrap .ghostkit-progress-bar::before {
    background-image: var(--gkt-pro-progress--bar-hover__background-image)
}

.ghostkit-progress.ghostkit-pro-bg-gradient .ghostkit-progress-wrap.ghostkit-progress-bar-striped .ghostkit-progress-bar {
    background-image: var(--gkt-progress--bar-striped__background-image), var(--gkt-pro-progress--bar__background-image);
    background-size: var(--gkt-progress--bar-striped__background-size), 100%
}

.ghostkit-progress.ghostkit-pro-bg-gradient .ghostkit-progress-wrap.ghostkit-progress-bar-striped .ghostkit-progress-bar::before {
    background-image: var(--gkt-progress--bar-striped__background-image), var(--gkt-pro-progress--bar-hover__background-image);
    background-size: var(--gkt-progress--bar-striped__background-size), 100%
}

@supports (-webkit-background-clip: text) {
    .ghostkit-counter-box {
        --gkt-pro-counter-box--number__image: var(--gkt-counter-box--number__color)
    }
    .ghostkit-counter-box.ghostkit-pro-text-gradient>.ghostkit-counter-box-number .ghostkit-counter-box-number-wrap {
        background-color: var(--gkt-counter-box--number__color);
        background-image: var(--gkt-pro-counter-box--number__image)
    }
    .ghostkit-counter-box.ghostkit-pro-text-gradient>.ghostkit-counter-box-number .ghostkit-counter-box-number-wrap,
    .ghostkit-counter-box.ghostkit-pro-text-gradient>.ghostkit-counter-box-number .editor-rich-text__tinymce {
        background-color: currentcolor;
        background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@supports (-webkit-background-clip: text) {
    .ghostkit-icon-box {
        --gkt-pro-icon-box--icon__image: var(--gkt-icon-box--icon__color)
    }
    .ghostkit-icon-box.ghostkit-pro-text-gradient>.ghostkit-icon-box-icon>span {
        background-color: currentcolor;
        background-image: var(--gkt-icon-box--icon__color);
        background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

.ghostkit-pro-gradient-mask {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.ghostkit-pro-grid-fullheight>.ghostkit-grid-inner {
    min-height: 100vh
}

body.admin-bar .ghostkit-pro-grid-fullheight>.ghostkit-grid-inner {
    min-height: calc(100vh - 32px)
}

@media screen and (max-width:782px) {
    body.admin-bar .ghostkit-pro-grid-fullheight>.ghostkit-grid-inner {
        min-height: calc(100vh - 42px)
    }
}

@media screen and (max-width:600px) {
    body.admin-bar .ghostkit-pro-grid-fullheight>.ghostkit-grid-inner {
        min-height: 100vh
    }
}

.ghostkit-circle-button {
    --gkt-circle-button__width: auto;
    --gkt-circle-button__background: none;
    --gkt-circle-button__justify: center
}

.ghostkit-circle-button {
    display: grid;
    text-decoration: none
}

.ghostkit-circle-button-inner {
    position: relative;
    box-sizing: border-box;
    align-content: center;
    justify-content: center;
    justify-self: var(--gkt-circle-button__justify);
    width: var(--gkt-circle-button__width);
    min-width: 1em;
    max-width: 100%;
    min-height: 1em;
    aspect-ratio: 1;
    text-align: center;
    background: var(--gkt-circle-button__background);
    border-radius: 50%
}

.ghostkit-circle-button-border>.ghostkit-circle-button-inner {
    border: var(--gkt-circle-button__border-width) solid var(--gkt-circle-button__border-color)
}

.ghostkit-circle-button-border-gradient>.ghostkit-circle-button-inner {
    border: var(--gkt-circle-button__border-width) solid transparent
}

.ghostkit-circle-button-border-gradient>.ghostkit-circle-button-inner::before {
    position: absolute;
    inset: calc(var(--gkt-circle-button__border-width) * -1);
    padding: var(--gkt-circle-button__border-width);
    pointer-events: none;
    content: "";
    background: var(--gkt-circle-button__border-color);
    border-radius: 50%;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude
}

.ghostkit-circle-button-circular {
    --gkt-circle-button--circular__offset: 0px
}

.ghostkit-circle-button-circular {
    position: absolute;
    top: calc(0 + var(--gkt-circle-button--circular__offset) * 0.5);
    left: calc(0 + var(--gkt-circle-button--circular__offset) * 0.5);
    width: calc(100% - var(--gkt-circle-button--circular__offset));
    height: calc(100% - var(--gkt-circle-button--circular__offset));
    pointer-events: none !important
}

.ghostkit-circle-button-circular-text {
    fill: currentcolor;
    transform-origin: 100px
}

.ghostkit-circle-button-circular-text>textPath {
    white-space: break-spaces;
    pointer-events: initial
}

.ghostkit-code {
    --gkt-code__font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --gkt-code__font-size: 1rem;
    --gkt-code__padding-v: 1.2rem;
    --gkt-code__padding-h: 1.2rem;
    --gkt-code__background-color: #fff;
    --gkt-code__color: #24292e;
    --gkt-code__border-width: 1px;
    --gkt-code__border-color: rgba(125, 134, 137, 10%);
    --gkt-code__border-radius: 8px
}

.ghostkit-code {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: var(--gkt-code__font-family);
    font-size: var(--gkt-code__font-size);
    color: var(--gkt-code__color);
    background-color: var(--gkt-code__background-color);
    border-radius: var(--gkt-code__border-radius);
    outline: inset var(--gkt-code__border-width) var(--gkt-code__border-color)
}

.ghostkit-code pre {
    box-sizing: border-box;
    padding: var(--gkt-code__padding-v) 0;
    overflow: auto
}

.ghostkit-code code {
    display: block;
    padding: 0 var(--gkt-code__padding-h)
}

.ghostkit-code pre,
.ghostkit-code code {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    word-break: normal;
    word-wrap: normal;
    white-space: pre;
    word-spacing: normal
}

.ghostkit-code-header {
    position: relative;
    padding: calc(var(--gkt-code__padding-h) / 1.6) var(--gkt-code__padding-h);
    font-size: 0.9em;
    background-color: rgba(125, 134, 137, 0.1);
    border-bottom: var(--gkt-code__border-width) solid var(--gkt-code__border-color)
}

.ghostkit-code-header .ghostkit-code-clipboard-button {
    top: calc(var(--gkt-code__padding-h) / 2.2);
    right: calc(var(--gkt-code__padding-h) / 1.8);
    opacity: 1
}

.ghostkit-code-header a {
    color: inherit;
    text-decoration: none
}

.ghostkit-code-header a:hover,
.ghostkit-code-header a:focus {
    text-decoration: underline
}

.ghostkit-code-with-line-numbers code {
    counter-reset: step;
    counter-increment: step 0
}

.ghostkit-code-with-line-numbers code .line::before {
    display: inline-block;
    width: 1rem;
    margin-right: 1.5rem;
    text-align: right;
    content: counter(step);
    counter-increment: step;
    opacity: 0.3
}

.ghostkit-code-with-line-numbers pre:not(.shiki) {
    padding-left: 2.5rem
}

.ghostkit-code-with-lines-wrapping code {
    white-space: pre-wrap
}

.ghostkit-code-clipboard-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 100;
    display: none;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    color: inherit;
    text-align: center;
    cursor: pointer;
    background-color: rgba(125, 134, 137, 0);
    border: none !important;
    border-radius: 4px;
    opacity: 0;
    transition: 0.15s background-color ease, 0.15s opacity ease;
    backdrop-filter: blur(16px)
}

.ghostkit-code-ready .ghostkit-code-clipboard-button {
    display: flex
}

.ghostkit-code-clipboard-button svg {
    width: 75%;
    height: auto
}

.ghostkit-code-clipboard-button:hover,
.ghostkit-code-clipboard-button:focus {
    background-color: rgba(125, 134, 137, 0.1);
    opacity: 1
}

.ghostkit-code:hover .ghostkit-code-clipboard-button {
    opacity: 1
}

.is-style-theme-github-light {
    --gkt-code__background-color: #fff;
    --gkt-code__color: #24292e
}

.is-style-theme-github-dark {
    --gkt-code__background-color: #24292e;
    --gkt-code__color: #e1e4e8
}

.is-style-theme-slack-ochin {
    --gkt-code__background-color: #fff;
    --gkt-code__color: #002339
}

.is-style-theme-slack-dark {
    --gkt-code__background-color: #222;
    --gkt-code__color: #e6e6e6
}

.is-style-theme-min-light {
    --gkt-code__background-color: #fff;
    --gkt-code__color: #24292e
}

.is-style-theme-min-dark {
    --gkt-code__background-color: #1f1f1f;
    --gkt-code__color: #b392f0
}

.is-style-theme-vitesse-light {
    --gkt-code__background-color: #fff;
    --gkt-code__color: #393a34
}

.is-style-theme-vitesse-dark {
    --gkt-code__background-color: #121212;
    --gkt-code__color: rgba(219, 215, 202, 93%)
}

.is-style-theme-light-plus {
    --gkt-code__background-color: #fff;
    --gkt-code__color: #000
}

.is-style-theme-dark-plus {
    --gkt-code__background-color: #1e1e1e;
    --gkt-code__color: #d4d4d4
}

.is-style-theme-one-dark-pro {
    --gkt-code__background-color: #282c34;
    --gkt-code__color: #abb2bf
}

.is-style-theme-vesper {
    --gkt-code__background-color: #101010;
    --gkt-code__color: #fff
}

.is-style-theme-nord {
    --gkt-code__background-color: #2e3440;
    --gkt-code__color: #d8dee9
}

.is-style-theme-github-dark,
.is-style-theme-slack-dark,
.is-style-theme-min-dark,
.is-style-theme-vitesse-dark,
.is-style-theme-dark-plus,
.is-style-theme-one-dark-pro,
.is-style-theme-nord {
    color-scheme: dark
}

.ghostkit-image-scroller {
    overflow: hidden;
    line-height: 0
}

.ghostkit-image-scroller-horizontal img {
    height: 100%
}

.ghostkit-image-scroller-vertical img {
    width: 100%
}

.ghostkit-image-scroller-wrapper {
    position: relative;
    display: inline-block;
    width: var(--gkt-image-scroller__width, 100%);
    height: var(--gkt-image-scroller__height);
    aspect-ratio: var(--gkt-image-scroller__aspect-ratio)
}

.ghostkit-image-scroller-trigger-hover .ghostkit-image-scroller-wrapper {
    overflow: hidden
}

.ghostkit-image-scroller-trigger-scroll.ghostkit-image-scroller-vertical .ghostkit-image-scroller-wrapper {
    overflow-x: hidden;
    overflow-y: auto
}

.ghostkit-image-scroller-trigger-scroll.ghostkit-image-scroller-horizontal .ghostkit-image-scroller-wrapper {
    overflow-x: auto;
    overflow-y: hidden
}

.ghostkit-image-scroller-wrapper>img {
    display: block;
    max-width: none;
    object-fit: cover
}

.ghostkit-image-scroller-wrapper:focus-visible::before {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    z-index: 1;
    content: "";
    border-radius: var(--gkt-image-scroll__border-radius);
    outline: inherit
}

.ghostkit-interactive-link {
    --gkt-interactive-link__underline-width: 0.05em;
    --gkt-interactive-link__transition-duration: 0.7s;
    --gkt-interactive-link__transition-easing: cubic-bezier(0.2, 1, 0.2, 1);
    --gkt-interactive-link--media__width: auto;
    --gkt-interactive-link--media__height: auto;
    --gkt-interactive-link--media__aspect-ratio: auto;
    --gkt-interactive-link--media__offset-v: 0px;
    --gkt-interactive-link--media__offset-h: 0px;
    --gkt-interactive-link--media__transition-duration: var(--gkt-transition-duration);
    --gkt-interactive-link--media__transition-easing: var(--gkt-transition-easing)
}

.ghostkit-interactive-link {
    position: relative;
    display: block;
    text-decoration: none
}

.ghostkit-interactive-link-label {
    position: relative;
    z-index: 1;
    display: inline;
    background-image: linear-gradient(to bottom, transparent calc(100% - var(--gkt-interactive-link__underline-width)), currentcolor var(--gkt-interactive-link__underline-width));
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 0% 100%;
    transition: var(--gkt-interactive-link__transition-duration) background-size var(--gkt-interactive-link__transition-easing)
}

.ghostkit-interactive-link:hover>.ghostkit-interactive-link-label,
.ghostkit-interactive-link:focus>.ghostkit-interactive-link-label,
.ghostkit-interactive-link-active>.ghostkit-interactive-link-label {
    background-position: center left;
    background-size: 100% 100%
}

span.ghostkit-interactive-link-label {
    cursor: default
}

.ghostkit-interactive-link-media {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--gkt-interactive-link--media__width);
    height: var(--gkt-interactive-link--media__height);
    margin-top: var(--gkt-interactive-link--media__offset-v);
    margin-left: var(--gkt-interactive-link--media__offset-h);
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition-timing-function: var(--gkt-interactive-link--media__transition-easing);
    transition-duration: var(--gkt-interactive-link--media__transition-duration);
    transition-property: opacity, visibility, z-index;
    will-change: transform;
    display: block
}

.ghostkit-interactive-link-media>img,
.ghostkit-interactive-link-media>video {
    display: block;
    object-fit: cover;
    aspect-ratio: var(--gkt-interactive-link--media__aspect-ratio)
}

.ghostkit-interactive-link-media>img {
    max-width: none
}

.ghostkit-interactive-link-media>video {
    height: auto
}

.ghostkit-interactive-link-media-show {
    visibility: visible;
    opacity: 1
}

.ghostkit-interactive-link-zindex-under-current:hover,
.ghostkit-interactive-link-zindex-under-current:focus {
    z-index: 2
}

.ghostkit-interactive-link-zindex-above:hover,
.ghostkit-interactive-link-zindex-above:focus {
    z-index: 2
}

.ghostkit-interactive-link-zindex-above:hover>.ghostkit-interactive-link-media,
.ghostkit-interactive-link-zindex-above:focus>.ghostkit-interactive-link-media {
    z-index: 1
}

.ghostkit-interactive-group {
    --gkt-interactive-group--overlay__opacity: 0;
    --gkt-interactive-group--overlay__background: none;
    --gkt-interactive-group__transition-duration: var(--gkt-transition-duration);
    --gkt-interactive-group__transition-easing: var(--gkt-transition-easing)
}

.ghostkit-interactive-group {
    position: relative;
    z-index: 1;
    overflow: clip
}

.ghostkit-interactive-group-background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ghostkit-interactive-group-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition-timing-function: var(--gkt-interactive-group__transition-easing);
    transition-duration: var(--gkt-interactive-group__transition-duration);
    transition-property: opacity, visibility
}

.ghostkit-interactive-group-media>img,
.ghostkit-interactive-group-media>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ghostkit-interactive-group-media-show {
    visibility: visible;
    opacity: 1
}

.ghostkit-interactive-group-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: var(--gkt-interactive-group--overlay__background);
    opacity: var(--gkt-interactive-group--overlay__opacity)
}

.ghostkit-interactive-media {
    --gkt-interactive-media__transition-duration: var(--gkt-transition-duration);
    --gkt-interactive-media__transition-easing: var(--gkt-transition-easing)
}

.ghostkit-interactive-media {
    position: relative;
    display: block;
    width: var(--gkt-interactive-media__width);
    height: var(--gkt-interactive-media__height);
    aspect-ratio: var(--gkt-interactive-media__aspect-ratio);
    overflow: hidden;
    line-height: 0
}

.ghostkit-interactive-media-item {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition-timing-function: var(--gkt-interactive-media__transition-easing);
    transition-duration: var(--gkt-interactive-media__transition-duration);
    transition-property: opacity, visibility
}

.ghostkit-interactive-media-item>img,
.ghostkit-interactive-media-item>video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ghostkit-interactive-media-item-show {
    position: relative;
    visibility: visible;
    opacity: 1
}

.ghostkit-magnifying-image {
    --gkt-magnifying-image--zoom-lens__size: 200px;
    --gkt-magnifying-image--zoom-lens__backdrop-filter: blur(20px);
    --gkt-magnifying-image__transition-duration: 0.15s;
    --gkt-magnifying-image__transition-easing: var(--gkt-transition-easing)
}

.ghostkit-magnifying-image {
    line-height: 0
}

.ghostkit-magnifying-image-wrapper {
    position: relative;
    display: inline-block;
    width: var(--gkt-magnifying-image__width);
    max-width: 100%;
    height: var(--gkt-magnifying-image__height)
}

.ghostkit-magnifying-image-wrapper>img {
    display: block;
    aspect-ratio: var(--gkt-magnifying-image__aspect-ratio)
}

.ghostkit-magnifying-image-wrapper img {
    object-fit: cover
}

.ghostkit-magnifying-image-zoom-lens {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: var(--gkt-magnifying-image--zoom-lens__size);
    height: var(--gkt-magnifying-image--zoom-lens__size);
    overflow: hidden;
    pointer-events: none;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition-timing-function: var(--gkt-magnifying-image__transition-easing);
    transition-duration: var(--gkt-magnifying-image__transition-duration);
    transition-property: opacity;
    backdrop-filter: var(--gkt-magnifying-image--zoom-lens__backdrop-filter)
}

.ghostkit-magnifying-image-zoom-lens>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--gkt-magnifying-image__current-width) * var(--gkt-magnifying-image__zoom)) !important;
    max-width: none !important;
    height: calc(var(--gkt-magnifying-image__current-height) * var(--gkt-magnifying-image__zoom)) !important;
    object-fit: cover
}

.ghostkit-magnifying-image-show:not(.is-style-zoom-image, .is-style-side-view)>.ghostkit-magnifying-image-wrapper {
    cursor: none
}

.ghostkit-magnifying-image-show .ghostkit-magnifying-image-zoom-lens {
    opacity: 1
}

.ghostkit-magnifying-image-zoom-view {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transition-timing-function: var(--gkt-magnifying-image__transition-easing);
    transition-duration: var(--gkt-magnifying-image__transition-duration);
    transition-property: opacity
}

.ghostkit-magnifying-image-zoom-view>img {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% * var(--gkt-magnifying-image__zoom));
    max-width: none !important;
    height: calc(100% * var(--gkt-magnifying-image__zoom))
}

.ghostkit-magnifying-image-show .ghostkit-magnifying-image-zoom-view {
    opacity: 1
}

.ghostkit-magnifying-image-lens-view {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% / var(--gkt-magnifying-image__zoom));
    height: calc(100% / var(--gkt-magnifying-image__zoom));
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition-timing-function: var(--gkt-magnifying-image__transition-easing);
    transition-duration: var(--gkt-magnifying-image__transition-duration);
    transition-property: opacity, backdrop-filter
}

.ghostkit-magnifying-image.is-style-side-view>.ghostkit-magnifying-image-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: 0;
    transition: var(--gkt-magnifying-image__transition-duration) opacity var(--gkt-magnifying-image__transition-easing)
}

.ghostkit-magnifying-image.is-style-side-view .ghostkit-magnifying-image-wrapper {
    overflow: initial
}

.ghostkit-magnifying-image.is-style-side-view .ghostkit-magnifying-image-wrapper>img {
    position: relative;
    z-index: -1
}

.ghostkit-magnifying-image-show.is-style-side-view>.ghostkit-magnifying-image-wrapper::before {
    opacity: 0.5
}

.ghostkit-magnifying-image-show.is-style-side-view .ghostkit-magnifying-image-lens-view {
    opacity: 1;
    backdrop-filter: brightness(2)
}

.ghostkit-marquee {
    --gkt-marquee--fade-edges__size: 12%
}

.ghostkit-marquee {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden
}

.ghostkit-marquee>.ghostkit-marquee-inner {
    flex: 0 0 auto;
    min-width: auto;
    white-space: nowrap
}

.ghostkit-marquee>.ghostkit-marquee-inner>* {
    flex: 0 0 auto
}

.ghostkit-marquee-fade-edges {
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 var(--gkt-marquee--fade-edges__size), #000 calc(100% - var(--gkt-marquee--fade-edges__size)), rgba(0, 0, 0, 0) 100%)
}

.ghostkit-toggle {
    --gkt-toggle__margin-bottom: 1em;
    --gkt-toggle__gap: 0.75em;
    --gkt-toggle__focus-outline-offset: 0.15em;
    --gkt-toggle__transition-duration: var(--gkt-transition-duration);
    --gkt-toggle__transition-easing: var(--gkt-transition-easing);
    --gkt-toggle--label__opacity: 0.5;
    --gkt-toggle--style-toggle__width: 2.45em;
    --gkt-toggle--style-toggle__height: 1.3em;
    --gkt-toggle--style-toggle__padding: 0.175em;
    --gkt-toggle--style-toggle__border-radius: var(--gkt-toggle--style-toggle__height);
    --gkt-toggle--style-toggle__color: #fff;
    --gkt-toggle--style-toggle__background-color: var(--gkt-color-light-gray-darken);
    --gkt-toggle-active--style-toggle__color: #fff;
    --gkt-toggle-active--style-toggle__background-color: var(--gkt-color-primary);
    --gkt-toggle--style-checkbox__width: 1em;
    --gkt-toggle--style-checkbox__height: 1em;
    --gkt-toggle--style-checkbox__border-width: 2px;
    --gkt-toggle--style-checkbox__border-radius: 0.3em;
    --gkt-toggle--style-checkbox__color: transparent;
    --gkt-toggle--style-checkbox__icon: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6667 3.5L5.25004 9.91667L2.33337 7" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
    --gkt-toggle--style-checkbox__icon-width: 75%;
    --gkt-toggle--style-checkbox__icon-height: 75%;
    --gkt-toggle--style-checkbox__border-color: var(--gkt-color-light-gray-darken);
    --gkt-toggle--style-checkbox__background-color: #fff;
    --gkt-toggle-active--style-checkbox__color: #fff;
    --gkt-toggle-active--style-checkbox__border-color: var(--gkt-color-primary);
    --gkt-toggle-active--style-checkbox__background-color: var(--gkt-color-primary)
}

.ghostkit-toggle>input {
    position: absolute;
    left: -9999px;
    pointer-events: none;
    opacity: 0
}

.ghostkit-toggle-button {
    display: block;
    flex: 0 0 auto;
    width: var(--gkt-toggle--style-toggle__width);
    height: var(--gkt-toggle--style-toggle__height);
    padding: var(--gkt-toggle--style-toggle__padding);
    background-color: var(--gkt-toggle--style-toggle__background-color);
    border-radius: var(--gkt-toggle--style-toggle__border-radius);
    transition: var(--gkt-toggle__transition-duration) background-color var(--gkt-toggle__transition-easing)
}

.ghostkit-toggle-button::after {
    position: relative;
    left: 0;
    display: block;
    height: 100%;
    aspect-ratio: 1;
    content: "";
    background-color: var(--gkt-toggle--style-toggle__color);
    border-radius: 50%;
    transition-timing-function: var(--gkt-toggle__transition-easing);
    transition-duration: var(--gkt-toggle__transition-duration);
    transition-property: background-color, left, transform;
    transform: translate(0)
}

.ghostkit-toggle>input:checked+.ghostkit-toggle-label>.ghostkit-toggle-button {
    background-color: var(--gkt-toggle-active--style-toggle__background-color)
}

.ghostkit-toggle>input:checked+.ghostkit-toggle-label>.ghostkit-toggle-button::after {
    left: 100%;
    background-color: var(--gkt-toggle-active--style-toggle__color);
    transform: translateX(-100%)
}

.ghostkit-toggle>input:focus-visible+.ghostkit-toggle-label>.ghostkit-toggle-button {
    outline: 1px auto Highlight;
    outline: 1px auto -webkit-focus-ring-color;
    outline-offset: var(--gkt-toggle__focus-outline-offset)
}

.ghostkit-toggle.is-style-checkbox .ghostkit-toggle-button {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: calc(var(--gkt-toggle--style-checkbox__width) + var(--gkt-toggle--style-checkbox__border-width) * 2);
    height: calc(var(--gkt-toggle--style-checkbox__height) + var(--gkt-toggle--style-checkbox__border-width) * 2);
    font-size: inherit;
    cursor: pointer;
    background-color: var(--gkt-toggle--style-checkbox__background-color);
    border-radius: var(--gkt-toggle--style-checkbox__border-radius);
    box-shadow: inset 0 0 0 var(--gkt-toggle--style-checkbox__border-width) var(--gkt-toggle--style-checkbox__border-color);
    transition-timing-function: var(--gkt-toggle__transition-easing);
    transition-duration: var(--gkt-toggle__transition-duration);
    transition-property: background-color, box-shadow
}

.ghostkit-toggle.is-style-checkbox .ghostkit-toggle-button::after {
    left: auto;
    width: var(--gkt-toggle--style-checkbox__icon-width);
    height: var(--gkt-toggle--style-checkbox__icon-height);
    content: "";
    background-color: var(--gkt-toggle--style-checkbox__color);
    transition: var(--gkt-toggle__transition-duration) background-color var(--gkt-toggle__transition-easing);
    transform: none;
    mask-image: var(--gkt-toggle--style-checkbox__icon);
    mask-size: 100% 100%
}

.ghostkit-toggle.is-style-checkbox>input:checked+.ghostkit-toggle-label>.ghostkit-toggle-button {
    background-color: var(--gkt-toggle-active--style-checkbox__background-color);
    box-shadow: inset 0 0 0 var(--gkt-toggle--style-checkbox__border-width) var(--gkt-toggle-active--style-checkbox__border-color)
}

.ghostkit-toggle.is-style-checkbox>input:checked+.ghostkit-toggle-label>.ghostkit-toggle-button::after {
    left: auto;
    background-color: var(--gkt-toggle-active--style-checkbox__color);
    transform: none
}

.ghostkit-toggle-label {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: var(--gkt-toggle__margin-bottom);
    font-size: 1em;
    cursor: pointer
}

.ghostkit-toggle-align-start>.ghostkit-toggle-label {
    justify-content: flex-start;
    text-align: left
}

.ghostkit-toggle-align-center>.ghostkit-toggle-label {
    justify-content: center;
    text-align: center
}

.ghostkit-toggle-align-end>.ghostkit-toggle-label {
    justify-content: flex-end;
    text-align: right
}

.ghostkit-toggle-label-before,
.ghostkit-toggle-label-after {
    transition: var(--gkt-toggle__transition-duration) opacity var(--gkt-toggle__transition-easing)
}

.ghostkit-toggle-label-before {
    order: -1;
    margin-right: var(--gkt-toggle__gap);
    opacity: 1
}

.ghostkit-toggle>input:checked+.ghostkit-toggle-label>.ghostkit-toggle-label-before {
    opacity: var(--gkt-toggle--label__opacity)
}

.ghostkit-toggle-label-after {
    margin-left: var(--gkt-toggle__gap);
    opacity: var(--gkt-toggle--label__opacity)
}

.ghostkit-toggle>input:checked+.ghostkit-toggle-label>.ghostkit-toggle-label-after {
    opacity: 1
}

.ghostkit-toggle>input:checked~.ghostkit-toggle-inner>:last-child,
.ghostkit-toggle>input:not(:checked)~.ghostkit-toggle-inner>:first-child {
    display: none
}

.ghostkit-svg-icon-octicon {
    fill: currentcolor
}