:root{--background-primary: #1B1D1F;--background-secondary: #282B30;--background-search-bar: #282b30;--primary-color: #D2D5DA;--secondary-color: #6C727F;--accent-color: #4E80EE}body{margin:0;padding:0;box-sizing:border-box;background-color:var(--background-primary);font-size:32px}body,input{font-family:Be Vietnam Pro,Inter,system-ui,Helvetica,Arial,sans-serif}body input:focus,body select:focus{outline:1px solid var(--accent-color)}h1{text-align:center;padding:0 15px}h2,h3,h4,p,ul,li,input{margin:0;padding:0}h1,p,tr{color:var(--primary-color)}h2,h3,h4,th{color:var(--secondary-color)}h3{font-size:1rem}p,select,label,button{font-size:1.2rem}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--secondary-color)}::-webkit-scrollbar-thumb{background-color:var(--accent-color)}#root{display:flex;flex-direction:column;align-items:center;width:100%}.app-title{margin-top:40px;margin-bottom:15px;line-height:1.1;overflow-wrap:anywhere}.app-desc{margin-bottom:40px;font-size:1.5rem;text-align:center;text-wrap:balance}.country-dashboard{background-color:var(--background-primary);width:80%;height:100%;border:3px solid var(--background-secondary);border-radius:12px;padding:30px;margin-bottom:70px}.country-dashboard__content{display:grid;grid-template-columns:300px 1fr;gap:25px;margin-top:45px}@media (max-width: 1024px){.country-dashboard{width:85%}.country-dashboard__content{grid-template-columns:280px 1fr}}@media (max-width: 768px){.country-dashboard{width:-webkit-fill-available;margin:20px}.country-dashboard__content{display:flex;flex-direction:column;gap:35px}}.search-bar{display:flex;justify-content:space-between;align-items:center}.search-bar .search-bar-info{font-size:1.2rem;color:var(--secondary-color);font-weight:600}.search-bar form{width:35%}.search-bar input{font-size:1.1rem;font-weight:600;color:var(--secondary-color);padding:14px 16px 14px 50px;width:-webkit-fill-available;border:none;border-radius:12px;background:var(--background-search-bar) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='%236C727F'%20class='size-6'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='m21%2021-5.197-5.197m0%200A7.5%207.5%200%201%200%205.196%205.196a7.5%207.5%200%200%200%2010.607%2010.607Z'%20/%3e%3c/svg%3e") no-repeat left 16px center;background-size:1.5rem}@media (max-width: 1024px){.search-bar form{width:45%}}@media (max-width: 768px){.search-bar{flex-direction:column;align-items:flex-start;gap:30px}.search-bar form{width:100%}}.countries-table-container{overflow-x:auto}.countries-table{border-collapse:collapse;text-align:left;width:100%}.countries-table__header{font-size:1rem}.countries-table__header th{padding:0 20px 15px 0;border-bottom:3px solid var(--background-secondary)}.countries-table__row td{padding:20px 24px 20px 0}.countries-table__row{font-size:1.2rem}.countries-table__row img{width:70px;height:45px;border-radius:4px;object-fit:cover}.countries-table__row:hover{cursor:pointer;background:var(--background-secondary)}.countries-table__name{max-width:120px}body.no-scroll{overflow:hidden}.country-details-modal{position:fixed;top:0;width:100%;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.country-details-container{position:relative;display:flex;flex-direction:column;align-items:center;width:700px;background-color:var(--background-primary);border:2px solid var(--background-secondary);border-radius:12px;padding-bottom:30px;margin:70px 0}.country-details-close-icon{position:absolute;top:10px;right:10px;width:30px}.country-details-close-icon:hover{cursor:pointer;opacity:.7;transition:all .3s ease}.country-details-flag{width:230px;aspect-ratio:70/45;object-fit:cover;margin-top:-40px;margin-bottom:40px;border-radius:8px}.country-details-container h2,.country-details-container h3{color:var(--primary-color)}.country-details-container h2{font-size:2.5rem}.country-details-container h3{font-weight:400}.country-details-container p{font-size:1rem}.country-details-official-name{margin-bottom:40px}.country-details-population-area{display:flex;gap:40px;margin-bottom:40px}.country-details-population,.country-details-area{display:flex;justify-content:center;align-items:center;gap:20px;background-color:var(--background-secondary);padding:15px;border-radius:12px}.country-details-v-line{border-left:2px solid var(--background-primary);height:100%;opacity:.6}.country-details-info{box-sizing:border-box;width:100%;display:grid;grid-template-columns:45% 45%;justify-content:space-between;padding:20px;border-top:2px solid var(--background-secondary)}.country-details-info>p{text-align:end}.country-details-neighbors{box-sizing:border-box;width:100%;padding:20px;border-top:2px solid var(--background-secondary)}.country-details-neighbors>h3{padding-bottom:20px}.country-details-neighbors>div{display:flex;gap:15px;flex-wrap:wrap}.country-details-neighbor{max-width:100px;overflow-wrap:break-word}.country-details-neighbor-flag{width:100%;aspect-ratio:70/45;object-fit:cover;border-radius:4px}@media (max-width: 768px){.country-details-container{width:90%}.country-details-close-icon{width:20px}.country-details-flag{width:200px;margin-bottom:20px}.country-details-population-area{flex-direction:column;gap:20px}}.filters{display:flex;flex-direction:column;gap:36px}.filters__sort-by h3,.filters__region h3{margin-bottom:5px}.filters__sort-by select{width:100%;background-color:var(--background-primary);color:var(--primary-color);border:3px solid var(--background-secondary);border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--background-primary) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='%236C727F'%20class='size-6'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='m19.5%208.25-7.5%207.5-7.5-7.5'%20/%3e%3c/svg%3e") no-repeat right 16px center;background-size:1rem}.filters__region ul{list-style-type:none;display:flex;flex-wrap:wrap;gap:16px;row-gap:8px}.filters__region ul li button{color:var(--secondary-color);font-weight:700;background-color:var(--background-primary);border-radius:12px;padding:10px 16px;cursor:pointer;border:none;transition:all .3s ease}.filters__region ul li button:hover{color:var(--primary-color);background-color:var(--background-secondary)}.filters__region>.filters__list .filters__button--active{color:var(--primary-color);background-color:var(--background-secondary)}.filters__status{display:flex;flex-direction:column;gap:10px}.filters__status .filters__status-option{display:flex;gap:10px}.filters__status .filters__label{color:var(--primary-color)}.filters__status input[type=checkbox]{background-color:#ff0;min-width:22px;height:22px;cursor:pointer;border:3px solid var(--background-secondary)}@media (hover: none) and (max-width: 1024px){.filters__region ul li button:hover{color:var(--secondary-color);background-color:var(--background-primary)}}@media (hover: none) and (max-width: 768px){.filters__region ul li button:hover{color:var(--secondary-color);background-color:var(--background-primary)}}.pagination{display:flex;justify-content:flex-end;padding-top:20px;gap:10px}.pagination>button{background:none;width:20px;height:auto;padding:0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.pagination>button:hover{transition:all .2s linear;transform:scale(1.3)}.pagination>button:disabled{transform:scale(1);opacity:.5}.pagination>button>img{width:100%}.pagination .pagination-right-arrow img{transform:rotate(180deg)}.footer{display:flex;flex-direction:column;padding:50px 0;border-top:1px solid var(--background-secondary);width:100%;gap:30px}.footer-info{display:flex;justify-content:center;gap:40px}.footer-dev-challenges{display:flex;gap:10px;align-items:center}.footer-dev-challenges img:hover{transition:all .3s ease;transform:scale(1.05)}.footer-social{display:flex;justify-content:center;gap:40px;font-size:1.2rem}.footer-social a{color:var(--primary-color);display:flex;align-items:center;text-decoration:none;gap:5px}.footer-social img{width:30px}.footer-social img svg{color:var(--primary-color)}.footer-social a:hover{transition:all .3s ease;transform:scale(1.05)}@media (max-width: 768px){.footer{margin-top:20px;padding:40px 0;gap:40px}.footer-info{flex-direction:column;align-items:center;gap:10px}.footer-info p{text-align:center}.footer-dev-challenges img{height:25px}}@media (max-width: 350px){.footer-dev-challenges{flex-direction:column}.footer-dev-challenges img{height:25px}}