.select{padding:1rem 2rem;display:flex;align-items:center;gap:.5rem;flex-grow:1;color:var(--clr-secondary);position:relative;min-height:4rem}.select__placeholder{cursor:default;opacity:60%}.select__values{display:flex;gap:1rem;flex-wrap:wrap}.filter-value-btn{padding:.25rem .5rem;border-radius:5px;display:flex;gap:.25rem;align-items:center}.filter-value-btn:focus-visible,.filter-value-btn:hover{background-color:#ff000080}.select__options{position:absolute;display:none;width:100%;top:calc(100% + .5rem);left:0;z-index:9999}.select__options.open{display:block}.select__option-value{width:100%;text-align:start;padding:.5rem 2rem}.select__option-value.selected{background-color:#219c96}.select__option-value.highlighted{background-color:#20b2aa}.select__options-item:first-child{padding-top:.5rem}.select__options-item:last-child{padding-bottom:.5rem}.select__clear-btn:focus-visible,.select__clear-btn:hover,.select__caret-btn:focus-visible,.select__caret-btn:hover{transform:scale(1.5)}.select__clear-btn{margin-left:auto}.select__clear-btn,.select__caret-btn{flex-shrink:0;transition:transform .25s ease-in-out}.select__divider{align-self:stretch;border-left:1px solid var(--clr-secondary)}.details{margin-block:6rem;display:grid;gap:3rem;animation:fadeIn 1s,slideUp 1s}.details__flag{justify-self:center;align-self:center}.details__flag,.details__coa{width:100%}.details__list-section{display:flex;flex-direction:column;gap:2.25rem;margin-block:2.5rem;line-height:2rem}.details__borders,.details__borders-list{display:flex;gap:.75rem}.details__borders{flex-direction:column}.details__borders-list{display:flex;gap:.75rem;flex-wrap:wrap}@media (min-width: 48em){.details{grid-template-columns:1fr 1fr}.details__info-section{grid-column:1 / -1}.details__list-section{flex-direction:row;gap:3rem}.details__borders{flex-direction:row;align-items:center}}:root{--clr-primary-100: hsl(0, 0%, 100%);--clr-primary-200: hsl(0, 0%, 98%);--clr-secondary: hsl(200, 15%, 8%);--clr-accent: hsl(0, 0%, 52%);--fs-200: .5rem;--fs-300: .75rem;--fs-350: .875rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.5rem;--fs-700: 1.25rem;--fs-800: 1.5rem;--fs-900: 2rem}@media (min-width: 48em){:root{--fs-700: 1.5rem;--fs-800: 2rem;--fs-900: 3rem}}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:300;src:local("Nunito Sans"),local("Nunito-Sans"),url(/assets/nunito-sans-v12-latin-300.97617789.woff2) format("woff2"),url(/assets/nunito-sans-v12-latin-300.aee2626f.woff) format("woff");font-display:swap}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;src:local("Nunito Sans"),local("Nunito-Sans"),url(/assets/nunito-sans-v12-latin-600.c84423c3.woff2) format("woff2"),url(/assets/nunito-sans-v12-latin-600.af36b391.woff) format("woff");font-display:swap}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:800;src:local("Nunito Sans"),local("Nunito-Sans"),url(/assets/nunito-sans-v12-latin-800.6fce8ebc.woff2) format("woff2"),url(/assets/nunito-sans-v12-latin-800.540786ce.woff) format("woff");font-display:swap}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{min-height:100%}body{text-rendering:optimizeSpeed;line-height:1.5;font-family:Nunito Sans,sans-serif;font-weight:600;background-color:var(--clr-primary-200)}a:not([class]){text-decoration-skip-ink:auto}button,input[type=\201dsubmit\201d],input[type=\201dreset\201d]{background:none;color:inherit;border:none;padding:0;cursor:pointer;outline:inherit}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(4rem)}to{transform:translateY(0)}}*{transition:color .25s,background-color .25s ease-in-out}.dark-theme{--clr-primary-100: hsl(209, 23%, 22%);--clr-primary-200: hsl(207, 26%, 17%);--clr-secondary: hsl(0, 0%, 100%);--clr-accent: hsl(0, 0%, 100%)}.primary-header__content{display:flex;justify-content:space-between}.primary-header__toggle-theme-btn-content{display:flex;gap:.5rem;align-items:center}.filter-inputs{display:grid;gap:1rem}.country-list{margin-block:2.5rem;column-count:1;column-gap:2rem;animation:fadeIn 1s,slideUp 1s}@media (min-width: 35em){.country-list{column-count:2}}@media (min-width: 60em){.filter-inputs{gap:2.5rem;grid-template-columns:repeat(2,1fr)}.country-list{column-count:3}}@media (min-width: 76em){.country-list{column-count:4}}.loader-container{display:flex;justify-content:center;align-items:center;padding-block:10rem}.filter-container{background-color:var(--clr-primary-100);border-radius:5px}.search-bar{padding:1rem 2rem;display:flex;gap:1rem;flex-grow:1;align-items:center;color:var(--clr-accent)}.search-bar__input{width:100%;outline:none;border:none;color:inherit;background-color:transparent}.card{width:100%;background-color:var(--clr-primary-100);border-radius:5px;overflow:hidden;display:inline-block;margin-bottom:1.5rem;transition:transform .1s ease-in-out}.card__details{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.btn{border-radius:5px;transition:transform .1s ease-in-out}.btn-sm{padding:.25rem 1.75rem}.btn-md{padding:.75rem 2.5rem}.btn-with-icon{display:flex;align-items:center;gap:.75rem}.card:focus,.card:hover,.btn:focus,.btn:hover{transform:scale(1.1)}.clr-primary-100{color:var(--clr-primary-100)}.clr-primary-200{color:var(--clr-primary-200)}.clr-secondary{color:var(--clr-secondary)}.clr-accent{color:var(--clr-accent)}.bg-primary-100{background-color:var(--clr-primary-100)}.bg-primary-200{background-color:var(--clr-primary-200)}.bg-secondary{background-color:var(--clr-secondary)}.bg-accent{background-color:var(--clr-accent)}.fs-200{font-size:var(--fs-200)}.fs-300{font-size:var(--fs-300)}.fs-350{font-size:var(--fs-350)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.fs-700{font-size:var(--fs-700)}.fs-800{font-size:var(--fs-800)}.fs-900{font-size:var(--fs-900)}.fw-small{font-weight:300}.fw-regular{font-weight:600}.fw-bold{font-weight:800}.box-shadow{box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px}.container{max-width:76em;padding:2rem;margin-inline:auto}
