.dbtfy-back-to-top{ --dbtfy-btt-bottom-margin:20px; align-items:center; border-color:rgba(var(--color-foreground)); border-style:solid; bottom:var(--dbtfy-btt-bottom-margin); cursor:pointer; display:flex; justify-content:center; overflow:hidden; padding:10px; position:fixed; opacity:0; visibility:hidden; transition:opacity .4s ease-in-out,visibility .4s ease-in-out,border-color .3s ease; z-index:1000; -webkit-transition:opacity .4s ease-in-out,visibility .4s ease-in-out,border-color .3s ease; -moz-transition:opacity .4s ease-in-out,visibility .4s ease-in-out,border-color .3s ease; -ms-transition:opacity .4s ease-in-out,visibility .4s ease-in-out,border-color .3s ease; -o-transition:opacity .4s ease-in-out,visibility .4s ease-in-out,border-color .3s ease; background:rgba(var(--color-background)); isolation:isolate; }.dbtfy-back-to-top::before{ content:''; position:absolute; bottom:0; left:0; width:100%; height:0; background:#fff; transition:height .3s ease; z-index:-1; }.dbtfy-back-to-top:hover::before{ height:100%; }.dbtfy-back-to-top:hover{ border-color:#000; }.dbtfy-back-to-top.show{opacity:1;visibility:visible}.dbtfy-back-to-top svg{fill:rgba(var(--color-foreground));transition:fill .3s ease}.dbtfy-back-to-top:hover svg{fill:#000}.dbtfy-back-to-top--left{left:20px}.dbtfy-back-to-top--center{left:50%;transform:translateX(-50%)}.dbtfy-back-to-top--right{right:20px}.dbtfy-back-to-top__image{display:block;height:24px;margin:0 auto;width:24px}.dbtfy-back-to-top__scroll-animation-container{background-color:rgba(var(--color-foreground));height:var(--scroll-back-to-to-height);mix-blend-mode:overlay}