.c8-back-top{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:60;display:grid;place-items:center;width:56px;height:56px;padding:0;border:1px solid #ff873c50;border-radius:15px;background:linear-gradient(145deg,#253029f5,#101713fa);color:#ffac72;box-shadow:0 8px 24px #0006,inset 0 1px 0 #ffffff12;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.c8-back-top[hidden]{display:none}
.back-top-progress{position:absolute;inset:1px;width:52px;height:52px;fill:none;stroke-width:1.1;pointer-events:none}
.back-top-track{stroke:#ff914029}
.back-top-meter{stroke:#ff914d;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--back-progress,0));stroke-linecap:round}
.back-top-arrow{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;pointer-events:none}
.c8-back-top:hover{border-color:#ff914dbb;box-shadow:0 8px 28px #0007,0 0 18px #ff783e25;transform:translateY(-3px)}
.c8-back-top:hover .back-top-arrow{transform:translateY(-2px)}
.c8-back-top:focus-visible{outline:2px solid #ffb17d;outline-offset:4px}
.c8-back-top:active{transform:translateY(0)}
@media(max-width:767px){.c8-back-top{right:max(14px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:52px;height:52px}.back-top-progress{inset:0;width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.c8-back-top,.back-top-arrow{transition:none}.c8-back-top:hover,.c8-back-top:hover .back-top-arrow{transform:none}}