/*Scrollbar Styling*/
::-webkit-scrollbar {
  width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  background: var(--neutral-dark);
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--action);
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--action-hover);
}
:root {
  --link-gradient: linear-gradient(120deg,var(--primary) 0%,var(--action) 100%);
  --highlight: linear-gradient(120deg,var(--primary) 0%,var(--primary) 100%);
  --box-frame: .75rem .75rem var(--action), 1.5rem 1.5rem var(--primary);
  --box-frame-light: .75rem .75rem var(--neutral-light-trans-40), 1.5rem 1.5rem var(--neutral-light-trans-20);
  --text-shadow: .05em .05em .5em var(--neutral-light-trans-40);
  --triangle-divider-height: 3rem;
  --triangle-divider-width: 15rem;
  --divider-height: min(8rem, 8vmin);
  --paragraph-spacing: 1em;
  --heading-spacing: 1.5em;
  --figure-spacing: 2em;
}
.neon {
  color: #fff !important;
  padding: 0.5rem 1rem;
  border: 2px solid white;
  text-align: left;
  opacity: 0;
  border-radius: 5px;
  animation: lightson 0.5s ease 3 forwards;
}
.neon::selection {
  background: #e10074;
  /* WebKit/Blink Browsers */
}
.neon::-moz-selection {
  background: #e10074;
  /* Gecko Browsers */
}
@keyframes lightson {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 0px #e10074, 0px 0px 0px #e10074, 0px 0px 0px #e10074;
    box-shadow: 0px 0px 0px 0px #e10074, 0px 0px 0px 0px #e10074, 0px 0px 0px 0px #e10074, inset 0px 0px 0px #e10074;
  }
  20% {
    opacity: 0.5;
    text-shadow: 0px 0px 2.5px #e10074, 0px 0px 5px #e10074, 1px 1px 25px #e10074;
    box-shadow: 0px 0px 5px 0px #e10074, 0px 0px 10px 0px #e10074, 0px 0px 50px 0px #e10074, inset 0px 0px 20px #e10074;
  }
  40% {
    opacity: 0;
    text-shadow: 0px 0px 1px #e10074, 0px 0px 2px #e10074, 0px 0px 10px #e10074;
    box-shadow: 0px 0px 2px 0px #e10074, 0px 0px 5px 0px #e10074, 0px 0px 25px 0px #e10074, inset 0px 0px 10px #e10074;
  }
  50% {
    opacity: 1;
    text-shadow: 0px 0px 5px #e10074, 0px 0px 10px #e10074, 1px 1px 50px #e10074;
    box-shadow: 0px 0px 10px 0px #e10074, 0px 0px 20px 0px #e10074, 0px 0px 100px 0px #e10074, inset 0px 0px 30px #e10074;
  }
  100% {
    opacity: 1;
    text-shadow: 0px 0px 5px #e10074, 0px 0px 10px #e10074, 1px 1px 50px #e10074;
    box-shadow: 0px 0px 10px 0px #e10074, 0px 0px 30px 0px #e10074, 0px 0px 100px 0px #e10074, inset 0px 0px 30px #e10074;
  }
}
.pulse:hover, .pulse:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 1em transparent;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--action-trans-40);
  }
}
[class*=btn--] {
  transition: all 0.3s ease;
}
[class*=btn--]:hover, [class*=btn--]:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 1em transparent;
}
.fr-nav-delta.brxe-nav-menu .bricks-nav-menu > li:not(:last-child) a::after {
  transition: all 0.3s ease;
  content: "";
  position: absolute;
  display: flex;
  width: 0;
  background-color: var(--action);
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.25em;
  height: 2px;
  border-radius: var(--fr-card-radius);
}
.fr-nav-delta.brxe-nav-menu .bricks-nav-menu > li:not(:last-child) a:hover::after {
  width: 100%;
  animation: pulse 1s;
  box-shadow: 0 0 0 1em transparent;
}
.pulse:hover, .pulse:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 1em transparent;
}
span.standout {
  background: -webkit-linear-gradient(var(--action-light), var(--action));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
a[aria-current=page]:not(.logo, .brxe-dropdown a) {
  background: linear-gradient(90deg, hsl(var(--action-h), 100%, 40%), hsl(var(--action-h), 100%, 80%), hsl(var(--action-h), 100%, 40%), hsl(var(--action-h), 100%, 80%));
  background-size: 400% 400%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: 600;
}