:root, :before, :after{
  --bg-2:#292C3D; 
  --bg-3:#12141A; 
  --bg-4:#3E3F4E; 
  --color-border:255 255 255;
  --color-overlay:0 0 0;
  --color-text-1:#C9C9C9; 
  --color-text-2:#FFFFFF; 
  --color-text-3:#EE3032;
  --color-text-4:#646467;
  --color-text-5:#2CB0FF;
  --color-text-6:#1AB352;
  --color-text-7:#F36C20;
  --color-text-8:#707070;
  --color-text-9:#333B5C;
  --color-text-10:#3c425c;
  --color-fb:#4867aa;
  --color-tw:#00acec;
  --color-wa:#2bb240;
  --rounded-1:var(--size-2);
  --rounded-2:var(--size-3);
  --rounded-3:var(--size-4);
  --rounded-4:var(--size-5);
  --hover-opacity:0.55;
  --shadow-default:0 2px 10px rgb(0 0 0 / 25%);
  --transition-default:all 0.34s;
}



body, html{color:var(--color-text-1);}
body.freeze-scroll{overflow:hidden;}
a, .btn, button{transition:var(--transition-default); cursor:pointer}
a, button{color:var(--color-text-2); fill:var(--color-text-2);}
a:hover, button:hover{color:var(--color-text-8); fill:var(--color-text-8);}
.btn, a.btn, button.btn{background-color:var(--color-text-3); color:var(--color-text-2); fill:var(--color-text-2); border-radius:var(--rounded-3);}
.btn:hover, a.btn:hover, button.btn:hover{background-color:var(--color-text-8); color:var(--color-text-2); fill:var(--color-text-2);}
.sticky-curr > .sticky-label:after{content:''; display:block; position:absolute; height:3px; background-color:var(--color-text-3); 
border-radius:var(--rounded-3);}
.thumb-loading:before{animation:skeleton-loading 1s infinite; transform:translateX(-100%);
background:linear-gradient(90deg, rgb(var(--color-border) / 0%) 0%, rgb(var(--color-border) / 21%) 49%, rgb(var(--color-border) / 21%) 51%, rgb(var(--color-border) / 0%) 100%);}
@-webkit-keyframes skeleton-loading{100%{transform:translateX(100%);}}
@keyframes skeleton-loading{100%{transform:translateX(100%);}}



.flex_ori > img{opacity:0; transition:all 300ms;}
.flex_ori > img.lazyloaded{opacity:1;}



input.search-field, button.search-button{border-radius:var(--rounded-4);}
input.search-field{border-color:var(--bg-4); background-color:var(--bg-4); color:var(--color-text-2); box-shadow:var(--shadow-default);}
.search-note b{color:var(--color-text-3);}



.section-title{color:var(--color-text-2); fill:var(--color-text-2);}
.section-title-link{color:var(--color-text-5); fill:var(--color-text-5);}
.section-title-link:hover{color:var(--color-text-7); fill:var(--color-text-7);}
.section-title-link .svgicon{transition:var(--transition-default);}
.section-title-link:hover .svgicon{margin-left:var(--size-3);}
.section-title-summary{color:var(--color-text-1);}



header{transition:var(--transition-default);}
body.body-margin header{background-color:var(--bg-1);}
header.header-sticky, body.body-margin header.header-sticky{background-color:var(--bg-2);}
header .sticky-link{position:relative; z-index:2000;}
header .show-sticky{fill:var(--color-text-3);}
.sticky-link-logo:hover, .sticky-link-profile:hover{opacity:var(--hover-opacity);}
.slp-circle{border-radius:50%;}

.sticky-box{position:relative;}
.sticky-sub-notif{position:absolute; z-index:1; top:0; padding-top:calc(var(--size-6) + var(--size-2));}
.sticky-sub{position:absolute; z-index:1; top:0; right:var(--size-3); padding-top:calc(var(--size-6) + var(--size-2));}
.sticky-sub-container{background-color:var(--bg-2); padding:var(--size-3); border-radius:var(--rounded-2); box-shadow:var(--shadow-default); width:175px;}
.sticky-sub-notif-container{background-color:var(--bg-2); border-radius:var(--rounded-2); box-shadow:var(--shadow-default); width:300px;}
.sticky-link-sub{--icon-size:18px; display:grid; grid-gap:var(--size-3); grid-template-columns:var(--icon-size) 1fr;
align-items:center; color:var(--color-text-2); fill:var(--color-text-2); padding:var(--size-3);}
.sticky-link-sub:hover{color:var(--color-text-8); fill:var(--color-text-8);}
.sticky-link-sub .svgicon{width:var(--icon-size); height:auto;}



nav{background-color:var(--bg-2);}

.head-icon-menu{position: relative;}

.title-notif{font-size: 16px; font-weight: 700; text-transform: capitalize; color: var(--color-text-2); padding:var(--size-3);}
.header-notif{display: flex; justify-content: space-between;}
.menu-notif{position: relative; display: flex;}
.notif-menu-btn{height: 52px; border-bottom: 1px solid var(--color-text-1); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; width: 50% !important;}
.notif-menu-btn p{color: var(--color-text-2);}
.notif-menu-btn.active{font-weight: 700; background-color: var(--bg-2); border-bottom: 1px solid var(--color-text-3);}
.notif-menu-btn.active p{color: var(--color-text-3);}
#notif-brand:hover, #notif-talent:hover{background-color: var(--color-text-9);}
.type-notif{color: var(--color-text-2); font-size: 10px; font-weight: 700;}
.head-icon-notif{position: relative; display: flex; gap: 4px; align-items: center; font-size: 10px;}
.head-icon-notif svg{width: 16px; height: 16px; fill: var(--color-text-2);}
.head-icon-notif p{text-transform: uppercase;}
.content-notif{width: 100%; height: 320px; overflow-y: scroll; padding-right: 17px; box-sizing: content-box; -ms-overflow-style: none; scrollbar-width: none;}
.content-notif::-webkit-scrollbar{display: none;}
.notif-box{ padding:var(--size-3); background-color: var(--color-text-9); border-bottom: 1px solid var(--color-text-4);}
.notif-box:hover{cursor: pointer; background-color: var(--bg-1);}
.notif-dot{width: 12px; height: 12px; position: absolute; z-index: 1000; top: -6px; right: -4px; border-radius: 50%; background-color: var(--color-text-3);}
.notification-talent{top: 12px; right: 12px;}
.sticky-link-sub-notif{margin: 8px 0; font-weight: 700; color: var(--color-text-2);}
.desc-notif{font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.notif-more{display: flex; border-top: 1px solid var(--color-text-1); justify-content: space-between;padding:var(--size-3);}

.sticky-sub-notif-container:nth-child(3){border-bottom: none;}

footer{margin-top:var(--size-6);}
footer > .width-max{display:grid; grid-gap:var(--size-4);}
.footer-menu{display:flex; flex-wrap:wrap;}
.footer-menu-link{margin-bottom:var(--size-3); margin-right:var(--size-4);}
.footer-socmed{display:flex; align-items:center;}
.footer-socmed-link{margin-left:var(--size-4);}
.footer-socmed-link:hover{opacity:var(--hover-opacity);}
.footer-socmed-link img{position:relative; width:auto; height:var(--size-4)}



.muat-lainnya-button,
.add-portfolio-btn,
.remove-portfolio-btn,
.goto-myjob-button{padding:var(--size-3) var(--size-5); margin-top:var(--size-5); border:1px solid var(--color-text-2); border-radius:var(--rounded-4); width: 100%; text-align: center;}
.add-portfolio-btn,
.remove-portfolio-btn,
.goto-myjob-button{margin-top:var(--size-4);}
.muat-lainnya-button:hover,
.goto-myjob-button:hover{border-color:var(--color-text-8)}
.remove-portfolio-btn:hover{background-color: var(--color-text-3); color: var(--color-text-2);}
.add-portfolio-btn:hover{background-color: var(--color-text-6); color: var(--color-text-2);}



.popup-full-overlay, .popup-full-container{position:absolute; top:0; left:0; width:100%; height:100%;}
.popup-full-overlay{z-index:1;}
.popup-full-container{display:flex; justify-content:center; align-items:center;}
.popup-full-box{position:relative; z-index:2000; background-color:var(--bg-2); width:100%; max-width:610px; max-height:calc(100vh - (var(--size-6) * 3));
border-radius:var(--rounded-2); overflow-y:auto;}

.popup-share{position:fixed; z-index:var(--max-zindex); top:0; left:0; width:100%; height:100%; background-color:rgb(var(--color-overlay) / 89%);}
.popup-share-head{display:flex; justify-content:space-between;}
.popup-share-head > *{display:flex; align-items:center;}
.popup-share-title{font-size:var(--icon-size);}
.popup-share-close .svgicon{width:auto; height:calc(var(--icon-size) + 4px);}
.popup-share-list{display:flex; margin:var(--size-4) 0;}
.popup-share-link{width:var(--share-button); height:var(--share-button); margin-right:var(--size-3); border-radius:50%; overflow:hidden;
background-color:var(--color-text-2); fill:var(--bg-2);}
.popup-share-link:hover{fill:var(--color-text-2);}
.popup-share-link .svgicon{width:calc(var(--share-button) / 1.75); height:auto;}
.popup-share-facebook{fill:var(--color-fb);}
.popup-share-facebook:hover{background-color:var(--color-fb);}
.popup-share-twitter{fill:var(--color-tw);}
.popup-share-twitter:hover{background-color:var(--color-tw);}
.popup-share-whatsapp{fill:var(--color-wa);}
.popup-share-whatsapp:hover{background-color:var(--color-wa);}
.popup-share-copyurl{position:relative; border-radius:var(--rounded-4); overflow:hidden;}
.psc-field{width:100%; padding:var(--size-4); border:0; background-color:var(--bg-4); color:var(--color-text-2);
border-radius:var(--rounded-4); overflow:hidden;}
.psc-button{position:absolute; z-index:1000; top:0; right:0; width:96px; height:100%; background-color:var(--bg-4);
display:flex; justify-content:center; align-items:center; color:var(--color-text-5); fill:var(--color-text-5);}
.psc-button .svgicon{margin-right:var(--size-2); width:auto; height:var(--fontsize-default);}

.popup-search{position:fixed; z-index:calc(var(--max-zindex) - 11000); padding:var(--size-2) var(--size-4);}



.popup-alert{position:fixed; z-index:calc(var(--max-zindex) - 12000); top:var(--size-6); left:0; width:100%; text-align:center;}
.popup-alert-box{padding:var(--size-4); background:var(--bg-4); border-radius:var(--rounded-2); box-shadow:var(--shadow-default);
margin:var(--size-2) auto; display:inline-block;}
.popup-alert-label{text-align:center; line-height:150%;}
.popup-alert-action{display:flex; justify-content:center;}
.popup-alert-button{width:89px; margin:var(--size-3) var(--size-2) 0;}



.popup-delete-bookmark .popup-alert-button[title='Yes']{background-color:rgb(var(--color-border) / 3%);}
.popup-toggle-bookmark .popup-alert-box{background-color:var(--color-text-6); color:var(--color-text-2);}



.minipopup-action{fill:var(--color-text-2); cursor:pointer; transition:var(--transition-default);}
.minipopup-action:hover{fill:var(--color-text-8);}
.minipopup-action-box{position:absolute; right:0; top:var(--size-5); width:140px; padding:var(--size-3);
background-color:var(--bg-4); border-radius:var(--rounded-1); box-shadow:var(--shadow-default);}
.minipopup-action-button{display:flex; align-items:center; padding:var(--size-2); width:100%;}
.minipopup-action-button .svgicon{width:auto; height:16px; margin-right:var(--size-2);}



.autocomplete-items{position:absolute; z-index:5000; top:calc(var(--icon-size) + var(--size-2)); left:0; width:100%; 
background-color:var(--bg-1); border-radius:var(--rounded-2); overflow:hidden;}
.autocomplete-items > div{padding:var(--size-3); border-bottom:1px dashed rgb(var(--color-border) / 13%);}
.autocomplete-items > div:hover{background-color:rgb(var(--color-border) / 13%); cursor:pointer;}


@media screen and (min-width:0px) and (max-width:1023px){
  .sticky-curr > .sticky-label:after{bottom:0; left:25%; width:50%;}
  .sticky-sub-notif-show,
  .sticky-sub-show{display:block;}
  .sticky-sub-notif{right: -48px;}
  
  
  
  nav .show-sticky{fill:var(--color-text-3); color:var(--color-text-3);}



  .footer-socmed{margin-bottom:var(--size-4);}
  
  
  
  .popup-full-container, .popup-full-box{padding:var(--size-4);}
  
  .popup-share-head{--icon-size:16px;}
  .popup-share-list{--share-button:48px;}
  
  
  
  .popup-search{bottom:var(--size-6); right:0; width:100%; background:linear-gradient(to bottom, transparent 0%, var(--bg-1) 100%);}
}





@media screen and (min-width:1024px){
  .sticky-curr > .sticky-label:after{bottom:calc(var(--size-2) * -1); left:calc(50% - (var(--size-5) / 2)); width:var(--size-5);}
  .sticky-box-notif:hover .sticky-sub-notif,
  .sticky-box-profile:hover .sticky-sub{display:block;}
  .sticky-sub-notif{right: -64px;}

  .slp-login-desktop{background-color:var(--color-text-3); border-radius:var(--rounded-4); color:var(--color-text-2); fill:var(--color-text-2);}
  
  
  
  .footer-socmed, .footer-copyright{grid-row:2/3;}
  .footer-socmed{grid-column:2/3; justify-content:flex-end;}
  .footer-menu{grid-column:1/3; grid-row:1/2;}
  
  
  
  .popup-full-container, .popup-full-box{padding:var(--size-5);}
  
  .popup-share-head{--icon-size:22px;}
  .popup-share-list{--share-button:56px;}
  
  
  
  .popup-search{top:var(--size-6); right:0; padding-right:var(--size-5);}
  .popup-search input.search-field{width:377px;}
}





@media screen and (min-width:1280px){
  footer > .width-max{grid-template-columns:repeat(2,1fr);}
  .footer-menu-link{margin-bottom:0;}
}





@media screen and (min-width:1920px){
  .popup-search{right:calc(50% - (var(--site-container) / 2));}
}





@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none){
  
}