/* /kalkulyator/led-lenta/ — калькулятор блока питания для светодиодной ленты. Общие классы calc-* — в main.css. */
.led-calc .field{min-width:0}
.led-calc select{text-overflow:ellipsis}
.led-hint{display:block;margin-top:5px;font-size:14px;color:var(--muted)}
.led-min{font-size:14px;color:var(--body);margin:0 0 14px}

/* Полоска ленты: яркость к дальнему концу падает на --fade (0 — ровно, 0.75 — сильно). */
.led-strip{margin:0 0 12px}
.led-strip-bar{--fade:0;position:relative;border-radius:0;background:var(--dark);overflow:hidden}
.led-strip-bar i{position:absolute;inset:3px 4px;border-radius:0;
  background:repeating-linear-gradient(90deg,var(--volt-b) 0 6px,transparent 6px 12px);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 30%,rgba(0,0,0,calc(1 - var(--fade))) 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 30%,rgba(0,0,0,calc(1 - var(--fade))) 100%);
  box-shadow:0 0 10px rgba(255,138,76,.45);transition:opacity .3s}
.led-strip-cap{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:14px;color:var(--muted)}
.led-strip-cap span:last-child{text-align:right}

.led-cost{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:4px 0 12px;border-radius:0}
.led-cost span{font-size:14px;color:var(--body)}
.led-cost b{font-size:18px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}

.led-price{margin:18px 0 28px}

.calc-out.led-flash b{animation:led-flash .5s ease-out}
@keyframes led-flash{from{color:#fff}to{color:var(--acc-hi)}}

@media (max-width:640px){
  .led-strip-cap{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .led-strip-bar i{transition:none}
  .calc-out.led-flash b{animation:none}
}
/* фирменный вид */
.led-cost{--c:var(--c-m);clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));border:0;background:var(--acc-wash);box-shadow:inset 4px 0 0 var(--acc)}
.led-strip-bar{height:16px;box-shadow:inset 0 0 0 1px var(--edge)}