/* Base styles for the custom separator element */
separator {
    display: inline-block;
    background-color: #186FB5; 
    opacity: 0.75;
    flex-shrink: 0; 
}

    /* Styles for a horizontal line */
    separator[orientation="horizontal"] {
        width: 100%;
        height: 1px;
        margin: 0.5rem 0;
    }

    /* Styles for a vertical line */
    separator[orientation="vertical"] {
        width: 1px;
        height: 100%; 
        min-height: 1.25em; 
        margin: 0 0.5rem; 
    }