:root{--bg-color:white;--text-color:#111827;--yellow-card:#FFEE6D}.onboarding-progress-bar{width:100%;height:59px;padding:11px 37px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;gap:24px;position:fixed;top:0;left:50%;transform:translateX(-50%);max-width:430px;z-index:1000;box-sizing:border-box}.onboarding-progress-bar .progress-bar-content{height:37px;display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%}.onboarding-progress-bar .progress-section{width:328px;height:32px;padding:3px 4px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:3px}.onboarding-progress-bar .progress-bar-container{align-self:stretch;display:flex;justify-content:flex-start;align-items:center;gap:8px}.onboarding-progress-bar .progress-bar-background{flex:1;height:17px;background:#fafafa;box-shadow:inset -1px 1px 1.1000000238px rgba(0,0,0,.07);border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;position:relative}.onboarding-progress-bar .progress-bar-fill{height:16px;background:#ffee6d;border-radius:50px;outline:1px solid #000;transition:width .3s ease-out;position:absolute;left:0;top:50%;transform:translateY(-50%)}.onboarding-progress-bar .progress-labels{align-self:stretch;padding:0 5px;display:flex;justify-content:space-between;align-items:center}.onboarding-progress-bar .section-name,.onboarding-progress-bar .step-counter{text-align:right;color:#fff;font-size:9px;font-family:DM Sans,sans-serif;font-weight:700;word-wrap:break-word;text-shadow:0 0 13px rgba(0,0,0,.3)}.onboarding-progress-bar .close-button{width:23.18px;height:23.18px;background:rgba(0,0,0,0);border:none;margin-bottom:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .2s ease}.onboarding-progress-bar .close-button:hover{opacity:.8}.onboarding-progress-bar .close-button:active{opacity:.6}.onboarding-progress-bar .close-button svg{display:block}