:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root ::-webkit-scrollbar{width:12px}:root ::-webkit-scrollbar-thumb{background-color:#ffffff35;border-radius:10px}:root ::-webkit-scrollbar-track{background-color:#242424}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;min-width:320px;min-height:100vh;color:#ffffffde;background-color:#242424}h1{font-size:2.2rem;line-height:1.1}header{width:100%;height:80px;display:flex;justify-content:center}header header-wrapper{display:flex;align-items:center;width:90%;justify-content:space-between;border-bottom:1px solid grey}@media (width < 450px){header header-wrapper left-side h1{font-size:1.2rem}}header header-wrapper right-side{display:flex;align-items:center;gap:1rem}header header-wrapper right-side .switch{position:relative;display:inline-block;width:30px;height:25px}header header-wrapper right-side .switch input{opacity:0;width:0;height:0}header header-wrapper right-side .switch .slider{position:absolute;cursor:pointer;top:0;left:-25px;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:20px}header header-wrapper right-side .switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:6px;bottom:5px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:20px}header header-wrapper right-side .switch input:checked+.slider{background-color:#2196f3}header header-wrapper right-side .switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}countries-section{display:flex;flex-direction:column;align-items:center}countries-section search-and-filter{width:90%;display:flex;justify-content:space-between;margin:2rem 0}@media (width < 450px){countries-section search-and-filter{flex-direction:column;gap:1rem;margin:1rem 0}}countries-section search-and-filter left-side{display:flex;align-items:center}countries-section search-and-filter left-side iconify-icon{position:absolute;padding-left:.5rem}countries-section search-and-filter left-side input[type=search]{padding-inline:2rem;border-radius:10px;border:none;height:35px;font-size:1rem;width:100%;background-color:#3b3b3b;color:#a9a7a7}countries-section search-and-filter left-side input[type=search]:focus-visible{border:1px solid grey;outline:none}countries-section search-and-filter right-side select{height:35px;width:300px;padding:.5rem 1rem;border-radius:10px;background-color:#3b3b3b;font-size:1rem;border:none;color:#a9a7a7}@media (width < 450px){countries-section search-and-filter right-side select{width:100%}}countries-section search-and-filter right-side select:focus-visible{border:1px solid grey;outline:none}countries-section countries-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;width:90%}@media (width < 450px){countries-section countries-wrapper{grid-template-columns:1fr;gap:1rem}}countries-section countries-wrapper country-item{border-radius:20px;overflow:hidden;background-color:#213547}countries-section countries-wrapper country-item img{width:100%;height:200px;object-fit:cover;border-bottom:1px solid black}@media (width < 769px){countries-section countries-wrapper country-item img{height:auto}}countries-section countries-wrapper country-item .country-info{cursor:pointer;padding:2rem}