@import"https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.alkali_metal{--bg: #893838}.alkaline_earth_metal{--bg: #cf8b56}.transition_metal{--bg: #8b624c}.post-transition_metal{--bg: #5878a1}.metalloid{--bg: #507850}.non-metal{--bg: #cc4b4b}.halogen{--bg: #ab5393}.noble_gas{--bg: #884dff}.lanthanide{--bg: #7f6caa}.actinide{--bg: #b05266}input[type=button]{all:unset;font-family:Anonymous Pro,monospace;width:100%;padding:.6rem 1rem;border:1px solid var(--primary);border-radius:12px;box-shadow:0 2px 2.9px var(--secondary);font-size:1.2rem;text-align:center;transition:box-shadow .2s,background .1s;box-sizing:border-box}input[type=checkbox]:hover:not(:disabled){background:var(--primary);filter:saturate(1.5);box-shadow:0 0 3.1px var(--secondary)}input:hover:not(:disabled){filter:saturate(1.05) brightness(1.1);box-shadow:0 0 3.1px var(--secondary)}input:focus-visible{outline:2px dashed var(--secondary)}input:active:not(:disabled),input.pressed:not(:disabled){box-shadow:5px 4px 4px var(--secondary) inset;background:var(--primary);color:#fff}input.spinbutton__button{padding:.2rem 1rem;border-radius:4px}.choices.svelte-f2xo7h{display:flex;gap:1rem}.choice.svelte-f2xo7h{flex-grow:1}.svelte-1h71jg3,.svelte-1h71jg3:before,.svelte-1h71jg3:after{box-sizing:border-box;margin:0;padding:0}input.svelte-1h71jg3{all:unset;font-family:Anonymous Pro,monospace;width:100%;padding:.6rem .2rem;padding:1rem .5rem;border:1px solid var(--primary);border-radius:12px;box-shadow:0 2px 2.9px var(--secondary);font-size:1.2rem;text-align:center;display:inline-flex;align-items:center;justify-content:center;padding:1.25rem;background-color:var(--color-primary);color:var(--color-surface);border-radius:.25rem;border:none;cursor:pointer;transition:background-color .2s ease;background:var(--primary);color:#fff;transition:box-shadow .2s,background .1s;box-sizing:border-box}input.svelte-1h71jg3:hover{background-color:var(--color-primary-hover)}input.svelte-1h71jg3:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}input.svelte-1h71jg3:hover{box-shadow:0 -.5px 3.1px var(--secondary)}input.svelte-1h71jg3:focus-visible{outline:2px dashed var(--secondary)}input.svelte-1h71jg3:active{background:var(--secondary);box-shadow:5px 4px 4px var(--secondary) inset}:root{--primary: #884dff;--secondary: #59308f;--box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px}.collapsible.svelte-lsc206{box-shadow:#63636333 0 2px 8px;padding:.5rem 1rem;color:#7a7a7a;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.header.svelte-lsc206{display:flex;justify-content:space-between;align-items:center}.header-label.svelte-lsc206{cursor:pointer;flex-grow:1}.collapsible-checkbox[aria-expanded=true].svelte-lsc206{transform:rotate(180deg)}.collapsible-checkbox.svelte-lsc206{all:unset;width:2rem;aspect-ratio:1;background:#884dff;clip-path:polygon(50% 70%,0 20%,100% 20%);transition:.2s transform ease-in}.collapsible-checkbox.svelte-lsc206:hover{cursor:pointer}.content.svelte-lsc206{overflow:hidden;transition:max-height .3s ease;max-height:800px}.collapsible-checkbox.svelte-lsc206:hover{filter:saturate(1.2)}.collapsible.svelte-lsc206 .content[aria-hidden=true]:where(.svelte-lsc206){max-height:0}.spinbutton.svelte-4s7spp{display:flex;align-items:center;gap:1rem;position:relative}.spinbutton[aria-disabled=true].svelte-4s7spp{color:#ccc}.spinbutton__buttons.svelte-4s7spp{display:flex;flex-direction:column;gap:1rem;color:var(--primary)}.spinbutton__display.svelte-4s7spp h1:where(.svelte-4s7spp){font-size:3rem;line-height:0;text-align:center;font-family:Anonymous Pro,monospace;width:2ch;top:.5rem;position:relative}.spinbutton__display.svelte-4s7spp p:where(.svelte-4s7spp){position:relative;text-align:center}.ui-util.svelte-kp2z8s{display:flex}#quiz-options.svelte-kp2z8s{font-family:Anonymous Pro,monospace;view-transition-name:periodic-memory}.options.svelte-kp2z8s{display:flex;flex-direction:column;gap:1rem}h1.svelte-kp2z8s{font-size:1.7rem}h2.svelte-kp2z8s{font-size:1.1rem;font-weight:400}.hint.svelte-kp2z8s{font-size:.9rem;letter-spacing:.1rem;font-weight:800;line-height:.5rem}.checkbox.svelte-kp2z8s{display:flex;gap:1rem;align-items:center}.checkbox.svelte-kp2z8s input[type=checkbox]:where(.svelte-kp2z8s){all:unset;height:1rem;aspect-ratio:1;border:4px solid var(--primary);border-radius:4px;position:relative}.checkbox.svelte-kp2z8s input[type=checkbox]:where(.svelte-kp2z8s):checked:after{background:var(--secondary);background:green;background:#10b981;top:-1.8rem;left:-.5rem;height:3rem;aspect-ratio:1;position:absolute;content:"";clip-path:polygon(29% 77%,73% 49%,31% 100%,5% 66%)}.choices.svelte-kp2z8s{display:flex;gap:1rem}.timer.svelte-kp2z8s{display:flex;gap:1rem;justify-content:space-around}.alkali_metal.svelte-1o0ueru{--bg: #893838}.alkaline_earth_metal.svelte-1o0ueru{--bg: #cf8b56}.transition_metal.svelte-1o0ueru{--bg: #8b624c}.post-transition_metal.svelte-1o0ueru{--bg: #5878a1}.metalloid.svelte-1o0ueru{--bg: #507850}.non-metal.svelte-1o0ueru{--bg: #cc4b4b}.halogen.svelte-1o0ueru{--bg: #ab5393}.noble_gas.svelte-1o0ueru{--bg: #884dff}.lanthanide.svelte-1o0ueru{--bg: #7f6caa}.actinide.svelte-1o0ueru{--bg: #b05266}.periodic-table.svelte-1o0ueru{font-family:Inter,sans-serif;display:grid;grid-column-gap:2px;grid-row-gap:2px;view-transition-name:periodic-table;--cell: 1fr;--unit-gap: .2;--gap: calc(var(--cell) * var(--unit-gap));grid-template-columns:repeat(3,var(--cell)) var(--gap) repeat(15,var(--cell));grid-template-rows:repeat(7,var(--cell)) var(--gap) repeat(2,var(--cell));width:100%;aspect-ratio:calc((18 + var(--unit-gap)) / (9 + var(--unit-gap)))}.hide.svelte-1o0ueru{display:none}.element.svelte-1o0ueru:hover{filter:saturate(1.5)}.element.svelte-1o0ueru:focus{filter:saturate(1.2) brightness(1.4)}.element.svelte-1o0ueru{all:unset;box-sizing:border-box;position:relative;background-color:var(--bg);container-type:inline-size;container-name:element-container;border-radius:2px;display:grid;place-items:center;box-shadow:#c7c7c799 0 2px 8px}.atomic-number.three-digit.svelte-1o0ueru{font-size:.8rem;font-weight:700}.atomic-number.svelte-1o0ueru{position:absolute;left:0rem;top:0rem;padding:.1rem;min-width:1rem;background-color:#fff;border-radius:4px 0;color:var(--bg);font-size:clamp(.8rem,10vw,1rem);aspect-ratio:1;display:none}.atomic-symbol.svelte-1o0ueru{font-size:.8rem;font-weight:800;color:#fff;letter-spacing:2px;position:absolute}.atomic-symbol.two-chars.svelte-1o0ueru{letter-spacing:0;font-size:.6rem}.atomic-name.svelte-1o0ueru{position:absolute;text-align:center;bottom:0;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background-color:#fff;width:100%;border:3px var(--bg) solid;border-radius:6px;color:var(--bg);box-sizing:border-box}.h.svelte-1o0ueru{grid-area:1/1/2/2}.he.svelte-1o0ueru{grid-area:1/19/2/20}.li.svelte-1o0ueru{grid-area:2/1/3/2}.be.svelte-1o0ueru{grid-area:2/2/3/3}.b.svelte-1o0ueru{grid-area:2/14/3/15}.c.svelte-1o0ueru{grid-area:2/15/3/16}.n.svelte-1o0ueru{grid-area:2/16/3/17}.o.svelte-1o0ueru{grid-area:2/17/3/18}.f.svelte-1o0ueru{grid-area:2/18/3/19}.ne.svelte-1o0ueru{grid-area:2/19/3/20}.na.svelte-1o0ueru{grid-area:3/1/4/2}.mg.svelte-1o0ueru{grid-area:3/2/4/3}.al.svelte-1o0ueru{grid-area:3/14/4/15}.si.svelte-1o0ueru{grid-area:3/15/4/16}.p.svelte-1o0ueru{grid-area:3/16/4/17}.s.svelte-1o0ueru{grid-area:3/17/4/18}.cl.svelte-1o0ueru{grid-area:3/18/4/19}.ar.svelte-1o0ueru{grid-area:3/19/4/20}.k.svelte-1o0ueru{grid-area:4/1/5/2}.ca.svelte-1o0ueru{grid-area:4/2/5/3}.sc.svelte-1o0ueru{grid-area:4/3/5/4}.ti.svelte-1o0ueru{grid-area:4/5/5/6}.v.svelte-1o0ueru{grid-area:4/6/5/7}.cr.svelte-1o0ueru{grid-area:4/7/5/8}.mn.svelte-1o0ueru{grid-area:4/8/5/9}.fe.svelte-1o0ueru{grid-area:4/9/5/10}.co.svelte-1o0ueru{grid-area:4/10/5/11}.ni.svelte-1o0ueru{grid-area:4/11/5/12}.cu.svelte-1o0ueru{grid-area:4/12/5/13}.zn.svelte-1o0ueru{grid-area:4/13/5/14}.ga.svelte-1o0ueru{grid-area:4/14/5/15}.ge.svelte-1o0ueru{grid-area:4/15/5/16}.as.svelte-1o0ueru{grid-area:4/16/5/17}.se.svelte-1o0ueru{grid-area:4/17/5/18}.br.svelte-1o0ueru{grid-area:4/18/5/19}.kr.svelte-1o0ueru{grid-area:4/19/5/20}.rb.svelte-1o0ueru{grid-area:5/1/6/2}.sr.svelte-1o0ueru{grid-area:5/2/6/3}.y.svelte-1o0ueru{grid-area:5/3/6/4}.zr.svelte-1o0ueru{grid-area:5/5/6/6}.nb.svelte-1o0ueru{grid-area:5/6/6/7}.mo.svelte-1o0ueru{grid-area:5/7/6/8}.tc.svelte-1o0ueru{grid-area:5/8/6/9}.ru.svelte-1o0ueru{grid-area:5/9/6/10}.rh.svelte-1o0ueru{grid-area:5/10/6/11}.pd.svelte-1o0ueru{grid-area:5/11/6/12}.ag.svelte-1o0ueru{grid-area:5/12/6/13}.cd.svelte-1o0ueru{grid-area:5/13/6/14}.in.svelte-1o0ueru{grid-area:5/14/6/15}.sn.svelte-1o0ueru{grid-area:5/15/6/16}.sb.svelte-1o0ueru{grid-area:5/16/6/17}.te.svelte-1o0ueru{grid-area:5/17/6/18}.i.svelte-1o0ueru{grid-area:5/18/6/19}.xe.svelte-1o0ueru{grid-area:5/19/6/20}.cs.svelte-1o0ueru{grid-area:6/1/7/2}.ba.svelte-1o0ueru{grid-area:6/2/7/3}.la.svelte-1o0ueru{grid-area:6/3/7/4}.ce.svelte-1o0ueru{grid-area:9/5/10/6}.pr.svelte-1o0ueru{grid-area:9/6/10/7}.nd.svelte-1o0ueru{grid-area:9/7/10/8}.pm.svelte-1o0ueru{grid-area:9/8/10/9}.sm.svelte-1o0ueru{grid-area:9/9/10/10}.eu.svelte-1o0ueru{grid-area:9/10/10/11}.gd.svelte-1o0ueru{grid-area:9/11/10/12}.tb.svelte-1o0ueru{grid-area:9/12/10/13}.dy.svelte-1o0ueru{grid-area:9/13/10/14}.ho.svelte-1o0ueru{grid-area:9/14/10/15}.er.svelte-1o0ueru{grid-area:9/15/10/16}.tm.svelte-1o0ueru{grid-area:9/16/10/17}.yb.svelte-1o0ueru{grid-area:9/17/10/18}.lu.svelte-1o0ueru{grid-area:9/18/10/19}.hf.svelte-1o0ueru{grid-area:6/5/7/6}.ta.svelte-1o0ueru{grid-area:6/6/7/7}.w.svelte-1o0ueru{grid-area:6/7/7/8}.re.svelte-1o0ueru{grid-area:6/8/7/9}.os.svelte-1o0ueru{grid-area:6/9/7/10}.ir.svelte-1o0ueru{grid-area:6/10/7/11}.pt.svelte-1o0ueru{grid-area:6/11/7/12}.au.svelte-1o0ueru{grid-area:6/12/7/13}.hg.svelte-1o0ueru{grid-area:6/13/7/14}.tl.svelte-1o0ueru{grid-area:6/14/7/15}.pb.svelte-1o0ueru{grid-area:6/15/7/16}.bi.svelte-1o0ueru{grid-area:6/16/7/17}.po.svelte-1o0ueru{grid-area:6/17/7/18}.at.svelte-1o0ueru{grid-area:6/18/7/19}.rn.svelte-1o0ueru{grid-area:6/19/7/20}.fr.svelte-1o0ueru{grid-area:7/1/8/2}.ra.svelte-1o0ueru{grid-area:7/2/8/3}.ac.svelte-1o0ueru{grid-area:7/3/8/4}.th.svelte-1o0ueru{grid-area:10/5/11/6}.pa.svelte-1o0ueru{grid-area:10/6/11/7}.u.svelte-1o0ueru{grid-area:10/7/11/8}.np.svelte-1o0ueru{grid-area:10/8/11/9}.pu.svelte-1o0ueru{grid-area:10/9/11/10}.am.svelte-1o0ueru{grid-area:10/10/11/11}.cm.svelte-1o0ueru{grid-area:10/11/11/12}.bk.svelte-1o0ueru{grid-area:10/12/11/13}.cf.svelte-1o0ueru{grid-area:10/13/11/14}.es.svelte-1o0ueru{grid-area:10/14/11/15}.fm.svelte-1o0ueru{grid-area:10/15/11/16}.md.svelte-1o0ueru{grid-area:10/16/11/17}.no.svelte-1o0ueru{grid-area:10/17/11/18}.lr.svelte-1o0ueru{grid-area:10/18/11/19}.rf.svelte-1o0ueru{grid-area:7/5/8/6}.db.svelte-1o0ueru{grid-area:7/6/8/7}.sg.svelte-1o0ueru{grid-area:7/7/8/8}.bh.svelte-1o0ueru{grid-area:7/8/8/9}.hs.svelte-1o0ueru{grid-area:7/9/8/10}.mt.svelte-1o0ueru{grid-area:7/10/8/11}.ds.svelte-1o0ueru{grid-area:7/11/8/12}.rg.svelte-1o0ueru{grid-area:7/12/8/13}.cn.svelte-1o0ueru{grid-area:7/13/8/14}.nh.svelte-1o0ueru{grid-area:7/14/8/15}.fl.svelte-1o0ueru{grid-area:7/15/8/16}.mc.svelte-1o0ueru{grid-area:7/16/8/17}.lv.svelte-1o0ueru{grid-area:7/17/8/18}.ts.svelte-1o0ueru{grid-area:7/18/8/19}.og.svelte-1o0ueru{grid-area:7/19/8/20}