@charset "utf-8";
:root {
  --scrolltop-color-bg: #164d67;
  --scrolltop-color-arrow: #fff;
  --scrolltop-size: 50px;
  --scrolltop-size-arrow: 12px;
  --scrolltop-bottom: 45px;
  --scrolltop-right: 25px;
  --scrolltop-bottom-mobile: 25px;
  --scrolltop-right-mobile: 15px;
  --scrolltop-opacity-hover: 0.7;
  --scrolltop-transition-duration: 0.1s;
  --scrolltop-z-index: 99;
  --scrolltop-radius: 50%;
}
#scrolltotop_parent {
  position: fixed;
  right: var(--scrolltop-right);
  bottom: var(--scrolltop-bottom);
  z-index: var(--scrolltop-z-index) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--scrolltop-size);
  height: var(--scrolltop-size);
  padding: 0;
  border: 0;
  border-radius: var(--scrolltop-radius);
  background: var(--scrolltop-color-bg);
  cursor: pointer;
  transition:
    opacity var(--scrolltop-transition-duration),
    visibility 0s linear var(--scrolltop-transition-duration);
}
#scrolltotop_parent:hover {
  opacity: var(--scrolltop-opacity-hover);
}
#scrolltotop_parent:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
#scrolltotop_arrow {
  display: block;
  width: 0;
  height: 0;
  border-left: var(--scrolltop-size-arrow) solid #fff0;
  border-right: var(--scrolltop-size-arrow) solid #fff0;
  border-bottom: var(--scrolltop-size-arrow) solid var(--scrolltop-color-arrow);
}
.scrolltotop_hide_onload {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.scrolltotop_is_visible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}
@media only screen and (max-width: 1300px) {
  #scrolltotop_parent {
    right: var(--scrolltop-right-mobile) !important;
    bottom: var(--scrolltop-bottom-mobile) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #scrolltotop_parent {
    transition: none;
  }
}