:root {

--mxt-primary: #111;
--mxt-secondary: #C00;
}  

/* ---------------------------------- */
.blur1-it .char {
  color: var(--mxt-primary);
  transition: opacity 0.2s linear;
}
.blur1-it .char:before, .blur1-it .char:after {
  visibility: visible;
  opacity: 0;
}
.blur1-it .char {
  color: var(--mxt-secondary);
}
.blur1-it .char:before, .blur1-it .char:after {
  opacity: 0.8;
  -webkit-animation: blur 0.6s linear infinite alternate;
          animation: blur 0.6s linear infinite alternate;
  -webkit-animation-delay: calc( -0.2s * var(--distance-percent) );
          animation-delay: calc( -0.2s * var(--distance-percent) );
}
.blur1-it .char:after {
  -webkit-animation-delay: calc( 0.3s + (-0.2s * var(--distance-percent)) );
          animation-delay: calc( 0.3s + (-0.2s * var(--distance-percent)) );
}

@-webkit-keyframes blur {
  0% {
    transform: translate(-0.1em, 0) scale(0.9) rotate(-2deg);
  }
  50% {
    transform: translate(0, 0) scale(1.1) rotate(0deg);
  }
  100% {
    transform: translate(0.1em, 0) scale(0.9) rotate(2deg);
  }
}

@keyframes blur {
  0% {
    transform: translate(-0.1em, 0) scale(0.9) rotate(-2deg);
  }
  50% {
    transform: translate(0, 0) scale(1.1) rotate(0deg);
  }
  100% {
    transform: translate(0.1em, 0) scale(0.9) rotate(2deg);
  }
}
.plop1-it {
  perspective: 500px;
  transform-style: preserve-3d;
}
.plop1-it .char{
  color: var(--mxt-primary);
}
.plop1-it .char {
  color: var(--mxt-secondary);
  -webkit-animation: plop 2s ease-out infinite both;
          animation: plop 2s ease-out infinite both;
  -webkit-animation-delay: calc( 0.05s * var(--char-index) );
          animation-delay: calc( 0.05s * var(--char-index) );
}
@-webkit-keyframes plop {
  0% {
    opacity: 0;
    transform: translate3d(0px, 10px, 400px) rotate(180deg);
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.25);
            animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.25);
  }
  20% {
    transform: translate3d(0px, -20px, 200px) rotate(90deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1.1);
            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1.1);
  }
  40%, 70% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) rotate(0deg);
  }
  90%, 100% {
    opacity: 0;
    transform: translate3d(0px, 10px, -200px) rotate(-90deg);
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.25);
            animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.25);
  }
}
@keyframes plop {
  0% {
    opacity: 0;
    transform: translate3d(0px, 10px, 400px) rotate(180deg);
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.25);
            animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.25);
  }
  20% {
    transform: translate3d(0px, -20px, 200px) rotate(90deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1.1);
            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1.1);
  }
  40%, 70% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) rotate(0deg);
  }
  90%, 100% {
    opacity: 0;
    transform: translate3d(0px, 10px, -200px) rotate(-90deg);
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.25);
            animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.25);
  }
}

/* ---------------------------------- */
.plump1-it,
.pinch1-it {
  perspective: 300px;
  transform-style: preserve-3d;
}
.plump1-it .char,
.pinch1-it .char {
  color: var(--mxt-primary);
  transition: transform 0.4s cubic-bezier(0.8, 0, 0, 0.8);
  transition-delay: calc(0.06s * var(--distance-percent));
}

.plump1-it .char {
  color: var(--mxt-secondary);
  transform: translateX(calc( -0.5em * var(--distance-sine) )) translateZ(calc( 100px * (1 - var(--distance-percent) ) )) rotateY(calc( 40deg * var(--distance-sine) ));
}

.pinch1-it .char {
  color: var(--mxt-secondary);
  transform: translateX(calc( -1em * var(--distance-sine) )) translateZ(calc( -150px * (1 - var(--distance-percent) ) )) rotateY(calc( -60deg * var(--distance-sine) ));
}


/* ---------------------------------- */
.stagger1-it .char {
  color: var(--mxt-primary);
  transition: color 0.5s linear;
  transition-delay: calc( 0.04s * var(--char-index) );
}
.stagger1-it {
  color: var(--mxt-secondary);
}

.stretch1-it .char {
  color: var(--mxt-primary);
  transition: transform 0.5s cubic-bezier(0.8, 0, 0, 0.9);
}
.stretch1-it .char {
  color: var(--mxt-secondary);
  transform: scale(0.8, 0.8);
}
.stretch1-it .char {
  transform: scale(0.9, 1.5);
  transition-duration: 0.3s;
}

/* ---------------------------------- */
.fall1-out .char {
  transition: transform 0.5s cubic-bezier(0.86, 0.01, 0.14, 0.98);
  color: transparent;
}
.fall1-out .char:before, .fall1-out .char:after {
  visibility: visible;
  color: var(--mxt-primary);
  -webkit-animation-timing-function: cubic-bezier(0.77, 0.02, 0.11, 0.97);
          animation-timing-function: cubic-bezier(0.77, 0.02, 0.11, 0.97);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: calc(0.75s + (0.05s * var(--char-index)) );
          animation-delay: calc(0.75s + (0.05s * var(--char-index)) );
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.fall1-out .char:after {
  -webkit-animation-delay: calc(0.05s * var(--char-index) );
          animation-delay: calc(0.05s * var(--char-index) );
}
.fall1-out .char:before {
  -webkit-animation-name: fall1-in;
          animation-name: fall1-in;
}
.fall1-out .char:after {
  -webkit-animation-name: fall1-out;
          animation-name: fall1-out;
}

@-webkit-keyframes fall1-in {
  0% {
    transform: translateY(-150%) rotate(-120deg);
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    transform: translateY(0%) rotate(0deg);
    opacity: 1;
  }
}

@keyframes fall1-in {
  0% {
    transform: translateY(-150%) rotate(-120deg);
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    transform: translateY(0%) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes fall1-out {
  50% {
    transform: translateY(10%) rotate(15deg);
    transform-origin: bottom left;
    opacity: 1;
  }
  100% {
    transform: translateY(250%) rotate(120deg);
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes fall1-out {
  50% {
    transform: translateY(10%) rotate(15deg);
    transform-origin: bottom left;
    opacity: 1;
  }
  100% {
    transform: translateY(250%) rotate(120deg);
    transform-origin: center center;
    opacity: 0;
  }
}
/* ---------------------------------- */
.run1-out {
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
.run1-out .word {
  pointer-events: auto;
}
.run1-out .char {
  color: transparent;
}
.run1-out .char:before, .run1-out .char:after {
  visibility: visible;
  color: var(--mxt-primary);
  transition: transform 1.2s cubic-bezier(0.77, 0.02, 0.11, 0.97);
  transition-delay: calc( 0.04s * var(--char-total) + (0.08s * var(--char-index)) );
}
.run1-out .char:before {
  transform: translateX(-100vw) rotate(-35deg);
  transition-delay: calc(0.04s * var(--char-index) );
}
.run1-out .char:before {
  transform: translateX(0) rotate(0deg);
  transition-delay: calc( 0.04s * var(--char-total) + (0.08s * (var(--char-total) - var(--char-index))) );
}
.run1-out .char:after {
  transform: translateX(100vw) rotate(35deg);
  transition-delay: calc( (0.04s * (var(--char-total) - var(--char-index))) );
}

/* ---------------------------------- */
.shift1-right:before {
  content: ">";
  font: inherit;
  vertical-align: 0.1em;
  display: inline-block;
  transform: scaleY(0) translateX(-1em);
  margin-right: -0.25em;
}
.shift1-right:before,
.shift1-right .char {
  transition: transform 0.8s cubic-bezier(0.75, 0, 0.24, 0.98);
  transition-delay: calc( 0.015s * var(--char-index) );
}
.shift1-right .char {
  color: var(--mxt-primary);
  transform: translateX(-0.15em);
}
.shift1-right:before {
  transform: scaleY(1) translateX(0em);
}
.shift1-right .char {
  color: var(--mxt-secondary);
  transform: translateX(1em);
  transform: translateX(0.5em) translateX(calc(0.1em * var(--char-index)));
}

/* ---------------------------------- */
.spread1-out .char {
  color: var(--mxt-primary);
  transition: transform 1s cubic-bezier(0.8, 0, 0.2, 1);
  transition-delay: calc( 0.2s * var(--distance-percent) );
}

.spread1-out .char {
  color: var(--mxt-secondary);
  transition-delay: calc( 0.2s * ( 1 - var(--distance-percent) ) );
  transform: scale(0.6) translateX(calc(1.25em * var(--distance-sine)));
}

.pull1-in .char {
  color: var(--mxt-primary);
  transition: transform 1s cubic-bezier(0.8, 0, 0.2, 1);
  transition-delay: calc( 0.2s * ( 1 - var(--distance-percent) ) );
}

.pull1-in .char {
  color: var(--mxt-secondary);
  transition-delay: calc( 0.2s * var(--distance-percent) );
  transform: scale(0.5) translateX(calc(-1.5em * var(--distance-sine)));
}

/* ---------------------------------- */
.inflate1-it .char {
  color: var(--mxt-primary);
  transform: scale(1) translateX(0em);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0);
  transition: transform 0.8s cubic-bezier(0.75, 0, 0.24, 0.98), text-shadow 0.8s linear;
  transition-delay: calc( 0.18s * var(--distance-percent) );
}
.inflate1-it .char {
  color: var(--mxt-secondary);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  transform: scale(calc( 1 + ( 0.7 * ( 1 - var(--distance-percent) ) ) )) translateX(calc(-0.12em * var(--distance-sine)));
  transition-delay: calc( 0.08s * var(--distance-percent) );
}

/* ---------------------------------- */
.bounce1-it .char {
  color: var(--mxt-primary);
  line-height: 1;
  transform-origin: center bottom;
  -webkit-animation-timing-function: cubic-bezier(0.77, 0.02, 0.11, 0.97);
          animation-timing-function: cubic-bezier(0.77, 0.02, 0.11, 0.97);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: calc(0.05s * var(--char-index) );
          animation-delay: calc(0.05s * var(--char-index) );
  -webkit-animation-duration: calc( 0.2s + ( 0.03s * var(--char-total)) );
          animation-duration: calc( 0.2s + ( 0.03s * var(--char-total)) );
}
.bounce1-it .char {
  color: var(--mxt-secondary);
  -webkit-animation-name: bounce1-char;
          animation-name: bounce1-char;
}

@-webkit-keyframes bounce1-end {
  to {
    transform: translateY(0%) scale(1);
  }
}

@keyframes bounce1-end {
  to {
    transform: translateY(0%) scale(1);
  }
}
@-webkit-keyframes bounce1-char {
  20% {
    transform: translateY(0%) scale(1.3, 0.8);
  }
  70% {
    transform: translateY(-40%) scale(0.8, 1.2);
  }
}
@keyframes bounce1-char {
  20% {
    transform: translateY(0%) scale(1.3, 0.8);
  }
  70% {
    transform: translateY(-40%) scale(0.8, 1.2);
  }
}
/* ---------------------------------- */
.wiggle1-it .char {
  color: var(--mxt-primary);
}

.wiggle1-it .char {
  color: var(--mxt-secondary);
  transform-origin: center 50%;
  -webkit-animation: wiggle1-char 0.25s linear infinite both;
          animation: wiggle1-char 0.25s linear infinite both;
  -webkit-animation-delay: calc(-0.02s * var(--char-index) );
          animation-delay: calc(-0.02s * var(--char-index) );
}

@-webkit-keyframes wiggle1-char {
  0%, 50%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(6deg);
  }
  75% {
    transform: rotate(-6deg);
  }
}

@keyframes wiggle1-char {
  0%, 50%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(6deg);
  }
  75% {
    transform: rotate(-6deg);
  }
}

/* ---------------------------------- */
.glitch1-it .char,
.glitch1-it .char:before,
.glitch1-it .char:after {
  transition: color 0.2s linear;
  -webkit-animation-duration: 0.6s, 0.4s;
          animation-duration: 0.6s, 0.4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps(1);
          animation-timing-function: steps(1);
  -webkit-animation-delay: calc( -0.1s * var(--char-index) );
          animation-delay: calc( -0.1s * var(--char-index) );
}
.glitch1-it .char:before,
.glitch1-it .char:after {
  visibility: visible;
  opacity: 0;
  mix-blend-mode: overlay;
  transition-property: opacity;
  -webkit-animation-name: glitch1-anim, glitch1-bounce;
          animation-name: glitch1-anim, glitch1-bounce;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.glitch1-it .char:before {
  color: #F85959;
  -webkit-animation-delay: calc( -0.02s * var(--char-index) );
          animation-delay: calc( -0.02s * var(--char-index) );
}
.glitch1-it .char:after {
  color: #B7F5DE;
  -webkit-animation-delay: calc( -.5s * var(--char-index) );
          animation-delay: calc( -.5s * var(--char-index) );
}
.glitch1-it .char {
  color: rgba(0, 0, 0, 0.1);
  -webkit-animation-name: glitch1-bounce;
          animation-name: glitch1-bounce;
}
.glitch1-it .char:before, .glitch1-it .char:after {
  opacity: 1;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes glitch1-bounce {
  20% {
    transform: translate(-1%, 0%);
  }
  40% {
    transform: translate(14%, -2%);
  }
  50% {
    transform: translate(-5%, 5%);
  }
  65% {
    transform: translate(1%, -2%);
  }
  80% {
    transform: translate(-3%, 2%);
  }
}

@keyframes glitch1-bounce {
  20% {
    transform: translate(-1%, 0%);
  }
  40% {
    transform: translate(14%, -2%);
  }
  50% {
    transform: translate(-5%, 5%);
  }
  65% {
    transform: translate(1%, -2%);
  }
  80% {
    transform: translate(-3%, 2%);
  }
}
@-webkit-keyframes glitch1-anim {
  0% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 75%, 0 75%);
            clip-path: polygon(0 70%, 100% 70%, 100% 75%, 0 75%);
  }
  20% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
            clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  40% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
            clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  60% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
            clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
            clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
            clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
}
@keyframes glitch1-anim {
  0% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 75%, 0 75%);
            clip-path: polygon(0 70%, 100% 70%, 100% 75%, 0 75%);
  }
  20% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
            clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  40% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
            clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  60% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
            clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
            clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  100% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
            clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
}



/* ---------------------------------- */
.color1-cycle .char {
  -webkit-animation: color-cycle 1s cubic-bezier(0.5, 0, 0.5, 1) infinite alternate;
          animation: color-cycle 1s cubic-bezier(0.5, 0, 0.5, 1) infinite alternate;
  -webkit-animation-delay: calc( 0.03s * var(--char-index) );
          animation-delay: calc( 0.03s * var(--char-index) );
  -webkit-animation-duration: calc( 0.04s * calc( var(--char-total) ) );
          animation-duration: calc( 0.04s * calc( var(--char-total) ) );
}

/* ---------------------------------- */
.rainbow1-it .char {
  transition: color 0.6s linear;
  transition-delay: calc( 0.2s * (1 - var(--distance-percent)) );
}
.rainbow1-it .char {
  color: hsl(calc(260 * ( var(--char-index) / var(--char-total) ) ), 90%, 70%);
}

/* ---------------------------------- */
.pop1-out .char {
  color: var(--mxt-secondary);
}
.pop1-out .char:after {
  visibility: visible;
  color: var(--mxt-primary);
  z-index: 2;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 1), linear;
          animation-timing-function: cubic-bezier(0.5, 0.5, 1), linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: calc( 0.08s * calc( var(--char-total) ) );
          animation-duration: calc( 0.08s * calc( var(--char-total) ) );
  -webkit-animation-delay: calc( 0.08s * var(--char-index) );
          animation-delay: calc( 0.08s * var(--char-index) );
}
.pop1-out .char:after {
  -webkit-animation-name: pop-char-out;
          animation-name: pop-char-out;
}

@-webkit-keyframes pop-char-out {
  0%, 70%, 100% {
    transform: translate(0em, 0em);
  }
  35% {
    transform: translate(0.05em, -0.1em);
  }
}

@keyframes pop-char-out {
  0%, 70%, 100% {
    transform: translate(0em, 0em);
  }
  35% {
    transform: translate(0.05em, -0.1em);
  }
}
/* ---------------------------------- */
.pop1-out-color .char {
  color: var(--mxt-secondary);
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1), linear;
          animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1), linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: calc( 0.08s * calc( var(--char-total) ) );
          animation-duration: calc( 0.08s * calc( var(--char-total) ) );
  -webkit-animation-delay: calc( 0.08s * var(--char-index) );
          animation-delay: calc( 0.08s * var(--char-index) );
}
.pop1-out-color .char:before, .pop1-out-color .char:after {
  visibility: visible;
  color: var(--mxt-primary);
  z-index: 1;
  -webkit-animation: inherit;
          animation: inherit;
}
.pop1-out-color .char:after {
  color: var(--mxt-primary);
  z-index: 2;
}
.pop1-out-color .char {
  -webkit-animation-name: color-cycle;
          animation-name: color-cycle;
}
.pop1-out-color .char:after {
  -webkit-animation-name: pop-char-out;
          animation-name: pop-char-out;
}
.pop1-out-color .char:before {
  -webkit-animation-name: pop-char-out2, color-cycle;
          animation-name: pop-char-out2, color-cycle;
}

@-webkit-keyframes pop-char-out2 {
  0%, 70%, 100% {
    transform: translate(0em, 0em);
  }
  35% {
    transform: translate(0.025em, -0.05em);
  }
}

@keyframes pop-char-out2 {
  0%, 70%, 100% {
    transform: translate(0em, 0em);
  }
  35% {
    transform: translate(0.025em, -0.05em);
  }
}


.color1-rainbow.splitting {   
  color: hsl(
    calc(360deg * var(--char-percent)
    ), 
    90%, 
    65%
  );
 
}

.color1-rainbow .char {
  font-weight: 600;
  animation: rainbow-colors 2s linear infinite;
  animation-delay: calc(-2s * var(--char-percent));
}
@keyframes rainbow-colors {
  0% { color: hsl(0turn, 90%, 65%); }
  25% { color: hsl(.25turn, 90%, 65%); }
  50% { color: hsl(.5turn, 90%, 65%); }
  75% { color: hsl(.75turn, 90%, 65%); }
  100% { color: hsl(1turn, 90%, 65%); }
}


.slide1-color.splitting {
  --text-weight-min: 100;
  --text-weight-max: 900;
  --text-slant-min: 1;
  --text-slant-max: 12;
  --text-width-min: 75;
  --text-width-max: 100;
  --glow-hue-min: 0;
  --glow-hue-max: 255;
  --glow-size-min: 0;
  --glow-size-max: 15;
  --glow-lightness: 57%;
  --delay: 0;
  --duration: 3s;
  --percent: 0;
}

.slide1-color .char {
  font-stretch: var(--text-width);
  font-style: oblique var(--text-slant);
  font-weight: var(--text-weight);
  animation: wave var(--duration) ease-in-out var(--delay) infinite alternate;
  animation-fill-mode: backwards;
  --percent: calc(var(--char-index) / var(--char-total));
  --delay: calc(var(--percent) * var(--duration));
  --glow-hue: calc(var(--percent) * 510);
}

@keyframes wave {
  0% {
    font-variation-settings: "wght" var(--text-weight-min), "wdth" var(--text-width-min), "slnt" var(--text-slant-min);
    text-shadow: 0 0 calc(var(--glow-size-min) * 1px) hsla(var(--glow-hue), 100%, var(--glow-lightness), 1);
  }
  50% {
    font-variation-settings: "wght" var(--text-weight-max), "wdth" var(--text-width-max), "slnt" var(--text-slant-max);
    text-shadow: 0 0 calc(var(--glow-size-max) * 1px) hsla(calc(var(--glow-hue) + 255), 100%, var(--glow-lightness), 1);
  }
  100% {
    font-variation-settings: "wght" var(--text-weight-min), "wdth" var(--text-width-min), "slnt" var(--text-slant-min);
    text-shadow: 0 0 calc(var(--glow-size-min) * 1px) hsla(var(--glow-hue), 100%, var(--glow-lightness), 1);
  }
}