.sign-in-component .sign-in-component-container{position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);height:100%;width:100vw;display:flex;align-items:center;justify-content:center;max-height:100vh;overflow:auto;padding:5vh 0;visibility:none;opacity:0;transition:opacity .3s;z-index:-3}
.sign-in-component .sign-in-component-container.hidden{display:none !important}
.sign-in-component .sign-in-component-container.active{z-index:99;visibility:visible;opacity:1}
.sign-in-component .sign-in-component-container .dialog{text-align:center;flex-shrink:0;width:598px;background-color:#fff;padding:80px 60px 32px;border-radius:32px;visibility:hidden;opacity:0;position:absolute;left:0;top:0;margin:auto;max-height:0;overflow:hidden}
.sign-in-component .sign-in-component-container .dialog.visible{transition:opacity .5s linear;opacity:1;visibility:visible;position:relative;max-height:unset}
@media(max-width:1219px){.sign-in-component .sign-in-component-container .dialog{border-radius:24px}
}
@media(max-width:767px){.sign-in-component .sign-in-component-container .dialog{padding:80px 20px 32px;width:calc(100vw - 40px);border-radius:12px}
}
.sign-in-component .sign-in-component-container .dialog#welcome .image-container{margin:auto;width:96px;height:96px}
.sign-in-component .sign-in-component-container .dialog#welcome .image-container>img{width:100%}
.sign-in-component .sign-in-component-container .dialog#welcome .user-name{height:24px;margin-top:8px;color:#757575;opacity:0;transition:opacity .3s}
.sign-in-component .sign-in-component-container .dialog#welcome .user-name.active{opacity:1}
.sign-in-component .sign-in-component-container .dialog#welcome .title{margin:20px auto}
.sign-in-component .sign-in-component-container .dialog#welcome .description{margin:20px auto 36px}
.sign-in-component .sign-in-component-container .dialog#welcome .academy-btn-lg-solid-black{background-color:#00626b;border-color:#00626b;line-height:24px}
@media(max-width:767px){.sign-in-component .sign-in-component-container .dialog#welcome .academy-btn-lg-solid-black{margin-bottom:21px}
}
.sign-in-component .sign-in-component-container .dialog#welcome .academy-btn-lg-solid-black:hover{background-color:#000;border-color:#000}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item{padding:16px 24px;display:flex;align-items:center;cursor:pointer;border-radius:4px;border:2px solid #f8efed;transition:.3s}
@media(max-width:767px){.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item{padding:16px 12px;display:block}
}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item:nth-child(1){background-color:#fcf7f5;border-color:#f8efed}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item:nth-child(1):not(.active):hover{border-color:#e8d8d7}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item:nth-child(2){background-color:#f2f7f4;border-color:#e4f0e9}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item:nth-child(2):not(.active):hover{border-color:#cadbd4}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item:nth-child(3){background-color:#fdfaee;border-color:#f9f5e3}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item:nth-child(3):not(.active):hover{border-color:#ede5ca}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item:nth-child(4){background-color:#f4fafc;border-color:#ebf4f8}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item:nth-child(4):not(.active):hover{border-color:#d6e3ea}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item.active{position:relative;border-color:#00626b}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item.active::after{content:url('../images/png/Check.svg');position:absolute;top:4px;right:4px}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item>.image-container{width:64px;height:64px}
@media(max-width:767px){.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item>.image-container{margin:auto}
}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item>.image-container>img{width:100%}
.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item>.text{margin-left:20px;font-family:'Poppins';font-weight:500;font-size:14px;line-height:21px}
@media(max-width:767px){.sign-in-component .sign-in-component-container .dialog#choose-job .job-container>.job-item>.text{margin-left:0;margin-top:12px}
}
.sign-in-component .sign-in-component-container .dialog#choose-job .input-container{position:relative;text-align:left;max-height:0;transition:.3s;visibility:hidden;opacity:0;margin-top:0}
.sign-in-component .sign-in-component-container .dialog#choose-job .input-container.visible{opacity:1;visibility:visible;margin-top:16px;max-height:200px}
.sign-in-component .sign-in-component-container .dialog#choose-job .input-container.warn>input{border:2px solid #ff6060;background:rgba(255,96,96,0.2)}
.sign-in-component .sign-in-component-container .dialog#choose-job .input-container.warn>input::placeholder{color:#000;opacity:1}
.sign-in-component .sign-in-component-container .dialog#choose-job .input-container.warn>input:-ms-input-placeholder{color:#000}
.sign-in-component .sign-in-component-container .dialog#choose-job .input-container.warn>input::-ms-input-placeholder{color:#000}
.sign-in-component .sign-in-component-container .dialog#choose-job .input-container.warn>.warn-text{margin-top:6px;max-height:unset;z-index:1;opacity:1}
.sign-in-component .sign-in-component-container .dialog#choose-job .input-container>input{transition:.3s;width:100%;border:1px solid #333;border-radius:4px;padding:16px 0 17px 12px}
.sign-in-component .sign-in-component-container .dialog#choose-job .input-container>.warn-text{outline:none !important;display:block;overflow:hidden;max-height:0;transition:.3s;opacity:0;z-index:-1;color:#ff6060;font-family:'Roboto';font-weight:400;font-size:12px;line-height:122%}
.sign-in-component .sign-in-component-container .dialog#choose-job .buttton-container{margin-top:40px;border-top:1px solid #f2f2f2;display:flex;justify-content:space-between;padding-top:16px;padding-bottom:12px;justify-content:flex-end}
.sign-in-component .sign-in-component-container .dialog#choose-job .buttton-container .academy-btn-lg-solid-black{padding:10px 16px;font-weight:600;font-size:14px;line-height:21px}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container{position:relative}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .overlay{position:absolute;top:160px;width:100%;height:40px;left:0;background:linear-gradient(360deg,#fff 0,rgba(255,255,255,0) 100%)}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .tag-list{padding-right:4px;display:flex;flex-wrap:wrap;margin-top:calc(40px - 10px);height:200px;overflow-x:hidden;overflow-y:hidden;justify-content:center;position:relative;overflow-y:auto;margin-right:-4px}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .tag-list::-webkit-scrollbar{width:4px}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .tag-list::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .tag-list.active::-webkit-scrollbar-thumb{background:#757575}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .tag-list>.tag-item{transition:background .3s,border.3s;display:flex;align-items:center;padding:6px 6px 6px 10px;margin-top:10px;margin-right:10px;border-radius:32px;color:#757575;border:1px solid #f2f2f2;background:#f2f2f2;font-family:'Roboto';font-weight:400;font-size:12px;line-height:14px;cursor:pointer}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .tag-list>.tag-item .tag-name{margin-right:3px}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .tag-list>.tag-item:hover{border:1px solid #ccc}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .tag-list>.tag-item.selected{padding:6px 10px 6px 6px;color:#fff;border:1px solid #00626b;background-color:#00626b}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .tag-list>.tag-item.selected .tag-name{margin-right:0;margin-left:3px}
.sign-in-component .sign-in-component-container .dialog#select-preference .tag-list-container .tag-list>.tag-item>svg{width:20px;height:20px}
.sign-in-component .sign-in-component-container .dialog#select-preference .button-container{padding-bottom:12px;margin-top:40px;padding-top:16px;border-top:1px solid #f2f2f2;display:flex;align-items:center;justify-content:space-between}
.sign-in-component .sign-in-component-container .dialog#select-preference .button-container .back-to-job{cursor:pointer;font-family:'Roboto';font-weight:500;font-size:16px;line-height:19px;color:#00626b;text-decoration:unset}
.sign-in-component .sign-in-component-container .dialog#select-preference .button-container .back-to-job:hover{text-decoration:underline}
.sign-in-component .sign-in-component-container .dialog#select-preference .button-container .back-to-job::before{margin-right:4px}
.sign-in-component .sign-in-component-container .dialog#select-preference .button-container .academy-btn-lg-solid-black{padding:10px 16px;font-family:'Poppins';font-weight:600;font-size:14px;line-height:21px}
.sign-in-component .sign-in-component-container .dialog#finish{text-align:center}
.sign-in-component .sign-in-component-container .dialog#finish .close-button{display:block;width:40px;height:40px;position:absolute;top:20px;right:20px;cursor:pointer}
.sign-in-component .sign-in-component-container .dialog#finish .image-container{width:96px;height:96px;margin:auto}
.sign-in-component .sign-in-component-container .dialog#finish .image-container>img{width:100%}
.sign-in-component .sign-in-component-container .dialog#finish .title{margin-top:20px}
.sign-in-component .sign-in-component-container .dialog#finish .text{margin-top:20px}
.sign-in-component .sign-in-component-container .dialog .dots{display:flex;margin-top:44px !important;width:174px;margin:auto;justify-content:center}
.sign-in-component .sign-in-component-container .dialog .dots>li{width:8px;height:8px;border-radius:8px;background-color:#ccc}
.sign-in-component .sign-in-component-container .dialog .dots>li.active{background-color:#333}
.sign-in-component .sign-in-component-container .dialog .dots>li+li{margin-left:16px}
.sign-in-component svg{height:100%;width:100%}