@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap";.header{display:flex;justify-content:space-between;align-items:center;position:relative}.mode-switch{cursor:pointer;user-select:none;font-size:1.5rem}.header__heading{letter-spacing:12px;text-transform:uppercase;font-size:2.1rem}header:after{content:" ";background-color:var(--text-color);left:0;height:2px;position:absolute;width:100%}.card{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--elements-color);box-shadow:0 0 6px #0000004b;border-radius:8px;transition:all .2s ease-in-out;font-size:1rem}.card:hover{box-shadow:0 0 12px #00000080;transform:scale(1.01)}.card__img{height:100%;cursor:pointer;animation:fadeIn 1s ease-in backwards}.country__img{object-fit:cover;height:100%;width:100%;border-radius:8px 8px 0 0}.card__text{padding:0 24px 24px;font-weight:300}.card__name{font-weight:800;margin:0}.card__name--link:link,.card__name--link:visited{margin-top:1rem;display:inline-block;color:inherit;text-decoration:none}.card__name:hover{text-decoration:underline dotted 2px;text-underline-offset:5px}.description{font-weight:600}main{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:64px}@media (max-width: 1044px){main{grid-template-columns:1fr 1fr 1fr;gap:40px}}@media (max-width: 750px){main{grid-template-columns:1fr 1fr;gap:24px}}@media (max-width: 500px){main{grid-template-columns:1fr}}.Dropdown-root{position:relative}.Dropdown-control{position:relative;overflow:hidden;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:default;outline:none;padding:8px 52px 8px 10px;transition:all .2s ease}.Dropdown-control:hover{box-shadow:0 1px #0000000f}.Dropdown-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0}.is-open .Dropdown-arrow{border-color:transparent transparent #999;border-width:0 5px 5px}.Dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000;-webkit-overflow-scrolling:touch}.Dropdown-menu .Dropdown-group>.Dropdown-title{padding:8px 10px;color:#333;font-weight:700;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.Dropdown-option:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Dropdown-option:hover,.Dropdown-option.is-selected{background-color:#f2f9fc;color:#333}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}.filter{background-color:var(--elements-color);color:var(--text-color);font-size:1rem}.Dropdown-menu{background-color:var(--elements-color)}.Dropdown-option{color:var(--text-color);font-size:1rem}.search-icon{position:absolute;right:24px;color:var(--text-color);font-size:1.2rem}.search{position:relative;display:flex;align-items:center;width:30%}#search{background-color:var(--elements-color);color:var(--text-color);border-radius:4px;box-shadow:0 0 2px #0000004b;border:none;padding:16px 32px;width:100%;font-size:1rem}#search::placeholder{opacity:.9}nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0}@media (max-width: 500px){nav{flex-direction:column;justify-content:center;align-items:baseline;gap:16px}}.light{--text-color: hsl(200, 15%, 8%);--input-color: hsl(0, 0%, 52%);--bg-color: hsl(0, 0%, 98%);--elements-color: hsl(0, 0%, 100%)}.dark{--text-color: hsl(0, 0%, 100%);--input-color: hsl(0, 0%, 52%);--bg-color: hsl(207, 26%, 17%);--elements-color: hsl(209, 23%, 22%)}body{background-color:var(--bg-color);color:var(--text-color);padding:0;margin:0;box-sizing:border-box}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes moveInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.detail-wrapper{margin:5% 0;display:flex;flex-direction:column;font-size:16px;font-weight:300}.back-btn:link,.back-btn:visited{display:inline-block;width:fit-content;margin-top:2.5rem;border-radius:100px;text-decoration:none;background-color:var(--elements-color);color:var(--text-color);padding:8px 30px;box-shadow:0 4px 10px #0000004b;transition:all .2s}.back-btn:hover{transform:translateY(-3px);box-shadow:0 2px 5px #0000004b}.info{display:grid;grid-template-columns:1fr 1fr;place-items:center;gap:40px}.info__img{width:100%;animation:scaleIn .5s ease-out backwards}.info__img>img{width:100%}.info__details{display:flex;flex-direction:column;align-self:start;justify-content:center;animation:moveInRight .5s ease-in-out backwards}.info__wrapper{display:flex;gap:64px}.info__border{margin-bottom:-15%}.border__entry{padding:4px 16px;box-shadow:0 0 6px #0000004b;background-color:var(--elements-color);color:var(--text-color)}.borders{display:flex;flex-wrap:wrap;gap:8px;max-width:50%}@media (max-width: 750px){.info{display:flex;flex-direction:column}.info__details{padding:16px 0}.info__wrapper{display:flex;flex-direction:column;gap:16px}.info__border{font-size:1.2rem}}#root{padding:16px;font-family:Nunito Sans;font-size:14px;font-weight:600}.max-width-wrapper{max-width:1440px;margin:0 auto}