@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{--header_padding: 4rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans,sans-serif}body{background-color:#fcfcfc}.search_container,.detail_page,main{width:calc(100vw - (var(--header_padding) * 2))}main{margin:2rem auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:2rem}.dark_mode{background-color:#202c37}@media screen and (max-width: 476px){:root{--header_padding: 2rem}}header{padding:1rem var(--header_padding);height:5rem;display:flex;align-items:center;justify-content:space-between;background-color:#fff;box-shadow:0 1px 15px 1px #11151733}header h1{font-weight:800;font-size:clamp(1rem,1.662vw + .5035rem,1.75rem)}header button{border:none;background-color:transparent;font-size:1rem;display:flex;align-items:center;gap:.4rem;font-weight:600;cursor:pointer}.dark_mode header{background-color:#2b3945}.dark_mode header h1,.dark_mode header button{color:#fff}.search_container{margin:4rem auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;height:3.5rem;min-height:fit-content}.input_wrapper,.filter_wrapper{height:100%}.input_wrapper{background-color:#fff;width:30rem;display:flex;border-radius:.4rem;box-shadow:0 0 10px .5px #1115171a}.input_wrapper .img{height:100%;width:15%;display:flex;align-items:center;justify-content:center}.input_wrapper .img ion-icon{color:gray;height:100%;width:1.15rem}.input_wrapper input{border-radius:.4rem;width:85%;border:none;outline:none;padding-right:1rem;background:transparent}.filter_wrapper{position:relative;width:13rem}.filter{cursor:pointer;height:100%;background-color:#fff;box-shadow:0 0 10px .5px #1115171a;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;border-radius:.4rem}.filter_menu{width:100%;position:absolute;right:0;padding:1rem;background-color:#fff;margin-top:.4rem;flex-direction:column;box-shadow:0 0 10px .5px #1115171a;border-radius:.4rem}.filter_menu button{background-color:transparent;border:none;text-align:start;padding:.4rem;cursor:pointer;font-weight:600}.dark_mode .search_container .input_wrapper,.dark_mode .search_container .filter,.dark_mode .search_container .filter_menu{background-color:#2b3945}.dark_mode .search_container .input_wrapper .img ion-icon,.dark_mode .search_container input,.dark_mode .search_container input::placeholder,.dark_mode .search_container .filter,.dark_mode .search_container .filter_menu button{color:#fff}.card{background-color:#fff;box-shadow:0 1px 15px 1px #11151733;width:100%;max-width:20rem;height:24.5rem;border-radius:.4rem}.card .img_wrapper{cursor:pointer;width:100%;height:12rem;max-height:12rem;border-radius:.4rem .4rem 0 0;background-size:100% auto;background-repeat:no-repeat}.card .country_info{padding:1rem}.card .infos{margin-top:.8rem}.card .infos p{font-weight:300;color:#111517}.card .infos p span{font-weight:600}.dark_mode .card{background-color:#2b3945}.dark_mode .card p,.dark_mode .card span,.dark_mode .card h3{color:#fff}.detail_page{margin:3.5rem auto}.detail_page a{height:2.25rem;max-width:8rem;background-color:#fff;box-shadow:0 1px 10px 1px #11151733;border-radius:.4rem;display:flex;justify-content:center;align-items:center;gap:.4rem;text-decoration:none;color:#111517}.detail_page a ion-icon{color:#111517}.country_detailed_infos_wrapper{margin-top:3.5rem;width:100%;height:fit-content;display:flex;flex-wrap:wrap;justify-content:space-between}.country_detailed_infos_wrapper img{max-width:100%;width:30rem}.country_detailed_infos{display:flex;flex-direction:column;gap:2rem}.more_infos{display:flex;flex-wrap:wrap;gap:4rem}.basic_info p:not(:first-child),.advanced_info p:not(:first-child){margin-top:.8rem}.basic_info p,.advanced_info p{font-weight:300}.basic_info p span,.advanced_info p span{font-weight:800}.border_countries_wrapper{display:flex;gap:.6rem;flex-wrap:wrap;max-width:35rem;font-weight:600}.border_contries{padding:.2rem 1rem;background-color:#fff;border-radius:.2rem;box-shadow:0 1px 15px 1px #11151733;font-size:.875rem;font-weight:300}@media screen and (max-width: 476px){.country_detailed_infos{margin-top:1rem}}.dark_mode .detail_page{color:#fff}.dark_mode a{background-color:#2b3945;color:#fff}.dark_mode a ion-icon{color:#fff}.dark_mode .border_contries{background-color:#2b3945}