/* ////// Opacity ////// */
hr.separator-has-opacity.wp-block-separator {
    opacity: var(--separator-opacity);
}

/* ////// Width ////// */
.wp-block-separator.separator-width-narrow {
    min-width: 50px;
    width: 30%;
    max-width: 100%;
}
.wp-block-separator.separator-width-regular {
    min-width: 75px;
    width: 50%;
    max-width: 100%;
}
.wp-block-separator.separator-width-wide {
    min-width: 100px;
    width: 70%;
    max-width: 100%;
}

body hr.wp-block-separator {
    margin-left: auto;
    margin-right: auto;
}
.wp-block-separator.separator-align-left {
    margin-left: 0;
}
.wp-block-separator.separator-align-right {
    margin-right: 0;
}

/* ////// Thickess ////// */
body hr.separator-thickness-thin {
    border-top-width: 0.5px;
}
body hr.separator-thickness-light {
    border-top-width: 1px;
}
body hr.separator-thickness-medium {
    border-top-width: 2px;
}
body hr.separator-thickness-bold {
    border-top-width: 3px;
}
body hr.separator-thickness-extrabold {
    border-top-width: 5px;
}
body hr.separator-thickness-black {
    border-top-width: 10px;
}

/* ////// Vertical Line ////// */
body hr.wp-block-separator.vertical-hr {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    border-left: 2px solid;
    min-height: max(1em, 100%);
}
@media screen and (min-width:601px) {
    body hr.wp-block-separator.vertical-hr-above-600 {
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
        border-left: 2px solid;
        min-height: max(1em, 100%);
        min-width: unset;
        max-width: unset;
    }
}
@media screen and (min-width:769px) {
    body hr.wp-block-separator.vertical-hr-above-769 {
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
        border-left: 2px solid;
        min-height: max(1em, 100%);
        min-width: unset;
        max-width: unset;
    }
}
@media screen and (min-width:901px) {
    body hr.wp-block-separator.vertical-hr-above-900 {
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
        border-left: 2px solid;
        min-height: max(1em, 100%);
        min-width: unset;
        max-width: unset;
    }
}
@media screen and (min-width:1101px) {
    body hr.wp-block-separator.vertical-hr-above-1100 {
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
        border-left: 2px solid;
        min-height: max(1em, 100%);
        min-width: unset;
        max-width: unset;
    }
}
@media screen and (min-width:1401px) {
    body hr.wp-block-separator.vertical-hr-above-1400 {
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
        border-left: 2px solid;
        min-height: max(1em, 100%);
        min-width: unset;
        max-width: unset;
    }
}