:root{--color-blue: #0079fe;--color-red: #ff2f2f;--color-white: #fff;--color-bg: #141c2f;--color-card: #1e2a48;--color-card-dark: #141c2f;--default-radius: .7rem;--margin-after-form: 4rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0}html{font-size:62.5%}body{font-size:1.6rem;color:var(--color-white)}.container{display:flex;flex-direction:column;max-width:60rem;margin:0 auto 2rem;background-color:var(--color-bg)}@media (max-width: 400px){.container{padding:0 2rem}}.relative{position:relative}.logo{padding:4rem 0;font-weight:700;text-transform:uppercase;text-align:center}.SearchForm{display:flex;flex-direction:column;gap:1rem}.form{position:relative;display:flex;justify-content:space-around;gap:2rem;background-color:var(--color-card);border-radius:var(--default-radius);padding:.5rem .5rem .5rem 2rem}.choices{position:absolute;left:0;top:-2.8rem;display:flex;gap:1.5rem}.input{padding:1rem 1rem 1rem 2.4rem;font-size:1.6rem;border:none;flex:1;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20512%20512'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%20enable-background='new%200%200%20512%20512'%3e%3cpath%20d='M344.5%20298c15-23.6%2023.8-51.6%2023.8-81.7%200-84.1-68.1-152.3-152.1-152.3C132.1%2064%2064%20132.2%2064%20216.3c0%2084.1%2068.1%20152.3%20152.1%20152.3%2030.5%200%2058.9-9%2082.7-24.4l6.9-4.8L414.3%20448l33.7-34.3-108.5-108.6%205-7.1zm-43.1-166.8c22.7%2022.7%2035.2%2052.9%2035.2%2085s-12.5%2062.3-35.2%2085c-22.7%2022.7-52.9%2035.2-85%2035.2s-62.3-12.5-85-35.2c-22.7-22.7-35.2-52.9-35.2-85s12.5-62.3%2035.2-85c22.7-22.7%2052.9-35.2%2085-35.2s62.3%2012.5%2085%2035.2z'%20fill='%23ffffff'%20class='fill-000000'%3e%3c/path%3e%3c/svg%3e");background-size:2rem;background-position:left center;background-repeat:no-repeat;outline:none;color:var(--color-white)}.button{padding:10px 20px;font-size:1.4rem;border:none;border-radius:var(--default-radius);background-color:#007bff;color:#fff;cursor:pointer;font-weight:700}.button[disabled]{background-color:#007bff80;cursor:not-allowed}.cards{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-top:var(--margin-after-form)}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-basis:30%;overflow:hidden;gap:1rem}@media (max-width: 400px){.card{flex-basis:45%}}.img{width:15rem;height:15rem;border-radius:50%}.name{font-size:2rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}.loader{text-align:center;margin-top:var(--margin-after-form)}.loader:before{content:"";display:inline-block;border:solid 5px #cfd0d1;border-bottom-color:var(--color-blue);border-radius:50%;height:3rem;width:3rem;will-change:transform;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message{position:absolute;margin-top:.5rem;font-size:1.3rem;color:var(--color-red);display:flex}.hidden{display:none}