/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
/* Do not use this */
/* Use this */
go-to-top {
  /**
    @prop --go-to-top-right:
      Right position of the button.
      - default: 2rem
  */
  --go-to-top-right: 2rem;
  /**
    @prop --go-to-top-bottom:
      Bottom position of the button.
      - default: 2rem
  */
  --go-to-top-bottom: 2rem;
  display: block;
  position: fixed;
  bottom: var(--go-to-top-bottom);
  right: var(--go-to-top-right);
  pointer-events: none;
  z-index: var(--layer-important);
  opacity: 0;
  transform: scale(0);
  transition: transform var(--go-duration-normal) var(--go-timing-function), opacity var(--go-duration-normal) var(--go-timing-function);
}
@media (prefers-reduced-motion: reduce) {
  go-to-top {
    transition-duration: 0s;
  }
}
go-to-top.active {
  pointer-events: inherit;
  transform: scale(1);
  opacity: 1;
}