.spst-anchor{display:block;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}
.spst-editor-note{
  display:block;
  padding:14px 16px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(14,45,37,.92),rgba(9,32,26,.96));
  color:#d9efe5;
  font:500 14px/1.5 Orbitron,Arial,sans-serif;
  border:1px solid rgba(120,185,154,.28);
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.spst-scroll-top{
  --spst-size:68px;
  --spst-right:24px;
  --spst-bottom:28px;
  position:fixed;
  right:var(--spst-right);
  bottom:var(--spst-bottom);
  width:var(--spst-size);
  height:var(--spst-size);
  border:none;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(23,77,61,.96) 0%,rgba(13,45,36,.98) 52%,rgba(8,27,22,1) 100%);
  box-shadow:0 18px 38px rgba(0,0,0,.28), inset 0 1px 0 rgba(202,241,223,.18), 0 0 0 1px rgba(103,166,139,.20);
  z-index:2147481500;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,18px,0) scale(.92);
  transition:opacity .24s ease, transform .24s ease, box-shadow .24s ease, background .24s ease;
  overflow:hidden;
}
.spst-scroll-top:before,
.spst-scroll-top:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.spst-scroll-top:before{
  background:
    linear-gradient(rgba(175,224,198,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(175,224,198,.08) 1px, transparent 1px);
  background-size:12px 12px;
  opacity:.52;
}
.spst-scroll-top:after{
  inset:1px;
  border-radius:21px;
  border:1px solid rgba(137,207,177,.18);
}
.spst-scroll-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0) scale(1);
}
.spst-scroll-top:hover,
.spst-scroll-top:focus-visible{
  background:linear-gradient(180deg,rgba(33,98,78,.98) 0%,rgba(18,62,49,1) 54%,rgba(9,31,24,1) 100%);
  box-shadow:0 22px 42px rgba(0,0,0,.32), inset 0 1px 0 rgba(222,250,235,.24), 0 0 0 1px rgba(126,192,163,.30);
  outline:none;
}
.spst-core,
.spst-ring,
.spst-arrow,
.spst-pulse{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.spst-core{
  width:36%;
  height:36%;
  border-radius:12px;
  background:radial-gradient(circle at 50% 35%,rgba(193,238,219,.24) 0%,rgba(86,146,119,.22) 26%,rgba(26,73,58,.18) 44%,rgba(14,39,31,.10) 100%);
  box-shadow:0 0 0 1px rgba(101,169,139,.18);
}
.spst-ring{
  width:60%;
  height:60%;
  border-radius:50%;
  border:1px solid rgba(128,196,166,.38);
  box-shadow:0 0 0 1px rgba(21,68,53,.24) inset;
  animation:spst-ring-rotate 5s linear infinite;
}
.spst-ring:before,
.spst-ring:after{
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(153,215,186,.64);
  top:50%;
  margin-top:-3px;
}
.spst-ring:before{left:-3px}
.spst-ring:after{right:-3px}
.spst-arrow{
  width:38%;
  height:42%;
}
.spst-arrow span{
  position:absolute;
  display:block;
  background:linear-gradient(180deg,#dff7ea 0%,#b5e2cc 45%,#7eb89d 100%);
  border-radius:999px;
  box-shadow:0 0 6px rgba(182,232,210,.16);
}
.spst-arrow span:nth-child(1){
  left:50%;
  top:20%;
  width:18%;
  height:52%;
  margin-left:-9%;
}
.spst-arrow span:nth-child(2){
  left:15%;
  top:27%;
  width:52%;
  height:14%;
  transform:rotate(-45deg);
  transform-origin:left center;
}
.spst-arrow span:nth-child(3){
  right:15%;
  top:27%;
  width:52%;
  height:14%;
  transform:rotate(45deg);
  transform-origin:right center;
}
.spst-pulse{
  width:92%;
  height:92%;
  border-radius:24px;
  border:1px solid rgba(141,205,176,.16);
  animation:spst-pulse 2.2s ease-in-out infinite;
}
@keyframes spst-ring-rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes spst-pulse{0%,100%{opacity:.34;transform:translate(-50%,-50%) scale(1)}50%{opacity:.68;transform:translate(-50%,-50%) scale(1.04)}}
@media (max-width: 767px){
  .spst-scroll-top{
    right:max(12px, calc(var(--spst-right) * .72));
    bottom:max(16px, calc(var(--spst-bottom) * .82));
  }
}
@media (prefers-reduced-motion: reduce){
  .spst-scroll-top,
  .spst-ring,
  .spst-pulse{animation:none;transition:none}
}