.back-to-top{z-index:50;background-color:var(--primary-500);color:#fff;cursor:pointer;opacity:0;visibility:hidden;border:none;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;transition:opacity .3s,visibility .3s,transform .3s,background-color .3s,box-shadow .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(1rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background-color:var(--primary-600);transform:translateY(0)scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}:root[class~=dark] .back-to-top,.dark .back-to-top{box-shadow:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080}:root[class~=dark] .back-to-top:hover,.dark .back-to-top:hover{background-color:var(--primary-400);box-shadow:0 20px 25px -5px #0009,0 10px 10px -5px #0006}