/* hoverUnderline.st.css */
/* Refer to it with: -st-default */
.root {
  color: inherit;
  text-decoration: none;
  position: relative;
  transition:
    padding 200ms cubic-bezier(.37, .04, .52, 1),
    color 250ms cubic-bezier(.37, .04, .52, 1);
}

.root::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  transition: transform .3s, background-color .3s;
  z-index: 20;
  left: 0;
  width: 4px;
  transform: scaleX(0);
  will-change: transform;
}

.root:focus-visible::before,
.root:hover::before,
.root:active::before {
  transform: scaleX(1);
}

.root:focus-visible,
.root:hover,
.root:active {
  text-decoration: none;
}