.kk-gated-hidden-text {
  --kk-gated-bg: #121212;
  --kk-gated-text: #CDC9B9;
  --kk-gated-pattern: #5D5B55;
  --kk-gated-square: 3px;
  --kk-gated-line-height: 1em;
  --kk-gated-line-gap: 0.25em;

  --kk-gated-button-font-family: Helvetica, Arial, sans-serif;
  --kk-gated-button-font-size: 14px;
  --kk-gated-button-font-weight: 700;
  --kk-gated-button-font-style: normal;
  --kk-gated-button-line-height: 1;
  --kk-gated-button-letter-spacing: -0.03em;
  --kk-gated-button-text-transform: uppercase;
  --kk-gated-button-text-decoration: none;
  --kk-gated-button-color: var(--kk-gated-text);
  --kk-gated-button-hover-color: var(--kk-gated-button-color);
  --kk-gated-button-icon-size: 17px;
  --kk-gated-button-gap: 8px;
  --kk-gated-button-margin-top: 22px;

  color: var(--kk-gated-text);
}

html[data-theme="light"] .kk-gated-hidden-text,
body[data-theme="light"] .kk-gated-hidden-text,
html[data-kk-theme="light"] .kk-gated-hidden-text,
body[data-kk-theme="light"] .kk-gated-hidden-text,
.kk-light-mode .kk-gated-hidden-text,
.light-mode .kk-gated-hidden-text,
body.kk-site-light .kk-gated-hidden-text,
body.kk-site-light .kk-gated-hidden-text *,
body.kk-site-light .elementor .kk-gated-hidden-text,
body.kk-site-light .elementor-widget .kk-gated-hidden-text {
  --kk-gated-bg: #FFFFFF;
  --kk-gated-text: #121212;
  --kk-gated-pattern: #D7D2C5;
}

body:not(.kk-site-light) .kk-gated-hidden-text,
body.kk-site-dark .kk-gated-hidden-text,
html[data-theme="dark"] .kk-gated-hidden-text,
body[data-theme="dark"] .kk-gated-hidden-text,
html[data-kk-theme="dark"] .kk-gated-hidden-text,
body[data-kk-theme="dark"] .kk-gated-hidden-text {
  --kk-gated-bg: #121212;
  --kk-gated-text: #CDC9B9;
  --kk-gated-pattern: #5D5B55;
}

.kk-gated-hidden-text.kk-gated-processed {
  position: relative;
}

.kk-gated-hidden-text .kk-gated-original {
  display: none !important;
}

.kk-gated-hidden-text .kk-gated-content {
  width: 100%;
}

.kk-gated-hidden-text .kk-gated-row {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: var(--kk-gated-line-height);
  margin: 0;
}

.kk-gated-hidden-text .kk-gated-row + .kk-gated-row {
  margin-top: var(--kk-gated-line-gap);
}

.kk-gated-hidden-text .kk-gated-first-row {
  gap: 8px;
}

.kk-gated-hidden-text .kk-gated-visible {
  flex: 0 0 auto;
  white-space: nowrap;
  line-height: var(--kk-gated-line-height);
}

.kk-gated-hidden-text .kk-gated-line {
  display: block;
  height: var(--kk-gated-line-height);
  background-color: var(--kk-gated-bg) !important;
  background-image:
    linear-gradient(45deg, var(--kk-gated-pattern) 25%, transparent 25%),
    linear-gradient(-45deg, var(--kk-gated-pattern) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--kk-gated-pattern) 75%),
    linear-gradient(-45deg, transparent 75%, var(--kk-gated-pattern) 75%) !important;
  background-size: calc(var(--kk-gated-square) * 2) calc(var(--kk-gated-square) * 2);
  background-position:
    0 0,
    0 var(--kk-gated-square),
    var(--kk-gated-square) calc(var(--kk-gated-square) * -1),
    calc(var(--kk-gated-square) * -1) 0;
  image-rendering: pixelated;
}

.kk-gated-hidden-text .kk-gated-line-inline {
  flex: 1 1 auto;
  min-width: 120px;
}

.kk-gated-hidden-text .kk-gated-line-full {
  width: 100%;
}

.kk-gated-hidden-text .kk-gated-line-short {
  width: 56%;
}

.kk-gated-hidden-text .kk-gated-access,
.kk-gated-hidden-text .kk-gated-access span:not(.material-symbols-outlined) {
  font-family: var(--kk-gated-button-font-family) !important;
  font-size: var(--kk-gated-button-font-size) !important;
  font-weight: var(--kk-gated-button-font-weight) !important;
  font-style: var(--kk-gated-button-font-style) !important;
  line-height: var(--kk-gated-button-line-height) !important;
  letter-spacing: var(--kk-gated-button-letter-spacing) !important;
  text-transform: var(--kk-gated-button-text-transform) !important;
  text-decoration: var(--kk-gated-button-text-decoration) !important;
}

.kk-gated-hidden-text .kk-gated-access {
  display: inline-flex;
  align-items: center;
  gap: var(--kk-gated-button-gap);
  margin-top: var(--kk-gated-button-margin-top);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--kk-gated-button-color) !important;
  cursor: pointer;
}

.kk-gated-hidden-text .kk-gated-access:hover {
  color: var(--kk-gated-button-hover-color) !important;
  text-decoration: var(--kk-gated-button-text-decoration) !important;
}

.kk-gated-hidden-text .kk-gated-access .material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-size: var(--kk-gated-button-icon-size) !important;
  line-height: 1 !important;
  color: inherit !important;
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 20;
}

@media (max-width: 767px) {
  .kk-gated-hidden-text .kk-gated-first-row {
    gap: 7px;
  }

  .kk-gated-hidden-text .kk-gated-line-inline {
    min-width: 80px;
  }
}