.filter-section{background:#5ba4a4 url(/bg-header-desktop.svg);display:flex;flex:0 0 156px;justify-content:center;position:relative;width:100%}.filter{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 10px 20px #7b8e8e66;display:flex;gap:10px;height:fit-content;justify-content:space-between;padding:20px 40px;position:absolute;top:76%;width:80%}.filters{display:flex;flex-wrap:wrap;flex:1;gap:15px;height:100%}.filter-category{background-color:#5ba4a433;border-radius:4px;color:#5ba4a4;display:flex;font-weight:600;-webkit-user-select:none;user-select:none;width:fit-content}.filter-category p{height:100%;padding:8px}.close-button{align-items:center;background-color:#5ba4a4;border-radius:0 4px 4px 0;cursor:pointer;display:flex;justify-content:center;padding:4px 8px;width:fit-content}.close-button:hover{background-color:#2c3a3a}.clear{align-content:center;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}.clear-button{color:#7b8e8e;cursor:pointer;font-weight:600}.clear-button:hover{color:#5ba4a4;text-decoration:underline;text-underline-offset:2px}@media (max-width: 1200px){.filter{width:90%}}@media (max-width: 1050px){.filter{width:80%}}@media (max-width: 500px){.filter{width:90%}}.job{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 10px 20px #7b8e8e66;display:flex;height:140px;justify-content:space-between;padding:10px 40px;width:80%}.left,.info,.name,.time{align-items:center;display:flex;justify-content:space-between}.left{gap:20px}.name,.time{gap:10px;justify-content:flex-start;width:100%}.left img{height:100%}.info{align-items:flex-start;flex-direction:column;gap:15px;height:100%}.company{color:#5ba4a4;font-weight:600}.new,.featured{align-items:center;background-color:#5ba4a4;border-radius:50px;color:#fff;display:flex;font-size:.8rem;font-weight:600;justify-content:center;padding:6px 8px 4px;text-transform:uppercase}.featured{background-color:#2c3a3a}.job-title{color:#2c3a3a;cursor:pointer;font-size:1.2rem;font-weight:700;-webkit-user-select:none;user-select:none}.job-title:hover{color:#5ba4a4}.time{color:#7b8e8e;list-style-position:inside}li{font-weight:500;margin-right:5px}.posted-at{list-style-type:none}.categories{align-items:center;display:flex;gap:20px;justify-content:space-between}.category{align-items:center;background-color:#5ba4a433;border-radius:4px;color:#5ba4a4;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:10px;-webkit-user-select:none;user-select:none}.category:hover{background-color:#5ba4a4;color:#fff}@media (max-width: 1200px){.job{width:90%}}@media (max-width: 1050px){.job{align-items:flex-start;flex-direction:column;gap:20px;height:fit-content;padding:20px;position:relative;width:80%}.left{border-bottom:1px solid hsl(180,8%,52%);padding:20px 0}.left img{bottom:90%;height:20%;position:absolute}.categories{flex-wrap:wrap;gap:10px;justify-content:flex-start}}@media (max-width: 500px){.job{width:90%}}.jobs{align-items:center;background-color:#effafa;display:flex;flex-direction:column;flex:1;gap:25px;padding:40px 0}.gap{padding:80px 0}.attribution{display:none;font-size:11px;text-align:center}.attribution a{color:#3e52a3}@media (max-width: 1050px){.jobs{gap:40px}.gap{padding:120px 0 40px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:fit-content;min-height:100vh;width:100%}body{font-family:League Spartan,sans-serif}#root{display:flex;flex-direction:column}