﻿.page-widget-divider {
    --divider-border-style: none;
    --divider-border-width: 1px;
    --divider-color: #0c0d0e;
    --divider-icon-size: 20px;
    --divider-element-spacing: 10px;
    --divider-pattern-height: 24px;
    --divider-pattern-size: 20px;
    --divider-pattern-url: none;
    --divider-pattern-repeat: repeat-x
}

    .page-widget-divider .page-divider {
        display: flex
    }

    .page-widget-divider .page-divider__text {
        font-size: 15px;
        line-height: 1;
        max-width: 95%
    }

    .page-widget-divider .page-divider__element {
        flex-shrink: 0;
        margin: 0 var(--divider-element-spacing)
    }

    .page-widget-divider .page-icon {
        font-size: var(--divider-icon-size)
    }

    .page-widget-divider .page-divider-separator {
        direction: ltr;
        display: flex;
        margin: 0
    }

.page-widget-divider--view-line_icon .page-divider-separator, .page-widget-divider--view-line_text .page-divider-separator {
    align-items: center
}

    .page-widget-divider--view-line_icon .page-divider-separator:after, .page-widget-divider--view-line_icon .page-divider-separator:before, .page-widget-divider--view-line_text .page-divider-separator:after, .page-widget-divider--view-line_text .page-divider-separator:before {
        border-block-end: 0;
        border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
        content: "";
        display: block;
        flex-grow: 1
    }

.page-widget-divider--element-align-left .page-divider .page-divider-separator > .page-divider__svg:first-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.page-widget-divider--element-align-left .page-divider-separator:before {
    content: none
}

.page-widget-divider--element-align-left .page-divider__element {
    margin-left: 0
}

.page-widget-divider--element-align-right .page-divider .page-divider-separator > .page-divider__svg:last-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.page-widget-divider--element-align-right .page-divider-separator:after {
    content: none
}

.page-widget-divider--element-align-right .page-divider__element {
    margin-right: 0
}

.page-widget-divider--element-align-start .page-divider .page-divider-separator > .page-divider__svg:first-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.page-widget-divider--element-align-start .page-divider-separator:before {
    content: none
}

.page-widget-divider--element-align-start .page-divider__element {
    margin-inline-start: 0
}

.page-widget-divider--element-align-end .page-divider .page-divider-separator > .page-divider__svg:last-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.page-widget-divider--element-align-end .page-divider-separator:after {
    content: none
}

.page-widget-divider--element-align-end .page-divider__element {
    margin-inline-end: 0
}

.page-widget-divider:not(.page-widget-divider--view-line_text):not(.page-widget-divider--view-line_icon) .page-divider-separator {
    border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color)
}

.page-widget-divider--separator-type-pattern {
    --divider-border-style: none
}

    .page-widget-divider--separator-type-pattern.page-widget-divider--view-line .page-divider-separator, .page-widget-divider--separator-type-pattern:not(.page-widget-divider--view-line) .page-divider-separator:after, .page-widget-divider--separator-type-pattern:not(.page-widget-divider--view-line) .page-divider-separator:before, .page-widget-divider--separator-type-pattern:not([class*=page-widget-divider--view]) .page-divider-separator {
        background-color: var(--divider-color);
        -webkit-mask-image: var(--divider-pattern-url);
        mask-image: var(--divider-pattern-url);
        -webkit-mask-repeat: var(--divider-pattern-repeat);
        mask-repeat: var(--divider-pattern-repeat);
        -webkit-mask-size: var(--divider-pattern-size) 100%;
        mask-size: var(--divider-pattern-size) 100%;
        min-height: var(--divider-pattern-height);
        width: 100%
    }

.page-widget-divider--no-spacing {
    --divider-pattern-size: auto
}

.page-widget-divider--bg-round {
    --divider-pattern-repeat: round
}

.rtl .page-widget-divider .page-divider__text {
    direction: rtl
}

.e-con-inner > .page-widget-divider, .e-con > .page-widget-divider {
    width: var(--container-widget-width,100%);
    --flex-grow: var( --container-widget-flex-grow )
}
