.wbcom-essential-profile-completion{--completion-color:#1cd991;--number-color:#122b46;--progress-width:6px;--text-color:#a3a5a9;--details-bg:#fff;--progress-size:100px;--progress-percent:0;--button-bg:transparent;--button-border:#9ea8b2;--progress-border:#dedfe2;--button-color:#939597;--incomplete-color:#ef3e46}.wbcom-essential-profile-completion.use-theme-colors{--completion-color:var(--wbcom-success-color,var(--wbcom-color-primary,#1cd991));--number-color:var(--wbcom-heading-color,var(--wbcom-color-contrast,#122b46));--text-color:var(--wbcom-meta-color,var(--wbcom-color-contrast-2,#a3a5a9));--details-bg:var(--wbcom-card-bg,var(--wbcom-color-base,#fff));--button-bg:transparent;--button-border:var(--wbcom-border-color,var(--wbcom-color-border,#9ea8b2));--progress-border:var(--wbcom-border-color,var(--wbcom-color-border,#dedfe2));--button-color:var(--wbcom-text-color,var(--wbcom-color-contrast-2,#939597));--incomplete-color:var(--wbcom-error-color,var(--wbcom-color-secondary,#ef3e46))}.wbcom-profile-completion-wrapper{text-align:center;display:inline-block}.wbcom-profile-completion-align-left{text-align:left}.wbcom-profile-completion-align-center{text-align:center}.wbcom-profile-completion-align-right{text-align:right}.wbcom-profile-completion-figure{position:relative;display:inline-block}.wbcom-profile-completion-skin-circle .wbcom-progress-ring{height:var(--progress-size);position:relative;border-radius:50%;background:conic-gradient(var(--completion-color) 0deg calc(3.6deg*var(--progress-percent)),var(--progress-border) calc(3.6deg*var(--progress-percent)) 1turn);cursor:pointer;width:var(--progress-size)}.wbcom-profile-completion-skin-circle .wbcom-progress-ring-inner{right:var(--progress-width);position:absolute;bottom:var(--progress-width);top:var(--progress-width);border-radius:50%;background:#fff;left:var(--progress-width)}.wbcom-profile-completion-skin-circle .wbcom-progress-data{justify-content:center;right:0;position:absolute;flex-direction:column;bottom:0;top:0;align-items:center;left:0;display:flex}.wbcom-profile-completion-skin-circle .wbcom-progress-num{font-size:22px;font-weight:500;color:var(--number-color);line-height:1.2}.wbcom-profile-completion-skin-circle .wbcom-progress-num span{font-size:12px;color:var(--text-color);vertical-align:super}.wbcom-profile-completion-skin-circle .wbcom-progress-text{font-size:12px;color:var(--text-color)}.wbcom-profile-completion-skin-circle .wbcom-profile-completion-details{transform:translateX(10px);padding:20px;right:calc(100% + 10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;position:absolute;opacity:0;visibility:hidden;min-width:280px;text-align:left;top:0;box-shadow:0 3px 24px 0 rgba(18,43,70,.08);border-radius:10px;background:var(--details-bg);z-index:99}.wbcom-profile-completion-skin-circle .wbcom-profile-completion-details:hover,.wbcom-profile-completion-skin-circle .wbcom-profile-completion-progress:hover+.wbcom-profile-completion-details{transform:translateX(0);opacity:1;visibility:visible}.wbcom-profile-completion-skin-linear .wbcom-profile-completion-wrapper{max-width:400px;width:100%}.wbcom-profile-completion-skin-linear .wbcom-profile-completion-progress{padding:20px;border:1px solid #e7e9ec;border-radius:10px;background:var(--details-bg);cursor:pointer}.wbcom-profile-completion-skin-linear .wbcom-progress-linear-header{margin-bottom:15px;align-items:center;display:flex}.wbcom-profile-completion-skin-linear .wbcom-progress-linear-header h3{font-size:13px;font-weight:700;color:var(--number-color);text-transform:uppercase;margin:0}.wbcom-profile-completion-skin-linear .wbcom-progress-linear-header .wbcom-toggle-icon{transition:transform .3s ease;margin-left:auto}.wbcom-profile-completion-skin-linear .wbcom-progress-bar{height:var(--progress-width);overflow:hidden;border-radius:20px;background:var(--progress-border)}.wbcom-profile-completion-skin-linear .wbcom-progress-bar-fill{height:100%;transition:width .5s ease;border-radius:20px 0 0 20px;background:var(--completion-color)}.wbcom-profile-completion-skin-linear .wbcom-progress-info{gap:8px;margin-top:10px;display:flex}.wbcom-profile-completion-skin-linear .wbcom-progress-info .wbcom-progress-num,.wbcom-profile-completion-skin-linear .wbcom-progress-info .wbcom-progress-text{font-size:13px;color:var(--text-color)}.wbcom-profile-completion-skin-linear .wbcom-profile-completion-details{padding:15px 20px;border:1px solid #e7e9ec;border-top:none;text-align:left;border-radius:0 0 10px 10px;background:var(--details-bg);margin-top:-5px;display:none}.wbcom-profile-completion-skin-linear.is-active .wbcom-profile-completion-progress{border-radius:10px 10px 0 0}.wbcom-profile-completion-skin-linear.is-active .wbcom-toggle-icon{transform:rotate(90deg)}.wbcom-profile-completion-skin-linear.is-active .wbcom-profile-completion-details{display:block}.wbcom-details-header{padding:3px 10px;font-size:14px;margin-bottom:15px;align-items:center;border-radius:30px;background:#f5f5f5;display:flex}.wbcom-details-header .wbcom-details-percent{flex:1;color:var(--number-color)}.wbcom-details-header .wbcom-details-ring-small{flex:1;justify-content:center;display:flex}.wbcom-details-header .wbcom-details-ring-small .wbcom-progress-ring-small{height:46px;position:relative;border-radius:50%;background:conic-gradient(var(--completion-color) 0deg calc(3.6deg*var(--progress-percent)),var(--progress-border) calc(3.6deg*var(--progress-percent)) 1turn);width:46px}.wbcom-details-header .wbcom-details-ring-small .wbcom-progress-ring-small:after{right:4px;content:"";position:absolute;bottom:4px;top:4px;border-radius:50%;background:#fff;left:4px}.wbcom-details-header .wbcom-details-label{flex:1;color:var(--number-color);text-align:right}.wbcom-profile-completion-list{list-style:none;padding:0;margin:0}.wbcom-profile-completion-list li{margin-bottom:10px;align-items:center;display:flex}.wbcom-profile-completion-list li:last-child{margin-bottom:0}.wbcom-section-icon{margin-right:10px;line-height:1}.wbcom-section-icon .dashicons-yes{height:22px;font-size:14px;color:#fff;text-align:center;border-radius:50%;background:var(--completion-color);width:22px;line-height:22px}.wbcom-section-icon .wbcom-section-dot{height:22px;border:2px solid var(--progress-border);border-radius:50%;width:22px;display:block}.wbcom-section-name{flex:1}.wbcom-section-name a{font-size:14px;text-decoration:none;color:var(--text-color)}.wbcom-section-name a:hover{text-decoration:underline}li.incomplete .wbcom-section-name a{color:var(--incomplete-color)}.wbcom-section-status{padding:3px 8px;font-size:12px;border:1px solid var(--progress-border);font-weight:600;text-align:center;border-radius:30px}li.completed .wbcom-section-status{border-color:var(--completion-color);color:var(--completion-color)}li.incomplete .wbcom-section-status{border-color:var(--incomplete-color);color:var(--incomplete-color)}.wbcom-profile-completion-action{margin-top:15px}.wbcom-profile-button{padding:5px 15px;font-size:13px;border:1px solid var(--button-border);text-decoration:none;color:var(--button-color);transition:all .2s ease;gap:5px;align-items:center;border-radius:100px;background:var(--button-bg);cursor:pointer;display:inline-flex}.wbcom-profile-button .dashicons{height:14px;font-size:14px;width:14px}.wbcom-profile-button:hover{border-color:#007cff;color:#007cff}@media(max-width:768px){.wbcom-profile-completion-skin-circle .wbcom-profile-completion-details{transform:none;position:static;opacity:1;visibility:visible;margin-top:15px}}