html,
body {
  -webkit-font-smoothing: antialiased;
}

/* Selection */
::selection {
  background-color: rgba(var(--color-rgb-gray), 0.2);
  text-shadow: none;
}

::-moz-selection {
  background-color: rgba(var(--color-rgb-gray), 0.2);
  text-shadow: none;
}

a {
  color: inherit;
  text-decoration: none;
}

textarea {
  resize: none;
}

button {
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
}

[data-transition-theme="dark"] {
  background-color: var(--color-dark);
}

[data-transition-theme="light"] {
  background-color: var(--color-neutral-200);
}

:is(.wf-design-mode, .wf-editor) .transition {
  display: none;
}

.text-mask-line-mask {
  text-align: inherit !important;
}

.text-mask-line-mask {
  margin: -0.2em -0.1em;
  padding: 0.1em 0.1em;
  text-align: inherit !important;
}

/* ------------------------- LOADING -------------------------------------------------- */

@keyframes loadingRotate {
  0% {
    transform: rotate(0.001deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading-icon {
  background-color: rgba(var(--color-rgb-tint), 0.15);
  opacity: 0;
}

.loading-icon__inner {
  animation: loadingRotate 0.5s linear infinite;
}

.transition[style="opacity: 1; visibility: inherit;"] .loading-icon {
  transition: var(--animation-ease-double) 1s;
  opacity: 1;
}

[data-transition-theme="dark"] .loading-icon {
  background-color: rgba(var(--color-rgb-light), 0.15);
}

[data-transition-theme="dark"] .loading-icon .loading-icon__inner {
  border-color: var(--color-dark);
}

/* ------------------------- PADDING HERO ------------------------------------------- */

[data-wf--padding-hero--variant="nav"] {
  height: var(--nav-bar-height);
}

[data-wf--padding-hero--variant="nav-medium"] {
  height: calc(var(--nav-bar-height) + max(5em, 15svh));
}

[data-wf--padding-hero--variant="nav-large"] {
  height: calc(var(--nav-bar-height) + max(6.666em, 20svh));
}

[data-wf--padding-hero--variant="nav-xl"] {
  height: calc(var(--nav-bar-height) + max(8.333em, 25svh));
}

/* ------------------------- BUTTONS & TAGS ------------------------------------------- */

/* Tags */
.tag[data-shape="round"] {
  border-radius: 100em;
}

div.tag .button-label__wrap {
  display: none;
}

button.tag .button-label__wrap {
  display: grid;
}

button.tag .tag-label {
  display: none;
}

/* Button Styling */

.button[data-shape="round"],
.square-button[data-shape="round"] {
  border-radius: 3em;
}

.button[data-size="full"] {
  width: 100%;
}

div.button {
  pointer-events: none;
}

:is(.wf-design-mode, .wf-editor) div.button {
  pointer-events: auto;
}

.button-bg,
.button,
.tag-bg,
button.tag {
  transition: all var(--animation-ease);
}

@media screen and (max-width: 991px) {
  .button[data-responsive="tablet"] {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .button[data-responsive="landscape"] {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .button[data-responsive="mobile"] {
    width: 100%;
  }

  .button:has(.button-icon__slot) {
    gap: 0.45em;
  }

  .button:has(.button-icon__slot) .button-icon__slot {
    width: 1em;
  }
}

/* Square Button */

.square-button {
  cursor: pointer;
}

.square-button[data-size="m"] {
  width: 3em;
  height: 3em;
}

.square-button[data-size="l"] {
  width: 3.875em;
  height: 3.875em;
  padding: 1.375em;
}

.button,
button.tag {
  --r: 20deg;
}

.square-button {
  --r: 10deg;
}

.square-button[data-size="l"] {
  --r: 15deg;
}

.button-label,
.button-icon {
  transform-origin: 50% var(--y, 1100%);
}

:is(.wf-design-mode, .wf-editor) .button-label {
  transform-origin: 50% 1800%;
}

.button-label:not(:nth-of-type(1)),
.square-button .button-icon:not(:nth-of-type(1)) {
  position: absolute;
}

.button-label:nth-of-type(1),
.square-button .button-icon:nth-of-type(1) {
  transform: rotate(calc(var(--r) * 0));
}

.button-label:nth-of-type(2),
.square-button .button-icon:nth-of-type(2) {
  transform: rotate(calc(var(--r) * -1));
}

.button-label:nth-of-type(3),
.square-button .button-icon:nth-of-type(3) {
  transform: rotate(calc(var(--r) * -2));
}

[data-disabled] {
  cursor: not-allowed;
}

[data-hover] {
  cursor: pointer;
}

:is(.wf-design-mode, .wf-editor) .button-label[aria-hidden="true"] {
  display: none;
}

/* Text links */

[data-underline-link] {
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

[data-underline-link]::before,
[data-underline-link="alt"]::before,
[data-underline-link="alt"]::after {
  content: "";
  position: absolute;
  bottom: -0.0625em;
  left: 0;
  width: 100%;
  height: 0.0625em;
  background-color: currentColor;
  transition: transform var(--duration-default) var(--cubic-default);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

[data-underline-link].nav-bar__big-span::before {
  bottom: -0.175em;
  height: calc(0.0625 / 3);
}

[data-underline-link="alt"]::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

[data-underline-link="alt"]::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

@media (hover: hover) and (pointer: fine) {

  [data-hover]:hover [data-underline-link]::before,
  [data-underline-link]:hover::before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }

  [data-hover]:hover [data-underline-link="alt"]::before,
  [data-underline-link="alt"]:hover::before {
    transform-origin: right;
    transform: scaleX(0) rotate(0.001deg);
    transition-delay: 0s;
  }

  [data-hover]:hover [data-underline-link="alt"]::after,
  [data-underline-link="alt"]:hover::after {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
    transition-delay: 0.3s;
  }
}

:is(.wf-design-mode, .wf-editor) .home-hero__cards-list {
  opacity: 1;
}

/* ------------------------- BUTTON + TAG THEMES -------------------------  */

[data-wf--button-theme--variant="coral"] {
  background-color: var(--color-coral);
}

[data-wf--button-theme--variant="purple"] {
  background-color: var(--color-purple);
}

[data-wf--button-theme--variant="neutral-200"] {
  background-color: var(--color-neutral-200);
}

[data-wf--button-theme--variant="neutral-300"] {
  background-color: var(--color-neutral-300);
}

[data-wf--button-theme--variant="neutral-525"] {
  background-color: var(--color-neutral-525);
}

[data-wf--button-theme--variant="neutral-600"] {
  background-color: var(--color-neutral-600);
}

[data-wf--button-theme--variant="neutral-800"] {
  background-color: var(--color-neutral-800);
}

[data-wf--button-theme--variant="dark-10"] {
  background-color: color-mix(in srgb, var(--color-neutral-800) 10%, transparent)
}

[data-wf--button-theme--variant="light-10"] {
  background-color: color-mix(in srgb, var(--color-neutral-200) 10%, transparent)
}

[data-wf--button-theme--variant="dark-outline"] {
  background-color: transparent;
}

[data-wf--button-theme--variant="light-outline"] {
  background-color: transparent;
}

[data-theme]:has([data-wf--button-theme--variant="coral"]),
[data-theme]:has([data-wf--button-theme--variant="purple"]),
[data-theme]:has([data-wf--button-theme--variant="neutral-525"]),
[data-theme]:has([data-wf--button-theme--variant="neutral-600"]),
[data-theme]:has([data-wf--button-theme--variant="neutral-800"]),
[data-theme]:has([data-wf--button-theme--variant="light-10"]) {
  color: var(--color-neutral-200);
}

[data-theme]:has([data-wf--button-theme--variant="electric"]),
[data-theme]:has([data-wf--button-theme--variant="neutral-200"]),
[data-theme]:has([data-wf--button-theme--variant="neutral-300"]),
[data-theme]:has([data-wf--button-theme--variant="dark-10"]) {
  color: var(--color-neutral-800);
}

[data-theme]:has([data-wf--button-theme--variant="light-outline"]) {
  color: var(--color-neutral-200);
  border: 0.0625em solid currentColor;
}

[data-theme]:has([data-wf--button-theme--variant="dark-outline"]) {
  color: var(--color-neutral-800);
  border: 0.0625em solid currentColor;
}

/* ------------------------- CARDS -------------------------  */

[data-wf--cta-card--variant="electric"] {
  background-color: var(--color-electric);
  color: var(--color-neutral-800);
}

[data-wf--cta-card--variant="electric"] .join-faces__image-el {
  border-color: var(--color-electric);
}

[data-wf--join-others-newsletter--variant="light-borders"] .join-faces__image-el,
[data-wf--join-others--variant="light-borders"] .join-faces__image-el {
  border-color: var(--color-neutral-200);
}

[data-wf--join-others-newsletter--variant="dark-borders"] .join-faces__image-el,
[data-wf--join-others--variant="dark-borders"] .join-faces__image-el {
  border-color: var(--color-neutral-800);
}

.join-faces__image-el:nth-of-type(1) {
  z-index: 4
}

.join-faces__image-el:nth-of-type(2) {
  z-index: 3
}

.join-faces__image-el:nth-of-type(3) {
  z-index: 2
}

.join-faces__image-el:nth-of-type(4) {
  z-index: 1
}

/* ------------------------- FORMS -------------------------  */

/* Field: Error */
[data-validate].is--error input,
[data-validate].is--error textarea,
[data-validate].is--error select {
  border-color: var(--color-coral);
}

[data-validate].is--error .form-field-icon.is--error,
[data-validate].is--error .radiocheck-field-icon.is--error {
  opacity: 1;
}

/* Field: Success */
[data-validate].is--success .form-field-icon.is--success,
[data-validate].is--success .radiocheck-field-icon.is--success {
  opacity: 1;
}

/* Field: Custom Radio or Checkbox */
[data-form-validate] .radiocheck-field input:focus-visible~.radiocheck-custom {
  background-color: var(--color-neutral-400);
  color: var(--color-neutral-400);
}

[data-form-validate] .radiocheck-field input:hover~.radiocheck-custom {
  border-color: var(--color-neutral-450);
}

[data-form-validate] .radiocheck-field input:focus-visible:checked~.radiocheck-custom,
[data-form-validate] .radiocheck-field input:checked~.radiocheck-custom {
  background-color: var(--color-purple);
  color: var(--color-light);
  border-color: var(--color-purple) !important;
}

[data-form-validate] .radiocheck-field .radiocheck-label.is--small {
  margin-top: 0.125em;
}

[data-validate].is--error .radiocheck-custom {
  border-color: var(--color-coral);
}

[data-validate].is--error input:checked~.radiocheck-custom {
  border-color: var(--color-dark);
}

/* Field: Select */
[data-form-validate] select:has(option[value=""]:checked) {
  color: rgba(19, 19, 19, 0.3);
}

[data-form-theme="dark"] .form-input {
  color: var(--color-light);
  background-color: var(--color-neutral-800);
}

[data-form-theme="dark"] .form-input:hover,
[data-form-theme="dark"] .form-input:focus,
[data-form-theme="dark"] .form-input:focus-within {
  border-color: var(--color-neutral-525);
}

[data-form-theme="dark"] [data-validate].is--error .form-input {
  border-color: var(--color-coral);
}

[data-form-theme="dark"] .form-input::placeholder {
  color: var(--color-neutral-525);
}

[data-form-theme="dark"] .form-label {
  color: var(--color-neutral-200);
}

[data-form-theme="dark"] .radiocheck-label {
  color: var(--color-neutral-400);
}

[data-form-theme="dark"] .radiocheck-custom {
  color: var(--color-neutral-525);
  background-color: currentColor;
}

[data-form-theme="dark"] .radiocheck-field input:hover~.radiocheck-custom {
  border-color: var(--color-neutral-500);
}

[data-form-theme="dark"] .form-notifcation,
[data-form-theme="dark"] .form-notifcation.is--error {
  background-color: transparent;
}

/* ------------------------- ACCORDION -------------------------  */

/* Animate Accordion Bottom Grid */
.footer-link__col-bottom {
  transition: grid-template-rows var(--duration-default) var(--cubic-default);
}

[data-accordion-status="active"] .footer-link__col-bottom {
  grid-template-rows: 1fr;
}

/* Animate Icon */
.footer-link__col-icon {
  transition: transform var(--duration-default) var(--cubic-default);
}

[data-accordion-status="active"] .footer-link__col-icon {
  transform: rotate(315deg);
}

/* ------------------------- FAQs -------------------------  */

/* Animate Accordion Bottom Grid */
.faq__item-bottom {
  transition: grid-template-rows var(--duration-default) var(--cubic-default);
}

[data-accordion-status="active"] .faq__item-bottom {
  grid-template-rows: 1fr;
}

/* Animate Icon */
.faq__item-icon {
  transition: transform var(--duration-default) var(--cubic-default);
}

[data-accordion-status="active"] .faq__item-icon {
  transform: rotate(315deg);
}

/* showing/hiding of collection */
[data-collection-status="not-active"] {
  display: none;
}

.faq[data-theme-section="dark"] .faq__title-scribble {
  color: var(--color-electric);
}

.faq[data-theme-section="dark"] .faq__item-top,
.faq[data-theme-section="dark"] .faq__list {
  border-color: var(--color-neutral-600);
}

/* toggles */
[data-faq-toggle][data-toggle-status="active"] {
  border-radius: calc(var(--btn-height) / 2);
}

[data-theme-section="dark"] [data-faq-toggle][data-toggle-status="active"] {
  color: var(--color-neutral-800) !important
}

[data-theme-section="dark"] [data-faq-toggle][data-toggle-status="active"] [data-wf--button-theme--variant] {
  background-color: var(--color-neutral-200);
}

[data-theme-section="dark"] [data-faq-toggle]:not([data-toggle-status="active"]) {
  color: var(--color-neutral-200) !important;
}

[data-theme-section="dark"] [data-faq-toggle]:not([data-toggle-status="active"]) [data-wf--button-theme--variant] {
  background-color: var(--color-neutral-600);
}

[data-theme-section="light"] [data-faq-toggle][data-toggle-status="active"] {
  color: var(--color-neutral-200) !important
}

[data-theme-section="light"] [data-faq-toggle][data-toggle-status="active"] [data-wf--button-theme--variant] {
  background-color: var(--color-neutral-800);
}

/* ------------------------- RICH TEXT -------------------------  */

[data-theme-section="dark"] .rich-text a {
  color: var(--color-electric);
}

/* ------------------------- FLICK SLIDER -------------------------  */

[data-flick-cards-dragger] {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: auto;
  touch-action: pan-y;
  bottom: 3.25em;
}

/* Position Slides (also in Webflow Designer) */
[data-flick-cards-item-status] .flick-card__media-dark,
:is(.wf-design-mode, .w-editor) .flick-card__media-dark {
  transition: opacity var(--animation-ease);
  opacity: 0.75;
}

[data-flick-cards-item-status="2-before"] .flick-card__media-dark,
[data-flick-cards-item-status="2-after"] .flick-card__media-dark,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(2) .flick-card__media-dark,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(1) .flick-card__media-dark {
  opacity: 0.5;
}

[data-flick-cards-item-status="active"] .flick-card__media-dark,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__media-dark {
  opacity: 0;
}

.flick-card__bg {
  transition: all var(--animation-default);
  left: calc(var(--gap-xxs) + 1px);
  top: calc(var(--gap-xxs) + 1px);
  width: calc((100% - 2px) - (var(--gap-xxs) * 2));
  height: calc((100% - 2px) - (var(--gap-xxs) * 3) - 2.25em);
}

[data-flick-cards-item-status="active"] .flick-card__bg,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.flick-card__bottom {
  transition: all var(--animation-default);
  transform: translateY(50%) rotate(0.001deg);
  opacity: 0;
  visibility: hidden;
}

[data-flick-cards-item-status="active"] .flick-card__bottom,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__bottom {
  transform: translateY(0%) rotate(0.001deg);
  opacity: 1;
  visibility: visible;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) {
  z-index: 4;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(2) {
  transform: translate(25%, 5%) rotate(5deg) scale(0.9, 0.9);
  z-index: 3;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(3) {
  transform: translate(45%, 7%) rotate(10deg) scale(0.75, 0.75);
  z-index: 2;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(1) {
  transform: translate(-25%, 5%) rotate(-5deg) scale(0.9, 0.9);
  z-index: 3;
}

:is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(2) {
  transform: translate(-45%, 7%) rotate(-10deg) scale(0.75, 0.75);
  z-index: 2;
}

/* Animate info row */
[data-flick-cards-item-status] .flick-card__info,
:is(.wf-design-mode, .w-editor) .flick-group__item .flick-card__info {
  transition: all var(--animation-default);
  transform: translate(0%, -110%);
  opacity: 0;
  visibility: hidden;
}

[data-flick-cards-item-status="active"] .flick-card__info,
:is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__info {
  transform: translate(0%, 0%);
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 767px) {

  [data-flick-cards-item-status="active"] .flick-card__media,
  :is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__media {
    inset: 0.25em 0.25em 2.5em 0.25em;
  }

}

/* ------------------------- DEFAULT HERO ------------------------------------------- */

[data-wf--default-hero--variant="gap-50"] .default-hero__content {
  gap: 3.75em;
}

[data-wf--default-hero--variant="gap-80"] .default-hero__content {
  gap: 5em;
}

[data-wf--default-hero-title--variant="xl"] h1 {
  font-size: 7em;
}

[data-wf--default-hero-title--variant="l"] h1 {
  font-size: 5em;
}

@media screen and (max-width: 767px) {

  [data-wf--default-hero-title--variant="xl"] h1 {
    font-size: 4em;
  }

  [data-wf--default-hero-title--variant="l"] h1 {
    font-size: 4em;
  }

}

@media screen and (max-width: 479px) {

  [data-wf--default-hero-title--variant="l"] h1 {
    font-size: 3.5em;
  }

}

/* ------------------------- HERO BG LINES ------------------------------------------- */

[data-wf--hero-background-lines--variant="dark-mode"] {
  color: var(--color-neutral-600);
}

/* ------------------------- HERO SCRIBBLE ------------------------------------------- */

[data-wf--default-hero-scribble--variant="coral"] {
  color: var(--color-coral);
}

[data-wf--default-hero-scribble--variant="purple"] {
  color: var(--color-purple);
}

/* ------------------------- HERO BG ELEMENTS -------------------------  */

.hero-bg__wrap[data-bg-offset="l"] {
  margin-bottom: -3.6em;
}

.hero-bg__wrap[data-bg-offset="xl"] {
  margin-bottom: -5.1em;
}

.hero-bg__wrap[data-bg-offset="xxl"] {
  margin-bottom: -8em;
}

.hero-bg__horizontal {
  background-image: linear-gradient(90deg,
      color-mix(in srgb, currentColor 0%, transparent 100%) 0%,
      currentColor 10%,
      currentColor 90%,
      color-mix(in srgb, currentColor 0%, transparent 100%) 100%);
}

.hero-bg__vertical {
  background-image: linear-gradient(180deg,
      color-mix(in srgb, currentColor 0%, transparent 100%) 15%,
      currentColor 50%,
      currentColor 90%,
      color-mix(in srgb, currentColor 0%, transparent 100%) 100%);
}

/* ------------------------- SECTION TITLE ------------------------------------------- */

[data-wf--section-intro-title--variant="medium"] {
  max-width: 43.75em;
}

/* ------------------------- TRUSTED BY -------------------------  */

.trustedby-marquee {
  mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 1) 86%, rgba(255, 255, 255, 0) 100%);
  -webkit-mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 1) 86%, rgba(255, 255, 255, 0) 100%);
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.for-who__marquee {
  mask-image: linear-gradient(90deg, rgba(32, 29, 29, 0) 0%, rgba(32, 29, 29, 1) 14%, rgba(32, 29, 29, 1) 86%, rgba(32, 29, 29, 0) 100%);
  -webkit-mask-image: linear-gradient(90deg, rgba(32, 29, 29, 0) 0%, rgba(32, 29, 29, 1) 14%, rgba(32, 29, 29, 1) 86%, rgba(32, 29, 29, 0) 100%);
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.for-who+.try-vault {
  padding-top: var(--gap-xxl);
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .for-who+.try-vault {
    padding-top: 0;
    border-top: 1px solid var(--color-neutral-550);
  }
}

/* ------------------------- ABOUT CARD -------------------------  */

[data-about-intro-card] h3,
[data-about-intro-card] h4 {
  transition: all var(--duration-default) var(--cubic-default);
}

[data-about-intro-card="ilja"] h3,
[data-about-intro-card="ilja"] h4 {
  transform: translate(0px, -100%);
}

[data-about-intro-card="ilja"] h3:first-of-type,
[data-about-intro-card="ilja"] h4:first-of-type {
  opacity: 0;
}

[data-about-intro-card="dennis"] h3:nth-of-type(2),
[data-about-intro-card="dennis"] h4:nth-of-type(2) {
  opacity: 0;
}

[data-about-intro-button="dennis"] {
  border: 1px solid transparent;
}

[data-about-intro-card="ilja"] [data-about-intro-button="ilja"] {
  /*border-radius: 0.125em;*/
  color: var(--color-neutral-800);
  border-color: transparent;
}

[data-about-intro-card="ilja"] [data-about-intro-button="ilja"] .button-bg {
  background-color: var(--color-neutral-200);
}

[data-about-intro-card="ilja"] [data-about-intro-button="dennis"] {
  /*border-radius: 2em;*/
  color: var(--color-neutral-200);
  border-color: var(--color-neutral-200);
}

[data-about-intro-card="ilja"] [data-about-intro-button="dennis"] .button-bg {
  background-color: transparent;
}

/* ------------------------- CUSTOM CURSOR -------------------------  */

.cursor-bubble,
body:has(main [data-button-rotate-hover]:hover) .cursor .cursor-bubble {
  transition: clip-path var(--animation-default) 0s, background-color 0s linear var(--duration-default), color 0s linear var(--duration-default);
  clip-path: inset(50% round 100em);
}

body:has([data-cursor-zone="neutral-600"]:hover) .cursor-bubble {
  transition: clip-path var(--animation-default) 0s, background-color 0s linear 0s, color 0s linear 0s;
  background-color: var(--color-neutral-600);
  color: var(--color-light);
}

body:has([data-cursor-zone="purple"]:hover) .cursor-bubble {
  transition: clip-path var(--animation-default) 0s, background-color 0s linear 0s, color 0s linear 0s;
  background-color: var(--color-purple);
  color: var(--color-light);
}

body:has([data-cursor-zone="electric"]:hover) .cursor-bubble {
  transition: clip-path var(--animation-default) 0s, background-color 0s linear 0s, color 0s linear 0s;
  background-color: var(--color-electric);
  color: var(--color-dark);
}

.cursor__drag-dot {
  transition: background-color 0s linear 0.25s;
}

body:has([data-cursor-zone="neutral-600"]:hover) .cursor__drag-dot {
  transition: background-color 0s linear 0s;
  background-color: var(--color-neutral-600);
}

body:has([data-cursor-zone="purple"]:hover) .cursor__drag-dot {
  transition: background-color 0s linear 0s;
  background-color: var(--color-purple);
}

body:has([data-cursor-zone="electric"]:hover) .cursor__drag-dot {
  transition: background-color 0s linear 0s;
  background-color: var(--color-electric);
}

.cursor-bubble,
.cursor__drag-dots {
  margin-top: -1.5em;
}

body:has([data-cursor]:hover, [data-flick-drag-status] [data-flick-cards-dragger]:hover, [data-gsap-slider-collection]:hover) .cursor-bubble {
  clip-path: inset(0% round 100em);
}

.cursor-bubble__arrow {
  transform: rotate(-90deg);
  transition-delay: var(--duration-default);
}

body:has([data-vertical-slider] [data-cursor]:hover) .cursor-bubble__arrow {
  transition-delay: 0s;
  transform: rotate(0deg);
}

.cursor-bubble__arrow-svg,
body:has(main [data-button-rotate-hover]:hover) .cursor .cursor-bubble__arrow-svg {
  transition: transform var(--animation-default);
  transform: translateY(0%) rotate(0.001deg);
}

@media screen and (pointer: fine) {

  body:has([data-cursor="prev"]:hover) .cursor-bubble__arrow-svg {
    transform: translateY(100%) rotate(0.001deg);
  }

  body:has([data-cursor="next"]:hover) .cursor-bubble__arrow-svg {
    transform: translateY(-100%) rotate(0.001deg);
  }

}

.cursor-bubble__drag-span,
body:has(main [data-button-rotate-hover]:hover) .cursor .cursor-bubble__drag-span {
  transition: transform var(--animation-default);
  transform: translateY(100%) scale(0.5) rotate(0.001deg);
}

body:has([data-cursor="drag"]:hover, [data-flick-drag-status] [data-flick-cards-dragger]:hover, [data-gsap-slider-collection]:hover) .cursor-bubble__drag-span {
  transform: translateY(0%) scale(1) rotate(0.001deg);
}

.cursor__drag-dots,
body:has(main [data-button-rotate-hover]:hover) .cursor .cursor__drag-dots {
  transition: all var(--animation-default);
  width: 0em;
  transform: scale(0) rotate(0.001deg);
}

body:has([data-cursor="drag"]:hover, [data-flick-drag-status] [data-flick-cards-dragger]:hover, [data-gsap-slider-collection]:hover) .cursor__drag-dots {
  width: 6.5em;
  transform: scale(1) rotate(0.001deg);
}

body:has([data-cursor="drag"]:hover, [data-flick-drag-status="grabbing"] [data-flick-cards-dragger]:hover, [data-gsap-drag-status="grabbing"] [data-gsap-slider-list]:hover) .cursor__drag-dots {
  width: 7.5em;
}

body:has([data-cursor="drag"]:hover, [data-flick-drag-status="grabbing"] [data-flick-cards-dragger]:hover, [data-gsap-drag-status="grabbing"] [data-gsap-slider-list]:hover) .cursor-bubble {
  clip-path: inset(7.5% round 100em);
}

.cursor__fade,
body:has(main [data-button-rotate-hover]:hover) .cursor .cursor__fade {
  transition: transform var(--animation-default);
  transform: scale(0) rotate(0.001deg);
}

body:has([data-cursor]:hover, [data-flick-drag-status] [data-flick-cards-dragger]:hover, [data-gsap-slider-collection]:hover) .cursor__fade {
  transform: scale(1) rotate(0.001deg);
}

@media (hover: none) and (pointer: coarse) {
  .cursor {
    display: none;
  }
}

/* ------------------------- VERTICAL SLIDER-------------------------  */

[data-vertical-slider-bullet="active"] {
  color: var(--color-purple);
}

.intro [data-vertical-slider-bullet="active"] {
  color: var(--color-electric);
}

[data-vertical-slider-bullet="active"] .vertical-slider__bullet-item-line {
  transform: scale(1, 1);
}

@media screen and (min-width: 992px) {
  .slider__cursor-icon {
    transform: translate(0px, 200%);
  }

  .slider__cursor-inner {
    transition: clip-path var(--duration-default) var(--cubic-default);
    clip-path: inset(50% round 100em);
  }

  /* Show cursor on hover*/
  [data-vertical-slider]:has([data-vertical-slider-cursor-track]:hover) .slider__cursor-inner {
    clip-path: inset(0% round 100em);
  }

  [data-vertical-slider]:has([data-vertical-slider-cursor-track]:hover) .slider__cursor-icon {
    transform: translate(0px, 0%);
  }

  /* Hover on top half */
  [data-vertical-slider]:has([data-next]:hover) .slider__cursor-icon {
    transform: translate(0px, -100%);
  }

  :is(.wf-design-mode, .wf-editor) .vertical-slider__buttons {
    pointer-events: none;
  }
}

[data-testimonial-map].is--active {
  opacity: 1
}

.testimonial-globe__map-w:has([data-testimonial-map="NL"].is--active) .testimonial-globe__img {
  transform: translate(8%, 40%) scale(5.5);
}

.testimonial-globe__map-w:has([data-testimonial-map="UK"].is--active) .testimonial-globe__img {
  transform: translate(15%, 25%) scale(4);
}

.testimonial-globe__map-w:has([data-testimonial-map="AUS"].is--active) .testimonial-globe__img {
  transform: translate(-70%, -60%) scale(2);
}

.testimonial-globe__map-w:has([data-testimonial-map="SWE"].is--active) .testimonial-globe__img {
  transform: translate(-5%, 45%) scale(3.5);
}

.testimonial-globe__map-w:has([data-testimonial-map="CA"].is--active) .testimonial-globe__img {
  transform: translate(33%, 17%) scale(1.1);
}

.testimonial-globe__map-w:has([data-testimonial-map="VNM"].is--active) .testimonial-globe__img {
  transform: translate(-80%, -40%) scale(3);
}

.testimonial+.faq {
  padding-top: calc(var(--padding-l) - var(--gap-xxl));
}

/* ------------------------- PRODUCT CARDS -------------------------  */

:is(.wf-design-mode, .wf-editor) .product-slider__list {
  flex-direction: row;
  justify-content: start;
  align-items: center;
  overflow: auto;
  width: 100vw;
}

:is(.wf-design-mode, .wf-editor) .product-slider__card {
  position: relative;
  flex-shrink: 0;
}

[data-product-slider-button][data-status="active"] {
  border-radius: 1.5em;
  color: var(--color-neutral-200) !important
}

[data-product-slider-button][data-status="active"] [data-wf--button-theme--variant] {
  background-color: var(--color-neutral-800);
}

[data-product-slider-button]:not([data-status="active"]) {
  color: var(--color-neutral-800) !important;
}

[data-product-slider-button]:not([data-status="active"]) [data-wf--button-theme--variant] {
  background-color: var(--color-neutral-300);
}

/* ------------------------- MODALS  -------------------------  */

[data-modal-wrap]:has([data-modal-target][data-modal-status="active"]) [data-modal-bg] {
  opacity: 1;
  pointer-events: auto;
}

[data-modal-status="active"] {
  transform: rotate(0deg) translate(0%);
  overflow: auto;
}

.wf-design-mode .modal__item {
  overflow: auto;
}

/* ------------------------- PRICING CARDS -------------------------  */

.pricing-card.is--purple .pricing-benefit__tag {
  background-color: var(--color-neutral-800);
}

.pricing-card.is--purple .pricing-benefit {
  border-color: color-mix(in srgb, var(--color-neutral-200)20%, transparent)
}

/* headline */
.pricing-home__title-el,
.pricing-home__title-sub .h-ml {
  transition: transform 0.6s var(--cubic-default);
}

@media screen and (min-width: 768px) {
  [data-pricing-section-status="team"] .pricing-home__title-el {
    transform: translate(3.4em, 0px);
  }
}

[data-pricing-section-status="team"] .pricing-home__title-sub .h-ml {
  transform: translate(0px, -100%);
}

.pricing-card.is--gray .pricing-benefit {
  border-color: color-mix(in srgb, var(--color-neutral-200)20%, transparent);
}

/* section spacing */
.pricing-cards__wrap {
  transition: padding 0.6s var(--cubic-default), margin 0.6s var(--cubic-default);
}

[data-pricing-section-status="team"]:not(.pricing-hero) .pricing-cards__wrap {
  padding-bottom: 4.25em;
}

/* pull sections below up, close to team card */
[data-pricing-section-status="team"].pricing-hero .pricing-cards__wrap {
  margin-bottom: -8em;
}

@media screen and (max-width: 767px) {
  [data-pricing-section-status="team"].pricing-hero .pricing-cards__wrap {
    margin-bottom: -60em;
  }
}

/* button styling */
[data-pricing-section-status="team"] [data-pricing-button="team"] {
  color: var(--color-neutral-200) !important;
}

[data-pricing-section-status="team"] [data-pricing-button="team"] .button-bg {
  background-color: var(--color-purple);
}

[data-pricing-section-status="team"] [data-pricing-button="solo"] .button-bg {
  background-color: var(--color-neutral-525);
}

[data-pricing-section-theme="light"][data-pricing-section-status="team"] [data-pricing-button="solo"] {
  color: var(--color-neutral-800);
}

[data-pricing-section-theme="light"][data-pricing-section-status="team"] [data-pricing-button="solo"] .button-bg {
  background-color: var(--color-neutral-300);
}

/* hide team card */
[data-pricing-card="team"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

:is(.wf-design-mode, .wf-editor) [data-pricing-section-status="team"] [data-pricing-card="team"] {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}

:is(.wf-design-mode, .wf-editor) [data-pricing-section-status="team"] [data-pricing-card="solo"] {
  display: none;
}

[data-pricing-section-status="team"] [data-pricing-card="team"] {
  pointer-events: auto;
}

/* quarterly / annually toggles */
.pricing-card__price-w .pricing-card__price-h {
  transition: transform 0.6s var(--cubic-default);
}

[data-pricing-state="annually"] .pricing-card__price-w .pricing-card__price-h {
  transform: translate(0px, -100%);
}

/* quarterly button text */
[data-pricing-state="annually"] [data-pricing-card-toggle]:nth-of-type(1) {
  color: var(--color-neutral-800);
}

[data-wf--pricing-card-member--variant="dark"][data-pricing-state="annually"] [data-pricing-card-toggle]:nth-of-type(1) {
  color: var(--color-neutral-200);
}

/* quarterly button bg */
[data-pricing-state="annually"] [data-pricing-card-toggle]:nth-of-type(1) .button-bg {
  background-color: color-mix(in srgb, var(--color-neutral-800)10%, transparent);
}

[data-wf--pricing-card-member--variant="dark"][data-pricing-state="annually"] [data-pricing-card-toggle]:nth-of-type(1) .button-bg {
  background-color: color-mix(in srgb, var(--color-neutral-200)10%, transparent) !important;
}

[data-wf--pricing-card-team--variant][data-pricing-state="annually"] [data-pricing-card-toggle]:nth-of-type(1) .button-bg {
  background-color: color-mix(in srgb, var(--color-neutral-200)10%, transparent) !important;
}

[data-pricing-state="annually"].is--gray [data-pricing-card-toggle]:nth-of-type(1) {
  color: var(--color-neutral-200);
}

[data-pricing-state="annually"].is--gray [data-pricing-card-toggle]:nth-of-type(1) .button-bg {
  background-color: var(--color-neutral-800);
}

[data-pricing-state="annually"] [data-pricing-card-toggle]:nth-of-type(2) {
  color: var(--color-neutral-200);
}

[data-pricing-state="annually"] [data-pricing-card-toggle]:nth-of-type(2) .button-bg {
  background-color: var(--color-purple);
}

/* card themes */

[data-wf--pricing-card-member--variant="dark"],
[data-wf--pricing-card-team--variant="dark"] {
  background-color: var(--color-neutral-800) !important;
  color: var(--color-neutral-200) !important;
}

[data-wf--pricing-card-member--variant="dark"] .pricing-benefit,
[data-wf--pricing-card-team--variant="dark"] .pricing-benefit {
  border-color: color-mix(in srgb, var(--color-neutral-200)20%, transparent);
}

/* ------------------------- NAVIGATION -------------------------  */

:is(.wf-design-mode, .wf-editor) .nav {
  opacity: 1;
  visibility: visible;
}

.nav__bg {
  transition: opacity var(--animation-default), visibility var(--animation-default);
}

[data-nav-status="active"] .nav__bg {
  opacity: 1;
  visibility: visible;
}

.nav-bar {
  transition: max-width var(--animation-default-onehalf) 0.2s;
}

[data-nav-status="active"] .nav-bar {
  transition: max-width var(--animation-default) 0s;
  max-width: 100%;
}

.nav-bar__bg,
[data-nav-theme][data-nav-status="active"] .nav-bar__bg,
[data-nav-theme="dark"] .nav-bar__bg {
  transition: background-color var(--animation-ease);
  background-color: var(--color-neutral-800);
}

[data-nav-theme="dark"] .nav-bar__bg {
  background-color: var(--color-neutral-600);
}

.nav-bar__outline,
[data-nav-theme][data-nav-status="active"] .nav-bar__outline {
  transition: opacity var(--animation-ease);
  opacity: 0.08;
}

[data-nav-theme="dark"] .nav-bar__outline {
  opacity: 0.32;
  background-color: var(--color-neutral-900);
}

.nav-bar__back,
[data-scrolling-started][data-nav-status="active"] .nav-bar__back {
  transition: all var(--animation-default);
  inset: 0em;
}

[data-scrolling-started="true"] .nav-bar__back {
  inset: 0.1875em;
}

@media screen and (max-width: 767px) {

  .nav-bar__back,
  [data-scrolling-started][data-nav-status] .nav-bar__back {
    inset: 0.5em;
  }

  [data-scrolling-started][data-nav-status="active"] .nav-bar__back {
    inset: -0.25em 0em;
  }
}

[data-scrolling-started][data-nav-status="active"] .nav-logo__wordmark-svg,
.nav-logo__wordmark-svg {
  transition: transform var(--animation-default), opacity var(--animation-default-half) 0.15s;
  transform: translateY(0em) rotate(0.001deg);
  opacity: 1;
}

[data-scrolling-started="true"] .nav-logo__wordmark-svg {
  transform: translateY(0.75em) rotate(0.001deg);
  opacity: 0;
}

[data-scrolling-started][data-nav-status="active"] .nav-logo__icon-svg,
.nav-logo__icon-svg {
  transition: transform var(--animation-default), opacity var(--animation-default-half) 0.15s;
  transform: translateY(-0.75em) rotate(0.001deg);
  opacity: 0;
}

[data-scrolling-started="true"] .nav-logo__icon-svg {
  transform: translateY(0em) rotate(0.001deg);
  opacity: 1;
}

.nav-menu {
  transition: background-color var(--animation-default-half), grid-column-gap var(--animation-default);
  background-color: transparent;
}

.nav-menu:hover {
  background-color: rgba(var(--color-rgb-light), 0.06);
}

[data-nav-status="active"] .nav-menu {
  grid-column-gap: 0.1875em;
}

.nav-menu__hamburger>* {
  transition: transform var(--animation-default);
  transform: translateY(0.1875em) rotate(0.001deg) scaleX(1);
}

.nav-menu__hamburger>*:nth-child(2) {
  transform: translateY(-0.1875em) rotate(0.001deg) scaleX(1);
}

[data-nav-status="active"] .nav-menu__hamburger>*:nth-child(1) {
  transform: translateY(0em) rotate(-45deg) scaleX(0.75);
}

[data-nav-status="active"] .nav-menu__hamburger>*:nth-child(2) {
  transform: translateY(0em)rotate(45deg) scaleX(0.75);
}

.nav-bar__top .button {
  height: 100%;
}

.nav-bar__bottom {
  transition: grid-template-rows var(--animation-default) 0s;
}

[data-nav-status="active"] .nav-bar__bottom {
  transition: grid-template-rows var(--animation-default-onehalf) 0.3s;
  grid-template-rows: 1fr;
}

@media screen and (max-width: 767px) {

  .nav-bar__bottom {
    transition: grid-template-rows var(--animation-default) 0s, transform var(--animation-default) 0s;
    transform: translateY(-0.625em) rotate(0.001deg);
  }

  [data-nav-status="active"] .nav-bar__bottom {
    transition: grid-template-rows var(--animation-default-onehalf) 0.3s, transform var(--animation-default) 0.3s;
    transform: translateY(0em) rotate(0.001deg);
  }
}

.nav-bar__line {
  transition: all var(--animation-default) 0s;
  opacity: 0;
}

[data-nav-status="active"] .nav-bar__line {
  transition: all var(--animation-default) 0.1s;
  opacity: 1;
}

@media screen and (max-width: 767px) {

  .nav-bar__line {
    inset: auto 1em 0em;
  }

  [data-nav-status="active"] .nav-bar__line {
    transition: all var(--animation-default) 0.2s;
    inset: auto 0em 0em;
  }
}

.nav-bar__bottom-row>* {
  transition: transform var(--animation-default) 0s;
  transform: translateY(2em) rotate(0.001deg);
}

.nav-bar__bottom-row>*:nth-child(2) {
  transition: transform var(--animation-default) 0.075s;
  transform: translateY(2em) rotate(0.001deg);
}

.nav-bar__bottom-row>*:nth-child(3) {
  transition: transform var(--animation-default) 0.15s;
  transform: translateY(2em) rotate(0.001deg);
}

[data-nav-status="active"] .nav-bar__bottom-row>* {
  transition: transform var(--animation-default-onehalf) 0.3s;
  transform: translateY(0em) rotate(0.001deg);
}

[data-nav-status="active"] .nav-bar__bottom-row>*:nth-child(2) {
  transition: transform var(--animation-default-onehalf) 0.375s;
  transform: translateY(0em) rotate(0.001deg);
}

[data-nav-status="active"] .nav-bar__bottom-row>*:nth-child(3) {
  transition: transform var(--animation-default-onehalf) 0.45s;
  transform: translateY(0em) rotate(0.001deg);
}

.nav-banner[data-hover] {
  transition: background-color var(--animation-ease);
  background-color: var(--color-neutral-700);
}

.nav-banner[data-hover]:hover {
  background-color: var(--color-neutral-600);
}

/* ------------------------- UNDER NAV BAR -------------------------  */

.under-nav-bar {
  transition: all var(--animation-default);
  transform: translateY(0em) scale(1) rotate(0.001deg);
}

body:has([data-nav-status="active"]) .under-nav-bar,
body:has([data-scrolling-started="true"]) .under-nav-bar {
  transition: all var(--animation-default);
  transform: translateY(-2em) scale(0.975) rotate(0.001deg);
}

:is(.wf-design-mode, .wf-editor) .under-nav-bar {
  opacity: 1;
  visibility: visible;
}

[data-wf--under-nav-bar--variant="purple"] .nav-marquee,
[data-wf--under-nav-bar--variant="purple"] .nav-product-info__end .tag-bg {
  background-color: var(--color-purple);
}

[data-wf--under-nav-bar--variant="coral"] .nav-marquee,
[data-wf--under-nav-bar--variant="coral"] .nav-product-info__end .tag-bg {
  background-color: var(--color-coral);
}

[data-wf--under-nav-bar--variant="purple"] .nav-marquee,
[data-wf--under-nav-bar--variant="purple"] .nav-product-info__end .tag,
[data-wf--under-nav-bar--variant="coral"] .nav-marquee,
[data-wf--under-nav-bar--variant="coral"] .nav-product-info__end .tag {
  color: var(--color-light);
}

/* ------------------------- CSS MARQUEE -------------------------  */

/* CSS Keyframe Animation */
@keyframes translateX {
  to {
    transform: translateX(-100%);
  }
}

[data-css-marquee-list] {
  animation: translateX 30s linear;
  animation-iteration-count: infinite;
  animation-duration: inherit;
}

body:has([data-scrolling-started="true"]) [data-css-marquee-list="nav"] {
  animation-play-state: paused;
}

/* ------------------------- DEFAULT HERO -------------------------  */

:where([data-theme-section="dark"]) {
  background-color: var(--color-dark);
  color: var(--color-light);
}

[data-theme-section="dark"] .locked-badge,
[data-theme-section="dark"] .locked-badge .locked-badge__bg-2 {
  background-color: var(--color-neutral-950);
}

/* ------------------------- TRY VAULT CARD -------------------------  */

.try-vault__card {
  transition: color var(--animation-default), background-color var(--animation-default);
}

body:has([data-marketing-theme="light"]) .try-vault__card {
  background-color: var(--color-neutral-300);
  color: var(--color-dark);
}

.try-vault__scribble {
  transition: color var(--animation-default);
}

body:has([data-marketing-theme="light"]) .try-vault__scribble {
  color: var(--color-coral);
}

.try-vault .cover-image {
  transition: opacity var(--animation-default);
}

body:has([data-marketing-theme="light"]) .try-vault .cover-image.is--try-vault-light {
  opacity: 1;
}

body:has([data-marketing-theme="light"]) .try-vault .cover-image.is--try-vault {
  opacity: 0;
}

.try-vault__dark-button [data-marketing-theme-toggle],
.try-vault__light-button [data-marketing-theme-toggle] {
  transition: transform var(--animation-default), opacity var(--animation-default), color var(--animation-default);
  transform: scale(1) rotate(0.001deg);
}

body:has([data-marketing-theme="dark"]) .try-vault__light-button [data-marketing-theme-toggle] {
  opacity: 0.5;
}

body:has([data-marketing-theme="light"]) .try-vault__dark-button [data-marketing-theme-toggle] {
  opacity: 0.4;
}

.try-vault__tag .tag {
  transition: color var(--animation-default);
}

body:has([data-marketing-theme="light"]) .try-vault__tag .tag {
  color: var(--color-neutral-500);
}

.try-vault__tag .tag .button-bg {
  transition: background-color var(--animation-default);
}

body:has([data-marketing-theme="light"]) .try-vault__tag .tag .button-bg {
  background-color: var(--color-neutral-100);
}

@media (hover: hover) and (pointer: fine) {

  body:has([data-marketing-theme="light"]) .try-vault__dark-button [data-marketing-theme-toggle]:hover,
  body:has([data-marketing-theme="dark"]) .try-vault__light-button [data-marketing-theme-toggle]:hover {
    transform: scale(0.8) rotate(0.001deg);
    opacity: 1;
  }
}

.try-vault__switches .button-bg {
  transition: background-color var(--animation-default);
}

body:has([data-marketing-theme="dark"]) .try-vault__dark-button>*,
body:has([data-marketing-theme="light"]) .try-vault__light-button>* {
  pointer-events: none;
}

body:has([data-marketing-theme="light"]) .try-vault__switches .button-bg {
  background-color: var(--color-neutral-100);
}

body:has([data-marketing-theme="light"]) .try-vault__switches [data-marketing-theme-toggle] {
  color: var(--color-neutral-600);
}

/* ------------------------- RADIAL MARQUEE -------------------------  */

@keyframes rotateMarquee {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

[data-radial-marquee-rotate] {
  animation: rotateMarquee 90s linear infinite;
  transform-origin: center center;
  animation-play-state: paused;
}

.radial-marquee__circle,
[data-radial-marquee-rotate] {
  will-change: transform;
}

[data-radial-marquee] .radial-marquee__item {
  --y: 500%;
  --y-circ: calc((var(--y) * -1) + 50%);
  transform-origin: center var(--y);
}

[data-theme-section="dark"] [data-radial-marquee] .radial-marquee__circle-svg {
  color: var(--color-neutral-550);
}

/* Generate 18 cards */
[data-radial-marquee] .radial-marquee__item:nth-child(1) {
  transform: translateY(var(--y-circ)) rotate(0deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(2) {
  transform: translateY(var(--y-circ)) rotate(20deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(3) {
  transform: translateY(var(--y-circ)) rotate(40deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(4) {
  transform: translateY(var(--y-circ)) rotate(60deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(5) {
  transform: translateY(var(--y-circ)) rotate(80deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(6) {
  transform: translateY(var(--y-circ)) rotate(100deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(7) {
  transform: translateY(var(--y-circ)) rotate(120deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(8) {
  transform: translateY(var(--y-circ)) rotate(140deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(9) {
  transform: translateY(var(--y-circ)) rotate(160deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(10) {
  transform: translateY(var(--y-circ)) rotate(180deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(11) {
  transform: translateY(var(--y-circ)) rotate(200deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(12) {
  transform: translateY(var(--y-circ)) rotate(220deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(13) {
  transform: translateY(var(--y-circ)) rotate(240deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(14) {
  transform: translateY(var(--y-circ)) rotate(260deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(15) {
  transform: translateY(var(--y-circ)) rotate(280deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(16) {
  transform: translateY(var(--y-circ)) rotate(300deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(17) {
  transform: translateY(var(--y-circ)) rotate(320deg);
}

[data-radial-marquee] .radial-marquee__item:nth-child(18) {
  transform: translateY(var(--y-circ)) rotate(340deg);
}

.radial-marquee__card .radial-marquee__card-p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  min-height: 1.2em;
  overflow: hidden;
}

.radial-marquee__card video[data-video-status] {
  transition: opacity var(--animation-default), visibility var(--animation-default);
}

.radial-marquee__card video[data-video-status="loaded"] {
  opacity: 1;
  visibility: visible;
}

[data-svg-theme="dark"] .svg-img {
  opacity: 0.15;
}

[data-wf--hero-background-lines--variant="dark-mode"] .svg-img {
  opacity: 0.15;
}

/* ------------------------- Lazy Videos -------------------------------------------------- */

[data-video-lazy][data-video-status] {
  transition: opacity var(--animation-ease), visibility var(--animation-ease);
  opacity: 0;
  visibility: hidden;
}

[data-video-lazy][data-video-status="loaded"] {
  opacity: 1;
  visibility: visible;
}

/* ------------------------- Icon wave -------------------------------------------------- */

.icon-wave__item {
  --r: 5deg;
  --y: 1.875em;
}

.icon-wave__item:nth-of-type(1) {
  z-index: 0;
  transform: rotate(calc(-5.5 * var(--r)));
  margin-top: calc(13.5 * var(--y))
}

.icon-wave__item:nth-of-type(2) {
  z-index: 1;
  transform: rotate(calc(-5 * var(--r)));
  margin-top: calc(10 * var(--y))
}

.icon-wave__item:nth-of-type(3) {
  z-index: 2;
  transform: rotate(calc(-4 * var(--r)));
  margin-top: calc(7 * var(--y))
}

.icon-wave__item:nth-of-type(4) {
  z-index: 3;
  transform: rotate(calc(-3 * var(--r)));
  margin-top: calc(4.5 * var(--y))
}

.icon-wave__item:nth-of-type(5) {
  z-index: 4;
  transform: rotate(calc(-2 * var(--r)));
  margin-top: calc(2.5 * var(--y))
}

.icon-wave__item:nth-of-type(6) {
  z-index: 5;
  transform: rotate(calc(-1 * var(--r)));
  margin-top: calc(1 * var(--y))
}

.icon-wave__item:nth-of-type(7) {
  z-index: 6;
}

.icon-wave__item:nth-of-type(8) {
  z-index: 5;
  transform: rotate(calc(1 * var(--r)));
  margin-top: calc(1 * var(--y))
}

.icon-wave__item:nth-of-type(9) {
  z-index: 4;
  transform: rotate(calc(2 * var(--r)));
  margin-top: calc(2.5 * var(--y))
}

.icon-wave__item:nth-of-type(10) {
  z-index: 3;
  transform: rotate(calc(3 * var(--r)));
  margin-top: calc(4.5 * var(--y))
}

.icon-wave__item:nth-of-type(11) {
  z-index: 2;
  transform: rotate(calc(4 * var(--r)));
  margin-top: calc(7 * var(--y))
}

.icon-wave__item:nth-of-type(12) {
  z-index: 1;
  transform: rotate(calc(5 * var(--r)));
  margin-top: calc(10 * var(--y))
}

.icon-wave__item:nth-of-type(13) {
  z-index: 0;
  transform: rotate(calc(5.5 * var(--r)));
  margin-top: calc(13.5 * var(--y))
}

/* ------------------------- Showcase Thumbnail Bunny -------------------------------------------------- */

[data-bunny-thumbnail-init] .showcase-media__image,
[data-bunny-thumbnail-init] [data-player-img] {
  transition: opacity var(--animation-ease), visibility var(--animation-ease);
}

[data-bunny-thumbnail-init] .showcase-media__loading {
  transition: opacity var(--animation-ease-double), visibility var(--animation-ease-double);
}

[data-bunny-thumbnail-init][data-player-status="playing"] .showcase-media__image,
[data-bunny-thumbnail-init][data-player-status="playing"] [data-player-img] {
  opacity: 0;
  visibility: hidden;
}

[data-bunny-thumbnail-init][data-player-status="loading"] .showcase-media__loading {
  opacity: 1;
  visibility: visible;
}

/* ------------------------- Profile Picture -------------------------------------------------- */

.profile-picture:has(img[src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg"]),
.profile-picture:has(img[src=""]) {
  background-color: var(--color-neutral-300);
}

.profile-picture:has(img[src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg"]) svg,
.profile-picture:has(img[src=""]) svg {
  display: block;
}

.profile-picture img[src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg"],
.profile-picture img[src=""] {
  display: none;
}

@media (hover: hover) and (pointer: fine) {

  .profile-picture__link {
    transition: transform var(--animation-ease);
    transform: translateY(0em) rotate(0.001deg);
  }

  .showcase-card:has([data-author="1"]:hover) .profile-picture__link[data-author="1"],
  .showcase-card:has([data-author="2"]:hover) .profile-picture__link[data-author="2"] {
    transform: translateY(-0.125em) rotate(0.001deg);
  }

  .showcase-card:has([data-author="1"]:hover) [data-underline-link][data-author="1"]:before,
  .showcase-card:has([data-author="2"]:hover) [data-underline-link][data-author="2"]:before {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }
}

/* ------------------------- Resources Used Icon -------------------------------------------------- */

.res-used__icon {
  transition: color var(--animation-ease), background-color var(--animation-ease);
  transform: rotate(0.001deg);
}

.res-used__line.is--purple {
  transition: transform var(--animation-default);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

@media (hover: hover) and (pointer: fine) {

  .showcase-card:has([data-modal-trigger]:hover) .res-used__icon,
  .showcase-featured__card:has([data-modal-trigger]:hover) .res-used__icon .flick-card:has([data-modal-trigger]:hover) .res-used__icon,
  .res-used:hover .res-used__icon {
    transition: all var(--animation-default);
    /*color: var(--color-light);*/
    /*background-color: var(--color-purple);*/
    transform: rotate(180deg);
  }

  .showcase-card:has([data-modal-trigger]:hover) .res-used__line,
  .showcase-featured__card:has([data-modal-trigger]:hover) .res-used__line,
  .flick-card:has([data-modal-trigger]:hover) .res-used__line,
  .res-used:hover .res-used__line {
    transform-origin: left;
    transform: scaleX(1) rotate(0.001deg);
  }
}

.user__site-link-wrap[href="#"] {
  opacity: 0.25;
  pointer-events: none;
}

[data-res-used-update] .credits-link__second:has(.button-label:empty) {
  display: none;
}

.used-resource-card {
  transition: background-color var(--animation-ease);
}

.used-resource-card:hover {
  background-color: var(--color-neutral-550);
}

.used-resource-card .h-xs {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  min-height: 1.1em;
  line-height: 1.1;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .used-resource-card .tag {
    font-size: 0.8125em;
  }
}

:is(.wf-design-mode, .wf-editor) .showcase-card__click,
:is(.wf-design-mode, .wf-editor) .used-resource-card__click,
:is(.wf-design-mode, .wf-editor) .flick-card__click {
  display: none;
}

[data-flick-cards-item-status] .flick-card__click {
  display: none;
}

[data-flick-cards-item-status="active"] .flick-card__click {
  display: block;
}

@media screen and (min-width: 478px) {
  .used-resource-card__info .tag {
    font-size: 0.8125em;
  }
}

.used-resource-card__info .tag-label {
  color: var(--color-neutral-475);
}

[data-res-used-video] {
  transition: opacity var(--animation-ease), visibility var(--animation-ease);
  opacity: 0;
  visibility: hidden;
}

[data-res-used-video="playing"] {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 479px) {
  .showcase-hero .padding-hero {
    height: calc(var(--nav-bar-height) + max(5em, 15svh));
  }
}

/* ------------------------- GSAP Slider -------------------------------------------------- */

[data-gsap-slider-init] {
  --slider-status: on;
  /* Turn slider on/off */
  --slider-spv: 3.1;
  /* Slides per view */
  --slider-gap: var(--gap-sm);
  /* Slides Gap */
}

@media screen and (max-width: 991px) {
  [data-gsap-slider-init] {
    --slider-status: on;
    /* Turn slider on/off */
    --slider-spv: 2.1;
    /* Slides per view */
    --slider-gap: 0.625em;
    /* Gap */
  }
}

@media screen and (max-width: 767px) {
  [data-gsap-slider-init] {
    --slider-status: on;
    /* Turn slider on/off */
    --slider-spv: 1;
    /* Slides per view */
    --slider-gap: 0.625em;
    /* Gap */
  }
}

/* Settings */

[data-gsap-slider-item]:last-child {
  margin-right: 0;
}

[data-gsap-slider-rotate] [data-gsap-slider-item] {
  transform-origin: 50% 300%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-right: 0;
}

:is(.wf-design-mode, .wf-editor) {
  [data-gsap-slider-rotate] [data-gsap-slider-item] {
    position: relative;
    top: auto;
    left: auto;
    margin-right: 0.25em;
  }
}

/* Controls */
[data-gsap-slider-status="not-active"] [data-gsap-slider-controls] {
  display: none;
}

[data-gsap-slider-control="next"][data-gsap-slider-control-status="not-active"],
[data-gsap-slider-control="prev"][data-gsap-slider-control-status="not-active"] {
  opacity: 0.2;
  pointer-events: none;
}

.product-slider [data-gsap-slider-init] [data-gsap-slider-control-status],
.product-slider [data-gsap-slider-init] [data-gsap-slider-control-status] .button-bg {
  transition: all var(--animation-default);
}

.product-slider [data-gsap-slider-init] [data-gsap-slider-control-status="active"] {
  border-radius: 3em;
  color: var(--color-light);
}

.product-slider [data-gsap-slider-init] [data-gsap-slider-control-status="active"] .button-bg {
  background-color: var(--color-dark);
}

/* Customization */

.gsap-slider__control {
  transition: opacity 0.3s ease;
}

.demo-card {
  transition: all 0.3s ease;
}

[data-gsap-slider-item-status="not-active"] .demo-card {
  background-color: #131313;
}

[data-gsap-slider-item-status="active"] .demo-card {
  background-color: red;
}

.demo-card__tag {
  transition: all 0.3s ease;
}

[data-gsap-slider-item-status="not-active"] .demo-card__tag {
  opacity: 1;
}

/* Product Cards */

.product-slider [data-gsap-slider-init] {
  --slider-status: on;
  /* Turn slider on/off */
  --slider-spv: 3;
  /* Slides per view */
  --slider-gap: 0em;
  /* Slides Gap */
}

@media screen and (max-width: 991px) {
  .product-slider [data-gsap-slider-init] {
    --slider-status: on;
    /* Turn slider on/off */
    --slider-spv: 3;
    /* Slides per view */
    --slider-gap: 0em;
    /* Slides Gap */
  }
}

@media screen and (max-width: 767px) {
  .product-slider [data-gsap-slider-init] {
    --slider-status: on;
    /* Turn slider on/off */
    --slider-spv: 3;
    /* Slides per view */
    --slider-gap: 0em;
    /* Gap */
  }
}

.product-slider [data-gsap-slider-rotate] [data-gsap-slider-item] {
  transform-origin: 50% 375%;
}

@media screen and (max-width: 767px) {
  .product-slider [data-gsap-slider-rotate] [data-gsap-slider-item] {
    transform-origin: 50% 325%;
  }
}

/* ------------------------- Made -------------------------------------------------- */

.made+.shapes-section {
  padding-top: var(--gap-xxl);
}

/* ------------------------- Bunny Player -------------------------------------------------- */

/* Animation */
[data-bunny-player-init] :is(.custom-player__placeholder, .custom-player__dark, .custom-player__playpause, .custom-player__loading) {
  transition: opacity 0.3s linear, visibility 0.3s linear;
}

/* Placeholder */
[data-bunny-player-init][data-player-status="playing"] .custom-player__placeholder,
[data-bunny-player-init][data-player-status="paused"] .custom-player__placeholder,
[data-bunny-player-init][data-player-activated="true"][data-player-status="ready"] .custom-player__placeholder {
  opacity: 0;
  visibility: hidden;
}

/* Dark Overlay */
[data-bunny-player-init][data-player-status="paused"] .custom-player__dark,
[data-bunny-player-init][data-player-status="playing"][data-player-hover="active"] .custom-player__dark {
  opacity: 0.3;
}

[data-bunny-player-init][data-player-status="playing"] .custom-player__dark {
  opacity: 0;
}

/* Play/Pause */
[data-bunny-player-init][data-player-status="playing"] .custom-player__playpause,
[data-bunny-player-init][data-player-status="loading"] .custom-player__playpause {
  opacity: 0;
}

[data-bunny-player-init][data-player-status="playing"][data-player-hover="active"] .custom-player__playpause {
  opacity: 1;
}

[data-bunny-player-init] .custom-player__toggle-playpause {
  transition: width var(--animation-default);
  width: 1.825em;
}

[data-bunny-player-init][data-player-status="playing"] .custom-player__toggle-playpause,
[data-bunny-player-init][data-player-status="loading"] .custom-player__toggle-playpause {
  width: 2.75em;
}

[data-bunny-player-init] .custom-player__toggle-playpause>* {
  transition: transform var(--animation-default);
  transform: translateY(0%) rotate(0.001deg);
}

[data-bunny-player-init][data-player-status="playing"] .custom-player__toggle-playpause>*,
[data-bunny-player-init][data-player-status="loading"] .custom-player__toggle-playpause>* {
  transform: translateY(-100%) rotate(0.001deg);
}

/* Loading */
[data-bunny-player-init][data-player-status="loading"] .custom-player__loading {
  opacity: 1;
  visibility: visible;
}

/* Timeline */
[data-bunny-player-init][data-player-status="idle"][data-player-activated="false"] .custom-player__timeline,
[data-bunny-player-init][data-player-status="ready"][data-player-activated="false"] .custom-player__timeline {
  pointer-events: none;
}

/* Timeline Handle */
[data-bunny-player-init] .custom-player__timeline-handle {
  transition: transform 0.15s ease-in-out;
}

[data-bunny-player-init][data-timeline-drag="true"] .custom-player__timeline-handle {
  transform: translate(-50%, -50%) scale(1);
}

/* Mute */

[data-bunny-player-init] .webcam__sound svg {
  stroke-width: 1.25;
}

[data-bunny-player-init][data-player-muted="true"] .webcam__sound-mute-svg {
  display: block;
}

[data-bunny-player-init][data-player-muted="true"] .webcam__sound-unmute-svg {
  display: none;
}

/* Cover Mode */
[data-bunny-player-init][data-player-update-size="cover"] {
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

[data-bunny-player-init][data-player-update-size="cover"] [data-player-before] {
  display: none;
}

[data-bunny-player-init][data-player-update-size="cover"][data-player-fullscreen="false"] .custom-player__video {
  object-fit: cover;
}

/* Mirror */

[data-bunny-player-init] [data-player-mirror-init] .cover-image {
  transition: opacity 0.3s linear, visibility 0.3s linear;
}

/* Placeholder */
[data-bunny-player-init] [data-player-mirror-init][data-player-mirror-status="playing"] .cover-image,
[data-bunny-player-init] [data-player-mirror-init][data-player-mirror-status="paused"] .cover-image,
[data-bunny-player-init][data-player-activated="true"] [data-player-mirror-init][data-player-mirror-status="ready"] .cover-image {
  opacity: 0;
  visibility: hidden;
}

.custom-player__time {
  width: 2.675em;
}

.custom-player__time .custom-player__text {
  display: none;
}

.custom-player__time .custom-player__text:first-child {
  display: block;
}

.custom-player__ticks-line,
.custom-player[data-player-size="small"] .custom-player__ticks-line {
  width: 100%;
  background: repeating-linear-gradient(to right, var(--color-light) 0 1px, transparent 1px 0.5em);
}

@media screen and (min-width: 992px) {
  .custom-player__ticks-line {
    width: 100%;
    background: repeating-linear-gradient(to right, var(--color-light) 0 1px, transparent 1px calc((100% - 1px) / 100));
  }
}

.custom-player__timeline-bg,
.custom-player__timeline-buffered,
.custom-player__timeline-progress {
  background-color: transparent;
  opacity: 1;
}

.custom-player__timeline-bar {
  overflow: visible;
}

.custom-player__timeline-progress::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2em;
  top: -0.375em;
  left: 100%;
  background-color: var(--color-dark);
  opacity: 0;
}

.custom-player__timeline-progress::after {
  opacity: 0.75;
}

[data-bunny-player-init] .custom-player__timeline-handle {
  width: 1px;
  height: 1.75em;
  transition: transform 0.15s ease-in-out;
  transform: translate(-50%, -50%) scaleY(0.66);
}

[data-bunny-player-init][data-timeline-drag="true"] .custom-player__timeline-handle {
  transform: translate(-50%, -50%) scaleY(1);
}

.timestamp {
  transition: all var(--animation-default-half);
  transform: translateY(0em) rotate(0.001deg);
}

.cutom-player__marker-click:hover .timestamp {
  /*background-color: rgba(255, 255, 255, 0.15);*/
  background-color: var(--color-electric);
  color: var(--color-dark);
  transform: translateY(-0.125em) rotate(0.001deg);
}

.webcam__sound {
  transition: transform var(--animation-default-half);
}

.webcam__sound:hover {
  transform: translate(-65%) scale(1.1) rotate(0.001deg);
}

.custom-player__ticks:has(.custom-player__markers:empty) .custom-player__ticks-line {
  height: 0.5em;
}

/* Small */
.custom-player[data-player-size="small"] .custom-player__interface-bottom {
  padding-bottom: 1.5em;
  gap: 0.5em;
}

.custom-player[data-player-size="small"] .custom-player__ticks-line {
  height: 1.5em;
}

.custom-player[data-player-size="small"] .custom-player__float {
  left: 50%;
  top: 0%;
  width: 6.25em;
}

/* Purple Background */
.custom-player[data-player-bg-theme="purple"] .custom-player__timeline-progress::after {
  background-color: var(--color-purple);
}

.custom-player[data-player-bg-theme="purple"] .webcam__shadow {
  background-color: var(--color-purple);
  display: none;
}

/* ------------------------- Resources Card -------------------------------------------------- */

.resource-card {
  transition: background-color var(--animation-ease);
}

.resource-card:hover {
  background-color: var(--color-neutral-550);
}

/* Small */

@media screen and (min-width: 992px) {
  .resource-card[data-wf--resources-card--variant="small"] .resource-card__start {
    padding-left: 1.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }

  .resource-card[data-wf--resources-card--variant="small"] .resource-card__end {
    max-width: 15em;
  }
}

@media screen and (max-width: 767px) {
  .last-added .last-added__list .last-added__item:nth-last-child(1) {
    display: none;
  }
}

/* Slider */

.resource-card[data-wf--resources-card--variant="slider"] {
  background-color: var(--color-electric);
  color: var(--color-dark);
}

.resource-card[data-wf--resources-card--variant="slider"] .tag {
  color: var(--color-electric) !important;
}

@media screen and (min-width: 992px) {

  .resource-card[data-wf--resources-card--variant="slider"] {
    padding: 0.3125em;
  }

  .resource-card[data-wf--resources-card--variant="slider"] .resource-card__start-inner {
    display: contents;
  }

  .resource-card[data-wf--resources-card--variant="slider"] .h-s {
    font-size: 1.25em;
  }

  .resource-card[data-wf--resources-card--variant="slider"] .resource-card__start {
    padding-left: 0.9375em;
    padding-top: 0.9375em;
    padding-bottom: 0.9375em;
  }

  .resource-card[data-wf--resources-card--variant="slider"] .resource-card__end {
    max-width: 15em;
  }
}

.resources-list__collection:has(.w-dyn-empty),
.resources-list__collection .resources-list__list:empty {
  display: none;
}

:is(.wf-design-mode, .wf-editor) .resources-list__collection {
  display: block;
}

/* ------------------------- UPDATES CARD -------------------------------------------------- */

.updates-card[data-card-theme="light"] {
  color: var(--color-dark);
  background-color: var(--color-light);
}

/* ------------------------- UPDATES SLIDER -------------------------------------------------- */

[data-gsap-slider-init="updates"] {
  --slider-status: on;
  /* Turn slider on/off */
  --slider-spv: 3;
  /* Slides per view */
  --slider-gap: var(--gap-sm);
  /* Slides Gap */
}

@media screen and (max-width: 991px) {
  [data-gsap-slider-init="updates"] {
    --slider-status: on;
    /* Turn slider on/off */
    --slider-spv: 2.25;
    /* Slides per view */
    --slider-gap: var(--gap-sm);
    /* Slides Gap */
  }
}

@media screen and (max-width: 767px) {
  [data-gsap-slider-init] {
    --slider-status: on;
    /* Turn slider on/off */
    --slider-spv: 1;
    /* Slides per view */
    --slider-gap: 0.625em;
    /* Gap */
  }
}

/* ------------------------- REEL -------------------------------------------------- */

.fixed-reel {
  transition: clip-path var(--animation-default-onehalf);
  clip-path: polygon(0% 50%, 100% 50%, 100% 50%, 0% 50%);
}

.fixed-reel:has([data-player-open="true"]) {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.fixed-reel:has([data-player-open="false"]) {
  pointer-events: none !important;
}

.fixed-reel .fixed-reel__video {
  transition: opacity var(--animation-default-double);
  opacity: 0.5;
}

.fixed-reel:has([data-player-open="true"]) .fixed-reel__video {
  opacity: 1;
}

.reel__content {
  transition: grid-column-gap var(--animation-default);
}

.reel__content:hover {
  grid-column-gap: 4em;
}

/* ------------------------- TOOLTIP/HOTSPOT -------------------------  */

.tooltip {
  transition: all var(--animation-default);
  transform: scale(0.9) rotate(0.001deg);
  pointer-events: none;
}

[data-wf--tooltip-card--variant="dark-text"] {
  color: var(--color-neutral-800);
}

[data-tooltip-trigger]:hover+.tooltip,
[data-tooltip-trigger]+.tooltip:hover {
  opacity: 1;
  visibility: visible;
  transform: scale(1) rotate(0.001deg);
  pointer-events: auto;
}

/* Top Center */
[data-tooltip-trigger="top-center"]+.tooltip {
  top: unset;
  bottom: 0em;
  margin-top: 0;
  margin-bottom: 1.75em;
}

/* Bottom Left */
[data-tooltip-trigger="bottom-left"]+.tooltip {
  margin-right: 10em;
}

@media screen and (max-width: 991px) {
  [data-tooltip-trigger="bottom-left"]+.tooltip {
    margin-right: 27.5em;
  }
}

.mockup-hotspot__inner {
  transition: all var(--animation-default);
}

[data-tooltip-trigger]:hover .mockup-hotspot__inner {
  transform: scale(0.65);
}

[data-tooltip-trigger]:hover .mockup-hotspot__pulse {
  animation: hotspot-pulse 0.8s var(--cubic-default) 1 forwards;
}

@keyframes hotspot-pulse {
  0% {
    transform: scale(0) rotate(0.001deg);
    opacity: 1;
  }

  100% {
    transform: scale(1.25) rotate(0.001deg);
    opacity: 0;
  }
}

/* ------------------------- NF OVERLAY -------------------------------------------------- */

.nf-overlay__item img {
  border-radius: inherit;
}

/* ------------------------- ICON PAGE HERO -------------------------  */
.icon-wave__card {
  transition: transform 0.5s cubic-bezier(.15, 0.7, .3, 1);
}

.icon-wave__item:hover .icon-wave__card {
  transform: translate(0px, -25%);
}

.icon-wave__item:hover+* .icon-wave__card {
  transform: translate(0px, -8%);
}

.icon-wave__item:hover+*+.icon-wave__item .icon-wave__card {
  transform: translate(0px, -5%);
}

.icon-wave__item:has(+ :hover) .icon-wave__card {
  transform: translate(0px, -8%);
}

.icon-wave__item:has(+ * + :hover) .icon-wave__card {
  transform: translate(0px, -5%);
}

/* ------------------------- ICON METHODS CARD ANIMATION -------------------------  */

.icons-methods__item {
  --dur: 3s;
  --overlap: 1.5s;
  --step: calc(var(--dur) - var(--overlap));
  --count: 5;
  --cycle: calc(var(--dur) + (var(--count) - 2) * var(--step));
  --rot: 25deg;
  opacity: 0;
  transform: rotate(var(--rot));
  transform-origin: 50% 400%;
  animation: iconCycle var(--cycle) var(--cubic-default) infinite both;
  animation-delay: calc(var(--offset, 0s) - var(--cycle));
}

.icons-methods__item:nth-child(1) {
  --offset: 0s;
}

.icons-methods__item:nth-child(2) {
  --offset: calc(1 * var(--step));
}

.icons-methods__item:nth-child(3) {
  --offset: calc(2 * var(--step));
}

.icons-methods__item:nth-child(4) {
  --offset: calc(3 * var(--step));
}

.icons-methods__item:nth-child(5) {
  --offset: calc(4 * var(--step));
}

@keyframes iconCycle {
  0% {
    opacity: 0;
    transform: rotate(var(--rot));
  }

  6.6667% {
    opacity: 1;
    transform: rotate(0deg);
  }

  16.6667% {
    opacity: 1;
    transform: rotate(0deg);
  }

  26.6667% {
    opacity: 0;
  }

  33.3333% {
    opacity: 0;
    transform: rotate(calc(-1 * var(--rot)));
  }

  100% {
    opacity: 0;
    transform: rotate(calc(-1 * var(--rot)));
  }
}

/* ------------------------- FEATURES GRID -------------------------  */

/* Animate Accordion Bottom Grid */
.feature-card__bottom {
  transition: grid-template-rows var(--duration-default) var(--cubic-default);
}

[data-accordion-status="active"] .feature-card__bottom {
  grid-template-rows: 1fr;
}

/* Animate Icon */
.feature-card__icon {
  transition: transform var(--duration-default) var(--cubic-default);
}

[data-accordion-status="active"] .feature-card__icon {
  transform: rotate(315deg);
}

/* ------------------------- CONTINENT CARDS -------------------------  */

.continent-col:nth-of-type(1) {
  z-index: 6;
}

.continent-col:nth-of-type(2) {
  z-index: 5;
}

.continent-col:nth-of-type(3) {
  z-index: 4;
}

.continent-col:nth-of-type(4) {
  z-index: 3;
}

.continent-col:nth-of-type(5) {
  z-index: 2;
}

.continent-col:nth-of-type(6) {
  z-index: 1;
}

.continent-col__face:nth-of-type(1) {
  z-index: 3;
}

.continent-col__face:nth-of-type(2) {
  z-index: 2;
}

.continent-col__face:nth-of-type(3) {
  z-index: 1;
}

.continent-col__face-inner {
  transition: border-color 0.3s ease;
}

.continent-col__start {
  transition: grid-template-columns 0.5s var(--cubic-default);
}

.continent-col[data-state="active"] .continent-col__start {
  grid-template-columns: 1fr;
  z-index: 10;
}

.continent-row {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.continent-row::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 991px) {
  html:not(.wf-design-mode) [data-continent-anim] {
    transition: all 0.5s var(--cubic-default);
    transform: translate(-2rem, 0px);
    opacity: 0;
    transition-delay: 0s;
  }

  .continent-col,
  .continent-col__img {
    transition: all 0.3s ease;
  }

  .continent-col:not(:first-of-type) .continent-col__start-content {
    padding-left: calc(var(--gap-sm) * 2);
  }

  /* Hover and active state*/
  .continent-col:hover,
  .continent-col[data-state="active"] {
    background-color: var(--color-neutral-200);
    color: var(--color-neutral-800);
  }

  .continent-col:hover .continent-col__face-inner,
  .continent-col[data-state="active"] .continent-col__face-inner {
    border-color: var(--color-neutral-200);
  }

  /* override first card if others are hovered */
  .continent-row:has(.continent-col:not([data-state="active"]):hover) .continent-col[data-state="active"] .continent-col__face-inner {
    border-color: var(--color-neutral-600);
  }

  .continent-row:has(.continent-col:not([data-state="active"]):hover) .continent-col[data-state="active"] [data-continent-anim] {
    transition: all 0.5s var(--cubic-default);
    transform: translate(-2rem, 0px);
    opacity: 0;
    transition-delay: 0s;
  }

  /* continue hover state */
  .continent-col:hover .continent-col__start {
    grid-template-columns: 1fr;
  }

  .continent-col:hover .continent-col__img.is--base,
  .continent-col[data-state="active"] .continent-col__img.is--base {
    opacity: 0;
  }

  .continent-col:hover .continent-col__img.is--accent,
  .continent-col[data-state="active"] .continent-col__img.is--accent {
    opacity: 1;
  }

  .continent-col:hover [data-continent-anim],
  .continent-col[data-state="active"] [data-continent-anim] {
    transform: translate(0rem, 0px);
    opacity: 1;
  }

  [data-continent-anim] {
    transition-delay: calc(var(--i) * 0.05s) !important;
  }

  /*.continent-col__face{*/
  /*  transition: border-color 0.2s var(--cubic-default) !important;*/
  /*  transition-delay: 0s !important;*/
  /*}  */

  /* reset first card on hover of others */
  .continent-row:has(.continent-col:hover) .continent-col:not(:hover) {
    background-color: var(--color-neutral-600);
    color: var(--color-neutral-200);
  }

  .continent-row:has(.continent-col:hover) .continent-col:not(:hover) .continent-col__start {
    grid-template-columns: 0fr;
  }

  .continent-row:has(.continent-col:hover) .continent-col:not(:hover) .continent-col__img.is--base {
    opacity: 1;
  }
}

/* ------------------------- INFO GRID SECTION -------------------------  */

.info-grid__title strong {
  font-weight: inherit;
  color: var(--color-electric);
}

[data-theme-section="light"] .info-grid__title strong {
  color: var(--color-purple);
}

[data-theme-section="light"] .info-grid__main-item {
  border-color: var(--color-neutral-300);
}

[data-theme-section="light"] .info-grid__intro-bg {
  background-color: var(--color-neutral-300);
}

/* ------------------------- LEGAL PAGES -------------------------  */

.legal__sidebar .w--current {
  color: var(--color-neutral-200) !important;
}

.legal__sidebar .w--current .button-bg {
  background: var(--color-neutral-800);
}

/* ------------------------- LIFETIME MODAL -------------------------  */

.lifetime-table__row:last-of-type {
  border: none;
}

/* ------------------------- PROFILE PICTURE ------------------------------------------- */

[data-wf--profile-picture--variant="medium"] {
  width: 1.875em;
  height: 1.875em;
}

/* ------------------------- WEBCAM FLOAT ------------------------------------------- */

[data-wf--webcam-wrap--variant="electric"] .webcam__video {
  outline-color: var(--color-electric);
}

/* ------------------------- ICON OVERVIEW -------------------------------------------------- */

[data-wf--icon-overview-card--variant="light"] {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-800);
}

[data-wf--icon-overview-card--variant="light"] .icon-overview__card-overlay {
  background: linear-gradient(180deg,
      rgba(244, 244, 244, 0) 0%,
      rgba(244, 244, 244, 1) 100%);
}

/* ------------------------- SQUARE CARD ------------------------------------------- */

[data-wf--square-cta-card--variant="dark-square"],
[data-wf--square-cta-card--variant="dark-round"] {
  background-color: var(--color-neutral-800);
  color: var(--color-neutral-200);
}

[data-wf--square-cta-card--variant="dark-round"],
[data-wf--square-cta-card--variant="electric-round"] {
  border-radius: 100em;
}

/* ------------------------- LIFETIME TABLE ------------------------------------------- */

[data-wf--lifetime-table-row--variant="not-included"] span {
  opacity: 0.5;
}