@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap");.field{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--Elements-Color);box-shadow:var(--Box-Shadow);border:none;border-radius:5px;height:58px;transition:var(--Transition)}.field:first-child,.field__searchInput{width:100%;max-width:450px}.field__searchInput{color:var(--Text-Color);background-color:var(--Elements-Color);border:none;max-height:58px;font-size:16px;border-top-right-radius:5px;border-bottom-right-radius:5px;outline:none;padding:20px;transition:var(--Transition)}.field__searchInput::-webkit-input-placeholder{color:var(--Input-Color);font-size:14px}.field__searchInput::-moz-placeholder{color:var(--Input-Color);font-size:14px}.field__searchInput:-ms-input-placeholder{color:var(--Input-Color);font-size:14px}.field__searchInput::-ms-input-placeholder{color:var(--Input-Color);font-size:14px}.field__searchInput::placeholder{color:var(--Input-Color);font-size:14px}.field__searchInput:focus{box-shadow:inset 0 -6px 0 -3px var(--Text-Color)}.field__searchIcon{color:var(--Input-Color);font-size:20px;padding-left:30px}.field__filter{position:relative;min-width:188px}.field__filter:after{content:"";position:absolute;top:calc(50% - 5px);right:20px;width:5px;height:5px;transform:rotate(45deg);border:2px solid var(--Text-Color);border-top:none;border-left:none}.field__filterSelect{color:var(--Text-Color);background-color:var(--Elements-Color);border:none;cursor:pointer;height:58px;font-size:14px;border-radius:5px;padding:20px 70px 20px 20px;transition:var(--Transition);text-align:left;width:100%}.field__filterSelect:focus{box-shadow:inset 0 -6px 0 -3px var(--Text-Color)}.field__filterUl{position:absolute;width:100%;background-color:var(--Elements-Color);border-radius:5px;margin-top:5px;padding:10px 0;box-shadow:var(--Box-Shadow);list-style:none;transition:var(--Transition)}.field__filterUl--hide{display:none}.field__filterBtn{width:100%;text-align:left;padding:10px 20px;font-size:14px;color:var(--Text-Color);cursor:pointer;background-color:transparent;transition:var(--Transition);border:none}.field__filterBtn:active,.field__filterBtn:focus,.field__filterBtn:hover{-webkit-backdrop-filter:brightness(.8);backdrop-filter:brightness(.8)}.field__label{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}.details{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-size:16px;gap:50px}@media only screen and (min-width:1000px){.details{flex-direction:row}}@media only screen and (min-width:1350px){.details{gap:100px}}.details__img{width:100%;max-width:580px;box-shadow:var(--Box-Shadow)}@media only screen and (min-width:1000px){.details__img{min-width:450px}}.details__name{font-size:25px}@media only screen and (min-width:1000px){.details__name{font-size:35px}}.details__info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px}@media only screen and (min-width:750px){.details__info{justify-content:flex-start;gap:150px}}@media only screen and (min-width:1000px){.details__info{gap:40px}}@media only screen and (min-width:1400px){.details__info{gap:110px}}.details__borderCountries{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;margin-top:55px}@media only screen and (min-width:1000px){.details__borderCountries{flex-direction:row;align-items:center}}.details__borderCountriesTitle{font-size:16px;font-weight:800;margin-bottom:10px}@media only screen and (min-width:1000px){.details__borderCountriesTitle{margin-bottom:0}}.details__borderCountriesBtns{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px}.details__borderCountryBtn{border:3px solid var(--Elements-Color);box-shadow:var(--Box-Shadow);border-radius:5px;background-color:transparent;cursor:pointer;transition:var(--Transition);color:var(--Text-Color);padding:5px 20px}.details__borderCountryBtn:active,.details__borderCountryBtn:focus,.details__borderCountryBtn:hover{border:3px solid #b5b5b5}.details__message--hide{display:none}.country{width:270px;border-radius:5px;background-color:var(--Elements-Color);box-shadow:var(--Box-Shadow);transition:var(--Transition);cursor:pointer}.country--hide{display:none}.country:active,.country:focus,.country:hover{box-shadow:0 5px 15px rgba(0,0,0,.35)}.country__flag{width:270px;border-top-left-radius:5px;border-top-right-radius:5px}.country__name{margin-bottom:20px}.country__infoContainer{padding:20px 25px 50px}.country__info{line-height:1.7;font-weight:600}.country__infoData{font-weight:300}*{margin:0;padding:0;box-sizing:border-box}body{--Elements-Color:#fff;--Background-Color:#fafafa;--Text-Color:#111517;--Input-Color:#858585;--Box-Shadow:rgba(0,0,0,0.2) 0px 2px 8px 0px;--Transition:all 0.3s ease;font-size:14px;font-family:Nunito Sans,sans-serif;transition:var(--Transition)}body,body.dark{background-color:var(--Background-Color);color:var(--Text-Color)}body.dark{--Elements-Color:#2b3945;--Background-Color:#202c37;--Text-Color:#fff}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--Elements-Color);box-shadow:var(--Box-Shadow);padding:20px;transition:var(--Transition)}@media only screen and (min-width:600px){.header{padding:20px 60px}}.header__title{font-size:16px}@media only screen and (min-width:600px){.header__title{font-size:24px}}.header__changeThemeBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;cursor:pointer;color:var(--Text-Color);background-color:transparent;border:none;font-size:14px;font-weight:600;transition:var(--Transition);height:30px}@media only screen and (min-width:600px){.header__changeThemeBtn{font-size:16px}}.header__changeThemeBtn:active,.header__changeThemeBtn:hover{color:var(--Input-Color)}.header__changeThemeBtnIcon{--ionicon-stroke-width:48px}.main{padding-bottom:60px}.main__homeInputs{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;padding:30px 20px}@media only screen and (min-width:600px){.main__homeInputs{padding:40px 60px}}.main__homeInputs--hide{display:none}.main__homeContent{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:80px;padding:0 60px}@media only screen and (min-width:1000px){.main__homeContent{justify-content:flex-start}}.main__homeContent--hide{display:none}.main__homeContentSpin{position:absolute;left:0;right:0;top:50%;margin-left:auto;margin-right:auto;font-size:100px;-webkit-animation:spining 1.7s linear infinite;animation:spining 1.7s linear infinite}.main__homeContentSpin--hide{display:none}@-webkit-keyframes spining{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spining{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main__details{padding:0 25px}@media only screen and (min-width:600px){.main__details{padding:0 60px}}.main__details--hide{display:none}.main__detailsBackBtn{display:flex;justify-content:center;align-items:center;gap:5px;box-shadow:var(--Box-Shadow);border:none;border-radius:5px;color:var(--Text-Color);background-color:var(--Elements-Color);cursor:pointer;transition:var(--Transition);padding:8px 30px;margin:35px 0 55px}@media only screen and (min-width:600px){.main__detailsBackBtn{margin:60px 0 50px}}.main__detailsBackBtn:active,.main__detailsBackBtn:focus,.main__detailsBackBtn:hover{box-shadow:0 5px 15px rgba(0,0,0,.35)}.main__detailsBackBtnIcon{font-size:20px}
/*# sourceMappingURL=/main.89f2071c.css.map */