:root{--dark-blue:#3e5edc;--base-blue:#8a98be;--light-blue:#c6ccf8}#storybook-root,.dark-template{width:100%;height:100%}.dark-template{display:flex;justify-content:center;align-items:center;background-color:#0b0d1a}.Odontogram{--odontogram-tooltip-bg:rgba(0,0,0,.85);--odontogram-tooltip-fg:#fff}.Odontogram.dark-theme{--odontogram-tooltip-bg:hsla(0,0%,100%,.95);--odontogram-tooltip-fg:#000}.Odontogram.dark-theme svg{--dark-blue:#aab6ff;--base-blue:#d0d5f6;--light-blue:#5361e6;background-color:#0b0d1a;color-scheme:dark;color:#e4e6ef}.Odontogram svg{color:var(--base-blue);fill:none;transition:all 125ms ease-in}.Odontogram[data-read-only=true]{pointer-events:none}.Odontogram svg path:nth-of-type(2){opacity:0;transition:all .2s ease-in}.Odontogram svg path[data-colored=true]{opacity:1!important;transition:none}.Odontogram g.selected path:nth-of-type(2){fill:var(--light-blue);opacity:1}.Odontogram g.selected path:first-of-type{transition:stroke 1s ease}.Odontogram g.selected:hover path:first-of-type{stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-dasharray:4 4;stroke-dashoffset:0;transition:stroke 5s ease;animation:dash-move 1s linear infinite;animation-delay:1s;filter:drop-shadow(0 0 8px currentColor);-webkit-filter:drop-shadow(0 0 8px currentColor)}@keyframes dash-move{to{stroke-dashoffset:8}}.Odontogram g.selected{transition:all .3s ease;color:var(--dark-blue)}.Odontogram g.selected path{stroke-width:1.5}.Odontogram g[class^=teeth-]:hover path:nth-of-type(2){fill:var(--light-blue);opacity:1}.odontogram-tooltip{box-shadow:0 2px 8px #00000026;backdrop-filter:blur(4px)}.Odontogram g[role=option]:focus-visible{outline:4px solid var(--dark-blue)!important}