#to-top.to-top{--tt-mint:#1b7a68;--tt-mint-2:#2fae93;--tt-arrow-h:#5fd3b8;--tt-paper:#f3efe8;--tt-ink:#171614;
  left:24px;bottom:24px;width:52px;height:52px;border-radius:16px;
  background:var(--tt-ink);border:0;color:transparent;font-size:0;
  box-shadow:0 10px 24px rgba(23,22,20,.26),inset 0 0 0 1px rgba(185,230,220,.28);
  transition:background-color .26s ease,box-shadow .26s ease,transform .18s ease}
#to-top.to-top>span{position:relative;display:block;width:22px;height:26px;color:transparent}
#to-top.to-top>span::before{content:"";position:absolute;left:10px;top:1px;width:2px;height:24px;
  background:var(--tt-paper);border-radius:1px;transition:background-color .26s ease}
#to-top.to-top>span::after{content:"";position:absolute;left:5px;top:2px;width:12px;height:12px;
  border-left:2px solid var(--tt-paper);border-top:2px solid var(--tt-paper);
  transform:rotate(45deg);border-radius:1px;transition:border-color .26s ease}
#to-top.to-top:focus-visible{outline:2px solid var(--tt-mint);outline-offset:3px}


@media (hover:hover) and (pointer:fine){
  #to-top.to-top:hover>span::before{background:var(--tt-arrow-h)}
  #to-top.to-top:hover>span::after{border-left-color:var(--tt-arrow-h);border-top-color:var(--tt-arrow-h)}
}


#to-top.to-top.tt-glow{background:var(--tt-mint-2);
  box-shadow:0 10px 24px rgba(23,22,20,.26),inset 0 0 0 1px rgba(255,255,255,.30)}
#to-top.to-top.tt-glow>span::before{background:#ffffff}
#to-top.to-top.tt-glow>span::after{border-left-color:#ffffff;border-top-color:#ffffff}

#to-top.to-top.tt-flash{animation:ttRing .42s ease-out 1}
@keyframes ttRing{
  0%{box-shadow:0 0 0 0 rgba(47,174,147,.55),0 10px 24px rgba(23,22,20,.26)}
  100%{box-shadow:0 0 0 14px rgba(47,174,147,0),0 10px 24px rgba(23,22,20,.26)}}

body.has-cookie-bar #to-top.to-top{bottom:calc(var(--cookie-bar-h,44px) + 24px)}
@media (max-width:768px){#to-top.to-top{left:24px;right:auto;bottom:24px;width:52px;height:52px}}
@media (prefers-reduced-motion:reduce){#to-top.to-top{transition:none}#to-top.to-top.tt-flash{animation:none}}