.bici-condition{--condition-accent: #84cc16;display:block;margin:14px 0 18px;padding:18px;overflow:hidden;border:1px solid rgba(17,24,39,.1);border-radius:18px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--condition-accent) 12%,transparent),transparent 34%),linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 12px 32px #11182712}.bici-condition__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.bici-condition__title{margin:0;color:#111827;font-size:17px;font-weight:750;letter-spacing:-.02em;line-height:1.2}.bici-condition__current{flex:none;padding:7px 11px;border:1px solid color-mix(in srgb,var(--condition-accent) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--condition-accent) 12%,#fff);color:color-mix(in srgb,var(--condition-accent) 75%,#111827);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:color .18s ease,background .18s ease,border-color .18s ease}.bici-condition__scale{position:relative;padding:0 2px}.bici-condition__line{position:absolute;z-index:0;top:10px;right:9%;left:9%;height:6px;border-radius:999px;background:linear-gradient(90deg,#f97316,#eab308,#84cc16,#10b981,#7c3aed);box-shadow:inset 0 1px 2px #11182726}.bici-condition__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}.bici-condition__step{--step-color: #9ca3af;display:flex;min-width:0;flex-direction:column;align-items:center;gap:7px;color:#9ca3af;text-align:center;transition:color .18s ease,transform .18s ease}.bici-condition__step:nth-child(1){--step-color: #f97316}.bici-condition__step:nth-child(2){--step-color: #eab308}.bici-condition__step:nth-child(3){--step-color: #84cc16}.bici-condition__step:nth-child(4){--step-color: #10b981}.bici-condition__step:nth-child(5){--step-color: #7c3aed}.bici-condition__dot{width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:var(--step-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--step-color) 55%,#d1d5db),0 2px 5px #1118271f;transition:width .18s ease,height .18s ease,box-shadow .18s ease,transform .18s ease}.bici-condition__label{max-width:72px;font-size:10px;font-weight:650;line-height:1.15}.bici-condition__step.is-active{color:#111827;transform:translateY(-2px)}.bici-condition__step.is-active .bici-condition__dot{width:26px;height:26px;transform:translateY(-3px);box-shadow:0 0 0 4px color-mix(in srgb,var(--step-color) 18%,#fff),0 0 0 6px color-mix(in srgb,var(--step-color) 45%,transparent),0 7px 16px color-mix(in srgb,var(--step-color) 35%,transparent)}.bici-condition__step.is-active .bici-condition__label{font-weight:850}.bici-condition__detail{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center;margin-top:17px;padding:13px 14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--condition-accent) 25%,#e5e7eb);border-radius:13px;background:color-mix(in srgb,var(--condition-accent) 8%,#fff);transition:background .18s ease,border-color .18s ease}.bici-condition__detail:before{position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--condition-accent);content:""}.bici-condition__detail-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:var(--condition-accent);color:#fff;box-shadow:0 7px 16px color-mix(in srgb,var(--condition-accent) 25%,transparent)}.bici-condition__detail-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.bici-condition__detail strong{display:block;margin-bottom:2px;color:#111827;font-size:13px;line-height:1.2}.bici-condition__detail p{margin:0;color:#4b5563;font-size:12px;line-height:1.45}@media(max-width:749px){.bici-condition{margin-top:12px;padding:16px 12px;border-radius:16px}.bici-condition__heading{align-items:flex-start;margin-bottom:17px}.bici-condition__title{font-size:16px}.bici-condition__current{padding:6px 9px;font-size:9px}.bici-condition__line{right:8%;left:8%}.bici-condition__label{max-width:62px;font-size:9px}.bici-condition__detail{grid-template-columns:30px minmax(0,1fr);padding:12px}.bici-condition__detail-icon{width:29px;height:29px}}@media(prefers-reduced-motion:reduce){.bici-condition *,.bici-condition *:before{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/bici-condition-scale.css.map */