@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{--stone-color: hsl(0, 0%, 20%)}.theme-btn{border:none;display:flex;align-items:center;justify-content:center;background-color:transparent;gap:.5rem;font-size:1rem;color:#101010}.theme-btn:hover{cursor:pointer}.icon{font-size:1rem}.search-compo{width:100%;display:flex;align-items:center;padding:1rem 1.5rem;background-color:#fff;border-radius:.3rem;box-shadow:.2rem .2rem .5rem #00000008,-.2rem -.2rem .5rem #00000008,-.2rem .2rem .5rem #00000008,.2rem -.2rem .5rem #00000008}.search-compo:focus-within{box-shadow:0 0 2px #000000bf}.search-bar{font-size:1rem;margin-left:1rem;outline:none;border:none;background:transparent;width:30rem}.search-bar::placeholder{color:#858585}.search-icon{top:35%;left:7%;bottom:0;right:0;color:#858585;font-size:1.3rem}.filter{position:relative}.filter-countries{width:14.5rem;border-radius:.3rem;border:none;background-color:#fff;padding:1rem 2rem;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:.2rem .2rem .5rem #00000008,-.2rem -.2rem .5rem #00000008,-.2rem .2rem .5rem #00000008,.2rem -.2rem .5rem #00000008}.filter-countries.countries{position:absolute;list-style:none;display:none;top:110%;border-bottom:1px solid black;z-index:999}.filter-countries.countries.active{display:block}.filter-countries ul{display:flex;flex-direction:column;gap:.5rem}.filter-countries ul li:hover{background-color:#85858530}.filter-countries:hover{cursor:pointer;box-shadow:0 0 2px #000000bf}.filter:hover{box-shadow:0 0 2px #000000bf;border-radius:.5rem}.country-error{text-align:center;font-size:1.2rem}.container{display:flex;justify-content:space-between;padding:1.5rem 4rem;flex-wrap:wrap;margin-bottom:2rem}.gap{gap:1rem}.shadow{box-shadow:0 .5rem 1rem #00000012}.title{text-decoration:none;color:#111517;font-weight:800;font-size:1.2rem}.error{display:flex;height:70vh;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.card-container{padding:1.5rem 4rem;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap;row-gap:5rem;column-gap:1rem;overflow:hidden}.card-list{width:17rem;height:20rem;display:grid;grid-template-rows:1fr 1fr;overflow:hidden;border-radius:9px;box-shadow:.5rem .5rem 1rem #0000000d}.countries-info-container{padding:1.5em}.country-name{font-size:1rem;margin-bottom:.7rem;font-weight:800}.countries-info{font-size:.8rem}.countries-info span{font-weight:500}.flag-image{border-radius:3px;width:100%;height:10rem}li{list-style:none}.countries-link:link,.countries-link:visited{text-decoration:none;color:inherit;transition:all .2s ease-in-out}.countries-link:hover,.countries-link:active{scale:110%}.back-Home-button{margin:3rem 0 5rem;padding:.5rem 2.2rem;text-align:center;background-color:transparent;border:none;border-radius:4px;box-shadow:.2rem .2rem .5rem #00000013,-.2rem -.2rem .5rem #00000013;cursor:pointer;transition:all .2s ease-in-out}.country-details-section{padding:1.5rem 4rem;min-height:100vh;margin:0 auto}.all-details{display:flex;flex-direction:column;justify-content:center;gap:3rem}.country-details-container{max-width:82rem;min-height:50vh;display:grid;grid-template-columns:1fr 1fr}.image-container img{width:80%;height:25rem}.country-data{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.country-data div{display:flex;flex-direction:column;gap:.8rem}.country-data div p,.no-border{font-size:.85rem;color:#858585;font-weight:400}.country-data div p span,.b-title{font-size:.9rem;font-weight:600;color:#111517}.border-country{padding:.3rem 1.2rem;font-size:.75rem;color:#858585;font-weight:400;text-align:center;background-color:transparent;border:none;border-radius:4px;box-shadow:.1rem .1rem .2rem #00000013,-.1rem -.1rem .2rem #00000013;cursor:pointer;transition:all .2s ease-in-out}.border-country:hover,.back-Home-button:hover{scale:115%}.borders{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.loader-parent{top:10%;right:0;bottom:0;left:0;width:100%;height:80dvh;position:absolute;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#435a6f05}.loader{width:45px;aspect-ratio:.75;--c: no-repeat linear-gradient(var(--stone-color) 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 50%;animation:loading 1s infinite linear}@keyframes loading{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.page-dark{background-color:#202c37;min-height:100dvh;color:#fafafa}.page-dark .container{background-color:#202c37}.page-dark .header-dark,.page-dark .filter-countries,.page-dark .search-compo,.page-dark .countries-info-container,.page-dark .back-Home-button,.page-dark .border-country{background-color:#2b3945}.header-dark .title,.header-dark .theme-btn,.page-dark .back-Home-button,.page-dark .countries-info-container p span,.page-dark .country-data div p span,.page-dark .borders span{color:#fff}.page-dark .country-data div p,.page-dark .border-country,.page-dark .search-bar::placeholder,.page-dark .search-icon,.page-dark .countries-info-container p{color:#d9d9d9}.page-dark .search-compo:focus-within{box-shadow:0 0 2px #d9d9d9}.page-dark .search-bar:focus,.page-dark .search-bar{color:#fff}@media (max-width: 61em){.container,.card-container{padding:1.5rem 2.5rem;column-gap:1rem}.search-bar{width:17rem}.card-container{justify-content:space-around}.image-container img{width:90%}.country-details-section{padding:1.5rem 2.5rem}.all-details{gap:1.5rem}.country-data div p,.no-border,.country-data div p span,.b-title{font-size:.8rem}.name-country{font-size:1.6rem}}@media (max-width: 42.75em){.country-details-container{gap:3rem}.name-country{text-align:left}.country-data div p,.no-border{font-size:.9rem}.country-data div p span,.b-title{font-size:1rem}.back-Home-button{margin-bottom:2rem;margin-top:1rem}.country-details-container{display:grid;grid-template-columns:1fr}.image-container{display:flex;align-items:center;justify-content:center}.image-container img{width:80%}.country-data div:last-child{justify-self:end}.home-layout .container{flex-direction:column;gap:1rem}.title{font-size:1rem}.theme-btn,.icon{font-size:.9rem}.search-bar,.filter,.card-container{font-size:.8rem}.filter{width:max-content}.card-list{width:15rem;height:19rem}@media (max-width: 35.6em){.country-data{grid-template-columns:1fr;gap:1rem}.country-data div:last-child{justify-self:start}.image-container img{width:100%;height:20rem}.card-list{width:20rem;height:20rem}.search-bar{width:14rem}.filter-countries{width:12.5rem;padding:.85rem 1rem}.name-country{font-size:1.2rem}.container,.card-container,.country-details-section{padding:1.5rem}.search-compo{padding:1rem;padding:.85rem 1rem}}@media (max-width: 23.43em){.country-data div p,.no-border{font-size:.8rem}.image-container img{height:15rem}.back-Home-button{font-size:.7rem;padding:.5rem 2.2rem}.country-data div p,.no-border{font-size:.85rem}.country-data div p span,.b-title{font-size:.9rem}.country-details-container{gap:1rem}.container,.card-container{padding:1.3rem}.container{margin-bottom:0}.title,.theme-btn,.icon{font-size:.7rem}.search-bar,.filter,.card-container{font-size:.6rem}.search-bar{width:12rem}.search-compo{padding:.7rem 1rem}.filter-countries{width:10rem;padding:.7rem 1rem}.card-list{width:15.5rem;height:20rem}}@media (max-width: 17.87em){.image-container img{width:100%;height:12rem}.search-bar{width:8rem}.card-list{width:13.5rem;height:16rem}.flag-image{height:8rem}.search-compo{padding:.5rem 1rem}.filter-countries{width:9rem}.title,.theme-btn,.icon{font-size:.6rem}}}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Nunito Sans,sans-serif;background-color:#fafafa}