.ui-to-top {
  position:fixed!important;
  z-index:9990!important;
  right:clamp(16px,2.5vw,40px)!important;
  bottom:clamp(16px,2.5vw,40px)!important;
  width:54px!important;
  height:54px!important;
  padding:0!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  overflow:visible!important;
  border:2px solid rgba(255,255,255,.9)!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#1749d2,#08279b)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(6,39,153,.3)!important;
  opacity:0;
  visibility:hidden;
  transform:translateY(24px) scale(.9)!important;
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease!important;
}
.ui-to-top::before {
  width:14px;
  height:14px;
  border-top:3px solid currentColor;
  border-left:3px solid currentColor;
  content:""!important;
  transform:translateY(4px) rotate(45deg);
}
.ui-to-top.active {
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1)!important;
}
.ui-to-top:hover,
.ui-to-top:focus-visible {
  background:linear-gradient(135deg,#35b34a,#168b34)!important;
  color:#fff!important;
  box-shadow:0 12px 32px rgba(18,128,46,.32)!important;
  outline:0;
  transform:translateY(-2px) scale(1.03)!important;
}
.ui-to-top:focus-visible {
  box-shadow:0 0 0 4px rgba(255,255,255,.95),0 0 0 7px rgba(8,39,155,.45),0 12px 32px rgba(6,39,153,.3)!important;
}
html.mobile .ui-to-top,
html.tablet .ui-to-top {
  display:flex!important;
}
@media(max-width:479px) {
  .ui-to-top {
    width:46px!important;
    height:46px!important;
  }
  .ui-to-top::before {
    width:12px;
    height:12px;
  }
}
@media(prefers-reduced-motion:reduce) {
  .ui-to-top {
    transition:none!important;
  }
}