/* --------- */
/* --------- */
/* --------- Prevent button text not visible on load */
/* --------- */
/* --------- */

html.w-mod-js:not(.w-mod-ix3) .button-text._1,
html.w-mod-js:not(.w-mod-ix3) .button-text._2,
html.w-mod-js:not(.w-mod-ix3) .div-block-51,
html.w-mod-js:not(.w-mod-ix3) [set="category"] {
  visibility: visible !important;
}

/* --------- */
/* --------- */
/* --------- Button animation */
/* --------- */
/* --------- */

.button-gsap-fun {
  --elastic-ease-out: linear(0,
      0.5737 7.6%,
      0.8382 11.87%,
      0.9463 14.19%,
      1.0292 16.54%,
      1.0886 18.97%,
      1.1258 21.53%,
      1.137 22.97%,
      1.1424 24.48%,
      1.1423 26.1%,
      1.1366 27.86%,
      1.1165 31.01%,
      1.0507 38.62%,
      1.0219 42.57%,
      0.9995 46.99%,
      0.9872 51.63%,
      0.9842 58.77%,
      1.0011 81.26%,
      1);
  --smooth-ease: cubic-bezier(.32, .72, 0, 1);

  transition: transform .45s var(--elastic-ease-out);
  -webkit-tap-highlight-color: transparent;
}

.button-gsap-fun:active {
  transform: scaleX(0.955) scaleY(0.954);
}

.button-gsap-fun:focus-visible .button-gsap-fun_bg {
  box-shadow: 0 0 0 .125rem #0ae448;
}

.button-gsap-fun_bg {
  transition: scale .75s var(--elastic-ease-out), box-shadow .35s var(--smooth-ease);
}

.button-gsap-fun_text span,
.button-gsap-fun_text-hover span {
  display: inline-block;
}

@media (hover: hover) and (pointer: fine) {
  .button-gsap-fun:is(:hover, :focus-visible) .button-gsap-fun_bg {
    scale: 1.035 1.065;
  }
}

/* remove background from buttons if you use <button> tag*/
:where(button) {
  background-color: transparent;
}

/* make button click area bigger */
.button-default {
  --active-ease: cubic-bezier(0.34, 2.27, 0.64, 1);
  --active-speed: 0.3s;

  transition: transform var(--active-speed) var(--active-ease);
}

.button-default::after {
  content: "";
  display: block;
  position: absolute;
  inset: -0.25rem;
}

.button-default:active {
  transform: scaleX(0.993) scaleY(0.992);
}

/*.wf-design-mode .loader {
  display: none;
}*/

[data-load-reset] {
  opacity: 0;
}

[data-logo-wall-list] [data-logo-wall-item]:nth-child(n+7) {
  display: none;
}

@media screen and (max-width: 991px) {
  [data-logo-wall-list] [data-logo-wall-item]:nth-child(n+7) {
    display: none;
  }
}

.preview-follower__inner,
.preview-follower__label {
  transition: opacity 0.1s ease, transform 0.6s cubic-bezier(0.65, 0.1, 0, 1);
}

/* html:not(.wf-design-mode) */
.preview-follower__inner {
  opacity: 0;
  transform: scale(0);
}

/* html:not(.wf-design-mode) */
.preview-follower__label {
  opacity: 0;
  transform: translate(0px, 100%);
}

.preview-follower [data-follower-visual] {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
}

@media screen and (min-width: 992px) {
  .preview-item:last-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
}

@media (hover: hover) and (min-width: 992px) {
  body:has([data-follower-collection]:hover) .preview-follower__inner {
    opacity: 1;
    transform: scale(1);
  }

  body:has([data-follower-collection]:hover) .preview-follower__label {
    opacity: 1;
    transform: translate(0px, 0%);
  }

  body:has(.preview-item:hover) .preview-item:not(:hover) {
    opacity: 0.5;
  }
}

/////////////////
////////////////
/* Parent section that holds the prism */
.parent-section {
  position: relative;
  /* keep overflow visible if you want the bleed to show through */
}

#prism-container {
  position: absolute;
  inset: -500px 0;
  height: 200vh;
  /* extends 300px above and below */
  pointer-events: none;
  /* clicks pass through to content */
  z-index: 0;
  background: transparent;
  overflow: visible;

}

/* Foreground content sits on top */
.parent-section>.content {
  position: relative;
  z-index: 1;
}