@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap);body{margin:0;padding:0;font-family:Nunito Sans,sans-serif;font-size:14px}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background:var(--baseBackground);color:var(--modeTextColor)}.wrapper{width:100%;min-width:375px;max-width:1440px;margin:0 auto;box-sizing:border-box;padding:0 20px}.input-container{background:var(--modeElements);box-shadow:var(--inputBoxShadow);border-radius:5px;box-sizing:border-box;padding:1rem;display:flex;align-items:center}.is-visible{transform:translateY(0);visibility:visible;opacity:1}.is-invisible{transform:translateY(-50px);visibility:hidden;opacity:0}.rotate180{transform:rotate(180deg)}.grid{display:flex;flex-direction:column}@media screen and (min-width:1440px){.grid{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}:root{--darkBlue:#2b3945;--veryDarkBlue:#202c37;--veryLightBlue:#111517;--darkGray:#858585;--veryLightGray:#fafafa;--white:#fff}.is-dark-mode{--baseBackground:#202c37;--modeElements:var(--darkBlue);--textColor:#fff;--moonColor:url(../img/moon-regular-dark.62ae4d27.svg);--magnifyColor:url(../img/search-solid-dark.550c2e39.svg);--caretIcon:url(../img/angle-down-solid-dark.497b42e8.svg);--backIcoon:url(../img/arrow-left-solid-dark.c17273fd.svg);--modeTextColor:var(--white);--modeInputColor:var(--white);--inputBoxShadow:none}.is-light-mode{--baseBackground:#fafafa;--modeElements:var(--white);--textColor:#111517;--moonColor:url(../img/moon-regular.6f1f85f3.svg);--magnifyColor:url(../img/search-solid.87a087c5.svg);--caretIcon:url(../img/angle-down-solid.d64b8781.svg);--backIcoon:url(../img/arrow-left-solid.62841d93.svg);--modeTextColor:var(--veryLightBlue);--modeInputColor:var(--darkGray);--inputBoxShadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}header{background:var(--modeElements)}header .header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.dark-mode,header .header-content h1{font-size:14px}.dark-mode .checkbox{display:none}.dark-mode .switch{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dark-mode .switch i.moon{background-image:var(--moonColor);width:10px;height:10px;display:inline-block;margin-right:.5rem}.filter-content{padding-top:1rem;display:flex;flex-direction:column}.filter-content .name-filter,.filter-content .region-filter{padding-bottom:1rem}.filter-content .name-filter i.magnify{background:var(--magnifyColor) no-repeat;width:10px;height:10px;display:block;margin-right:.5rem}.filter-content .name-filter .search-country{width:100%;outline:none;background:transparent;border:none;color:var(--modeInputColor)}.filter-content .name-filter .search-country::-webkit-input-placeholder{color:var(--modeInputColor)}.filter-content .name-filter .search-country::-moz-placeholder{color:var(--modeInputColor)}.filter-content .name-filter .search-country:-ms-input-placeholder{color:var(--modeInputColor)}.filter-content .name-filter .search-country::-ms-input-placeholder{color:var(--modeInputColor)}.filter-content .name-filter .search-country::placeholder{color:var(--modeInputColor)}.filter-content .region-filter{width:50%}.filter-content .region-filter .filter-by-region{position:relative}.filter-content .region-filter .filter-by-region .items,.filter-content .region-filter .filter-by-region .list-title{padding:1rem;background:var(--modeElements);box-shadow:var(--inputBoxShadow);border-radius:5px}.filter-content .region-filter .filter-by-region .list-title{display:flex;align-items:center;justify-content:space-between}.filter-content .region-filter .filter-by-region .list-title i.caret{background:var(--caretIcon) no-repeat;width:10px;height:10px;margin-left:.5rem;transition:transform .3s;will-change:transform}.filter-content .region-filter .filter-by-region .items{list-style:none;position:absolute;margin-top:.3rem;left:0;right:0;transition:transform .3s,opacity .3s;will-change:transform}.filter-content .region-filter .filter-by-region .items li{padding-bottom:.5rem}@media screen and (min-width:1440px){.filter-content{flex-direction:row;justify-content:space-between;align-items:center}.filter-content .name-filter{width:40%}.filter-content .region-filter{width:20%}}.country{padding:1rem}.country .country-content{background:var(--modeElements);box-shadow:var(--inputBoxShadow);border-radius:5px}.country .country-content img{border-radius:5px 5px 0 0;width:100%;height:100%}.country .country-content .country-details{padding:1rem}.country .country-content .country-details .country-details-name{margin-top:-5px}.country .country-content .country-details ul{list-style:none;padding:0;margin:0}.country .country-content .country-details ul li{padding-bottom:.5rem}.country .country-content .country-details ul .country-label{font-weight:600;margin-right:.3rem}@media screen and (min-width:1440px){.country{width:20%}.country .country-content{height:100%}.country .country-content .country-flag{width:280px;height:200px;overflow:hidden;-o-object-fit:cover;object-fit:cover}}.content{font-size:16px;margin-top:1rem}.content .button{background-color:var(--modeElements);color:var(--textColor);box-shadow:var(--inputBoxShadow);font-family:Nunito Sans,sans-serif;font-size:16px;border:none;outline:none;border-radius:3px;display:flex;justify-content:space-between;align-items:center;padding:.375rem 2rem;margin:0}.content .button.back,.content .button.border{margin-bottom:1rem}.content .button i.back{background:var(--backIcoon) no-repeat;width:10px;height:10px;margin-right:.5rem}.content .details-content .country-flag{margin-top:2rem}.content .details-content .country-flag img{width:100%}.content .details-content .country-info ul{list-style:none;padding:0;margin:0 0 2rem}.content .details-content .country-info ul li{margin-bottom:1rem}.content .details-content .country-info ul li span:first-of-type{font-weight:600;margin-right:.3rem}.content .details-content .country-info .borders-countries{display:flex;justify-content:flex-start;flex-wrap:wrap}.content .details-content .country-info .borders-countries .button{margin-right:.5rem}.content .details-content .borders-container h2{font-weight:600}@media screen and (min-width:1440px){.content .details-content{display:flex}.content .details-content .country-flag,.content .details-content .country-info{width:50%}.content .details-content .country-flag{margin-right:1rem}.content .details-content .country-info{margin-left:1rem;padding:2rem}.content .details-content .country-info .lists-container{display:flex}.content .details-content .country-info .lists-container ul{width:50%}.content .details-content .country-info .borders-container{display:flex}.content .details-content .country-info .borders-container h2{margin-top:0;font-size:18px;width:50%}}