.odo{--cols: 14;--cell-min: 36px;--cell-max: 82px;--cell: clamp(var(--cell-min), calc(88cqi / var(--cols)), var(--cell-max));--gap-tooth: 3px;--gap-group: 10px;--gap-arch: 10px;--c-surface: #ffffff;--c-group-a: #dfeafb;--c-group-b: #b9d4f0;--c-outline: #16324f;--c-accent: #0f62d6;--c-accent-so: #cadfff;--c-text: #16324f;--c-text-mut: #5b7089;--c-muted: #8496ab;--c-ghost: #a9b8c9;--r-tile: 5px;--r-group: 13px;container-type:inline-size;color:var(--c-text)}.odo__scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:6px;-webkit-overflow-scrolling:touch}.odo__grid{display:grid;column-gap:var(--gap-tooth);row-gap:var(--gap-arch);margin-inline:auto;padding-top:16px}.odo .tooth{grid-row:var(--r);grid-column:var(--c);position:relative;display:flex;margin:0;border:1.5px solid transparent;border-radius:var(--r-tile);transition:background-color .12s ease,border-color .12s ease}.odo .tooth[data-tone=plain]{background:var(--c-group-a)}.odo .tooth[data-tone=molar]{background:var(--c-group-b)}.odo .tooth[data-edge=start],.odo .tooth[data-edge=both]{border-top-left-radius:var(--r-group);border-bottom-left-radius:var(--r-group)}.odo .tooth[data-edge=end],.odo .tooth[data-edge=both]{border-top-right-radius:var(--r-group);border-bottom-right-radius:var(--r-group)}.odo .tooth__label{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;width:100%;margin:0;padding:5px 2px;cursor:pointer}.odo .tooth[data-row="2"] .tooth__label{flex-direction:column-reverse}.odo .tooth__label>*{pointer-events:none}.odo .tooth .block-swatch__radio{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none;clip-path:inset(50%)}.tooth__num{font-size:clamp(9px,1.6cqi,12px);font-weight:600;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--c-text);-webkit-user-select:none;user-select:none}.tooth__icon{width:80%;height:auto;aspect-ratio:100 / 110;display:block;fill:var(--c-surface);stroke:var(--c-outline);stroke-width:6;stroke-linejoin:round;transition:fill .12s ease,stroke .12s ease}.odo .block-swatch__item{border:0;background:none;min-width:0;min-height:0;font:inherit;text-align:center}.odo .tooth[data-state=ok]:hover{background:var(--c-surface)}.odo .tooth:has(.block-swatch__radio:focus-visible){outline:2px solid var(--c-accent);outline-offset:2px}.odo .tooth:has(.block-swatch__radio:checked){background:var(--c-surface);border-color:var(--c-accent);overflow:hidden}.odo .tooth:has(.block-swatch__radio:checked) .tooth__num{color:var(--c-accent)}.odo .tooth:has(.block-swatch__radio:checked) .tooth__icon{fill:var(--c-accent-so);stroke:var(--c-accent)}.odo .tooth[data-state=out] .tooth__num,.odo .block-swatch--disabled .tooth__num{color:var(--c-muted);text-decoration:line-through}.odo .tooth[data-state=out] .tooth__icon,.odo .block-swatch--disabled .tooth__icon{fill:#eef2f7;stroke:var(--c-muted)}.odo .tooth[data-state=out] .tooth__label:after{content:"";position:absolute;top:22%;right:20%;bottom:22%;left:20%;background:linear-gradient(to top right,transparent calc(50% - .8px),var(--c-muted) calc(50% - .8px),var(--c-muted) calc(50% + .8px),transparent calc(50% + .8px))}.odo .tooth[data-state=out]:has(.block-swatch__radio:checked) .tooth__num{color:var(--c-accent)}.odo .tooth[data-state=out]:has(.block-swatch__radio:checked) .tooth__icon{fill:var(--c-accent-so);stroke:var(--c-accent)}.odo .tooth--empty .tooth__label{cursor:default}.odo .tooth--empty .tooth__num{color:var(--c-ghost)}.odo .tooth--empty .tooth__icon{fill:none;stroke:var(--c-ghost);stroke-dasharray:7 7;stroke-width:5}.odo__legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 0;font-size:12px;color:var(--c-text-mut)}.odo__legend .odo__key:not(:first-child){margin-left:10px}.odo__key{width:13px;height:15px;border-radius:3px;flex:none;display:inline-block;vertical-align:-2px}.odo__key[data-state=out]{background:#eef2f7;border:1.5px solid var(--c-muted)}.odo__key[data-state=na]{border:1.5px dashed var(--c-ghost)}.odo__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.odo__warning{margin:0 0 12px;padding:8px 10px;border-radius:8px;background:#fef3c7;border:1px solid #fcd34d;font-size:12px;line-height:1.5;color:#78350f}@media(prefers-reduced-motion:reduce){.odo .tooth,.tooth__icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/odontograma.css.map */