@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";:root{--xanthous-50: #fffaeb;--xanthous-100: #fdefc8;--xanthous-200: #fbdf8c;--xanthous-300: #f9c850;--xanthous-400: #f7b32b;--xanthous-500: #f1910f;--xanthous-600: #d56c0a;--xanthous-700: #b14a0c;--xanthous-800: #8f3a11;--xanthous-900: #763111;--xanthous-950: #441704;--night-50: #f8f7f8;--night-100: #f0eeef;--night-200: #ded9dc;--night-300: #c1b8bd;--night-400: #9f919a;--night-500: #83747c;--night-600: #6b5e66;--night-700: #574d53;--night-800: #4a4246;--night-900: #403a3d;--night-950: #131112;--text: var(--night-900);--on-text: var(--night-800);--background: var(--night-100);--on-background: var(--night-300);--primary: var(--xanthous-400);--secondary: var(--xanthous-100);--accent: var(--xanthous-600);--rounded-md: .5em;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-normal: 400;--font-bold: 700;--text-md: 1rem;--text-lg: 1.4em;color:var(--text);background:var(--background);font-family:"Source Serif 4",serif;font-optical-sizing:auto;font-weight:var(--font-normal);font-style:normal}.light{--text: var(--night-900);--on-text: var(--night-800);--background: var(--night-100);--on-background: var(--night-300);--primary: var(--xanthous-400);--secondary: var(--xanthous-100);--accent: var(--xanthous-600);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);color:var(--text);background:var(--background)}.dark{--text: var(--night-100);--on-text: var(--night-300);--background: var(--night-950);--on-background: var(--night-800);--primary: var(--xanthous-500);--secondary: var(--xanthous-300);--accent: var(--xanthous-800);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);color:var(--text);background:var(--background)}body{margin:0}.container{display:flex;flex-direction:column;align-items:center;gap:5em;min-height:100svh;box-sizing:border-box;padding:25em 15% 10em}.header{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:2.5em;width:100%;max-height:6em;box-sizing:border-box;padding:1em;border-bottom:1px solid var(--on-background)}.header__title{flex:1;text-transform:capitalize}.header__flags{display:flex;align-items:center;justify-content:space-between;gap:.5em}.button--theme{color:var(--text)}.button{cursor:pointer;padding:1em 2em;border-radius:var(--rounded-md);box-shadow:var(--shadow-lg);font-size:var(--text-lg);font-weight:var(--font-bold);margin:1em 0}.button--icon{width:3em;height:3em;padding:.4em}.button--outlined{background-color:var(--background);border:2px solid var(--on-background);transition:all .3s cubic-bezier(.23,1,.32,1)}.button--outlined:hover{filter:brightness(90%)}.button--outlined:active{filter:brightness(110%)}.button--primary{border:none;background-color:var(--primary)}.button--primary:hover{filter:brightness(90%)}.button--primary:active{filter:brightness(110%)}.form{grid-row:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1em;width:100%}.form__field{display:flex;align-items:flex-end}.form__field__separator{transform:translateY(-.5rem);margin:0 .5em;font-weight:var(--font-bold)}.form__buttton{grid-column:1 / 3}.chart{width:100%;height:500px}.table-container{width:100%;max-height:400px;overflow-y:auto}.table{width:100%;color:var(--text)}.table__row:nth-child(2n){background-color:var(--secondary)}.table__row:nth-child(odd){background-color:var(--on-background)}.table__head__field{text-align:center;background-color:var(--primary);padding:.8em .4em}.table__body__field{text-align:center}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:5em}.contact{display:flex;align-items:center;gap:1em}.contact__icon{width:32px;height:32px;color:var(--primary)}.contact__link{cursor:pointer;color:var(--text);text-decoration:none}.contact__link:hover{color:var(--primary)}@media (width >= 800px){.container{padding-left:25%;padding-right:25%}}.input{box-sizing:border-box;padding:0 1em;flex:1;display:flex;flex-direction:column-reverse}.input__element{min-width:12em;width:100%;padding:.8em .5em;border-radius:var(--rounded-md);background-color:var(--background);border:1px solid var(--on-background);box-shadow:var(--shadow-md);transition:all .1s cubic-bezier(.23,1,.32,1);color:var(--text)}.input__element:focus{outline:2px solid var(--on-text)}.input__label{margin:.4em 0;text-transform:capitalize;font-weight:var(--font-bold)}.legend{width:100%;display:flex;align-items:center;justify-content:center;gap:2em}.legend__item{list-style:disc}.tooltip{background-color:var(--background);padding:1em;border:1px solid var(--text);border-radius:var(--rounded-md)}.tooltip__label{text-transform:capitalize}.select{position:relative;background-color:var(--background)}.trigger{display:flex;align-items:center;justify-content:space-between;height:1rem;padding:1.4em .4em;border:1px solid var(--on-background);border-radius:var(--rounded-md);background-color:var(--background);box-shadow:var(--shadow-md);min-width:8em}.trigger__content{text-transform:capitalize;font-weight:var(--font-bold);color:var(--on-background)}.trigger__icon{display:block;height:32px;color:var(--on-background)}.list{position:absolute;display:flex;flex-direction:column;gap:.2em;background-color:var(--background);width:100%;box-sizing:border-box;padding:.2em;margin:.4em 0 0;border:2px solid var(--on-background);border-radius:var(--rounded-md)}.list__item{background-color:var(--background);list-style:none;cursor:pointer;padding:.6em .8em;border-radius:var(--rounded-md);text-transform:capitalize}.list__item:hover{filter:brightness(90%)}