.countries{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2.92rem}@media (max-width: 920px){.countries{justify-content:center;padding-top:3rem}}@media (max-width: 450px){.countries{gap:1.85rem}}.countries .link{text-decoration:none;margin-top:.7rem;width:263px;height:21rem}@media (max-width: 450px){.countries .link{height:21rem}}.countries .link .country{border-radius:.4rem;border:0px;height:3.6rem;width:auto;width:100%;height:100%;display:flex;flex-direction:column}.countries .link .country-flag{width:100%;height:48%}.countries .link .country-flag img{width:100%;height:100%;object-fit:cover;border-radius:.4rem .4rem 0 0;border:0px}.countries .link .country-text{width:100%;height:51.5%;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1.5rem 2.5rem}@media (max-width: 450px){.countries .link .country-text{padding:1.5rem 2rem 2.5rem 1.6rem}}.countries .link .country-text h2{width:100%;height:auto;font-size:1.1rem;margin-bottom:.6rem}@media (max-width: 450px){.countries .link .country-text h2{font-size:auto}}.countries .link .country-text span{width:100%;height:auto;display:flex;font-weight:600}.countries .link .country-text span h3{width:auto;height:auto;font-size:.85rem;margin-right:.2rem}@media (max-width: 450px){.countries .link .country-text span h3{font-size:auto}}.countries .link .country-text span p{width:auto;height:auto;font-size:.9rem}@media (max-width: 450px){.countries .link .country-text span p{font-size:auto}}.countries .link .light-theme{background-color:#fff;box-shadow:0 1px 6px 1px #b9b9b94d}.countries .link .dark-theme{background-color:#2b3945;box-shadow:0 1px 6px 1px #0201014d}.filters{display:flex;justify-content:space-between;height:3.6rem;gap:1rem}@media (max-width: 920px){.filters{flex-wrap:wrap;justify-content:center}}.filters .search-container{position:relative;width:30rem}@media (max-width: 550px){.filters .search-container{width:91%;height:3rem;bottom:18px}}.filters .search-container .search-icon{position:absolute;top:50%;left:30px;transform:translateY(-50%);font-size:1.45rem;cursor:pointer}@media (max-width: 550px){.filters .search-container .search-icon{left:28px;font-size:1.2rem}}.filters .search-container .light-theme1{color:#858585}.filters .search-container .dark-theme1{color:#fff}.filters .search-container .search-input{border-radius:.4rem;border:0px;height:3.6rem;width:auto;width:30rem;padding:10px 10px 10px 75px;font-size:.9rem}@media (max-width: 550px){.filters .search-container .search-input{padding:10px 10px 10px 72px;font-size:.8rem;width:100%;height:100%}}.filters .search-container .search-input:focus{outline:none}.filters .search-container .light-theme{background-color:#fff;box-shadow:0 1px 6px 1px #b9b9b94d}.filters .search-container .light-theme::placeholder{color:#858585}.filters .search-container .dark-theme{background-color:#2b3945;box-shadow:0 1px 6px 1px #0201014d;caret-color:#fff}.filters .search-container .dark-theme::placeholder{color:#fff}.filters .select-container{width:12.8rem;position:relative}@media (max-width: 550px){.filters .select-container{width:53.7%;margin-right:39%;height:3rem;margin-top:5px}}.filters .select-container .select-box{border-radius:.4rem;border:0px;height:3.6rem;width:auto;width:100%;font-size:.86rem;padding:10px 10px 10px 27px;display:flex;flex-direction:column;justify-content:space-around;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 1050px){.filters .select-container .select-box{min-width:174px}}@media (max-width: 550px){.filters .select-container .select-box{height:100%;font-size:.75rem;padding-left:12.5%}}.filters .select-container .dark-theme{background-color:#2b3945;box-shadow:0 1px 6px 1px #0201014d;color:#fff}.filters .select-container .outline-icon{position:absolute;top:45%;right:9%;transform:translateY(-50%);font-size:.685rem;cursor:pointer;pointer-events:none}@media (max-width: 550px){.filters .select-container .outline-icon{top:23px;right:8.8%;font-size:.6rem}}.filters .select-container .light-theme1{fill:#111517}.filters .select-container .dark-theme1{fill:#fff}.filters .select-container .hide-dropdown{display:none}.filters .select-container .show-dropdown{display:block;border-radius:.4rem;border:0px;height:3.6rem;width:auto;cursor:default;-webkit-user-select:none;user-select:none;height:10.4rem;display:flex;flex-direction:column;justify-content:space-evenly;padding:.45rem 1.67rem;margin-top:4px}@media (max-width: 550px){.filters .select-container .show-dropdown{height:9.2rem}}.filters .select-container .show-dropdown li{list-style-type:none;font-size:.9rem;font-weight:600}@media (max-width: 550px){.filters .select-container .show-dropdown li{font-size:.75rem}}.filters .select-container .show-dropdown li:hover{cursor:pointer;scale:1.1}.filters .select-container .light-theme{background-color:#fff;box-shadow:0 1px 6px 1px #b9b9b94d}.filters .select-container .dark-theme{background-color:#2b3945;box-shadow:0 1px 6px 1px #0201014d;caret-color:#fff}.main{width:100%;max-width:1440px;height:100%;display:flex;flex-direction:column;gap:2rem;padding:3rem 4.8rem}@media (max-width: 690px){.main{width:100%;padding:2.4rem 0}}.dark-theme-main{margin-top:.3rem}.countries-api{display:flex;flex-direction:column;width:100%;height:auto;align-items:center}.details-container{display:flex;flex-direction:column;width:100%;height:100%;align-items:center}.details-container .details-main{width:80%;max-width:1440px;min-width:300px;height:100%;display:flex;flex-direction:row;gap:2rem;padding:3rem 0rem}@media (max-width: 1300px){.details-container .details-main{flex-direction:column;align-items:center}}.details-container .details-main .details-flag{width:50%;height:34.1rem;display:flex;flex-direction:column;padding-left:.25rem}@media (max-width: 1300px){.details-container .details-main .details-flag{padding-left:0;width:auto}}@media (max-width: 700px){.details-container .details-main .details-flag{height:20rem}}.details-container .details-main .details-flag .link-back{display:flex;border-radius:.4rem;border:0px;height:3.6rem;width:auto;width:8.4rem;height:2.7rem;justify-content:center;align-items:center;text-decoration:none;margin-top:1.5rem;margin-bottom:4.9rem}.details-container .details-main .details-flag .link-back svg{margin-right:.5rem;width:1.5rem;height:1.5rem}@media (max-width: 700px){.details-container .details-main .details-flag .link-back svg{width:1.2rem;height:1.2rem}}@media (max-width: 700px){.details-container .details-main .details-flag .link-back{width:6.5rem;height:2rem;margin-left:.1rem;margin-top:-.9rem;font-size:.8rem;margin-bottom:3.9rem}}.details-container .details-main .details-flag .light-theme{background-color:#fff;box-shadow:0 1px 6px 1px #b9b9b94d}.details-container .details-main .details-flag .dark-theme{background-color:#2b3945;box-shadow:0 1px 6px 1px #0201014d;caret-color:#fff}.details-container .details-main .details-flag .flag{width:35rem;height:25rem}@media (max-width: 700px){.details-container .details-main .details-flag .flag{width:19rem;height:14.5rem}}.details-container .details-main .details-flag .flag img{width:100%;height:100%;object-fit:cover;border:0px}.details-container .details-main .details-text{width:50%;height:34.1rem;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;padding-left:1.6rem;margin-top:1.1rem;position:relative}@media (max-width: 1300px){.details-container .details-main .details-text{padding:0;width:560px}}@media (max-width: 700px){.details-container .details-main .details-text{width:304px;height:30rem;margin-top:0}}.details-container .details-main .details-text .country-name{font-size:2rem;position:absolute;top:10.5rem}@media (max-width: 1300px){.details-container .details-main .details-text .country-name{top:0rem}}@media (max-width: 700px){.details-container .details-main .details-text .country-name{font-size:1.35rem}}.details-container .details-main .details-text .country-stats{display:flex;line-height:2rem;width:100%;justify-content:space-between;position:absolute;bottom:9.5rem}@media (max-width: 1300px){.details-container .details-main .details-text .country-stats{flex-direction:column;bottom:11rem}}@media (max-width: 700px){.details-container .details-main .details-text .country-stats{bottom:8.7rem}}.details-container .details-main .details-text .country-stats .country-data span{display:flex}.details-container .details-main .details-text .country-stats .country-data span h3{font-size:.95rem;margin-right:4px}@media (max-width: 1300px){.details-container .details-main .details-text .country-stats .country-data{margin-bottom:2rem}}.details-container .details-main .details-text .country-stats .country-sub-data{margin-right:2rem}.details-container .details-main .details-text .country-stats .country-sub-data span{display:flex}.details-container .details-main .details-text .country-stats .country-sub-data span h3{font-size:.95rem;margin-right:4px}.details-container .details-main .details-text .country-stats .country-sub-data span p{display:flex;gap:4px}.details-container .details-main .details-text .country-border{display:flex;align-items:center;gap:.8rem;position:absolute;bottom:3.33rem}@media (max-width: 1300px){.details-container .details-main .details-text .country-border{flex-direction:column;align-items:flex-start}}@media (max-width: 700px){.details-container .details-main .details-text .country-border{width:302px;bottom:2.3rem}}.details-container .details-main .details-text .country-border h3{font-size:.945rem;width:10.4rem}.details-container .details-main .details-text .country-border .unknown{font-size:.9rem;display:flex;align-items:center}.details-container .details-main .details-text .country-border span{margin:.11rem;width:100%;height:2rem;display:flex;gap:.4rem;flex-wrap:wrap}@media (max-width: 700px){.details-container .details-main .details-text .country-border span{gap:.1rem}}.details-container .details-main .details-text .country-border span span{border-radius:.4rem;border:0px;height:3.6rem;min-width:6rem;padding:0 1.3rem;width:auto;height:2rem;font-size:.9rem;border-radius:2px;display:flex;justify-content:center;align-items:center;overflow:hidden}.details-container .details-main .details-text .country-border span .light-theme{background-color:#fff;box-shadow:0 1px 6px 1px #b9b9b94d}.details-container .details-main .details-text .country-border span .dark-theme{background-color:#2b3945;box-shadow:0 1px 6px 1px #0201014d;caret-color:#fff}.details-container .dark-theme-main{margin-top:.3rem}.header-container{width:100%}.header-container .header{width:100%;max-width:1440px;height:5.3rem;display:flex;justify-content:space-between;align-items:center;padding:0 4.4%;font-size:.75rem;margin:0 auto}@media (max-width: 550px){.header-container .header{height:5rem;width:100%;padding:0 1rem;font-size:.785rem}}@media (max-width: 550px){.header-container .header h1{font-size:.9rem}}.header-container .header .theme-toggler span{display:flex;cursor:pointer}.header-container .header .theme-toggler span .moon{font-size:1.3rem;width:2rem}@media (max-width: 550px){.header-container .header .theme-toggler span .moon{width:1rem;height:1rem}}.header-container .header .theme-toggler span p{font-weight:800;font-size:1rem}@media (max-width: 550px){.header-container .header .theme-toggler span p{font-size:.8rem}}.light-theme-header{background-color:#fff;box-shadow:0 1px 6px 1px #b9b9b94d}.light-theme-header .header{color:#111517;margin-bottom:.3rem}.dark-theme-header{background-color:#2b3945}.dark-theme-header .header{font-weight:300;color:#fff;margin-bottom:0rem}*{padding:0;margin:0;font-family:Nunito Sans;box-sizing:border-box}body{width:auto;height:100vh;margin:0 auto}body footer{text-align:center;color:#009db2}body footer a{color:inherit}body footer a:hover{text-decoration:none;font-weight:600}body footer a:visited{color:inherit}body .light-theme{background:hsl(0,0%,98%);transition:.4s}body .light-theme a,body .light-theme svg{color:#111517}body .light-theme p,body .light-theme h1,body .light-theme h2,body .light-theme h3,body .light-theme span{color:#111517}body .dark-theme{background:hsl(207,26%,17%);transition:.4s}body .dark-theme a,body .dark-theme svg{color:#fff}body .dark-theme p{color:#fff;font-weight:300}body .dark-theme h1,body .dark-theme h2,body .dark-theme h3,body .dark-theme span{color:#fff}.light-theme{background:hsl(0,0%,98%);transition:.4s}.dark-theme{background:hsl(207,26%,17%);transition:.4s}