@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--black: #393e46;--black-50: #21273080;--black-10: rgb(33, 39, 48, .1);--grey: rgb(57, 62, 70);--grey2: hsl(217, 10%, 20%);--blue: #005df4;--blue-button-hover: hsl(217, 100%, 35%);--blue-button-active: hsl(217, 100%, 15%);--white: rgb(255, 255, 255);--white-dark: rgb(238, 238, 238)}body{width:100%;height:fit-content;background-color:var(--white);display:grid;overflow-x:hidden}.container{place-self:center;max-width:1300px;width:100%;height:fit-content;min-height:100vh;position:relative}.container-footer{place-self:center;max-width:1300px;width:100%;height:fit-content}p{font-size:clamp(14px,2vw,16px);line-height:25px}h1{font-size:clamp(32px,5vw,48px);font-weight:700}h2{font-size:clamp(24px,3.5vw,32px);font-weight:500}h3{font-size:clamp(22px,3vw,28px)}h4{font-size:clamp(20px,2.5vw,24px);font-weight:600}h5{font-size:clamp(16px,1vw,20px);font-weight:600}h6{font-size:clamp(14px,1.5vw,16px);font-weight:600}.caution{text-align:start;font-size:14px;color:#ff2c2c}.null{color:var(--black-50)}.notfound-container{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center}.notfound{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.notfound h1{font-weight:500;font-size:100px;line-height:80px}#loading-botton{height:20px;width:20px}#loading-botton img{width:100%;animation:loading 1s infinite linear}#loading-page{width:100%;height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center}#loading-page img{width:70px;animation:loading 1s infinite linear}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{border-radius:5px;width:100%;height:100%;background:linear-gradient(100deg,#d1d1d1,#f6f6f6,#d1d1d1);background-size:200% 100%;animation:shimmer 1s infinite linear;margin:5px 0;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.no-data{place-self:center;position:absolute;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10px;color:var(--black);background-color:var(--white);z-index:10;text-align:center;height:fit-content;width:80%}.no-data img{width:100px}.button-main{font-size:16px;background-image:linear-gradient(to right,#00d2ff,#3a7bd5 51%,#00d2ff);background-size:200% auto;border:transparent;color:var(--white);padding:10px 20px;border-radius:500px;font-weight:600;font-family:Poppins,sans-serif;transition:.7s;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px}.button-main:hover{background-position:right center;transition:.7s}.button-main:active{background-color:var(--blue-button-active)}.button-second{font-size:16px;background-color:var(--white);border:2px solid var(--black);color:var(--black);padding:10px 20px;border-radius:500px;font-weight:600;font-family:Poppins,sans-serif;transition:.3s;cursor:pointer}.button-second:hover{background-color:var(--black-10);transition:.3s}.button-second:active{background-color:var(--black-50)}.button-signout{display:flex;justify-content:center;align-items:center;gap:10px;background-color:#ff2323;color:var(--white);font-size:16px;border-radius:5px;padding:10px 15px;border:transparent;cursor:pointer;transition:.3s;margin-top:15px}.button-signout:hover{background-color:#c00;transition:.3s}.button-disable{opacity:50%;pointer-events:none}.warning{color:#ff2323;text-align:start;width:100%}.header-void{width:100%;height:80px}.header{width:100%;max-width:1300px;height:fit-content;display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:var(--white);border-radius:0 10px 10p 0;z-index:10;position:fixed;animation:header-on .5s linear forwards}.header-off{top:-100px;position:fixed;animation:header-off .5s linear forwards}@keyframes header-off{0%{top:0}to{top:-100px}}@keyframes header-on{0%{top:-100px}to{top:0}}.header img{cursor:pointer}.header-list{display:flex;gap:50px}.h-navigasi,.h-action{display:flex;list-style:none;justify-content:center;align-items:center;gap:30px}#user-profil{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;border:3px solid var(--black-10);cursor:pointer}#user-profil:hover{border:3px solid var(--black-50)}.header-list a{text-decoration:none;font-weight:600;transition:.3s;color:var(--black-50)}.header-list a:hover{transition:.3s;color:var(--black)}.active{color:var(--black)!important}.ham-button{background-color:transparent;border:transparent;width:50px;height:50px;border-radius:5px;cursor:pointer;display:none}.ham-button:hover{background-color:#e6e6e6}.ham-button img{width:25px}.hlm-wraping{left:50%;right:50%;transform:translate(-50%);max-width:1300px;width:100%;height:100vh;position:fixed;top:0;z-index:11}.header-list-mobile{width:fit-content;height:fit-content;padding:20px;box-shadow:0 0 10px #00000040;border-radius:10px;position:fixed;top:80px;right:20px;background-color:var(--white);z-index:11}.header-list-mobile ul{display:flex;flex-direction:column}.hlm-wrap{width:100%;height:100vh;position:fixed;left:0;top:0;display:none;z-index:10}.hlm-true{display:block}.header-list-mobile li{list-style:none;cursor:pointer}.hlm-navigasi li{width:350px;border-radius:5px;padding:5px 10px}.hlm-navigasi li:hover{background-color:var(--white-dark)}.active-m{background-color:var(--white-dark)!important}.header-list-mobile li a{text-decoration:none;color:var(--black);font-weight:500}.hlm-action{display:flex;justify-content:end;align-items:center}.hlm-user{display:flex;justify-content:start;align-items:center;gap:20px;padding:10px;border-radius:10px;cursor:default}.hlm-u-img{width:70px;height:70px;border-radius:50%;background-size:cover;background-position:center}.gap-ham{border:1px solid var(--black-10);margin:5px 0}.hlm-cv-up{display:flex;justify-content:start;align-items:center;gap:20px;padding:10px}.input-file-class{width:100px;height:140px;position:relative;display:flex;justify-content:center;align-items:center;border-radius:5px;background-color:var(--white-dark);z-index:2;cursor:pointer;flex-direction:column;padding:10px}.input-file-class img{width:30px}.input-file-class p{width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--black-50)}#input-file{display:none}.hlm-cv-up-right{display:flex;flex-direction:column;justify-content:space-between;align-items:start;height:140px}.posting-button{display:none}@media screen and (width < 800px){.header,.header-void{display:none}.ham-button{display:block}.header-list{display:none}.posting-button{display:block}}@media screen and (width < 450px){.header-list-mobile{width:100%;right:0;border-radius:0}.hlm-navigasi li{width:100%}}input[list]::-webkit-calendar-picker-indicator{display:none!important}.lowongan{width:100%;gap:20px;height:fit-content;background:#1e96ff;background:linear-gradient(45deg,#1e96ff,#084bc5);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px;color:var(--white);border-radius:30px;margin:20px 0;text-align:center}.lowongan form{background-color:var(--white);width:100%;max-width:950px;border-radius:20px;height:60px;display:flex;justify-content:space-between;padding-left:10px;align-items:center;box-shadow:5px 5px 10px #00000040;gap:10px}.lowongan form input{font-size:16px;width:100%;border:transparent;padding:0 5px}.lowongan form input:focus{outline:transparent}.lowongan form input:last-child{background-color:red}.lowongan form button{width:250px;height:60px;border-radius:0 20px 20px 0;border:transparent;font-size:16px;background-color:var(--grey);color:var(--white);cursor:pointer;transition:.3s}.lowongan form button:hover{background-color:var(--grey2);transition:.3s}.garis{background-color:#b3b3b3;width:6px;border-radius:1px;height:40px}.l-filter{max-width:950px;width:100%;display:flex;flex-wrap:wrap;gap:10px}.lowongan select{padding:5px 30px 5px 20px;width:auto;min-width:fit-content;background-color:transparent;border:2px solid var(--white);border-radius:50px;font-size:16px;color:var(--white);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(./arrow-down2.svg);background-repeat:no-repeat;background-position:right 10px center}.lowongan select:focus{outline:none}.lowongan option{color:var(--black)}#lowongan-filter{display:none}@media screen and (width < 1300px){.container,.hlm-wraping{padding:0 20px}.header{left:0;padding:10 20px}}@media screen and (width < 800px){.container{padding:15px}}@media screen and (width < 600px){.lowongan{padding:20px;width:100%}.lowongan h4{font-size:20px}.lowongan form,.lowongan form button{height:50px;width:100%}.lowongan form button{width:130px}#lowongan-secondinput,.garis,#arrow-down1{display:none}#lowongan-filter{display:block}}.footer{background-color:var(--white-dark);display:flex;flex-direction:column;justify-content:center;align-items:center}.f-top{display:grid;grid-template-columns:1fr 1fr 1fr;margin:50px 0;gap:20px}.f-t-item li{list-style:none}.f-t-item li a{color:var(--black);text-decoration:none;line-height:30px;font-weight:500}.f-t-item li a:hover{text-decoration:underline}.f-t-item:first-child{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:10px}.f-t-item:first-child span{display:flex;gap:10px}.f-t-item:first-child span button{cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:transparent}.f-t-item:first-child span button:hover{background-color:var(--black-10)}.f-t-item:not(:first-child){display:flex;justify-content:center;align-items:top}.f-t-item:nth-child(3) span{display:flex;gap:10px}#f-t-i-img{width:150px}.f-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--black-50);padding:10px 0}.f-bottom span{display:flex;gap:30px}.f-bottom span a{text-decoration:none;color:var(--black)}.f-bottom span a:hover{text-decoration:underline}@media screen and (width < 1400px){.container-footer{padding:0 20px}}@media screen and (width < 1000px){.f-top{grid-template-columns:1fr 1fr 1fr}}@media screen and (width <= 800px){.footer{display:none}}@media screen and (width < 750px){.f-top{grid-template-columns:1fr 1fr}}@media screen and (width < 550px){.f-top{grid-template-columns:1fr;text-align:center}.f-t-item:first-child{align-items:center}.f-top:first-child span{width:100%;justify-content:center}.f-t-item:nth-child(3) span{justify-content:center}.f-bottom{flex-direction:column;gap:20px;text-align:center}}.pagination{margin:50px 0;display:flex;justify-content:center;align-items:center;width:100%;height:fit-content;gap:10px}.p-item{cursor:pointer;width:40px;height:40px;border-radius:50%;border:transparent;background-color:var(--white-dark);display:flex;justify-content:center;align-items:center;color:var(--black)}.pagig-on{background-color:var(--blue);color:var(--white)}.p-arrow{width:40px;height:40px;border:2px solid var(--black);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.p-arrow-off{opacity:30%;pointer-events:none}.p-arrow:hover{background-color:var(--black-10)}.p-bullet{display:flex;width:fit-content;gap:2px}.p-b-item{width:5px;height:5px;border-radius:50%;background-color:var(--black-50)}.lowongan-card{padding:5px;border-radius:15px;border:2px solid var(--black-10);color:var(--black);transition:.3s;cursor:default;display:flex;flex-direction:column;justify-content:space-between;position:relative}.lowongan-card:hover{border:2px solid var(--black-50);transition:.3s}.l-c-action span:last-child{display:flex;justify-content:center;align-items:center;gap:5px}.button-delete{height:45px;width:45px;padding:12px;border:transparent;background-color:#ff5757;cursor:pointer}.button-delete:hover{background-color:#f50000}.button-delete img{width:100%}.l-c-wrap{padding:15px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:start;gap:20px}.l-c-tanggal{display:flex;width:100%;justify-content:space-between;align-items:center}.l-c-tanggal button{width:40px;height:40px;border-radius:100%;border:transparent;background-color:var(--white);cursor:default;padding:7px}.l-c-tanggal button:hover{background-color:var(--white-dark)}.l-c-tanggal p{display:block;padding:5px 10px;background-color:var(--white);width:fit-content;border-radius:50px;font-size:13px}.l-c-tanggal img{width:100%}.l-c-title{width:100%;display:flex;justify-content:space-between;align-items:end;gap:10px}.l-c-title img{border-radius:100%;width:50px}.l-c-title p{font-size:13px;font-weight:500}.l-c-skill{width:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:start;gap:5px}.l-c-skill p{display:block;padding:2px 10px;border:1px solid var(--black);border-radius:50px;font-size:13px}.l-c-action{padding:15px;display:flex;justify-content:space-between;align-items:center}.l-c-action p{font-size:13px}.l-c-action button{border-radius:10px}.match-score{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:15px}.match-score h5{color:var(--blue)}.match-score p{color:var(--black-50)}.p-b-list{display:flex;border:3px solid var(--black-10);border-radius:15px;justify-content:start;align-items:start;gap:10px;padding:20px;cursor:pointer;background-color:var(--white);transition:.3s;position:relative}.p-b-list:hover{border:3px solid var(--black-50);transform:scale(1.025);transition:.3s}.p-b-list:active{border:3px solid var(--black)}.p-b-l-save{width:40px;height:40px;border:2px solid transparent;background-color:var(--white);border-radius:50%;position:absolute;right:20px;padding:5px;transition:.3s;cursor:pointer}.p-b-l-save:hover{transition:.3s;border:2px solid var(--black-50)}.p-b-l-save img{width:100%}.p-b-l-img{border-radius:50%;width:70px}.p-b-l-info{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:5px}.p-b-l-info div{display:flex;gap:5px;color:gray}.popup-wrap{position:fixed;width:100%;height:100vh;background-color:#000000b3;left:0;top:0;z-index:100;display:grid;transition:.3s}.popup-wrap-off{opacity:0%;pointer-events:none;transition:.3s}.popup-content{padding:30px;width:fit-content;height:fit-content;background-color:var(--white);place-self:center;border-radius:20px;transform:translateY(100px);opacity:0%;transition:.5s}.popup-content-off{transform:translateY(0);transition:.5s;opacity:100%}.popup-navigation{width:100%;display:flex;justify-content:start;align-items:center;gap:10px;margin-bottom:10px}.popup-navigation img{border:2px solid transparent;padding:3px;border-radius:100%;height:35px;transition:.3s}.popup-navigation img:hover{border:2px solid var(--black-10);transition:.3s}.popup-navigation img:active{border:2px solid var(--black-50);transition:.3s}@media screen and (width <= 900px){.popup-content{width:100%;height:100vh;overflow:auto;border-radius:0;padding:20px}}@keyframes fadeInOut{0%{transform:translate(500px)}8%{transform:translate(-10px)}10%{transform:translate(0)}88%{transform:translate(0)}90%{transform:translate(-10px)}to{transform:translate(500px)}}.alert-container{background-color:#fff;box-shadow:0 0 10px #00000080;padding:20px;border-radius:10px;right:10px;top:30px;width:300px;height:100px;position:fixed;z-index:100;display:flex;justify-content:start;align-items:center;gap:20px;animation:fadeInOut 7s ease-in-out forwards}.alert-succeed{width:5px;height:100%;background-color:#9eca6d;border-radius:10px}.alert-font-succeed{color:#9eca6d}.alert-failed{width:5px;height:100%;background-color:#f45050;border-radius:10px}.alert-font-failed{color:#f45050}.alert-warning{width:5px;height:100%;background-color:#fdca20;border-radius:10px}.alert-font-warning{color:#fdca20}.heading-page{display:block;padding:20px;background-image:linear-gradient(135deg,#9708cc 10%,#43cbff);border-radius:20px;color:var(--white);font-weight:500}.lowongan-list-delete{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 30px;color:var(--black);text-align:center}.lowongan-list-delete img{background-color:#fff0f0;width:70px;padding:10px;border-radius:10px}.lowongan-list-delete span{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.lowongan-list-delete span button{border-radius:10px;border:transparent;font-size:16px;font-weight:500;cursor:pointer;padding:10px;transition:.3s}.lowongan-list-delete span button:hover{filter:brightness(80%);transition:.3s}.button-cancel{background-color:var(--white-dark)}.button-deleting{background-color:#ff5757;color:var(--white)}@media screen and (width <= 800px){.heading-page{display:none}}.navback-container{width:100%;z-index:10;top:0;left:0;display:none;justify-content:space-between;align-items:center;padding:0 15px;height:55px;position:fixed;background-color:var(--white);border:1px solid var(--white-dark);box-shadow:0 0 50px #0000000d}.navback-container-void{width:100%;height:55px;display:none}.navback-container img{height:30px;padding:2px;border-radius:3px}.navback-container img:active{background-color:var(--black-10)}.navback-container h5{font-weight:600;font-size:18px}.empty{width:30px}.bottombutton-container{position:fixed;justify-content:center;align-items:center;z-index:100;display:none;bottom:0;left:0;width:100%;padding:10px;background:#fff;background:linear-gradient(0deg,#fff 50%,#005df400);gap:10px}.bottombutton-container button{width:100%}@media screen and (width <= 800px){.navback-container,.bottombutton-container{display:flex}.navback-container-void{display:block}.none-when-mobile{display:none}}.kerja{width:100%;height:fit-content;min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center}.k-list{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;position:relative}.k-l-item{box-shadow:0 0 10px #0000001a;border-radius:10px;background-color:var(--white);padding:20px;position:relative;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px;cursor:pointer;transition:.3s}.k-l-item:hover{color:var(--white);background-color:var(--black);transition:.3s}.l-c-title{display:flex;justify-content:space-between;align-items:center}.l-c-title img{border:1px solid var(--black-10);height:45px;width:45px;object-fit:cover;object-position:center}.l-c-title h5{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.k-l-i-lihat{display:flex;height:40px;justify-content:center;align-items:center;width:40px;gap:10px;background-color:var(--white-dark);border-radius:50px;color:var(--black);transition:.3s}.k-l-i-lihat-on{width:100px;transition:.3s}.k-l-jenis{display:flex;padding:5px 10px;gap:10px;background-color:var(--black-10);border-radius:50px;position:absolute;right:20px}.k-l-jenis-on{background-color:var(--white-dark);color:var(--black)}.k-l-item-white{color:var(--white)}#k-l-i-img{width:60px;height:60px;border-radius:50%}#k-l-i-location{display:flex;gap:10px}.kerja-banner{width:100%;padding:20px 10px;border-radius:20px;background-image:linear-gradient(69.2deg,#4d8ffb 35.3%,#ca33ff 100.3%);color:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;text-align:center}.kerja-filter img{height:100%}.k-b-search{background-color:var(--white);max-width:900px;border-radius:100px;height:60px;width:100%;display:flex;justify-content:center;align-items:center;padding:0 10px;gap:5px}.k-b-search img{height:30px}.k-b-search input{width:100%;font-size:clamp(14px,1vw,16px);padding:0 5px;height:100%;border:transparent}.k-b-s-input{display:flex;justify-content:start;align-items:center;width:100%;height:100%}.k-b-search input:focus{outline:transparent}.k-b-filter{max-width:850px;width:100%;display:flex;justify-content:space-between;align-items:center}.k-b-filter select{font-size:clamp(14px,1vw,16px);padding:5px;margin-right:10px;background-color:var(--white);border:1px solid var(--black-10);border-radius:5px;color:var(--black-50)}.k-b-filter select option{color:var(--black)}.k-b-filter select:focus{outline:1px solid var(--blue)}.k-b-filter button{background-color:transparent;font-size:16px;border:transparent;color:var(--white);cursor:pointer}.k-b-filter button:hover{text-decoration:underline}.side-wrap{width:100%;height:100dvh;-webkit-backdrop-filter:blur(2px) brightness(70%);backdrop-filter:blur(2px) brightness(70%);position:fixed;top:0;left:0;z-index:20;transition:.5s}.side-wrap-off{pointer-events:none;-webkit-backdrop-filter:blur(0) brightness(100%);backdrop-filter:blur(0) brightness(100%);transition:.5s}@media screen and (width < 1200px){.k-list{grid-template-columns:1fr 1fr 1fr}}@media screen and (width < 900px){.k-list{grid-template-columns:1fr 1fr}}@media screen and (width < 600px){.k-b-search{flex-direction:column;height:fit-content;border-radius:20px;padding:10px 5px 5px;gap:10px;background-color:transparent;overflow:hidden}.k-b-s-input{background-color:var(--white);padding:10px;border-radius:100px}.k-b-search img{height:20px}.k-b-search button{font-size:13px;padding:8px;width:100%}.k-b-filter{align-items:center;flex-direction:column;gap:10px;overflow:auto;width:100%}.k-b-filter span{align-items:center;justify-content:start;flex-wrap:wrap;width:100%;display:flex;gap:10px}.k-b-filter span button{width:100%;font-weight:600}}@media screen and (width < 650px){.k-list{grid-template-columns:1fr}}.side-container{position:fixed;top:10px;right:-750px;max-width:750px;width:100%;height:calc(100vh - 20px);background-color:var(--white);z-index:20;padding:15px;transition:.5s;pointer-events:none;overflow-y:auto;border-radius:25px;scrollbar-width:none}.side-container-on{right:10px;pointer-events:all;transition:.5s .3s}.side-head{background-color:gray;width:100%;height:100px;border-radius:15px;position:relative}.side-back{display:none;height:fit-content;position:fixed;top:15px;left:15px;border-radius:100px;gap:5px;border:1px solid var(--black-10);background-color:var(--white);padding:5px 10px;z-index:100;justify-content:center;align-items:center;font-weight:500;columns:var(--black)}.side-back img{height:20px}.side-back:active{background-color:var(--black-10)}.side-info{position:relative;width:100%;height:fit-content;padding:40px 10px 10px;display:flex;justify-content:space-between;align-items:end}.side-profil{position:absolute;width:80px;height:80px;top:-40px;border:2px solid var(--black-10);border-radius:100%;object-fit:cover;object-position:center}.dot{width:5px;height:5px;background-color:var(--black-10);border-radius:100%}.s-p-t-location{display:flex;justify-content:start;align-items:center;gap:5px;color:var(--black-50)}.s-p-action{display:flex;justify-content:center;align-items:center;gap:10px}.button-save{height:40px;width:40px;background-color:transparent;border:transparent;padding:5px;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center}.button-save:hover{transform:scale(1.1);transition:.3s}.button-save img{height:100%;width:100%}.side-detail{width:100%;height:fit-content;display:grid;grid-template-columns:1fr 1fr 1fr;padding:0;margin:10px 0;text-align:center;border:.5px solid var(--black-10);border-radius:10px;overflow:hidden}.s-d-item{display:flex;flex-direction:column;justify-content:center;align-items:center;border:.5px solid var(--black-10);padding:10px 0}.s-d-item h6{color:var(--black-50);font-weight:500}.side-desc{width:100%;height:fit-content;padding:10px}.side-desc h5{margin-bottom:5px}.side-desc span{display:grid;grid-template-columns:20px 1fr}.s-d-wrap{display:flex;flex-wrap:wrap;gap:10px}.side-action{width:100%;height:fit-content;position:fixed;padding:10px;left:0;bottom:0;z-index:30;background:#fff;background:linear-gradient(0deg,#fff,#fff,#d1d1d100);display:none;gap:10px}.side-action-perusahaan button{width:100%;display:flex;justify-content:center;align-items:center}.s-a-main{width:100%;height:50px}.s-a-save{border:1px solid var(--black-10);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:100%;width:50px;height:50px;padding:10px}.s-a-save-perusahaan{width:100%;border-radius:100px;display:flex;gap:10px;justify-content:center;align-items:center;font-size:16px}.s-a-save-perusahaan img{width:fit-content}@media screen and (width <= 770px){.side-container{height:100vh}.side-back{display:flex}.button-save{height:50px;width:50px}.side-container-on{top:0;right:0;border-radius:0;padding:10px 10px 70px}.s-p-action{display:none}.s-d-item h5{font-size:14px}.side-action{display:grid;grid-template-columns:50px 1fr}.side-action-perusahaan{display:grid;grid-template-columns:1fr}}.tabbar-container{position:fixed;bottom:0;background-color:var(--white);width:100%;height:60px;display:none;grid-template-columns:1fr 1fr 1fr 1fr;border-top:1px solid var(--white-dark);box-shadow:0 0 50px #0000000d;gap:10px;padding:5px;z-index:10;-webkit-user-select:none;user-select:none}.tabbar-container-add{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.tabbar-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px}.tabbar-content p{line-height:11px}.tabbar-content:active{background-color:#005ef41a}.tabbar-content-on{background-color:#005ef41a;pointer-events:none}.tabbar-content img{height:25px}.tabbar-content p{font-size:9px}.s-g-item img{height:25px}.s-g-item img:last-child{height:15px}.tabbar-popup{position:fixed;bottom:-200px;border-radius:10px;background-color:var(--white);border:1px solid var(--black-50);box-shadow:0 0 50px #0000001a;max-width:350px;width:100%;left:50%;transform:translate(-50%);transition:.5s}.tabbar-popup-on{bottom:65px;transition:.5s}@media screen and (width <= 800px){.tabbar-container{display:grid}}.home{width:100%;height:fit-content;background-color:var(--white)}#home-logo{display:none;height:50px;margin-bottom:10px}.h-hero{width:100%;height:90vh;display:flex;justify-content:space-between;align-items:center}.h-h-title{display:flex;flex-direction:column;gap:30px;width:50%}.h-h-title h1{display:inline-block}.h-h-title h1:nth-child(2){background-image:radial-gradient(circle farthest-corner at 10% 20%,#d62828,#ffc300 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.h-h-title h1:nth-child(4){background-image:linear-gradient(69.2deg,#4d8ffb 35.3%,#ca33ff 100.3%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.h-h-action{display:flex;gap:40px;justify-content:start;align-items:center}.h-h-action a{color:var(--black);text-decoration:none;font-weight:600}.h-h-action a:hover{text-decoration:underline}#h-h-img{width:500px}.h-search{position:relative}.h-s-wrap{width:100%;position:absolute;top:0;height:430px}.h-kategori{width:100%;height:fit-content;margin:100px 0;position:relative;padding:20px 0}.h-k-title{width:100%;height:fit-content;display:flex;justify-content:start;align-items:center;height:200px}.the-void1{width:30px}.h-k-list{width:100%;display:flex;gap:20px;scrollbar-width:none;flex-wrap:nowrap;overflow:auto;position:absolute;top:0;left:0;padding:20px 10px 50px 320px}.h-k-l-gradient{width:100%;height:240px;position:absolute;top:0;display:flex;justify-content:space-between;align-items:center}.grad1{position:absolute;top:0;left:0;height:240px;width:100px;background:#fff;background:linear-gradient(90deg,#fff,#fff0)}.grad2{position:absolute;top:0;right:0;height:240px;width:100px;background:#fff;background:linear-gradient(90deg,#fff0,#fff)}.h-k-l-item{min-width:200px;width:100%;height:200px;box-shadow:0 0 10px #bfbfbf;border-radius:5px;position:relative;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:start;box-sizing:border-box;background-color:var(--white);cursor:pointer;transition:.3s}.h-k-l-item:hover{transform:scale(1.08);transition:.3s}.h-k-l-item img:first-child{height:40px}.h-k-l-i-img2{position:absolute;right:20px}.h-k-l-item p{font-weight:600;font-size:20px}.h-lowongan{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:50px 0}.h-l-list{display:grid;grid-template-columns:1fr 1fr 1fr;width:60%;gap:20px}.h-l-l-item{display:flex;flex-direction:column;justify-content:space-between;align-items:start;gap:30px;border:1px solid var(--black-10);border-radius:10px;padding:20px;cursor:pointer;transition:.3s}.h-l-l-item span h6{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.h-l-l-item:hover{transform:scale(1.05);transition:.3s}.h-l-l-item p{font-size:13px;color:var(--black-50)}.h-l-l-i-info{display:flex;gap:5px}.h-l-l-i-perusahaan{display:flex;justify-content:space-between;align-items:end;width:100%}.h-l-l-i-perusahaan span{width:100%}.h-l-l-i-perusahaan img{width:50px;height:50px;object-fit:cover;object-position:center;border-radius:5px}.h-l-title{width:40%;text-align:end;display:flex;flex-direction:column;justify-content:start;align-items:end;gap:20px}@media screen and (width <1200px){.h-l-list{grid-template-columns:1fr 1fr}}@media screen and (width < 900px){.h-hero{flex-direction:column;justify-content:center;text-align:center;gap:20px;height:fit-content}#h-h-img{width:100%}.h-h-action{justify-content:center;gap:20px;width:100%;flex-direction:column}.h-h-title{width:100%}.h-h-title h1{font-size:24px}.h-kategori{margin-top:0;margin-bottom:250px}.h-k-title{width:100%;text-align:center}.h-k-title h4{width:100%}.h-k-list{position:absolute;top:180px;width:100%;padding:10px}.h-k-l-item{width:700px}.grad1,.grad2{top:180px;width:30px}.h-lowongan{flex-direction:column}.h-l-list{grid-template-columns:1fr 1fr 1fr;width:100%}.h-l-title{align-items:center;text-align:center;width:100%}.h-l-title h4{font-size:20px}}@media screen and (width <700px){#home-logo{display:block}.h-l-list{grid-template-columns:1fr 1fr}}@media screen and (width <500px){.h-l-list{grid-template-columns:1fr}}.t-f-l-b-wrap{width:100%;display:flex;text-align:justify;gap:20px;justify-content:space-between;align-items:start}.t-f-l-b-wrap-company{cursor:pointer}.t-f-l-b-wrap-company:hover{background-color:#f2f2f2}.body-left{width:fit-content}.body-right{width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.body-right img{width:100px;height:100px;border-radius:10px}.body-gaji{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px;cursor:default}.body-gaji p{color:gray}.body-gaji span{width:100%}.b-g-detail{width:100%;display:flex;gap:10px;justify-content:start;align-items:center;margin-bottom:10px}.b-g-detail span{line-height:20px}.apply-page{width:900px;height:fit-content;overflow:auto;scrollbar-width:none}.apply-p-head{display:flex;width:100%;height:fit-content;justify-content:start;align-items:center;gap:10px}.apply-p-head img{padding:5px;border-radius:100%;border:2px solid transparent;height:40px;transition:.1s}.apply-p-head img:hover{border:2px solid var(--black-50);transition:.1s}.apply-p-head img:active{padding:5px;background-color:var(--black-50)}.apply-body{width:100%;height:fit-content;display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.apply-b-c-profil{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 20px 10px 10px;border-radius:10px;cursor:pointer;transition:.3s;box-shadow:0 0 10px #0000000d}.apply-b-c-profil:hover{transform:scale(1.02);transition:.3s;padding-right:10px;box-shadow:0 0 10px #0000001a}.apply-b-c-profil span{width:100%}.apply-b-c-profil img:first-child{width:80px;height:80px;object-fit:cover;object-position:center;border-radius:100%}.apply-b-c-cv{width:100%;height:fit-content;padding:15px;box-shadow:0 0 10px #0000000d;border-radius:10px}.apply-b-c-cv-alert{border:2px solid #ff2c2c;animation:alert .4s ease}@keyframes alert{0%{transform:translate(-1%)}30%{transform:translate(1%)}60%{transform:translate(-1%)}90%{transform:translate(1%)}to{transform:translate(-1%)}}.apply-b-c-cv-wrap{width:100%;height:200px;overflow:auto;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:5px;margin-top:10px;border-bottom:2px solid var(--black-10)}.apply-b-c-cv-item{height:80px;border:3px solid var(--black-10);width:100%;display:flex;cursor:pointer;padding:5px;border-radius:5px;justify-content:space-between;align-items:center;gap:5px;transition:.3s}.apply-b-c-cv-item:hover{border:3px solid var(--black-50);transition:.3s}.apply-b-c-cv-item-on{border:3px solid var(--blue);background-color:#edf8ff;cursor:default}.apply-b-c-cv-item-on:hover{border:3px solid var(--blue)}.apply-b-c-cv-item p{display:block;width:75%}.apply-b-c-cv-item img{height:70%}.apply-b-c-cv-i-plus{width:20px;height:20px;background-size:cover}.apply-b-c-lowongan{width:100%;box-shadow:0 0 10px #0000000d;padding:10px;border-radius:10px;display:flex;justify-content:start;align-items:start;gap:20px;cursor:pointer;position:relative;transition:.3s}.apply-b-c-lowongan:hover{box-shadow:0 0 10px #0000001a;transition:.3s;transform:scale(1.02)}.apply-b-c-lowongan img{height:70px;width:70px;object-fit:cover;object-position:center;border-radius:100%;box-shadow:5px 5px 10px #0000001a}.apply-b-c-lowongan span p{color:var(--black-50);font-size:14px}.apply-b-c-l-arrow{position:absolute;width:15px;height:15px;background-image:url(/up-right.png);background-size:28px;background-position-x:100%;border-radius:2px;background-repeat:no-repeat;right:5px;top:5px}.apply-b-c-button{width:100%}.apply-b-c-text{width:100%;height:100%;padding:10px;font-size:16px;overflow:auto;resize:none;border:2px solid var(--black-10);border-radius:5px}.apply-b-c-text:focus{outline:2px solid var(--black-50)}@media screen and (width <= 1000px){.apply-body{grid-template-columns:1fr;width:100%}.apply-b-c-text{height:400px}.apply-page{width:100%}}.template{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:20px;margin-bottom:50px}.template-head{width:100%;height:300px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 10px #0000001a}.t-h-top{width:100%;background:#1e96ff;background:linear-gradient(135deg,#1e96ff,#48b9ff);height:135px;border-radius:10px 10px 0 0;position:relative}.t-h-top{padding:30px}.t-h-top img{width:100px;height:100px;box-shadow:0 4px 10px #00000026;border-radius:10px;position:absolute;top:60px;object-fit:cover;object-position:center}.t-h-bottom{width:100%;background:#1e96ff;background:var(--white);height:165px;border-radius:0 0 20px 20px;padding:20px 30px;display:flex;flex-direction:column;justify-content:end;align-items:start}.t-h-b-desc,.t-h-b-desc span{display:flex;justify-content:space-between;align-items:center;gap:10px}.t-h-b-desc{width:100%}.template-foot{width:100%;height:fit-content;display:flex;gap:20px}.t-f-left,.t-f-right{height:fit-content;gap:20px;display:flex;flex-direction:column;justify-content:start;align-items:center}.t-f-left{width:60%}.t-f-right{width:40%}.t-f-l-body{line-height:30px;width:100%;height:fit-content;padding:30px;border-radius:10px;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:30px;box-shadow:0 0 10px #0000001a}.numbering{display:flex;flex-direction:column;justify-content:start;align-items:start;width:100%}.numbering-item{width:100%;height:fit-content;display:flex;gap:10px}.numbering-item p{text-align:justify}.numbering-item p:first-child{width:25px;display:block}.numbering-item p:nth-child(2){width:100%}.skill{width:100%;height:fit-content}.s-wrap{width:100%;display:flex;flex-wrap:wrap;gap:10px}.s-item{background-color:var(--white-dark);display:flex;width:fit-content;height:fit-content;padding:10px 20px;border-radius:50px;color:var(--black);cursor:default;transition:.3s;gap:10px}.s-item:hover{transform:scale(1.13);transition:.3s}.paragraph{width:100%;text-align:justify}.lowongan-lain-wrap{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start}.lowongan-lain{width:100%;border-radius:10px;padding:5px 10px;cursor:pointer;transition:.2s;position:relative}.lowongan-lain:after{content:"";border:1px solid var(--black-10);width:95%;display:block;position:absolute;bottom:-1px;left:50%;right:50%;transform:translate(-50%)}.lowongan-lain:hover{background-color:var(--white-dark);transition:.2s}.lowongan-lain img:first-child{width:20px;height:20px;border-radius:2px}.lowongan-lain span{display:flex;gap:10px}.body-form{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:start}.body-form input{width:100%;height:40px;padding:0 5px;font-size:16px;border:2px solid var(--black-10);border-radius:5px}@media screen and (width < 500px){.lowongan-lain p{font-size:13px}}@media screen and (width <= 900px){.template-foot{flex-direction:column}.t-f-left,.t-f-right{width:100%}}@media screen and (width <= 700px){.template-head{position:relative;left:0;width:100%}.t-h-top{height:60px;padding:0 10px;background:transparent}.t-h-top img{top:10px;height:70px;width:70px}.t-h-bottom{padding:20px 10px;height:fit-content}.template-head button{width:calc(100vw - 40px)}.template-head{height:fit-content}.t-h-bottom{padding:30px 10px 10px;justify-content:center}.t-h-b-desc{flex-direction:column;justify-content:start;align-items:start}.t-h-b-desc span:nth-child(2){display:none}.t-f-l-b-wrap{flex-direction:column;align-items:start}.t-h-b-title h4{font-size:20px}.t-h-b-desc p{font-size:13px}.t-f-l-body{box-shadow:none;padding:0}.body-right{width:100%}}.perusahaan-head{width:100%;border-radius:20px;height:500px;background-position-y:-70px;background-repeat:no-repeat;background-size:cover;position:relative;padding:50px;display:flex;justify-content:start;align-items:center;margin-bottom:70px}.p-h-search{width:100%;max-width:1000px;background-color:var(--white);position:absolute;left:50%;right:50%;transform:translate(-50%);bottom:-35px;box-shadow:0 0 10px #bfbfbf;border-radius:50px;display:flex;justify-content:center;align-items:center;padding:10px 10px 10px 20px}.p-h-search form{width:100%;display:flex;justify-content:center;align-items:center;gap:20px;border-radius:50px}.p-h-search input{font-size:16px;border:transparent;width:100%;text-overflow:ellipsis}.p-h-search input:focus{outline:transparent}.perusahaan-gap{width:2px;border-radius:10px;height:40px;background-color:#ccc}.p-h-search button{height:55px;width:130px;border-radius:50px;border:transparent;background-color:var(--blue);font-size:16px;color:var(--white);font-weight:500;cursor:pointer}.p-h-search button:hover{background-color:var(--blue-button-hover)}.perusahaan-head span{color:var(--white);width:40%;display:block}.p-h-search span{display:flex;gap:10px}.p-b-l-img{width:50px;height:50px;object-fit:cover;object-position:center}.perusahaan-body{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px}@media screen and (width < 1300px){.perusahaan-head{background-position:left}.p-h-search{width:90%}}@media screen and (width < 900px){.perusahaan-body{grid-template-columns:1fr}}@media screen and (width < 750px){.perusahaan-head{padding:15px}.perusahaan-head span{width:320px}.perusahaan-head span h2{font-size:25px}}@media screen and (width < 500px){.perusahaan-head{align-items:start;border:1px solild black;background-size:220%;background-position-x:center;background-position-y:0;height:350px;margin-bottom:20px}.perusahaan-head span{width:100%}.perusahaan-head p,.perusahaan-gap{display:none}.p-h-search{border-radius:15px 15px 25px 25px;width:95%;padding:10px;bottom:10px}.p-h-search form{display:flex;flex-direction:column;border-radius:0}.p-h-search button{width:100%;height:40px}.p-b-list{flex-direction:column}}.info-perusahaan{width:100%}.info-perusahaan span{display:flex}.info-perusahaan span p:first-child{display:block;width:200px;color:var(--black-50)}.body-left-wraping{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}b{cursor:pointer;width:100%;display:block;text-align:end}b:hover{text-decoration:underline}@media screen and (width <= 700px){.info-perusahaan span{flex-direction:column;border-bottom:1px solid var(--black-50)}}.aboutus-head{width:100%;height:calc(100dvh - 85px);border-radius:30px;background-image:url(/about-header.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--white);display:flex;justify-content:center;align-items:center;padding:20px;text-align:center;flex-direction:column}.aboutus-head h1{font-size:35px}.aboutus-head span{display:flex;gap:20px}.aboutus-head span button{height:60px;width:300px}.aboutus-head span button:nth-child(2){padding:0 20px;border-radius:50px;font-size:16px;font-weight:500;background-color:var(--white);cursor:pointer;transition:.3s}.aboutus-head span button:nth-child(2):hover{background-color:var(--white-dark);transition:.3s}@media screen and (width < 700px){.aboutus-head span,.aboutus-head span button{width:100%}}@media screen and (width < 500px){.aboutus-head span{flex-direction:column}}.aboutus-about{width:100%;height:calc(100vh - 80px);display:flex;justify-content:space-between;align-items:center;gap:50px}.a-a-left,.a-a-rigth{width:50%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:10px}.a-a-left img{width:100%}.a-a-rigth p{text-align:justify}@media screen and (width < 900px){.aboutus-about{flex-direction:column;gap:0;height:fit-content;margin:80px 0}.a-a-left,.a-a-rigth{width:100%}.aboutus-head h1{font-size:30px}}@media screen and (width < 500px){.aboutus-about{flex-direction:column;gap:0;height:fit-content;margin:80px 0}.a-a-left,.a-a-rigth{width:100%}.aboutus-head h1{font-size:28px;margin-bottom:10px}}.aboutus-benefit{width:100%;height:calc(100vh - 80px);display:flex;justify-content:space-between;align-items:center;gap:50px}#person-working{width:100%;border-radius:30px;box-shadow:0 0 50px 20px #d9d9d9}.a-a-right span{display:flex;gap:10px;justify-content:start;align-items:center;margin-top:10px}.a-a-right span img{width:25px}@media screen and (width < 800px){.aboutus-benefit{flex-direction:column;margin-top:80px;gap:50px;height:fit-content}}.aboutus-gap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:100%;height:fit-content;background-color:var(--white-dark);border-radius:20px;padding:40px;text-align:center;gap:30px}.aboutus-gap p{color:gray}@media screen and (width < 800px){.aboutus-gap{grid-template-columns:1fr 1fr}}@media screen and (width < 500px){.aboutus-gap{grid-template-columns:1fr}}.aboutus-timeline{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;margin-bottom:50px}.a-t-left{width:50%;border-right:2px solid var(--black-10);height:fit-content;display:flex;flex-direction:column;justify-content:start;align-items:end;padding:0 30px}.a-t-right{width:50%;border-left:2px solid var(--black-10);height:fit-content;display:flex;flex-direction:column;justify-content:start;align-items:start;padding:0 30px}.a-t-b{margin-bottom:180px}.a-t-blue{background:#005df4;background:#669ffa;background:linear-gradient(90deg,#669ffa,#005df4);color:var(--white);padding:10px 20px;border-radius:50px;position:relative;text-align:end}.a-t-blue:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:50%;bottom:50%;transform:translateY(-50%);right:-41.5px;background:#005df4;background:linear-gradient(90deg,#005df4,#669ffa)}.a-t-desc{text-align:end;margin-top:10px}.a-t-desc p{display:block;box-shadow:0 0 10px #bfbfbf;padding:10px;border-radius:10px;margin-top:5px}.a-t-b-2{top:150px;margin-bottom:180px;position:relative}.a-t-blue2{background:#005df4;background:linear-gradient(90deg,#005df4,#669ffa);color:var(--white);padding:10px 20px;border-radius:50px;position:relative;text-align:start}.a-t-blue2:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:50%;bottom:50%;transform:translateY(-50%);left:-41.5px;background:#005df4;background:linear-gradient(90deg,#005df4,#669ffa)}.a-t-desc2{text-align:start;margin-top:10px}.a-t-desc2 p{display:block;box-shadow:0 0 10px #bfbfbf;padding:10px;border-radius:10px;margin-top:5px}.atb-hide{display:none}@media screen and (width < 700px){.aboutus-timeline{height:fit-content}.a-t-left{display:none}.atb-hide{display:block}.a-t-right{padding:0 30px;width:100%}.a-t-b-2{margin-bottom:50px;top:0}}.auth-head{width:100%;padding:10px 0;display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:10}.auth-head img{cursor:pointer}.auth-body{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center}.a-b-content{width:450px;height:fit-content;border-radius:20px;box-shadow:0 0 10px #bfbfbf;padding:50px;text-align:center;gap:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;overflow:hidden}.a-b-content form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.a-b-content form span{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%}.a-b-content form input{width:100%;font-size:16px;padding:6px 5px;border:3px solid var(--black-10);border-radius:5px}.pass-input,.passs{position:relative}#show-pass{position:absolute;bottom:0;height:40px;right:0;width:40px;display:flex;justify-content:center;align-items:center;border:transparent;border-radius:50%;background-color:transparent;transition:.3s}#show-pass:active{background-color:var(--black-10);transition:.3s}.button-auth{width:100%;margin-top:10px;border-radius:5px}.auth-body a{color:var(--black);text-decoration:none;font-weight:600}.auth-body a:hover{text-decoration:underline}.oauth{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%}.oauth button{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;font-size:16px;height:40px;border-radius:5px;border:2px solid var(--black-10);font-weight:500;cursor:pointer;background-color:var(--white);transition:.3s}.oauth button:hover{background-color:var(--black-10);transition:.3s}.auth-gap{border:1px solid var(--black-50);width:100%;position:relative;margin:10px 0}.auth-gap:after{content:"atau";position:absolute;top:-13px;left:41.5%;background-color:var(--white);padding:0 10px}#role select{width:100%;height:40px;font-size:16px;border:3px solid var(--black-10);border-radius:5px}.a-b-back{width:35px;height:35px;background-image:url(/left-arrow.svg);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:100%;position:absolute;z-index:1;left:25px;top:25px}.a-b-back:hover{background-color:var(--black-10)}.back-head{width:45px;height:45px;background-image:url(/left-arrow.svg);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:100%;display:none}.back-head:hover{background-color:var(--black-10)}.a-b-role{z-index:2;width:100%;height:100%;top:0;left:0;background-color:var(--white);position:absolute;border-radius:20px;padding:40px;text-align:start;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:1s}.a-b-role-hidden{transform:translate(-600px);transition:1s}.a-b-role div{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.role-button{height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-weight:500;color:var(--black);border-radius:10px;border:1px solid var(--black-50);background-color:transparent;transition:.3s;cursor:pointer}.role-button:hover{border:1px solid var(--blue);transition:.3s}.role-on{border:1px solid var(--white);color:var(--white);background-image:radial-gradient(circle farthest-corner at 10% 20%,#0061ff,#60efff 100.7%)}.a-b-role-button{width:100%}@media screen and (width < 600px){.auth-head{padding:0}.auth-head-img{display:none}.auth-body{height:calc(100svh - 55px);padding:0}.a-b-content{width:100%;padding:30px 0 0;box-shadow:none;height:calc(100vh - 150px);border-radius:0;justify-content:center}.a-b-role{padding:0;justify-content:center;gap:20px;text-align:center}.a-b-role div{grid-template-columns:1fr;grid-template-rows:1fr 1fr;border-radius:0}.a-b-back{display:none}.back-head{display:block}.auth-head-img{height:45px}}.t-h-t-edit{width:100px;height:100px;position:absolute;top:60px;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:10px;background-color:#0003;opacity:0;transition:.3s;cursor:pointer}.t-h-t-edit img{width:35px;height:35px;top:50%;bottom:50%;transform:translateY(-50%);opacity:80%}.t-h-t-edit:hover{opacity:100%;transition:.3s}.change{position:fixed;z-index:11;background-color:#0000004d;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.change-content{background-color:var(--white);width:500px;height:fit-content;padding:30px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px}.change-content span{width:100%;display:flex;justify-content:end;align-items:center;gap:10px}.c-c-image{width:100%;height:200px;display:flex;justify-content:center;align-items:center;position:relative}.c-c-image label{width:200px;height:200px;border-radius:100%;background-size:cover;background-position:center;background-repeat:no-repeat}#input-picture{position:absolute;width:200px;height:200px;border-radius:100%;opacity:0}.c-c-form{width:100%;display:flex;flex-direction:column;justify-content:start;gap:10px}.c-c-form div{display:flex;flex-direction:column;justify-content:center;align-items:start}.c-c-form div input{width:100%;font-size:16px;padding:7px 10px;border:2px solid var(--black-10);border-radius:5px}.c-c-form p{color:var(--black-50);font-size:13px}.t-f-l-b-title{display:flex;justify-content:start;align-items:center;gap:10px}.t-f-l-b-title img{cursor:pointer;transition:.3s}.t-f-l-b-title img:hover{transform:scale(1.2);transition:.3s}.t-f-left{text-align:justify}#c-c-f-area{width:100%;height:300px;font-size:16px;padding:10px;resize:none;border:2px solid var(--black-10);border-radius:5px}.cv-list{width:100%;height:fit-content}.cv-l-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.cv-l-item{border:3px solid var(--white-dark);padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;position:relative;cursor:default;transition:.3s}.cv-l-item:hover{background-color:var(--white-dark);transition:.3s}.cv-l-item span{display:flex;justify-content:space-between;align-self:center;width:100%}.cv-l-item span p{font-size:14px}#pdf-image{width:50%}.cv-l-item button{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:100%;display:flex;justify-content:center;align-items:center;border:transparent;background-color:transparent}.cv-l-item button:hover{background-color:var(--white);cursor:pointer}.cv-l-option{position:absolute;background-color:var(--white);width:fit-content;height:fit-content;padding:5px;border-radius:5px;right:10px;top:40px;z-index:20}.cv-l-option button{position:static;width:100%;height:fit-content;border-radius:5px;font-size:16px;padding:5px 10px;background-color:var(--white)}.cv-l-option button:hover{background-color:var(--white-dark)}.cv-l-plus{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.cv-l-i-option img{width:60%}.cv-l-i-option-wrap{position:fixed;width:100%;height:100vh;background-color:transparent;left:0;top:0;z-index:11}.cv-l-i-option-wrap-content{z-index:12;position:absolute;width:fit-content;height:fit-content;box-shadow:0 0 10px #00000040;background-color:var(--white);padding:5px;border-radius:10px;right:10px;top:40px}.cv-l-i-option-wrap-content button{width:150px;height:fit-content;padding:5px 10px;font-size:16px;position:static;border-radius:5px}.cv-l-i-option-wrap-content button:hover{background-color:var(--white-dark)}#cv-input,#input-profil{display:none}@media screen and (width < 700px){.change{height:100vh}.change-content{height:100vh;justify-content:start;border-radius:0;padding:10px}.change-content span{display:none}#c-c-f-area{height:calc(100dvh - 160px)}.cv-l-wrap{grid-template-columns:1fr 1fr}.cv-l-item span{flex-direction:column}}.tersimpan-head{border-bottom:3.5px solid var(--black-10);padding:0 10px;display:flex;justify-content:start;align-items:center;width:100%;height:49px}.tersimpan-head-button{font-size:16px;height:50px;padding:0 20px;border:transparent;border-bottom:3px solid transparent;font-weight:500;color:var(--black-50);border-radius:10px 10px 0 0;background-color:transparent;cursor:pointer;transition:.3s}.tersimpan-head button:hover{background-color:var(--white-dark);transition:.3s}.tersimpan-head-button-on{color:var(--black);border-bottom:3px solid var(--white);background-image:radial-gradient(circle farthest-corner at 7.2% 13.6%,#25f9f5,#0846da 90%);transition:.3s;color:#fff}.tersimpan-body{padding:20px 0}.t-b-lowongan-wrap{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.t-b-perushaan-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media screen and (width < 1100px){.t-b-lowongan-wrap{grid-template-columns:1fr 1fr 1fr}}@media screen and (width < 850px){.t-b-lowongan-wrap{grid-template-columns:1fr 1fr}.t-b-perushaan-wrap{grid-template-columns:1fr}}@media screen and (width < 550px){.t-b-lowongan-wrap{grid-template-columns:1fr}}.status-head{width:100%;height:fit-content;display:flex;justify-content:start;align-items:center;gap:20px}.status-search{display:flex;justify-content:center;align-items:center;gap:10px;height:40px;border:2px solid var(--black-10);padding:0 10px;border-radius:8px}.status-search input{font-size:16px;width:350px;height:100%;border:transparent}.status-search input:focus{outline:none}.status-filter{display:flex;justify-content:start;align-items:center;gap:10px}.s-f-button{font-size:14px;padding:5px 10px;border-radius:50px;border:2px solid var(--black-10);background-color:transparent;font-weight:500;cursor:pointer}.s-f-button-on{background-color:var(--blue);color:var(--white)}.status-body{display:grid;grid-template-columns:1fr 1.3fr;margin-bottom:50px;gap:20px}.status-b-wrap{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:10px}.status-b-item{height:fit-content;width:100%;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:.3s;cursor:pointer;border-radius:5px;border:2px solid var(--black-10);background-color:var(--white)}.status-b-item:hover{background-color:#edf8ff;transition:.3s;border:2px solid var(--blue)}.status-b-item:focus{background-color:#edf8ff;transition:.3s;border:2px solid var(--blue)}.status-b-i-info{width:100%;height:100px;display:flex;justify-content:start;align-items:center;gap:30px}.status-b-i-info span{text-align:start}.status-b-i-info p{font-size:14px;color:var(--black-50)}.status-b-i-info img{width:100px;height:100px;object-fit:cover;object-position:center;border-radius:10px;border:2px solid var(--white)}.status-b-i-date{display:flex;justify-content:start;align-items:center}.status-b-i-status{display:flex;justify-content:center;align-items:end;flex-direction:column;width:250px}.status-b-i-status p{display:block;width:fit-content;padding:5px 10px;border-radius:100px;font-weight:500;color:var(--black)}.status-b-i-status p:last-child{font-size:14px}.status-b-i-action{display:flex;justify-content:start;align-items:center}.status-b-i-action img{height:20px}.status-b-detail{border-radius:10px;height:calc(100vh - 20px);position:sticky;top:10px;padding:40px;overflow:auto;border:2px solid var(--black-10)}.status-b-d-idnull{display:flex;justify-content:start;align-items:start;gap:10px;color:var(--black-50)}.status-b-d-idnull h4{font-weight:500}.status-b-d-idnull img{height:35px;opacity:50%}.status-b-d-content{height:fit-content;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px}.status-b-d-head{display:flex;justify-content:space-between;align-items:center;width:100%}.status-b-d-h-left{display:flex;justify-content:center;align-items:center;width:fit-content;gap:15px}.status-b-d-h-left p{font-size:14px;color:var(--black-50)}.status-b-d-h-left img{height:70px;width:70px;object-fit:cover;object-position:center;border-radius:5px;border:1px solid var(--white)}.status-b-d-h-left div span{display:flex;justify-content:start;align-items:start;gap:2px}.status-b-d-h-left div span a{color:var(--black);font-weight:400;text-decoration:none}.status-b-d-h-left div span a:hover{text-decoration:underline}.status-b-d-h-left div span img{height:20px;width:20px;border:transparent;opacity:50%;cursor:pointer}.status-b-d-h-right{display:flex;flex-direction:column;justify-content:center;align-items:end}.status-b-d-h-right p{width:fit-content;padding:5px 10px;border-radius:100px}.status-b-d-h-right p:last-child{color:var(--black-50);font-size:14px}.status-b-d-surat{width:100%;height:120px;overflow:hidden;cursor:pointer;position:relative;border:2px solid var(--black-10);padding:10px;border-radius:5px}.status-b-d-surat:hover{border:2px solid var(--black-50)}.status-b-d-surat:after{content:"";position:absolute;width:100%;height:80%;background:#fff;background:linear-gradient(0deg,#fff,#48b9ff00);bottom:0;display:flex;justify-content:center;align-items:end;padding-bottom:5px}.status-b-d-surat-on{height:fit-content}.status-b-d-surat-on:after{content:"";position:absolute;width:100%;height:80%;background:transparent}.status-b-d-notes{border-top:2px solid var(--black-10);padding-top:10px;width:100%}.status-b-d-notes p,.status-b-d-surat p{white-space:pre-line}.status-b-d-cv{display:flex;justify-content:start;align-items:center;gap:10px;width:100%}.status-b-d-cv a{color:var(--black);text-decoration:none}.status-b-d-cv a:hover{text-decoration:underline}.status-b-d-cv img{height:20px}.popup-wrap-status{display:none}.status-b-detail-pop{width:100%}@media screen and (width <= 1000px){.status-body{grid-template-columns:1fr}.status-b-detail{display:none}.popup-wrap-status{display:flex}}@media screen and (width <= 800px){.status-head{flex-wrap:wrap}.status-search,.status-search input{width:100%}.status-b-item{padding:10px;flex-direction:column;gap:10px}.status-b-i-status{width:100%;justify-content:space-between;flex-direction:row}.status-filter{flex-wrap:wrap}}@media screen and (width <= 500px){.status-b-d-head{flex-direction:column}.status-b-d-h-left{width:100%;justify-content:start}.status-b-d-h-right{flex-direction:row;justify-content:start;width:100%}}.posting-body{border-top:2px solid var(--black-50);display:grid;grid-template-columns:1fr 1fr;padding:10px 0}.posting-body form{display:flex;flex-direction:column;justify-content:start;align-items:start}.posting-body form span{display:flex;justify-content:center;align-items:center;width:100%;gap:10px;height:fit-content;margin-bottom:10px}.posting-body form span button{height:40px;padding:0 20px;border-radius:5px}.posting-body form span input{width:100%;margin-bottom:0}.posting-body form input,.posting-body form select{font-size:16px;width:100%;height:40px;border:2px solid var(--black-10);padding:0 5px;border-radius:5px;margin-bottom:10px}.posting-body form textarea{font-size:16px;width:100%;height:200px;border:2px solid var(--black-10);padding:5px;border-radius:5px;margin-bottom:10px;resize:none}.posting-body form p{color:var(--black-50);font-size:13px}.p-b-skill-wrap{width:100%;display:flex;flex-wrap:wrap;gap:10px}.s-item{font-size:16px;font-weight:400;display:flex;justify-content:center;align-items:center;gap:15px}.s-item:hover{transform:scale(1)}.s-item img{cursor:pointer;width:10px}.s-item img:hover{transform:scale(1.2)}.posting-action{display:flex;gap:10px;justify-content:end;align-items:center;width:100%;padding-top:30px}@media screen and (width < 1000px){.posting-body{grid-template-columns:1fr;gap:20px}}@media screen and (width < 800px){.posting-action,.posting-h4{display:none}.posting-body{border-top:none}}.daftar-header{color:var(--black);padding:10px;width:100%;height:fit-content;border-bottom:2px solid var(--black-10);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .3fr}.daftar-wrap{width:100%;height:fit-content}.daftar-w-content{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .3fr;transition:.3s;cursor:default;border-bottom:2px solid var(--black-10)}.daftar-w-content:hover{background-color:#edf8ff;transition:.3s;grid-template-columns:1.5fr 1fr 1fr 1.1fr .2fr}.daftar-w-content div{display:flex;justify-content:start;align-items:center}.daftar-w-c-pelamar{height:100px;gap:10px;padding:10px}.daftar-w-c-pelamar p{font-size:14px}.daftar-w-c-pelamar img{height:100%;width:70px;height:70px;border-radius:100%;object-fit:cover;object-position:center}.daftar-w-c-cv img{height:20px}.daftar-w-c-cv{gap:10px}.daftar-w-c-cv a{color:var(--black)}.daftar-popup{width:1000px;height:fit-content;display:grid;grid-template-columns:1fr 1fr;gap:20px}.daftar-p-content{width:100%}.daftar-p-c-pelamar{width:100%;height:80px;border:2px solid var(--black-10);border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:10px;cursor:pointer;transition:.3s}.daftar-p-c-pelamar:hover{border:2px solid var(--black-50);transition:.3s}.daftar-p-c-pelamar:active{border:2px solid var(--black)}.daftar-p-c-pelamar span{display:flex;justify-content:start;align-items:center;gap:10px}.daftar-p-c-pelamar span p{color:var(--black-50);font-size:14px}.daftar-p-c-pelamar span img{height:60px;width:60px;object-fit:cover;object-position:center;border-radius:100%}.daftar-p-c-pelamar img{height:25px}.daftar-p-c-coverletter{width:100%;height:fit-content}.daftar-p-c-coverletter p{white-space:pre-line}.daftar-p-c-cv{width:100%;display:flex;justify-content:start;align-items:center;gap:5px}.daftar-p-c-cv img{height:25px}.daftar-p-c-cv a{color:var(--black)}.daftar-p-c-info{width:100%}.daftar-p-c-info span{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.daftar-p-c-info span a{color:var(--black);display:flex;justify-content:center;align-items:center;gap:5px}.daftar-p-c-pesan{display:flex;flex-direction:column;justify-content:start;align-items:start}.daftar-p-c-pesan textarea{width:100%;height:400px;border:2px solid var(--black-10);padding:5px;border-radius:5px;font-size:16px;resize:none}.daftar-p-c-action{margin-top:10px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.daftar-p-c-info span p:first-child{color:var(--black-50)}.daftar-p-c-action button{height:40px;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:.3s}.daftar-p-c-action button:hover{filter:brightness(90%);transition:.3s}.daftar-p-c-action button:active{filter:brightness(80%)}.daftar-button-tolak{border:2px solid #ff2323;background-color:#fdd;color:#ff2323}.daftar-button-terima{border:2px solid #00b80c;background-color:#c8ffc4;color:#00b80c}.daftar-p-c-pesan label{color:var(--black-50);margin-bottom:5px}.daftar-p-c-pesan p{border:2px solid var(--black-10);display:block;width:100%;min-height:100px;height:fit-content;padding:5px;border-radius:5px}@media screen and (width <= 1100px){.daftar-popup{width:80vw;grid-template-columns:1fr 1fr;height:fit-content;z-index:100}.daftar-p-content:last-child{border-top:2px solid var(--black-10);padding-top:10px}}@media screen and (width <= 900px){.daftar-popup{width:100%;grid-template-columns:1fr;height:fit-content;z-index:100}.daftar-p-content:last-child{border-top:2px solid var(--black-10);padding-top:10px}}@media screen and (width <= 900px){.daftar-w-content{grid-template-columns:1.5fr 1fr .5fr 50px}.daftar-w-c-pelamar img{width:50px;height:50px}.daftar-w-c-lowongan{display:none;position:absolute;opacity:0}.daftar-header,.daftar-w-c-action{display:none}}@media screen and (width <= 600px){.daftar-w-content{grid-template-columns:1.5fr .5fr 50px}.daftar-w-c-cv{position:absolute;opacity:0}}.status-application{display:block;width:fit-content;height:fit-content;padding:5px 10px;border-radius:100px;font-weight:500}.status-application-yellow{background-color:#fff7c2;color:#ecae06}.status-application-red{background-color:#ffcac7;color:#e5271d}.status-application-green{background-color:#ddfcdc;color:#21c622}.dashboard-container{display:grid;grid-template-columns:300px 1fr;width:100%;height:100vh}.dashboard-sidebar{padding:20px;display:flex;flex-direction:column;justify-content:space-between}.dashboard-s-buttnav{width:100%;margin-top:20px}.button-sidebar{display:flex;justify-content:start;align-items:center;gap:10px;width:100%;height:45px;padding:9px;border-radius:10px;font-size:16px;font-weight:500;background-color:transparent;border:transparent;transition:.2s}.button-sidebar-on{background-color:var(--black-10);pointer-events:none}.button-sidebar:hover{background-color:var(--white-dark);transition:.2s}.button-sidebar:active{background-color:var(--black-10)}.button-sidebar img{height:100%}.dashboard-sidebar-logo2{display:none}@media screen and (width <= 1000px){.dashboard-container{grid-template-columns:65px 1fr}.dashboard-sidebar{padding:20px 10px}.dashboard-sidebar span{display:flex;flex-direction:column;align-items:center;justify-content:center}.button-sidebar{width:100%;padding:10px}.button-sidebar p,.dashboard-sidebar-logo1{display:none}.dashboard-sidebar-logo2{display:block}}.dashboard-header{width:100%;height:fit-content;display:flex;justify-content:space-between;align-items:center;gap:20px}.dashboard-h-profil{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px;border-radius:10px;cursor:pointer}.dashboard-h-profil:hover{background-color:var(--white)}.dashboard-h-profil img{height:40px;width:40px;border:2px solid var(--black-10);border-radius:100%}.dashboard-header input{font-size:16px;padding:10px 15px;width:400px;border-radius:100px;border:2px solid var(--black-10)}@media screen and (width <= 800px){.dashboard-h-profil{display:none}}.dashboard-content{background-color:var(--white-dark);height:100vh;padding:20px;overflow:auto}.dashboard-filter{display:flex;justify-content:space-between;align-items:center;padding:10px}.dashboard-filter-list{display:flex;justify-content:start;align-items:center;gap:10px}.dashboard-filter-list button{background-color:var(--white);border:transparent;cursor:default;display:flex;justify-content:center;align-items:center;gap:5px;font-size:16px}.dashboard-filter-list button img{height:15px}.dashboard-filter-list button:hover{filter:brightness(90%)}.dashboard-filter-list button:active{filter:brightness(60%)}.dashboard-filter select{font-size:16px;height:40px;border:transparent;background-color:var(--white);padding:10px;border-radius:5px}.dashboard-filter button{width:100px;height:40px;border-radius:5px}.dashboard-popup{width:700px;height:fit-content;max-height:80dvh;overflow:auto}.dashboard-popup-profil label{position:relative;width:100px;height:100px;border-radius:100%;border:2px solid var(--black-50);display:block;background-position:center;background-size:cover;cursor:pointer;margin-bottom:10px}.dashboard-popup-profil label:after{content:"Ubah profil";position:absolute;right:-100px;top:50%;transform:translateY(-50%);text-decoration:underline;cursor:pointer}.dashboard-popup-profil input{display:none}.dashboard-popup-text{width:100%;height:fit-content}.dashboard-popup-text input,.dashboard-popup-text select,.dashboard-popup-text textarea{font-size:16px;width:100%;padding:5px;border-radius:5px;border:2px solid var(--black-10);margin-bottom:10px}.dashboard-popup-text textarea{height:200px;resize:none}.dashboard-popup span{display:flex;gap:10px}.dashboard-popup span input,.dashboard-popup span button{height:40px}.dashboard-popup-cv input{display:none}.dashboard-popup-cv label{display:block;border:2px solid var(--black-10);width:130px;height:160px;display:flex;justify-content:center;align-items:center;padding:10px;flex-direction:column;font-size:13px;border-radius:5px}.dashboard-popup-cv label:hover{border:2px solid var(--black-50)}.dashboard-popup-cv label img{height:25px}.dashboard-popup-action{width:100%;display:flex;justify-content:end;align-items:center;padding:10px 0}.dashboard-pelamar-header{width:100%;background-color:var(--white);display:grid;padding:10px 20px;border-radius:10px 10px 0 0;grid-template-columns:2fr 2fr 1.5fr 1fr .5fr}.dashboard-pelamar-wrap{width:100%;height:fit-content;background-color:var(--white);padding:10px;border-radius:0 0 10px 10px;display:flex;flex-direction:column;justify-content:start;align-items:center}.dashboard-pelamar-w-item{width:100%;padding:10px;cursor:default;border-top:1px solid var(--black-10);border-bottom:1px solid var(--black-10)}.dashboard-pelamar-w-item:hover{background-color:var(--white-dark)}.dashboard-pelamar-w-item{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr .5fr}.dashboard-pelamar-w-item div:not(:first-child,:last-child){display:flex;justify-content:start;align-items:center}.dashboard-pelamar-w-i-nama{height:fit-content;gap:10px;display:flex;justify-content:start;align-items:center}.dashboard-pelamar-w-i-nama img{border-radius:100%;height:40px;width:40px;object-fit:cover;object-position:center}.dashboard-w-i-action{display:flex;justify-content:end;align-items:center;gap:10px}.dashboard-w-i-action button{width:30px;height:30px;padding:8px;border:transparent;border-radius:5px;cursor:pointer;transition:.2s}.dashboard-w-i-action button:hover{transform:scale(1.1);transition:.2s}.dashboard-w-i-action button:first-child{background-color:var(--black-10)}.dashboard-w-i-action button:last-child{background-color:#ff2323;padding:6px}.dashboard-w-i-action button img{height:100%}.dashboard-home{width:100%;height:calc(100% - 60px);display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:auto}.d-h-head{background-color:var(--white);width:100%;height:200px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.d-h-h-item{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.d-h-h-item h6{width:100%}.d-h-h-item span h1{font-weight:500;font-size:95px}.d-h-h-item span{display:flex;justify-content:center;align-items:center;gap:20px}.d-h-h-i-cart{width:100%;height:25px}.d-h-h-i-cart p{font-size:11px;color:var(--black-50)}.d-h-body{width:100%;height:fit-content;margin:10px 0;display:grid;grid-template-columns:2fr 1fr;gap:20px}.d-h-b-c-wrap{display:flex;width:100%;height:fit-content;justify-content:space-between;align-items:center}.d-h-b-c-wrap select{font-size:16px;padding:5px 10px;border:2px solid var(--black-10);border-radius:5px}.d-h-b-c-wrap select:hover{border:2px solid var(--black-50)}.d-h-b-cart{background-color:var(--white);border-radius:10px;width:100%;padding:20px}.d-h-b-c-content{height:100%;width:100%}.d-h-b-pie{background-color:var(--white);border-radius:10px;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:start}.kebijakan{width:100%;height:fit-content;text-align:justify}.kebijakan ul{margin-left:20px}.kebijakan ul li p b{width:fit-content;height:fit-content;text-align:start;text-wrap:nowrap;display:inline-block}.setelan-container{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px;padding:10px;width:100%;height:fit-content;min-height:100dvh}.setelan-head{width:100%;height:120px;border-radius:10px;background:#83d3ff;background:linear-gradient(211deg,#83d3ff,#005df4);display:flex;justify-content:start;align-items:center;padding:20px;gap:10px;color:var(--white)}.setelan-head img{border-radius:100%;object-fit:cover;object-position:center}.setelan-head h3{font-weight:600;font-size:20px;line-height:25px}.setelan-general{width:100%;display:flex;flex-direction:column;gap:20px}.s-g-wrap{border:2px solid var(--black-10);border-radius:10px;width:100%}.s-g-item{display:flex;width:100%;height:fit-content;padding:10px;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--black-10)}.s-g-item:last-child{border-bottom:none}.s-g-item:active{background-color:var(--black-10)}.s-g-item p{width:100%}.profil-pelamar{width:100%;height:fit-content;display:grid;grid-template-columns:1fr 300px;gap:20px}.p-p-main{width:100%;height:fit-content}.p-p-m-banner{width:100%;height:120px;border-radius:20px}.p-p-m-head{width:100%;height:fit-content;position:relative;padding:45px 10px 10px;display:flex;justify-content:space-between;align-items:end}.p-p-m-h-left{width:100%}.p-p-m-head img{width:80px;height:80px;left:20px;object-fit:cover;object-position:center;border-radius:100%;position:absolute;top:-40px;border:2px solid var(--white-dark)}.p-p-m-head input{position:absolute;top:-40px;left:20px;border-radius:100%;opacity:0;border:1px solid black;width:80px;height:80px;cursor:pointer}.p-p-m-head span{display:flex;justify-content:start;align-items:center;gap:5px;color:var(--black-50)}.p-p-m-head span img{position:static;border:transparent;width:20px;height:20px}.p-p-m-body{width:100%;height:fit-content;padding:10px;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px}.p-p-m-b-content{width:100%}.p-p-m-b-c-list{width:100%;display:grid;grid-template-columns:25px 1fr}.skill-wrap{width:100%;display:flex;flex-wrap:wrap;gap:10px;padding:5px 0}.skill-wrap p{background-color:var(--white-dark);padding:10px 20px;border-radius:100px;cursor:default;display:flex;justify-content:center;align-items:center;gap:5px}.skill-wrap p img{cursor:pointer}.p-p-side{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px}.cv-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;width:100%;height:fit-content;gap:20px;margin-top:5px}.p-p-m-b-c-cv{background-color:var(--white-dark);width:100%;height:200px;border-radius:10px;justify-content:space-between;display:flex;align-items:center;flex-direction:column;gap:5px;cursor:pointer;transition:.3s;position:relative;padding:10px}.p-p-m-b-c-cv:hover{transform:scale(1.05);transition:.3s}.p-p-m-b-c-cv img{height:50px}.p-p-m-b-c-cv span:nth-child(2){width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.p-p-m-b-c-cv span:nth-child(3){width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--black-50)}.p-p-m-b-c-cv span:nth-child(3) p{font-size:13px}.p-p-m-b-c-cv button{height:30px;width:30px;place-self:end;border:1px solid var(--black-10);border-radius:3px;padding:2px;cursor:pointer}.p-p-m-b-c-cv button:hover{background-color:var(--black-10)}.p-p-m-b-c-cv button:active{background-color:var(--white-dark)}.p-p-m-b-c-cv button img{height:100%}.p-p-m-b-c-cv-add{width:100%;height:200px;display:flex;justify-content:center;align-items:center;position:relative;border:1px solid var(--black-10);border-radius:10px}.p-p-m-b-c-cv-add input{position:absolute;width:45px;height:45px;border:1px solid black;opacity:0}.p-p-m-b-c-cv-add img{width:45px;cursor:pointer;transition:.3s}.p-p-m-b-c-cv-add img:hover{transform:scale(1.1);transition:.3s}.p-p-s-percent{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:start;align-items:center;background:#efefef;background:linear-gradient(0deg,#efefef,#d1d1d100);border-radius:30px;padding:30px 10px;text-align:center;gap:20px;color:#525252}.p-p-s-percent h5{font-size:20px}.p-p-s-lowongan{width:100%;height:fit-content;padding:10px}.p-p-s-l-item{margin-top:5px;border-bottom:1px solid var(--black-10);padding:5px;cursor:default;border-radius:5px}.p-p-s-l-item:hover{background-color:var(--black-10)}.p-p-s-l-item img{width:25px;height:25px;object-fit:cover;object-position:center;border-radius:5px}.p-p-s-l-item p{font-weight:600}.p-p-s-l-item span{display:flex;justify-content:start;align-items:center;gap:5px}.p-p-s-l-item span p{width:100%;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--black-50)}.profil-popup{width:600px;max-height:90dvh;height:fit-content;overflow:auto;scrollbar-width:none}.profil-popup span{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;margin-bottom:10px}.profil-popup span input,.profil-popup span select{width:100%;height:40px;font-size:16px;padding:5px;border-radius:5px;border:2px solid var(--black-10)}.profil-popup span textarea{width:100%;height:200px;font-size:16px;padding:5px;border-radius:5px;resize:none;border:2px solid var(--black-10)}.profil-popup-keahlian{width:100%;display:flex;justify-content:center;align-items:center;gap:5px}.profil-popup-keahlian button{border-radius:10px;height:40px}.profil-popup-action,.profil-popup-action button{width:100%}@media screen and (width < 1150px){.cv-wrap{grid-template-columns:1fr 1fr 1fr}}@media screen and (width < 900px){.cv-wrap{grid-template-columns:1fr 1fr}}@media screen and (width < 900px){.profil-popup{width:100%;height:100%}}@media screen and (width < 800px){.profil-popup-action{display:none}.profil-pelamar{padding-bottom:50px}}@media screen and (width < 750px){.profil-pelamar{grid-template-columns:1fr}.cv-wrap{grid-template-columns:1fr 1fr 1fr}.profil-popup{height:100dvh}}@media screen and (width < 550px){.cv-wrap{grid-template-columns:1fr 1fr}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}