.nobl-calc{--nobl-bg: #ffffff;--nobl-ink: #111827;--nobl-muted: #6b7280;--nobl-line: rgba(17,24,39,.1);--nobl-soft: rgba(17,24,39,.06);--nobl-accent: #0f766e;--nobl-accent-2: #10b981;font-family:inherit;color:var(--nobl-ink);background:var(--nobl-bg);border:1px solid var(--nobl-line);border-radius:18px;overflow:hidden;box-shadow:0 10px 22px #11182714,0 2px 6px #1118270f}.nobl-calc__hero{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:18px 18px 16px;background:radial-gradient(1200px 200px at 15% 0%,rgba(16,185,129,.18),transparent 55%),radial-gradient(900px 240px at 85% 40%,rgba(15,118,110,.16),transparent 60%),linear-gradient(180deg,rgba(17,24,39,.03),transparent);border-bottom:1px solid var(--nobl-line)}.nobl-calc__hero-icon{width:44px;height:44px;border-radius:14px;background:#0f766e1f;color:var(--nobl-accent);display:grid;place-items:center;border:1px solid rgba(15,118,110,.18)}.nobl-calc__hero-icon svg{width:26px;height:26px}.nobl-calc__title{margin:0;font-size:18px;line-height:1.2;letter-spacing:-.01em}.nobl-calc__sub{margin:4px 0 0;color:var(--nobl-muted);font-size:13px;line-height:1.35}.nobl-calc__panel{padding:16px 18px 8px;display:grid;gap:14px}.nobl-calc__label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--nobl-ink);margin-bottom:10px}.nobl-calc__unit{color:var(--nobl-muted);font-weight:500;margin-left:6px}.nobl-calc__value-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 10px;border-radius:999px;background:#0f766e1a;border:1px solid rgba(15,118,110,.18);color:var(--nobl-accent);font-weight:700}.nobl-calc__range{width:100%;-webkit-appearance:none;appearance:none;height:36px;background:transparent;margin:0;cursor:pointer}.nobl-calc__range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#0f766e59,#10b98159);box-shadow:inset 0 0 0 1px #11182714}.nobl-calc__range::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#0f766e59,#10b98159);box-shadow:inset 0 0 0 1px #11182714}.nobl-calc__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:999px;background:var(--nobl-bg);border:2px solid var(--nobl-accent);box-shadow:0 6px 14px #1118272e}.nobl-calc__range::-moz-range-thumb{width:22px;height:22px;border-radius:999px;background:var(--nobl-bg);border:2px solid var(--nobl-accent);box-shadow:0 6px 14px #1118272e}.nobl-calc__range-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--nobl-muted);margin-top:6px}.nobl-calc__activity{border:1px solid var(--nobl-line);border-radius:16px;padding:12px;background:linear-gradient(180deg,rgba(17,24,39,.02),transparent)}.nobl-calc__legend{font-size:12px;color:var(--nobl-muted);padding:0 6px;margin-bottom:10px}.nobl-calc__chips{display:grid;gap:10px}@media(min-width:680px){.nobl-calc__chips{grid-template-columns:repeat(3,minmax(0,1fr))}}.nobl-calc__chip{position:relative;display:grid;gap:2px;padding:12px;border-radius:14px;border:1px solid var(--nobl-line);background:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.nobl-calc__chip:hover{transform:translateY(-1px);box-shadow:0 10px 18px #11182714}.nobl-calc__chip input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.nobl-calc__chip span{font-weight:750;font-size:14px;letter-spacing:-.01em}.nobl-calc__chip em{font-style:normal;font-size:12px;color:var(--nobl-muted)}.nobl-calc__chip:has(input:checked){border-color:#0f766e73;background:radial-gradient(700px 90px at 0% 0%,rgba(16,185,129,.14),transparent 55%),#0f766e0f;box-shadow:0 14px 24px #0f766e1f,0 2px 6px #1118270f}.nobl-calc__chip:has(input:checked) span{color:var(--nobl-accent)}.nobl-calc__results{padding:12px 18px 18px;border-top:1px solid var(--nobl-line);background:radial-gradient(900px 220px at 50% 0%,rgba(15,118,110,.08),transparent 60%),linear-gradient(180deg,rgba(17,24,39,.02),transparent)}.nobl-calc__cards{display:grid;gap:10px}@media(min-width:680px){.nobl-calc__cards{grid-template-columns:1fr 1fr;gap:12px}}.nobl-calc__card{border-radius:16px;border:1px solid var(--nobl-line);background:#fff;padding:12px 12px 10px}.nobl-calc__card-label{font-size:12px;color:var(--nobl-muted);margin-bottom:6px}.nobl-calc__card-value{font-size:24px;line-height:1.1;font-weight:800;letter-spacing:-.02em}.nobl-calc__card-unit{font-size:14px;font-weight:650;color:var(--nobl-muted);margin-left:4px}.nobl-calc__mode{margin-top:6px;font-size:12px;color:var(--nobl-muted)}.nobl-calc__meta{margin-top:12px;border-radius:16px;border:1px solid var(--nobl-line);background:#fffc;padding:12px}.nobl-calc__meta-line{font-size:13px;margin-bottom:10px}.nobl-calc__bullets{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:8px}.nobl-calc__bullets li{position:relative;padding-left:24px;color:var(--nobl-ink);font-size:13px}.nobl-calc__bullets li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--nobl-accent);font-weight:900}.nobl-calc__details{border-top:1px dashed rgba(17,24,39,.16);padding-top:10px}.nobl-calc__details summary{cursor:pointer;font-weight:700;font-size:13px}.nobl-calc__details-body{margin-top:8px;color:var(--nobl-muted);font-size:13px;line-height:1.4}@media(max-width:420px){.nobl-calc__title{font-size:16px}.nobl-calc__card-value{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/nobl-calc.css.map */