.kp-cycle{display:block;--kp-ring: clamp(26rem, 74vw, 34rem);--kp-marker: 3.4rem}@media screen and (min-width:750px){.kp-cycle{--kp-ring: 38rem;--kp-marker: 4rem}}.kp-cycle__ring{position:relative;width:var(--kp-ring);height:var(--kp-ring);margin-inline:auto}.kp-cycle__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.kp-cycle__track,.kp-cycle__progress{fill:none}.kp-cycle__track{stroke:rgba(var(--color-foreground),.14);stroke-width:.7}.kp-cycle__progress{stroke:var(--kp-accent);stroke-width:1.6;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.kp-cycle__markers{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.kp-cycle__markers li{position:absolute;top:50%;left:50%;width:var(--kp-marker);height:var(--kp-marker);margin:calc(var(--kp-marker) / -2);transform:rotate(calc(-90deg + var(--i) * 360deg / var(--kp-n))) translate(calc(var(--kp-ring) / 2)) rotate(calc(90deg - var(--i) * 360deg / var(--kp-n)))}.kp-cycle__marker{display:grid;place-items:center;width:100%;height:100%;padding:0;border:1px solid rgba(var(--color-foreground),.16);border-radius:50%;background-color:var(--kp-surface, #fff);color:rgba(var(--color-foreground),.55);font-family:var(--font-heading-family);font-size:1.4rem;font-weight:600;line-height:1;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.4,.64,1),background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.kp-cycle__marker.is-active{background-color:var(--kp-accent);border-color:var(--kp-accent);color:#fff;transform:scale(1.16);box-shadow:0 6px 20px color-mix(in srgb,var(--kp-accent) 38%,transparent)}.kp-cycle__marker:focus-visible{outline:2px solid var(--kp-accent);outline-offset:3px}@media(hover:hover){.kp-cycle__marker:not(.is-active):hover{border-color:var(--kp-accent);color:rgb(var(--color-foreground))}}.kp-cycle__center{position:absolute;inset:calc(var(--kp-marker) + 1.2rem);display:grid;place-items:center;text-align:center}.kp-cycle__panel{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:kp-cycle-in .45s cubic-bezier(.2,.7,.3,1) both}.kp-cycle__panel[hidden]{display:none}@keyframes kp-cycle-in{0%{opacity:0;transform:translateY(.8rem) scale(.97)}to{opacity:1;transform:none}}.kp-cycle__icon{color:var(--kp-accent);margin-bottom:.2rem}.kp-cycle__icon .kp-icon{--kp-icon-size: 2.6rem}.kp-cycle__step{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kp-accent)}.kp-cycle__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.8rem,4.4vw,2.2rem);font-weight:600;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.kp-cycle__text{margin:0;font-size:1.3rem;line-height:1.45;color:rgba(var(--color-foreground),.72);max-width:26ch;text-wrap:pretty}.kp-cycle__actions{justify-content:center;margin-top:3.6rem}@media(prefers-reduced-motion:reduce){.kp-cycle__progress,.kp-cycle__marker{transition:none}.kp-cycle__panel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kp-cycle.css.map */