#back-to-top{--back-to-top-size: 35px;padding:1rem;color:var(--color-primary);background-color:var(--color-hsla-white-15);border-radius:50%;width:var(--back-to-top-size);height:var(--back-to-top-size)}@media(min-width: 768px){#back-to-top{--back-to-top-size: 50px;--back-to-top-offset-x: 50px;--back-to-top-offset-y: 100px;z-index:var(--z-index-to-top-button);position:fixed;right:var(--back-to-top-offset-x);bottom:var(--back-to-top-offset-y);opacity:0;font-size:2rem;background-color:var(--color-secondary);transform:translateY(25px);transition:transform 250ms,opacity 250ms,background-color 250ms ease;column-gap:0;padding:0}#back-to-top.show{opacity:1;transform:translateY(0)}}@media(min-width: 1400px){body.overlay-open #back-to-top,body.compensate-for-scrollbar #back-to-top{right:calc(var(--back-to-top-offset-x) + 15px)}}@media(hover: hover){#back-to-top:focus-visible{outline-color:var(--color-white);outline-offset:0}#back-to-top:hover{background-color:var(--color-primary)}#back-to-top:hover i{color:var(--color-secondary)}}