.popup-recommend-job-sidebar{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;transition:visibility 0s .3s;visibility:hidden;z-index:1500}.popup-recommend-job-sidebar .popup-recommend-job-sidebar-overlay{background:rgba(38,58,77,.5);inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar{background-color:#fff;border-radius:var(--Conner-Radius-radius-lg2,16px);box-shadow:0 4px 10px 3px rgba(32,40,56,.04),0 6px 14px 4px rgba(32,40,56,.06);display:flex;flex-direction:column;font-family:Inter,sans-serif;height:auto;opacity:0;position:relative;transition:opacity .3s ease;width:470px}@media only screen and (max-width:767px){.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar{margin:0 20px}}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__close{border-radius:40px;cursor:pointer;position:absolute;right:14px;top:14px;transition:background .3s}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__close:hover{background:var(--Neutral-Neutral-10s,#f2f4f5)}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__close i{color:var(--Neutral-Neutral-40s,#7f878f);font-size:20px;font-style:normal;font-weight:400;height:32px;line-height:32px;text-align:center;width:32px}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__header{color:var(--Neutral-Neutral-50s,#263a4d);font-size:20px;font-style:normal;font-weight:600;letter-spacing:-.2px;line-height:28px;padding:16px 24px}@media only screen and (max-width:767px){.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__header{font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.16px;line-height:24px;padding:16px 16px 8px}}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__body{padding:0 24px 8px}@media only screen and (max-width:767px){.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__body{padding:8px 16px}}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__body--title{color:var(--Neutral-Neutral-50s,#263a4d);font-size:14px;font-style:normal;font-weight:400;letter-spacing:.14px;line-height:20px}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__body--title a{color:var(--Neutral-Neutral-50s,#263a4d);text-decoration:underline}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__footer{padding:16px 24px}@media only screen and (max-width:767px){.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__footer{padding:16px}}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__footer .button-group{display:flex;gap:12px}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__footer .button-group__button{align-items:center;border-radius:var(--Conner-Radius-radius-lg3,24px);cursor:pointer;display:flex;flex:1;font-size:14px;font-style:normal;font-weight:600;height:40px;justify-content:center;letter-spacing:.175px;line-height:20px}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__footer .button-group__button-cancel{background:var(--White-White-50s,#fff);border:1px solid var(--Neutral-Neutral-20s,#dfdfdf);color:var(--Neutral-Neutral-50s,#263a4d);transition:background .3s}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__footer .button-group__button-cancel:hover{background:#f9f9f9}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__footer .button-group__button-allow{background:#00b14f;border:1px solid #00b14f;color:#fff;transition:background .3s,border-color .3s}.popup-recommend-job-sidebar .box-popup-recommend-job-sidebar__footer .button-group__button-allow:hover{background:#009643;border-color:#009643}.popup-recommend-job-sidebar.open{pointer-events:auto;transition:visibility 0s 0s;visibility:visible}.popup-recommend-job-sidebar.open .box-popup-recommend-job-sidebar,.popup-recommend-job-sidebar.open .popup-recommend-job-sidebar-overlay{opacity:1}