.tooth-chart-shell{background:0 0;width:100%;position:relative}.tooth-chart-shell svg{background:0 0;width:100%;height:auto;display:block;min-width:0!important;min-height:0!important}.tooth-chart-shell .svg-tooth .area{fill:#e4e4e7;transition:fill .16s,opacity .16s}.tooth-chart-shell .svg-tooth.selected .area{fill:#20a99d}.tooth-chart-shell .svg-tooth.connected .area{fill:#f2ad4a}.tooth-chart-shell .bridge{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:fill .16s,opacity .16s,transform .16s}.tooth-chart-shell .bridge.available{fill:#a1a1aa}.tooth-chart-shell .bridge.connected{fill:#34a853}.tooth-chart-shell--readonly .svg-tooth,.tooth-chart-shell--readonly .bridge{cursor:default}.tooth-chart-shell:not(.tooth-chart-shell--readonly) .svg-tooth:hover .area{opacity:.82}.tooth-chart-shell:not(.tooth-chart-shell--readonly) .bridge.available:hover{transform:scale(1.15)}.tooth-chart-shell .svg-tooth:focus,.tooth-chart-shell .bridge:focus{outline:none}.tooth-chart-shell [data-screenshot-ignore]{display:none}.tooth-chart-shell svg text{fill:#a3a3a3}.tooth-chart-shell text[hidden]{display:none!important}.dark .tooth-chart-shell .svg-tooth .area{fill:#303033}.dark .tooth-chart-shell .svg-tooth path:not(.area){fill:#8b8b92}.dark .tooth-chart-shell .svg-tooth.selected .area{fill:#20a99d!important}.dark .tooth-chart-shell .svg-tooth.connected .area{fill:#f2ad4a!important}.dark .tooth-chart-shell .bridge.available{fill:#71717a}.dark .tooth-chart-shell .bridge.connected{fill:#34a853!important}.dark .tooth-chart-shell svg text{fill:#81818a!important}.dark .tooth-chart-shell #text1,.dark .tooth-chart-shell #text2{fill:#9a9aa1!important}.dark .tooth-chart-shell .svg-tooth.selected path:not(.area),.dark .tooth-chart-shell .svg-tooth.connected path:not(.area){fill:#46464b}.dark .tooth-chart-shell text[hidden]{display:none!important}