#svayniy-fundament-wrapper {
  :is(.hover-trigger-shift, .hover-trigger-scale, .hover-trigger-opacity, .bg-border, .bg-fill, .bg-fill-hover, .bg-shadow, .bg-glare-hover) {
    transition: color var(--transitionDuration) var(--transitionTiming, ease) var(--transitionDelay, 0s), border var(--transitionDuration) var(--transitionTiming, ease) var(--transitionDelay, 0s), box-shadow var(--transitionDuration) var(--transitionTiming, ease) var(--transitionDelay, 0s), opacity var(--transitionDuration) var(--transitionTiming, ease) var(--transitionDelay, 0s), transform var(--transitionDuration) var(--transitionTiming, ease) var(--transitionDelay, 0s)
  }

  .hover-trigger-fadein .element-content {
    opacity: var(--hoverFadeInFrom, 0);
    transition: opacity var(--transitionDuration) var(--transitionTiming, ease)
  }

  .hover-trigger-fill_circle>.bg-fill-hover {
    --hoverBgFromDistance: 0;
    display: flex;
    clip-path: circle(var(--hoverBgFromDistance) at var(--hoverBgFromX) var(--hoverBgFromY));
    transition: clip-path var(--transitionDuration) cubic-bezier(.51, .27, .47, .74), transform var(--transitionDuration) ease;
    will-change: transform
  }

  .hover-trigger-fill_rectangle>.bg-fill-hover {
    display: flex;
    clip-path: inset(var(--hoverBgDistance));
    transition: clip-path var(--transitionDuration) cubic-bezier(.51, .27, .47, .74), transform var(--transitionDuration) ease;
    will-change: transform
  }

  .hover-trigger-fill_fade>.bg-fill {
    transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming, ease) 0s, transform var(--transitionDuration) ease;
    opacity: 1
  }

  .hover-trigger-fill_fade>.bg-fill-hover {
    transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming, ease) calc(var(--transitionDuration) * .35), transform var(--transitionDuration) ease;
    display: flex;
    opacity: 0
  }

  .hover-trigger-border>.bg-border {
    transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming, ease) 0s, transform var(--transitionDuration) ease;
    opacity: 1
  }

  .hover-trigger-border>.bg-border-hover {
    transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming, ease) calc(var(--transitionDuration) * .35), transform var(--transitionDuration) ease;
    display: flex;
    opacity: 0
  }

  .hover.hover-trigger-fadein .element-content {
    opacity: var(--hoverFadeInTo, 1)
  }

  .hover>.bg-glare-hover:before {
    width: var(--bgGlareSize, 80%);
    opacity: 1
  }

  .hover.hover-trigger-fill_fade>.bg-fill {
    opacity: 0;
    transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming, ease) calc(var(--transitionDuration) * .35), transform var(--transitionDuration) ease
  }

  .hover.hover-trigger-fill_fade>.bg-fill-hover {
    opacity: 1;
    transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming, ease) 0s, transform var(--transitionDuration) ease
  }

  .hover.hover-trigger-border>.bg-border {
    transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming, ease) calc(var(--transitionDuration) * .35), transform var(--transitionDuration) ease;
    opacity: 0
  }

  .hover.hover-trigger-border>.bg-border-hover {
    transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming, ease) 0s, transform var(--transitionDuration) ease;
    opacity: 1
  }

  .hover.hover-trigger-text {
    --currentColor: var(--currentColorHover) !important;
    --contrastColor: var(--contrastColorHover) !important
  }

  .hover.hover-trigger-fill_circle>.bg-fill-hover {
    --hoverBgFromDistance: 160%
  }

  .hover.hover-trigger-fill_rectangle {
    --hoverBgDistance: 0 0 0 0 round var(--topLeftRadius, 0) var(--topRightRadius, 0) var(--bottomRightRadius, 0) var(--bottomLeftRadius, 0)
  }

  .hover.hover-trigger-border>.bg-border-hover.is-color {
    border: var(--borderWidth) solid var(--hoverBorderColor)
  }

  .hover.hover-trigger-border>.bg-border-hover.is-gradient {
    background: var(--hoverBorderGradient)
  }

  .hover.hover-trigger-shadow>.bg-shadow {
    box-shadow: var(--hoverBgShadow)
  }

  .hover.hover-trigger-shift {
    transform: translateY(var(--hoverShift))
  }

  .hover.hover-trigger-shift:after,
  .hover.hover-trigger-shift:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: max(var(--hoverShift), calc(var(--hoverShift) * -1))
  }

  .hover.hover-trigger-shift:before {
    bottom: 100%
  }

  .hover.hover-trigger-shift:after {
    top: 100%
  }

  .hover.hover-trigger-scale.scale-only-bg>.bg-border,
  .hover.hover-trigger-scale.scale-only-bg>.bg-border-hover,
  .hover.hover-trigger-scale.scale-only-bg>.bg-fill,
  .hover.hover-trigger-scale.scale-only-bg>.bg-fill-hover,
  .hover.hover-trigger-scale.scale-only-bg>.bg-glare-hover,
  .hover.hover-trigger-scale.scale-only-bg>.bg-shadow,
  .hover.hover-trigger-scale:not(.scale-only-bg) {
    transform: scale(var(--hoverScale))
  }

  .hover.hover-trigger-shift.hover-trigger-scale:not(.scale-only-bg) {
    transform: translateY(var(--hoverShift)) scale(var(--hoverScale))
  }

  .hover.hover-trigger-opacity {
    opacity: var(--hoverOpacity, 1)
  }

  body.mode--editor .hover-trigger-fadein:not(.editor-effects-focus) {
    --hoverFadeInFrom: 1 !important
  }
}