/* ------------------------------------------------------------------
  Main Ghost Kit Styles

  [Table of contents]
  
    - Accordion.
    - Alert.
    - Badge.
    - Buttons.
    - Carousel.
    - Changelog.
    - Countdown.
    - Counter Box.
    - Forms.
    - Icon Box.
    - Image Compare.
    - Pricing.
    - Progress.
    - Tabs.
    - TOC.
    - Testimonial.
    - Video Block.
    - Gist.
    - Grid.
    - Widgetized Area.
    - Styles.
 ------------------------------------------------------------------- */
/* stylelint-disable scss/comment-no-empty */
.ghostkit-button.is-style-wld-btn-skew {
  -webkit-clip-path: polygon(0 var(--wld--button--skew), 100% 0, calc(100% - var(--wld--button--skew)) 100%, 0 calc(100% - var(--wld--button--skew)));
          clip-path: polygon(0 var(--wld--button--skew), 100% 0, calc(100% - var(--wld--button--skew)) 100%, 0 calc(100% - var(--wld--button--skew)));
}

.ghostkit-button.is-style-wld-btn-skew-shadow {
  --wld--btn--before--background-color: var(--wld--button--background-color);
  --wld--btn-hover--before--background-color: var(--wld--button-hover--background-color);
  z-index: 1;
}
.ghostkit-button.is-style-wld-btn-skew-shadow::before, .ghostkit-button.is-style-wld-btn-skew-shadow::after {
  -webkit-clip-path: polygon(0 var(--wld--button--skew), 100% 0, calc(100% - var(--wld--button--skew)) 100%, 0 calc(100% - var(--wld--button--skew)));
          clip-path: polygon(0 var(--wld--button--skew), 100% 0, calc(100% - var(--wld--button--skew)) 100%, 0 calc(100% - var(--wld--button--skew)));
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  background-color: var(--wld--btn--before--background-color);
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.ghostkit-button.is-style-wld-btn-skew-shadow::before {
  top: 10px;
  right: -5px;
  bottom: -6px;
  left: 11px;
  -webkit-filter: hue-rotate(-10deg) brightness(0.8) contrast(1.6);
          filter: hue-rotate(-10deg) brightness(0.8) contrast(1.6);
}
.ghostkit-button.is-style-wld-btn-skew-shadow::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ghostkit-button.is-style-wld-btn-skew-shadow:not([disabled]):not(.disabled):hover::before, .ghostkit-button.is-style-wld-btn-skew-shadow:not([disabled]):not(.disabled):hover::after, .ghostkit-button.is-style-wld-btn-skew-shadow:not([disabled]):not(.disabled):focus::before, .ghostkit-button.is-style-wld-btn-skew-shadow:not([disabled]):not(.disabled):focus::after {
  background-color: var(--wld--btn-hover--before--background-color);
}

/* stylelint-disable-next-line no-duplicate-selectors */
.ghostkit-button.is-style-wld-btn-skew-shadow {
  background-color: transparent;
}
.ghostkit-button.is-style-wld-btn-skew-shadow:not([disabled]):not(.disabled):hover, .ghostkit-button.is-style-wld-btn-skew-shadow:not([disabled]):not(.disabled):focus {
  background-color: transparent;
}

body {
  --gkt-color-brand: var(--wld-color-brand);
  --gkt-color-primary: hsl(var(--wld-color-primary));
  --gkt-color-success: hsl(var(--wld-color-success));
  --gkt-color-danger: hsl(var(--wld-color-danger));
  --gkt-color-warning: hsl(var(--wld-color-warning));
  --gkt-color-info: hsl(var(--wld-color-info));
  --gkt-border-radius: var(--wld-border-radius);
  --gkt-blocks-margin-bottom: var(--wld--vertical-rhythm);
}

.ghostkit-progress:last-child,
.ghostkit-button-wrapper:last-child,
.ghostkit-icon-box:last-child,
.ghostkit-image-compare:last-child,
.ghostkit-tabs:last-child,
.ghostkit-accordion:last-child,
.ghostkit-countdown:last-child,
.ghostkit-counter-box:last-child,
.ghostkit-alert:last-child,
.ghostkit-carousel:last-child,
.ghostkit-video:last-child,
.ghostkit-testimonial:last-child,
.ghostkit-gist:last-child,
.ghostkit-google-maps:last-child,
.ghostkit-changelog:last-child,
.ghostkit-pricing-table:last-child,
.ghostkit-widgetized-area:last-child,
.ghostkit-instagram:last-child,
.ghostkit-twitter:last-child,
.ghostkit-toc:last-child,
.ghostkit-form:last-child {
  margin-bottom: 0;
}

/* ------------------------------------------------------------------
  Accordion.
 ------------------------------------------------------------------- */
.ghostkit-accordion {
  --gkt-accordion--heading-collapse-icon-active__transform: none;
}
.ghostkit-accordion .ghostkit-accordion-item-collapse {
  font-size: var(--wld--font-size--medium);
}
.ghostkit-accordion .ghostkit-accordion-item-collapse::before, .ghostkit-accordion .ghostkit-accordion-item-collapse::after {
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  background-color: currentColor;
}
.ghostkit-accordion .ghostkit-accordion-item-collapse::before {
  -webkit-mask-image: var(--wld--icon--minus);
          mask-image: var(--wld--icon--minus);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.ghostkit-accordion .ghostkit-accordion-item-collapse::after {
  -webkit-mask-image: var(--wld--icon--minus);
          mask-image: var(--wld--icon--minus);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: absolute;
  -webkit-transition: -webkit-transform var(--wld-transition-duration) var(--wld-transition-easing);
  transition: -webkit-transform var(--wld-transition-duration) var(--wld-transition-easing);
  -o-transition: transform var(--wld-transition-duration) var(--wld-transition-easing);
  transition: transform var(--wld-transition-duration) var(--wld-transition-easing);
  transition: transform var(--wld-transition-duration) var(--wld-transition-easing), -webkit-transform var(--wld-transition-duration) var(--wld-transition-easing);
  -webkit-transform: rotate(90deg) scaleX(1);
      -ms-transform: rotate(90deg) scaleX(1);
          transform: rotate(90deg) scaleX(1);
}
.ghostkit-accordion .ghostkit-accordion-item-collapse > svg {
  display: none;
}
.ghostkit-accordion .ghostkit-accordion-item-active .ghostkit-accordion-item-collapse::after {
  -webkit-transform: rotate(90deg) scaleX(0);
      -ms-transform: rotate(90deg) scaleX(0);
          transform: rotate(90deg) scaleX(0);
}
.ghostkit-accordion.is-style-default, .ghostkit-accordion:not(.is-style-wld-filled):not(.is-style-wld-big) {
  --gkt-accordion--heading__padding-v: var(--wld--vertical-rhythm);
}
.ghostkit-accordion.is-style-default .ghostkit-accordion-item, .ghostkit-accordion:not(.is-style-wld-filled):not(.is-style-wld-big) .ghostkit-accordion-item {
  border-bottom: 3px solid hsl(var(--wld-color-background-300));
}
.ghostkit-accordion.is-style-default .ghostkit-accordion-item:first-child, .ghostkit-accordion:not(.is-style-wld-filled):not(.is-style-wld-big) .ghostkit-accordion-item:first-child {
  border-top: 3px solid hsl(var(--wld-color-background-300));
}
.ghostkit-accordion.is-style-default .ghostkit-accordion-item-heading, .ghostkit-accordion:not(.is-style-wld-filled):not(.is-style-wld-big) .ghostkit-accordion-item-heading {
  color: hsl(var(--wld-color-title));
}
.ghostkit-accordion.is-style-default .ghostkit-accordion-item-heading:hover, .ghostkit-accordion.is-style-default .ghostkit-accordion-item-heading:focus, .ghostkit-accordion:not(.is-style-wld-filled):not(.is-style-wld-big) .ghostkit-accordion-item-heading:hover, .ghostkit-accordion:not(.is-style-wld-filled):not(.is-style-wld-big) .ghostkit-accordion-item-heading:focus {
  color: var(--wld-color-brand);
}
.ghostkit-accordion.is-style-default .ghostkit-accordion-item-content, .ghostkit-accordion:not(.is-style-wld-filled):not(.is-style-wld-big) .ghostkit-accordion-item-content {
  padding-top: 0;
  padding-bottom: var(--wld--vertical-rhythm);
}
.ghostkit-accordion.is-style-wld-filled {
  --gkt-accordion--heading__padding-v: 12.5px;
  --gkt-accordion--heading__padding-h: 20px;
  --gkt-accordion--heading-collapse-icon__font-size: 1em;
  --gkt-accordion--content__padding-v: 20px var(--gkt-accordion--heading__padding-h);
  --gkt-accordion--content__padding-h: 5px var(--gkt-accordion--heading__padding-h);
}
.ghostkit-accordion.is-style-wld-filled .ghostkit-accordion-item + .ghostkit-accordion-item {
  margin-top: 15px;
}
.ghostkit-accordion.is-style-wld-filled .ghostkit-accordion-item:nth-child(odd) .ghostkit-accordion-item-heading {
  -webkit-clip-path: polygon(2px 0, 100% 2px, calc(100% - 2px) calc(100% - 2px), 0 100%);
          clip-path: polygon(2px 0, 100% 2px, calc(100% - 2px) calc(100% - 2px), 0 100%);
}
.ghostkit-accordion.is-style-wld-filled .ghostkit-accordion-item:nth-child(even) .ghostkit-accordion-item-heading {
  -webkit-clip-path: polygon(0 2px, calc(100% - 2px) 0, 100% 100%, 2px calc(100% - 2px));
          clip-path: polygon(0 2px, calc(100% - 2px) 0, 100% 100%, 2px calc(100% - 2px));
}
.ghostkit-accordion.is-style-wld-filled .ghostkit-accordion-item-heading {
  font-size: 1em;
  color: var(--wld-color-brand);
  background-color: hsl(var(--wld-color-background-300));
  border-radius: var(--wld-border-radius);
  -webkit-transition: color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing);
  -o-transition: color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing);
  transition: color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing);
}
.ghostkit-accordion.is-style-wld-filled .ghostkit-accordion-item-heading:hover, .ghostkit-accordion.is-style-wld-filled .ghostkit-accordion-item-heading:focus {
  color: var(--wld-color-brand-dark);
  background-color: hsl(var(--wld-color-background-300));
}
.ghostkit-accordion.is-style-wld-filled .ghostkit-accordion-item-active .ghostkit-accordion-item-heading {
  color: var(--wld-color-brand-dark);
  background-color: hsl(var(--wld-color-background-300));
}
.ghostkit-accordion.is-style-wld-filled .ghostkit-accordion-item-content p:first-child {
  margin-top: 0;
}
.ghostkit-accordion.is-style-wld-filled .ghostkit-accordion-item-content p:last-child {
  margin-bottom: 0;
}
.ghostkit-accordion.is-style-wld-big {
  --gkt-accordion--heading__padding-v: var(--wld--vertical-rhythm);
}
.ghostkit-accordion.is-style-wld-big .ghostkit-accordion-item {
  border-bottom: 3px solid hsl(var(--wld-color-background-300));
}
.ghostkit-accordion.is-style-wld-big .ghostkit-accordion-item:first-child {
  border-top: 3px solid hsl(var(--wld-color-background-300));
}
.ghostkit-accordion.is-style-wld-big .ghostkit-accordion-item-heading,
.ghostkit-accordion.is-style-wld-big .ghostkit-accordion-item-content {
  width: var(--wld--container-small--width);
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.ghostkit-accordion.is-style-wld-big .ghostkit-accordion-item-heading {
  font-size: var(--wld--heading-5--font-size);
  color: hsl(var(--wld-color-title));
}
.ghostkit-accordion.is-style-wld-big .ghostkit-accordion-item-heading:hover, .ghostkit-accordion.is-style-wld-big .ghostkit-accordion-item-heading:focus {
  color: var(--wld-color-brand);
}
.ghostkit-accordion.is-style-wld-big .ghostkit-accordion-item-content {
  padding-top: 0;
  padding-bottom: var(--wld--vertical-rhythm);
}

/* ------------------------------------------------------------------
  Alert.
 ------------------------------------------------------------------- */
.ghostkit-alert {
  --gkt-alert__padding-v: 20px;
  --gkt-alert__padding-h: 35px;
  --gkt-alert__border-width: 1px;
  --gkt-alert__border-left-width: 7px;
  --gkt-alert--icon__padding-right: 24px;
  --gkt-alert--hide-button__font-size: 14px;
  position: relative;
  z-index: 1;
  color: hsl(var(--wld-color-text));
  border: 0;
}
.ghostkit-alert::before, .ghostkit-alert::after {
  position: absolute;
  content: "";
  -webkit-transition: background-color var(--gkt-alert__transition-duration) var(--gkt-alert__transition-easing);
  -o-transition: background-color var(--gkt-alert__transition-duration) var(--gkt-alert__transition-easing);
  transition: background-color var(--gkt-alert__transition-duration) var(--gkt-alert__transition-easing);
}
.ghostkit-alert::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  z-index: -1;
  display: block;
  background-color: hsl(var(--wld-color-background-100));
  -webkit-box-shadow: 10px 10px 10px hsla(var(--wld-color-title), 0.02);
          box-shadow: 10px 10px 10px hsla(var(--wld-color-title), 0.02);
}
.ghostkit-alert::before {
  -webkit-clip-path: polygon(0 0, calc(100% - 2px) 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 2px) 0, 100% 100%, 0 100%);
  top: -5px;
  bottom: 5px;
  left: 0;
  width: 12px;
  background-color: var(--gkt-alert__border-color);
}
.ghostkit-alert .block-editor-inner-blocks > .block-editor-block-list__layout > :not(.wp-block):empty:last-child {
  margin: 0;
}
.ghostkit-alert .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child {
  margin-top: 0;
}
.ghostkit-alert .block-editor-block-list__block {
  margin-bottom: 0;
}
.ghostkit-alert .ghostkit-alert-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ghostkit-alert .ghostkit-alert-content {
  -ms-flex-item-align: center;
      align-self: center;
}
.ghostkit-alert .ghostkit-alert-content > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:last-child {
  margin-bottom: 0;
}
.ghostkit-alert .ghostkit-alert-content p:first-child {
  margin-top: 0;
}
.ghostkit-alert .ghostkit-alert-hide-button {
  color: hsl(var(--wld-color-meta));
  -webkit-transition: color var(--wld-transition-duration) var(--wld-transition-easing);
  -o-transition: color var(--wld-transition-duration) var(--wld-transition-easing);
  transition: color var(--wld-transition-duration) var(--wld-transition-easing);
}
.ghostkit-alert .ghostkit-alert-hide-button::before {
  -webkit-mask-image: var(--wld--icon--x);
          mask-image: var(--wld--icon--x);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  display: block;
  width: 1em;
  height: 1em;
  content: "";
  background-color: currentColor;
}
.ghostkit-alert .ghostkit-alert-hide-button svg {
  display: none;
}
.ghostkit-alert .ghostkit-alert-hide-button:hover, .ghostkit-alert .ghostkit-alert-hide-button:focus {
  color: hsl(var(--wld-color-title));
}

/* ------------------------------------------------------------------
  Badge.
 ------------------------------------------------------------------- */
.ghostkit-badge {
  --gkt-badge__padding-v: 4px;
  --gkt-badge__padding-h: 6px;
  --gkt-badge__font-size: var(--wld--font-size--medium);
  --gkt-badge__border-radius: var(--wld-border-radius);
  --gkt-badge__text-color: hsl(var(--wld-color-white));
  --gkt-badge-default__color: var(--wld-color-brand);
  -webkit-clip-path: polygon(2px 0, 100% 2px, 100% calc(100% - 2px), 0 100%);
          clip-path: polygon(2px 0, 100% 2px, 100% calc(100% - 2px), 0 100%);
}

/* ------------------------------------------------------------------
  Buttons.
 ------------------------------------------------------------------- */
.ghostkit-button {
  --gkt-button__color: hsl(var(--wld-color-black));
  --gkt-button__padding-v: var(--wld--button-md--padding-v);
  --gkt-button__padding-h: var(--wld--button-md--padding-h);
  --gkt-button__font-size: var(--wld--button-md--font-size);
  --gkt-button__background-color: var(--wld-color-brand-2);
  --gkt-button__box-shadow: 0 0 0 0 transparent;
  --gkt-button__border-width: 0;
  --gkt-button__border-radius: var(--wld-border-radius);
  --gkt-button__transition-duration: var(--wld-transition-duration);
  --gkt-button-hover__color: var(--wld--button-hover--color);
  --gkt-button-hover__background-color: var(--wld--button-hover--background-color);
  --gkt-button-focus__color: var(--wld--button-hover--color);
  --gkt-button-focus__background-color: var(--wld--button-hover--background-color);
  --gkt-button-hover__box-shadow: 0;
  --gkt-button-focus__box-shadow: 0;
  --gkt-button--icon__offset: 1.2em;
  position: relative;
  margin-top: 0;
  margin-left: 0;
  -webkit-transition: var(--gkt-button__transition-duration) background-color var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) color var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) border-color var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) opacity var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) box-shadow var(--gkt-button__transition-easing);
  -o-transition: var(--gkt-button__transition-duration) background-color var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) color var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) border-color var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) opacity var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) box-shadow var(--gkt-button__transition-easing);
  transition: var(--gkt-button__transition-duration) background-color var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) color var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) border-color var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) opacity var(--gkt-button__transition-easing), var(--gkt-button__transition-duration) box-shadow var(--gkt-button__transition-easing);
}
.ghostkit-button.ghostkit-button-xs {
  --gkt-button__padding-v: var(--wld--button-xs--padding-v);
  --gkt-button__padding-h: var(--wld--button-xs--padding-h);
  --gkt-button-xs__font-size: var(--wld--button-xs--font-size);
}
.ghostkit-button.ghostkit-button-sm {
  --gkt-button__padding-v: var(--wld--button-sm--padding-v);
  --gkt-button__padding-h: var(--wld--button-sm--padding-h);
  --gkt-button-sm__font-size: var(--wld--button-sm--font-size);
}
.ghostkit-button.ghostkit-button-lg {
  --gkt-button__padding-v: var(--wld--button-lg--padding-v);
  --gkt-button__padding-h: var(--wld--button-lg--padding-h);
  --gkt-button-lg__font-size: var(--wld--button-lg--font-size);
}
.ghostkit-button.ghostkit-button-xl {
  --gkt-button__padding-v: var(--wld--button-xl--padding-v);
  --gkt-button__padding-h: var(--wld--button-xl--padding-h);
  --gkt-button-xl__font-size: var(--wld--button-xl--font-size);
}
.ghostkit-button.is-style-wld-btn-skew-shadow {
  --wld--btn--before--background-color: var(--gkt-button__background-color);
  --wld--btn-hover--before--background-color: var(--gkt-button-hover__background-color);
}

.ghostkit-button-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ghostkit-button-wrapper-inner {
  gap: var(--gkt-button__gap);
  margin-top: 0;
  margin-left: 0;
}

/* ------------------------------------------------------------------
  Carousel.
 ------------------------------------------------------------------- */
.ghostkit-carousel {
  --gkt-carousel--arrows__width: 60px;
  --gkt-carousel--arrows__height: 60px;
  --gkt-carousel--arrows__box-shadow: 0;
  --gkt-carousel--arrows__background-color: hsl(var(--wld-color-white));
  --gkt-carousel--arrows__color: var(--wld-color-brand);
  --gkt-carousel--arrows__opacity: 1;
  --gkt-carousel--arrows__font-size: 36px;
  --gkt-carousel--arrows-hover__box-shadow: 0;
  --gkt-carousel--arrows-hover__transform: none;
  --gkt-carousel--bullets__background-color: hsl(var(--wld-color-title));
  --gkt-carousel--bullets__width: 12px;
  --gkt-carousel--bullets__height: 12px;
  --gkt-carousel--bullets__gap: 10px;
  --gkt-carousel--bullets__opacity: 1;
  --gkt-carousel--bullets-hover__opacity: 1;
  --gkt-carousel--bullets__border-radius: 0;
  --gkt-carousel__transition-duration: 0.15s;
}
@media (max-width: 571.98px) {
  .ghostkit-carousel {
    --gkt-carousel--arrows__width: 40px;
    --gkt-carousel--arrows__height: 40px;
    --gkt-carousel--arrows__font-size: 24px;
  }
}
.ghostkit-carousel[data-show-bullets=true] {
  padding-bottom: var(--gkt-carousel--bullets__height);
}
@media (max-width: 571.98px) {
  .ghostkit-carousel[data-show-arrows=true] {
    padding-bottom: calc(var(--gkt-carousel--arrows__height) + 3px);
  }
  .ghostkit-carousel[data-show-arrows=true] .ghostkit-carousel-bullets {
    margin-bottom: calc(var(--gkt-carousel--arrows__height) * 0.5 - var(--gkt-carousel--bullets__height) * 0.5);
  }
  .ghostkit-carousel .ghostkit-carousel-arrow {
    top: auto;
    bottom: 3px;
    margin-top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.ghostkit-carousel .ghostkit-carousel-arrow {
  background-color: transparent;
  -webkit-transition: color var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
  -o-transition: color var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
  transition: color var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
}
.ghostkit-carousel .ghostkit-carousel-arrow svg {
  -webkit-transition: -webkit-transform var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
  transition: -webkit-transform var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
  -o-transition: transform var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
  transition: transform var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
  transition: transform var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing), -webkit-transform var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
}
.ghostkit-carousel .ghostkit-carousel-arrow::before, .ghostkit-carousel .ghostkit-carousel-arrow::after {
  position: absolute;
  z-index: -1;
  content: "";
  border-radius: var(--gkt-carousel--arrows__border-radius);
}
.ghostkit-carousel .ghostkit-carousel-arrow::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--gkt-carousel--arrows__background-color);
  -webkit-box-shadow: 3px 3px 0 hsl(var(--wld-color-background-300));
          box-shadow: 3px 3px 0 hsl(var(--wld-color-background-300));
  -webkit-transition: -webkit-transform var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing), -webkit-box-shadow var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing);
  transition: -webkit-transform var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing), -webkit-box-shadow var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing);
  -o-transition: transform var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing), box-shadow var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing);
  transition: transform var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing), box-shadow var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing);
  transition: transform var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing), box-shadow var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing), -webkit-transform var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing), -webkit-box-shadow var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing);
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.ghostkit-carousel .ghostkit-carousel-arrow::before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: 1;
  -webkit-clip-path: circle(calc(50% - 3px) at 50% 50%);
          clip-path: circle(calc(50% - 3px) at 50% 50%);
  border: 2px solid var(--wld-color-brand);
  -webkit-transition: -webkit-clip-path var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing);
  transition: -webkit-clip-path var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing);
  -o-transition: clip-path var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing);
  transition: clip-path var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing);
  transition: clip-path var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing), -webkit-clip-path var(--wld-transition-cubic-duration) var(--wld-transition-cubic-easing);
}
.ghostkit-carousel .ghostkit-carousel-arrow:hover svg, .ghostkit-carousel .ghostkit-carousel-arrow:focus svg {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.ghostkit-carousel .ghostkit-carousel-arrow:hover::after, .ghostkit-carousel .ghostkit-carousel-arrow:focus::after {
  -webkit-box-shadow: 0 0 5px 1px hsl(var(--wld-color-background-300));
          box-shadow: 0 0 5px 1px hsl(var(--wld-color-background-300));
  -webkit-transform: scale(0.86);
      -ms-transform: scale(0.86);
          transform: scale(0.86);
}
.ghostkit-carousel .ghostkit-carousel-arrow:hover::before, .ghostkit-carousel .ghostkit-carousel-arrow:focus::before {
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
}
.ghostkit-carousel .ghostkit-carousel-arrow:focus:not(:focus-visible) {
  outline: none;
}
.ghostkit-carousel .ghostkit-carousel-arrow-prev {
  left: 3px;
}
.ghostkit-carousel .ghostkit-carousel-arrow-next {
  right: 3px;
}
.ghostkit-carousel .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.ghostkit-carousel .ghostkit-carousel-bullets .swiper-pagination-bullet {
  border: 2.5px solid var(--gkt-carousel--bullets__background-color);
  border-radius: 100%;
  -webkit-transition: border-color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing), -webkit-transform 0.15s var(--wld-transition-easing);
  transition: border-color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing), -webkit-transform 0.15s var(--wld-transition-easing);
  -o-transition: transform 0.15s var(--wld-transition-easing), border-color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing);
  transition: transform 0.15s var(--wld-transition-easing), border-color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing);
  transition: transform 0.15s var(--wld-transition-easing), border-color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing), -webkit-transform 0.15s var(--wld-transition-easing);
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.ghostkit-carousel .swiper-pagination-bullets-dynamic .swiper-pagination-bullet::after,
.ghostkit-carousel .ghostkit-carousel-bullets .swiper-pagination-bullet::after {
  right: calc(var(--gkt-carousel--bullets__gap) / -1);
  left: calc(var(--gkt-carousel--bullets__gap) / -1);
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
}
.ghostkit-carousel .swiper-pagination-bullets-dynamic .swiper-pagination-bullet:hover,
.ghostkit-carousel .ghostkit-carousel-bullets .swiper-pagination-bullet:hover {
  background-color: var(--wld-color-brand);
  border-color: var(--wld-color-brand);
}
.ghostkit-carousel .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.ghostkit-carousel .ghostkit-carousel-bullets .swiper-pagination-bullet-active {
  background-color: transparent;
  border-color: var(--wld-color-brand);
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.ghostkit-carousel .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active:hover,
.ghostkit-carousel .ghostkit-carousel-bullets .swiper-pagination-bullet-active:hover {
  background-color: transparent;
}
.ghostkit-carousel .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active::after,
.ghostkit-carousel .ghostkit-carousel-bullets .swiper-pagination-bullet-active::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.ghostkit-carousel.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}
.ghostkit-carousel.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin-right: calc(var(--gkt-carousel--bullets__gap) * 0.5);
  margin-left: calc(var(--gkt-carousel--bullets__gap) * 0.5);
}

/* ------------------------------------------------------------------
  Changelog.
 ------------------------------------------------------------------- */
.ghostkit-changelog {
  --gkt-changelog--version-badge__min-width: 60px;
  --gkt-changelog--version-badge__padding-v: 2.75px;
  --gkt-changelog--version-badge__padding-h: 10px;
  --gkt-changelog--version-badge__color: hsl(var(--wld-color-white));
  --gkt-changelog--version-badge__background-color: hsl(var(--wld-color-title));
  --gkt-changelog--version-badge__border-radius: var(--wld-border-radius);
  --gkt-changelog--content__margin-top: 25px;
  --gkt-changelog--content-badges__font-size: var(--wld--font-size--small);
  --gkt-changelog--content-badges__min-width: 96px;
  --gkt-changelog--content-badges__margin-right: 15px;
  --gkt-changelog--content-badges__font-weight: var(--wld--heading--font-weight);
  --gkt-changelog--line__top: 40px;
  --gkt-changelog--line__width: 3px;
  --gkt-changelog--line__background-color: hsl(var(--wld-color-background-300));
  --gkt-changelog--line__border-radius: var(--wld-border-radius);
  --gkt-changelog--line__opacity: 1;
  font-size: var(--wld--font-size--medium);
}
.ghostkit-changelog .ghostkit-changelog-version {
  -webkit-clip-path: polygon(2px 0, 100% 2px, 100% calc(100% - 2px), 0 100%);
          clip-path: polygon(2px 0, 100% 2px, 100% calc(100% - 2px), 0 100%);
}
.ghostkit-changelog .ghostkit-badge {
  --gkt-badge__padding-v: 5px;
  --gkt-badge__padding-h: 10px;
  --gkt-badge__border-radius: var(--wld-border-radius);
}

.ghostkit-changelog-more li:nth-child(odd) .ghostkit-badge {
  -webkit-clip-path: polygon(0 2px, 100% 0, 100% 100%, 2px calc(100% - 2px));
          clip-path: polygon(0 2px, 100% 0, 100% 100%, 2px calc(100% - 2px));
}
.ghostkit-changelog-more li:nth-child(even) .ghostkit-badge {
  -webkit-clip-path: polygon(2px 0, 100% 2px, 100% calc(100% - 2px), 0 100%);
          clip-path: polygon(2px 0, 100% 2px, 100% calc(100% - 2px), 0 100%);
}
.ghostkit-changelog-more > ul {
  padding-left: 0;
  font-size: 1em;
}
.ghostkit-changelog-more > ul > li + li {
  margin-top: 12px;
}

/* ------------------------------------------------------------------
  Countdown.
 ------------------------------------------------------------------- */
.ghostkit-countdown {
  --gkt-countdown--unit__padding-v: 10px;
  --gkt-countdown--unit__padding-h: 25px;
  --gkt-countdown--unit__min-width: 7.2em;
  --gkt-countdown--unit-number__font-size: 3em;
  --gkt-countdown--unit-number__color: var(--wld-color-brand);
  --gkt-countdown--unit-label__font-size: var(--wld--font-size--medium);
  --gkt-countdown--unit-label__color: hsl(var(--wld-color-meta));
}

.ghostkit-countdown-unit-number {
  line-height: 1.2;
}

.ghostkit-countdown-unit-label {
  font-weight: 500;
}

/* ------------------------------------------------------------------
  Counter Box.
 ------------------------------------------------------------------- */
.ghostkit-counter-box {
  --gkt-counter-box__padding-v: 0;
  --gkt-counter-box__padding-h: 0;
  --gkt-counter-box__border-width: 0;
  --gkt-counter-box--number__offset: 20px;
  --gkt-counter-box--number__font-size: 3em;
  color: hsl(var(--wld-color-text));
}
.ghostkit-counter-box.is-style-wld-filled {
  --gkt-counter-box__padding-v: 25px;
  --gkt-counter-box__padding-h: 30px;
  -webkit-clip-path: polygon(6px 0, 100% 6px, calc(100% - 4px) calc(100% - 6px), 0 100%);
          clip-path: polygon(6px 0, 100% 6px, calc(100% - 4px) calc(100% - 6px), 0 100%);
  background-color: hsl(var(--wld-color-background-200));
}
.ghostkit-counter-box .ghostkit-counter-box-content {
  -ms-flex-item-align: center;
      align-self: center;
}
.ghostkit-counter-box .ghostkit-counter-box-content p:first-child {
  margin-top: 0;
}
.ghostkit-counter-box .ghostkit-counter-box-number-align-top ~ .ghostkit-counter-box-content {
  text-align: center;
}

/* ------------------------------------------------------------------
  Forms.
 ------------------------------------------------------------------- */
.ghostkit-form {
  --gkt-form--field-label__margin-bottom: var(--wld--label--margin-bottom);
  --gkt-form--field-description__margin-top: 1em;
  --gkt-form--field-description__opacity: 1;
  --gkt-form--field-description__line-height: 1.2;
  --gkt-form--field__gap: 30px;
}

.ghostkit-form-field .ghostkit-form-field-checkbox-items .ghostkit-form-field-checkbox-item,
.ghostkit-form-field .ghostkit-form-field-radio-items .ghostkit-form-field-radio-item {
  display: block;
}

.ghostkit-form-field.ghostkit-form-field-checkbox-inline .ghostkit-form-field-checkbox-item,
.ghostkit-form-field.ghostkit-form-field-radio-inline .ghostkit-form-field-radio-item {
  display: inline-block;
}

.ghostkit-form-field-description {
  font-size: var(--wld--font-size--small);
  color: hsl(var(--wld-color-meta));
}

.ghostkit-field-options-item > [type=checkbox],
.ghostkit-field-options-item > [type=radio] {
  margin-bottom: 8px;
}

.ghostkit-form-field-checkbox-item,
.ghostkit-form-field-radio-item {
  font-size: inherit;
  font-weight: inherit;
  text-transform: none;
}

.ghostkit-form-field-radio-item [type=checkbox],
.ghostkit-form-field-radio-item [type=radio] {
  margin-right: 8px;
}

.ghostkit-field-options-item > [type=radio]::before {
  display: none;
}

/* ------------------------------------------------------------------
  Icon Box.
 ------------------------------------------------------------------- */
.ghostkit-icon-box {
  --gkt-icon-box__padding-v: 0;
  --gkt-icon-box__padding-h: 0;
  --gkt-icon-box__border-width: 0;
  --gkt-icon-box--icon__offset: var(--wld--spacing--medium);
  color: hsl(var(--wld-color-text));
}
.ghostkit-icon-box .ghostkit-icon-box-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ghostkit-icon-box .ghostkit-icon-box-content {
  -ms-flex-item-align: center;
      align-self: center;
}
.ghostkit-icon-box .ghostkit-icon-box-content > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:last-child {
  margin-bottom: 0;
}
.ghostkit-icon-box .ghostkit-icon-box-content p:first-child {
  margin-top: 0;
}
.ghostkit-icon-box .ghostkit-icon-box-icon-align-top ~ .ghostkit-icon-box-content {
  text-align: center;
}
.ghostkit-icon-box.is-style-wld-filled {
  --gkt-icon-box__padding-v: 25px;
  --gkt-icon-box__padding-h: 30px;
  -webkit-clip-path: polygon(6px 0, 100% 6px, calc(100% - 4px) calc(100% - 6px), 0 100%);
          clip-path: polygon(6px 0, 100% 6px, calc(100% - 4px) calc(100% - 6px), 0 100%);
  background-color: hsl(var(--wld-color-background-200));
}
.ghostkit-icon-box.is-style-wld-styled {
  --gkt-icon-box--icon__font-size: 70px;
  --gkt-icon-box--icon__background-color: hsl(var(--wld-color-background-100));
  --gkt-icon-box--icon__box-shadow: inset 0 0 0 4px hsl(var(--wld-color-background-300));
}
@media (max-width: 571.98px) {
  .ghostkit-icon-box.is-style-wld-styled {
    --gkt-icon-box--icon__font-size: 50px;
  }
}
.ghostkit-icon-box.is-style-wld-styled .ghostkit-icon-box-icon-align-top {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.ghostkit-icon-box.is-style-wld-styled .ghostkit-icon-box-icon {
  width: var(--gkt-icon-box--icon__font-size);
  height: var(--gkt-icon-box--icon__font-size);
  background-color: var(--gkt-icon-box--icon__background-color);
  border-radius: 100%;
  -webkit-box-shadow: var(--gkt-icon-box--icon__box-shadow);
          box-shadow: var(--gkt-icon-box--icon__box-shadow);
}
.ghostkit-icon-box.is-style-wld-styled .ghostkit-svg-icon-wld {
  -webkit-transform: translate(15px, -15px);
      -ms-transform: translate(15px, -15px);
          transform: translate(15px, -15px);
}

.is-style-wld-flip-colors .ghostkit-icon-box.is-style-wld-styled {
  --gkt-icon-box--icon__color: hsl(var(--wld-color-white));
  --gkt-icon-box--icon__box-shadow: none;
  --gkt-icon-box--icon__background-color: hsl(var(--wld-color-white), 0.2);
}

/* ------------------------------------------------------------------
  Image Compare.
 ------------------------------------------------------------------- */
.ghostkit-image-compare {
  --gkt-image-compare--divider__background-color: hsl(var(--wld-color-background));
  --gkt-image-compare--divider-button__background-color: hsl(var(--wld-color-background));
  --gkt-image-compare--divider-icons__color: hsl(var(--wld-color-title));
}
.ghostkit-image-compare .ghostkit-image-compare-image-after img {
  height: 100%;
}
.ghostkit-image-compare figcaption {
  margin-top: 10px;
  font-size: var(--wld--font-size--small);
  font-style: italic;
  color: hsl(var(--wld-color-meta));
  text-align: center;
}

/* ------------------------------------------------------------------
  Pricing.
 ------------------------------------------------------------------- */
.ghostkit-pricing-table {
  --gkt-pricing-table--item__padding-v: 60px;
  --gkt-pricing-table--item__padding-h: 60px;
  --gkt-pricing-table--title__font-size: var(--wld--heading-4--font-size);
  --gkt-pricing-table--price-amount__font-size: var(--wld--heading-4--font-size);
  --gkt-pricing-table--elements__gap: 33px;
  --gkt-pricing-table--popular-badge__top: 20px;
  --gkt-pricing-table--popular-badge__padding-v: 3px;
  --gkt-pricing-table--popular-badge__padding-h: 14px;
  --gkt-pricing-table--popular-badge__font-size: 14px;
}
@media (max-width: 571.98px) {
  .ghostkit-pricing-table {
    --gkt-pricing-table--item__padding-v: 40px;
    --gkt-pricing-table--item__padding-h: 30px;
  }
}

.ghostkit-pricing-table-item-wrap:nth-child(odd) .ghostkit-pricing-table-item::before, .ghostkit-pricing-table-item-wrap:nth-child(odd) .ghostkit-pricing-table-item::after {
  -webkit-clip-path: polygon(0 8px, 100% 0, calc(100% - 8px) 100%, 0 calc(100% - 8px));
          clip-path: polygon(0 8px, 100% 0, calc(100% - 8px) 100%, 0 calc(100% - 8px));
}

.ghostkit-pricing-table-item-wrap:nth-child(even) .ghostkit-pricing-table-item::before, .ghostkit-pricing-table-item-wrap:nth-child(even) .ghostkit-pricing-table-item::after {
  -webkit-clip-path: polygon(8px 0, 100% 8px, 100% 100%, 0 calc(100% - 8px));
          clip-path: polygon(8px 0, 100% 8px, 100% 100%, 0 calc(100% - 8px));
}

.ghostkit-pricing-table-item {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 0;
}
.ghostkit-pricing-table-item::before, .ghostkit-pricing-table-item::after {
  position: absolute;
  z-index: -1;
  content: "";
}
.ghostkit-pricing-table-item::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: hsl(var(--wld-color-background-100));
}
.ghostkit-pricing-table-item::before {
  top: 20px;
  right: -8px;
  bottom: -8px;
  left: 20px;
  background-color: hsl(var(--wld-color-background-300));
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-features,
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-description,
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-button-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-title {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-title:not(:last-child) {
  margin-bottom: -2px;
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 100%;
  margin-top: 0;
  color: hsl(var(--wld-color-title));
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-price:not(:last-child) {
  margin-bottom: -2px;
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-price-currency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  font-size: var(--gkt-pricing-table--price-amount__font-size);
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-features {
  padding: 0;
  margin-bottom: 0;
  font-weight: 500;
  color: hsl(var(--wld-color-title));
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-features > li::before {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 14px;
  vertical-align: 0.15em;
  content: "";
  background-color: var(--wld-color-brand);
  border-radius: 100%;
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-description {
  font-size: var(--wld--font-size--medium);
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-description:not(:last-child) {
  margin-bottom: -5px;
}
.ghostkit-pricing-table-item .ghostkit-button-wrapper {
  --gkt-button__gap: 10px;
  --gkt-button__align-items: stretch;
}
.ghostkit-pricing-table-item .ghostkit-button-wrapper-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ghostkit-pricing-table-item-popular::after {
  background-color: var(--wld-color-brand);
}
.ghostkit-pricing-table-item-popular::before {
  background-color: var(--wld-color-brand-dark);
}
.ghostkit-pricing-table-item-popular .ghostkit-pricing-table-item-title,
.ghostkit-pricing-table-item-popular .ghostkit-pricing-table-item-price,
.ghostkit-pricing-table-item-popular .ghostkit-pricing-table-item-features {
  color: hsl(var(--wld-color-white));
}
.ghostkit-pricing-table-item-popular .ghostkit-pricing-table-item-description {
  color: hsla(var(--wld-color-white), 0.8);
}
.ghostkit-pricing-table-item-popular .ghostkit-pricing-table-item-features li::before {
  background-color: var(--wld-color-brand-light);
}
.ghostkit-pricing-table-item-popular .ghostkit-pricing-table-item-popular-badge {
  -webkit-clip-path: polygon(0 0, 100% 1px, calc(100% - 1px) calc(100% - 1px), 1px 100%);
          clip-path: polygon(0 0, 100% 1px, calc(100% - 1px) calc(100% - 1px), 1px 100%);
  right: auto;
  left: 0;
  background-color: var(--wld-color-brand-dark);
}

/* ------------------------------------------------------------------
  Progress.
 ------------------------------------------------------------------- */
.ghostkit-progress {
  --gkt-progress__height: 10px;
  --gkt-progress__background-color: hsl(var(--wld-color-background-300));
  --gkt-progress--bar__background-color: var(--wld-color-brand);
  --gkt-progress--caption__font-size: var(--wld--font-size--medium);
  --gkt-progress--caption__margin-bottom: 8px;
  --gkt-progress--count__color: hsl(var(--wld-color-title));
  --gkt-progress--count__padding-v: 0;
  --gkt-progress--count__padding-h: 0;
  --gkt-progress--count__font-size: var(--wld--font-size--small);
  --gkt-progress--count__background-color: transparent;
  --gkt-progress--count__border-radius: var(--wld-border-radius);
  --gkt-progress--count-arrow__size: 0;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr auto;
  grid-gap: 0 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ghostkit-progress-caption {
  grid-column-start: 1;
  grid-column-end: 3;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  font-weight: 500;
  color: hsl(var(--wld-color-text));
}

.ghostkit-progress-bar-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-row-start: 2;
  grid-row-end: 4;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: auto !important;
  min-width: 62px;
  font-size: var(--gkt-progress--count__font-size);
  text-align: right;
}
.ghostkit-progress-bar-count + .ghostkit-progress-wrap {
  grid-column-end: 2;
}
.ghostkit-progress-bar-count::after {
  color: var(--gkt-progress--count__color);
  content: "100";
}
.ghostkit-progress-bar-count > div {
  position: static;
  font-size: 1em;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.ghostkit-progress-bar-count > div::after {
  position: static;
  display: inline;
  width: auto;
  height: auto;
  margin-right: 8px;
  margin-left: 8px;
  content: "/";
}

.ghostkit-progress-wrap {
  position: relative;
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 3;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  overflow: initial;
  background-color: transparent;
}
.ghostkit-progress-wrap::before {
  position: absolute;
  top: 4px;
  right: -4px;
  bottom: -4px;
  left: 8px;
  content: "";
  background-color: var(--gkt-progress__background-color);
}

.ghostkit-progress-bar,
.ghostkit-progress-wrap::before {
  -webkit-clip-path: polygon(1px 0, calc(100% - 2px) 0, 100% 100%, 0 100%);
          clip-path: polygon(1px 0, calc(100% - 2px) 0, 100% 100%, 0 100%);
}

/* ------------------------------------------------------------------
  Tabs.
 ------------------------------------------------------------------- */
.ghostkit-tabs,
.ghostkit-tabs.is-style-default,
.ghostkit-tabs.is-style-pills,
.ghostkit-tabs.is-style-wld-tabs {
  --gkt-tabs--button__opacity: 1;
  --gkt-tabs--button-active__background-color: transparent;
}

.ghostkit-tabs {
  --gkt-tabs--button__border-width: 6px;
  --gkt-tabs--button__border-color: var(--wld-color-brand);
  --gkt-tabs-pills--button-active__background-color: var(--wld-color-brand);
}
.ghostkit-tabs .ghostkit-tabs-buttons-item {
  margin-bottom: 0;
  font-size: var(--wld--font-size--medium);
  color: hsl(var(--wld-color-title));
  -webkit-transition: color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing), -webkit-clip-path 0.3s var(--wld-transition-easing);
  transition: color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing), -webkit-clip-path 0.3s var(--wld-transition-easing);
  -o-transition: color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing), clip-path 0.3s var(--wld-transition-easing);
  transition: color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing), clip-path 0.3s var(--wld-transition-easing);
  transition: color var(--wld-transition-duration) var(--wld-transition-easing), background-color var(--wld-transition-duration) var(--wld-transition-easing), clip-path 0.3s var(--wld-transition-easing), -webkit-clip-path 0.3s var(--wld-transition-easing);
}
.ghostkit-tabs .ghostkit-tabs-buttons-item:hover, .ghostkit-tabs .ghostkit-tabs-buttons-item:focus {
  color: var(--wld-color-brand);
}
.ghostkit-tabs .ghostkit-tabs-buttons-item-active {
  color: var(--wld-color-brand);
}
.ghostkit-tabs.is-style-default, .ghostkit-tabs:not(.is-style-pills) {
  --gkt-tabs--button__padding-v: 19px;
  --gkt-tabs--button__padding-h: 15px;
}
.ghostkit-tabs.is-style-default .ghostkit-tabs-buttons, .ghostkit-tabs:not(.is-style-pills) .ghostkit-tabs-buttons {
  margin-left: -10px;
  border: 0;
}
.ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item, .ghostkit-tabs:not(.is-style-pills) .ghostkit-tabs-buttons-item {
  position: relative;
  padding-top: 0;
  margin-left: 10px;
  border: 0;
}
.ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item:nth-child(odd)::before, .ghostkit-tabs:not(.is-style-pills) .ghostkit-tabs-buttons-item:nth-child(odd)::before {
  -webkit-clip-path: polygon(5px 0, 100% 3px, 100% calc(100% - 3px), 0 100%);
          clip-path: polygon(5px 0, 100% 3px, 100% calc(100% - 3px), 0 100%);
}
.ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item:nth-child(even)::before, .ghostkit-tabs:not(.is-style-pills) .ghostkit-tabs-buttons-item:nth-child(even)::before {
  -webkit-clip-path: polygon(0 3px, 100% 0, calc(100% - 5px) 100%, 0 calc(100% - 3px));
          clip-path: polygon(0 3px, 100% 0, calc(100% - 5px) 100%, 0 calc(100% - 3px));
}
.ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item::before, .ghostkit-tabs:not(.is-style-pills) .ghostkit-tabs-buttons-item::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: var(--gkt-tabs--button__border-width);
  content: "";
  background-color: var(--gkt-tabs--button__border-color);
  opacity: 0;
  -webkit-transition: opacity var(--wld-transition-duration) var(--wld-transition-easing), -webkit-transform var(--wld-transition-duration) var(--wld-transition-easing), -webkit-clip-path 0.3s var(--wld-transition-easing);
  transition: opacity var(--wld-transition-duration) var(--wld-transition-easing), -webkit-transform var(--wld-transition-duration) var(--wld-transition-easing), -webkit-clip-path 0.3s var(--wld-transition-easing);
  -o-transition: opacity var(--wld-transition-duration) var(--wld-transition-easing), transform var(--wld-transition-duration) var(--wld-transition-easing), clip-path 0.3s var(--wld-transition-easing);
  transition: opacity var(--wld-transition-duration) var(--wld-transition-easing), transform var(--wld-transition-duration) var(--wld-transition-easing), clip-path 0.3s var(--wld-transition-easing);
  transition: opacity var(--wld-transition-duration) var(--wld-transition-easing), transform var(--wld-transition-duration) var(--wld-transition-easing), clip-path 0.3s var(--wld-transition-easing), -webkit-transform var(--wld-transition-duration) var(--wld-transition-easing), -webkit-clip-path 0.3s var(--wld-transition-easing);
}
.ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item-active::before, .ghostkit-tabs:not(.is-style-pills) .ghostkit-tabs-buttons-item-active::before {
  opacity: 1;
}
.ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item-active:nth-child(odd)::before, .ghostkit-tabs:not(.is-style-pills) .ghostkit-tabs-buttons-item-active:nth-child(odd)::before {
  -webkit-clip-path: polygon(2px 0, 100% 2px, 100% calc(100% - 2px), 0 100%);
          clip-path: polygon(2px 0, 100% 2px, 100% calc(100% - 2px), 0 100%);
}
.ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item-active:nth-child(even)::before, .ghostkit-tabs:not(.is-style-pills) .ghostkit-tabs-buttons-item-active:nth-child(even)::before {
  -webkit-clip-path: polygon(0 2px, 100% 0, calc(100% - 2px) 100%, 0 calc(100% - 2px));
          clip-path: polygon(0 2px, 100% 0, calc(100% - 2px) 100%, 0 calc(100% - 2px));
}
.ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical, .ghostkit-tabs:not(.is-style-pills).ghostkit-tabs-buttons-vertical {
  margin-left: 0;
}
.ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item, .ghostkit-tabs:not(.is-style-pills).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item {
  padding: var(--gkt-tabs--button__padding-h) var(--gkt-tabs--button__padding-v);
  margin-left: 0;
}
.ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item + .ghostkit-tabs-buttons-item, .ghostkit-tabs:not(.is-style-pills).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item + .ghostkit-tabs-buttons-item {
  margin-top: 5px;
}
.ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item:nth-child(odd)::before, .ghostkit-tabs:not(.is-style-pills).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item:nth-child(odd)::before {
  -webkit-clip-path: polygon(0 0, 100% 5px, calc(100% - 3px) 100%, 3px 100%);
          clip-path: polygon(0 0, 100% 5px, calc(100% - 3px) 100%, 3px 100%);
}
.ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item:nth-child(even)::before, .ghostkit-tabs:not(.is-style-pills).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item:nth-child(even)::before {
  -webkit-clip-path: polygon(3px 0, calc(100% - 3px) 0, 100% 100%, 0 calc(100% - 5px));
          clip-path: polygon(3px 0, calc(100% - 3px) 0, 100% 100%, 0 calc(100% - 5px));
}
.ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item::before, .ghostkit-tabs:not(.is-style-pills).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item::before {
  top: 0;
  right: auto;
  left: 0;
  width: var(--gkt-tabs--button__border-width);
  height: auto;
}
.ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item-active:nth-child(odd)::before, .ghostkit-tabs:not(.is-style-pills).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item-active:nth-child(odd)::before {
  -webkit-clip-path: polygon(0 0, 100% 2px, calc(100% - 2px) 100%, 2px 100%);
          clip-path: polygon(0 0, 100% 2px, calc(100% - 2px) 100%, 2px 100%);
}
.ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item-active:nth-child(even)::before, .ghostkit-tabs:not(.is-style-pills).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item-active:nth-child(even)::before {
  -webkit-clip-path: polygon(2px 0, calc(100% - 2px) 0, 100% 100%, 0 calc(100% - 2px));
          clip-path: polygon(2px 0, calc(100% - 2px) 0, 100% 100%, 0 calc(100% - 2px));
}
.ghostkit-tabs.is-style-pills {
  --gkt-tabs--button__padding-v: 11px;
  --gkt-tabs--button__padding-h: 25px;
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item:nth-child(odd) {
  -webkit-clip-path: polygon(4px 0, 100% 4px, 100% calc(100% - 4px), 0 100%);
          clip-path: polygon(4px 0, 100% 4px, 100% calc(100% - 4px), 0 100%);
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item:nth-child(even) {
  -webkit-clip-path: polygon(0 4px, 100% 0, calc(100% - 4px) 100%, 0 calc(100% - 4px));
          clip-path: polygon(0 4px, 100% 0, calc(100% - 4px) 100%, 0 calc(100% - 4px));
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item-active {
  color: hsl(var(--wld-color-white));
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item-active:nth-child(odd) {
  -webkit-clip-path: polygon(2px 0, 100% 2px, 100% calc(100% - 2px), 0 100%);
          clip-path: polygon(2px 0, 100% 2px, 100% calc(100% - 2px), 0 100%);
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item-active:nth-child(even) {
  -webkit-clip-path: polygon(0 2px, 100% 0, calc(100% - 2px) 100%, 0 calc(100% - 2px));
          clip-path: polygon(0 2px, 100% 0, calc(100% - 2px) 100%, 0 calc(100% - 2px));
}

.ghostkit-tabs:not(.ghostkit-tabs-buttons-vertical) .ghostkit-tabs-buttons {
  margin-bottom: 30px;
}

@media (min-width: 572px) {
  .ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons {
    margin-right: 30px;
  }
}
@media (max-width: 571.98px) {
  .ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons {
    margin-bottom: 30px;
  }
}

/* ------------------------------------------------------------------
  TOC.
 ------------------------------------------------------------------- */
.ghostkit-toc .ghostkit-toc-title {
  margin-top: 0;
}

/* ------------------------------------------------------------------
  Testimonial.
 ------------------------------------------------------------------- */
.ghostkit-testimonial {
  --gkt-testimonial--content__padding-v: 0;
  --gkt-testimonial--content__padding-h: 0;
  --gkt-testimonial--content__background-color: transparent;
  --gkt-testimonial--content__margin-bottom: 0;
  --gkt-testimonial--icon-content__offset: 0;
  --gkt-testimonial--icon__top: -0.333em;
  --gkt-testimonial--icon__left: 0;
  --gkt-testimonial--icon__font-size: 3.125em;
  --gkt-testimonial--icon__opacity: 1;
  --gkt-testimonial--name-source__margin-top: 8px;
  --gkt-testimonial--name__line-height: inherit;
  --gkt-testimonial--source__line-height: inherit;
  --gkt-testimonial--source__opacity: 1;
  --gkt-testimonial--photo__width: 60px;
  --gkt-testimonial--photo__border-radius: 100%;
  --gkt-testimonial--meta__offset: 0;
  --gkt-testimonial--stars-back__color: hsla(var(--wld-color-title), 0.2);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.ghostkit-testimonial-content:last-child {
  margin-bottom: 0;
}
.ghostkit-testimonial-content p:first-child {
  margin-top: 0;
}
.ghostkit-testimonial-content p:last-child {
  margin-bottom: 0;
}
.ghostkit-testimonial-content .block-editor-block-list__block {
  margin-top: 0;
  margin-bottom: 0;
}
.ghostkit-testimonial-content + .ghostkit-testimonial-meta {
  margin-top: 32px;
}

.ghostkit-testimonial-name {
  font-size: var(--wld--font-size--large);
  color: hsl(var(--wld-color-title));
}
.ghostkit-testimonial-name > strong {
  font-weight: var(--wld--heading--font-weight);
}

.ghostkit-testimonial-photo:not(:first-child) {
  margin-top: 36px;
}
.ghostkit-testimonial-photo + .ghostkit-testimonial-meta {
  margin-top: 15px;
}

.ghostkit-testimonial-source {
  font-size: 1em;
  font-weight: 500;
  color: hsl(var(--wld-color-meta));
}

.ghostkit-testimonial-meta {
  -ms-flex-item-align: center;
      align-self: center;
}

.ghostkit-testimonial-stars {
  font-size: var(--wld--font-size--large);
}
.ghostkit-testimonial-stars:not(:first-child) {
  margin-top: 35px;
}
.ghostkit-testimonial-stars .ghostkit-testimonial-stars-front > span + span,
.ghostkit-testimonial-stars .ghostkit-testimonial-stars-back > span + span {
  margin-left: 2px;
}

.ghostkit-testimonial-icon {
  position: static;
  line-height: 1;
  color: hsl(var(--wld-color-title));
}
.ghostkit-testimonial-icon + .ghostkit-testimonial-content {
  margin-top: 36px;
}

/* ------------------------------------------------------------------
  Video Block.
 ------------------------------------------------------------------- */
.ghostkit-video {
  --gkt-video--play-icon__color: hsl(var(--wld-color-black));
  --gkt-video--play-icon__background-color: var(--wld-color-brand-2);
  --gkt-video--play-icon__width: 70px;
  --gkt-video--play-icon__height: 70px;
  --gkt-video--play-icon__font-size: 24px;
  --gkt-video--play-icon__box-shadow: none;
  --gkt-video--play-icon-hover__box-shadow: none;
  --gkt-video--play-icon-hover__transform: none;
  --gkt-video--loading-icon__color: var(--gkt-video--play-icon__color);
  --gkt-video--loading-icon__background-color: var(--gkt-video--play-icon__background-color);
  --gkt-video--loading-icon__font-size: var(--gkt-video--play-icon__font-size);
  --gkt-video--loading-icon__width: var(--gkt-video--play-icon__width);
  --gkt-video--loading-icon__height: var(--gkt-video--play-icon__height);
  --gkt-video--loading-icon-hover__box-shadow: none;
}
@media (max-width: 571.98px) {
  .ghostkit-video {
    --gkt-video--play-icon__width: 50px;
    --gkt-video--play-icon__height: 50px;
    --gkt-video--play-icon__font-size: 20px;
  }
}
.ghostkit-video .ghostkit-video-play-icon {
  background-color: transparent;
  -webkit-transition: -webkit-transform 0.6s var(--wld-transition-cubic-easing);
  transition: -webkit-transform 0.6s var(--wld-transition-cubic-easing);
  -o-transition: transform 0.6s var(--wld-transition-cubic-easing);
  transition: transform 0.6s var(--wld-transition-cubic-easing);
  transition: transform 0.6s var(--wld-transition-cubic-easing), -webkit-transform 0.6s var(--wld-transition-cubic-easing);
}
.ghostkit-video .ghostkit-video-play-icon::before, .ghostkit-video .ghostkit-video-play-icon::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background-color: var(--gkt-video--play-icon__background-color);
  border-radius: 50%;
}
.ghostkit-video .ghostkit-video-play-icon::before {
  opacity: 0.4;
  -webkit-transition: -webkit-transform 0.6s var(--wld-transition-cubic-easing);
  transition: -webkit-transform 0.6s var(--wld-transition-cubic-easing);
  -o-transition: transform 0.6s var(--wld-transition-cubic-easing);
  transition: transform 0.6s var(--wld-transition-cubic-easing);
  transition: transform 0.6s var(--wld-transition-cubic-easing), -webkit-transform 0.6s var(--wld-transition-cubic-easing);
}
.ghostkit-video:hover .ghostkit-video-play-icon, .ghostkit-video:focus .ghostkit-video-play-icon {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.ghostkit-video:hover .ghostkit-video-play-icon::before, .ghostkit-video:focus .ghostkit-video-play-icon::before {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}

/* ------------------------------------------------------------------
  Gist.
 ------------------------------------------------------------------- */
.ghostkit-gist .gist .gist-file {
  border-radius: var(--wld-border-radius);
}
.ghostkit-gist .gist .gist-data {
  border-bottom: 0;
  border-radius: var(--wld-border-radius) var(--wld-border-radius) 0 0;
}
.ghostkit-gist .gist .gist-meta {
  border-radius: 0 0 var(--wld-border-radius) var(--wld-border-radius);
}
.ghostkit-gist .gist table tbody tr:not(:last-child) td {
  border-bottom: 0;
}

/* ------------------------------------------------------------------
  Grid.
 ------------------------------------------------------------------- */
/* ------------------------------------------------------------------
  Widgetized Area.
 ------------------------------------------------------------------- */
.ghostkit-widgetized-area {
  width: var(--wld--sidebar--width);
  max-width: 100%;
}

/* ------------------------------------------------------------------
  Styles.
 ------------------------------------------------------------------- */
.is-style-styled {
  --gkt-styled-lists--items__gap: 15px;
  --gkt-styled-lists-numbered__padding-left: 43px;
  --gkt-styled-lists-numbered--decoration__width: 30px;
  --gkt-styled-lists-numbered--decoration__height: 30px;
  --gkt-styled-lists-numbered--decoration__top: 0;
  --gkt-styled-lists-numbered--decoration__font-size: var(--wld--font-size--small);
  --gkt-styled-lists-numbered--decoration__color: var(--wld-color-brand);
  --gkt-styled-lists-numbered--decoration__background-color: hsl(var(--wld-color-background-300));
  --gkt-styled-lists-numbered--decoration__border-radius: 100%;
  --gkt-styled-lists-dotted__padding-left: 19px;
  --gkt-styled-lists-dotted--decoration__width: 5px;
  --gkt-styled-lists-dotted--decoration__height: 5px;
  --gkt-styled-lists-dotted--decoration__top: 0.75em;
  --gkt-styled-lists-dotted--decoration__left: 0;
  --gkt-styled-lists-dotted--decoration__background-color: var(--wld-color-brand);
}

ul.is-style-styled,
.is-style-styled ul,
ol.is-style-styled,
.is-style-styled ol {
  padding-left: 0;
}
ul.is-style-styled a,
.is-style-styled ul a,
ol.is-style-styled a,
.is-style-styled ol a {
  font-weight: 600;
  color: hsl(var(--wld-color-title));
}
ul.is-style-styled a:hover, ul.is-style-styled a:focus,
.is-style-styled ul a:hover,
.is-style-styled ul a:focus,
ol.is-style-styled a:hover,
ol.is-style-styled a:focus,
.is-style-styled ol a:hover,
.is-style-styled ol a:focus {
  color: var(--wld-color-brand);
}

ul.is-style-styled li > ul:not([class]),
ul.is-style-styled li > ol:not([class]),
ol.is-style-styled li > ul:not([class]),
ol.is-style-styled li > ol:not([class]) {
  margin: var(--gkt-styled-lists--inner-lists__padding-v) var(--gkt-styled-lists--inner-lists__padding-h);
}

ul.is-style-styled > li::before,
.is-style-styled ul > li::before {
  border-radius: 100%;
}

.is-style-icon {
  --gkt-icon-lists--items__gap: 15px;
  --gkt-icon-lists--inner-lists__padding-v: 15px;
}

ul.is-style-icon,
ol.is-style-icon {
  padding-left: 0;
}

ul.is-style-icon li > ul:not([class]),
ul.is-style-icon li > ol:not([class]),
ol.is-style-icon li > ul:not([class]),
ol.is-style-icon li > ol:not([class]) {
  margin: var(--gkt-icon-lists--inner-lists__padding-v) var(--gkt-icon-lists--inner-lists__padding-h);
}

.is-style-numbered {
  --gkt-numbered-headings--h2-number__color: hsl(var(--wld-color-white));
  --gkt-numbered-headings--h2-number__background-color: hsl(var(--wld-color-title));
}