.stepper{display:flex;gap:12px;place-items:center;list-style:none;margin-bottom:12px}.stepper__step{cursor:pointer;pointer-events:none;display:flex;gap:8px;place-items:center;color:var(--grey2);font-size:clamp(.875rem,calc(.4rem + .5vw + .5vh),1rem);transition:color .3s ease}.stepper__step>div{width:clamp(18px,calc(1 * 1vw + 1vh),24px);height:clamp(18px,calc(1 * 1vw + 1vh),24px);border-radius:4px;background-color:var(--grey5);position:relative;transition:background-color .3s ease}.stepper__step>div>mark{background-color:unset;color:var(--grey2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:color .3s ease}.stepper__annotation{color:var(--grey2)}.step--current,.step--passed{color:#000}.step--passed{pointer-events:all}.step--current>div>mark,.step--passed>div>mark{color:#fff}.step--passed>div{background-color:#000}.step--current>div{background-color:var(--main3)}.iconButton{background-color:unset;display:flex;place-items:center;gap:12px;border:none;cursor:pointer;padding:12px 24px;font-size:12px;color:var(--grey2);border-radius:4px;transition:opacity .3s ease}.iconButton--busy{pointer-events:none;opacity:.6}.iconButton--busy>svg{animation:iconButtonSpin 1s linear infinite}@keyframes iconButtonSpin{to{transform:rotate(1turn)}}.iconButton>input{display:none}@media (hover:hover){.iconButton:hover{opacity:.4}}