.tipps-sticky{--tipps-sticky-size: 5rem;--tipps-sticky-gap: 0.8rem;--tipps-sticky-radius: 1.6rem;position:fixed;right:0;bottom:20%;z-index:var(--z-index-sticky-buttons);display:flex;flex-direction:column;gap:var(--tipps-sticky-gap);pointer-events:none}.tipps-sticky__button,.tipps-sticky__progress{pointer-events:auto}.tipps-sticky__button{display:inline-flex;align-items:center;justify-content:center;width:var(--tipps-sticky-size);height:var(--tipps-sticky-size);padding:0;border:0;border-radius:var(--tipps-sticky-radius) 0 0 var(--tipps-sticky-radius);box-shadow:var(--shadow-primary);cursor:pointer;transition:background-color 200ms ease,opacity 200ms ease}.tipps-sticky__button svg{--svg-size: 5.4rem;display:block;width:var(--svg-size);height:var(--svg-size)}.tipps-sticky__button--compare{background-color:var(--color-primary)}.tipps-sticky__button--top{opacity:0;visibility:hidden;background-color:var(--color-lighter-primary-alt)}.tipps-sticky__button--top svg{display:block;width:2.4rem;height:auto}.tipps-sticky__button--top svg path{fill:var(--color-primary-alt)}.tipps-sticky__button--top.show{opacity:1;visibility:visible}.tipps-sticky__progress{position:relative;width:var(--tipps-sticky-size);height:var(--tipps-sticky-size);border-radius:50%;box-shadow:var(--shadow-primary);isolation:isolate;opacity:0;visibility:hidden;transition:opacity 200ms ease}.tipps-sticky__progress.show{opacity:1;visibility:visible}.tipps-sticky__progress::before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:rgba(255,255,255,.92);backdrop-filter:blur(10px);z-index:0}.tipps-sticky__progress-ring{position:relative;z-index:1;display:block;width:100%;height:100%;transform:rotate(-90deg)}.tipps-sticky__progress-track,.tipps-sticky__progress-bar{fill:none;stroke-width:3}.tipps-sticky__progress-track{stroke:var(--color-lighter-primary-alt)}.tipps-sticky__progress-bar{stroke:var(--color-primary);stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:113.1;transition:stroke-dashoffset 120ms linear}.tipps-sticky__progress-label{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:var(--color-typo-default);font-size:1.1rem;font-weight:var(--fw-bold);line-height:1}@media(hover: hover)and (pointer: fine){.tipps-sticky__button:focus-visible{outline:3px solid var(--color-typo-default);outline-offset:2px}.tipps-sticky__button--compare:hover{background-color:var(--color-light-primary)}.tipps-sticky__button--top:hover{background-color:var(--color-lighter-primary)}}@media(min-width: 1400px){.tipps-sticky{--tipps-sticky-size: 6.4rem;bottom:50%;translate:0 50%}}