:host{position:fixed;right:15px;bottom:calc(8px + var(--bar-mobile-height, 7px));z-index:350;pointer-events:none}@media(min-width:768px){:host{right:15px;bottom:calc(15px + var(--bar-mobile-height, 0px))}}@media(min-width:1025px){:host{right:20px;bottom:20px}}button{width:var(--size);height:var(--size);border-radius:var(--radius);color:var(--color-active);padding:0;border:none;background:none;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;background-color:var(--background);box-shadow:0 0 20px 0 var(--shadow)}:host([show]) button{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media screen and (pointer:fine)and (prefers-reduced-motion:no-preference){:host([show]) button:hover{transform:scale(1.1)}}.icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.icon svg{width:auto;height:auto}.water{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:translateY(100%);background-color:var(--background-progress);border:1px solid var(--background-progress)}.water svg use{margin-bottom:-1px;position:relative;bottom:-1px;fill:var(--background-progress)}.water .water-wave{width:200%;position:absolute;bottom:100%}.water .water-wave--back{right:0;fill:var(--background-progress);animation:wave-back 1.4s infinite linear}.water .water-wave--front{left:0;margin-bottom:-1px;animation:wave-front .7s infinite linear}@keyframes wave-front{to{transform:translate(-50%)}}@keyframes wave-back{to{transform:translate(50%)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/back-to-top.css.map */