@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{font-size:14px;--color-primary:#fafafa;--color-secondary:#fff;--color-grey:#858585;--color-text:#111517;--color-input:#858585;--color-input-placeholder:#858585;--color-base-shadow:hsla(0,0%,52.2%,0.2);--color-error:#ff3842}*{margin:0;padding:0;border:0;box-sizing:border-box}body{font-family:Nunito Sans,sans-serif;font-weight:300;background-color:var(--color-primary);color:var(--color-text);fill:var(--color-text)}body[data-theme=dark]{--color-primary:#202d36;--color-secondary:#2b3743;--color-grey:#858585;--color-text:#fff;--color-input:#fff;--color-input-placeholder:#fff;--color-base-shadow:rgba(28,28,28,0.3)}main{padding:25px 15px}@media (min-width:1366px){main{padding:40px 80px}}main .countries-listing-page{font-size:14px}main .country-detail-page{font-size:16px}ul{list-style:none}a{color:currentColor;text-decoration:none;cursor:pointer;transition:all .2s}.focused-element,button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus{transition:all .25s;background-color:var(--color-text)!important;color:var(--color-primary)!important;border:5px double var(--color-primary)!important}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}button:active::-moz-placeholder,button:focus::-moz-placeholder,input:active::-moz-placeholder,input:focus::-moz-placeholder,textarea:active::-moz-placeholder,textarea:focus::-moz-placeholder{color:var(--color-primary)}button:active::placeholder,button:focus::placeholder,input:active::placeholder,input:focus::placeholder,textarea:active::placeholder,textarea:focus::placeholder{color:var(--color-primary)}input{width:100%;padding:7.5px;background-color:var(--color-secondary);color:var(--color-input);outline:0}input:active,input:focus{border:0!important}input::-moz-placeholder{color:var(--color-input-placeholder)}input::placeholder{color:var(--color-input-placeholder)}button{padding:3px;border:5px solid transparent;background:none;transition:all .25s;outline:0}img{max-width:100%;vertical-align:middle}svg{fill:currentColor;width:1em;transition:fill .1s}.base-select-list-item,.base-select-list-trigger .list-trigger-text,.bold-600{font-weight:600}.svg-icon{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.cursor-pointer,button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:800}h1{font-size:1rem}@media (min-width:1366px){h1{font-size:1.5rem}}h2{font-size:1.5rem}@media (min-width:1366px){h2{font-size:1.2rem}}h3{font-size:1.25rem}@media (min-width:1366px){h3{font-size:1.15rem}}h5{font-size:1.15rem}.base-select{position:relative;display:flex;flex-wrap:wrap}.base-select-list-trigger{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-width:200px;padding:12.5px 17.5px;border-radius:5px}.base-select-list,.base-select-list-trigger{box-shadow:0 0 10px var(--color-base-shadow);background:var(--color-secondary)}.base-select-list{position:absolute;top:0;left:0;width:100%;transform:scale(0);transform-origin:center 0;padding:15px 25px;transition:all .2s;opacity:0}.base-select-list.active{top:52.5px;opacity:1;transform:scale(1)}.base-select-list-item{margin:10px 0}.base-select-list-item:first-of-type{font-weight:400}.base-select-list-item:hover{color:var(--color-grey)}.base-select-list-item-changer{display:inline-block;width:100%;padding:2.5px}.base-select-list-item-changer:active,.base-select-list-item-changer:focus{outline:0;color:var(--color-grey)}.country-detail-page{margin-top:25px;padding:20px 25px;font-size:16px}@media (min-width:1366px){.country-detail-page{padding:30px 80px}}.country-detail-page .back-button{box-shadow:0 0 10px var(--color-base-shadow);display:inline-flex;align-items:center;justify-content:center;padding:3px 27.5px;border-radius:5px;background-color:var(--color-secondary)}.country-detail-page .back-button-text{margin-left:10px;font-size:1em}.country-detail-page .country{display:flex;flex-wrap:wrap;flex-direction:column;margin-top:60px}@media (min-width:1366px){.country-detail-page .country{flex-direction:row;align-items:center;justify-content:space-between}}.country-detail-page .country-flag{text-align:center}.country-detail-page .country-flag img{box-shadow:0 0 10px var(--color-base-shadow)}@media (min-width:1366px){.country-detail-page .country-flag{width:40%}}.country-detail-page .country-details{margin-top:45px}@media (min-width:1366px){.country-detail-page .country-details{width:50%;margin-top:0}}.country-detail-page .country-details .country-name{font-size:1.5em}@media (min-width:980px){.country-detail-page .country-details .country-name{font-size:2em}}.country-detail-page .country-details-list-container{display:flex;flex-wrap:wrap}@media (min-width:1366px){.country-detail-page .country-details-list-container{justify-content:space-between;flex-wrap:nowrap;gap:15px}}.country-detail-page .country-details-list-container .country-details-list{width:100%;margin:20px 0}@media (min-width:1366px){.country-detail-page .country-details-list-container .country-details-list{max-width:50%;width:auto}}.country-detail-page .country-details-list-container .country-details-list:first-of-type{margin-top:20px}.country-detail-page .country-details-list-container .country-details-list-item{margin:10px 0}.country-detail-page .country-details .country-border{display:flex;flex-wrap:wrap;margin-top:15px}@media (min-width:1366px){.country-detail-page .country-details .country-border{flex-wrap:nowrap;justify-content:space-between;align-items:center}}.country-detail-page .country-details .country-border-tag-container{display:flex;flex-wrap:wrap;gap:15px 10px;width:100%;margin-top:10px}@media (min-width:1366px){.country-detail-page .country-details .country-border-tag-container{width:calc(100% - 150px);margin-top:0}}.country-detail-page .country-details .country-border-tag-container .country-border-tag{display:flex;flex-wrap:wrap;box-shadow:0 0 10px var(--color-base-shadow);align-items:center;justify-content:center;width:30%;padding:5px 15px;font-size:.75em;text-align:center;background-color:var(--color-secondary)}.country-listing-page .no-countries-list{margin:50px 0 25px 0;font-size:2em;text-align:center;color:var(--color-text)}.country-list{display:grid;grid-template-columns:auto;grid-gap:40px;margin:40px 0;padding:0 40px}@media (min-width:700px){.country-list{padding:0;grid-gap:70px;grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.country-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1366px){.country-list{grid-template-columns:repeat(4,1fr)}}.country-list .country-card{box-shadow:0 0 10px var(--color-base-shadow);width:100%;border-radius:5px;overflow:hidden;background:var(--color-secondary)}.country-list .country-card-flag{-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top}.country-list .country-card-content{padding:25px;padding-bottom:40px}.country-list .country-card-content .country-name{margin-bottom:15px}.country-list .country-card-content .country-information-item{display:flex;margin:5px 0;gap:4px}.country-search{display:flex;flex-wrap:nowrap;box-shadow:0 0 10px var(--color-base-shadow);width:100%;margin-bottom:40px;padding:5px 25px;align-items:center;background-color:var(--color-secondary);border:5px double transparent;border-radius:5px;color:var(--color-input)}@media (min-width:700px){.country-search{width:45%;max-width:450px;margin-bottom:0}}.country-search .country-search-input{margin-left:20px}.error-card{box-shadow:0 0 10px var(--color-base-shadow);display:flex;align-items:center;max-width:450px;margin:20px auto;padding:10px;border-radius:5px;font-size:1em;text-align:center;background:var(--color-secondary)}.error-card .error-panel{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.error-card .error-panel.nowrap{flex-wrap:nowrap}.error-card .error-panel.error-color{color:var(--color-error)}.error-card .icon{font-size:1.75em}.error-card .code{font-size:1.25em;margin-left:10px}.error-card .error-text{display:flex;flex-direction:column;justify-content:center;width:100%;padding:0 15px;text-align:center}.error-card .error-text .title{font-size:1.25em;color:var(--color-error)}.error-card .error-text .message{margin-top:10px}header{display:flex;flex-wrap:wrap;box-shadow:0 0 10px var(--color-base-shadow);align-items:center;justify-content:space-between;padding:20px 15px;font-size:14px;background-color:var(--color-secondary)}@media (min-width:1366px){header{padding:25px 80px;font-size:16px}}header .theme-switcher{display:flex;flex-wrap:wrap;align-items:center;font-size:.9rem}@media (min-width:700px){header .theme-switcher{font-size:1rem}}header .theme-switcher-text{margin-left:10px;text-transform:capitalize}.loading-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:50px auto;font-size:5em;color:var(--primary-color)}.loading-container svg{animation:spin 1.5s linear infinite forwards}.search-and-filter-bar{display:flex;flex-wrap:wrap;align-items:center}@media (min-width:700px){.search-and-filter-bar{flex-wrap:nowrap;justify-content:space-between}}#app{font-family:inherit;font-size:inherit}