.shimulia-back-to-top{
  --scroll-progress:0;
  --back-top-bg:#123b67;
  --back-top-ink:#fff;
  --back-top-ring:#efc94f;
  --back-top-hover:#fff;
  position:fixed;
  right:clamp(18px,3vw,42px);
  bottom:clamp(22px,5vh,54px);
  z-index:95;
  display:grid!important;
  place-items:center;
  width:66px;
  height:66px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent!important;
  color:var(--back-top-ink)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(14px) scale(.86);
  transition:opacity .25s ease,visibility .25s ease,transform .3s ease!important;
}

.shimulia-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}

.shimulia-progress-ring{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  transform:rotate(-90deg);
}

.shimulia-progress-ring circle{
  fill:none;
  stroke-width:2;
}

.shimulia-progress-track{
  stroke:color-mix(in srgb,var(--back-top-ring) 38%,transparent);
}

.shimulia-progress-value{
  stroke:var(--back-top-ring);
  stroke-linecap:round;
  stroke-dasharray:100;
  stroke-dashoffset:calc(100 - var(--scroll-progress));
  transition:stroke-dashoffset .08s linear;
}

.shimulia-back-to-top>span{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:50%;
  background:var(--back-top-bg);
  transition:background .25s ease,transform .25s ease;
}

.shimulia-arrow-up{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.shimulia-back-to-top:hover,
.shimulia-back-to-top:focus-visible{
  background:transparent!important;
  color:var(--back-top-bg)!important;
  transform:translateY(-4px);
}

.shimulia-back-to-top:hover>span,
.shimulia-back-to-top:focus-visible>span{
  background:var(--back-top-hover);
}

.shimulia-back-to-top:focus-visible{
  outline:2px solid var(--back-top-ring);
  outline-offset:4px;
}

.page-group .shimulia-back-to-top{--back-top-bg:#123b67;--back-top-ink:#fff;--back-top-ring:#efc94f;--back-top-hover:#fff}
.page-books .shimulia-back-to-top{--back-top-bg:#255fc3;--back-top-ink:#fffaf0;--back-top-ring:#c9ef56;--back-top-hover:#fffaf0}
.page-foods .shimulia-back-to-top{--back-top-bg:#235cbf;--back-top-ink:#fff;--back-top-ring:#f4c928;--back-top-hover:#fff}
.page-fabrics .shimulia-back-to-top{--back-top-bg:#6b2639;--back-top-ink:#f5ecdc;--back-top-ring:#d3b16d;--back-top-hover:#f5ecdc}
.page-cosmetics .shimulia-back-to-top{--back-top-bg:#4b2537;--back-top-ink:#fff6ef;--back-top-ring:#b9a18a;--back-top-hover:#fff6ef}

@media(max-width:680px){
  .shimulia-back-to-top{
    right:18px;
    bottom:20px;
    width:58px;
    height:58px;
  }

  .shimulia-back-to-top>span{
    width:46px;
    height:46px;
  }
}

@media(prefers-reduced-motion:reduce){
  .shimulia-back-to-top,
  .shimulia-back-to-top>span,
  .shimulia-progress-value{
    transition:none!important;
  }
}