@charset "UTF-8";._countryItem_r8e0a_1{min-height:30rem;overflow:hidden;background-color:var(--color-surface);border-radius:var(--radius-md);display:flex;flex-direction:column;cursor:pointer}._countryItem_r8e0a_1 img{height:50%;object-fit:cover;border-top-left-radius:inherit;border-top-right-radius:inherit}._countryItem_r8e0a_1 ._countryContent_r8e0a_16{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}._countryItem_r8e0a_1 ._countryContent_r8e0a_16 ._name_r8e0a_22{font-weight:var(--font-weights-extrabold)}._countryItem_r8e0a_1 ._countryContent_r8e0a_16 ._countryInfo_r8e0a_25{font-size:var(--font-sizes-sm)}._countryItem_r8e0a_1 ._countryContent_r8e0a_16 ._countryInfo_r8e0a_25 p{font-weight:var(--font-weights-semibold)}._countryItem_r8e0a_1 ._countryContent_r8e0a_16 ._countryInfo_r8e0a_25 span{font-weight:var(--font-weights-light)}._skeleton_r8e0a_35{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:_loading_r8e0a_1 1.5s infinite}@keyframes _loading_r8e0a_1{0%{background-position:200% 0}to{background-position:-200% 0}}._countriesSwitcherPage_cdqqv_1{--countries-switcher-padding: 8rem;display:flex;flex-direction:column;gap:var(--spacing-2xl)}@media(max-width:767.98px){._countriesSwitcherPage_cdqqv_1{--countries-switcher-padding: 2.4rem;padding-bottom:var(--countries-switcher-padding)}}._header_cdqqv_14{background-color:var(--color-surface);padding:var(--spacing-xl) var(--countries-switcher-padding);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md)}._header_cdqqv_14 ._title_cdqqv_22{font-size:clamp(1.8rem,16.5981308411px + .3738317757vw,2.4rem);font-weight:var(--font-weights-extrabold)}._header_cdqqv_14 ._themeSwitcher_cdqqv_26{font-weight:var(--font-weights-semibold);display:flex;align-items:center;flex-direction:row;gap:var(--spacing-sm)}._header_cdqqv_14 ._themeSwitcher_cdqqv_26:before{content:"";display:block;width:1.8rem;height:1.8rem;background-image:url("data:image/svg+xml,%3c!--%20icon666.com%20-%20MILLIONS%20OF%20FREE%20VECTOR%20ICONS%20--%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20476.14%20476.14'%20style='enable-background:new%200%200%20476.14%20476.14;'%20xml:space='preserve'%3e%3cpath%20d='M466.535,257.983c-6.739-2.791-14.15-0.675-18.441,5.262c-17.213,23.816-40.396,42.803-67.043,54.908%20c-27.774,12.617-58.786,17.396-89.672,13.826c-76.464-8.843-138.378-70.759-147.219-147.223c-3.571-30.889,1.21-61.896,13.828-89.67%20c12.105-26.646,31.092-49.828,54.907-67.041c5.937-4.292,8.052-11.703,5.262-18.441c-2.81-6.787-9.593-10.562-16.881-9.394%20C143.081,9.544,90.503,40.047,53.226,86.101C15.378,132.862-3.35,191.883,0.493,252.293c3.662,57.562,28.479,112.064,69.882,153.468%20s95.904,66.223,153.467,69.886c5.18,0.329,10.343,0.493,15.496,0.493c54.939-0.002,107.947-18.623,150.699-53.226%20c46.055-37.276,76.559-89.855,85.893-148.051C477.098,267.577,473.323,260.792,466.535,257.983z%20M461.119,272.488%20c-8.748,54.539-37.343,103.82-80.519,138.767c-43.829,35.475-99.156,53.036-155.806,49.422%20c-53.918-3.431-104.992-26.7-143.812-65.521c-38.821-38.821-62.089-89.896-65.519-143.814%20C11.86,194.698,29.412,139.366,64.886,95.538c34.946-43.175,84.227-71.77,138.766-80.518c0.1-0.016,0.177-0.022,0.238-0.022%20c0.168,0,0.215,0.053,0.27,0.115c0.176,0.202,0.216,0.473,0.195,0.543c-0.01,0.021-0.077,0.109-0.246,0.232%20c-25.925,18.736-46.596,43.978-59.777,72.993c-13.744,30.253-18.956,64.002-15.071,97.597%20c9.632,83.308,77.088,150.767,160.396,160.4c33.598,3.888,67.346-1.326,97.6-15.069c29.017-13.183,54.259-33.854,72.996-59.778%20c0.122-0.169,0.21-0.236,0.23-0.245c0.068-0.026,0.343,0.018,0.545,0.194C461.111,272.055,461.179,272.114,461.119,272.488z'%3e%3c/path%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;filter:var(--icon-filter)}._contentContainer_cdqqv_44{padding-inline:var(--countries-switcher-padding);display:flex;flex-direction:column;gap:var(--spacing-2xl)}._nav_cdqqv_51{display:flex;align-items:center;justify-content:space-between}@media(max-width:767.98px){._nav_cdqqv_51{width:100%;align-items:flex-start;flex-direction:column;gap:var(--spacing-lg)}}._nav_cdqqv_51 ._search_cdqqv_64{height:6rem;width:clamp(30rem,166.6666666667px + 17.3611111111vw,50rem);background-color:var(--color-surface);border-radius:var(--radius-md);padding-right:var(--spacing-xl);display:flex;align-items:center;box-shadow:var(--shadow-md);cursor:text}@media(max-width:767.98px){._nav_cdqqv_51 ._search_cdqqv_64{width:100%}}._nav_cdqqv_51 ._search_cdqqv_64:before{content:"";display:block;margin:0 var(--spacing-xl);width:1.6rem;height:1.6rem;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2025.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20id='Capa_1'%20x='0px'%20y='0px'%20viewBox='0%200%20513.749%20513.749'%20style='enable-background:new%200%200%20513.749%20513.749;'%20xml:space='preserve'%20width='512'%20height='512'%3e%3cg%3e%3cpath%20d='M504.352,459.061l-99.435-99.477c74.402-99.427,54.115-240.344-45.312-314.746S119.261-9.277,44.859,90.15%20S-9.256,330.494,90.171,404.896c79.868,59.766,189.565,59.766,269.434,0l99.477,99.477c12.501,12.501,32.769,12.501,45.269,0%20c12.501-12.501,12.501-32.769,0-45.269L504.352,459.061z%20M225.717,385.696c-88.366,0-160-71.634-160-160s71.634-160,160-160%20s160,71.634,160,160C385.623,314.022,314.044,385.602,225.717,385.696z'/%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;pointer-events:none;filter:var(--icon-filter)}._nav_cdqqv_51 ._search_cdqqv_64 ._searchInput_cdqqv_92{flex:1;height:100%;background:transparent;border:none;outline:none}._filter_cdqqv_100{height:6rem;width:20rem;background-color:var(--color-surface);border-radius:var(--radius-md);padding-inline:var(--spacing-xl);display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-md);cursor:pointer}._filter_cdqqv_100 select{height:100%;border:none;display:flex;justify-content:space-between;align-items:center}._filter_cdqqv_100 option{background-color:var(--color-surface)}._countries_cdqqv_1{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:var(--spacing-3xl)}._countryDetails_cdqqv_129{display:flex;align-items:center;flex-direction:column;gap:var(--spacing-2xl)}._countryDetails_cdqqv_129 ._backButton_cdqqv_135{background-color:var(--color-surface);padding:var(--spacing-sm) var(--spacing-2xl);border-radius:var(--radius-md);align-self:flex-start;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-md)}._countryDetails_cdqqv_129 ._detailsContent_cdqqv_145{width:100%;display:flex;align-items:center;flex-direction:row;gap:var(--spacing-2xl)}@media(max-width:767.98px){._countryDetails_cdqqv_129 ._detailsContent_cdqqv_145{flex-direction:column}}._countryDetails_cdqqv_129 ._detailsContent_cdqqv_145 img{height:100%;width:50%;object-fit:cover}@media(max-width:767.98px){._countryDetails_cdqqv_129 ._detailsContent_cdqqv_145 img{width:100%}}._countryDetails_cdqqv_129 ._detailsContent_cdqqv_145 ._info_cdqqv_167{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}@media(max-width:767.98px){._countryDetails_cdqqv_129 ._detailsContent_cdqqv_145 ._info_cdqqv_167{padding:0}}._countryDetails_cdqqv_129 ._detailsContent_cdqqv_145 ._info_cdqqv_167 ._name_cdqqv_178{font-size:clamp(1.8rem,14.7289719626px + .8722741433vw,3.2rem)}._countryDetails_cdqqv_129 ._detailsContent_cdqqv_145 ._info_cdqqv_167 ._infoGrid_cdqqv_181{display:grid;grid-template-columns:repeat(2,1fr)}@media(max-width:767.98px){._countryDetails_cdqqv_129 ._detailsContent_cdqqv_145 ._info_cdqqv_167 ._infoGrid_cdqqv_181{grid-template-columns:1fr;gap:var(--spacing-2xl)}}._countryDetails_cdqqv_129 ._detailsContent_cdqqv_145 ._info_cdqqv_167 ._infoGrid_cdqqv_181 ._infoColumn_cdqqv_191{display:flex;flex-direction:column;gap:var(--spacing-lg)}._countryDetails_cdqqv_129 ._borderCountries_cdqqv_196{display:flex;align-items:center;flex-direction:row;gap:var(--spacing-lg)}@media(max-width:767.98px){._countryDetails_cdqqv_129 ._borderCountries_cdqqv_196{flex-direction:column;align-items:flex-start}}._countryDetails_cdqqv_129 ._borderCountries_cdqqv_196 strong{white-space:nowrap}._countryDetails_cdqqv_129 ._borderCountries_cdqqv_196 ._borderList_cdqqv_211{display:flex;align-items:center;flex-flow:wrap;gap:var(--spacing-sm)}._countryDetails_cdqqv_129 ._borderCountries_cdqqv_196 ._borderList_cdqqv_211 ._borderButton_cdqqv_217{white-space:nowrap;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background-color:var(--color-surface)}._layout_1mvw2_1{max-width:var(--container-max-width-desktop);margin:0 auto}:root{--color-surface: #ffffff;--color-bg: #fafafa;--color-input-light: #808080;--color-text: #111517}.dark-theme{--color-bg: #202c37;--color-surface: #2b3945;--color-text: #ffffff}:root{--font-primary: NunitoSans;--font-sizes-sm: clamp(1.2rem, 11.5327102804px + .1246105919vw, 1.4rem);--font-sizes-base: clamp(1.4rem, 13.5327102804px + .1246105919vw, 1.6rem);--font-weights-light: 300;--font-weights-semibold: 600;--font-weights-extrabold: 800;--spacing-sm: .8rem;--spacing-md: 1.2rem;--spacing-lg: 1.6rem;--spacing-xl: 2.4rem;--spacing-2xl: 4.8rem;--spacing-3xl: 8rem;--radius-sm: .4rem;--radius-md: .8rem;--radius-lg: 1.6rem;--radius-xl: 3.2rem;--radius-2xl: 6.4rem;--radius-circle: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--container-max-width-mobile: 37.5rem;--container-max-width-desktop: 144rem;--transitions-fast: .2s ease-in-out;--transitions-normal: .3s ease-in-out;--z-base: 1;--z-header: 10;--z-content: 20;--z-overlay: 100;--z-modal: 1000;--z-intro: 1100;--z-tooltip: 2000;--icon-filter: none}body.dark-theme{--icon-filter: invert(1)}html{font-size:62.5%;box-sizing:border-box;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-sizes-base);font-weight:var(--font-weights-light);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:NunitoSans;src:url(/My-practices-in-the-frontend-mentor/demo/advanced/countries-api-switcher-demo/assets/NunitoSans-VariableFont_YTLC_opsz_wdth_wght-CowQtdx-.ttf) format("truetype");font-weight:300 800;font-style:normal;font-display:swap}*{padding:0;margin:0}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none;cursor:pointer}aside,nav,footer,header,section,main{display:block}ul,ol{list-style:none}li{list-style-type:none}img{vertical-align:top;max-width:100%;height:auto}svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background:none;cursor:pointer}input[type=file]{max-width:100%}input[type=text]:focus,textarea[type=text]:focus,button[type=button]:focus,select:focus{outline:none}button{border:none}.no-display{display:none}.diaply-block{display:block}