.dental-formula{min-width:0;margin:0 2px 4px;container-type:inline-size}.dental-bite{--unit:min(1.85px,calc((100cqw - 20px)/var(--arch-span)));grid-template-rows:calc(var(--upper-height)*var(--unit)) calc(var(--lower-height)*var(--unit));isolation:isolate;border:1px solid var(--line);border-radius:7px;justify-items:center;padding:6px 8px;display:grid;position:relative}.dental-bite+.dental-bite{margin-top:6px}.dental-row{z-index:1;flex:none;justify-content:center;gap:0;width:max-content;max-width:100%;display:flex;position:relative}.dental-row.upper{z-index:2;align-self:end;align-items:flex-end}.dental-row.lower{align-self:start;align-items:flex-start;margin-top:-.8px}.dental-tooth{width:calc(var(--tooth-width)*var(--unit));cursor:pointer;min-width:0;color:var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:4px;flex-direction:column;flex:none;align-items:center;margin:0;padding:0;display:flex;position:relative}.dental-tooth svg,.dental-crown svg{width:100%;height:calc(var(--tooth-height)*var(--unit));pointer-events:none;display:block;overflow:visible}.dental-tooth[data-number-only] svg,.dental-jaw[data-label-only] .dental-jaw-crowns{visibility:hidden}.dental-number{height:1em;font-size:clamp(8px,calc(8 * var(--unit)),13px);font-variant-numeric:tabular-nums;color:var(--ink);z-index:3;pointer-events:none;justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex;position:absolute;left:0;right:0}.dental-row.upper .dental-number{bottom:calc(11 * var(--unit));transform:translateY(50%)}.dental-row.lower .dental-number{top:calc(11 * var(--unit));transform:translateY(-50%)}.dental-bite :is(.dental-tooth,.dental-crown):is([data-number="13"],[data-number="23"],[data-number="53"],[data-number="63"]){transform:translateY(calc(4 * var(--unit)))}.dental-bite :is(.dental-tooth,.dental-crown):is([data-number="43"],[data-number="33"],[data-number="83"],[data-number="73"]){transform:translateY(calc(-4 * var(--unit)))}.dental-row.upper .dental-tooth[data-number$="3"] .dental-number{bottom:calc(15 * var(--unit))}.dental-row.lower .dental-tooth[data-number$="3"] .dental-number{top:calc(15 * var(--unit))}.dental-bite :is(.dental-tooth,.dental-crown):is([data-number="14"],[data-number="15"],[data-number="24"],[data-number="25"]){transform:translateY(calc(2.5 * var(--unit)))}.dental-row.upper .dental-tooth:is([data-number="14"],[data-number="15"],[data-number="24"],[data-number="25"]) .dental-number{bottom:calc(13.5 * var(--unit))}.dental-bite :is(.dental-tooth,.dental-crown):is([data-number="44"],[data-number="34"]){transform:translateY(calc(-3 * var(--unit)))}.dental-row.lower .dental-tooth:is([data-number="44"],[data-number="34"]) .dental-number{top:calc(14 * var(--unit))}.dental-bite .tooth-outline{stroke:#76849b;stroke-width:.85px;stroke-linejoin:round;stroke-linecap:round}.dental-bite .tooth-tint{fill:var(--indigo);stroke:none;opacity:0;transition:opacity .12s}.dental-bite button:not(:disabled):hover .tooth-tint{opacity:.1}.dental-bite button[aria-pressed=true] .tooth-tint{opacity:.24}.dental-bite button[aria-pressed=true] .tooth-outline{stroke:var(--indigo);stroke-width:1.2px}.dental-bite button[aria-pressed=true] :is(.dental-number,.dental-jaw-label){color:var(--indigo);font-weight:750}.dental-bite button:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;z-index:4}.dental-bite button:disabled{opacity:1;cursor:default}.dental-tooth:not([data-state=healthy]) .tooth-tint{opacity:.65}.dental-tooth[data-state=caries] .tooth-tint{fill:#ffdad8}.dental-tooth[data-state=filled] .tooth-tint{fill:#dcebea}.dental-tooth[data-state=crown] .tooth-tint{fill:#ffe8b6}.dental-tooth[data-state=implant] .tooth-tint{fill:#dedcf4}.dental-tooth[data-state=missing] svg{opacity:.3;stroke-dasharray:3 2}.dental-tooth[data-state=planned] .tooth-tint{fill:var(--calendar-today)}.dental-guide{z-index:0;pointer-events:none;display:block;position:absolute}.dental-guide.vertical{border-left:1px solid var(--line);top:7px;bottom:7px;left:50%;transform:translate(-.5px)}.dental-guide.horizontal{left:7px;right:7px;top:calc(6px + var(--upper-height) * var(--unit) - .8px);border-top:1px solid var(--line)}.dental-jaw{width:max-content;max-width:100%;color:var(--muted);cursor:pointer;touch-action:manipulation;z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:7px;flex-direction:column;flex:none;align-items:center;padding:0;display:flex;position:relative}.dental-jaw.upper{z-index:2;align-self:end}.dental-jaw.lower{align-self:start;margin-top:-.8px}.dental-jaw-label{visibility:hidden;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:600;line-height:1.5;display:flex;position:absolute;inset:0}.dental-jaw[data-label-only] .dental-jaw-label{visibility:visible}.dental-jaw-crowns{pointer-events:none;align-items:flex-end;gap:0;display:flex}.dental-jaw.lower .dental-jaw-crowns{align-items:flex-start}.dental-crown{width:calc(var(--tooth-width)*var(--unit));flex:none;display:block}@media (max-width:600px){.dental-bite{--unit:min(1.85px,calc((100cqw - 18px)/var(--arch-span)));padding:6px 7px}.dental-guide.horizontal{top:calc(6px + var(--upper-height) * var(--unit) - .8px)}}@media (prefers-reduced-motion:reduce){.dental-bite .tooth-tint{transition:none}}