@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}a{color:inherit;text-decoration:initial}button{font:inherit;border:initial;outline:initial;background-color:initial}input{border:initial;outline:initial;font:inherit}.u-bold{font-weight:700}@keyframes spinner{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@keyframes intro{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}body{background-color:#dee3e9;color:#16181c;min-height:100vh;font-family:Inter,sans-serif;position:relative;scrollbar-width:none}body::-webkit-scrollbar{display:none}.first-heading{font-size:31px;font-weight:400;color:#fff;font-size:27px;display:none}.second-heading{font-size:23px;color:#fff;font-weight:500}.third-heading{font-size:15px;font-weight:500;margin-top:4px}.fourth-heading{font-size:16px;font-weight:600;text-transform:capitalize}.background{position:absolute;height:210px;width:100%;top:0;left:0;z-index:-2;overflow:hidden;background-image:linear-gradient(125deg,#1f74f1 -10%,#0850b9 100%);box-shadow:0 2px 3px #0000001a}.background:before{content:"";background-image:linear-gradient(-180deg,rgba(0,0,0,.025) 0,rgba(0,0,0,.075) 99%);position:absolute;left:0;right:0;bottom:0;top:0}.background>img{position:absolute;top:-25px;left:0;z-index:-1;-webkit-user-select:none;user-select:none;transform:scale(1.1)}.header{position:relative;margin-bottom:0}.header__top{display:flex;align-items:center;max-width:1000px;padding:40px 12px 0;margin:0 auto;position:relative;justify-content:center;animation:intro .3s}.header__submit-job{font-size:12px;color:#ffffffbf;text-transform:lowercase;padding-left:10px;transform:translateY(-2px);cursor:pointer;margin-right:0}.header__submit-job:before{content:"";display:inline-block;height:13px;width:2px;margin-right:8px;background-color:#ffffff40;transform:translateY(3px)}.logo{margin-left:-8px;-webkit-user-select:none;user-select:none;display:inline-block;transition:transform .2s ease-in-out;transform-origin:center center}.logo:hover{transform:scale(1.2)}.logo__img{margin-bottom:-5px}.bookmarks-btn{text-transform:lowercase;font-size:13px;color:#ffffffbf;margin-left:13px;padding-left:13px;position:relative;cursor:pointer;transition:all .2s;height:32px;display:flex;align-items:center}.bookmarks-btn:before{content:"";height:15px;width:2px;display:block;position:absolute;background-color:#ffffff4d;left:0;top:50%;transform:translateY(-50%)}.bookmarks-btn--active,.bookmarks-btn:hover,.bookmarks-btn:focus{color:#fff}.bookmarks-btn--active .bookmarks-btn__icon,.bookmarks-btn:hover .bookmarks-btn__icon,.bookmarks-btn:focus .bookmarks-btn__icon{color:#fffc}.bookmarks-btn__icon{font-size:10px;margin-left:2px;transform:translateY(-1px);color:#fff9;transition:all .2s}.job-list{background-color:#fff;position:relative;min-height:140px;flex:1;display:flex;flex-direction:column;scrollbar-color:#cacdd0 #ffffff;scrollbar-width:thin}.job-list::-webkit-scrollbar{width:4px}.job-list::-webkit-scrollbar-track{background-color:#fff}.job-list::-webkit-scrollbar-thumb{background-color:#cacdd0;transition:all .2s}.job-list::-webkit-scrollbar-thumb:hover{background-color:#b1b4b8}.job-list--search{flex:1}.bookmarks-popover{background-color:#fff;min-height:76px;min-width:340px;width:340px;border-radius:4px;overflow:hidden;z-index:10;box-shadow:0 5px 8px #00000026;transform:translate(-50%);transform-origin:left;transition:all .2s;position:fixed;left:50%;top:82px;display:flex;justify-content:center}.bookmarks-popover--empty{align-content:center}.job-list--bookmarks{min-height:76px;min-width:340px;width:340px;border-radius:4px;overflow:hidden;z-index:10;box-shadow:0 5px 8px #00000026;transform:translate(-50%);transform-origin:left;transition:all .2s;position:fixed;left:50%;top:82px}.job-list--bookmarks>p{font-size:14px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.job-list--bookmarks:hover,.job-list--visible{pointer-events:initial;visibility:initial;transform:scale(1) translate(-50%);opacity:1}.job-item{cursor:pointer;transition:background-color .2s;background-color:#fff;height:76px}.job-item:not(:nth-child(7)){border-bottom:1px solid #ebeff1}.job-item:hover,.job-item--active{background-color:#f4f5f7}.job-item__link{height:100%;width:100%;padding:14px 20px;display:flex}.job-item__badge{font-size:13px;height:46px;width:38px;background-color:#dee3e9;border-radius:5px;display:flex;justify-content:center;align-items:center;font-weight:600;margin-right:13px}.job-item__company{font-size:13px;font-style:italic}.job-item__extras{display:grid;grid-template-columns:65px 72px 65px;column-gap:10px}.job-item__extra{color:#4d5054;font-size:11px;display:flex;align-items:center;gap:3px}.job-item__extra-icon{color:#bec5ce;font-size:10px;margin-right:1px}.job-item__right{margin-left:auto;display:flex;flex-direction:column;align-items:center;transform:translate(2px) translateY(0)}.job-item__right svg{font-size:14px;cursor:pointer;color:#d7dbe0;transition:all .2s}.job-item__right svg.filled{color:#2671dd}.job-item__bookmark-icon--bookmarked{color:#2671dd}.job-item__time{font-size:11px;margin-top:5px;color:#515459}.main{display:flex;flex-direction:column;align-items:center;justify-content:center}.intro{display:flex;flex-direction:column;align-items:center;row-gap:33px;margin-top:20px;row-gap:20px}.search{position:relative;animation:intro .3s .1s backwards;margin:20px auto 0;width:610px}.search>button{cursor:pointer;position:absolute;top:17px;left:25px}.search>button>i{transition:all .2s;color:#000000ba}.search__icon:hover,.search__icon:focus{color:#000000ed}.search input{height:56px;width:100%;border-radius:4px;padding-left:55px;padding-right:15px;padding-bottom:2px;color:#000000e6;caret-color:#00000080;background-color:#ffffffe6;transition:all .2s,box-shadow .1s}.search input::selection{background-color:#00000040}.search input:hover,.search input:focus{background-color:#fff}.search input:focus{box-shadow:0 0 0 4px #fff6}.search input::placeholder{color:#000000b3;font-weight:500;font-size:15px}.search__input--invalid{box-shadow:0 0 0 4px #2f1313ba}.container{margin:40px auto 0;height:616px;width:976px;background-color:#fff;border-radius:8px 9px 8px 8px;display:flex;box-shadow:0 3px 5px #00000012;animation:intro .3s .2s backwards}.sidebar{width:340px;display:flex;flex-direction:column}.search-results{width:340px;display:flex;flex-direction:column;position:relative;cursor:default}.sidebar__top{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #e8edf0}.count{font-size:12px}.sorting{display:flex;align-items:center;gap:4px}.sorting>i{font-size:11px;color:#4c4f50;margin-right:5px}.sorting__button{font-size:10px;text-transform:uppercase;background-color:#e8edf0;padding:6px 8px;border-radius:3px;margin-left:2px;cursor:pointer;transition:all .2s}.sorting__button:hover,.sorting__button:focus{background-color:#d0d5d8}.sorting__button--active,.sorting__button--active:hover,.sorting__button--active:focus{color:#fff;background-color:#3c4041}.pagination{height:40px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px 1px;border-top:1px solid #e8edf0}.pagination__button{font-size:10px;padding:4px 10px;border-radius:500px;color:#747c82;background-color:#eceff2;cursor:pointer;transition:all .2s,visibility 0s;gap:2px;display:flex;align-items:center}.pagination__button svg{width:10px;transform:translateY(1px)}.pagination__button:hover,.pagination__button:focus{background-color:#dde2e6}.pagination__button--hidden{visibility:hidden}.pagination__button--next{margin-left:auto}.pagination__button:disabled{background-color:#d1d5d9;color:#999;cursor:not-allowed;pointer-events:none;opacity:.6}.pagination__button>span{text-transform:capitalize}.pagination__button--back .pagination__icon{margin-right:3px}.pagination__button--next .pagination__icon{margin-left:3px}.pagination__button>span{font-weight:500}.pagination__icon{font-size:8px;color:#9fa6b0}.job-details{flex:1;background-color:#eff2f5;position:relative;border-top-right-radius:12px;border-bottom-right-radius:8px}.job-details__start-view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.job-details__start-view>p:first-child{opacity:.55;width:275px;text-align:center;color:#0d1114;font-size:18px;font-weight:600;margin-bottom:10px}.job-details__start-view>p:nth-child(2){opacity:.55;color:#24292d;font-size:14px;width:275px;text-align:center}.job-details>div{height:100%}.job-details>div>img{width:100%;height:174px;position:absolute;z-index:0;top:0;object-fit:cover;border-top-right-radius:8px;-webkit-user-select:none;user-select:none}.job-details__footer{margin-left:42px;margin-right:42px;margin-top:33px;padding-top:13px;border-top:1px solid #dce2e8}.job-details__footer-text{color:#858b8f;font-size:10px}.apply-btn{position:absolute;background-color:#2671dd;z-index:2;color:#ffffffeb;font-size:11px;padding:5px 10px 6px;border-radius:3px;top:12px;right:12px;cursor:pointer;text-transform:uppercase;transition:all .2s;display:flex;align-items:center}.apply-btn:hover,.apply-btn:focus{background-color:#1d60bd;color:#fff}.apply-btn__icon{color:#ffffffa6;font-size:8px;margin-left:4px;margin-top:-1px}.job-info{position:relative;z-index:1;margin-bottom:40px;display:flex;column-gap:16px;padding-top:120px}.job-info:before{content:"";position:absolute;width:100%;height:174px;top:0;left:0;background-image:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.15));z-index:-1;border-top-right-radius:8px}.job-info__left{padding-left:42px}.job-info__right{padding-right:42px}.job-info__badge{width:55px;height:70px;background-color:#d0d335;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;margin-bottom:13px}.job-info__below-badge{display:flex;justify-content:space-between}.job-info__time{font-size:12px;transform:translateY(1px);color:#494d4f}.bookmark-btn{cursor:pointer}.bookmark-btn:hover svg{color:#2671dd}.bookmark-btn svg{color:#d7dbe0;transition:all .2s;font-size:18px}.bookmark-btn .filled{color:#2671dd}.job-info__company{font-size:14px;font-style:italic;color:#fffc}.job-info__description{font-size:14px;margin-top:18px;margin-bottom:12px;line-height:1.4}.job-info__extras{display:flex;column-gap:35px}.job-info__extra{font-size:12px;display:flex;align-items:center;gap:5px}.job-info__extra-icon{height:23px;width:23px;border-radius:50%;background-color:#e4e9ed;display:flex;justify-content:center;align-items:center;font-size:9px;margin-right:8px;color:#a1a8b0}.qualifications{display:flex;padding-left:42px;padding-right:42px;margin-bottom:30px}.qualifications__sub-text{font-size:13px;width:157px;margin-top:3px}.qualifications__left{margin-right:35px}.qualifications__list{display:flex;align-items:start;flex-wrap:wrap;gap:6px}.qualifications__item{font-size:13px;background-color:#e6ebee;border-radius:2px;padding:6px 10px;color:#494d4f}.reviews{display:flex;padding-left:42px;padding-right:42px}.reviews__sub-text{font-size:13px;width:157px;margin-top:3px}.reviews__left{margin-right:35px}.reviews__list{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:20px;row-gap:20px}.reviews__item{font-size:13px;font-style:italic;color:#494d4f;position:relative;transform-style:preserve-3d}.reviews__item:before{content:"“";position:absolute;font-size:50px;top:-15px;left:-10px;color:#d2d7db;transform:translateZ(-1px)}.footer{max-width:1000px;padding:0 12px;margin:15px auto 0;display:flex;align-items:center;justify-content:space-between;color:#a4a9ac}.footer>small{font-size:11px;max-width:200px}.footer>small *::selection{background-color:#ffffff1a}.footer>small>p:first-child{line-height:1.2}.footer>small>p:first-child>a{text-decoration:underline}.footer>small>p:first-child>svg{font-size:10px;margin-right:4px;margin-left:2px;color:#aeb3b6}.footer>p{font-size:11px;align-self:flex-start}.spinner{position:absolute;border-radius:50%;animation:spinner 1s infinite linear;left:50%;top:18%;width:85px;height:85px;border-top:5px solid #e2e7e9;border-right:5px solid #e2e7e9;border-bottom:5px solid #e2e7e9;border-left:5px solid #ccd1d3}.spinner--job-details{left:50%;top:40%;width:105px;height:105px;border-top:6px solid #d5d9db;border-right:6px solid #d5d9db;border-bottom:6px solid #d5d9db;border-left:6px solid #bbc0c2}.spinner--visible{visibility:visible}.error{background:#fff;padding:14px 20px;width:280px;min-height:46px;border-radius:3px;box-shadow:0 5px 8px #00000026;position:absolute;top:15px;right:15px;display:flex;opacity:0;visibility:hidden;transform:translateY(-120px);transition:all .3s}.error--visible{opacity:1;transform:initial;visibility:initial}.error__icon{font-size:16px;color:#7b4040;margin-top:2px}.error__right{margin-left:10px}.error__title{text-transform:uppercase;font-size:12px;margin-bottom:1px;font-weight:500}.error__text{font-size:13px;color:#616268}@media (max-height: 925px) and (min-width: 1010px){.body{padding-bottom:50px}}@media (max-width: 1179px){.job-list--bookmarks{right:0}}@media (max-width: 1009px){.body{padding:0 12px 50px}.header__top{padding-left:0;padding-right:0;max-width:800px}.container{flex-direction:column;height:initial;width:100%;max-width:800px;border-radius:8px;overflow:hidden}.search-results{width:100%}.job-details{display:none}.footer{max-width:800px;padding-left:0;padding-right:0}}@media (max-width: 660px){.intro,.search,.search__input{width:100%}.footer{justify-content:center}.footer>small{text-align:center}.footer>p{margin-left:15px;text-align:right;display:none}.intro{row-gap:25px}.first-heading{text-align:center;max-width:400px}}@media (max-width: 370px){.job-list--bookmarks{width:93vw;min-width:initial}.job-item{width:100%}.job-item__badge{display:none}.error{width:93vw;right:initial;left:50%;transform:translate(-50%)}}
