@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Nunito Sans,sans-serif;font-size:1rem;background-color:var(--grey-50);color:var(--grey-950);height:100%}:root{--blue-900: hsl(209, 23%, 22%);--blue-950: hsl(207, 26%, 17%);--grey-950: hsl(200, 15%, 8%);--grey-400: hsl(0, 0%, 50%);--grey-50: hsl(0, 0%, 99%);--white: hsl(0, 100%, 100%);--light: 300;--semi-bold: 600;--bold: 800;--small: .875rem;--normal: 1rem;--shadow: rgba(0, 0, 0, .35) 0px 5px 15px}.dark-mode{background-color:var(--blue-950);color:var(--white)}.container{max-width:1440px;width:100%;margin:0 auto;padding-inline:1rem}button{cursor:pointer;border:none;background-color:transparent;font-size:inherit;color:inherit}li{list-style-type:none;color:inherit}a{text-decoration:none;color:inherit}input{color:inherit;background-color:inherit}img,svg{display:block;max-width:100%}h2{font-size:1.25rem}h3{font-size:1rem;font-weight:var(--semi-bold)}.search-filter{display:flex;flex-direction:column;gap:1rem}.search-filter .search form .input-box{position:relative}.search-filter .search form .input-box input{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:.3rem;border:none;box-shadow:var(--shadow);color:var(--grey-400);outline:none}.search-filter .search form .input-box ion-icon{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem}.search-filter .search form .input-box .search-icon{left:1rem}.search-filter .search form .input-box .delete-icon{right:1rem}.search-filter .filter{position:relative;width:14rem;font-size:var(--small)}.search-filter .filter .filter-list{position:relative;cursor:pointer}.search-filter .filter .filter-list .filter__title{padding:1rem;box-shadow:var(--shadow)}.search-filter .filter .filter-list ion-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-filter .filter .dropdown-menu{visibility:hidden;opacity:0;position:absolute;top:105%;left:0;box-shadow:var(--shadow);width:14rem;z-index:99;transition:all .2s linear;transform:scale(.8);transform-origin:top left;background-color:var(--white)}.search-filter .filter .dropdown-menu.show{visibility:visible;opacity:1;display:block;transform:scale(1)}.search-filter .filter .dropdown-menu>li{padding:.7rem 1rem;cursor:pointer}.search-filter .filter .dropdown-menu>li.picked{background:var(--grey-950);color:var(--white)}.search-filter .filter .dropdown-menu>li:hover{background:var(--grey-950);color:var(--white)}@media (min-width: 768px){.search-filter{flex-direction:row;justify-content:space-between;align-items:center}.search-filter .search form .input-box input{width:25rem}}.body{margin-top:1rem}.body .countries{display:grid;gap:2rem}.body .countries .country{border-radius:.25rem;box-shadow:var(--shadow);padding:.5rem}.body .countries .country:hover .country__image img{transform:scale(1.05)}.body .countries .country .country__image{height:10rem;width:100%;border-radius:.25rem}.body .countries .country .country__image img{height:100%;width:100%;border-radius:.25rem;object-fit:cover;transition:all .2s linear}.body .countries .country .country__content{padding:1.25rem}.body .countries .country .country__content h2{margin-bottom:.75rem}.body .countries .country .country__content ul li{display:flex;align-items:center;gap:.25rem}.body .empty{text-align:center;margin-top:5rem;font-weight:var(--bold);font-size:1.2rem}@media (min-width: 768px){.body{margin-top:2rem}.body .countries{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr))}}@media (min-width: 1200px){.body .countries{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr))}}body.dark-mode .filter .dropdown-menu{background:var(--blue-950);color:var(--white)}.details .back{margin:2rem 0 3rem}.details .back a{display:flex;align-items:center;gap:.3rem;padding:.4rem 1.2rem;box-shadow:var(--shadow);width:fit-content}.details .country .country__img img{width:100%;max-height:30rem;object-fit:cover;box-shadow:var(--shadow);border-radius:.3rem}.details .country .country__content h2{margin-top:2rem;margin-bottom:1rem}.details .country .country__content .country__infos ul{margin-bottom:1rem}.details .country .country__content .country__infos ul li{display:flex;gap:.3rem;padding:.4rem 0}.details .country .country__content .country__infos ul li h3{font-weight:700}.details .country .country__content .country__borders{margin-top:1.5rem;margin-bottom:2rem}.details .country .country__content .country__borders h3{margin-bottom:1rem}.details .country .country__content .country__borders .border-countries{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem}.details .country .country__content .country__borders .border-countries a{padding:.4rem 1.2rem;box-shadow:var(--shadow);transition:all .2s linear}.details .country .country__content .country__borders .border-countries a:hover{transform:scale(1.05)}@media (min-width: 768px){.details .country{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.details .country .country__content{padding:1rem 0}.details .country .country__content h2{margin-top:0}.details .country .country__content .country__infos{display:flex;gap:10rem}.details .country .country__borders{margin-bottom:0}}nav{height:5rem;box-shadow:var(--shadow);margin-bottom:2rem}nav .navbar-body{display:flex;align-items:center;justify-content:space-between;height:100%}nav .navbar-body h1{font-size:1.25rem}nav .navbar-body .theme-button{display:flex;align-items:center;gap:.3rem;font-size:var(--small)}nav .navbar-body .theme-button ion-icon{width:var(--small);height:var(--small)}@media (min-width: 768px){nav .navbar-body h1{font-size:1.5rem}nav .navbar-body .theme-button{font-size:var(--normal)}nav .navbar-body .theme-button ion-icon{width:var(--normal);height:var(--normal)}}