.calc-layout{display:grid;gap:clamp(1.75rem,3.5vw,3rem);grid-template-columns:1fr;align-items:start}@media(min-width:1000px){.calc-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.calc-results{position:sticky;top:5.5rem}}.calc-group{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);padding:clamp(1.1rem,2.4vw,1.6rem)}.calc-group+.calc-group{margin-top:var(--sp-5)}.calc-group legend{display:flex;align-items:baseline;gap:var(--sp-3);padding:0;margin-bottom:var(--sp-2)}.calc-group-n{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}.calc-group-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.018em;line-height:1.15}.calc-group-note{font-size:var(--text-sm);color:var(--text-faint);margin-bottom:var(--sp-5);max-width:54ch}.calc-group-total{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);font-size:var(--text-sm)}.calc-group-total b{font-size:var(--text-md);font-variant-numeric:tabular-nums}.ctl{padding:.7rem 0}.ctl+.ctl{border-top:1px dashed var(--border)}.ctl-head{display:flex;align-items:baseline;gap:var(--sp-4);justify-content:space-between}.ctl-label{font-size:var(--text-base);font-weight:500;letter-spacing:-.005em}.ctl-out{font-weight:700;font-variant-numeric:tabular-nums;font-size:var(--text-base);color:var(--text);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-sm);padding:.1rem .45rem;min-width:4.5rem;text-align:right;flex:none}.ctl-hint{font-size:var(--text-xs);color:var(--text-faint);margin-top:.2rem;line-height:1.45}.ctl-hint a{color:var(--text-faint)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:24px;margin-top:.5rem;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--border-strong)}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--border-strong)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 1px 3px #1c131a59;transition:transform .14s var(--ease)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 1px 3px #1c131a59}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.02)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-tint)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-tint)}.ctl-switch{display:flex;align-items:center;gap:var(--sp-4);justify-content:space-between}.ct-switch{position:relative;width:48px;height:28px;flex:none;border-radius:999px;background:var(--border-strong);transition:background-color .2s var(--ease)}.ct-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface-2);box-shadow:0 1px 3px #1c131a4d;transition:transform .22s var(--ease)}.ct-switch[aria-checked=true]{background:var(--accent)}.ct-switch[aria-checked=true]:after{transform:translate(20px)}.subgroup{margin-top:var(--sp-2);padding-left:var(--sp-4);border-left:2px solid var(--accent-tint)}.subgroup[hidden]{display:none}.result-card{border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;background:var(--bg);box-shadow:var(--shadow-md)}.result-top{padding:clamp(1.35rem,3vw,2rem);border-bottom:1px solid var(--border)}.result-kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.result-total{font-family:var(--font-display);font-weight:700;font-size:clamp(2.75rem,6.5vw,4rem);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:var(--sp-3);color:var(--accent-text)}.result-sub{margin-top:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted)}.result-minis{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}.mini{padding:var(--sp-4) var(--sp-3);text-align:center;border-right:1px solid var(--border)}.mini:last-child{border-right:0}.mini-v{font-weight:700;font-size:var(--text-lg);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mini-l{font-size:var(--text-xs);color:var(--text-faint);margin-top:.2rem;line-height:1.35}.breakdown{padding:clamp(1.35rem,3vw,1.75rem)}.bd-row+.bd-row{margin-top:var(--sp-4)}.bd-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:var(--text-sm)}.bd-name{font-weight:500}.bd-val{font-weight:700;font-variant-numeric:tabular-nums}.bd-pct{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:var(--text-xs);margin-left:.4rem}.bd-track{height:7px;margin-top:.45rem;border-radius:999px;background:var(--surface-sunken);overflow:hidden}.bd-fill{height:100%;border-radius:999px;background:var(--accent);width:0;transition:width .52s var(--ease-out)}.bd-row:nth-child(2) .bd-fill{opacity:.86}.bd-row:nth-child(3) .bd-fill{opacity:.72}.bd-row:nth-child(4) .bd-fill{opacity:.58}.bd-row:nth-child(5) .bd-fill{opacity:.44}.result-compare{padding:clamp(1.35rem,3vw,1.75rem);border-top:1px solid var(--border);background:var(--surface)}.compare-line{display:flex;gap:var(--sp-3);align-items:flex-start;font-size:var(--text-sm);line-height:1.5}.compare-line+.compare-line{margin-top:var(--sp-4)}.compare-line svg{flex:none;margin-top:3px;color:var(--accent-text)}.compare-line b{font-variant-numeric:tabular-nums}.result-actions{padding:var(--sp-4) clamp(1.35rem,3vw,1.75rem);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--sp-3)}.ref-table{font-size:var(--text-sm)}.ref-table caption{text-align:left;font-size:var(--text-sm);color:var(--text-faint);padding-bottom:var(--sp-3)}.ref-table th,.ref-table td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}.ref-table th{font-weight:700;font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.ref-table td:nth-child(2){font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.ref-scroll{overflow-x:auto}.noscript-note{padding:var(--sp-5);border:1px solid var(--accent);background:var(--accent-tint);border-radius:var(--r-lg);font-size:var(--text-base)}.calc-sticky{position:fixed;inset-inline:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:.7rem clamp(1rem,5vw,1.5rem);background:var(--surface);border-top:1px solid var(--border-strong);box-shadow:0 -8px 28px #00000024}.calc-sticky .cs-label{font-size:var(--text-xs);letter-spacing:.11em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.calc-sticky .cs-value{font-family:var(--font-display);font-weight:700;font-size:1.75rem;line-height:1.05;color:var(--accent-text)}@media(min-width:900px){.calc-sticky{display:none}}@media(max-width:899px){body.has-calc-bar{padding-bottom:5.5rem}}@media(max-width:767px){.ref-scroll{overflow-x:visible}.ref-table{display:block;width:100%;min-width:0}.ref-table caption{display:block}.ref-table thead{display:none}.ref-table tbody,.ref-table tr,.ref-table td{display:block;width:auto}.ref-table tr{padding-block:var(--sp-5);border-bottom:1px solid var(--border)}.ref-table td{border:0;padding:0}.ref-table td:nth-child(1){font-weight:700;color:var(--text);font-size:var(--text-base);margin-bottom:var(--sp-2)}.ref-table td:nth-child(2){white-space:normal;color:var(--accent-text);margin-bottom:var(--sp-3)}.ref-table td:nth-child(3){font-size:var(--text-xs);color:var(--text-faint)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ct-calc.css.map */