.ccb-page-nav-circle-line[data-v-8265fc30]{width:100%;min-width:0;max-width:100%;padding:8px 20px;background:var(--31f10faa);border:1px solid transparent;border-radius:16px;box-shadow:0 0 10px #0000000f;cursor:pointer;transition:border-color .2s ease;position:relative;box-shadow:var(--14cd4958);border:var(--0f957738);border-radius:var(--c0d67bd4);overflow:hidden}.ccb-page-nav-circle-line[data-v-8265fc30]:hover,.ccb-page-nav-circle-line.active[data-v-8265fc30]{border-color:var(--ccb-blue-bg-normal, #0b79d0)}.ccb-page-nav-circle-line__steps[data-v-8265fc30]{display:flex;align-items:flex-start;width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.ccb-page-nav-circle-line__steps[data-v-8265fc30]::-webkit-scrollbar{height:6px}.ccb-page-nav-circle-line__steps[data-v-8265fc30]::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.ccb-page-nav-circle-line__steps[data-v-8265fc30]::-webkit-scrollbar-track{background:transparent}.ccb-page-nav-circle-line__item[data-v-8265fc30]{display:contents}.ccb-page-nav-circle-line__step[data-v-8265fc30]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;gap:6px}.ccb-page-nav-circle-line__circle[data-v-8265fc30]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:2px solid var(--399afdc6);background:var(--31f10faa);color:var(--1e8b35f8);transition:all .25s ease}.ccb-page-nav-circle-line__circle i[data-v-8265fc30]{font-size:14px}.ccb-page-nav-circle-line__step.is-active .ccb-page-nav-circle-line__circle[data-v-8265fc30]{background:var(--6bed0ee0);border-color:var(--6bed0ee0);color:var(--31f10faa)}.ccb-page-nav-circle-line__step.is-done .ccb-page-nav-circle-line__circle[data-v-8265fc30]{background-color:var(--cb94f330);border-color:var(--6bed0ee0);color:var(--6bed0ee0)}.ccb-page-nav-circle-line__label[data-v-8265fc30]{font-size:13px;font-weight:500;line-height:16px;color:var(--1e8b35f8);white-space:nowrap;transition:all .25s ease}.ccb-page-nav-circle-line__step.is-active .ccb-page-nav-circle-line__label[data-v-8265fc30]{color:var(--03c0b7cd);font-weight:600}.ccb-page-nav-circle-line__step.is-done .ccb-page-nav-circle-line__label[data-v-8265fc30]{color:var(--03c0b7cd)}.ccb-page-nav-circle-line__line[data-v-8265fc30]{flex:1 1 24px;min-width:24px;height:2px;background:var(--399afdc6);margin:17px 4px 0;transition:background .25s ease}.ccb-page-nav-circle-line__line.is-done[data-v-8265fc30]{background:var(--6bed0ee0)}
