body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Be Vietnam Pro,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-32-semibold{font-size:2rem}.text-16-semibold,.text-32-semibold{font-family:Be Vietnam Pro,sans-serif;font-weight:600}.text-16-semibold{font-size:1rem}.text-16-medium{font-family:Be Vietnam Pro,sans-serif;font-size:1rem;font-weight:500}.text-14-bold{font-weight:700}.text-14-bold,.text-14-medium{font-family:Be Vietnam Pro,sans-serif;font-size:.875rem}.text-14-medium{font-weight:500}.text-12-bold{font-weight:700}.text-12-bold,.text-12-medium{font-family:Be Vietnam Pro,sans-serif;font-size:.75rem}.text-12-medium{font-weight:500}#root,body{display:flex;justify-content:center;width:100%}body{background-color:#1b1d1f;color:#d2d5da;padding:30px}body:before{align-items:center;background-image:url(/devChallenge-country-page-worldRanks/static/media/hero-image.cf103df802ad59532be0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;content:url(/devChallenge-country-page-worldRanks/static/media/Logo.0df25db9b1a0cbd724ab.svg);display:flex;height:300px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:-1}@media (max-width:640px){body{padding:15px 15px 30px}}.App{align-items:center;background-color:#1b1d1f;border:1px solid #282b30;border-radius:15px;display:flex;flex-direction:column;margin-top:210px;max-width:1280px;min-height:100vh;padding:30px;width:100%}input,select{border-radius:10px;height:45px;padding:15px;width:230px}input::placeholder,select{color:#d2d5da}.input-search{background-color:#282b30;background-image:url(/devChallenge-country-page-worldRanks/static/media/Search.bed9aa5c00a3be931aef.svg);background-position:13px;background-repeat:no-repeat;background-size:25px;padding-left:45px;width:340px}@media (max-width:768px){.input-search{width:100%}}@media (max-width:640px){.App{padding:15px}}select{background-color:#1b1d1f;border:3px solid #282b30;padding:0 15px}.region-tag{background-color:initial;border-radius:10px;padding:7px 15px;transition:background-color .3s;width:-webkit-fit-content;width:fit-content}.region-tag:hover{transform:scale(1.1)}.region-tag-selected{background-color:#282b30}.status-checkbox{background-color:#1b1d1f;border-radius:5px;height:20px;width:20px}@media (max-width:768px){select{width:100%}}.page-button{background-color:#282b30;border-radius:10px;padding:7px 15px;width:-webkit-fit-content;width:fit-content}.page-button:hover{transform:scale(1.05)}table{table-layout:fixed;width:100%}.flag-img{border-radius:5px;height:40px;max-width:50px;width:50px}.country-row{height:64px}.country-row:hover{cursor:pointer;transform:scale(1.02)}@media (max-width:640px){.flag-img{height:35px;width:45px}.text-row{font-size:12px}}.country-detail{align-items:center;background-color:#1b1d1f;border:1px solid #282b30;border-radius:15px;display:flex;flex-direction:column;margin-top:210px;max-width:720px;min-height:100vh;width:100%}.img-detail{border-radius:15px;height:-webkit-fit-content;height:fit-content;margin-top:-50px;max-width:260px;width:260px}.country-data{align-items:flex-end;display:flex;flex-direction:row;gap:20px;justify-content:space-evenly;width:100%}.data-tag{background-color:#282b30;border-radius:15px;padding:15px;width:-webkit-fit-content;width:fit-content}.country-info-container{flex-direction:column;justify-content:center}.country-info,.country-info-container{align-items:center;display:flex;width:100%}.country-info{border-top:1px solid #282b30;height:65px;justify-content:space-between;padding:0 20px}.country-neighbours{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center;overflow-x:auto;width:100%}.neighbour-list{align-items:center;display:flex;flex-direction:row}.neighbour-img{border-radius:5px;height:60px;max-width:-webkit-fit-content;max-width:fit-content;width:-webkit-fit-content;width:fit-content}.neighbour{padding:8px 12px}.neighbour:hover{cursor:pointer;transform:scale(1.1)}@media (max-width:640px){.country-data{gap:10px;padding:0 10px}.title-text{font-size:14px}.data-tag{padding:10px}}
/*# sourceMappingURL=main.954a4a5d.css.map*/