::view-transition-old(root),::view-transition-new(root){animation:none!important;display:none!important}html,body{margin:.5rem;height:100vh;height:100svh}@keyframes svelte-n3zge2-slideDown{0%{top:-.25rem;opacity:.9}to{top:0rem;opacity:1}}.element-display.svelte-n3zge2 .atomic-number:where(.svelte-n3zge2){font-size:3rem;padding:.5rem;background:#fff;color:var(--bg);top:0;left:0;width:3ch;text-align:right;aspect-ratio:1;border-radius:0 0 1rem;display:flex;align-items:center;justify-content:flex-end}.element-display.svelte-n3zge2 .atomic-name:where(.svelte-n3zge2){font-size:2rem;bottom:0rem;left:0;right:0;position:absolute;background:#fff;border:1rem solid var(--bg);color:var(--bg);text-align:center;font-weight:700;border-radius:1rem}.element-display.svelte-n3zge2 .atomic-symbol:where(.svelte-n3zge2){font-size:6rem;font-weight:800}.element-display.svelte-n3zge2{view-transition-name:element-display;color:#fff;aspect-ratio:4 / 3;background:var(--bg);width:100%;display:grid;place-items:center;position:relative;transition:background 5s;animation:svelte-n3zge2-slideDown .2s ease-in;box-shadow:#63636333 0 2px 8px;border-radius:1rem}.periodic-reviewer.svelte-n3zge2{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.periodic-table-container.svelte-n3zge2{display:grid;place-items:center;flex-grow:1;gap:1rem;box-shadow:#63636333 0 2px 8px;border-radius:1rem;padding:1rem .5rem}.quiz-options.svelte-n3zge2{display:flex;flex-direction:column;gap:1.2rem;flex-grow:1}.quiz-options-sequence.svelte-n3zge2{display:flex;justify-content:space-between;gap:1rem}.button-toggle.svelte-n3zge2{all:unset;position:relative;top:0;height:2rem;aspect-ratio:1;border-radius:1rem;display:grid;place-items:center;font-size:1rem;font-weight:600;letter-spacing:.08rem;padding:1rem 1.6rem;background:#5353fc;color:#fff;box-shadow:0 16px 5px navy;transition:top .1s,box-shadow .06s}.button-toggle.svelte-n3zge2:hover{background:#7740e8}div.svelte-n3zge2{font-family:sans-serif}.element.svelte-n3zge2:hover{background:#f6f6f6}.element.svelte-n3zge2:focus{border:4px solid #ddd}.element.svelte-n3zge2{all:unset;border:1px solid #eee;box-sizing:border-box;display:grid;place-items:center;position:relative}.atomic-element.svelte-n3zge2{all:unset;inset:0}.atomic-number.svelte-n3zge2{position:absolute;left:.2rem;top:.2rem}.atomic-symbol.svelte-n3zge2{font-size:1rem}.legend.svelte-n3zge2{display:flex;flex-wrap:wrap;gap:.2rem;font-size:1rem}.legend-item.svelte-n3zge2{font-family:Anonymous Pro;font-weight:400;background:var(--bg);border-radius:4px;color:#fff;padding:.5rem;flex-grow:1;text-align:center}.legend-item__label.svelte-n3zge2{flex-grow:1}