.header-background{display:block;width:100%;min-height:8rem;background-color:var(--colors-primary)}.jobs-list{position:relative;display:flex;flex-direction:column;gap:1.5rem;width:min(1080px,100%);margin-inline:auto;padding-block:4rem}.job.panel{position:relative;display:flex;align-items:center;gap:1.5rem;padding:2rem}.job-logo{width:5.5rem;height:5.5rem;border-radius:50%}.job.panel.featured{border-inline-start:5px solid var(--colors-primary)}.job-info{display:flex;flex-direction:column;gap:.75rem}.job-header{display:flex;align-items:center;gap:.5rem;color:var(--colors-primary);cursor:default}.chip{text-transform:uppercase;color:#fff;padding:.25rem .5rem;border-radius:2rem;font-size:.75em;font-weight:var(--font-weight-regular)}.chip:first-child{margin-inline-start:.5rem}.chip.primary{background-color:var(--colors-primary)}.chip.secondary{background-color:var(--colors-secondary)}.job-title{font-size:1.125rem;color:var(--colors-secondary);text-decoration:none;transition:color var(--transitions-main)}.job-title:hover{color:var(--colors-primary)}.job-footer{display:flex;align-items:center;gap:.5rem;color:var(--colors-sub-text);font-weight:var(--font-weight-regular);cursor:default;user-select:none}.job-footer>*{white-space:nowrap}.job-filters{display:flex;align-items:center;justify-content:flex-end;flex:1;flex-wrap:wrap;gap:1rem}@media (max-width: 720px){.jobs-list{gap:4.25rem;padding-top:6rem}.job.panel{flex-direction:column;align-items:flex-start;padding-top:4.25rem}.job-logo{position:absolute;top:0;transform:translateY(-50%)}.job-filters{justify-content:flex-start}}@media (max-width: 480px){.job.panel{padding-inline:1rem}.job-logo{width:5rem;height:5rem}}.filter{padding:.5rem;border-radius:5px;white-space:nowrap;color:var(--colors-primary);background-color:var(--colors-filter-tablet);border:none;transition-property:color,background-color;transition:var(--transitions-main)}.filter:not(.removable):hover{background-color:var(--colors-primary);color:#fff;cursor:pointer}.filter.removable{padding:0 0 0 .5rem}.filter-delete{display:inline-block;padding:.5rem;margin-inline-start:.5rem;border-top-right-radius:inherit;border-bottom-right-radius:inherit;color:#fff;background-color:var(--colors-primary);cursor:pointer;transition:background-color var(--transitions-main)}.filter-delete:hover{background-color:var(--colors-secondary)}.filters-panel{position:absolute;top:0;width:100%;padding:1rem 2rem;transform:translateY(-50%);display:flex;align-items:center;gap:1rem}.filters-panel .filters{flex:1;display:flex;gap:1rem;padding-bottom:.25rem;overflow-x:auto;scroll-padding-inline:.25rem;scroll-snap-type:inline mandatory;overscroll-behavior-inline:contain;--scrollbar-size: .3rem;--scrollbar-color: transparent;--scrollbar-thumb-color: var(--colors-primary);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-color)}.filters-panel .filters>*{scroll-snap-align:end}.filters-panel .filters::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.filters-panel .filters::-webkit-scrollbar-track{border-radius:100vw;background:var(--scrollbar-color)}.filters-panel .filters::-webkit-scrollbar-track:hover{--scrollbar-color: var(--colors-filter-tablet)}.filters-panel .filters::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:100vw}.filters-panel .filters::-webkit-scrollbar-thumb:hover{--scrollbar-thumb-color: var(--colors-secondary)}.filters-panel .filters::-webkit-scrollbar-corner{background:transparent}.filters-clear{background-color:transparent;color:var(--colors-primary);border:none;cursor:pointer}.filters-clear:hover{text-decoration:underline}.skeleton-loader{position:relative;overflow:hidden;height:9rem;background-color:var(--colors-skeleton-background);border-radius:5px}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-loader .shimmer{position:absolute;inset:0;transform:translate(-100%);border-radius:inherit;background:linear-gradient(to right,var(--colors-skeleton-background),white,var(--colors-skeleton-background));animation:shimmer 1.5s infinite}*,:after,:before{box-sizing:border-box}img{max-width:100%;object-fit:cover;user-select:none}button,a{font:inherit;color:inherit}body,p,button,a{margin:0;padding:0}:root{--colors-primary: hsl(180, 29%, 50%);--colors-secondary: hsl(180, 14%, 20%);--colors-main-background: hsl(180, 52%, 96%);--colors-filter-tablet: hsl(180, 31%, 95%);--colors-skeleton-background: hsl(180, 8%, 80%);--colors-sub-text: hsl(180, 8%, 52%);--font-weight-regular: 500;--font-weight-bold: 700;--transitions-main: .3s ease-in-out}body{font:var(--font-weight-bold) .9375rem "League Spartan",sans-serif;background-color:var(--colors-main-background)}main{padding-inline:2rem}@media (max-width: 480px){main{padding-inline:1rem}}.panel{border-radius:5px;box-shadow:0 8px 28px -12px var(--colors-primary);background-color:#fff}