:root{--clr-neutral-100: hsl(207, 26%, 17%);--clr-neutral-200: hsl(209, 23%, 22%);--clr-neutral-300: hsl(0, 0%, 100%);--clr-neutral-400: hsl(0, 0%, 85%);--clr-neutral-500: hsla(0, 0%, 0%, .2)}[data-theme=light]{--clr-neutral-100: hsl(0, 0%, 98%);--clr-neutral-200: hsl(0, 0%, 100%);--clr-neutral-300: hsl(200, 15%, 8%);--clr-neutral-400: hsl(200, 15%, 20%);--clr-neutral-500: hsla(0, 0%, 0%, .2)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Nunito Sans,sans-serif;background-color:var(--clr-neutral-100)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none}ul{list-style:none}#root{isolation:isolate}.container{max-width:90%;margin-inline:auto}.home{margin-top:3rem}.home__nav{display:flex;justify-content:space-between;align-items:center}@media (max-width: 40.625rem){.home__nav{flex-direction:column;gap:20px;align-items:flex-start}}.home__nav__input-wrapper{display:flex;align-items:center;gap:10px;background-color:var(--clr-neutral-200);width:400px;padding:.7rem 1rem;border-radius:5px;box-shadow:2px 2px 15px var(--clr-neutral-500)}.home__nav__input-wrapper__search-icon{max-width:25px}.home__nav__input-wrapper__input{flex:2;background-color:transparent;border:0;color:var(--clr-neutral-300)}.home__nav__input-wrapper__input::placeholder{color:var(--clr-neutral-300);font-size:.8rem}.home__nav__input-wrapper__input:focus{outline:none}.country-details{margin-top:3rem}@media (max-width: 62.5rem){.country-details{padding-bottom:3rem}}.country-details__back-link,.country-details__country-detail__info__border-countries span a{padding:.2rem 1.2rem;box-shadow:2px 2px 15px var(--clr-neutral-500);text-align:center;background-color:var(--clr-neutral-200);color:var(--clr-neutral-300);border-radius:5px}.country-details__country-detail{margin-top:3rem;display:grid;grid-template-columns:500px 1fr;gap:clamp(2rem,5vw,50rem);overflow:hidden}@media (max-width: 62.5rem){.country-details__country-detail{grid-template-columns:1fr;gap:2rem}}.country-details__country-detail__img{width:100%;height:300px;object-fit:cover}@media (max-width: 62.5rem){.country-details__country-detail__img{object-fit:contain}}.country-details__country-detail__info{color:var(--clr-neutral-300);align-self:center;justify-self:center;width:100%}.country-details__country-detail__info__title{font-size:1.5rem;margin-bottom:1rem}.country-details__country-detail__info__props{margin-top:.6rem}.country-details__country-detail__info__props strong{font-weight:600}.country-details__country-detail__info__props span{color:var(--clr-neutral-400)}.country-details__country-detail__info__border-countries{margin-top:4rem;display:grid;grid-template-columns:150px auto;gap:1rem;padding-bottom:10px}.country-details__country-detail__info__border-countries span{display:inline-flex;gap:1rem;flex-wrap:wrap}.country-details__country-detail__info .two-columns{columns:2 auto}@media (max-width: 62.5rem){.country-details__country-detail__info .two-columns{columns:1}}.not-found{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.not-found__title{font-size:7rem;line-height:1;color:var(--clr-neutral-300)}.not-found__message{color:var(--clr-neutral-300);font-size:1.2rem;text-align:center;font-weight:600}.not-found__link{display:inline-block;margin-inline:2rem;margin-top:1rem;background-color:var(--clr-neutral-300);padding:.5rem 1rem;color:var(--clr-neutral-100);text-align:center;border-radius:.3rem}.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error h1{color:var(--clr-neutral-300);font-size:1.5rem;text-align:center}.header{background-color:var(--clr-neutral-200);height:60px;box-shadow:1px 1px 10px var(--clr-neutral-500)}.header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.header__logo{font-weight:800;font-size:1.5rem;color:var(--clr-neutral-300)}.header__theme-toggler{display:flex;background-color:transparent;border:none;align-items:center;gap:8px}.header__theme-toggler__img{width:18px}.header__theme-toggler .dark{filter:invert(1)}.header__theme-toggler__text{color:var(--clr-neutral-300);font-size:.9rem}.dropdown{background-color:var(--clr-neutral-200);width:170px;position:relative;height:50px;border-radius:5px;box-shadow:2px 2px 15px var(--clr-neutral-500)}.dropdown__status{position:absolute;top:50%;transform:translate(8%,-50%);width:150px}.dropdown__status__filter-by-region,.dropdown__status__selected-region{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;background:none;border:0;border-radius:inherit;color:var(--clr-neutral-300)}.dropdown__status__selected-region{text-transform:capitalize}.dropdown__status__selected-region button{color:var(--clr-neutral-300);background:none;border:0}.dropdown__region-list{position:absolute;top:100%;transform:translateY(5%);background-color:var(--clr-neutral-200);border-radius:5px;box-shadow:2px 2px 15px var(--clr-neutral-500);width:100%;padding:.8rem}.dropdown__region-list__region{color:var(--clr-neutral-300);display:block;width:100%;text-align:left;padding:.2rem;background:none;border:none}.home__coutry-card-container{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,250px);column-gap:4.1rem;row-gap:2rem}@media (max-width: 40.625rem){.home__coutry-card-container{justify-content:center;padding-bottom:3rem}}.home__coutry-card-container .country-card{border-radius:5px;overflow:hidden;box-shadow:2px 2px 15px var(--clr-neutral-500)}.home__coutry-card-container .country-card__img{height:150px;width:100%;object-fit:cover}.home__coutry-card-container .country-card__info{padding:1rem 1rem 2rem;background-color:var(--clr-neutral-200);color:var(--clr-neutral-300)}.home__coutry-card-container .country-card__info__title{font-weight:800;font-size:1.2rem;margin-bottom:15px}.home__coutry-card-container .country-card__info__detail{margin-top:5px;font-size:.9rem}.home__coutry-card-container .country-card__info__detail strong{font-weight:600}.home__coutry-card-container .country-card__info__detail span{font-weight:300;color:var(--clr-neutral-400)}.home-skeleton{margin-top:3rem}.home-skeleton__nav{display:flex;justify-content:space-between;align-items:center}@media (max-width: 40.625rem){.home-skeleton__nav{flex-direction:column;align-items:flex-start;gap:20px}}.home-skeleton__nav__search{height:50px;width:400px;padding:.7rem 1rem;border-radius:5px;background-image:linear-gradient(90deg,hsla(0,0%,55%,.189) 0px,rgba(167,165,165,.4823529412) 40px,hsla(0,0%,55%,.189) 80px);background-size:250%;animation:shine 1.6s infinite linear}.home-skeleton__nav__dropdown{background-image:linear-gradient(90deg,hsla(0,0%,55%,.189) 0px,rgba(167,165,165,.4823529412) 40px,hsla(0,0%,55%,.189) 80px);background-size:250%;animation:shine 1.6s infinite linear;width:170px;height:50px;border-radius:5px}.home-skeleton__cards{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,250px);grid-auto-rows:300px;column-gap:4.1rem;row-gap:2rem}@media (max-width: 40.625rem){.home-skeleton__cards{justify-content:center;padding-bottom:3rem}}.home-skeleton__cards__card{border-radius:5px;overflow:hidden;background-color:var(--clr-neutral-200)}.home-skeleton__cards__card__img{padding:0 1rem;height:150px;width:100%;background-image:linear-gradient(90deg,hsla(0,0%,55%,.189) 0px,rgba(167,165,165,.4823529412) 40px,hsla(0,0%,55%,.189) 80px);background-size:600px;animation:shine 1.6s infinite linear}.home-skeleton__cards__card__title{margin:20px 1rem;width:50%;height:18px;border-radius:100vh;background-image:linear-gradient(90deg,hsla(0,0%,55%,.189) 0px,rgba(167,165,165,.4823529412) 40px,hsla(0,0%,55%,.189) 80px);background-size:250%;animation:shine 1.6s infinite linear}.home-skeleton__cards__card__text{padding:0 1rem;margin:10px 1rem;border-radius:100vh;width:70%;height:14px;background-image:linear-gradient(90deg,hsla(0,0%,55%,.189) 0px,rgba(167,165,165,.4823529412) 40px,hsla(0,0%,55%,.189) 80px);background-size:600px;animation:shine 1.6s infinite linear}@keyframes shine{0%{background-position:100% 0}to{background-position:-100% 0}}