.bw-calculator{gap:1rem;min-width:0;display:grid}.bw-calculator>*,.bw-calculator [role=tabpanel]{min-width:0}.bw-calculator [role=tabpanel]{gap:1rem;display:grid}.bw-calculator .surface{overflow-wrap:anywhere;min-width:0;padding:1.25rem}.bw-calculator h2,.bw-calculator h3{margin-top:0}.bw-top{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.bw-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.bw-calculator :is(input,select,button,textarea){min-height:48px;font:inherit;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-control-border);border-radius:.5rem;padding:.65rem .8rem}.bw-calculator :is(input,select,textarea){width:100%;min-width:0}.bw-calculator button{cursor:pointer}.bw-calculator button:disabled{opacity:.55;cursor:default}.bw-calculator :is([role=tab],[aria-pressed])[aria-selected=true],.bw-calculator [aria-pressed=true]{background:var(--color-primary-light);border:2px solid var(--color-primary);font-weight:650}.bw-calculator :is(input,select,button,textarea,summary,[tabindex]):focus-visible,.bw-example-scroll:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.bw-field{align-content:start;gap:.4rem;min-width:0;display:grid}.bw-field label{font-weight:600}.bw-primary-fields,.bw-advanced-fields{gap:1rem;display:grid}.bw-pair{grid-template-columns:minmax(0,1fr) 8rem;align-items:start;gap:.5rem;display:grid}.bw-presets{gap:.75rem;display:grid}.bw-presets .bw-field{max-width:16rem}.bw-presets p{margin:0}.bw-muted,.bw-eyebrow{color:var(--color-text-secondary)}.bw-note{border-left:3px solid var(--color-primary);padding-left:.75rem}.bw-headroom-presets{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.bw-error{font-weight:600}.bw-calculator [aria-invalid=true]{border-width:2px}.bw-calculator .bw-main-value{overflow-wrap:anywhere;margin-block:1rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:750;line-height:1.15}.bw-hero-secondary strong{font-size:1.4rem;display:block}.bw-transfer{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.bw-transfer dl{gap:.75rem;display:grid}.bw-transfer dl div{min-width:0}.bw-transfer dd{margin:.25rem 0;font-size:1.35rem;font-weight:700}.bw-track{border:1px solid var(--color-control-border);background:var(--color-primary-light);border-radius:.25rem;height:1.25rem;overflow:hidden}.bw-track span{background:var(--color-primary);height:100%;display:block}.bw-payload span{background:repeating-linear-gradient(45deg,var(--color-primary),var(--color-primary) 6px,var(--color-primary-deep) 6px,var(--color-primary-deep) 9px)}.bw-table-scroll,.bw-example-scroll{max-width:100%;overflow-x:auto}.bw-calculator table,.bw-example-scroll table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%}.bw-calculator th,.bw-calculator td,.bw-example-scroll th,.bw-example-scroll td{border-bottom:1px solid var(--color-border);text-align:left;min-width:8rem;padding:.75rem}.bw-calculator caption{text-align:left;padding-block:.75rem}.bw-calculator tr[data-current=true]{background:var(--color-primary-light);font-weight:650}.bw-links ul{gap:.75rem;padding:0;list-style:none;display:grid}.bw-links li{border:1px solid var(--color-border);border-radius:.5rem;gap:.3rem;min-width:0;padding:.8rem;display:grid}.bw-calculator summary{cursor:pointer;align-content:center;min-height:48px;font-weight:600;display:list-item}.bw-advanced-fields{margin-top:1rem}.bw-steps li{margin-block:.8rem}.bw-copy-status{min-height:1.5em;margin:0}.bw-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (min-width:768px){.bw-primary-fields,.bw-advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.bw-transfer dl{grid-template-columns:repeat(3,minmax(0,1fr))}.bw-links ul{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:390px){.bw-calculator .surface{padding:.85rem}.bw-pair{grid-template-columns:minmax(0,1fr) 8rem}}@media (prefers-reduced-motion:reduce){.bw-calculator *{scroll-behavior:auto;transition:none;animation:none}}@media (forced-colors:active){.bw-track{border-color:canvastext}.bw-track span{background:canvastext}.bw-payload span{border:3px dashed canvas}.bw-note{border-color:highlight}}.bw-scroll-hint{color:var(--color-text-secondary)}@media (min-width:768px){.bw-scroll-hint{display:none}}
