@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap);*{box-sizing:border-box;font-family:Nunito Sans,sans-serif;margin:0;padding:0}body{background-color:var(--colors-bg)}body[data-theme=dark]{--colors-text:#fff;--colors-bg:#202c37;--colors-ui-base:#2b3945;--selected-option:#526c84;--shadow:hsla(0,0%,96%,.2) 0 0 8px}body[data-theme=light]{--colors-text:#111517;--colors-bg:#fafafa;--colors-ui-base:#fff;--selected-option:#ccc;--shadow:hsla(210,8%,62%,.2) 0px 8px 24px}.wrapper{color:var(--colors-text);flex-direction:column}.wrapper,.wrapper .header{align-items:center;display:flex;width:100%}.wrapper .header{background-color:var(--colors-ui-base);box-shadow:var(--shadow);justify-content:space-between;padding:2vh 5vw;z-index:2}.wrapper .header h1{cursor:pointer}.wrapper .header .theme-switch{align-items:center;cursor:pointer;display:flex;gap:10px}.wrapper .header .theme-switch__description{font-size:20px;font-weight:600}.wrapper .content{height:100%;padding:0 5vw;width:100%}.wrapper .content .card__info-title{font-weight:600}.wrapper .content .button{border-radius:10px;box-shadow:var(--shadow);cursor:pointer;padding:10px 20px}.wrapper .content .loader{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wrapper .content .filter-panel{align-items:center;-webkit-column-gap:3vw;column-gap:3vw;display:flex;flex-wrap:wrap;justify-content:space-between;padding:3vh 0;row-gap:3vh}.wrapper .content .filter-panel .search-bar{align-items:center;box-shadow:var(--shadow);display:flex;height:45px;position:relative;width:500px}.wrapper .content .filter-panel .search-bar__input{background-color:var(--colors-ui-base);border:none;color:var(--colors-text);font-size:20px;font-weight:600;height:100%;outline:none;padding-left:50px;width:100%}.wrapper .content .filter-panel .search-bar__input::-webkit-input-placeholder{color:var(--colors-text);font-weight:300}.wrapper .content .filter-panel .search-bar__input::placeholder{color:var(--colors-text);font-weight:300}.wrapper .content .filter-panel .search-bar__icon{color:var(--colors-text);left:15px;position:absolute}.wrapper .content .filter-panel .custom-select__control{background-color:var(--colors-ui-base);border:none;box-shadow:var(--shadow);font-size:18px;height:45px;padding:0 15px;width:230px}.wrapper .content .filter-panel .custom-select__single-value{color:var(--colors-text)}.wrapper .content .filter-panel .custom-select__placeholder{color:var(--colors-text);font-weight:600}.wrapper .content .filter-panel .custom-select__indicator{color:var(--colors-text)}.wrapper .content .filter-panel .custom-select__indicator-separator{display:none}.wrapper .content .filter-panel .custom-select__menu{background-color:var(--colors-ui-base);color:var(--colors-text);font-size:18px;font-weight:600;padding:0 15px}.wrapper .content .filter-panel .custom-select__option{border-radius:5px}.wrapper .content .filter-panel .custom-select__option--is-focused{background-color:var(--colors-bg)}.wrapper .content .filter-panel .custom-select__option--is-selected{background-color:var(--selected-option);color:var(--colors-text)}.wrapper .content .countries-list{display:flex;flex-wrap:wrap;gap:6vh;justify-content:space-between}.wrapper .content .countries-list .card{background-color:var(--colors-ui-base);box-shadow:var(--shadow);width:350px}.wrapper .content .countries-list .card__img{cursor:pointer;height:200px;width:100%}.wrapper .content .countries-list .card__img img{height:100%;width:100%}.wrapper .content .countries-list .card__container{padding:20px 30px}.wrapper .content .countries-list .card__name{font-size:20px;font-weight:800;margin-bottom:1vh}.wrapper .content .countries-list .card__info{display:flex;flex-direction:column;font-size:16px;gap:.5vh}.wrapper .content .details-card{align-items:center;display:flex;margin-top:15vh}.wrapper .content .details-card__flag{display:flex;margin-right:10vw;max-height:600px;max-width:1000px}.wrapper .content .details-card__flag img{width:100%}.wrapper .content .details-card__name{font-size:40px;font-weight:800;margin-bottom:3vh}.wrapper .content .details-card__info{display:flex;font-size:20px;gap:3vw;margin-bottom:3vh}.wrapper .content .details-card__info-section div{margin-bottom:1vh}.wrapper .content .details-card__border-countries{align-items:center;display:flex;font-size:20px}.wrapper .content .details-card__border-countries span{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.wrapper .content .details-card__border-countries-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-left:20px;max-width:600px}.wrapper .content .nav-button{background-color:var(--colors-ui-base);border-radius:10px;box-shadow:var(--shadow);cursor:pointer;display:flex;font-size:20px;font-weight:600;gap:10px;margin-top:5vh;padding:5px 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.wrapper .content .not-found{align-items:center;display:flex;flex-direction:column;margin-top:10vh}.wrapper .content .not-found__info{align-items:center;display:flex;font-size:20px;font-weight:600;gap:1vw;margin-bottom:2vh}.wrapper .content .not-found a{color:#000;text-decoration:none}@media (max-width:1770px){.wrapper .content .countries-list .card{width:300px}.wrapper .content .countries-list .card__img{height:180px}.wrapper .content .details-card__flag{max-width:800px}}@media (max-width:1550px){.wrapper .content .countries-list .card{width:250px}.wrapper .content .countries-list .card__img{height:150px}.wrapper .content .details-card__flag{max-width:600px}}@media (max-width:1330px){.wrapper .content .countries-list .card{width:300px}.wrapper .content .countries-list .card__img{height:180px}.wrapper .content .details-card__flag{max-width:500px}.wrapper .content .details-card__name{font-size:30px}.wrapper .content .details-card__border-countries,.wrapper .content .details-card__info{font-size:18px}}@media (max-width:1150px){.wrapper .content .countries-list .card{width:250px}.wrapper .content .countries-list .card__img{height:150px}.wrapper .content .details-card__flag{max-width:400px}.wrapper .content .details-card__border-countries{align-items:flex-start;flex-direction:column;gap:1vh}.wrapper .content .details-card__border-countries-buttons{margin:0}}@media (max-width:980px){.wrapper .content .countries-list .card{width:350px}.wrapper .content .countries-list .card__img{height:200px}.wrapper .content .details-card__name{font-size:25px}.wrapper .content .details-card__border-countries,.wrapper .content .details-card__info{font-size:16px}}@media (max-width:870px){.wrapper .content{padding-bottom:5vh}.wrapper .content .nav-button{font-size:16px;padding:5px 20px}.wrapper .content .nav-button svg{margin-top:-2px;width:20px}.wrapper .content .countries-list .card{width:300px}.wrapper .content .countries-list .card__img{height:180px}.wrapper .content .details-card{flex-direction:column;margin-top:5vh}.wrapper .content .details-card__flag{margin:0 0 5vh;max-width:500px}.wrapper .content .details-card__name{font-size:30px}.wrapper .content .details-card__border-countries,.wrapper .content .details-card__info{font-size:18px}}@media (max-width:750px){.wrapper .content .countries-list .card{width:280px}.wrapper .content .countries-list .card__img{height:150px}}@media (max-width:710px){.wrapper .content .countries-list .card{width:250px}.wrapper .content .countries-list .card__img{height:140px}.wrapper .content .details-card__flag{max-width:450px}}@media (max-width:680px){.wrapper .content .filter-panel form{width:100%}.wrapper .content .filter-panel form .search-bar{width:400px}.wrapper .content .countries-list .card{width:230px}.wrapper .content .countries-list .card__img{height:130px}}@media (max-width:600px){.wrapper .header h1{font-size:25px}.wrapper .header .theme-switch__description{font-size:14px}.wrapper .content .filter-panel form{width:100%}.wrapper .content .countries-list{justify-content:center}.wrapper .content .countries-list .card{width:400px}.wrapper .content .countries-list .card__img{height:200px}.wrapper .content .details-card__flag{max-width:400px}.wrapper .content .details-card__name{font-size:25px}.wrapper .content .details-card__border-countries,.wrapper .content .details-card__info{font-size:16px}}@media (max-width:500px){.wrapper .header h1{font-size:18px}.wrapper .header .theme-switch__description{font-size:14px}.wrapper .content .filter-panel form{width:100%}.wrapper .content .filter-panel form .search-bar__input{font-size:16px}.wrapper .content .filter-panel .custom-select__control{font-size:14px;height:40px;width:200px}.wrapper .content .filter-panel .custom-select__menu{font-size:14px}.wrapper .content .countries-list{justify-content:center}.wrapper .content .countries-list .card{width:400px}.wrapper .content .countries-list .card__img{height:200px}.wrapper .content .details-card__flag{max-width:350px}.wrapper .content .details-card__name{font-size:22px}.wrapper .content .details-card__border-countries,.wrapper .content .details-card__info{font-size:14px}}@media (max-width:450px){.wrapper .header h1{font-size:18px}.wrapper .header .theme-switch__description{font-size:14px}.wrapper .content .filter-panel form{width:100%}.wrapper .content .filter-panel form .search-bar{min-width:-webkit-max-content;min-width:max-content;width:300px}.wrapper .content .filter-panel form .search-bar__input{font-size:16px}.wrapper .content .filter-panel .custom-select__control{font-size:14px;height:40px;width:200px}.wrapper .content .filter-panel .custom-select__menu{font-size:14px}.wrapper .content .countries-list{justify-content:center}.wrapper .content .countries-list .card{width:300px}.wrapper .content .countries-list .card__img{height:180px}.wrapper .content .details-card{align-items:flex-start}.wrapper .content .details-card__flag{max-width:350px}.wrapper .content .details-card__name{font-size:25px;margin-bottom:2vh}.wrapper .content .details-card__border-countries,.wrapper .content .details-card__info{font-size:16px}.wrapper .content .details-card__border-countries-buttons .button{padding:5px 15px}.wrapper .content .details-card__info{flex-direction:column;gap:0;margin-bottom:2vh}}@media (max-width:350px){.wrapper .header h1{font-size:16px}.wrapper .header .theme-switch__description{font-size:12px}.wrapper .content .filter-panel form{width:100%}.wrapper .content .filter-panel form .search-bar{min-width:-webkit-max-content;min-width:max-content;width:250px}.wrapper .content .filter-panel form .search-bar__input{font-size:14px}.wrapper .content .filter-panel .custom-select__control{font-size:14px;height:40px;width:200px}.wrapper .content .filter-panel .custom-select__menu{font-size:14px}.wrapper .content .countries-list{justify-content:center}.wrapper .content .countries-list .card{width:250px}.wrapper .content .countries-list .card__img{height:150px}}
/*# sourceMappingURL=main.7fcfb1f3.css.map*/