@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.92592eb2.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans","GeistSans Fallback"}
:root{--dark-blue:#3e5edc;--base-blue:#8a98be;--light-blue:#c6ccf8}#storybook-root{width:100%;height:100%}.dark-template{background-color:#0b0d1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.Odontogram{--odontogram-tooltip-bg:#000000d9;--odontogram-tooltip-fg:#fff}.Odontogram.dark-theme{--odontogram-tooltip-bg:#fffffff2;--odontogram-tooltip-fg:#000}.Odontogram.dark-theme svg{--dark-blue:#aab6ff;--base-blue:#d0d5f6;--light-blue:#5361e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e4e6ef;background-color:#0b0d1a}.Odontogram svg{color:var(--base-blue);fill:none;transition:all .125s 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]{transition:none;opacity:1!important}.Odontogram g.selected path:nth-of-type(2){fill:var(--light-blue);opacity:1}.Odontogram g.selected path:first-of-type{transition:stroke 1s}.Odontogram g.selected:hover path:first-of-type{stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-dasharray:4 4;stroke-dashoffset:0;-webkit-filter:drop-shadow(0 0 8px);transition:stroke 5s;animation:1s linear 1s infinite dash-move}@keyframes dash-move{to{stroke-dashoffset:8px}}.Odontogram g.selected{color:var(--dark-blue);transition:all .3s}.Odontogram g.selected path{stroke-width:1.5px}.Odontogram g[class^=teeth-]:hover path:nth-of-type(2){fill:var(--light-blue);opacity:1}.odontogram-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000026}.Odontogram g[role=option]:focus-visible{outline:4px solid var(--dark-blue)!important}