:root { --divider-color: var(--color-border); --divider-text-color: var(--color-desc); --divider-text-margin: 8px 0; --divider-text-padding: 0 8px; --divider-inset: 72px; --divider-vertical-inset: 8px;}.ppsv-divider { position: relative; width: 100%; height: 0; border: none; border-top: 1px solid var(--divider-color); margin: var(--divider-text-margin); font-size: var(--font-size-md); color: var(--divider-text-color);}.ppsv-divider--vertical { width: 0; height: 80%; margin: auto var(--divider-text-margin); padding: var(--divider-text-margin); border-top: none; position: relative;}.ppsv-divider--vertical::before { content: ''; position: absolute; border-left: thin solid var(--divider-color); height: 50%; top: 5px;}.ppsv-divider--inset { width: calc(100% - var(--divider-inset)); left: var(--divider-inset);}.ppsv-divider--vertical.ppsv-divider--inset { width: 0; left: unset; height: calc(80% - var(--divider-vertical-inset));}.ppsv-divider__text { display: inline-block; padding: var(--divider-text-padding);}.ppsv-divider--left::before { max-width: 10%;}.ppsv-divider--right::after { max-width: 10%;}.ppsv-divider--with-text { background-color: transparent; height: fit-content; display: flex; align-items: center; justify-content: center; border: none;}.ppsv-divider--with-text::before,.ppsv-divider--with-text::after { display: inline-block; content: ''; flex: 1; height: 0; border-top: 1px solid var(--divider-color);}.ppsv-divider--dashed { border-top-style: dashed;}.ppsv-divider--dashed.ppsv-divider--vertical { border-top: none; border-left-style: dashed;}