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