.x-divider{position:relative}.x-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0;border-top:1px var(--border-color) var(--x-border-style)}.x-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative;border-left:1px var(--border-color) var(--x-border-style)}.x-divider__text{position:absolute;background-color:var(--color-white);padding:0 20px;font-weight:400;color:var(--color-grey-8);font-size:var(--x-font-size-base)}.x-divider__text.is-left{left:20px;transform:translateY(-50%)}.x-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.x-divider__text.is-right{right:20px;transform:translateY(-50%)}