.reserve-steps{margin:12px auto 36px;max-width:600px;padding:0 20px}.reserve-steps__bar,.reserve-steps__item{align-items:center;display:flex}.reserve-steps__item{flex:1;flex-direction:column;gap:10px;position:relative;z-index:1}.reserve-steps__circle{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50%;color:#ccc;display:flex;flex-shrink:0;font-size:var(--fair-font-size-xl,22px);font-weight:900;height:50px;justify-content:center;overflow:hidden;transition:all .3s;width:50px}.reserve-steps__item.is-active .reserve-steps__circle{box-shadow:0 0 0 6px rgba(220,0,19,.15)}.reserve-steps__item.is-active .reserve-steps__circle,.reserve-steps__item.is-completed .reserve-steps__circle{background:var(--fair-color-primary,#dc0013);border-color:var(--fair-color-primary,#dc0013);color:#fff}.reserve-steps__text{color:#bbb;font-size:var(--fair-font-size-lg,18px);font-weight:700;text-align:center;transition:color .3s;white-space:nowrap}.reserve-steps__item.is-active .reserve-steps__text{color:#1a1a1a}.reserve-steps__item.is-completed .reserve-steps__text{color:var(--fair-color-primary,#dc0013)}.reserve-steps__line{background:#e0e0e0;flex:1;height:2px;margin:0 4px 18px;transition:background .3s}.reserve-steps__line.is-filled{background:var(--fair-color-primary,#dc0013)}@media (max-width:480px){.reserve-steps{max-width:350px;padding:0 12px}.reserve-steps__circle{font-size:var(--fair-font-size-lg,18px);height:35px;width:35px}.reserve-steps__text{font-size:var(--fair-font-size-sm,13px)}.reserve-steps__line{flex:1;margin-bottom:14px}}