@st-namespace 'Divider-deprecated-st-css';
:import {
    -st-from: "../../common/formatters.st";
    -st-named: color, fallback, applyUnit, zeroAsTrue;
}

/* Defaults */
:vars {
    MainColor: color-5;
    MainWidth: 1;
}

/*Overrides*/
:vars {
    /*
    Divider color
    @default color-5
     */
    MainDividerColor: --overridable;
    /*
    Divider width
    @default 1px
     */
    MainDividerWidth: --overridable;
}
/* 
 * Divider color
 * @type color
 * @default --wix-color-5
 */
@property st-global(--wix-ui-tpa-divider-main-divider-color);
/* 
 * Divider width
 * @type size
 * @default 1px
 */
@property st-global(--wix-ui-tpa-divider-main-divider-width);

.root {
    -st-states: direction(enum(vertical, horizontal));

    /** Stylesheet agent overrides **/
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;   
}

.root:direction(horizontal) {
    max-width: 100%;
    border-bottom-style: solid;
    border-width: 0 0 applyUnit(fallback(zeroAsTrue(value(MainDividerWidth)), value(MainWidth)), px) 0;
    border-bottom-color: color(fallback(value(MainDividerColor), value(MainColor)));
}

.root:direction(vertical) {
    border-left-style: solid;
    border-width: 0 0 0 applyUnit(fallback(zeroAsTrue(value(MainDividerWidth)), value(MainWidth)), px) ;
    border-left-color: color(fallback(value(MainDividerColor), value(MainColor)));
    min-height: 100%;
}

/* st-namespace-reference="../../../../src/components/Divider/Divider.deprecated.st.css" */