body,html{font-family:Encode Sans Variable,sans-serif;font-size:10px;background-color:#090909}button{cursor:pointer}h1{font-size:2.6rem;line-height:3.5rem}h2{font-size:2.4rem}h3{font-size:2.2rem}h4{font-size:2rem}h5{font-size:1.8rem}h6{font-size:1.6rem}p{font-size:1.4rem}::-webkit-scrollbar{width:.6rem;height:.6rem}::-webkit-scrollbar-track{background-color:#1e1e1e;border-radius:.3rem}::-webkit-scrollbar-thumb{background:#4f54f9;border-radius:.3rem}::-webkit-scrollbar-thumb:hover{background:#4f54f9}@-moz-document url-prefix(){*{scrollbar-color:rgb(79,84,249) rgb(30,30,30);scrollbar-width:thin;scrollbar-gutter:auto}}.pagination{justify-content:end;margin-top:auto;margin-bottom:2rem}.zustand{color:#fff}.jotai{color:#ee9d00}.signal{color:#ff4a4a}.render-counter{display:flex;flex-direction:column;gap:2rem}.render-counter__count-container{display:flex;flex-direction:column;gap:1rem;color:#cacaca}.user-display{display:flex;flex-direction:column;gap:1rem;color:#cacaca}.action-button{display:flex;flex-direction:row;gap:1.3rem;align-items:center;width:100%;height:max-content;min-height:4rem}.action-button__title{color:#fff;font-weight:500}.action-button__button{padding:0;margin:0;border:none;border-radius:0;background:none;outline:none;min-width:5rem;max-width:max-content;padding:.75rem 1rem;border:1px solid rgb(113,113,113);border-radius:.8rem;background-color:#2c334e;color:#cacaca}.data-fetch-display{display:flex;flex-direction:column;gap:1rem;color:#cacaca}.app-column{display:flex;flex-direction:column;gap:1.5rem;height:100%;padding:1rem;border:1px solid rgb(82,82,82);border-radius:.8rem}.app-column .sub-title{color:wheat}.app-row{display:flex;flex-direction:row;gap:2rem;width:100%;height:max-content;min-height:10rem}.app-row .sub-title{color:wheat}.app-row__element{width:36rem;height:25rem;padding:1rem;border:1px solid rgb(82,82,82);border-radius:.8rem}.buttons{display:flex;flex-direction:row;gap:2rem;align-items:center;width:50%}@media(min-width:1080px)and (max-width:1400px){.app-row__element{height:32rem}}@media(max-width:1080px){.app-row__element{height:35rem}.buttons{width:70%}}@media(max-width:820px){.app-row{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.app-row__element{height:26rem}.buttons{width:100%}}@media(max-width:450px){.app-column{width:100%}.app-row{display:grid;grid-template-columns:1fr;gap:2rem}.app-row__element{width:100%}.buttons{flex-direction:column}}.exp-computation{display:flex;flex-direction:column;gap:1rem;color:#cacaca}*,*:before,*:after{box-sizing:border-box}*{margin:0}*:focus{outline:none}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{display:flex;flex-direction:column;gap:2rem;max-height:100vh;overflow-y:scroll;scrollbar-width:none}.app__section{display:flex;flex-direction:column;gap:1.3rem;width:100%;height:max-content;padding:0 2rem;color:#cacaca}.app__section.with-border .exp-computation{width:36rem;height:15rem;padding:1rem;border:1px solid rgb(82,82,82);border-radius:.8rem}.app__title{width:100%;height:max-content;color:#fff;text-align:center}.app__column-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;height:50%}.app__sub-title{width:100%;height:max-content;color:#fff}@media(max-width:820px){.app__column-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:450px){.app{max-width:100vw}.app__sub-title{text-align:center}.app__section.with-border .exp-computation{width:100%}.app__column-container{grid-template-columns:1fr}}