@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap);.SearchIcon{height:30%;left:30px;position:absolute}.ChevronDownIcon{position:absolute;right:20px;width:12px}.ArrowLeftIcon,.MoonIcon,.SunIcon{height:14px}.ArrowLeftIcon path,.ChevronDownIcon path,.MoonIcon path,.SearchIcon path,.SunIcon path{fill:var(--text-color)}.Header{background-color:var(--elements);box-shadow:0 0 5px var(--shadow);color:var(--text-color);left:0;position:fixed;right:0;top:0;z-index:2}.Header__container{align-items:center;display:flex;height:var(--header-height);justify-content:space-between;margin-inline:auto;max-width:var(--container-max-width);padding-inline:var(--container-padding)}.Header__heading{font-size:var(--fs-home-page);font-weight:800;-webkit-user-select:none;user-select:none}.Header__theme-switch{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px}@media (min-width:768px){.Header__heading{font-size:22px}.Header__theme-switch{font-size:var(--fs-home-page)}}.MainWrapper{margin-inline:auto;margin-top:var(--header-height);max-width:var(--container-max-width);padding-inline:var(--container-padding);padding-top:40px}.CountryCardsWrapper{grid-gap:40px;display:grid;gap:40px;justify-content:center;padding-block:40px}@media (min-width:768px){.CountryCardsWrapper{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.CountryCardsWrapper{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.CountryCardsWrapper{grid-template-columns:repeat(4,1fr)}}.CountryCard{background-color:var(--elements);border-radius:5px;box-shadow:0 0 5px 0 var(--shadow);display:block;height:325px;overflow:hidden;width:280px}.CountryCard:hover{box-shadow:0 0 20px var(--shadow)}.CountryCard__flag{height:160px}.CountryCard__flag img{height:100%;object-fit:cover;width:100%}.CountryCard__info{color:var(--text-color);font-family:var(--ff-nunito-sans);padding:20px 20px 30px}.CountryCard__name{font-size:20px;font-weight:800;overflow:hidden;padding-bottom:15px;text-overflow:ellipsis;white-space:nowrap}@media (max-width:300px){.CountryCard{width:100%}}.FilterWrapper{display:flex;flex-direction:column;gap:40px;justify-content:space-between}@media (min-width:768px){.FilterWrapper{flex-direction:row}}@media (min-width:1400px){.FilterWrapper{gap:0}}.Search{align-items:center;display:flex;position:relative;width:100%}.Search__input{background-color:var(--elements);border:0;border-radius:5px;box-shadow:0 0 5px var(--shadow);color:var(--text-color);font-family:var(--ff-nunito-sans);font-size:var(--fs-home-page);font-weight:600;outline:0;padding:15px 15px 15px 60px;width:100%}.Search__input::-webkit-input-placeholder{color:var(--input);font-weight:300}.Search__input::placeholder{color:var(--input);font-weight:300}@media (min-width:768px){.Search{width:70%}}@media (min-width:992px){.Search{width:80%}}@media (min-width:1400px){.Search{width:40%}}.Dropdown{align-items:center;display:flex;position:relative;width:60%}.Dropdown__button{border:0;color:var(--text-color);font-family:var(--ff-nunito-sans);font-size:var(--fs-home-page);font-weight:600;outline:0;padding:15px 20px;text-align:left}.Dropdown__button,.Dropdown__menu{background-color:var(--elements);border-radius:5px;box-shadow:0 0 5px var(--shadow);width:100%}.Dropdown__menu{display:none;line-height:24px;padding:15px;position:absolute;top:calc(100% + 5px)}.Dropdown__menu--open{display:block}.Dropdown__item{color:var(--input);cursor:pointer;font-size:var(--fs-home-page)}.Dropdown__item:hover{color:var(--text-color)}.Dropdown__item--selected{color:var(--text-color);font-weight:600}@media (min-width:768px){.Dropdown{width:30%}}@media (min-width:992px){.Dropdown{width:20%}}@media (min-width:1400px){.Dropdown{width:20%}}.Button{align-items:center;background-color:var(--elements);border:0;border-radius:5px;box-shadow:0 0 5px 0 var(--shadow);color:var(--text-color);cursor:pointer;display:flex;font-family:var(--ff-nunito-sans);font-size:var(--fs-home-page);font-weight:300;gap:10px;outline:0;padding:10px 20px}.Button:hover{box-shadow:0 0 20px var(--shadow)}.CountryInfo{color:var(--text-color);font-family:var(--ff-nunito-sans);font-size:var(--fs-home-page);font-weight:600;line-height:24px;text-transform:capitalize}.CountryInfo__value{display:inline;font-weight:300;text-transform:none}.ResultsNotFound{color:var(--text-color);font-family:var(--ff-nunito-sans);font-size:var(--fs-home-page);font-weight:600;padding-top:40px;text-align:center}@media (min-width:768px){.ResultsNotFound{font-size:30px}}.Loading{color:var(--text-color);font-family:var(--ff-nunito-sans);font-size:var(--fs-home-page);font-weight:300;text-align:center}@media (min-width:768px){.Loading{font-size:30px}}.Detail{display:grid;padding-block:40px}.Detail__flag{box-shadow:0 0 5px 0 var(--shadow);width:100%}.Detail__name{color:var(--text-color);font-family:var(--ff-nunito-sans);font-size:32px;font-weight:800;padding-block:40px 20px}.Detail__info{display:flex;flex-direction:column;gap:20px}.Detail__info-group{width:100%}.Detail__borders{align-items:center;display:flex;flex-wrap:wrap;gap:15px;padding-top:20px}.Detail__borders-prefix{color:var(--text-color);font-family:var(--ff-nunito-sans);font-size:18px;font-weight:600}.Detail__borders-list{display:flex;flex-wrap:wrap;gap:10px}@media (min-width:576px){.Detail__info{flex-direction:row;justify-content:space-between}}@media (min-width:992px){.Detail{gap:40px;grid-template-columns:45% 1fr}.Detail__flag{height:300px;object-fit:cover}.Detail__name{padding-top:0}}@media (min-width:1400px){.Detail{align-items:center;gap:80px}.Detail__flag{height:400px;object-fit:cover}.Detail__borders{padding-top:40px}}:root{--background:#fafafa;--elements:#fff;--text-color:#111517;--shadow:#ccc;--input:#858585}html.dark:root{--background:#202c37;--elements:#2b3945;--text-color:#fff;--shadow:#19222a}:root{--ff-nunito-sans:"Nunito Sans",sans-serif;--fs-home-page:14px;--fs-detail-page:16px;--container-max-width:initial;--container-padding:15px;--header-height:70px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);font-family:Nunito Sans,sans-serif;font-family:var(--ff-nunito-sans)}a{-webkit-tap-highlight-color:transparent;color:var(--text-color);text-decoration:none}ul{list-style:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}@media (min-width:768px){:root{--container-max-width:630px}}@media (min-width:992px){:root{--container-max-width:950px}}@media (min-width:1400px){:root{--container-max-width:1270px}}
/*# sourceMappingURL=main.5c6ab0dc.css.map*/