.btt{--p:0;z-index:60;-webkit-backdrop-filter:blur(10px);width:58px;height:58px;color:var(--paper);cursor:pointer;opacity:0;pointer-events:none;background:#0c0b18d1;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .3s,transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:grid;position:fixed;bottom:24px;right:24px;transform:scale(.2)}.btt.is-visible{opacity:1;pointer-events:auto;transform:none}.btt:hover,.btt:focus-visible{box-shadow:0 0 0 1px #bba6ff59,0 0 32px #7c5bcf73}.btt:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.btt-ring{width:100%;height:100%;position:absolute;inset:0}.btt-track{fill:none;stroke:#ebe2ff24;stroke-width:1.5px}.btt-progress{fill:none;stroke:url(#btt-gradient);stroke-width:2px;stroke-linecap:round;stroke-dashoffset:calc(var(--c) * (1 - var(--p)));transition:stroke-dashoffset .25s ease-out}.btt-orbit{transform:rotate(calc(var(--p) * 360deg));pointer-events:none;transition:transform .25s ease-out;position:absolute;inset:0}.btt-orbit>span{background:var(--cyan);width:6px;height:6px;opacity:min(1, calc(var(--p) * 20));border-radius:50%;position:absolute;top:calc(6.66666% - 3px);left:calc(50% - 3px);box-shadow:0 0 10px 2px #78e7dbcc}.btt-icon{width:18px;height:16px;position:relative}.btt-icon>span{transform-origin:50% 0;background:currentColor;border-radius:2px;width:3px;height:12px;transition:transform .45s cubic-bezier(.16,1,.3,1),background-color .3s;position:absolute;top:2px}.btt-icon>span:first-child{left:4px}.btt-icon>span:last-child{right:4px}.btt:hover .btt-icon>span,.btt:focus-visible .btt-icon>span{background:var(--violet)}.btt:hover .btt-icon>span:first-child,.btt:focus-visible .btt-icon>span:first-child{transform:translate(3.5px)rotate(40deg)}.btt:hover .btt-icon>span:last-child,.btt:focus-visible .btt-icon>span:last-child{transform:translate(-3.5px)rotate(-40deg)}.btt-tip{color:var(--violet);font:400 10px/1 var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#171425f2;border:1px solid #bba6ff59;border-radius:999px;padding:6px 10px;transition:opacity .25s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:calc(100% + 12px);transform:translate(6px,-50%)}@media (hover:hover){.btt:hover .btt-tip,.btt:focus-visible .btt-tip{opacity:1;transform:translateY(-50%)}}.btt.is-rewinding .btt-ring{animation:.9s cubic-bezier(.76,0,.24,1) btt-rewind}@keyframes btt-rewind{to{transform:rotate(-360deg)}}@media (min-width:768px){.btt{width:64px;height:64px;bottom:40px;right:40px}}@media (prefers-reduced-motion:reduce){.btt,.btt-progress,.btt-orbit,.btt-icon>span{transition:none}.btt.is-rewinding .btt-ring{animation:none}}