.role-listing-panel{flex-direction:column;width:100%;height:100%;padding-top:1.125rem;transition:width .3s ease-in-out;display:flex;position:relative;overflow:hidden}.role-listing-panel--detail-open{width:35%}@media screen and (min-width:1500px) and (max-width:1650px){.role-listing-panel--detail-open{width:35.3%}}@media screen and (max-width:1024px){.role-listing-panel--detail-open{width:0;padding:0;display:none;overflow:hidden}}.role-listing-panel__top{padding-inline:1.5rem;justify-content:space-between;align-items:center;padding-bottom:2rem;display:flex;position:relative}.role-listing-panel__top--detail{flex-direction:column;gap:.75rem;padding-inline:1.25rem}@media screen and (max-width:1024px){.role-listing-panel__top{flex-direction:column-reverse;gap:.75rem;padding-inline:1.5rem}}@media screen and (max-width:768px){.role-listing-panel__top{padding-inline:1rem;padding-bottom:.875rem}}.role-listing-panel__title-row{justify-content:space-between;align-items:center;width:100%;display:flex}.role-listing-panel__title{color:#262626;margin:0;font-family:Mulish;font-size:1.125rem;font-weight:700}@media screen and (max-width:768px){.role-listing-panel__title{font-size:1rem;font-weight:600}}.role-listing-panel__controls{gap:.75rem;display:flex;position:relative}.role-listing-panel__controls--detail{width:100%}@media screen and (max-width:1024px){.role-listing-panel__controls{width:100%}}.role-listing-panel__search{opacity:.7;background:#fff;border:1px solid #6c696980;border-radius:8px;align-items:center;gap:.5rem;min-width:28.5rem;padding:.75rem 1.25rem;transition:opacity .2s,border-color .2s;display:flex}.role-listing-panel__search--active,.role-listing-panel__search:hover{opacity:1;border-color:#ffb42a}@media screen and (max-width:1024px){.role-listing-panel__search{min-width:unset;flex:1}}.role-listing-panel__search--detail{width:100%;min-width:unset}.role-listing-panel__search-input{color:#262626;background:0 0;border:none;outline:none;width:100%;font-family:Mulish;font-size:.75rem;font-weight:500}.role-listing-panel__search-input::placeholder{color:#6c6969}.role-listing-panel__search-clear{cursor:pointer;color:#6c6969;background:0 0;border:none;padding:0;font-size:.78rem}.role-listing-panel__search-clear:hover{color:#262626}.role-listing-panel__filter-btn{cursor:pointer;opacity:.7;background:#fff;border:1px solid #6c696980;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;display:flex;position:relative}.role-listing-panel__filter-btn:hover{opacity:1}.role-listing-panel__filter-btn p{color:#262626;font-family:Mulish;font-size:.75rem;font-weight:600}@media screen and (max-width:768px){.role-listing-panel__filter-btn p{display:none}}.role-listing-panel__filter-count{color:#262626;background:#fff;border:1px solid #262626;border-radius:50%;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;font-family:Mulish;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.role-listing-panel__filter-dropdown{z-index:3;background:#fff;border-radius:8px;min-width:20rem;position:absolute;top:3rem;right:0;box-shadow:0 4px 16px #0000001a}@media screen and (max-width:768px){.role-listing-panel__filter-dropdown{width:75vw;max-width:340px}}.role-listing-panel__cards{padding-inline:1.5rem;scrollbar-width:none;-ms-overflow-style:none;flex-flow:wrap;justify-content:flex-start;gap:1rem;width:100%;height:90%;max-height:fit-content;padding-bottom:2rem;display:flex;overflow-y:auto}.role-listing-panel__cards::-webkit-scrollbar{display:none}.role-listing-panel__cards--detail{padding-inline:0;flex-flow:column;gap:0;padding-bottom:2rem;overflow-x:hidden}.role-listing-panel__cards--cardChecked{padding-bottom:4rem}.role-listing-panel__cards .role-loader-wrapper{gap:1.25rem;width:100%;display:flex}.role-listing-panel__cards .role-loader-wrapper.details{flex-direction:column;padding-inline:1rem}@media screen and (max-width:1024px){.role-listing-panel__cards{padding-inline:1.5rem;gap:1rem;height:80vh;padding-bottom:6rem}}@media screen and (max-width:768px){.role-listing-panel__cards{padding-inline:1rem;flex-flow:column;gap:.75rem;height:70vh;padding-bottom:5.5rem}}.role-listing-panel__cards .pagination-vertical-loader{flex:1 0 100%;order:999;justify-content:center;align-items:center;width:100%;display:flex}.role-listing-panel__loader{flex-wrap:wrap;gap:1.25rem;width:100%;display:flex}.role-listing-panel__empty{color:#6c6969;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;padding:15rem 0;font-family:Mulish;font-size:.9rem;display:flex}.role-listing-panel__empty p{text-align:center;color:#262626;font-family:Mulish;font-size:.95rem;font-weight:700;line-height:17.57px}.role-listing-panel__empty span{text-align:center;color:#262626;font-family:Mulish;font-size:.95rem;font-weight:500;line-height:17.57px}.role-listing-panel__footer{z-index:5;background:#fff;border-top:1px solid #6c6c6c33;width:100%;padding:.875rem 1.5rem;position:absolute;bottom:0;box-shadow:0 -4px 10px #0000000d}.role-listing-panel__footer-inner{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.role-listing-panel__selected-pill{color:#262626;cursor:pointer;border:1px solid #6c696933;border-radius:360px;padding:.5rem 1.2rem;font-family:Mulish;font-size:.75rem;font-weight:600;box-shadow:0 4px 6px #6c69691a}.role-listing-panel__request-btn{color:#fff;cursor:pointer;background:linear-gradient(#262626 0%,#6c6969 230.88%);border:1px solid #26262633;border-radius:6px;padding:.5rem 1.5rem;font-family:Mulish;font-size:.75rem;font-weight:600;box-shadow:0 4px 6px #2626261f}.role-card{cursor:pointer;background:#fff;border:1px solid #26262633;border-radius:.75rem;flex-direction:column;gap:.5rem;min-width:49%;max-width:49%;padding:1rem;transition:background .15s;display:flex;position:relative;box-shadow:0 2px 4px #6c69691a}.role-card:hover{background:#f4f4f480}.role-card--selected{min-width:unset;max-width:unset;background:#f8f8f8;border-bottom:none;border-right:none;border-radius:0;width:100%}.role-card--checked{background:#f4f4f480}.role-card--detailView{max-height:unset;min-width:unset;max-width:unset;border-bottom:none;border-left:unset;border-radius:0;width:100%}.role-card__upper{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.role-card__info{flex-flow:row-reverse wrap-reverse;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.role-card__info.detailView{flex-wrap:wrap-reverse;justify-content:flex-end}.role-card__tags{flex-wrap:wrap;gap:.75rem;height:fit-content;display:flex}.role-card__tag{color:#262626;white-space:nowrap;border:1px solid #ffb42a;border:1px solid linear-gradient(90deg,#ffb42a 0%,#ffecc8 143.4%);background:linear-gradient(90deg,#fff4e11a -32.29%,#ffb42a1a 100%);border-radius:360px;align-items:center;gap:.5rem;max-height:fit-content;padding:.4rem .45rem;font-family:Mulish;font-size:.75rem;font-weight:600;display:flex}.role-card__tag-icon{object-fit:contain;border-radius:50%;flex-shrink:0;width:1rem;height:1rem}.role-card__name{color:#262626;white-space:nowrap;margin:0;font-family:Mulish;font-size:.875rem;font-weight:700}.role-card__down-view{flex-direction:column;justify-content:space-between;gap:1rem;height:100%;display:flex}.role-card__desc{color:#6c6969;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Mulish;font-size:.875rem;font-weight:400;line-height:1.2rem;display:-webkit-box;overflow:hidden}.role-card__divider{border:.5px solid #6c696933;margin:0}.role-card__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.role-card__down-des{flex-direction:column;gap:.5rem;display:flex}.role-card__meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.role-card__meta-item{color:#6c6969;white-space:nowrap;border-right:1px solid #6c6c6c80;align-items:center;gap:4px;padding-right:.75rem;font-family:Mulish;font-size:.75rem;font-weight:700;display:flex}.role-card__meta-item:last-child{border-right:none;font-weight:400}.role-card__price{color:#262626;white-space:nowrap;font-family:Mulish;font-size:.875rem;font-weight:700}.role-card__price span{color:#6c6c6c;font-size:.875rem;font-weight:400}@media screen and (max-width:1024px){.role-card{min-width:100%;max-width:100%}.role-card--selected,.role-card--detail-view{border:1px solid #26262633;border-radius:.75rem}}@media screen and (max-width:768px){.role-card{background:#fff!important;border:1px solid #26262633!important;border-radius:.75rem!important;min-width:100%!important;max-width:100%!important}}.role-card .custom-checkbox{cursor:pointer;background-color:#fff;border:1.5px solid #d9d9d9;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition:all .2s;display:flex}.role-card .custom-checkbox-height{background-color:#0000;border:none;width:1.43rem;height:1.43rem}.role-skeleton-card{background:#f4f4f4;border-radius:.75rem;flex-direction:column;gap:.75rem;min-width:49%;max-width:49%;padding:1.25rem 1rem;display:flex}.role-skeleton-card .skeleton-line{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.5s infinite shimmer}.role-skeleton-card .skeleton-line.short{width:40%}.role-skeleton-card .skeleton-line.medium{width:70%}@media screen and (max-width:768px){.role-skeleton-card{min-width:100%;max-width:100%}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (max-width:1024px){.role-listing-panel{padding-top:1rem}.role-listing-panel__top{padding-inline:1.25rem;flex-direction:column;gap:.75rem;padding-bottom:1rem}.role-listing-panel__title-row{width:100%}.role-listing-panel__title{font-size:1.125rem;font-weight:700}.role-listing-panel__controls{flex-direction:row;gap:.625rem;width:100%}.role-listing-panel__search{min-width:unset;flex:1;padding:.5rem .875rem}.role-listing-panel__search-input{font-size:1rem}.role-listing-panel__filter-btn{min-width:unset;gap:.35rem;padding:.5rem .875rem}.role-listing-panel__filter-btn p{font-size:1rem;display:block}.role-listing-panel__filter-dropdown{width:60vw;max-width:360px;top:3rem;right:0}.role-listing-panel__cards{padding-inline:1.25rem;flex-flow:column;justify-content:flex-start;gap:.75rem;height:calc(100vh - 11rem);max-height:fit-content;padding-bottom:1rem}.role-listing-panel__cards--cardChecked{padding-bottom:5rem}.role-listing-panel__cards .role-loader-wrapper{flex-direction:column;gap:1.25rem;width:100%;display:flex}.role-listing-panel__cards .pagination-vertical-loader{flex:unset;order:unset}.role-listing-panel__footer{padding:.875rem 1.25rem}.role-card{max-height:unset;border-radius:.75rem;min-width:100%!important;max-width:100%!important}.role-card--selected,.role-card--detail-view{border:1px solid #26262633;border-radius:.75rem}.role-card__name{font-size:1.125rem}.role-card__desc{max-height:unset;min-height:unset;font-size:1rem}.role-card__meta-item{font-size:.8rem}.role-card__price{font-size:1.125rem}}@media screen and (max-width:767px){.role-listing-panel{padding-top:.875rem}.role-listing-panel__top{padding-inline:1rem;flex-direction:column;gap:.625rem;padding-bottom:.875rem}.role-listing-panel__title-row{align-items:center;gap:.5rem;width:100%;display:flex}.role-listing-panel__title{color:#6c6969;font-size:1rem;font-weight:600}.role-listing-panel__controls{flex-direction:row;gap:.5rem;width:100%}.role-listing-panel__search{min-width:unset;opacity:1;border-radius:8px;flex:1;padding:.625rem .875rem}.role-listing-panel__search svg{flex-shrink:0}.role-listing-panel__search-input{font-size:.95rem}.role-listing-panel__filter-btn{min-width:unset;border-radius:10px;justify-content:center;width:2.75rem;height:2.75rem;padding:0;position:relative}.role-listing-panel__filter-btn p{display:none}.role-listing-panel__filter-btn--badged:after{content:attr(data-count);color:#fff;background:#262626;border-radius:50%;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;font-family:Mulish;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.role-listing-panel__filter-dropdown{width:85vw;max-width:320px;top:3rem;right:0}.role-listing-panel__cards{padding-inline:1rem;flex-flow:column;justify-content:flex-start;gap:.75rem;height:calc(100vh - 10rem);padding-bottom:1rem}.role-listing-panel__cards--cardChecked{padding-bottom:5.5rem}.role-listing-panel__footer{z-index:10;background:#fff;border-top:1px solid #6c6c6c26;padding:.75rem 1rem;bottom:0;left:0;right:0}.role-listing-panel__footer-inner{justify-content:space-between;gap:.75rem}.role-listing-panel__selected-pill{text-align:center;border:1.5px solid #26262633;border-radius:360px;padding:.7rem 1rem;font-size:.95rem}.role-listing-panel__request-btn{text-align:center;padding:.7rem 1rem;font-size:.95rem}.role-card{gap:.625rem;padding:1rem;min-width:100%!important;max-width:100%!important;max-height:unset!important;background:#fff!important;border:1px solid #26262633!important;border-radius:.875rem!important}.role-card--checked{background:#f4f4f480!important}.role-card__upper{flex-direction:row;justify-content:space-between;align-items:flex-start}.role-card__info{flex-direction:column;flex:1;flex-wrap:unset;align-items:flex-start;gap:.75rem}.role-card__name{order:-1;font-size:1.125rem;font-weight:700}.role-card__tags{flex-wrap:wrap;order:1;gap:.4rem}.role-card__tag{padding:.15rem .5rem;font-size:.8rem}.role-card__down-view{gap:.625rem}.role-card__desc{-webkit-line-clamp:3;color:#6c6969;font-size:.95rem}.role-card__meta{gap:.5rem}.role-card__meta-item{gap:3px;padding-right:.5rem;font-size:.8rem}.role-card__meta-item p{display:none}.role-card__price{white-space:nowrap;font-size:1rem}.role-card__price span{font-size:.875rem}.role-card__bottom{flex-wrap:nowrap;align-items:center}.role-card__down-des{gap:.625rem}}