.country-card{width:100%;background-color:var(--primaryBackground);border-radius:6px;overflow:hidden;box-shadow:0 0 6px 1px rgba(0,0,0,.1);cursor:pointer;max-width:270px;min-width:220px;justify-self:center}.country-card__info-section{display:flex;flex-direction:column;padding:25px 20px}.country-card__title{margin-bottom:1rem}.country-card__img{width:100%;height:150px;background-size:cover;background-position:50%}.country-card__info-detail{margin-bottom:.5rem}.custom-select{position:relative;display:flex;flex-direction:column;box-shadow:0 0 6px 1px rgba(0,0,0,.1);border-radius:6px}.custom-select-wrapper{position:relative;-webkit-user-select:none;user-select:none;width:200px;border-radius:6px;font-weight:600}.custom-select__trigger{position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px 20px 19px;cursor:pointer}.custom-options,.custom-select__trigger{background-color:var(--primaryBackground);border-radius:6px}.custom-options{position:absolute;display:block;top:calc(100% + 7px);left:0;right:0;box-shadow:0 0 6px 1px rgba(0,0,0,.1);transition:all .2s;opacity:0;visibility:hidden;pointer-events:none;z-index:2}.custom-select.open .custom-options{opacity:1;visibility:visible;pointer-events:all;overflow:hidden}.custom-option{position:relative;display:block;padding:0 1rem 1rem;cursor:pointer;transition:all .5s}.custom-option:hover{cursor:pointer}.custom-option.selected{overflow:hidden}.custom-option:first-child{padding-top:1rem}.arrow{position:relative;height:8px;width:8px}.arrow:after,.arrow:before{content:"";position:absolute;bottom:0;width:.15rem;height:100%}.arrow:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:var(--primaryTextColor)}.arrow:after{left:5px;background-color:var(--primaryTextColor)}.arrow:after,.open .arrow:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.open .arrow:after{left:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.country-details-wrapper{font-size:.8rem}.country-details{margin:40px -20px 0;display:flex;flex-wrap:wrap;justify-content:center}.country-details>*{margin:0 20px}.country-details__img-container{flex:0.2 1 500px}.country-details__img-container img{width:100%}.country-details strong{font-weight:700}.country-details__right-section{flex:0.3 1 450px;display:flex;flex-direction:column;padding-top:40px}.country-details__info-container{margin:-12px;display:flex;flex-wrap:wrap}.country-details__info-container>*{margin:12px}.country-details__title{margin-bottom:20px}.country-details__info-item{margin:4px 0;line-height:1.3}.country-details__general-info,.country-details__secondary-info{flex:1 1;min-width:220px;display:flex;flex-direction:column}.country-details__border-countries-container{display:flex;align-items:center;margin-top:20px}.country-details__border-countries{margin-right:15px}.country-details__badges{display:flex;flex-wrap:wrap;flex-direction:row;font-size:.7rem;align-items:center}.badge{border:none;border-radius:3px;box-shadow:0 0 6px 1px rgba(0,0,0,.1);background-color:var(--primaryBackground);color:var(--primaryTextColor);white-space:nowrap}.back-button{padding:8px 30px}.back-button i{margin-right:10px}.border-button{padding:5px 20px;margin:3px}*{box-sizing:border-box}html{height:100%;color:#111517;color:var(--primaryTextColor);--primaryBackground:#fff;--secondaryBackground:#fafafa;--primaryTextColor:#111517;--secondaryTextColor:#858585}html[data-theme=dark]{--primaryBackground:#2b3945;--secondaryBackground:#202c37;--primaryTextColor:#fff;--secondaryTextColor:#fff}#root,.wrapper,body{min-height:100vh}.header,.main{padding-left:calc((100% - 1200px)/2);padding-right:calc((100% - 1200px)/2)}.header{position:relative;height:80px;box-shadow:0 0 6px 1px rgba(0,0,0,.1);font-size:.85rem;background-color:#fff;background-color:var(--primaryBackground)}.header__title{font-size:1.3rem;margin-right:15px;cursor:pointer}.main{padding-top:40px;padding-bottom:40px;min-height:100vh;background-color:#fafafa;background-color:var(--secondaryBackground)}.heading{font-weight:800}.heading--h1{font-size:1.5rem}.heading--h3{font-size:1rem}strong{font-weight:800}input{padding:22px 40px 19px 70px;border:none;border-radius:5px;box-shadow:0 0 6px 1px rgba(0,0,0,.1);font-size:.7rem;letter-spacing:.02rem}.container{width:calc(100% - 40px);max-width:1200px;margin:0 auto}.flex-row{display:flex;flex-direction:row;align-items:center;justify-content:center}.flex-row--space-between{justify-content:space-between}.flex-row--align-start{align-items:start}.flex-row__item{max-width:100%}.flex-column{display:flex;flex-direction:column;align-items:center}.flex-column--align-start{align-items:start}.flex-column__item{max-width:100%}.app-container{padding:0 20px}.search-filter-menu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:-10px -10px 30px}.search-filter-menu>*{margin:10px}.theme-mode{font-weight:700;cursor:pointer}.theme-mode i{margin-right:7px}.input-wrapper{position:relative;flex:1 1 300px;max-width:400px}.input-wrapper input{box-sizing:border-box;width:100%;color:#858585;color:var(--secondaryTextColor);background-color:#fff;background-color:var(--primaryBackground)}.input-wrapper input::-webkit-input-placeholder{color:#858585;color:var(--secondaryTextColor)}.input-wrapper input::placeholder{color:#858585;color:var(--secondaryTextColor)}.input-wrapper i{color:#858585;color:var(--secondaryTextColor);position:absolute;left:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.main-wrapper{font-size:.7rem}.countries-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:45px 45px}@media (max-width:450px){.header{font-size:.75rem}.header__title{font-size:1.06rem}}
/*# sourceMappingURL=main.3d5b5b2c.chunk.css.map */