.tooltip[data-v-4d00c039]{font-size:.6rem;color:#fff}[dir] .tooltip[data-v-4d00c039]{border-radius:50%;padding:2px 4px 2px 4px;background-color:#000}.form-error[data-v-4d00c039]{color:red}.tooth-chart-container[data-v-63bdbb30]{position:relative}.tooth-chart-container .palette[data-v-63bdbb30]{position:absolute;top:50%;display:flex;flex-direction:column;gap:.5rem}[dir=ltr] .tooth-chart-container .palette[data-v-63bdbb30]{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .tooth-chart-container .palette[data-v-63bdbb30]{right:50%;transform:translate(50%,-50%)}.tooth-chart svg[data-v-63bdbb30]{width:400px}.teeth-selector[data-v-63bdbb30]{display:flex;flex-direction:column;gap:1rem;font-family:system-ui,sans-serif;user-select:none;align-items:center}.teeth-selector .teeth-selector-container[data-v-63bdbb30]{height:300px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.palette[data-v-63bdbb30]{display:flex;gap:.5rem;flex-wrap:wrap}[dir] .palette-btn[data-v-63bdbb30]{cursor:pointer}[dir] .palette-btn:hover .color-swatch[data-v-63bdbb30]{transform:scale(1.15)}.palette-btn .color-swatch[data-v-63bdbb30]{width:16px;height:16px;transition:transform .15s;display:flex;align-items:center;justify-content:center}[dir] .palette-btn .color-swatch[data-v-63bdbb30]{border-radius:4px;cursor:pointer}.palette-btn span[data-v-63bdbb30]{font-size:12px}.jaw[data-v-63bdbb30]{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;max-width:600pxs;position:relative}[dir] .upper-jaw .tooth[data-v-63bdbb30]{transform:translateY(calc(var(--i)*2))}[dir] .lower-jaw .tooth[data-v-63bdbb30]{transform:translateY(calc(var(--i)*-2))}.tooth[data-v-63bdbb30]{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:10px;transition:transform .1s}[dir] .tooth[data-v-63bdbb30]{border-radius:50%;cursor:pointer}.lower-card,.upper-card{width:100%;height:100%;position:absolute;top:0}[dir=ltr] .lower-card,[dir=ltr] .upper-card{left:0}[dir=rtl] .lower-card,[dir=rtl] .upper-card{right:0}.lower-card.active{z-index:1}.upper-canvas{width:100%!important;height:100%!important;position:absolute;top:0}[dir=ltr] .upper-canvas{left:0}[dir=rtl] .upper-canvas{right:0}