: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}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;flex-direction:column;min-width:320px;min-height:100vh;font-size:16px}h1{font-size:1.8rem;line-height:1.1}h3{font-size:1.8rem;line-height:3.1;font-weight:300}main{width:100%;display:block;margin:0 auto}html[data-color-scheme=dark]{color:#ffffffde;background-color:#242424}html[data-color-scheme=dark] ::-webkit-scrollbar{width:12px}html[data-color-scheme=dark] ::-webkit-scrollbar-thumb{background-color:#ffffff35;border-radius:10px}html[data-color-scheme=dark] ::-webkit-scrollbar-track{background-color:#242424}html[data-color-scheme=dark] select,html[data-color-scheme=dark] input[type=search]{color:#a9a7a7}html[data-color-scheme=dark] #showMore,html[data-color-scheme=dark] #showLess{width:200px;padding:1rem 0;margin:3rem 1rem;border-radius:20px;color:#a9a7a7;background-color:#3b3b3b;cursor:pointer;border:1px solid gray}html[data-color-scheme=light]{color:#000000de;background-color:#fff}html[data-color-scheme=light] country-item{background-color:#ecebebb0;border:1px solid black;box-shadow:5px 10px 10px #2135474f}html[data-color-scheme=light] input[type=search]{background-color:#fff}html[data-color-scheme=light] select{background-color:#fff;color:#737070}html[data-color-scheme=light] #showMore,html[data-color-scheme=light] #showLess{width:200px;padding:1rem 0;margin:3rem 1rem;border-radius:20px;color:#000;cursor:pointer;border:1px solid gray}html[data-color-scheme=light] iframe{box-shadow:5px 10px 10px #2135474f}html[data-color-scheme=light] #backButton{width:200px;padding:1rem 0;margin:3rem 0;border-radius:20px;color:#000;cursor:pointer;border:1px solid gray;background-color:#eae9e9}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;position:relative}countries-section search-and-filter left-side iconify-icon{position:absolute;top:25%;padding-left:.5rem}countries-section search-and-filter left-side input[type=search]{padding-inline-start:2.2rem;padding-inline-end:1rem;border-radius:10px;border:none;height:35px;font-size:1rem;width:250px;background-color:#3b3b3b}@media (width < 450px){countries-section search-and-filter left-side input[type=search]{width:100%}}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;border-radius:10px;background-color:#3b3b3b;font-size:1rem;border:none;padding-inline-start:1rem}@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;cursor:pointer;transition:transform .1s}countries-section countries-wrapper country-item:hover{transform:scale(1.05)}countries-section countries-wrapper country-item img{width:100%;height:210px;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{padding:2rem}countries-section loading-spinner-wrapper{height:calc(100vh - 290px);display:flex;justify-content:center;align-items:center;z-index:9999}countries-section loading-spinner-wrapper loading-spinner{border:4px solid rgba(66,64,64,.8);border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}detail-page{width:90%;text-align:left;display:none;margin:0 auto}detail-page button{width:200px;padding:1rem 0;margin:3rem 0;border-radius:20px;color:#a9a7a7;background-color:#3b3b3b;cursor:pointer;border:1px solid gray}detail-page detail-wrapper{display:flex;gap:2rem}@media (width < 450px){detail-page detail-wrapper{flex-direction:column-reverse}}detail-page detail-wrapper left-side{width:50%}@media (width < 450px){detail-page detail-wrapper left-side{width:100%}}detail-page detail-wrapper left-side iframe{border-radius:20px}detail-page detail-wrapper right-side{width:50%;font-size:2rem}@media (width < 450px){detail-page detail-wrapper right-side{width:100%}}detail-page detail-wrapper right-side country-info-header{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}detail-page detail-wrapper right-side country-info{margin:1rem 0;font-size:1.3rem;padding:0 1rem;display:flex;gap:1rem;align-items:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}