@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,600;6..12,900&display=swap);:root{--fs-100:clamp(0.31rem,0.01vw + 0.3rem,0.32rem);--fs-200:clamp(0.38rem,0.05vw + 0.36rem,0.42rem);--fs-300:clamp(0.48rem,0.11vw + 0.44rem,0.56rem);--fs-400:clamp(0.6rem,0.2vw + 0.52rem,0.75rem);--fs-500:clamp(0.75rem,0.33vw + 0.63rem,1rem);--fs-600:clamp(0.94rem,0.53vw + 0.74rem,1.33rem);--fs-700:clamp(1.17rem,0.81vw + 0.87rem,1.78rem);--fs-800:clamp(1.46rem,1.2vw + 1.01rem,2.37rem);--fs-900:clamp(1.83rem,1.77vw + 1.17rem,3.16rem);--fw-100:100;--fw-200:200;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--fw-700:700;--fw-800:800;--fw-900:900;--lh-3xs:1;--lh-xxs:1.125;--lh-xs:1.25;--lh-s:1.375;--lh-m:1.5;--lh-l:1.625;--lh-xl:1.75;--lh-xxl:1.875;--lh-3xl:2;--ls-xs:-0.05em;--ls-s:-0.025em;--ls-m:0;--ls-l:0.025em;--ls-xl:0.05em;--ls-xxl:0.1em;--clr-bg-primary-dark:#111517;--clr-bg-primary-medium:#202c37;--clr-bg-primary-light:#2b3945;--clr-bg-neutral-dark:#858585;--clr-bg-neutral-medium:#fafafa;--clr-bg-neutral-light:#fff;--clr-txt-primary-dark:#111517;--clr-txt-primary-medium:#202c37;--clr-txt-primary-light:#2b3945;--clr-txt-neutral-dark:#858585;--clr-txt-neutral-medium:#fafafa;--clr-txt-neutral-light:#fff;--clr-border-primary-dark:#111517;--clr-border-primary-medium:#202c37;--clr-border-primary-light:#2b3945;--clr-border-neutral-dark:#858585;--clr-border-neutral-medium:#fafafa;--clr-border-neutral-light:#fff;--space-xxs:calc(0.8px + 0.15625vw);--space-xs:calc(2px + 0.39063vw);--space-s:calc(4px + 0.78125vw);--space-m:calc(8px + 1.5625vw);--space-l:calc(12px + 2.34375vw);--space-xl:calc(16px + 3.125vw);--space-xxl:calc(24px + 4.6875vw);--space-3xl:calc(32px + 6.25vw);--space-4xl:calc(48px + 9.375vw);--space-5xl:calc(64px + 12.5vw);--measure-compact:20ch;--measure-medium:35ch;--measure-longform:65ch;--br-xxs:0.125rem;--br-xs:0.25rem;--br-s:0.375rem;--br-m:0.5rem;--br-l:0.75rem;--br-xl:1rem;--br-xxl:1.5rem;--br-none:0rem;--br-full:100%}:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}menu,ol,ul{list-style:none}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::-webkit-input-placeholder{color:inherit}::placeholder{color:inherit}::marker{content:normal}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;-webkit-line-break:after-white-space;overflow-wrap:break-word;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}body{font-family:Nunito Sans,sans-serif;font-size:clamp(.6rem,.2vw + .52rem,.75rem);font-size:var(--fs-400);line-height:1.75;line-height:var(--lh-xl)}.search-filter__wrapper{gap:0 calc(64px + 12.5vw);gap:0 var(--space-5xl);justify-content:false;margin-inline:calc(8px + 1.5625vw);margin-inline:var(--space-m)}.header,.search-filter__wrapper{align-items:false;display:flex;flex:false 1;flex-flow:row wrap}.header{background-color:#fff;background-color:var(--clr-bg-neutral-light);box-shadow:0 3px 10px rgba(0,0,0,.05);font-size:clamp(.94rem,.53vw + .74rem,1.33rem);font-size:var(--fs-600);font-weight:900;font-weight:var(--fw-900);gap:false;justify-content:space-between;letter-spacing:0;letter-spacing:var(--ls-m);padding:calc(12px + 2.34375vw);padding:var(--space-l)}.header__title{cursor:pointer}.header__button{align-items:center;cursor:pointer;display:flex;flex:false 1;flex-flow:false;font-size:clamp(.75rem,.33vw + .63rem,1rem);font-size:var(--fs-500);font-weight:600;font-weight:var(--fw-600);gap:calc(4px + .78125vw);gap:var(--space-s);justify-content:false}.country-list{align-items:false;display:flex;flex:false 1;flex-flow:row wrap;gap:calc(12px + 2.34375vw);gap:var(--space-l);justify-content:center;margin:calc(12px + 2.34375vw);margin:var(--space-l)}.country-list__item{align-items:false;background-color:#fff;background-color:var(--clr-bg-neutral-light);border-radius:0 0 .375rem .375rem;border-radius:var(--br-none) var(--br-none) var(--br-s) var(--br-s);box-shadow:0 3px 10px rgba(0,0,0,.05);display:flex;flex:false 1;flex-flow:column;font-size:clamp(.75rem,.33vw + .63rem,1rem);font-size:var(--fs-500);gap:false;justify-content:false;letter-spacing:.05em;letter-spacing:var(--ls-xl);overflow:hidden;width:max(35ch,15%)}.country-list__flag{aspect-ratio:1.75;border-radius:.375rem .375rem 0 0;border-radius:var(--br-s) var(--br-s) var(--br-none) var(--br-none);object-fit:cover;width:100%}.country-list__data{-webkit-padding-before:calc(8px + 1.5625vw);-webkit-padding-before:var(--space-m);-webkit-padding-after:calc(12px + 2.34375vw);-webkit-padding-after:var(--space-l);align-items:false;display:flex;flex:false 1;flex-flow:column;gap:false;justify-content:flex-end;padding-block-end:calc(12px + 2.34375vw);padding-block-end:var(--space-l);padding-block-start:calc(8px + 1.5625vw);padding-block-start:var(--space-m);padding-inline:calc(8px + 1.5625vw);padding-inline:var(--space-m)}.country-list__data--bold,.country-list__name{font-weight:600;font-weight:var(--fw-600)}.country-list__name{-webkit-padding-after:calc(8px + 1.5625vw);-webkit-padding-after:var(--space-m);font-size:clamp(.94rem,.53vw + .74rem,1.33rem);font-size:var(--fs-600);line-height:1.125;line-height:var(--lh-xxs);padding-block-end:calc(8px + 1.5625vw);padding-block-end:var(--space-m)}.search-bar{background-color:#fff;background-color:var(--clr-bg-neutral-light);color:#858585;color:var(--clr-txt-neutral-dark);flex:3 1;flex-flow:false}.filter,.search-bar{-webkit-margin-before:calc(16px + 3.125vw);-webkit-margin-before:var(--space-xl);align-items:center;border-radius:.5rem;border-radius:var(--br-m);box-shadow:0 3px 10px rgba(0,0,0,.05);display:flex;font-size:clamp(.75rem,.33vw + .63rem,1rem);font-size:var(--fs-500);font-weight:600;font-weight:var(--fw-600);gap:calc(8px + 1.5625vw);gap:var(--space-m);justify-content:false;margin-block-start:calc(16px + 3.125vw);margin-block-start:var(--space-xl);padding:calc(8px + 1.5625vw);padding:var(--space-m)}.filter{flex:false 1;flex-flow:false}.filter__select{position:relative;width:15rem}.filter__select.active .filter__options{display:block}.filter__select-trigger{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.filter__options{border-radius:.5rem;border-radius:var(--br-m);box-shadow:0 3px 10px rgba(0,0,0,.05);display:none;left:calc(-8px + -1.5625vw);left:calc(var(--space-m)*-1);padding:calc(8px + 1.5625vw);padding:var(--space-m);position:absolute;top:200%;width:calc(100% + 16px + 3.125vw);width:calc(100% + var(--space-m)*2)}.filter__option{cursor:pointer}.light{background-color:#fafafa;background-color:var(--clr-bg-neutral-medium);color:#111517;color:var(--clr-txt-primary-dark)}.dark{background-color:#202c37;background-color:var(--clr-bg-primary-medium);color:#fff;color:var(--clr-txt-neutral-light)}:is(.country-list__item,.header,.search-bar,.filter,.filter__options,.detail,.detail__button,.detail__border-name).light{background-color:#fff;background-color:var(--clr-bg-neutral-light)}:is(.search-bar,.filter,.filter__options).light{color:#858585;color:var(--clr-txt-neutral-dark)}:is(.country-list__item,.header,.search-bar,.filter,.filter__options,.detail__button,.detail__border-name).dark{background-color:#2b3945;background-color:var(--clr-bg-primary-light)}:is(.detail,.detail__wrapper).dark{background-color:#202c37;background-color:var(--clr-bg-primary-medium)}.detail{margin:calc(16px + 3.125vw);margin:var(--space-xl)}.detail__button{align-items:center;border-radius:.25rem;border-radius:var(--br-xs);box-shadow:0 1px 8px rgba(0,0,0,.35);display:flex;flex:false 1;flex-flow:row wrap;font-size:clamp(.94rem,.53vw + .74rem,1.33rem);font-size:var(--fs-600);gap:calc(4px + .78125vw);gap:var(--space-s);justify-content:center;margin-block:calc(24px + 4.6875vw) calc(32px + 6.25vw);margin-block:var(--space-xxl) var(--space-3xl);padding:.1rem;width:7rem}.detail__wrapper{grid-gap:calc(24px + 4.6875vw);grid-gap:var(--space-xxl);display:grid;gap:calc(24px + 4.6875vw);gap:var(--space-xxl);grid-template-columns:repeat(auto-fit,minmax(clamp(33.3333333333% - calc(24px + 4.6875vw),(65ch * 3 - calc(24px + 4.6875vw) * 2 - 100%) * 999,100%),1fr));grid-template-columns:repeat(auto-fit,minmax(clamp(33.3333333333% - var(--space-xxl),(var(--measure-longform) * 3 - var(--space-xxl) * 2 - 100%) * 999,100%),1fr))}.detail__data-wrapper-1,.detail__data-wrapper-2{align-self:flex-end;font-size:clamp(.94rem,.53vw + .74rem,1.33rem);font-size:var(--fs-600);line-height:2;line-height:var(--lh-3xl)}.detail__flag-wrapper{align-items:center;display:flex;justify-content:center}.detail__flag{width:100%}.detail__country-name{-webkit-margin-after:calc(8px + 1.5625vw);-webkit-margin-after:var(--space-m);font-size:clamp(1.46rem,1.2vw + 1.01rem,2.37rem);font-size:var(--fs-800);font-weight:900;font-weight:var(--fw-900);letter-spacing:.025em;letter-spacing:var(--ls-l);margin-block-end:calc(8px + 1.5625vw);margin-block-end:var(--space-m)}.detail__info--bold{font-weight:600;font-weight:var(--fw-600)}.detail__border-wrapper{flex:false 1;flex-flow:column wrap;gap:false}.detail__border-countries,.detail__border-wrapper{align-items:false;display:flex;justify-content:false}.detail__border-countries{flex:false 1;flex-flow:row wrap;gap:calc(4px + .78125vw);gap:var(--space-s)}.detail__border-title{-webkit-margin-after:calc(8px + 1.5625vw);-webkit-margin-after:var(--space-m);display:inline-block;font-size:clamp(1.17rem,.81vw + .87rem,1.78rem);font-size:var(--fs-700);font-weight:600;font-weight:var(--fw-600);margin-block-end:calc(8px + 1.5625vw);margin-block-end:var(--space-m)}.detail__border-name{border-radius:.25rem;border-radius:var(--br-xs);box-shadow:0 1px 4px rgba(0,0,0,.2);font-size:clamp(.75rem,.33vw + .63rem,1rem);font-size:var(--fs-500);letter-spacing:.05em;letter-spacing:var(--ls-xl);padding:.2em 1.25em}@media only screen and (min-width:1201px){.detail__flag-wrapper{grid-row:span 2}.detail__border-wrapper{grid-column:2/4}}
/*# sourceMappingURL=main.5bd95ed1.css.map*/