/* This file is copied from https://codepen.io/lucasromerodb/pen/vEOWpYM */

.liquidGlass-wrapper {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}

.liquidGlass-effect {
  position: absolute;
  z-index: -3;
  inset: 0;
  backdrop-filter: saturate(180%) blur(3px);
  filter: url(#glass-distortion);
  overflow: hidden;
  isolation: isolate;
}

.liquidGlass-tint {
  z-index: -2;
  position: absolute;
  inset: 0;
}

.navbar-light .liquidGlass-tint {
  background: rgba(255, 255, 255, 0.35);
}

.navbar-dark .liquidGlass-tint {
  background: rgba(23, 23, 23, 0.35);
}

.liquidGlass-shine {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  box-shadow: inset 1px 1px 0.5px 0 rgba(255, 255, 255, 0.5),
    inset -0.5px -0.5px 0.5px 0.5px rgba(255, 255, 255, 0.5);
}

.liquidGlass-text {
  z-index: 3;
  /* font-size: 2rem;
  color: black; */
}
