@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap";body{font-family:Chakra Petch,sans-serif;align-content:center;flex-direction:column;margin:0;padding:0;display:flex;min-width:320px;min-height:100vh;background-color:#f8f9fa}.card{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;width:calc(30% - 20px);min-width:200px;max-width:200px;box-sizing:border-box;transition:transform .2s ease}.card:hover{transform:scale(1.05)}.card h2{margin:0;font-size:3.5rem;color:#1d2024;font-family:Roboto}.card p{margin:5px 0 0;font-size:.9rem;color:#505152;position:relative;bottom:0;width:100%}@media (max-width: 768px){.card{width:calc(35% - 10px);min-width:180px}}@media (max-width: 480px){.card h2{margin:0;font-size:3.2rem;color:#1d2024}.card{min-width:140px}}@media (max-width: 370px){.card h2{margin:0;font-size:3rem;color:#1d2024}.card{min-width:140px}}.circular-progress{--size: 30px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100);width:var(--size);height:var(--size)}.circular-progress circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg{stroke:#ddd}.circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:#5394fd}@property --progress{syntax: "<number>"; inherits: false; initial-value: 0;}.container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:30px;margin-bottom:50px}.header1,.header2,.header3{text-align:center;color:#000;margin-bottom:10px;font-size:1.7rem;font-weight:700}.header3{font-size:1.4rem;font-weight:400}.search-container{display:flex;width:100%;max-width:300px;height:50px}input{flex:1;padding:10px 15px;border:2px solid #041daf;border-radius:4px;font-size:.9rem;color:#000;background-color:#f4feff;text-align:center}input::placeholder{opacity:.5;color:#4b7eec}@media (prefers-color-scheme: dark){input{flex:1;padding:10px 15px;border:2px solid #041daf;border-radius:4px;font-size:.9rem;color:#000;background-color:#f4feff;text-align:center}}.card-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:20px;width:90%;max-width:1200px}.loading-container{display:flex;align-items:center;justify-content:center;margin-top:30px;margin-bottom:30px;min-width:350px}.reload-button{margin-left:10px;padding:5px 10px;border:1px solid #5394fd;background-color:#5394fd;color:#fff;cursor:pointer;border-radius:4px;display:flex;align-items:center}.reload-button[disabled]{border-color:#ddd;background-color:#ddd;color:#aaa;cursor:not-allowed}.reload-button:not([disabled]):hover{background-color:#5b50f8;color:#fff}.reload-button .material-icons{margin-right:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}