.kal-scroll-top{--kal-scroll-progress: 0%;position:fixed;z-index:30;bottom:8.5rem;display:grid;width:4rem;height:4rem;place-items:center;padding:0;color:rgba(var(--color-foreground),.8);background:rgba(var(--color-background),.72);border:0;border-radius:0;box-shadow:0 0 .3rem rgba(var(--color-foreground),.12);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(.5rem);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,color .25s ease}.kal-scroll-top[hidden]{display:none}.kal-scroll-top--right{right:4rem}.kal-scroll-top--left{left:4rem}.kal-scroll-top:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;background:conic-gradient(rgba(var(--color-foreground),.85) var(--kal-scroll-progress),rgba(var(--color-foreground),.2) 0);content:"";pointer-events:none;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.kal-scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.kal-scroll-top:hover{color:rgb(var(--color-foreground))}.kal-scroll-top svg{position:relative;z-index:1;width:2rem;height:2rem}.kal-scroll-top:focus-visible{outline:.2rem solid rgb(var(--color-link));outline-offset:.3rem}@media screen and (max-width:1024px){.kal-scroll-top--right{right:1.5rem}.kal-scroll-top--left{left:1.5rem}}@media screen and (max-width:767px){.kal-scroll-top{width:3.2rem;height:3.2rem}.kal-scroll-top svg{width:1.5rem;height:1.5rem}}@media(prefers-reduced-motion:reduce){.kal-scroll-top{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/Kal-scroll-top.css.map */