.button{background-color:var(--bg-color-secondary);border:none;border-radius:2px;box-shadow:var(--box-shadow-component);color:var(--text-color-primary);cursor:pointer;font-weight:var(--font-weight-light);padding:1.2rem 2rem;transition:all .2s}.button:hover{box-shadow:var(--box-shadow-component-hover)}.skeleton__text{border-radius:2.5px;color:transparent;font-size:1em;width:100%}.skeleton__rectangular{height:100%}.country-detail{color:var(--text-color-primary);-webkit-column-gap:12rem;column-gap:12rem;display:flex;flex-wrap:wrap;row-gap:5rem}.country-detail__image-container{flex:1 1;flex-basis:50rem;max-height:40rem;width:100%}.country-detail__image{border-radius:6px;max-height:inherit;object-fit:contain;width:100%}.country-detail__info{flex:1 1;flex-basis:calc(100% - 62rem)}.country-detail__header{margin-bottom:2rem}.country-detail__description{display:flex;flex-wrap:wrap;gap:4rem;justify-content:space-between;margin-bottom:6rem}.country-detail__description-list{display:flex;flex:1 1;flex-basis:calc(50% - 2rem);flex-direction:column;gap:.5rem;min-width:23rem}.country-detail__border-label{margin-bottom:1rem}.country-detail__border-list{display:flex;flex-wrap:wrap;gap:1.25rem}.country-detail__border-value{background-color:var(--bg-color-secondary);border-radius:2px;box-shadow:var(--box-shadow-component);padding:.75rem 1.2rem}.country-detail__border-value--empty{font-style:italic}.country-detail-skeleton__image{height:35rem}.country-detail-skeleton__text--25{width:5rem}.country-detail-skeleton__text--40{width:13rem}.country-detail-skeleton__text--65{width:18rem}.country-detail-skeleton__text--80{width:25rem}.icon--clickable{cursor:pointer}.detail-page{padding:8rem 0}.detail-page__back-button{align-items:center;display:flex;gap:1.2rem}.detail-page__country-detail{margin-top:7rem}.empty-state{align-items:center;display:flex;flex-direction:column;gap:3rem}.empty-state__image{height:auto;width:max(35%,34rem)}.empty-state__message{text-align:center}.empty-state__detail{margin-top:2rem}.error-boundary{padding-top:30rem}.header{background-color:var(--bg-color-secondary);box-shadow:var(--box-shadow-header);padding:2.4rem 0}.header__container{display:flex;justify-content:space-between}.header__title{color:var(--text-color-primary);cursor:pointer;font-size:1.75rem;transition:all .2s}.header__title:hover{color:var(--text-color-primary-hover)}@media only screen and (min-width:90em){.header__title{font-size:revert}}.header__dark-mode-toggle{align-items:center;color:var(--text-color-primary);cursor:pointer;display:flex;gap:.7em;transition:all .2s;-webkit-user-select:none;user-select:none}.header__dark-mode-toggle:hover{color:var(--text-color-primary-hover)}.country-card{background-color:var(--bg-color-secondary);border-radius:5px;box-shadow:var(--box-shadow-component);color:var(--text-color-primary);height:33.6rem;max-width:26.4rem;min-width:25rem;overflow:hidden;transition:all .2s;width:100%}.country-card__image-container{background-color:var(--bg-color-primary);height:16rem}.country-card__image{height:100%;object-fit:cover;width:100%}.country-card__details{height:calc(100% - 16rem);padding:2.5rem}.country-card__name{font-weight:var(--font-weight-extrabold);line-height:2.6rem;margin-bottom:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-card--clickable{cursor:pointer}.country-card--clickable:hover{box-shadow:var(--box-shadow-component-hover);-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.country-card-skeleton__text--50{width:50%}.country-card-skeleton__text--80{width:80%}.country-list{grid-gap:5rem;color:var(--text-color-primary);display:grid;gap:5rem;grid-template-columns:repeat(auto-fit,minmax(max(20%,25rem),1fr));justify-items:center;position:relative}.country-list__loader{bottom:0;left:0;position:absolute;visibility:hidden}.dropdown{color:var(--text-color-primary);position:relative}.dropdown__toggle{border:1px solid transparent;border-radius:5px;transition:border-color .2s}.dropdown__menu,.dropdown__toggle{background-color:var(--bg-color-secondary);box-shadow:var(--box-shadow-component);cursor:pointer;padding:1.75rem 2rem}.dropdown__menu{border-radius:5px;left:0;list-style:none;margin-top:.7rem;opacity:0;position:absolute;top:0;transition:opacity .2s;transition:all .2s;visibility:hidden;width:100%;z-index:1}.dropdown__menu:hover{box-shadow:var(--box-shadow-component-hover)}.dropdown__menu-item{padding:.5rem 0}.dropdown__menu-item:hover{color:var(--text-color-primary-hover)}.dropdown--open .dropdown__toggle{border-color:var(--text-color-primary)}.dropdown--open .dropdown__menu{opacity:1;visibility:visible}.dropdown__skeleton{width:80%}.filter-dropdown__toggle{align-items:center;display:flex;justify-content:space-between}.text-input{align-items:center;background-color:var(--bg-color-secondary);border:1px solid transparent;border-radius:5px;box-shadow:var(--box-shadow-component);color:var(--text-color-primary);display:flex;gap:2rem;padding:1.75rem 2rem;transition:border-color .2s}.text-input:focus-within{border-color:var(--text-color-primary)}.text-input__field{all:unset;width:100%}.text-input__field::-webkit-input-placeholder{color:var(--placeholder-color)}.text-input__field::placeholder{color:var(--placeholder-color)}.search-bar__close-icon,.search-bar__search-icon{color:var(--search-bar-icons-color)}.search-bar__close-icon:hover{color:var(--search-bar-icons-color-hover)}.home-page{padding:5rem 0}.home-page__top-area{display:flex;flex-wrap:wrap;gap:5rem;justify-content:space-between}.home-page__search-bar{flex:1 1;max-width:48rem;min-width:30rem;transition:all .2s}.home-page__search-bar:hover{box-shadow:var(--box-shadow-component-hover)}.home-page__filter-dropdown{flex:1 1;max-width:25rem;min-width:-webkit-max-content;min-width:max-content;min-width:17rem;transition:all .2s}.home-page__filter-dropdown:hover{box-shadow:var(--box-shadow-component-hover)}.home-page__country-list{margin-top:4.8rem}.home-page__empty-state{margin-top:10rem}.app{background-color:var(--bg-color-primary);min-height:100vh}:root{--bg-color-primary:#fafafa;--bg-color-secondary:#fff;--text-color-primary:#111517;--text-color-primary-hover:rgba(17,21,23,.7);--box-shadow-header:0 2px 4px rgba(0,0,0,.06);--box-shadow-component:0 2px 9px rgba(0,0,0,.05);--box-shadow-component-hover:0 2px 9px hsla(0,0%,52%,.4);--placeholder-color:#c4c4c4;--search-bar-icons-color:#858585;--search-bar-icons-color-hover:hsla(0,0%,52%,.7);--skeleton-loading-bg-color-start:#d9d9d9;--skeleton-loading-bg-color-end:#c4c4c4;--font-family:Nunito Sans,sans-serif;--font-size-sm:1.4rem;--font-size-base:1.6rem;--font-weight-light:300;--font-weight-semibold:600;--font-weight-extrabold:800}[data-theme=dark]{--bg-color-primary:#202c37;--bg-color-secondary:#2b3945;--text-color-primary:#fff;--text-color-primary-hover:hsla(0,0%,100%,.7);--box-shadow-component-hover:0 2px 9px hsla(0,0%,85%,.4);--skeleton-loading-bg-color-start:#858585;--skeleton-loading-bg-color-end:#c4c4c4}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{background-color:#fafafa;background-color:var(--bg-color-primary);box-sizing:border-box;font-size:50%}@media only screen and (min-width:90em){html{font-size:62.5%}}body,input,textarea{font-family:Nunito Sans,sans-serif;font-family:var(--font-family);font-size:1.6rem;font-size:var(--font-size-base);font-weight:300;font-weight:var(--font-weight-light)}body{color:#111517;color:var(--text-color-primary)}@-webkit-keyframes skeleton-loading{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes skeleton-loading{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-animation{-webkit-animation:skeleton-loading 1.5s linear infinite forwards;animation:skeleton-loading 1.5s linear infinite forwards;background:#d9d9d9;background:var(--skeleton-loading-bg-color-start);background-image:linear-gradient(90deg,#d9d9d9 0,#c4c4c4 20%,#d9d9d9 40%,#d9d9d9);background-image:linear-gradient(to right,var(--skeleton-loading-bg-color-start) 0,var(--skeleton-loading-bg-color-end) 20%,var(--skeleton-loading-bg-color-start) 40%,var(--skeleton-loading-bg-color-start) 100%);background-repeat:no-repeat;background-size:800px 100%;opacity:.7}.container{margin:0 auto;max-width:120rem;width:85%}.description-item{overflow:hidden}.description-item--ellipsis{text-overflow:ellipsis;white-space:nowrap}.description-item:not(:last-of-type){margin-bottom:.5rem}.description-label{font-weight:600;font-weight:var(--font-weight-semibold);position:relative}.description-label:after{content:": ";position:absolute;right:-.5rem;top:0}.description-value{margin-left:.8rem}.description-value--empty{font-style:italic}
/*# sourceMappingURL=main.ca1f0706.css.map*/