@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@300,600,800;1,6..12,200..1000&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-optical-sizing:auto;background-color:var(--bgColor);font-family:Nunito Sans,sans-serif;transition:all .25s ease-in}nav{background-color:var(--bgColor-country);z-index:10;height:fit-content;box-shadow:1px 1px 5px 1px var(--darkColor);padding-top:1em;transition:all .25s ease-in;position:sticky;top:0;& h2{cursor:pointer;padding-left:3em;display:inline}& span{cursor:pointer;position:absolute;right:4em}& img{width:1em;height:1em}}form{flex-direction:row;justify-content:space-between;width:90%;margin:2em auto;display:flex;& input,& select,& option{background-color:var(--bgColor-country);box-shadow:1px 1px 5px 1px var(--darkColor);border:none;border-radius:.2em;outline:none;padding:1em 1.4em}& input{width:25em}& ::picker(select){border:none}& img{width:1em;height:1em}}main{background-color:var(--bgColor);width:80%;color:var(--textColor);grid-template-columns:1fr 1fr 1fr 1fr;gap:1em;margin:0 auto;transition:all .25s ease-in;display:grid}.country-details{background-color:var(--bgColor);width:100%;height:100%;transition:all .25s ease-in;position:fixed;top:0;left:0;& .flag{width:600px;height:fit-content}& button{background-color:var(--bgColor);cursor:pointer;color:var(--textColor);width:fit-content;height:fit-content;box-shadow:1px 1px 5px 1px var(--darkColor);border:none;border-radius:.3em;outline:none;margin:6em;padding:.8em 2em;& img{vertical-align:text-top;width:16px;height:16px}}& h3{height:fit-content;font-size:2.5em}& section{grid-template-columns:1fr 1fr;gap:.5em;display:grid}}.container{grid-template-columns:1fr 1fr;width:80%;height:fit-content;margin:0 auto;display:grid;& div{flex-direction:column;display:flex}& p{padding:.5em 0}}.str{font-weight:800}.infos{grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.country{cursor:pointer;background-color:var(--bgColor-country);width:15em;transition:all .25s ease-in;& span{font-size:.8em;font-weight:800;& span:nth-last-of-type(3){font-weight:300}}& img{width:15em;height:10em}& h4{padding:1em}& p{padding:.7em}& p:last-child{padding-bottom:1.2em}}.country:hover{opacity:.7;box-shadow:1px 1px 5px 1px var(--darkColor);border-radius:.3em}.light-theme{background-color:#fcfcfc;& nav{color:#111517;background-color:#fcfcfc;box-shadow:1px 1px 5px 1px #bfbfbf}& main{color:#111517;background-color:#fcfcfc;& .country{color:#111517;background-color:#fff}}& .country-details{background-color:#fcfcfc;& button{color:#111517;background-color:#fcfcfc;box-shadow:1px 1px 5px 1px #bfbfbf}}& form{color:#111517;& input,& select,& option{color:#111517;background-color:#fcfcfc;box-shadow:1px 1px 5px 1px #bfbfbf}}}@media (prefers-color-scheme:light){:root{--bgColor:#fcfcfc;--textColor:#111517;--darkColor:#111517;--bgColor-country:#fff}}@media (prefers-color-scheme:dark){:root{--bgColor:#202c37;--textColor:#fff;--darkColor:#111517;--bgColor-country:#2b3945}}.dark-theme{background-color:#202c37;& nav{color:#fff;background-color:#202c37;& img{fill:#fff}}& main{color:#fff}& .country-details{& button{color:#fff;background-color:#202c37}}}@media (width>=300px) and (width<=799px){nav{& h2{padding-left:.2em}& span{padding-top:.5em;right:1em}}main{grid-template-columns:1fr}#regions{margin-left:0}.country{border-radius:.3em;width:90%;margin:0 auto;& img{border-top-left-radius:.3em;border-top-right-radius:.3em;width:100%}}form{text-align:left;flex-direction:column;gap:1em;& img{display:none}& select{width:45%;margin-left:3em}}.country-details{grid-template-columns:1fr;gap:1em;height:100%;display:grid;& .flag{width:95%;margin:0 auto;padding:1em 0}& button{margin:6em 2em 0;display:block}& .infos{display:block}}.container{grid-template-columns:1fr;width:100%;& div{padding-left:1em}}}@media (width>=800px) and (width<=1444px){main{grid-template-columns:1fr 1fr 1fr;width:90%}.container{grid-template-columns:1fr}}
/*# sourceMappingURL=ParcelCountryApi.27d751fe.css.map */