.mona-career-page .recruit-jobs__flex .left-head {
display: block;
margin-bottom: 2.4rem;
}
.mona-career-page .career-jobs__filters {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 2.4rem;
width: 100%;
margin: 0;
}
.mona-career-page .career-jobs__filters > * {
min-width: 0;
}
.mona-career-page .career-jobs__filters .input-srch,
.mona-career-page .career-jobs__filters .selectNor {
width: auto;
min-width: 0;
}
.mona-career-page .career-jobs__filters .input-srch input {
min-width: 0;
}
.mona-career-page .career-jobs__filters .select2-container,
.mona-career-page .career-jobs__filters .select2-selection,
.mona-career-page .career-jobs__filters .selection {
width: 100% !important;
min-width: 0;
}
.mona-career-page [data-career-job-detail] {
position: relative;
transition: opacity 0.2s ease;
}
.mona-career-page [data-career-job-detail].is-loading {
opacity: 0.6;
pointer-events: none;
}
.mona-career-page [data-career-job-list].is-loading {
opacity: 0.7;
pointer-events: none;
}
.mona-career-page [data-career-job-detail].is-loading::after {
content: "";
position: absolute;
inset: 0;
margin: auto;
width: 4.8rem;
height: 4.8rem;
border: 0.3rem solid rgba(175, 0, 21, 0.18);
border-top-color: #af0015;
border-radius: 50%;
animation: mona-career-spin 0.7s linear infinite;
}
.mona-career-page [data-career-job-item] {
transition: opacity 0.2s ease, transform 0.2s ease;
}
.mona-career-page [data-career-job-item].is-loading {
opacity: 0.7;
}
.mona-career-page [data-career-job-item].is-loading .inner {
position: relative;
}
.mona-career-page [data-career-job-item].is-loading .inner::after {
content: "";
position: absolute;
top: 1.2rem;
right: 1.2rem;
width: 2rem;
height: 2rem;
border: 0.2rem solid rgba(175, 0, 21, 0.18);
border-top-color: #af0015;
border-radius: 50%;
animation: mona-career-spin 0.7s linear infinite;
}
@keyframes mona-career-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@media screen and (max-width: 1200px) {
.mona-career-page .recruit-jobs__flex .left-head {
margin-bottom: 2.4rem;
}
.mona-career-page .career-jobs__filters {
grid-template-columns: minmax(0, 1fr);
gap: 0.5rem;
}
.mona-career-page .career-jobs__filters .input-srch,
.mona-career-page .career-jobs__filters .selectNor {
width: 100%;
}
}