.bc-tc{display:block;width:100%;container-type:inline-size}.bc-tc__heading{margin:0 0 16px;font-size:var(--font-h3--size, 1.5rem);line-height:1.2}.bc-tc__diagram-wrap{width:100%;margin:0 0 18px}.bc-tc__diagram{display:block;width:100%;height:auto;max-height:260px;color:var(--color-foreground)}@media screen and (max-width:749px){.bc-tc__diagram-wrap{display:none}}.bc-tc__svg-anchor{fill:currentColor;opacity:.55}.bc-tc__svg-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round}.bc-tc__svg-line-ghost{stroke:currentColor;stroke-width:1;stroke-dasharray:4 4;opacity:.25}.bc-tc__svg-dim-line{stroke:currentColor;stroke-width:1;stroke-dasharray:2 3;opacity:.4}.bc-tc__svg-dim-tick{stroke:currentColor;stroke-width:1;opacity:.4}.bc-tc__svg-dim-label-bg{fill:var(--color-background)}.bc-tc__svg-dim-text{fill:currentColor;font-size:13px;opacity:.75;font-variant-numeric:tabular-nums}.bc-tc__svg-weight{fill:currentColor;opacity:.85}.bc-tc__svg-weight-text{fill:currentColor;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.bc-tc__svg-tension-bg{fill:var(--color-background);stroke:currentColor;stroke-width:1;stroke-opacity:.25}.bc-tc__svg-tension-text{fill:currentColor;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.bc-tc__inputs{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:18px}@container (min-width: 720px){.bc-tc__inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.bc-tc__field{display:flex;flex-direction:column;gap:8px}.bc-tc__field-label{margin:0;font-size:.95rem;font-weight:600;text-align:center}.bc-tc__slider-wrap{display:flex;flex-direction:column}.bc-tc__slider{width:100%;accent-color:var(--color-foreground);cursor:pointer;margin:0;display:block}.bc-tc__ticks{position:relative;height:20px;margin-top:2px}.bc-tc__tick{position:absolute;top:0;transform:translate(-50%);background:none;border:0;padding:0 4px;margin:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.bc-tc__tick-bar{width:2px;height:5px;background:color-mix(in srgb,var(--color-foreground) 35%,transparent);border-radius:1px;transition:background-color .12s ease,transform .12s ease}.bc-tc__tick:hover .bc-tc__tick-bar,.bc-tc__tick:focus-visible .bc-tc__tick-bar{background:var(--color-foreground);transform:scaleY(1.6)}.bc-tc__tick-label{font-size:.6875rem;line-height:1;opacity:.6;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.bc-tc__tick:hover .bc-tc__tick-label,.bc-tc__tick:focus-visible .bc-tc__tick-label{opacity:1}.bc-tc__paired{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bc-tc__input{display:flex;align-items:stretch;border:var(--style-border-width-inputs, 1px) solid var(--color-input-border, var(--color-border));border-radius:var(--style-border-radius-inputs, 4px);overflow:hidden;background:var(--color-input-background, var(--color-background))}.bc-tc__input input{flex:1;min-width:0;width:100%;border:0;background:transparent;color:var(--color-input-text, var(--color-foreground));padding:8px 10px;text-align:right;font:inherit;font-variant-numeric:tabular-nums}.bc-tc__input input:focus{outline:none}.bc-tc__input:focus-within{outline:2px solid var(--color-foreground);outline-offset:1px}.bc-tc__input span{display:inline-flex;align-items:center;padding:0 10px;background:color-mix(in srgb,var(--color-foreground) 6%,transparent);color:var(--color-foreground);font-size:.8125rem;white-space:nowrap}.bc-tc__output{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;background:color-mix(in srgb,var(--color-foreground) 4%,transparent);border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent);border-radius:8px;padding:14px 18px;position:relative}.bc-tc__output-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.bc-tc__output-col+.bc-tc__output-col{border-left:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent);padding-left:12px}.bc-tc__output-label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.bc-tc__output-values{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:center;column-gap:14px;row-gap:2px;font-variant-numeric:tabular-nums}.bc-tc__output-primary{font-size:1.5rem;font-weight:700;color:var(--color-foreground)}.bc-tc__output-primary small{font-size:.8125rem;font-weight:500;opacity:.7;margin-left:2px}.bc-tc__output-secondary{font-size:.9375rem;opacity:.8}.bc-tc__output-secondary small{font-size:.75rem;opacity:.7;margin-left:2px}.bc-tc__hint{width:100%;margin:0;font-size:.8125rem;opacity:.75;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/11/assets/bc-tension-calculator.css.map */