.tooth-element{--toothBackground: #f4f5f7;--figureColor: #6c757d;--borderWidth: 2px;--separatorColor: #dee2e6;--step: 1rem;--cellSize: 30px}.tooth-element-chart{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";position:relative;display:flex;justify-content:space-between;align-items:center;gap:calc(var(--step)*0.5);min-width:max-content;max-width:100%;margin-bottom:16px}.tooth-element-map{font-size:calc(var(--step)*0.8);flex-grow:1}.tooth-element-side{position:absolute;width:calc((100% / 16) * 3);font-size:calc(var(--step)*1.5);font-weight:600;text-align:center}.tooth-element-side-left{left:0}.tooth-element-side-right{right:0}.tooth-element-row{display:flex;justify-content:center;align-items:center;margin-bottom:4px;gap:4px}.tooth-element-cell{display:flex;justify-content:center;align-items:center;z-index:1}label.tooth-element-cell{cursor:pointer;margin:0}.tooth-element-cell--checkbox{width:var(--cellSize);height:var(--cellSize);border:1px solid #6c757d;border-radius:100%;color:#6c757d}.tooth-element-cell--checkbox:has(input:disabled),.tooth-element-cell--checkbox.disabled{opacity:0.65;color:#212529;background-color:#f8f9fa;border-color:#f8f9fa;pointer-events:none}.tooth-element-cell--checkbox:has(input:checked),.tooth-element-cell--checkbox.active{color:#000;background-color:#dae0e5;border-color:#6c757d}.tooth-element-cell--checkbox:hover:has(input){color:#fff;background-color:#6c757d;border-color:#6c757d;cursor:pointer}.tooth-element-dental{width:var(--cellSize);height:var(--cellSize);border:var(--borderWidth) solid transparent;background:transparent;border-radius:50%}.tooth-element-dental .tooth-element-label{line-height:0.75}.tooth-element-dental--hidden{border:var(--borderWidth) dashed #6c757d;color:#6c757d}.tooth-element-dental--present{border:var(--borderWidth) solid #6c757d;background-color:#dae0e5;color:#6c757d}.tooth-element_format-palmer-ur,.tooth-element_format-palmer-ul,.tooth-element_format-palmer-lr,.tooth-element_format-palmer-ll{padding-right:1px;line-height:0.9}.tooth-element_format-palmer-ur,.tooth-element_format-palmer-ul{border-bottom:1px solid currentColor}.tooth-element_format-palmer-lr,.tooth-element_format-palmer-ll{border-top:1px solid currentColor}.tooth-element_format-palmer-ur,.tooth-element_format-palmer-lr{border-right:1px solid currentColor;padding-right:1px}.tooth-element_format-palmer-ul,.tooth-element_format-palmer-ll{border-left:1px solid currentColor;padding-left:1px}.tooth-element-ortho{width:var(--cellSize);height:var(--cellSize);border:var(--borderWidth) solid transparent;background:transparent;border-radius:50%}.tooth-element-ortho .tooth-element-label{line-height:0.75}.tooth-element-ortho--circle{border:var(--borderWidth) solid var(--figureColor);border-radius:100%;overflow:hidden;color:black}.tooth-element-ortho--line{position:relative}.tooth-element-ortho--line::before{content:"";border-top:var(--borderWidth) solid var(--figureColor);position:absolute;width:calc(100% + 3px)}.tooth-element-ortho--line .tooth-element-label{background-color:var(--toothBackground);z-index:1}.tooth-element-ortho--cross{position:relative}.tooth-element-ortho--cross::before{content:"";border-top:var(--borderWidth) solid var(--figureColor);position:absolute;transform:rotate(45deg);width:100%}.tooth-element-ortho--cross::after{content:"";border-top:var(--borderWidth) solid var(--figureColor);position:absolute;transform:rotate(-45deg);width:100%}.tooth-element-ortho--cross .tooth-element-label{background-color:var(--toothBackground);z-index:1}.tooth-element-separator-vertical{border-left:1px solid var(--separatorColor);margin:-4px 4px;height:34px}.tooth-element-separator-horizontal{border-top:1px solid var(--separatorColor);margin:8px 15%}.tooth-element-dental:has(input):hover,.tooth-element-dental:has(input):focus,.tooth-element-ortho:has(input):hover,.tooth-element-ortho:has(input):focus{box-shadow:0 0 0 0.2rem rgba(0, 80, 255, 0.25);outline:0}.tooth-element-dental:has(input[disabled]),.tooth-element-ortho:has(input[disabled]){pointer-events:none}@media print{.tooth-element{--toothBackground: transparent;--figureColor: #6c757d;--borderWidth: 1.5px;--separatorColor: #000;--step: 0.70rem;--cellSize: 20px}}.est-modal__document-generator .tooth-element{--step: 0.70rem;--cellSize: 20px}