@st-namespace 'Grid-st-css';
@st-import [ --wix-color-37 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import [ createColor ] from '../../common/formatters.st';

/*
 * Main divider color
 * @type color
 */
@property st-global(--wix-ui-tpa-grid-main-divider-color);

.root {
    -st-states: dividers, uniformRowHeight;
    max-width: max-content;
    margin: 0 auto;
    overflow: hidden;
    background-color: transparent;
}

.root:dividers,
.root:dividers .item {
    position: relative;
}

.root .item {
    display: flex;
}

.listWrapper {
    display: grid;
    grid-auto-columns: 1fr;
    list-style: none;
    margin: 0;
    padding: 0;
}

.root:uniformRowHeight .listWrapper {
    grid-auto-rows: 1fr;
}

.root:dividers .listWrapper::before {
    top: 0;
}

.root:dividers .listWrapper::after {
    bottom: 0;
}

.root:dividers li::after,
.root:dividers li::before,
.root:dividers .listWrapper::before,
.root:dividers .listWrapper::after {
    content: '';
    position: absolute;
    background-color: createColor(--wix-ui-tpa-grid-main-divider-color, (var(--wix-color-37), 0.2));
    left: 0;
    right: 0;
}

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