/*! hira - v3.25.0 - 29-10-2024 */
.hira-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
}

.hira-widget-divider .hira-divider {
    display: flex
}

.hira-widget-divider .hira-divider__text {
    font-size: 15px;
    line-height: 1;
    max-width: 95%
}

.hira-widget-divider .hira-divider__element {
    margin: 0 var(--divider-element-spacing);
    flex-shrink: 0
}

.hira-widget-divider .hira-icon {
    font-size: var(--divider-icon-size)
}

.hira-widget-divider .hira-divider-separator {
    display: flex;
    margin: 0;
    direction: ltr
}

.hira-widget-divider--view-line_icon .hira-divider-separator, .hira-widget-divider--view-line_text .hira-divider-separator {
    align-items: center
}

.hira-widget-divider--view-line_icon .hira-divider-separator:after, .hira-widget-divider--view-line_icon .hira-divider-separator:before, .hira-widget-divider--view-line_text .hira-divider-separator:after, .hira-widget-divider--view-line_text .hira-divider-separator:before {
    display: block;
    content: "";
    border-block-end: 0;
    flex-grow: 1;
    border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color)
}

.hira-widget-divider--element-align-left .hira-divider .hira-divider-separator > .hira-divider__svg:first-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.hira-widget-divider--element-align-left .hira-divider-separator:before {
    content: none
}

.hira-widget-divider--element-align-left .hira-divider__element {
    margin-left: 0
}

.hira-widget-divider--element-align-right .hira-divider .hira-divider-separator > .hira-divider__svg:last-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.hira-widget-divider--element-align-right .hira-divider-separator:after {
    content: none
}

.hira-widget-divider--element-align-right .hira-divider__element {
    margin-right: 0
}

.hira-widget-divider--element-align-start .hira-divider .hira-divider-separator > .hira-divider__svg:first-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.hira-widget-divider--element-align-start .hira-divider-separator:before {
    content: none
}

.hira-widget-divider--element-align-start .hira-divider__element {
    margin-inline-start: 0
}

.hira-widget-divider--element-align-end .hira-divider .hira-divider-separator > .hira-divider__svg:last-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.hira-widget-divider--element-align-end .hira-divider-separator:after {
    content: none
}

.hira-widget-divider--element-align-end .hira-divider__element {
    margin-inline-end: 0
}

.hira-widget-divider:not(.hira-widget-divider--view-line_text):not(.hira-widget-divider--view-line_icon) .hira-divider-separator {
    border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color)
}

.hira-widget-divider--separator-type-pattern {
    --divider-border-style: none
}

.hira-widget-divider--separator-type-pattern.hira-widget-divider--view-line .hira-divider-separator, .hira-widget-divider--separator-type-pattern:not(.hira-widget-divider--view-line) .hira-divider-separator:after, .hira-widget-divider--separator-type-pattern:not(.hira-widget-divider--view-line) .hira-divider-separator:before, .hira-widget-divider--separator-type-pattern:not([class*=hira-widget-divider--view]) .hira-divider-separator {
    width: 100%;
    min-height: var(--divider-pattern-height);
    -webkit-mask-size: var(--divider-pattern-size) 100%;
    mask-size: var(--divider-pattern-size) 100%;
    -webkit-mask-repeat: var(--divider-pattern-repeat);
    mask-repeat: var(--divider-pattern-repeat);
    background-color: var(--divider-color);
    -webkit-mask-image: var(--divider-pattern-url);
    mask-image: var(--divider-pattern-url)
}

.hira-widget-divider--no-spacing {
    --divider-pattern-size: auto
}

.hira-widget-divider--bg-round {
    --divider-pattern-repeat: round
}

.rtl .hira-widget-divider .hira-divider__text {
    direction: rtl
}

.e-con-inner > .hira-widget-divider, .e-con > .hira-widget-divider {
    width: var(--container-widget-width, 100%);
    --flex-grow: var(--container-widget-flex-grow)
}