.topic-step-bar[data-v-38da9e19],.topic-step-pill[data-v-38da9e19]{align-items:center;display:flex}.topic-step-pill[data-v-38da9e19]{background:#fff;border:1px solid var(--color-5ca);border-radius:9999px;font-size:1.8rem;gap:1.2rem;height:4.8rem;padding:0 2.4rem 0 .4rem;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.topic-step-pill.is-clickable[data-v-38da9e19]{cursor:pointer}.topic-step-pill.is-clickable[data-v-38da9e19]:hover{transform:translateY(-1px)}.topic-step-pill.is-active[data-v-38da9e19]{border-color:#b48afc;color:var(--color-primary)}.topic-step-pill.is-passed[data-v-38da9e19]:not(.is-active){border-color:var(--color-5ca)}.topic-step-no[data-v-38da9e19]{background:#eaeaea;border-radius:50%;color:var(--color-8b9);font-size:2.4rem;height:4rem;width:4rem}.topic-step-pill.is-active .topic-step-no[data-v-38da9e19]{background:var(--color-5ff);color:var(--color-primary)}.topic-step-text[data-v-38da9e19]{color:var(--color-d71);font-weight:700;white-space:nowrap}.topic-step-pill.is-active .topic-step-text[data-v-38da9e19],.topic-step-pill.is-clickable:hover .topic-step-text[data-v-38da9e19]{color:var(--color-primary)}.topic-step-pill.is-clickable:hover .topic-step-no[data-v-38da9e19]{background:var(--color-5ff);color:var(--color-primary)}.topic-step-connector[data-v-38da9e19]{align-items:center;display:flex;gap:.4rem;padding:0 2.9rem}.topic-step-dot[data-v-38da9e19]{background:#535d7140;border-radius:9999px;height:.4rem;width:.4rem}.topic-step-connector.is-active .dot-1[data-v-38da9e19]{background:#6a2ada33}.topic-step-connector.is-active .dot-2[data-v-38da9e19]{background:#6a2ada66}.topic-step-connector.is-active .dot-3[data-v-38da9e19]{background:#6a2ada99}.topic-step-connector.is-active .dot-4[data-v-38da9e19]{background:#6a2adacc}.topic-step-connector.is-active .dot-5[data-v-38da9e19]{background:#6a2ada}