*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{font-family:system-ui,sans-serif}body{min-height:100vh}h1,h2,h3,h4,h5,h6{text-wrap:balance}li,figcaption{max-width:65ch}img,picture,svg,video{display:block;max-width:100%}:root{--foreground-colour: #fff;--background-colour: #ddd;--colour: #000;--shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px}html{min-height:100vh}body{background-color:var(--background-colour);margin:3rem 5rem;padding:2rem}p{margin-bottom:.5rem}h1{font-size:1.5rem;margin-bottom:.8rem}h2{font-size:1.3rem;margin-bottom:.5rem}h3{font-size:1.1rem;margin-bottom:.3rem}input{border-radius:.2rem;padding:.3rem;width:100%}.tabs.svelte-12qhfyh{display:grid;grid-template-columns:repeat(10,1fr);width:100%}.tab.svelte-12qhfyh{border:1px solid var(--colour);border-left:none;border-radius:8px 8px 0 0;padding:.5rem;font-size:1.2rem;text-transform:capitalize;outline:none;background-color:var(--foreground-colour);transition:transform .3s ease-out;width:auto}.first.svelte-12qhfyh{border-left:1px solid var(--colour)}.tab.svelte-12qhfyh:hover{background-color:#f0f8ff}.current.svelte-12qhfyh{border-bottom:none}.current.svelte-12qhfyh:hover{background-color:var(--foreground-colour)}.wrapper.svelte-12qhfyh{background-color:var(--foreground-colour);padding:1.3rem;box-shadow:var(--shadow);border-radius:1rem;display:flex;flex-direction:column;min-height:80vh}header.svelte-12qhfyh{text-align:center;margin:0 auto 2rem;width:60%}footer.svelte-12qhfyh{margin:auto auto 0;width:40%;padding:1rem 0 0;text-align:center;font-size:1.3rem}.panel.svelte-12qhfyh{padding:1rem;border:1px solid var(--colour);border-top:none;border-radius:0 0 5px 5px;height:350px;overflow-y:auto;overflow-x:none;flex:1;max-height:350px}