#scrollToTop{--scroll-btn-bg:color-mix(in srgb, var(--wp--preset--color--accent-2) 77%, transparent);--scroll-btn-bg-hover:color-mix(in srgb, var(--wp--preset--color--base) 85%, transparent);--scroll-arrow-color:var(--wp--preset--color--base);--scroll-arrow-color-hover:var(--wp--preset--color--accent-4);position:fixed;bottom:40px;right:30px;width:50px;height:50px;background-color:var(--scroll-btn-bg);color:var(--scroll-arrow-color);border:none;border-radius:50%;cursor:pointer;font-size:18px;z-index:9999;opacity:0;visibility:hidden;transform:translateY(100px) scale(.5);transition:all 0.4s ease;display:flex;align-items:center;justify-content:center}#scrollToTop svg{width:24px;height:24px}#scrollToTop.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}#scrollToTop.animate-in{animation:bounceIn 0.4s ease-out}#scrollToTop.disappear{animation:fadeBlurOut 0.5s cubic-bezier(.4,0,.2,1) forwards}#scrollToTop.bounce{animation:bounceClick 0.4s cubic-bezier(.68,-.55,.27,1.55)}#scrollToTop:hover{background-color:var(--scroll-btn-bg-hover);transform:translateY(-3px) scale(1.1)}#scrollToTop:hover svg,#scrollToTop:hover svg path{fill:var(--scroll-arrow-color-hover)}@keyframes bounceIn{0%{transform:translateY(100px) scale(.3);opacity:0}50%{transform:translateY(-10px) scale(1.1)}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeBlurOut{0%{opacity:1;filter:blur(0);transform:scale(1)}60%{opacity:.7;filter:blur(2px);transform:scale(1.08)}100%{opacity:0;filter:blur(10px);transform:scale(1.15)}}@keyframes bounceClick{0%{transform:scale(1)}30%{transform:scale(1.25,.85)}50%{transform:scale(.95,1.1)}70%{transform:scale(1.05,.95)}100%{transform:scale(1)}}@media (max-width:768px){#scrollToTop{bottom:20px;right:20px;width:45px;height:45px;font-size:16px}}