.bcms-calc{gap:var(--cms-space-m);display:grid}.bcms-calc__head{gap:var(--cms-space-2xs);max-width:var(--cms-measure-lg);display:grid}.bcms-calc__body{gap:var(--cms-space-m);align-items:start;display:grid}@media (min-width:56rem){.bcms-calc[data-variant=side] .bcms-calc__body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.bcms-calc__inputs{gap:var(--cms-space-s);padding:var(--cms-space-m);border:1px solid color-mix(in oklab, var(--cms-ink) 14%, transparent);border-radius:var(--cms-radius);background:color-mix(in oklab, var(--cms-paper) 70%, transparent);margin:0;display:grid}.bcms-calc__control{gap:var(--cms-space-3xs);display:grid}.bcms-calc__label{justify-content:space-between;align-items:baseline;gap:var(--cms-space-xs);font-weight:600;display:flex}.bcms-calc__value{font-family:var(--cms-font-display);font-size:var(--cms-step-1);font-variant-numeric:tabular-nums}.bcms-calc__unit,.bcms-calc__suffix{color:var(--cms-text-muted);font-size:.8em;font-weight:400}.bcms-calc__range{width:100%;accent-color:var(--cms-accent);cursor:pointer}.bcms-calc__field{width:100%;min-height:2.75rem;padding:0 var(--cms-space-xs);border:1px solid color-mix(in oklab, var(--cms-ink) 24%, transparent);border-radius:var(--cms-radius);background:var(--cms-paper);color:var(--cms-ink);font:inherit}.bcms-calc__field:focus-visible,.bcms-calc__range:focus-visible{outline:2px solid var(--cms-focus);outline-offset:2px}.bcms-calc__number{align-items:center;gap:var(--cms-space-2xs);display:flex}.bcms-calc__toggle{align-items:center;gap:var(--cms-space-xs);cursor:pointer;font-weight:600;display:flex}.bcms-calc__toggle input{opacity:0;pointer-events:none;position:absolute}.bcms-calc__switch{background:color-mix(in oklab, var(--cms-ink) 22%, transparent);width:2.75rem;height:1.5rem;transition:background .2s var(--cms-ease);border-radius:999px;flex:none;position:relative}.bcms-calc__switch:after{content:"";background:var(--cms-paper);width:1.125rem;height:1.125rem;transition:transform .2s var(--cms-ease);border-radius:50%;position:absolute;top:.1875rem;left:.1875rem}.bcms-calc__toggle input:checked+.bcms-calc__switch{background:var(--cms-accent)}.bcms-calc__toggle input:checked+.bcms-calc__switch:after{transform:translate(1.25rem)}.bcms-calc__toggle input:focus-visible+.bcms-calc__switch{outline:2px solid var(--cms-focus);outline-offset:2px}.bcms-calc__results{gap:var(--cms-space-xs);display:grid}.bcms-calc__result{justify-content:space-between;align-items:baseline;gap:var(--cms-space-s);padding-block:var(--cms-space-2xs);border-block-end:1px solid color-mix(in oklab, var(--cms-ink) 12%, transparent);display:flex}.bcms-calc__result-label{color:var(--cms-text-muted)}.bcms-calc__figure{font-family:var(--cms-font-display);font-size:var(--cms-step-2);font-variant-numeric:tabular-nums;white-space:nowrap}.bcms-calc__result.is-headline{gap:var(--cms-space-3xs);padding:var(--cms-space-m);border-radius:var(--cms-radius);background:var(--cms-ink);color:var(--cms-paper);border:0;display:grid}.bcms-calc__result.is-headline .bcms-calc__result-label,.bcms-calc__result.is-headline .bcms-calc__suffix{color:color-mix(in oklab, var(--cms-paper) 78%, transparent)}.bcms-calc__result.is-headline .bcms-calc__figure{font-size:var(--cms-step-display);line-height:1}.bcms-calc__note{color:var(--cms-text-muted);font-size:var(--cms-text-sm);margin:0;line-height:1.55}.bcms-calc__cta{justify-self:start}
.bcms-embed{border:1px solid var(--cms-rule);background:var(--cms-plate);border-radius:4px;position:relative;overflow:hidden}.bcms-embed[data-ratio=wide]{aspect-ratio:16/9}.bcms-embed[data-ratio=square]{aspect-ratio:1}.bcms-embed[data-ratio=tall]{aspect-ratio:3/4}.bcms-embed__frame{border:0;width:100%;height:100%;display:block}.bcms-embed__load{width:100%;height:100%;padding:var(--cms-space-m);text-align:center;cursor:pointer;background:0 0;border:0;place-content:center;gap:.3rem;display:grid}.bcms-embed__title{font-family:var(--cms-font-display);font-size:var(--cms-step-4);color:var(--cms-text)}.bcms-embed__hint{color:var(--cms-text-muted);font-size:.8125rem}.bcms-embed__load:hover .bcms-embed__title,.bcms-embed__load:focus-visible .bcms-embed__title{color:var(--cms-accent)}.bcms-embed__note{padding:var(--cms-space-s) var(--cms-space-m);border:1px dashed var(--cms-rule);color:var(--cms-text-muted);border-radius:4px;margin:0;font-size:.9375rem}
