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

  [Table of contents]
  
    - Accordion.
    - Alert.
    - Badge.
    - Buttons.
    - Carousel.
    - Changelog.
    - Countdown.
    - Counter Box.
    - Divider.
    - Forms.
    - Icon Box.
    - Image Compare.
    - Pricing.
    - Progress.
    - Tabs.
    - TOC.
    - Testimonial.
    - Video Block.
    - Gist.
    - Widgetized Area.
    - Styles.
 ------------------------------------------------------------------- */
/* stylelint-disable scss/comment-no-empty */
.ghostkit-accordion.is-style-mpl-accordion-big .ghostkit-accordion-item-content,
.ghostkit-accordion.is-style-mpl-accordion-big .ghostkit-accordion-item-heading {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.ghostkit-accordion.is-style-mpl-accordion-big .ghostkit-accordion-item-content, .ghostkit-accordion.is-style-mpl-accordion-big .ghostkit-accordion-item-heading {
  width: var(--mpl--container-small--width);
}

.ghostkit-tabs:not(.is-style-pills, .is-style-radio) .ghostkit-tabs-buttons-item, .ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item {
  background-image: linear-gradient(to top, transparent 0, var(--mpl--text-underline--color) 0.001px, var(--mpl--text-underline--color) var(--mpl--text-underline--width), transparent calc(var(--mpl--text-underline--width) + 0.001px), transparent 100%);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0 calc(50% + var(--mpl--text-underline--width) + var(--mpl--text-underline--position)), 100% calc(50% + var(--mpl--text-underline--width) + var(--mpl--text-underline--position));
}

.ghostkit-tabs:not(.is-style-pills, .is-style-radio) .ghostkit-tabs-buttons-item.ghostkit-tabs-buttons-item-active, .ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item.ghostkit-tabs-buttons-item-active {
  background-position: left center;
  background-size: 100% calc(50% + var(--mpl--text-underline--width) + var(--mpl--text-underline--position)), 100% calc(50% + var(--mpl--text-underline--width) + var(--mpl--text-underline--position));
}

body {
  --gkt-color-brand: var(--mpl-color-brand);
  --gkt-color-primary: hsl(var(--mpl-color-primary));
  --gkt-color-success: hsl(var(--mpl-color-success));
  --gkt-color-danger: hsl(var(--mpl-color-danger));
  --gkt-color-warning: hsl(var(--mpl-color-warning));
  --gkt-color-info: hsl(var(--mpl-color-info));
  --gkt-border-radius: var(--mpl-border-radius);
}

/* ------------------------------------------------------------------
  Accordion.
 ------------------------------------------------------------------- */
.ghostkit-accordion {
  --gkt-accordion--heading__padding-v: 0;
  --gkt-accordion--heading__padding-h: 0;
  --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);
  --gkt-accordion--heading-collapse-icon-active__transform: none;
}
.ghostkit-accordion .ghostkit-accordion-item {
  padding-bottom: var(--mpl-vertical-rhythm);
  border-bottom: 1px solid hsl(var(--mpl-color-border));
}
.ghostkit-accordion .ghostkit-accordion-item + .ghostkit-accordion-item {
  padding-top: var(--mpl-vertical-rhythm);
}
.ghostkit-accordion .ghostkit-accordion-item-heading {
  font-size: var(--mpl--font-size--large);
  color: hsl(var(--mpl-color-text));
  background-color: transparent;
  transition: color var(--mpl-transition-duration) var(--mpl-transition-easing);
}
.ghostkit-accordion .ghostkit-accordion-item-heading:hover, .ghostkit-accordion .ghostkit-accordion-item-heading:focus {
  color: hsl(var(--mpl-color-title));
  background-color: transparent;
}
.ghostkit-accordion .ghostkit-accordion-item-heading:hover .ghostkit-accordion-item-collapse, .ghostkit-accordion .ghostkit-accordion-item-heading:focus .ghostkit-accordion-item-collapse {
  color: hsl(var(--mpl-color-title));
  border-color: hsl(var(--mpl-color-meta));
}
.ghostkit-accordion .ghostkit-accordion-item-heading:hover::before, .ghostkit-accordion .ghostkit-accordion-item-heading:focus::before {
  background-color: hsl(var(--mpl-color-background-100));
}
.ghostkit-accordion .ghostkit-accordion-item-collapse {
  position: relative;
  top: 0;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  font-size: 20px;
  color: hsl(var(--mpl-color-text));
  border: 1px solid hsl(var(--mpl-color-border));
  border-radius: 50%;
  transition: color var(--mpl-transition-duration) var(--mpl-transition-easing), background-color var(--mpl-transition-duration) var(--mpl-transition-easing), border-color var(--mpl-transition-duration) var(--mpl-transition-easing);
}
.ghostkit-accordion .ghostkit-accordion-item-collapse::before, .ghostkit-accordion .ghostkit-accordion-item-collapse::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  margin-top: -1px;
  margin-left: -5px;
  content: "";
  background-color: currentcolor;
  border-radius: 2px;
}
.ghostkit-accordion .ghostkit-accordion-item-collapse::after {
  -webkit-clip-path: inset(0 0 round var(--mpl-border-radius-sm));
          clip-path: inset(0 0 round var(--mpl-border-radius-sm));
  transition: -webkit-clip-path var(--mpl-transition-duration) var(--mpl-transition-easing);
  transition: clip-path var(--mpl-transition-duration) var(--mpl-transition-easing);
  transition: clip-path var(--mpl-transition-duration) var(--mpl-transition-easing), -webkit-clip-path var(--mpl-transition-duration) var(--mpl-transition-easing);
  transform: rotate(-90deg);
}
.ghostkit-accordion .ghostkit-accordion-item-collapse .ghostkit-svg-icon {
  display: none;
}
.ghostkit-accordion .ghostkit-accordion-item-active .ghostkit-accordion-item-heading {
  color: hsl(var(--mpl-color-title));
  background-color: transparent;
}
.ghostkit-accordion .ghostkit-accordion-item-active .ghostkit-accordion-item-heading::before {
  background-color: hsl(var(--mpl-color-background-100));
}
.ghostkit-accordion .ghostkit-accordion-item-active .ghostkit-accordion-item-heading:hover .ghostkit-accordion-item-collapse,
.ghostkit-accordion .ghostkit-accordion-item-active .ghostkit-accordion-item-heading:focus .ghostkit-accordion-item-collapse,
.ghostkit-accordion .ghostkit-accordion-item-active .ghostkit-accordion-item-collapse {
  color: hsl(var(--mpl-color-black));
  background-color: hsl(var(--mpl-color-white));
  border-color: hsl(var(--mpl-color-white));
}
.ghostkit-accordion .ghostkit-accordion-item-active .ghostkit-accordion-item-heading:hover .ghostkit-accordion-item-collapse::after,
.ghostkit-accordion .ghostkit-accordion-item-active .ghostkit-accordion-item-heading:focus .ghostkit-accordion-item-collapse::after,
.ghostkit-accordion .ghostkit-accordion-item-active .ghostkit-accordion-item-collapse::after {
  -webkit-clip-path: inset(0 50% round var(--mpl-border-radius-sm));
          clip-path: inset(0 50% round var(--mpl-border-radius-sm));
}
.ghostkit-accordion .ghostkit-accordion-item-label {
  display: inline-block;
}
.ghostkit-accordion .ghostkit-accordion-item-content p:first-child {
  margin-top: 0;
}
.ghostkit-accordion .ghostkit-accordion-item-content p:last-child {
  margin-bottom: 0;
}

.ghostkit-accordion.is-style-mpl-accordion-big .ghostkit-accordion-item {
  padding-bottom: 40px;
}
.ghostkit-accordion.is-style-mpl-accordion-big .ghostkit-accordion-item:first-child {
  padding-top: 40px;
  border-top: 1px solid hsl(var(--mpl-color-border));
}
.ghostkit-accordion.is-style-mpl-accordion-big .ghostkit-accordion-item + .ghostkit-accordion-item {
  padding-top: 40px;
}
.ghostkit-accordion.is-style-mpl-accordion-big .ghostkit-accordion-item-heading {
  font-size: 1.5rem;
}
.ghostkit-accordion.is-style-mpl-accordion-big .ghostkit-accordion-item-collapse {
  top: 0;
}
/* ------------------------------------------------------------------
  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: 16px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: hsl(var(--mpl-color-text));
  border: 0;
}
.ghostkit-alert::before, .ghostkit-alert::after {
  position: absolute;
  content: "";
  border-radius: var(--gkt-alert__border-radius);
  transition: background-color var(--gkt-alert__transition-duration) var(--gkt-alert__transition-easing);
}
.ghostkit-alert::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  background-color: hsl(var(--mpl-color-background-100));
}
.ghostkit-alert::before {
  top: 0;
  bottom: 0;
  left: -4px;
  width: 10px;
  background-color: var(--gkt-alert__border-color);
  transform: skewX(-4deg);
}
.ghostkit-alert .ghostkit-alert-icon {
  align-items: center;
}
.ghostkit-alert .ghostkit-alert-content {
  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-content p:last-child {
  margin-bottom: 0;
}
.ghostkit-alert .ghostkit-alert-hide-button {
  color: hsl(var(--mpl-color-meta));
  transition: color var(--mpl-transition-duration) var(--mpl-transition-easing);
}
.ghostkit-alert .ghostkit-alert-hide-button::before {
  -webkit-mask-image: var(--mpl--icon--x);
          mask-image: var(--mpl--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(--mpl-color-title));
}

/* ------------------------------------------------------------------
  Badge.
 ------------------------------------------------------------------- */
.ghostkit-badge {
  --gkt-badge__padding-v: 1.5px;
  --gkt-badge__padding-h: 11px;
  --gkt-badge__font-size: var(--mpl--font-size--extra-small);
  --gkt-badge__line-height: inherit;
  --gkt-badge-default__color: var(--mpl-color-brand);
  --gkt-badge__text-color: hsl(var(--mpl-color-white));
  --gkt-badge__border-radius: var(--mpl-border-radius);
  position: relative;
  z-index: 1;
  font-weight: var(--mpl--font-weight--semi-bold);
  text-transform: var(--mpl--text-transform--uppercase);
  letter-spacing: 0.06em;
  background-color: transparent;
}
.ghostkit-badge::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background-color: var(--gkt-badge-default__color);
  border-radius: var(--gkt-badge__border-radius);
  transform: skewX(-4deg);
}

/* ------------------------------------------------------------------
  Buttons.
 ------------------------------------------------------------------- */
.ghostkit-button {
  --gkt-button__padding-v: var(--mpl--button--padding-v);
  --gkt-button__padding-h: var(--mpl--button--padding-h);
  --gkt-button__font-size: var(--mpl--button--font-size);
  --gkt-button__color: var(--mpl--button--color);
  --gkt-button__background-color: var(--mpl--button--background-color);
  --gkt-button__box-shadow: 0 0 0 0 transparent;
  --gkt-button__border-width: 0;
  --gkt-button__border-radius: var(--mpl-border-radius);
  --gkt-button__transition-duration: var(--mpl-transition-duration);
  --gkt-button-hover__color: var(--mpl--button-hover--color);
  --gkt-button-hover__background-color: var(--mpl--button-hover--background-color);
  --gkt-button-focus__color: var(--mpl--button-hover--color);
  --gkt-button-focus__background-color: var(--mpl--button-hover--background-color);
  --gkt-button-hover__box-shadow: 0;
  --gkt-button-focus__box-shadow: 0;
  --gkt-button--icon__offset: 1.2em;
  position: relative;
  text-transform: var(--mpl--text-transform--uppercase);
  background-color: transparent;
  background-image: linear-gradient(to bottom left, transparent 50%, var(--gkt-button-focus__background-color) 50%), linear-gradient(to bottom left, var(--gkt-button__background-color) 50%, var(--gkt-button-hover__background-color) 50%);
  background-repeat: no-repeat;
  background-position: top right, top right;
  background-size: 200% 200%, 200% 200%;
  transition: color var(--mpl-transition-duration) var(--mpl-transition-easing), background-position var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-button:hover {
  background-color: transparent;
  background-position: top right, bottom left;
}
.ghostkit-button:focus {
  background-color: transparent;
  background-position: bottom left, bottom left;
}
.ghostkit-button.ghostkit-button-xs {
  --gkt-button__padding-v: var(--mpl--button-xs--padding-v);
  --gkt-button__padding-h: var(--mpl--button-xs--padding-h);
  --gkt-button-xs__font-size: var(--mpl--button-xs--font-size);
}
.ghostkit-button.ghostkit-button-sm {
  --gkt-button__padding-v: var(--mpl--button-sm--padding-v);
  --gkt-button__padding-h: var(--mpl--button-sm--padding-h);
  --gkt-button-sm__font-size: var(--mpl--button-sm--font-size);
}
.ghostkit-button.ghostkit-button-lg {
  --gkt-button__padding-v: var(--mpl--button-lg--padding-v);
  --gkt-button__padding-h: var(--mpl--button-lg--padding-h);
  --gkt-button-lg__font-size: var(--mpl--button-lg--font-size);
}
.ghostkit-button.ghostkit-button-xl {
  --gkt-button__padding-v: var(--mpl--button-xl--padding-v);
  --gkt-button__padding-h: var(--mpl--button-xl--padding-h);
  --gkt-button-xl__font-size: var(--mpl--button-xl--font-size);
}
.ghostkit-button.is-style-mpl-btn-link {
  --gkt-button--icon__offset: 8px;
  padding: 0;
  color: hsl(var(--mpl-color-white));
  background: none;
}
.ghostkit-button.is-style-mpl-btn-link::before {
  display: none;
}
.ghostkit-button.is-style-mpl-btn-link .ghostkit-button-icon {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1.5px solid hsl(var(--mpl-color-border));
  border-radius: 50%;
  transition: transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-button.is-style-mpl-btn-link .ghostkit-button-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  font-size: var(--mpl--font-size--extra-small);
  transform: translateX(-50%) translateY(-50%);
}
.ghostkit-button.is-style-mpl-btn-link .ghostkit-button-icon::before {
  position: absolute;
  top: -1.5px;
  right: -1.5px;
  bottom: -1.5px;
  left: -1.5px;
  content: "";
  background-image: radial-gradient(50% 50% at 50% 50%, var(--mpl-color-brand) 99.99%, transparent 100%);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0% 100%;
  border-radius: 50%;
  transition: background-size var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-button.is-style-mpl-btn-link .ghostkit-button-text {
  background-image: linear-gradient(to top, transparent 4px, var(--mpl-color-brand) 4.001px, var(--mpl-color-brand) 9px, transparent 9.001px, transparent 100%);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0 1.5em, 100% 1.5em;
  transition: background-size var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-button.is-style-mpl-btn-link .ghostkit-button-text,
.ghostkit-button.is-style-mpl-btn-link .ghostkit-button-icon {
  transform: skewX(0);
}
.ghostkit-button.is-style-mpl-btn-link:hover {
  color: hsl(var(--mpl-color-white));
}
.ghostkit-button.is-style-mpl-btn-link:hover .ghostkit-button-text {
  background-color: transparent;
  background-position: left center;
  background-size: 100% 1.5em, 100% 1.5em;
}
.ghostkit-button.is-style-mpl-btn-link:hover .ghostkit-button-icon {
  transform: translateX(2px) scale(0.95);
}
.ghostkit-button.is-style-mpl-btn-link:hover .ghostkit-button-icon::before {
  background-position: left center;
  background-size: 100% 100%;
}
.ghostkit-button.is-style-mpl-btn-skew {
  background: none;
  filter: var(--mpl--filter--round);
}
.ghostkit-button.is-style-mpl-btn-skew > div,
.ghostkit-button.is-style-mpl-btn-skew > span {
  z-index: 1;
}
.ghostkit-button.is-style-mpl-btn-skew::before {
  -webkit-clip-path: polygon(4px 0, 100% 0%, calc(100% - 4px) 100%, 0% 100%);
          clip-path: polygon(4px 0, 100% 0%, calc(100% - 4px) 100%, 0% 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background-image: linear-gradient(to bottom left, transparent 50%, var(--gkt-button-focus__background-color) 50%), linear-gradient(to bottom left, var(--gkt-button__background-color) 50%, var(--gkt-button-hover__background-color) 50%);
  background-repeat: no-repeat;
  background-position: top right, top right;
  background-size: 200% 200%, 200% 200%;
  border-radius: var(--gkt-button__border-radius);
  transition: background-position var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-button.is-style-mpl-btn-skew:hover {
  background-color: transparent;
}
.ghostkit-button.is-style-mpl-btn-skew:hover::before {
  background-position: top right, bottom left;
}
.ghostkit-button.is-style-mpl-btn-skew:focus {
  background-color: transparent;
}
.ghostkit-button.is-style-mpl-btn-skew:focus::before {
  background-position: bottom left, bottom left;
}
.ghostkit-button.is-style-mpl-btn-circle {
  --gkt-button__border-radius: 50%;
  --gkt-button-hover__color: hsl(var(--mpl-color-white));
  --gkt-button-focus__color: hsl(var(--mpl-color-white));
  background-color: var(--gkt-button__background-color);
  background-image: none;
  transition: transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-button.is-style-mpl-btn-circle::before, .ghostkit-button.is-style-mpl-btn-circle::after {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: -1;
  display: block;
  content: "";
  border-radius: 50%;
  transition: transform;
}
.ghostkit-button.is-style-mpl-btn-circle::before {
  box-shadow: inset 0 0 0 1px var(--gkt-button__background-color);
  opacity: 0.5;
  transition: box-shadow var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-button.is-style-mpl-btn-circle::after {
  background-color: var(--gkt-button__background-color);
  opacity: 0.05;
  transition: opacity var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-button.is-style-mpl-btn-circle .ghostkit-button-icon svg {
  display: block;
  transition: transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-button.is-style-mpl-btn-circle:hover, .ghostkit-button.is-style-mpl-btn-circle:focus {
  transform: scale(0.96);
}
.ghostkit-button.is-style-mpl-btn-circle:hover .ghostkit-button-icon svg, .ghostkit-button.is-style-mpl-btn-circle:focus .ghostkit-button-icon svg {
  transform: scale(1.15);
}
.ghostkit-button.is-style-mpl-btn-circle:hover::before, .ghostkit-button.is-style-mpl-btn-circle:focus::before {
  box-shadow: inset 0 0 0 0 transparent;
}
.ghostkit-button.is-style-mpl-btn-circle:hover::after, .ghostkit-button.is-style-mpl-btn-circle:focus::after {
  opacity: 0.4;
}

/* ------------------------------------------------------------------
  Carousel.
 ------------------------------------------------------------------- */
.ghostkit-carousel {
  --gkt-carousel--arrows__width: 50px;
  --gkt-carousel--arrows__height: 50px;
  --gkt-carousel--arrows__box-shadow: 0;
  --gkt-carousel--arrows__background-color: hsl(var(--mpl-color-border));
  --gkt-carousel--arrows__color: hsl(var(--mpl-color-white));
  --gkt-carousel--arrows__opacity: 1;
  --gkt-carousel--arrows-hover__box-shadow: 0;
  --gkt-carousel--bullets__background-color: hsl(var(--mpl-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: var(--mpl-transition-cubic-duration);
  --gkt-carousel__transition-easing: var(--mpl-transition-cubic-easing);
}
.ghostkit-carousel[data-show-bullets=true] {
  padding-bottom: 24px;
}
.ghostkit-carousel .ghostkit-carousel-arrow {
  overflow: hidden;
  background-color: var(--gkt-carousel--arrows__background-color);
  transition: transform var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing), color var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
}
.ghostkit-carousel .ghostkit-carousel-arrow .ghostkit-svg-icon-mpl {
  width: 36px;
  height: 36px;
}
.ghostkit-carousel .ghostkit-carousel-arrow::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background-color: hsl(var(--mpl-color-white));
  border-radius: var(--gkt-carousel--arrows__border-radius);
  transition: -webkit-clip-path var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
  transition: clip-path var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
  transition: clip-path var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing), -webkit-clip-path var(--gkt-carousel__transition-duration) var(--gkt-carousel__transition-easing);
}
.ghostkit-carousel .ghostkit-carousel-arrow:hover, .ghostkit-carousel .ghostkit-carousel-arrow:focus {
  --gkt-carousel--arrows__color: hsl(var(--mpl-color-black));
  transform: translateX(0);
}
.ghostkit-carousel .ghostkit-carousel-arrow:hover::after, .ghostkit-carousel .ghostkit-carousel-arrow:focus::after {
  -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: 0;
  transform: translateX(4px);
}
.ghostkit-carousel .ghostkit-carousel-arrow-prev::after {
  -webkit-clip-path: circle(50% at -50% 50%);
          clip-path: circle(50% at -50% 50%);
}
.ghostkit-carousel .ghostkit-carousel-arrow-next {
  right: 0;
  transform: translateX(-4px);
}
.ghostkit-carousel .ghostkit-carousel-arrow-next::after {
  -webkit-clip-path: circle(50% at 150% 50%);
          clip-path: circle(50% at 150% 50%);
}
.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%;
  transition: transform 0.15s var(--mpl-transition-easing), border-color var(--mpl-transition-duration) var(--mpl-transition-easing), background-color var(--mpl-transition-duration) var(--mpl-transition-easing);
  transform: scale(0.5);
  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);
  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(--mpl-color-brand);
  border-color: var(--mpl-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(--mpl-color-brand);
  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 {
  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: 5px;
  --gkt-changelog--version-badge__padding-h: 10px;
  --gkt-changelog--version-badge__color: hsl(var(--mpl-color-white));
  --gkt-changelog--version-badge__background-color: hsl(var(--mpl-color-border));
  --gkt-changelog--version-badge__border-radius: var(--mpl-border-radius);
  --gkt-changelog--content__margin-top: var(--mpl-vertical-rhythm);
  --gkt-changelog--content-badges__font-size: var(--mpl--font-size--extra-small);
  --gkt-changelog--content-badges__min-width: 96px;
  --gkt-changelog--content-badges__margin-right: 15px;
  --gkt-changelog--line__top: 44px;
  --gkt-changelog--line__width: 3px;
  --gkt-changelog--line__background-color: hsl(var(--mpl-color-background-100));
  --gkt-changelog--line__border-radius: var(--mpl-border-radius);
  --gkt-changelog--line__opacity: 1;
  font-size: var(--mpl--font-size--medium);
}
.ghostkit-changelog .ghostkit-badge {
  --gkt-badge__padding-v: 5px;
  --gkt-badge__padding-h: 9px;
  --gkt-badge__border-radius: var(--mpl-border-radius);
}
.ghostkit-changelog .ghostkit-badge::after {
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-color: inherit;
}

.ghostkit-changelog-more > ul {
  padding-left: 0;
  font-size: 1em;
}
.ghostkit-changelog-more > ul > li + li {
  margin-top: calc(var(--mpl-vertical-rhythm) * 0.5);
}

/* ------------------------------------------------------------------
  Countdown.
 ------------------------------------------------------------------- */
.ghostkit-countdown {
  --gkt-countdown--unit__padding-v: 0;
  --gkt-countdown--unit__padding-h: 0;
  --gkt-countdown--unit__min-width: 7.2em;
  --gkt-countdown--unit-number__font-size: 2.5em;
  --gkt-countdown--unit-number__color: hsl(var(--mpl-color-title));
  --gkt-countdown--unit-label__font-size: 0.875em;
  --gkt-countdown--unit-label__color: hsl(var(--mpl-color-text));
  gap: 20px;
}
@media (max-width: 781.98px) {
  .ghostkit-countdown {
    justify-content: center;
  }
}

.ghostkit-countdown-unit-number {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  padding: 36px;
  line-height: var(--mpl--line-height--small);
  filter: var(--mpl--filter--round);
}
.ghostkit-countdown-unit-number::before {
  -webkit-clip-path: polygon(4px 0, 100% 0%, calc(100% - 4px) 100%, 0% 100%);
          clip-path: polygon(4px 0, 100% 0%, calc(100% - 4px) 100%, 0% 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background-color: hsl(var(--mpl-color-background-200));
}

.ghostkit-countdown-unit-label {
  margin-top: 12px;
  font-weight: var(--mpl--font-weight--medium);
  text-transform: var(--mpl--text-transform--uppercase);
}

/* ------------------------------------------------------------------
  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: 24px;
  --gkt-counter-box--number__font-size: 66px;
  --gkt-counter-box--heading__margin-bottom: 22px;
  --gkt-counter-box--number__color: var(--mpl-color-brand);
  position: relative;
  color: hsl(var(--mpl-color-text));
}
.ghostkit-counter-box h1,
.ghostkit-counter-box h2,
.ghostkit-counter-box h3,
.ghostkit-counter-box h4,
.ghostkit-counter-box h5,
.ghostkit-counter-box h6 {
  margin-bottom: var(--gkt-counter-box--heading__margin-bottom);
}
.ghostkit-counter-box p {
  margin-bottom: var(--mpl-vertical-rhythm);
}
.ghostkit-counter-box .ghostkit-counter-box-number-align-left {
  --gkt-counter-box--number__font-size: 40px;
}
.ghostkit-counter-box .ghostkit-counter-box-number-align-left ~ .ghostkit-counter-box-content {
  --gkt-counter-box--number__offset: 30px;
  --gkt-counter-box--heading__margin-bottom: 0;
}
@media (max-width: 781.98px) {
  .ghostkit-counter-box .ghostkit-counter-box-number-align-left ~ .ghostkit-counter-box-content {
    --gkt-counter-box--number__offset: var(--mpl-vertical-rhythm);
    margin-top: var(--gkt-counter-box--number__offset);
  }
}
.ghostkit-counter-box .ghostkit-counter-box-number-align-right {
  --gkt-counter-box--number__font-size: 40px;
}
.ghostkit-counter-box .ghostkit-counter-box-number-align-right ~ .ghostkit-counter-box-content {
  --gkt-counter-box--number__offset: 30px;
  --gkt-counter-box--heading__margin-bottom: 0;
}
@media (max-width: 781.98px) {
  .ghostkit-counter-box .ghostkit-counter-box-number-align-right ~ .ghostkit-counter-box-content {
    --gkt-counter-box--number__offset: var(--mpl-vertical-rhythm);
    margin-bottom: var(--gkt-counter-box--number__offset);
  }
}
.ghostkit-counter-box .ghostkit-button-wrapper {
  --gkt-button__justify-content: center;
  margin-bottom: 0;
}
.ghostkit-counter-box .ghostkit-counter-box-content {
  align-self: center;
}
@media (max-width: 781.98px) {
  .ghostkit-counter-box .ghostkit-counter-box-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.ghostkit-counter-box .ghostkit-counter-box-content p:first-child {
  margin-top: 0;
}
.ghostkit-counter-box .ghostkit-counter-box-content p:last-child {
  margin-bottom: 0;
}
.ghostkit-counter-box.is-style-mpl-filled {
  --gkt-counter-box__padding-v: 70px;
  --gkt-counter-box__padding-h: 60px;
  background-color: hsl(var(--mpl-color-background-200));
  border-radius: var(--mpl-border-radius-lg);
}
.ghostkit-counter-box.is-style-mpl-filled p {
  font-size: var(--mpl--font-size--large);
}
.ghostkit-counter-box.is-style-mpl-outline {
  --gkt-counter-box__padding-v: 70px;
  --gkt-counter-box__padding-h: 60px;
  --gkt-counter-box--number__color: hsl(var(--mpl-color-meta));
  background-color: transparent;
  border: 1.5px solid hsl(var(--mpl-color-border));
  border-radius: var(--mpl-border-radius-lg);
  transition: transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), background-color var(--mpl-transition-duration) var(--mpl-transition-easing), border-color var(--mpl-transition-duration) var(--mpl-transition-easing);
}
.ghostkit-counter-box.is-style-mpl-outline p {
  font-size: var(--mpl--font-size--large);
}
.ghostkit-counter-box.is-style-mpl-outline .ghostkit-counter-box-number-align-top {
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.ghostkit-counter-box.is-style-mpl-outline .ghostkit-button-wrapper {
  position: absolute;
  width: 100%;
}
.ghostkit-counter-box.is-style-mpl-outline .ghostkit-button-wrapper .ghostkit-button {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: background-size var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), color var(--mpl-transition-duration) var(--mpl-transition-easing), transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), -webkit-clip-path var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
  transition: background-size var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), color var(--mpl-transition-duration) var(--mpl-transition-easing), clip-path var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
  transition: background-size var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), color var(--mpl-transition-duration) var(--mpl-transition-easing), clip-path var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), -webkit-clip-path var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
  transform: translateY(-10px);
}
.ghostkit-counter-box.is-style-mpl-outline .ghostkit-counter-box-number {
  transition: color var(--mpl-transition-duration) var(--mpl-transition-easing), transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-counter-box.is-style-mpl-outline .ghostkit-counter-box-content {
  transition: transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-counter-box.is-style-mpl-outline .ghostkit-counter-box-number,
.ghostkit-counter-box.is-style-mpl-outline .ghostkit-counter-box-content {
  transform: translateY(15px);
}
.ghostkit-counter-box.is-style-mpl-outline:hover {
  --gkt-counter-box--number__color: hsl(var(--mpl-color-title));
  background-color: hsl(var(--mpl-color-background-200));
  border-color: hsl(var(--mpl-color-background-200));
  transform: translateY(-6px);
}
.ghostkit-counter-box.is-style-mpl-outline:hover .ghostkit-counter-box-number,
.ghostkit-counter-box.is-style-mpl-outline:hover .ghostkit-counter-box-content {
  transform: translateY(-10px);
}
.ghostkit-counter-box.is-style-mpl-outline:hover .ghostkit-button-wrapper .ghostkit-button {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  transform: translateY(0);
}
.ghostkit-counter-box .ghostkit-counter-box-number-wrap {
  font-weight: var(--mpl--font-weight--semi-bold);
  line-height: var(--mpl--line-height--tiny);
}
.ghostkit-counter-box .ghostkit-counter-box-number-align-top ~ .ghostkit-counter-box-content {
  text-align: center;
}

/* ------------------------------------------------------------------
  Divider.
 ------------------------------------------------------------------- */
.ghostkit-divider {
  --gkt-divider__border-color: hsl(var(--mpl-color-border));
  --gkt-divider--icon__color: hsl(var(--mpl-color-border));
}

/* ------------------------------------------------------------------
  Forms.
 ------------------------------------------------------------------- */
.ghostkit-form {
  --gkt-form--field-label__margin-bottom: 0.5em;
  --gkt-form--field-description__margin-top: 1em;
  --gkt-form--field-description__opacity: 1;
  --gkt-form--field-description__line-height: var(--mpl--line-height--small);
  --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(--mpl--font-size--small);
  color: hsl(var(--mpl-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: 30px;
  --gkt-icon-box--icon__font-size: 60px;
  --gkt-icon-box--icon__color: hsl(var(--mpl-color-title));
  position: relative;
  color: hsl(var(--mpl-color-text));
}
.ghostkit-icon-box h1,
.ghostkit-icon-box h2,
.ghostkit-icon-box h3,
.ghostkit-icon-box h4,
.ghostkit-icon-box h5,
.ghostkit-icon-box h6 {
  margin-bottom: 22px;
}
.ghostkit-icon-box p {
  margin-bottom: var(--mpl-vertical-rhythm);
}
.ghostkit-icon-box .ghostkit-button-wrapper {
  --gkt-button__justify-content: center;
  margin-bottom: 0;
}
@media (max-width: 781.98px) {
  .ghostkit-icon-box .ghostkit-icon-box-icon-align-left ~ .ghostkit-icon-box-content {
    margin-top: var(--gkt-icon-box--icon__offset);
  }
  .ghostkit-icon-box .ghostkit-icon-box-icon-align-right ~ .ghostkit-icon-box-content {
    margin-bottom: var(--gkt-icon-box--icon__offset);
  }
}
.ghostkit-icon-box .ghostkit-icon-box-content {
  align-self: center;
}
@media (max-width: 781.98px) {
  .ghostkit-icon-box .ghostkit-icon-box-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.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-content p:last-child {
  margin-bottom: 0;
}
.ghostkit-icon-box.is-style-mpl-filled {
  --gkt-icon-box__padding-v: 70px;
  --gkt-icon-box__padding-h: 60px;
  background-color: hsl(var(--mpl-color-background-200));
  border-radius: var(--mpl-border-radius-lg);
}
.ghostkit-icon-box.is-style-mpl-filled p {
  font-size: var(--mpl--font-size--large);
}
.ghostkit-icon-box.is-style-mpl-outline {
  --gkt-icon-box__padding-v: 70px;
  --gkt-icon-box__padding-h: 60px;
  --gkt-icon-box--icon__color: hsl(var(--mpl-color-meta));
  --gkt-icon-box--icon__font-size: 60px;
  background-color: transparent;
  border: 1.5px solid hsl(var(--mpl-color-border));
  border-radius: var(--mpl-border-radius-lg);
  transition: background-color var(--mpl-transition-duration) var(--mpl-transition-easing), border-color var(--mpl-transition-duration) var(--mpl-transition-easing), transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-icon-box.is-style-mpl-outline p {
  font-size: var(--mpl--font-size--large);
}
.ghostkit-icon-box.is-style-mpl-outline .ghostkit-icon-box-icon-align-top {
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.ghostkit-icon-box.is-style-mpl-outline .ghostkit-button-wrapper {
  position: absolute;
  width: 100%;
}
.ghostkit-icon-box.is-style-mpl-outline .ghostkit-button-wrapper .ghostkit-button {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: background-size var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), color var(--mpl-transition-duration) var(--mpl-transition-easing), transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), -webkit-clip-path var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
  transition: background-size var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), color var(--mpl-transition-duration) var(--mpl-transition-easing), clip-path var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
  transition: background-size var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), color var(--mpl-transition-duration) var(--mpl-transition-easing), clip-path var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), -webkit-clip-path var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
  transform: translateY(-10px);
}
.ghostkit-icon-box.is-style-mpl-outline .ghostkit-icon-box-icon {
  transition: transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), color var(--mpl-transition-duration) var(--mpl-transition-easing);
}
.ghostkit-icon-box.is-style-mpl-outline .ghostkit-icon-box-content {
  transition: transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-icon-box.is-style-mpl-outline .ghostkit-icon-box-icon,
.ghostkit-icon-box.is-style-mpl-outline .ghostkit-icon-box-content {
  transform: translateY(15px);
}
.ghostkit-icon-box.is-style-mpl-outline:hover {
  background-color: hsl(var(--mpl-color-background-200));
  border-color: hsl(var(--mpl-color-background-200));
  transform: translateY(-6px);
}
.ghostkit-icon-box.is-style-mpl-outline:hover .ghostkit-icon-box-icon {
  color: hsl(var(--mpl-color-title));
}
.ghostkit-icon-box.is-style-mpl-outline:hover .ghostkit-icon-box-icon,
.ghostkit-icon-box.is-style-mpl-outline:hover .ghostkit-icon-box-content {
  transform: translateY(-10px);
}
.ghostkit-icon-box.is-style-mpl-outline:hover .ghostkit-button-wrapper .ghostkit-button {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  transform: translateY(0);
}
.ghostkit-icon-box .ghostkit-icon-box-icon {
  align-items: center;
}
.ghostkit-icon-box .ghostkit-icon-box-icon-align-top ~ .ghostkit-icon-box-content {
  text-align: center;
}

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

/* ------------------------------------------------------------------
  Pricing.
 ------------------------------------------------------------------- */
.ghostkit-pricing-table {
  --gkt-pricing-table--item__padding-v: 50px;
  --gkt-pricing-table--item__padding-h: 50px;
  --gkt-pricing-table--title__font-size: 1.625em;
  --gkt-pricing-table--price-amount__font-size: 1.625em;
  --gkt-pricing-table--elements__gap: 32px;
  --gkt-pricing-table--popular-badge__top: 15px;
  --gkt-pricing-table--popular-badge__padding-v: 1.5px;
  --gkt-pricing-table--popular-badge__padding-h: 11px;
  --gkt-pricing-table--popular-badge__font-size: var(--mpl--font-size--extra-small);
}

.ghostkit-pricing-table-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: hsl(var(--mpl-color-background-300));
  border: 0;
  border-radius: var(--mpl-border-radius-lg);
}
.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 {
  flex: 0 0 100%;
  max-width: 100%;
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-title {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  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 {
  flex: 0 0 auto;
  max-width: 100%;
  margin-top: 0;
  color: hsl(var(--mpl-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: flex;
  align-items: center;
  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;
  color: hsl(var(--mpl-color-text));
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-features > li {
  position: relative;
  padding-left: 28px;
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-features > li::before {
  position: absolute;
  top: 0.21875em;
  left: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 14px;
  vertical-align: 0.15em;
  content: "";
  background-color: hsl(var(--mpl-color-background-100));
  border-radius: 100%;
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-features > li::after {
  -webkit-mask-image: var(--mpl--icon--check);
          mask-image: var(--mpl--icon--check);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  position: absolute;
  top: 0.375em;
  left: 0.1875em;
  width: 12px;
  height: 12px;
  content: "";
  background-color: hsl(var(--mpl-color-meta));
}
.ghostkit-pricing-table-item .ghostkit-pricing-table-item-description {
  font-size: var(--mpl--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 {
  flex-direction: column;
}

.ghostkit-pricing-table-item-popular {
  background-color: hsl(var(--mpl-color-background-200));
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
}
.ghostkit-pricing-table-item-popular .ghostkit-pricing-table-item-popular-badge {
  right: auto;
  left: -10px;
  z-index: 1;
  font-weight: var(--mpl--font-weight--semi-bold);
  text-transform: var(--mpl--text-transform--uppercase);
  letter-spacing: 0.06em;
  background-color: transparent;
}
.ghostkit-pricing-table-item-popular .ghostkit-pricing-table-item-popular-badge::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background-color: var(--mpl-color-brand);
  border-radius: var(--mpl-border-radius);
  transform: skewX(-4deg);
}

/* ------------------------------------------------------------------
  Progress.
 ------------------------------------------------------------------- */
.ghostkit-progress {
  --gkt-progress__height: 8px;
  --gkt-progress__background-color: hsl(var(--mpl-color-border));
  --gkt-progress--bar__background-color: hsl(var(--mpl-color-white));
  --gkt-progress--caption__font-size: var(--mpl--font-size--medium);
  --gkt-progress--caption__margin-bottom: 12px;
  --gkt-progress--count__color: hsl(var(--mpl-color-title));
  --gkt-progress--count__padding-v: 0;
  --gkt-progress--count__padding-h: 0;
  --gkt-progress--count__font-size: 10px;
  --gkt-progress--count__background-color: transparent;
  --gkt-progress--count__border-radius: 0;
  --gkt-progress--count-arrow__size: 0;
  position: relative;
  align-items: center;
}

.ghostkit-progress-caption {
  color: hsl(var(--mpl-color-title));
}

.ghostkit-progress-bar-count {
  position: absolute;
  bottom: 0;
  font-size: var(--gkt-progress--count__font-size);
}
.ghostkit-progress-bar-count > div {
  top: 4px;
  bottom: auto;
  line-height: 1.5;
}

.ghostkit-progress-bar {
  border-radius: var(--mpl-border-radius-sm);
}

.ghostkit-progress-wrap {
  background-color: var(--gkt-progress__background-color);
  border-radius: var(--mpl-border-radius-sm);
  transform: skewX(-12deg);
}

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

.ghostkit-tabs {
  --gkt-tabs--button__border-width: 5px;
  --gkt-tabs--button__border-color: var(--mpl-color-brand);
  --gkt-tabs--button__font-weight: var(--mpl--button--font-weight);
  --gkt-tabs-pills--button-active__background-color: var(--mpl-color-brand);
}
.ghostkit-tabs .ghostkit-tabs-buttons-item {
  margin-bottom: 0;
  font-size: var(--mpl--button--font-size);
  line-height: var(--mpl--button--line-height);
  text-transform: var(--mpl--text-transform--uppercase);
}
.ghostkit-tabs .ghostkit-tabs-buttons-item:hover, .ghostkit-tabs .ghostkit-tabs-buttons-item:focus {
  color: hsl(var(--mpl-color-white));
}
.ghostkit-tabs .ghostkit-tabs-buttons-item-active {
  color: var(--mpl-color-brand);
}
.ghostkit-tabs:not(.is-style-pills, .is-style-radio), .ghostkit-tabs.is-style-default {
  --gkt-tabs--button__padding-v: 0;
  --gkt-tabs--button__padding-h: 0;
}
.ghostkit-tabs:not(.is-style-pills, .is-style-radio) .ghostkit-tabs-buttons, .ghostkit-tabs.is-style-default .ghostkit-tabs-buttons {
  gap: 8px 30px;
  margin-top: 0;
  margin-left: 0;
  border: 0;
}
.ghostkit-tabs:not(.is-style-pills, .is-style-radio) .ghostkit-tabs-buttons-item, .ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item {
  --mpl--text-underline--color: var(--gkt-tabs--button__border-color);
  --mpl--text-underline--width: var(--gkt-tabs--button__border-width);
  position: relative;
  display: inline;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  color: hsl(var(--mpl-color-text));
  background-color: transparent;
  border: 0;
  border-radius: 0;
  transition: background-size var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing), color var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-tabs:not(.is-style-pills, .is-style-radio) .ghostkit-tabs-buttons-item:hover, .ghostkit-tabs:not(.is-style-pills, .is-style-radio) .ghostkit-tabs-buttons-item:focus, .ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item:hover, .ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item:focus {
  color: hsl(var(--mpl-color-white));
}
.ghostkit-tabs:not(.is-style-pills, .is-style-radio) .ghostkit-tabs-buttons-item.ghostkit-tabs-buttons-item-active, .ghostkit-tabs.is-style-default .ghostkit-tabs-buttons-item.ghostkit-tabs-buttons-item-active {
  color: hsl(var(--mpl-color-white));
}
@media (max-width: 781.98px) {
  .ghostkit-tabs:not(.is-style-pills, .is-style-radio).ghostkit-tabs-buttons-vertical, .ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical {
    display: block;
  }
  .ghostkit-tabs:not(.is-style-pills, .is-style-radio).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons, .ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: row;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .ghostkit-tabs:not(.is-style-pills, .is-style-radio).ghostkit-tabs-buttons-vertical .ghostkit-tabs-content, .ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
  }
}
@media (min-width: 782px) {
  .ghostkit-tabs:not(.is-style-pills, .is-style-radio).ghostkit-tabs-buttons-vertical, .ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical {
    margin-left: 0;
  }
  .ghostkit-tabs:not(.is-style-pills, .is-style-radio).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item, .ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item {
    padding: var(--gkt-tabs--button__padding-h) var(--gkt-tabs--button__padding-v);
  }
  .ghostkit-tabs:not(.is-style-pills, .is-style-radio).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item:first-child, .ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item:first-child {
    margin-top: 0;
  }
  .ghostkit-tabs:not(.is-style-pills, .is-style-radio).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item + .ghostkit-tabs-buttons-item, .ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item + .ghostkit-tabs-buttons-item {
    margin-top: 8px;
  }
  .ghostkit-tabs:not(.is-style-pills, .is-style-radio).ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item::after, .ghostkit-tabs.is-style-default.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item::after {
    top: 0;
    right: auto;
    left: 0;
    width: var(--gkt-tabs--button__border-width);
    height: auto;
  }
}
.ghostkit-tabs.is-style-pills {
  --gkt-tabs--button__padding-v: var(--mpl--button-xs--padding-v);
  --gkt-tabs--button__padding-h: var(--mpl--button-xs--padding-h);
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons {
  gap: 10px;
  margin-top: 0;
  margin-left: 0;
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  background-color: transparent;
  filter: var(--mpl--filter--round);
  transition: color var(--mpl-transition-duration) var(--mpl-transition-easing);
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item::after {
  -webkit-clip-path: polygon(4px 0, 100% 0%, calc(100% - 4px) 100%, 0% 100%);
          clip-path: polygon(4px 0, 100% 0%, calc(100% - 4px) 100%, 0% 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background-image: linear-gradient(to bottom left, hsl(var(--mpl-color-border)) 50%, var(--gkt-tabs-pills--button-active__background-color) 50%);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 200% 200%;
  transition: background-position var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item:hover, .ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item:focus {
  color: hsl(var(--mpl-color-white));
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item-active {
  color: hsl(var(--mpl-color-white));
}
.ghostkit-tabs.is-style-pills .ghostkit-tabs-buttons-item-active::after {
  background-position: bottom left;
}
@media (max-width: 781.98px) {
  .ghostkit-tabs.is-style-pills.ghostkit-tabs-buttons-vertical {
    display: block;
  }
  .ghostkit-tabs.is-style-pills.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: row;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .ghostkit-tabs.is-style-pills.ghostkit-tabs-buttons-vertical .ghostkit-tabs-content {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
  }
}
@media (min-width: 782px) {
  .ghostkit-tabs.is-style-pills.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons {
    margin-top: 0;
    margin-left: 0;
  }
  .ghostkit-tabs.is-style-pills.ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons-item {
    margin-top: 0;
    margin-left: 0;
  }
}
.ghostkit-tabs.is-style-radio {
  --gkt-tabs--button__border-width: 0px;
}
.ghostkit-tabs.is-style-radio .ghostkit-tabs-buttons-item {
  display: flex;
}
.ghostkit-tabs.is-style-radio .ghostkit-tabs-buttons-item-active {
  color: hsl(var(--mpl-color-title));
}

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

@media (min-width: 782px) {
  .ghostkit-tabs-buttons-vertical .ghostkit-tabs-buttons {
    align-items: flex-start;
  }
}
@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: 2px;
  --gkt-testimonial--name__line-height: inherit;
  --gkt-testimonial--source__line-height: inherit;
  --gkt-testimonial--source__opacity: 1;
  --gkt-testimonial--photo__width: 48px;
  --gkt-testimonial--photo__border-radius: 50%;
  --gkt-testimonial--meta__offset: 0;
  --gkt-testimonial--stars-front__color: hsl(var(--mpl-color-title));
  --gkt-testimonial--stars-back__color: hsl(var(--mpl-color-border));
  justify-content: center;
  padding: 50px 40px;
  text-align: center;
  background-color: hsl(var(--mpl-color-background-200));
  border-radius: var(--mpl-border-radius-lg);
}

.ghostkit-testimonial-content {
  flex: 0 0 100%;
  max-width: 100%;
}
.ghostkit-testimonial-content:last-child {
  margin-bottom: 0;
}
.ghostkit-testimonial-content p {
  font-size: var(--mpl--font-size--large);
}
.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(--mpl--font-size--large);
  color: hsl(var(--mpl-color-title));
}

.ghostkit-testimonial-photo {
  flex: 0 0 auto;
  max-width: 100%;
}
.ghostkit-testimonial-photo:not(:first-child) {
  margin-top: 24px;
}
.ghostkit-testimonial-photo + .ghostkit-testimonial-meta {
  margin-left: 16px;
  text-align: left;
}

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

.ghostkit-testimonial-meta {
  flex: 0 0 auto;
  max-width: 100%;
  align-self: center;
  margin-top: 24px;
}

.ghostkit-testimonial-stars {
  flex: 0 0 100%;
  max-width: 100%;
  order: -1;
  margin-bottom: 24px;
  font-size: var(--mpl--font-size--large);
}
.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: var(--mpl--line-height--tiny);
  color: hsl(var(--mpl-color-title));
}
.ghostkit-testimonial-icon + .ghostkit-testimonial-content {
  margin-top: 24px;
}

/* ------------------------------------------------------------------
  Video Block.
 ------------------------------------------------------------------- */
.ghostkit-video {
  --gkt-video--play-icon__color: hsl(var(--mpl-color-white));
  --gkt-video--play-icon__background-color: var(--mpl-color-brand);
  --gkt-video--play-icon__font-size: 30px;
  --gkt-video--play-icon__width: 90px;
  --gkt-video--play-icon__height: 90px;
  --gkt-video--play-icon__box-shadow: none;
  --gkt-video--play-icon-hover__box-shadow: none;
  --mpl-video--play-icon--outline--offset: 10px;
  --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;
  background-color: hsl(var(--mpl-color-background-200));
}
@media (max-width: 571.98px) {
  .ghostkit-video {
    --gkt-video--play-icon__width: 60px;
    --gkt-video--play-icon__height: 60px;
    --gkt-video--play-icon__font-size: 24px;
    --mpl-video--play-icon--outline--offset: 6px;
  }
}
.ghostkit-video img {
  border-radius: 0;
}
.ghostkit-video .ghostkit-svg-icon-feather {
  stroke-width: 1.5px;
}
.ghostkit-video .ghostkit-video-play-icon {
  transition: transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-video .ghostkit-video-play-icon svg {
  transition: transform var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-video .ghostkit-video-play-icon::before, .ghostkit-video .ghostkit-video-play-icon::after {
  position: absolute;
  top: calc(var(--mpl-video--play-icon--outline--offset) * -1);
  right: calc(var(--mpl-video--play-icon--outline--offset) * -1);
  bottom: calc(var(--mpl-video--play-icon--outline--offset) * -1);
  left: calc(var(--mpl-video--play-icon--outline--offset) * -1);
  z-index: -1;
  content: "";
  border-radius: 100%;
}
.ghostkit-video .ghostkit-video-play-icon::before {
  box-shadow: inset 0 0 0 1px var(--gkt-video--play-icon__background-color);
  opacity: 0.5;
  transition: box-shadow var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-video .ghostkit-video-play-icon::after {
  background-color: var(--gkt-video--play-icon__background-color);
  opacity: 0.05;
  transition: opacity var(--mpl-transition-cubic-duration) var(--mpl-transition-cubic-easing);
}
.ghostkit-video:hover .ghostkit-video-play-icon {
  transform: scale(0.96);
}
.ghostkit-video:hover .ghostkit-video-play-icon svg {
  transform: scale(1.15);
}
.ghostkit-video:hover .ghostkit-video-play-icon::before {
  box-shadow: inset 0 0 0 0 transparent;
}
.ghostkit-video:hover .ghostkit-video-play-icon::after {
  opacity: 0.4;
}
.ghostkit-video.is-style-icon-only {
  background-color: transparent;
}
.ghostkit-video.is-style-mpl-styled:not(.is-style-icon-only) {
  --gkt-video--play-icon__font-size: 60px;
  --gkt-video--play-icon__background-color: transparent;
  --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);
  background-color: initial;
}
.ghostkit-video.is-style-mpl-styled:not(.is-style-icon-only) .ghostkit-video-poster {
  background-color: var(--gkt-video__background-color);
}
.ghostkit-video.is-style-mpl-styled:not(.is-style-icon-only) .ghostkit-video-poster img {
  height: 100%;
} /* ------------------------------------------------------------------
  Gist.
 ------------------------------------------------------------------- */
.ghostkit-gist .gist .gist-file {
  border-radius: var(--mpl-border-radius);
}
.ghostkit-gist .gist .gist-data {
  border-bottom: 0;
  border-radius: var(--mpl-border-radius) var(--mpl-border-radius) 0 0;
}
.ghostkit-gist .gist .gist-meta {
  border-radius: 0 0 var(--mpl-border-radius) var(--mpl-border-radius);
}
.ghostkit-gist .gist table tbody tr:not(:last-child) td {
  border-bottom: 0;
}

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

/* ------------------------------------------------------------------
  Styles.
 ------------------------------------------------------------------- */
.is-style-styled {
  --gkt-styled-lists--items__gap: 15px;
  --gkt-styled-lists-numbered__padding-left: 38px;
  --gkt-styled-lists-numbered--decoration__width: 26px;
  --gkt-styled-lists-numbered--decoration__height: 26px;
  --gkt-styled-lists-numbered--decoration__top: 0;
  --gkt-styled-lists-numbered--decoration__font-size: 0.75em;
  --gkt-styled-lists-numbered--decoration__color: hsl(var(--mpl-color-title));
  --gkt-styled-lists-numbered--decoration__background-color: transparent;
  --gkt-styled-lists-numbered--decoration__border-radius: 100%;
  --gkt-styled-lists-dotted__padding-left: 17px;
  --gkt-styled-lists-dotted--decoration__width: 5px;
  --gkt-styled-lists-dotted--decoration__height: 5px;
  --gkt-styled-lists-dotted--decoration__top: 0.625em;
  --gkt-styled-lists-dotted--decoration__left: 0;
  --gkt-styled-lists-dotted--decoration__background-color: hsl(var(--mpl-color-title));
}

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: var(--mpl--font-weight--semi-bold);
  color: hsl(var(--mpl-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(--mpl-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);
}

ol.is-style-styled > li::before,
.is-style-styled ol > li::before {
  border: 1.5px solid hsl(var(--mpl-color-border));
}

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(--mpl-color-title));
  --gkt-numbered-headings--h2-number__background-color: hsl(var(--mpl-color-background-100));
}