@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%;scrollbar-gutter:stable}body{font-family:Nunito Sans,sans-serif}#root,.app,body,html{min-height:100vh}.app{background:#fafafa}.app,.header{transition:background .3s}.header{background:#fff;box-shadow:0 .2rem .4rem 0 #0000000f;padding:3rem 1.6rem}.header__title-switcher{align-items:center;display:flex;justify-content:space-between}.header__title{color:#111517;font-size:clamp(1.4rem,1.4rem + 10 * (100vw - 37.5rem)/1065,2.4rem);font-weight:800;line-height:2rem;transition:color .3s}.theme-switcher__button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.8rem}.theme-switcher__icon{display:block;height:clamp(1.6rem,1.6rem + 4 * (100vw - 37.5rem)/1065,2rem);width:clamp(1.6rem,1.6rem + 4 * (100vw - 37.5rem)/1065,2rem)}.theme-switcher__label{color:#111517;font-size:clamp(1.2rem,1.2rem + 4 * (100vw - 37.5rem)/1065,1.6rem);font-weight:600;transition:color .3s}.search-filter{display:flex;flex-direction:column;gap:4rem;width:100%}.search-filter-countries{align-items:center;display:flex;flex-direction:column;gap:3.2rem;padding:2.4rem 1.6rem 6.5rem}.search{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 .2rem .9rem 0 #0000000d;display:flex;gap:2.6rem;max-width:48rem;padding:1.6rem 3.2rem;transition:background .3s}.search__icon{display:block;height:clamp(1.6rem,1.6rem + 2 * (100vw - 37.5rem)/1065,1.8rem);width:clamp(1.6rem,1.6rem + 2 * (100vw - 37.5rem)/1065,1.8rem)}.search__icon-path{fill:#b2b2b2;transition:fill .3s}.search__input{background:#fff;border:none;caret-color:#111517;color:#111517;font-family:Nunito Sans,sans-serif;font-size:1.4rem;line-height:2.2rem;transition:background .3s;width:100%}.search__input.dark-slate-grey-bg{caret-color:#fff;color:#fff}.search__input::placeholder{color:#c4c4c4;font-size:clamp(1.2rem,1.2rem + 2 * (100vw - 37.5rem)/1065,1.4rem);line-height:2rem}.search__input.dark-slate-grey-bg::placeholder{color:#fff}.search__input:focus{outline:none}.filter{position:relative;width:20rem}.filter__header{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 .2rem .9rem 0 #0000000d;cursor:pointer;display:flex;justify-content:space-between;padding:1.4rem 1.9rem 1.4rem 2.4rem;transition:background .3s}.filter__label{color:#111517;font-size:clamp(1.2rem,1.2rem + 2 * (100vw - 37.5rem)/1065,1.4rem);line-height:2rem;transition:color .3s}.filter__arrow-icon{display:block;height:clamp(1rem,1rem + 2 * (100vw - 37.5rem)/1065,1.2rem);transition:transform .3s;width:clamp(1rem,1rem + 2 * (100vw - 37.5rem)/1065,1.2rem)}.filter__arrow-icon-path{fill:#000;transition:fill .3s}.filter__options{align-items:start;background:#fff;border-radius:.5rem;box-shadow:0 .2rem .9rem 0 #0000000d;display:flex;flex-direction:column;gap:.8rem;list-style:none;padding:1.6rem 2.4rem;position:absolute;top:5.2rem;transition:background .3s;width:100%}.filter__clear-btn,.filter__option{color:#111517;cursor:pointer;font-size:clamp(1.2rem,1.2rem + 2 * (100vw - 37.5rem)/1065,1.4rem);line-height:clamp(1.6rem,1.6rem + 4 * (100vw - 37.5rem)/1065,2rem);transition:color .3s}.filter__clear-btn{background:none;border:none;font-family:inherit;font-weight:800;margin-left:auto}.countries{display:flex;flex-direction:column;gap:4rem}.country{border-radius:.5rem;box-shadow:0 0 .7rem .2rem #00000008;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:26.4rem}.country__flag{display:block;height:16rem;width:100%}.country__description{background:#fff;color:#111517;display:flex;flex-direction:column;gap:1.6rem;padding:2.4rem 2.4rem 4.6rem;transition:background .3s,color .3s}.country__name{font-size:1.8rem;font-weight:800;line-height:2.6rem}.country__details{display:flex;flex-direction:column;gap:.8rem}.country__info{display:flex;font-size:1.4rem;font-weight:300;line-height:1.6rem}.country__info .bold{font-weight:600}.spinner{animation:spin 1s linear infinite;border:.5rem solid #111517;border-radius:50%;border-top-color:#0000001a;height:clamp(4rem,4rem + 20 * (100vw - 37.5rem)/1065,6rem);width:clamp(4rem,4rem + 20 * (100vw - 37.5rem)/1065,6rem)}.error-message{color:#111517;font-size:clamp(1.4rem,1.4rem + 10 * (100vw - 37.5rem)/1065,2.4rem);font-weight:800}.details{display:flex;justify-content:center;padding:4rem 2.8rem 6.5rem}.details__container{align-items:start;display:inline-flex;flex-direction:column;gap:6.4rem}.details__back-btn{align-items:center;background:#fff;border:none;border-radius:.2rem;box-shadow:0 0 .7rem 0 #0000004a;cursor:pointer;display:flex;gap:.8rem;height:3.2rem;justify-content:center;transition:background .3s;width:10.4rem}.details__back-arrow-icon{display:block;height:clamp(1.8rem,1.8rem + 2 * (100vw - 37.5rem)/1065,2rem);width:clamp(1.8rem,1.8rem + 2 * (100vw - 37.5rem)/1065,2rem)}.details__back-arrow-icon-path{fill:#111517;transition:fill .3s}.details__back-btn-label{color:#111517;font-family:Nunito Sans,sans-serif;font-size:clamp(1.4rem,1.4rem + 2 * (100vw - 37.5rem)/1065,1.6rem);font-weight:300;line-height:2rem;transition:color .3}.details__flag-overview{display:flex;flex-direction:column;gap:2.5rem;width:100%}.details__flag{border-radius:.5rem;display:block;height:clamp(25rem,25rem + 151 * (100vw - 37.5rem)/1065,40.1rem);max-width:clamp(32rem,32rem + 240 * (100vw - 37.5rem)/1065,56rem);width:100%}.details__overview-border{display:flex;flex-direction:column;gap:3.4rem}.details__overview-container{display:flex;flex-direction:column;gap:3.2rem}.details__name-overview{display:flex;flex-direction:column;gap:1.6rem}.details__name{color:#111517;font-size:2.2rem;font-weight:800;transition:color .3s}.details__label-value{color:#111517;display:flex;font-size:clamp(1.4rem,1.4rem + 2 * (100vw - 37.5rem)/1065,1.6rem);font-weight:600;line-height:3.2rem;transition:color .3s}.details__label,.details__value{white-space:nowrap}.details__value{font-weight:300}.border-countries{display:flex;flex-direction:column;gap:1.6rem}.border-countries__label{color:#111517;font-size:1.6rem;font-weight:600;line-height:2.4rem;transition:color .3s}.border-countries__container{display:flex;flex-wrap:wrap;gap:1rem;list-style:none}.border-countries__country{align-items:center;background:#fff;border-radius:.2rem;box-shadow:0 0 .4rem .1rem #0000001a;color:#111517;cursor:pointer;display:flex;font-size:clamp(1.2rem,1.2rem + 2 * (100vw - 37.5rem)/1065,1.4rem);font-weight:300;height:2.8rem;justify-content:center;transition:background .3s,box-shadow .3s,color .3s;width:9.6rem}@media only screen and (max-width:23.4375em){.error-message{font-size:1.29rem}}@media only screen and (min-width:37.5em){.details__overview-container{flex-direction:row;gap:4rem}.details__overview-container>.details__overview:nth-child(2){margin-top:4.6rem}}@media only screen and (min-width:42.1875em){.countries{display:grid;grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:48em){.header{padding:2.4rem 8rem}.search-filter{align-items:center;flex-direction:row;justify-content:space-between}.search-filter-countries{gap:4.8rem;padding:4.8rem 8rem 4.5rem}.search{flex:1 1;gap:2.4rem;padding:1.7rem 3.2rem}.filter__header{padding:1.8rem 2.2rem 1.8rem 2.4rem}.filter__options{top:6rem}.details{padding:8rem}.details__container{gap:8rem}}@media only screen and (min-width:65.625em){.countries{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:90em){.header{display:flex;justify-content:center;padding:2.4rem 7rem}.header__title-switcher{max-width:128.364rem;width:100%}.search-filter-countries{margin:0 auto;max-width:142.364rem;padding:4.8rem 7rem 4.5rem}.countries{gap:7.5rem;grid-template-columns:repeat(4,1fr)}.details{justify-content:normal;margin:0 auto;max-width:142.364rem;padding:8rem 7rem}.details__flag-overview{align-items:center;flex-direction:row;gap:12.029rem}.details__flag{width:56rem}.details__overview-border{gap:6.8rem}.details__overview-container{gap:14.1rem}.details__overview-container>.details__overview:nth-child(2){margin-top:6.7rem}.details__name-overview{gap:2.3rem}.details__name{font-size:3.2rem}.border-countries{flex-direction:row}}@media only screen and (min-width:62em){.search__input:hover{cursor:pointer}.search__input:focus{cursor:text}.filter__option:hover{font-weight:800}.filter__clear-btn:hover{color:#4c5358}.filter__clear-btn.white-color:hover{color:#9bb3c5}.country:hover{box-shadow:0 0 1.4rem .4rem #0000001a;transform:scale(1.1)}.details__back-btn:hover{background:#e0e0e0}.details__back-btn.dark-slate-grey-bg:hover{background:#3c4a54}.border-countries__country:hover{background:#e0e0e0}.border-countries__country.dark-slate-grey-bg:hover{background:#3c4a54}}.dark-slate-grey-bg{background:#2b3844}.white-color{color:#fff}.ebony-clay-bg{background:#202c36}.white-fill{fill:#fff}.rotate{transform:rotate(-180deg)}.border-dark{border:.5rem solid #fff;border-top-color:#2b3844}.box-shadow-dark{box-shadow:0 0 .4rem .1rem #11151740}
/*# sourceMappingURL=main.9a7b63f3.css.map*/