:root{--backtotop-bg-color:rgba(40, 42, 122, 0.8);--backtotop-hover-color:rgba(40, 42, 122, 1);--backtotop-color:#fff;--backtotop-size:45px;--backtotop-margin:25px}.BackToTop{position:fixed;width:var(--backtotop-size);height:var(--backtotop-size);border-radius:50%;background-color:var(--backtotop-bg-color);color:var(--backtotop-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,background-color .2s ease;z-index:1000;box-shadow:0 3px 6px rgba(0,0,0,.16)}.BackToTop:hover{background-color:var(--backtotop-hover-color)}.BackToTop svg{width:calc(var(--backtotop-size) * .4);height:calc(var(--backtotop-size) * .4);fill:currentColor}.BackToTop--visible{opacity:1;transform:translateY(0)}.BackToTop--bottom-right{bottom:var(--backtotop-margin);right:var(--backtotop-margin)}.BackToTop--bottom-left{bottom:var(--backtotop-margin);left:var(--backtotop-margin)}.BackToTop--top-right{top:var(--backtotop-margin);right:var(--backtotop-margin)}.BackToTop--top-left{top:var(--backtotop-margin);left:var(--backtotop-margin)}