.card-jobs{border:1px solid var(--color-gray300);border-radius:24px;flex-flow:column wrap;padding:25px 21px;display:flex;position:relative}.card-jobs .head{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex;position:relative}.card-jobs .head .status{text-align:center;height:32px;font-size:var(--typo-default2);font-weight:var(--fw-semibold);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;display:flex;position:absolute;top:0;right:0}.card-jobs .head .status.awaiting{background-color:var(--color-amber100);color:var(--color-yellow600)}.card-jobs .head .status.interview{background-color:rgb(from var(--color-unknow7)r g b/.16);color:var(--color-unknow3)}.card-jobs .head .status.accept{background-color:var(--color-primary-light);color:var(--color-primary)}.card-jobs .head .status.reject{background-color:var(--color-error-light);color:var(--color-error)}.card-jobs .body{border-top:1px solid var(--color-gray300);grid-template-rows:auto auto;gap:16px;margin-top:16px;padding-top:16px;display:grid}.card-jobs .body .info-box{justify-content:space-between;display:flex}.card-jobs .body .info-box .info li{flex:0 0 100%}.card-jobs .thumb{border:1px solid var(--color-border4);border-radius:16px;flex:none;justify-content:center;align-items:center;width:84px;display:flex;overflow:hidden}.card-jobs .thumb .ratio{background-color:#0000;width:100%;height:100%;overflow:visible}.card-jobs .thumb .ratio>img{transition:var(--transition);filter:drop-shadow(0 1px 4px #00000026);transform:scale(1)}.card-jobs .thumb:hover .ratio>img{transform:scale(1.1)}.card-jobs .content{flex:1 0}.card-jobs .content .link:hover{text-decoration:none}.card-jobs .content .link:hover .title{color:var(--color-secondary)}.card-jobs .info{flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;display:flex}.card-jobs .info li{flex:0 auto;min-width:0;max-width:100%;list-style:none}.card-jobs .title{line-height:1.6em;font-weight:var(--fw-bold);color:var(--color-gray950);margin-bottom:4px}.card-jobs .title.text-limit{-webkit-line-clamp:1;line-clamp:1;max-height:1.6em}.card-jobs .desc{line-height:1.5em;font-weight:var(--fw-normal);color:var(--color-gray600);margin:0 0 8px}.card-jobs .desc.text-limit{-webkit-line-clamp:1;line-clamp:1;max-height:1.5em}.card-jobs .text{position:relative}.card-jobs .tag{flex-wrap:wrap;gap:16px;margin:0;padding:0;display:flex}.card-jobs .tag>li{flex:none;list-style:none}.card-jobs .tag .link{font-size:var(--typo-xs);font-weight:var(--fw-normal);background-color:var(--color-primary-light);color:var(--color-primary);white-space:nowrap;border:1px solid #00b7af80;border-radius:8px;padding:7px;display:block}.card-jobs .tag .link:hover{background-color:var(--color-primary);color:var(--color-light);border-color:var(--color-primary-dark);text-decoration:none}.card-jobs .txt{-webkit-line-clamp:1;line-clamp:1;max-height:4.5em;line-height:1.5em;font-weight:var(--fw-normal);color:var(--color-gray600);min-height:1.5em;margin:0;padding-left:28px;position:relative}.card-jobs .txt .icon{width:24px;height:24px;position:absolute;top:2px;left:0}.card-jobs .txt .icon svg{display:block}.card-jobs .data{-webkit-line-clamp:3;line-clamp:3;max-height:4.5em;line-height:1.5em;font-weight:var(--fw-normal);color:var(--color-gray950)}.card-jobs .date{color:var(--color-gray);opacity:.5;margin:0;line-height:1.5}.card-jobs .action{justify-content:space-between;align-items:flex-end;display:flex}.card-jobs .action .btn{padding:0 24px}.card-jobs .action .btn .icon{margin-right:-18px}.card-jobs .btn .icon{background-color:var(--color-default);width:36px;height:36px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;margin-left:0;margin-right:-22px;display:flex}.card-jobs .btn .icon svg{color:var(--color-light)}.card-jobs .btn:hover .icon{margin-left:5px;margin-right:-17px}.card-jobs .info-box{flex:0 0 100%}.card-jobs .info-box .info{gap:0;margin:-6px -12px}.card-jobs .info-box .info li{flex:0 0 50%;padding:6px 12px}.card-jobs .body-content{flex-direction:column;flex:1 0;gap:16px;display:flex}.card-jobs .tag-content{flex-direction:column;flex:none;gap:8px;min-width:0;display:flex}.card-jobs .career-content{gap:16px;margin-bottom:24px;display:flex}.card-jobs .career-content .badge{height:32px;font-weight:var(--fw-semibold);font-size:var(--typo-vxs);border-radius:6px;flex:none;align-items:center;padding:0 6px;display:flex}.card-jobs .career-content .badge.open{background-color:var(--color-primary);color:var(--color-light)}.card-jobs .career-content .badge.draft{background-color:var(--color-yellow500);color:var(--color-light)}.card-jobs .career-content .badge.close{background-color:var(--color-error);color:var(--color-light)}.card-jobs .career-content .badge.success{background-color:var(--color-success);color:var(--color-light)}.card-jobs .career-content .text{color:var(--color-slate500);flex:1 0;align-items:center;gap:4px;display:flex}.card-jobs .career-content .text .MuiSvgIcon-root{color:var(--color-primary)}.list-card-jobs{margin:0;padding:0}.list-card-jobs>li{list-style:none}.list-card-jobs>li+li{margin-top:24px}.list-card-jobs .card-jobs{box-shadow:var(--box-shadow2),var(--box-shadow3);border:0;padding:26px 24px}.list-card-jobs .card-jobs .head{gap:35px}.list-card-jobs .card-jobs .head-text{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.list-card-jobs .card-jobs .head-text .title{margin-bottom:0}.list-card-jobs .card-jobs .head-text .date{font-size:var(--typo-default2)}.list-card-jobs .card-jobs .desc{margin-bottom:10px}.list-card-jobs .card-jobs .txt{font-size:var(--typo-default2)}.list-card-jobs .card-jobs .txt .icon{top:0}.list-card-jobs .card-jobs a.txt{transition:var(--transition);text-decoration:none}.list-card-jobs .card-jobs a.txt:hover{color:var(--color-secondary)}.list-card-jobs .card-jobs .body{min-height:inherit;flex-wrap:wrap;justify-content:space-between;gap:35px;margin-top:24px;padding-top:24px;display:flex}.list-card-jobs .card-jobs .body.job-postings{flex-direction:column;gap:24px}.list-card-jobs .card-jobs .body .tag-content{flex:auto;min-width:0}.list-card-jobs .card-jobs .tag{gap:10px 16px}.list-card-jobs .card-jobs .tag .link{padding:8px;line-height:1.2}.list-card-jobs .card-jobs .action{flex:none}.list-card-jobs .card-jobs .job-postings-action{gap:16px;display:flex}.list-card-jobs .card-jobs .job-postings-action .btn{min-width:inherit;gap:6px}.list-card-jobs .card-jobs .job-postings-action .btn .icon{background-color:#0000;margin:0}.list-card-jobs .card-jobs .job-postings-action .btn .icon svg{transition:var(--transition);font-size:1.3em}.list-card-jobs .card-jobs .job-postings-action .btn.edit{color:var(--color-yellow600);border-color:var(--color-secondary);white-space:nowrap}.list-card-jobs .card-jobs .job-postings-action .btn.edit .icon svg{color:var(--color-yellow600)}.list-card-jobs .card-jobs .job-postings-action .btn.edit:hover{background-color:var(--color-secondary-dark);color:var(--color-light)}.list-card-jobs .card-jobs .job-postings-action .btn.edit:hover .icon svg{color:var(--color-light)}.list-card-jobs .card-jobs .job-postings-action .btn.delete{color:var(--color-gray);border-color:var(--color-gray300)}.list-card-jobs .card-jobs .job-postings-action .btn.delete .icon svg{color:var(--color-gray)}.list-card-jobs .card-jobs .job-postings-action .btn.delete:hover{background-color:var(--color-error);color:var(--color-light);border-color:var(--color-error)}.list-card-jobs .card-jobs .job-postings-action .btn.delete:hover .icon svg{color:var(--color-light)}.list-card-jobs .card-jobs .job-postings-action .btn.select{color:var(--color-success-dark);border-color:var(--color-success);white-space:nowrap}.list-card-jobs .card-jobs .job-postings-action .btn.select .icon svg{color:var(--color-success-dark)}.list-card-jobs .card-jobs .job-postings-action .btn.select:hover{background-color:var(--color-success);color:var(--color-light)}.list-card-jobs .card-jobs .job-postings-action .btn.select:hover .icon svg{color:var(--color-light)}.card-profile.card-jobs{background-color:var(--color-light);box-shadow:var(--box-shadow2),var(--box-shadow3);border:0;padding:26px 24px}.card-profile.card-jobs .head{gap:24px 16px}.card-profile.card-jobs .thumb{border:0;border-radius:24px}.card-profile.card-jobs .body{flex-direction:column;gap:24px}.card-profile.card-jobs .body .info-box .action{margin-left:auto}.card-profile.card-jobs .txt{color:var(--color-default)}.card-profile.card-jobs a.txt{transition:var(--transition);text-decoration:none}.card-profile.card-jobs a.txt:hover{color:var(--color-secondary)}.card-profile.card-jobs .tag{gap:8px 16px}@media (max-width:1600px){.card-jobs{padding:20px}.card-jobs .thumb{width:80px}.card-jobs .tag{gap:12px}.card-jobs .tag .link{padding:6px}.card-jobs .btn .icon{width:30px;height:30px;margin-right:-10px;top:0}.list-card-jobs .card-jobs,.card-profile.card-jobs{padding:24px}}@media (max-width:1440px){.card-jobs{padding:16px}.card-jobs .thumb{width:76px}.card-jobs .btn .icon{width:28px;height:28px;margin-right:-10px;top:0}}@media (max-width:1199px){.list-card-jobs .card-jobs .head{gap:24px}.list-card-jobs .card-jobs .desc{margin-bottom:8px}.list-card-jobs .card-jobs .tag{gap:6px 10px}.list-card-jobs .card-jobs .info-box .info li,.card-profile.card-jobs .info-box .info li{flex:0 0 100%}}@media (max-width:991px){.card-jobs .btn .icon{margin-right:-6px}.card-jobs .info-box .info li,.card-jobs .body .info-box .info li{flex:0 0 50%}.card-jobs .body .info-box{flex-direction:column;gap:0}.list-card-jobs .card-jobs .info-box .info li,.card-profile.card-jobs .info-box .info li{flex:0 0 50%}.card-profile.card-jobs .body .info-box .action{margin-left:0}}@media (max-width:767px){.card-jobs{border-radius:20px}.card-jobs .head{flex-direction:column}.card-jobs .content{flex:0 0 100%;width:100%}.card-jobs .txt .icon{top:1px}.card-jobs .action{flex-direction:column;align-items:flex-start;gap:6px}.card-jobs .action .btn{width:100%}.card-jobs .btn .icon{margin-right:0}.card-jobs .career-content{gap:8px;margin-bottom:16px}.card-jobs .info-box .info li,.card-jobs .body .info-box .info li{flex:0 0 100%}.list-card-jobs .card-jobs{padding:16px}.list-card-jobs .card-jobs .head{gap:16px}.list-card-jobs .card-jobs .head-text .date{position:absolute;top:0;right:0}.list-card-jobs .card-jobs .body{flex-direction:column;gap:16px;margin-top:24px;padding-top:16px}.list-card-jobs .card-jobs .tag{gap:8px}.list-card-jobs .card-jobs .tag .link{padding:6px}.list-card-jobs .card-jobs .txt .icon{width:20px;height:20px}.list-card-jobs .card-jobs .txt .icon svg{width:100%;height:auto}.list-card-jobs .card-jobs .info-box .info li{flex:0 0 100%}.card-profile.card-jobs{padding:16px}.card-profile.card-jobs .info-box .info li{flex:0 0 100%}.list-card-jobs .card-jobs .job-postings-action{gap:6px;width:100%}}