@import"https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=Pixelify+Sans:wght@400..700&family=Tiny5&display=swap";:root{--cell-height: 3.5vh;--cell-width: 2vw;--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{margin:0;height:100vh;color:var(--color-text);background-color:#1f1c31;position:relative;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body[data-v-5646b13c]{-webkit-user-select:none;user-select:none}.welcome-wrapper[data-v-5646b13c]{display:flex;flex-direction:column;max-width:80%}tr[data-v-5646b13c]{display:flex;justify-content:center}.cell[data-v-5646b13c]{width:var(--cell-width);height:var(--cell-height);display:flex;align-items:center;text-align:center;justify-content:center;position:relative;font-family:Tiny5;color:#c2bfbf;height:30px;width:30px}.cell-element-display[data-v-5646b13c]{height:100%;width:100%}table[data-v-5646b13c]{border-collapse:collapse;table-layout:fixed;width:100%}.wrapper[data-v-5646b13c]{display:flex;justify-content:center}.display[data-v-5646b13c]{display:flex;flex-direction:column;background-color:#1f1c31;border:1px solid rgb(194,191,191);margin-top:20px;height:180px}.display-span[data-v-5646b13c]{font-family:Tiny5;color:#c2bfbf;font-size:20px}.chemino-display[data-v-5646b13c]{height:150px;width:300px;display:flex;justify-content:center;margin:0 auto;align-items:center}h6[data-v-5646b13c]{font-family:Tiny5;font-size:20px;font-weight:800;text-align:center;line-height:22px}h2[data-v-5646b13c]{font-family:Tiny5;font-size:30px;font-weight:800;text-align:center;color:#000}button[data-v-5646b13c]{background-color:#333232cc;border:1px dotted rgb(194,191,191);color:#c2bfbf;font-family:Tiny5;font-size:20px;padding:8px;margin:20px;cursor:pointer;width:80px;width:100px;align-self:center}button[data-v-5646b13c]:hover{background-color:#c2bfbf;border:1px dotted rgba(51,50,50,.8);color:#333232cc}.prev-next[data-v-5646b13c]{display:flex;margin:0 auto;text-align:center;justify-content:center;align-items:center;text-justify:center;height:30px;width:30px}.title[data-v-5646b13c]{font-family:Tiny5;font-size:80px;font-weight:800;text-align:center;color:#c2bfbf}@media screen and (max-width:900px){.title[data-v-5646b13c]{font-size:45px}}.sub-title[data-v-5646b13c]{color:#c2bfbf}@media screen and (max-width:900px){.sub-title[data-v-5646b13c]{font-size:20px}}.hydrogen[data-v-5646b13c]{border:.5px solid #ff1e56}.noble-gas[data-v-5646b13c]{border:.5px solid #00b0ff}.alkali-metal[data-v-5646b13c]{border:.5px solid #ff0000}.alkaline-earth-metal[data-v-5646b13c]{border:.5px solid #ff6f00}.metalloid[data-v-5646b13c]{border:.5px solid #ffa500}.non-metal[data-v-5646b13c]{border:.5px solid #32cd32}.halogen[data-v-5646b13c]{border:.5px solid #00ff00}.transition-metal[data-v-5646b13c]{border:.5px solid #ffff00}.lanthanide[data-v-5646b13c]{border:.5px solid #ff9b6a}.actinide[data-v-5646b13c]{border:.5px solid #ffec3d}.metal[data-v-5646b13c]{border:.5px solid #ffd700}.undefined[data-v-5646b13c]{border:.5px solid #f0e68c}.periodic-container[data-v-4b901a94]{display:flex;flex-direction:row;position:relative;height:100vh;max-width:600px;margin:0 auto;justify-content:center}.grid-wrapper[data-v-4b901a94]{height:100vh;background-color:#1f1c31;display:flex;align-content:center;justify-content:center;padding:20px 0;position:relative;margin:0 auto}.next-wrapper[data-v-4b901a94]{height:80px;width:80px;position:absolute;top:20px;left:40px}h4[data-v-4b901a94]{font-family:Tiny5;font-size:20px}.next-locked[data-v-4b901a94]{display:flex;flex-direction:column}.controls[data-v-4b901a94]{position:fixed;bottom:0;height:500px;width:100%}.control-bottom div[data-v-4b901a94]{height:100%;width:100%;text-align:center;align-items:center}.control-rotate[data-v-4b901a94]{height:300px;text-align:center;align-items:center}.control-bottom[data-v-4b901a94]{height:200px;display:flex;flex-direction:row;justify-content:space-between;text-align:center;align-items:center}table[data-v-4b901a94]{border-collapse:collapse;table-layout:fixed;width:100%}.scoreboard[data-v-4b901a94]{position:absolute;font-family:Tiny5;font-size:28px;top:20px;right:40px}.cell[data-v-4b901a94]{border:1px solid transparent;width:var(--cell-width);height:var(--cell-height);align-items:center;text-align:center;position:relative}.cell-next[data-v-4b901a94]{border:none;width:var(--cell-width);height:var(--cell-height);align-items:center;text-align:center;position:relative}.cell-element[data-v-4b901a94]{font-family:Tiny5,sans-serif;display:flex;justify-content:center;text-align:center;text-justify:center;align-items:center;font-size:18px;line-height:20px;height:100%;width:100%;border:1px solid rgb(92,127,38);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 700px){.cell-element[data-v-4b901a94]{font-size:10px}}.cell-blank[data-v-4b901a94]{border:1px solid transparent}.cell-x[data-v-4b901a94]{height:100%;width:100%;border:.5px solid rgb(199,199,199)}.modal[data-v-4b901a94]{position:fixed;color:#272727;width:100vw;height:100vh;background-color:#54545423;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto}.modal h3[data-v-4b901a94]{font-family:Tiny5;font-size:60px;text-align:center;color:#c2bfbf}.modal h4[data-v-4b901a94]{font-family:Tiny5;font-size:35px;text-align:center;color:#c2bfbf}button[data-v-4b901a94]{background-color:#333232cc;border:1px dotted rgb(194,191,191);color:#c2bfbf;font-family:Tiny5;font-size:20px;padding:16px;margin:20px;cursor:pointer}button[data-v-4b901a94]:hover{background-color:#c2bfbf;border:1px dotted rgba(51,50,50,.8);color:#333232cc}.display[data-v-4b901a94]{width:350px;display:flex;flex-direction:column;background-color:#1f1c31;border:1px solid rgb(194,191,191);margin-top:20px}.hydrogen[data-v-4b901a94]{border:.5px solid #ff1e56}.noble-gas[data-v-4b901a94]{border:.5px solid #00b0ff}.alkali-metal[data-v-4b901a94]{border:.5px solid #ff0000}.alkaline-earth-metal[data-v-4b901a94]{border:.5px solid #ff6f00}.metalloid[data-v-4b901a94]{border:.5px solid #ffa500}.non-metal[data-v-4b901a94]{border:.5px solid #32cd32}.halogen[data-v-4b901a94]{border:.5px solid #00ff00}.transition-metal[data-v-4b901a94]{border:.5px solid #ffff00}.lanthanide[data-v-4b901a94]{border:.5px solid #ff9b6a}.actinide[data-v-4b901a94]{border:.5px solid #ffec3d}.metal[data-v-4b901a94]{border:.5px solid #ffd700}.undefined[data-v-4b901a94]{border:.5px solid #f0e68c}.container[data-v-6890af9a]{height:100vh;background-color:#1f1c31;display:flex;gap:1rem;align-items:center}