.cc2{--cc2-bg: #242424;--cc2-card: #2e2e2e;--cc2-input: #3d3d3d;--cc2-accent: #41c87f;--cc2-max: 890px;--cc2-pt: 48px;--cc2-pb: 48px;background:var(--cc2-bg);padding:var(--cc2-pt) 16px var(--cc2-pb);color:#ffffffe0}.cc2__wrap{max-width:var(--cc2-max);margin:0 auto}.cc2__head{text-align:center;margin:0 auto 48px;max-width:520px}.cc2__heading{margin:0;font-size:20px;font-weight:700;line-height:1.15;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0}.cc2__intro{margin-top:24px;font-size:16px;line-height:1.5;color:#ffffffa3}.cc2__intro p{margin:0}.cc2__intro p+p{margin-top:1em}.cc2__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cc2__card-title{margin:0;text-align:center;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0}.cc2__card-sub{margin:6px 0 0;text-align:center;font-size:11px;line-height:1.4;color:#fff6}.cc2__costs{background:var(--cc2-card);border-radius:16px;padding:16px 24px 32px;display:flex;flex-direction:column}.cc2__rows{margin-top:40px}.cc2__row{display:flex;flex-direction:column;gap:14px;padding:16px 0 18px;border-top:1px solid rgba(255,255,255,.12)}.cc2__row:first-child{border-top:0}.cc2__bar-track{height:4px}.cc2__bar{height:4px;width:0;min-width:4px;border-radius:999px;background:#ffffffe0;transition:width .6s cubic-bezier(.25,.8,.25,1)}.cc2__row.is-highlight .cc2__bar{background:var(--cc2-accent)}.cc2__info{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.cc2__name{font-size:15px;line-height:1.3;color:#ffffffe0;padding-bottom:2px}.cc2__value{font-size:30px;font-weight:300;line-height:1;letter-spacing:.02em;white-space:nowrap;color:#ffffffe0;font-variant-numeric:tabular-nums}.cc2__value strong{font:inherit;font-weight:inherit}.cc2__row.is-highlight .cc2__value{color:var(--cc2-accent)}.cc2__calc{border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:24px 24px 16px;display:flex;flex-direction:column}.cc2__calc .cc2__card-title{margin-top:4px}.cc2__inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.cc2__field{position:relative;display:flex;align-items:center;height:48px;padding:0 8px 0 14px;border-radius:8px;background:var(--cc2-input);transition:box-shadow .2s ease}.cc2__field:focus-within{box-shadow:0 0 0 1px #fff6}.cc2__field-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.cc2__label{font-size:10px;line-height:1.2;color:#ffffffa3;pointer-events:none}.cc2__control{display:flex;align-items:baseline;gap:3px}.cc2__input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;width:100%;min-width:0;margin:2px 0 0;padding:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:15px;line-height:1.2}.cc2__input::-webkit-outer-spin-button,.cc2__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cc2__input[data-cc2-fuel]{width:4.4ch;max-width:100%}.cc2__suffix{font-size:15px;color:#fff;flex:none}.cc2__reset{flex:none;width:32px;height:32px;border:0;border-radius:50%;padding:0;background:transparent;color:#ffffffa3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background .2s ease,transform .4s ease}.cc2__reset:hover{color:#fff;background:#ffffff14}.cc2__reset.is-spin{transform:rotate(-360deg)}.cc2__reset svg{width:20px;height:20px;display:block}.cc2__tip{position:absolute;left:0;top:calc(100% + 8px);z-index:5;width:220px;padding:8px 10px;border-radius:8px;background:#fff;color:#000;font-size:11px;line-height:1.4;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.cc2__field:hover .cc2__tip,.cc2__field:focus-within .cc2__tip{opacity:1;visibility:visible;transform:none}.cc2__chart{position:relative;margin-top:24px;flex:1;display:flex;flex-direction:column;justify-content:flex-end}.cc2__hoverline{stroke:#ffffff3d;stroke-width:1;stroke-dasharray:2 2;opacity:0;transition:opacity .15s ease;pointer-events:none}.cc2__hoverline.is-visible{opacity:1}.cc2__tooltip{position:absolute;z-index:5;transform:translate(-50%,calc(-100% - 10px));padding:8px 10px;border-radius:8px;background:#141414eb;border:1px solid rgba(255,255,255,.12);font-size:11px;line-height:1.5;white-space:nowrap;color:#ffffffe0;pointer-events:none;opacity:0;transition:opacity .15s ease}.cc2__tooltip.is-visible{opacity:1}.cc2__tt-label{font-weight:700;margin-bottom:2px}.cc2__tt-item{display:flex;align-items:center;gap:6px}.cc2__tt-color{width:8px;height:8px;border-radius:50%;flex:none}.cc2__svg{display:block;width:100%;height:auto;overflow:visible}.cc2__gridline{stroke:#ffffff14;stroke-width:1}.cc2__axis{fill:#fff6;font-size:8px}.cc2__line{fill:none;stroke-linejoin:round;stroke-linecap:round}.cc2__line.is-draw{animation:cc2-draw 1.2s cubic-bezier(.25,.8,.25,1) both}@keyframes cc2-draw{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}.cc2__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:12px}.cc2__legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#ffffffa3}.cc2__legend-color{width:8px;height:8px;border-radius:50%}.cc2__chart .cc2__legend{order:2;margin-top:16px}@media(min-width:768px){.cc2__legend--mobile{display:none}}.cc2__foot{max-width:580px;margin:24px auto 0;text-align:center;font-size:10px;line-height:1.6;color:#ffffff8f}.cc2__foot p{margin:0}@media(max-width:749px){.cc2__head{margin-bottom:32px}.cc2__intro{font-size:15px}.cc2__grid{grid-template-columns:1fr;gap:12px}.cc2__costs{padding:16px 16px 20px}.cc2__rows{margin-top:24px}.cc2__value{font-size:24px}.cc2__calc{padding:20px 16px 12px}.cc2__inputs{gap:10px;margin-top:24px}.cc2__tip{display:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/cost-comparison.css.map */