.dental-tooth__surface{--border-color: #6c757d;--checked-color: #dae0e5;width:120px;height:120px;border:1px solid var(--border-color);border-radius:100%;display:flex;align-items:center;justify-content:center;position:relative;font-weight:500;font-size:0.85rem;color:#212529}.dental-tooth__surface input{display:none}.dental-tooth__surface_container{display:flex;flex-direction:column;align-items:center;gap:0.75rem;width:120px}.dental-tooth__surface_circle{width:80px;height:80px;position:relative;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;transform:rotate(45deg);border-radius:100%;background:var(--border-color);border:1px solid var(--border-color);overflow:hidden}.dental-tooth__surface_part{display:flex;align-items:center;justify-content:center;background:white;margin:0;cursor:pointer}.dental-tooth__surface_part-label{display:block;transform:rotate(-45deg)}.dental-tooth__surface_part-top{border-bottom:1px solid var(--border-color)}.dental-tooth__surface_part-right{border-left:1px solid var(--border-color)}.dental-tooth__surface_part-left{border-right:1px solid var(--border-color)}.dental-tooth__surface_part-bottom{border-top:1px solid var(--border-color)}.dental-tooth__surface_center{width:35px;height:35px;border:1px solid var(--border-color);border-radius:100%;position:absolute;background:white;display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer}.dental-tooth__surface_outline{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:100%;margin:0;cursor:pointer}.dental-tooth__surface_outline-label{display:block;line-height:20px;text-align:center}.dental-tooth__surface_outline:not(:hover):has(input:checked),.dental-tooth__surface_center:not(:hover):has(input:checked),.dental-tooth__surface_part:not(:hover):has(input:checked){background:var(--checked-color);color:#000}.dental-tooth__surface_outline:hover,.dental-tooth__surface_center:hover,.dental-tooth__surface_part:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.dental-tooth__surface .disabled{pointer-events:none;--checked-color: #a0a8af}.dental-tooth__surface .disabled .tooth-surface_outline-label,.dental-tooth__surface .disabled .tooth-surface_part-label,.dental-tooth__surface .disabled .tooth-surface_center-label{opacity:0.65;color:#212529}.dental-tooth__range-container label.btn{min-width:45px}.dental-tooth__range-container .btn-group-toggle label:nth-child(9){margin-left:0.5rem !important}.dental-tooth__chart{border-radius:100%;position:relative;--bg-color: #f4f5f7;color:#212529a6}.dental-tooth__chart[href="#"]{pointer-events:none}.dental-tooth__chart.active{--bg-color: #dae0e5}.dental-tooth__chart.active:not(:hover){color:black}.dental-tooth__chart.active .dental-tooth__chart_surface-circle{border:1px solid #6c757d}.dental-tooth__chart:hover .dental-tooth__chart_surface-circle,.dental-tooth__chart:hover .dental-tooth__chart_surface-center,.dental-tooth__chart:hover .dental-tooth__chart_surface-text{color:#fff;background-color:#6c757d;border-color:#6c757d}.dental-tooth__chart:hover .dental-tooth__chart_outline::after,.dental-tooth__chart:hover .dental-tooth__chart_surface-part,.dental-tooth__chart:hover .dental-tooth__chart_extraction{opacity:0}.dental-tooth__chart--hidden .dental-tooth__chart_surface-circle{border:2px dashed #6c757d}.dental-tooth__chart--palatal .dental-tooth__chart_outline{transform:rotate(180deg)}.dental-tooth__chart_surface-circle{width:30px;height:30px;position:relative;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;transform:rotate(45deg);border-radius:100%;background:var(--bg-color);overflow:hidden}.dental-tooth__chart_surface-part{display:flex;align-items:center;justify-content:center}.dental-tooth__chart_surface-part--top{background-color:var(--surface-top, var(--bg-color))}.dental-tooth__chart_surface-part--right{background-color:var(--surface-right, var(--bg-color))}.dental-tooth__chart_surface-part--left{background-color:var(--surface-left, var(--bg-color))}.dental-tooth__chart_surface-part--bottom{background-color:var(--surface-bottom, var(--bg-color))}.dental-tooth__chart_surface-center{width:18px;height:18px;border-radius:100%;position:absolute;display:flex;align-items:center;justify-content:center;background-color:var(--surface-center, var(--bg-color));color:var(--surface-center-color, inherit)}.dental-tooth__chart_surface-text{display:flex;position:absolute;align-items:center;justify-content:center;font-size:1.6em;width:100%;height:100%;color:var(--color);pointer-events:none}.dental-tooth__chart_outline{position:absolute;display:flex;justify-content:center;align-items:center;left:0;top:0;right:0;bottom:0;border-radius:100%;margin:-3px;border:2px solid var(--crown-color, transparent)}.dental-tooth__chart_outline::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:#f4f5f7;border-radius:100%}.dental-tooth__chart_class-5{margin:-5px;border-bottom:2px dashed var(--surface-class-5)}.dental-tooth__chart_veneer{margin:-5px;border-top:2px solid var(--surface-veneer)}.dental-tooth__chart_root{position:absolute;box-shadow:0px 0px 0px 2px #f4f5f7}.dental-tooth__chart_root--default{bottom:-7px;width:16px;height:9px}.dental-tooth__chart_root--default::after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;border-left:8px solid transparent;border-right:8px solid transparent;border-top:11px solid var(--color, transform)}.dental-tooth__chart_root--implant{bottom:-7px;width:12px;height:9px;background-color:var(--color, transform);border-radius:2px}.dental-tooth__chart_crown.dental-tooth__chart_denture--center{border-left-color:transparent;border-right-color:transparent}.dental-tooth__chart_crown.dental-tooth__chart_denture--first{border-right-color:transparent}.dental-tooth__chart_crown.dental-tooth__chart_denture--last{border-left-color:transparent}.dental-tooth__chart_crown+.dental-tooth__chart_surface-circle{border-color:transparent !important}.dental-tooth__chart_extraction{position:absolute;left:-3px;top:-3px;bottom:-3px;right:-3px}.dental-tooth__chart_extraction::before{content:"";position:absolute;border-top:2px solid var(--color);width:100%;top:50%;transform:rotate(45deg)}.dental-tooth__chart_extraction::after{content:"";position:absolute;border-top:2px solid var(--color);width:100%;top:50%;transform:rotate(-45deg)}.dental-tooth__chart_space-maintainer{width:36px;height:6px;background-color:var(--color, black);position:absolute;left:0}.dental-tooth__chart_space-maintainer--top{top:-9px}.dental-tooth__chart_space-maintainer--bottom{bottom:-9px}.dental-tooth__chart_space-maintainer--first{width:23px;left:13px;border-top-left-radius:10px;border-bottom-left-radius:10px}.dental-tooth__chart_space-maintainer--last{width:16px;left:0;border-top-right-radius:10px;border-bottom-right-radius:10px}