/* Layout recipe utilities. Single-class selectors only, so CSSClass seeding can parse every row. */

.layout-size-compact { --mcfw-layout-item-size: 6rem; --mcfw-layout-sidebar-size: 10rem; --mcfw-layout-cover-min: 14rem; }
.layout-size-cozy { --mcfw-layout-item-size: 9rem; --mcfw-layout-sidebar-size: 14rem; --mcfw-layout-cover-min: 18rem; }
.layout-size-standard { --mcfw-layout-item-size: 14rem; --mcfw-layout-sidebar-size: 18rem; --mcfw-layout-cover-min: 24rem; }
.layout-size-wide { --mcfw-layout-item-size: 20rem; --mcfw-layout-sidebar-size: 24rem; --mcfw-layout-cover-min: 32rem; }
.layout-size-hero { --mcfw-layout-item-size: 28rem; --mcfw-layout-sidebar-size: 32rem; --mcfw-layout-cover-min: 42rem; }

.layout-gap-0 { --mcfw-layout-gap: 0; gap: 0 !important; }
.layout-gap-1 { --mcfw-layout-gap: 0.25rem; gap: 0.25rem !important; }
.layout-gap-2 { --mcfw-layout-gap: 0.5rem; gap: 0.5rem !important; }
.layout-gap-3 { --mcfw-layout-gap: 1rem; gap: 1rem !important; }
.layout-gap-4 { --mcfw-layout-gap: 1.5rem; gap: 1.5rem !important; }
.layout-gap-5 { --mcfw-layout-gap: 2.5rem; gap: 2.5rem !important; }

.margin-0 { margin: 0 !important; }
.padding-0 { padding: 0 !important; }

.layout-pattern-stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
.layout-pattern-cluster { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: var(--mcfw-layout-gap, 0.75rem) !important; }
.layout-pattern-center { display: grid !important; place-items: center !important; text-align: center !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
.layout-pattern-grid { display: grid !important; grid-template-columns: repeat(var(--layout-grid-columns, 2), minmax(0, 1fr)) !important; gap: var(--layout-container-gap, 12px) !important; }
.layout-pattern-cover { display: grid !important; align-content: space-between !important; min-height: var(--mcfw-layout-cover-min, 100%) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
.layout-pattern-autogrid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mcfw-layout-item-size, 16rem)), 1fr)) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
.layout-pattern-reel { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0, var(--mcfw-layout-item-size, 16rem)) !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-inline: contain !important; scroll-snap-type: x proximity !important; gap: var(--mcfw-layout-gap, 1rem) !important; }

.layout-split-column { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
.layout-split-row { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
.layout-split-rowreverse { display: flex !important; flex-direction: row-reverse !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
.layout-split-media { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-item-size, 12rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
.layout-split-sidebar { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-sidebar-size, 18rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }

.layout-split-1-11 { --mcfw-layout-split-first: 1; --mcfw-layout-split-second: 11; }
.layout-split-2-10 { --mcfw-layout-split-first: 2; --mcfw-layout-split-second: 10; }
.layout-split-3-9 { --mcfw-layout-split-first: 3; --mcfw-layout-split-second: 9; }
.layout-split-4-8 { --mcfw-layout-split-first: 4; --mcfw-layout-split-second: 8; }
.layout-split-5-7 { --mcfw-layout-split-first: 5; --mcfw-layout-split-second: 7; }
.layout-split-6-6 { --mcfw-layout-split-first: 6; --mcfw-layout-split-second: 6; }
.layout-split-7-5 { --mcfw-layout-split-first: 7; --mcfw-layout-split-second: 5; }
.layout-split-8-4 { --mcfw-layout-split-first: 8; --mcfw-layout-split-second: 4; }
.layout-split-9-3 { --mcfw-layout-split-first: 9; --mcfw-layout-split-second: 3; }
.layout-split-10-2 { --mcfw-layout-split-first: 10; --mcfw-layout-split-second: 2; }
.layout-split-11-1 { --mcfw-layout-split-first: 11; --mcfw-layout-split-second: 1; }

[data-layout-container="true"][data-container-orientation="horizontal"] > .container-child > .layout-item,
[data-layout-container="true"][data-container-orientation="horizontal"] > .container-child > [data-ec-id="root"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

[data-layout-split-container="horizontal"] > [data-layout-split-child] {
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

[data-layout-split-container="horizontal"] > [data-layout-split-child] > .layout-item,
[data-layout-split-container="horizontal"] > [data-layout-split-child] > [data-ec-id="root"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

[data-ec-id].display-flex.fflow-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id] {
    flex-basis: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    flex-shrink: 1 !important;
    width: auto !important;
    box-sizing: border-box !important;
}

[data-layout-container="true"][data-container-orientation="horizontal"][class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > .container-child {
    flex-basis: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
}

[data-layout-split-container="horizontal"].fflow-row[class*="layout-split-"] > [data-layout-split-child] {
    flex-basis: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    flex-shrink: 1 !important;
    width: auto !important;
}

[data-ec-id].display-flex.fflow-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(1) {
    flex-grow: var(--mcfw-layout-split-first, 1) !important;
}

[data-layout-container="true"][data-container-orientation="horizontal"][class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > .container-child:nth-of-type(1) {
    flex-grow: var(--mcfw-layout-split-first, 1) !important;
}

[data-layout-split-container="horizontal"].fflow-row[class*="layout-split-"] > [data-layout-split-child="first"] {
    flex-grow: var(--mcfw-layout-split-first, 1) !important;
}

[data-ec-id].display-flex.fflow-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(2) {
    flex-grow: var(--mcfw-layout-split-second, 1) !important;
}

[data-layout-container="true"][data-container-orientation="horizontal"][class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > .container-child:nth-of-type(2) {
    flex-grow: var(--mcfw-layout-split-second, 1) !important;
}

[data-layout-split-container="horizontal"].fflow-row[class*="layout-split-"] > [data-layout-split-child="second"] {
    flex-grow: var(--mcfw-layout-split-second, 1) !important;
}

@media (min-width: 576px) {
    [data-ec-id].display-flex.fflow-sm-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
        box-sizing: border-box !important;
    }

    [data-ec-id].display-flex.fflow-sm-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(1) {
        flex-grow: var(--mcfw-layout-split-first, 1) !important;
    }

    [data-ec-id].display-flex.fflow-sm-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(2) {
        flex-grow: var(--mcfw-layout-split-second, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-sm-row[class*="layout-split-"] > [data-layout-split-child] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }

    [data-layout-split-container="horizontal"].fflow-sm-row[class*="layout-split-"] > [data-layout-split-child="first"] {
        flex-grow: var(--mcfw-layout-split-first, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-sm-row[class*="layout-split-"] > [data-layout-split-child="second"] {
        flex-grow: var(--mcfw-layout-split-second, 1) !important;
    }
}

@media (min-width: 768px) {
    [data-ec-id].display-flex.fflow-md-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
        box-sizing: border-box !important;
    }

    [data-ec-id].display-flex.fflow-md-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(1) {
        flex-grow: var(--mcfw-layout-split-first, 1) !important;
    }

    [data-ec-id].display-flex.fflow-md-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(2) {
        flex-grow: var(--mcfw-layout-split-second, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-md-row[class*="layout-split-"] > [data-layout-split-child] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }

    [data-layout-split-container="horizontal"].fflow-md-row[class*="layout-split-"] > [data-layout-split-child="first"] {
        flex-grow: var(--mcfw-layout-split-first, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-md-row[class*="layout-split-"] > [data-layout-split-child="second"] {
        flex-grow: var(--mcfw-layout-split-second, 1) !important;
    }
}

@media (min-width: 992px) {
    [data-ec-id].display-flex.fflow-lg-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
        box-sizing: border-box !important;
    }

    [data-ec-id].display-flex.fflow-lg-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(1) {
        flex-grow: var(--mcfw-layout-split-first, 1) !important;
    }

    [data-ec-id].display-flex.fflow-lg-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(2) {
        flex-grow: var(--mcfw-layout-split-second, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-lg-row[class*="layout-split-"] > [data-layout-split-child] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }

    [data-layout-split-container="horizontal"].fflow-lg-row[class*="layout-split-"] > [data-layout-split-child="first"] {
        flex-grow: var(--mcfw-layout-split-first, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-lg-row[class*="layout-split-"] > [data-layout-split-child="second"] {
        flex-grow: var(--mcfw-layout-split-second, 1) !important;
    }
}

@media (min-width: 1200px) {
    [data-ec-id].display-flex.fflow-xl-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
        box-sizing: border-box !important;
    }

    [data-ec-id].display-flex.fflow-xl-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(1) {
        flex-grow: var(--mcfw-layout-split-first, 1) !important;
    }

    [data-ec-id].display-flex.fflow-xl-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(2) {
        flex-grow: var(--mcfw-layout-split-second, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-xl-row[class*="layout-split-"] > [data-layout-split-child] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }

    [data-layout-split-container="horizontal"].fflow-xl-row[class*="layout-split-"] > [data-layout-split-child="first"] {
        flex-grow: var(--mcfw-layout-split-first, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-xl-row[class*="layout-split-"] > [data-layout-split-child="second"] {
        flex-grow: var(--mcfw-layout-split-second, 1) !important;
    }
}

@media (min-width: 1400px) {
    [data-ec-id].display-flex.fflow-xxl-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
        box-sizing: border-box !important;
    }

    [data-ec-id].display-flex.fflow-xxl-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(1) {
        flex-grow: var(--mcfw-layout-split-first, 1) !important;
    }

    [data-ec-id].display-flex.fflow-xxl-row[class*="layout-split-"]:not(.layout-split-column):not(.layout-split-row):not(.layout-split-rowreverse):not(.layout-split-media):not(.layout-split-sidebar) > [data-ec-id]:nth-of-type(2) {
        flex-grow: var(--mcfw-layout-split-second, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-xxl-row[class*="layout-split-"] > [data-layout-split-child] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }

    [data-layout-split-container="horizontal"].fflow-xxl-row[class*="layout-split-"] > [data-layout-split-child="first"] {
        flex-grow: var(--mcfw-layout-split-first, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-xxl-row[class*="layout-split-"] > [data-layout-split-child="second"] {
        flex-grow: var(--mcfw-layout-split-second, 1) !important;
    }
}

@media (min-width: 576px) {
    .layout-size-sm-compact { --mcfw-layout-item-size: 6rem; --mcfw-layout-sidebar-size: 10rem; --mcfw-layout-cover-min: 14rem; }
    .layout-size-sm-cozy { --mcfw-layout-item-size: 9rem; --mcfw-layout-sidebar-size: 14rem; --mcfw-layout-cover-min: 18rem; }
    .layout-size-sm-standard { --mcfw-layout-item-size: 14rem; --mcfw-layout-sidebar-size: 18rem; --mcfw-layout-cover-min: 24rem; }
    .layout-size-sm-wide { --mcfw-layout-item-size: 20rem; --mcfw-layout-sidebar-size: 24rem; --mcfw-layout-cover-min: 32rem; }
    .layout-size-sm-hero { --mcfw-layout-item-size: 28rem; --mcfw-layout-sidebar-size: 32rem; --mcfw-layout-cover-min: 42rem; }
    .layout-gap-sm-0 { --mcfw-layout-gap: 0; gap: 0 !important; }
    .layout-gap-sm-1 { --mcfw-layout-gap: 0.25rem; gap: 0.25rem !important; }
    .layout-gap-sm-2 { --mcfw-layout-gap: 0.5rem; gap: 0.5rem !important; }
    .layout-gap-sm-3 { --mcfw-layout-gap: 1rem; gap: 1rem !important; }
    .layout-gap-sm-4 { --mcfw-layout-gap: 1.5rem; gap: 1.5rem !important; }
    .layout-gap-sm-5 { --mcfw-layout-gap: 2.5rem; gap: 2.5rem !important; }
    .layout-pattern-sm-stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-sm-cluster { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: var(--mcfw-layout-gap, 0.75rem) !important; }
    .layout-pattern-sm-center { display: grid !important; place-items: center !important; text-align: center !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-sm-grid { display: grid !important; grid-template-columns: repeat(var(--layout-grid-columns, 2), minmax(0, 1fr)) !important; gap: var(--layout-container-gap, 12px) !important; }
    .layout-pattern-sm-cover { display: grid !important; align-content: space-between !important; min-height: var(--mcfw-layout-cover-min, 100%) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-sm-autogrid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mcfw-layout-item-size, 16rem)), 1fr)) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-sm-reel { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0, var(--mcfw-layout-item-size, 16rem)) !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-inline: contain !important; scroll-snap-type: x proximity !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-sm-column { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-sm-row { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-sm-rowreverse { display: flex !important; flex-direction: row-reverse !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-sm-media { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-item-size, 12rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-sm-sidebar { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-sidebar-size, 18rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-sm-1-11 { --mcfw-layout-split-first: 1; --mcfw-layout-split-second: 11; }
    .layout-split-sm-2-10 { --mcfw-layout-split-first: 2; --mcfw-layout-split-second: 10; }
    .layout-split-sm-3-9 { --mcfw-layout-split-first: 3; --mcfw-layout-split-second: 9; }
    .layout-split-sm-4-8 { --mcfw-layout-split-first: 4; --mcfw-layout-split-second: 8; }
    .layout-split-sm-5-7 { --mcfw-layout-split-first: 5; --mcfw-layout-split-second: 7; }
    .layout-split-sm-6-6 { --mcfw-layout-split-first: 6; --mcfw-layout-split-second: 6; }
    .layout-split-sm-7-5 { --mcfw-layout-split-first: 7; --mcfw-layout-split-second: 5; }
    .layout-split-sm-8-4 { --mcfw-layout-split-first: 8; --mcfw-layout-split-second: 4; }
    .layout-split-sm-9-3 { --mcfw-layout-split-first: 9; --mcfw-layout-split-second: 3; }
    .layout-split-sm-10-2 { --mcfw-layout-split-first: 10; --mcfw-layout-split-second: 2; }
    .layout-split-sm-11-1 { --mcfw-layout-split-first: 11; --mcfw-layout-split-second: 1; }
}

@media (min-width: 768px) {
    .layout-size-md-compact { --mcfw-layout-item-size: 6rem; --mcfw-layout-sidebar-size: 10rem; --mcfw-layout-cover-min: 14rem; }
    .layout-size-md-cozy { --mcfw-layout-item-size: 9rem; --mcfw-layout-sidebar-size: 14rem; --mcfw-layout-cover-min: 18rem; }
    .layout-size-md-standard { --mcfw-layout-item-size: 14rem; --mcfw-layout-sidebar-size: 18rem; --mcfw-layout-cover-min: 24rem; }
    .layout-size-md-wide { --mcfw-layout-item-size: 20rem; --mcfw-layout-sidebar-size: 24rem; --mcfw-layout-cover-min: 32rem; }
    .layout-size-md-hero { --mcfw-layout-item-size: 28rem; --mcfw-layout-sidebar-size: 32rem; --mcfw-layout-cover-min: 42rem; }
    .layout-gap-md-0 { --mcfw-layout-gap: 0; gap: 0 !important; }
    .layout-gap-md-1 { --mcfw-layout-gap: 0.25rem; gap: 0.25rem !important; }
    .layout-gap-md-2 { --mcfw-layout-gap: 0.5rem; gap: 0.5rem !important; }
    .layout-gap-md-3 { --mcfw-layout-gap: 1rem; gap: 1rem !important; }
    .layout-gap-md-4 { --mcfw-layout-gap: 1.5rem; gap: 1.5rem !important; }
    .layout-gap-md-5 { --mcfw-layout-gap: 2.5rem; gap: 2.5rem !important; }
    .layout-pattern-md-stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-md-cluster { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: var(--mcfw-layout-gap, 0.75rem) !important; }
    .layout-pattern-md-center { display: grid !important; place-items: center !important; text-align: center !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-md-grid { display: grid !important; grid-template-columns: repeat(var(--layout-grid-columns, 2), minmax(0, 1fr)) !important; gap: var(--layout-container-gap, 12px) !important; }
    .layout-pattern-md-cover { display: grid !important; align-content: space-between !important; min-height: var(--mcfw-layout-cover-min, 100%) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-md-autogrid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mcfw-layout-item-size, 16rem)), 1fr)) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-md-reel { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0, var(--mcfw-layout-item-size, 16rem)) !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-inline: contain !important; scroll-snap-type: x proximity !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-md-column { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-md-row { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-md-rowreverse { display: flex !important; flex-direction: row-reverse !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-md-media { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-item-size, 12rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-md-sidebar { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-sidebar-size, 18rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-md-1-11 { --mcfw-layout-split-first: 1; --mcfw-layout-split-second: 11; }
    .layout-split-md-2-10 { --mcfw-layout-split-first: 2; --mcfw-layout-split-second: 10; }
    .layout-split-md-3-9 { --mcfw-layout-split-first: 3; --mcfw-layout-split-second: 9; }
    .layout-split-md-4-8 { --mcfw-layout-split-first: 4; --mcfw-layout-split-second: 8; }
    .layout-split-md-5-7 { --mcfw-layout-split-first: 5; --mcfw-layout-split-second: 7; }
    .layout-split-md-6-6 { --mcfw-layout-split-first: 6; --mcfw-layout-split-second: 6; }
    .layout-split-md-7-5 { --mcfw-layout-split-first: 7; --mcfw-layout-split-second: 5; }
    .layout-split-md-8-4 { --mcfw-layout-split-first: 8; --mcfw-layout-split-second: 4; }
    .layout-split-md-9-3 { --mcfw-layout-split-first: 9; --mcfw-layout-split-second: 3; }
    .layout-split-md-10-2 { --mcfw-layout-split-first: 10; --mcfw-layout-split-second: 2; }
    .layout-split-md-11-1 { --mcfw-layout-split-first: 11; --mcfw-layout-split-second: 1; }
}

@media (min-width: 992px) {
    .layout-size-lg-compact { --mcfw-layout-item-size: 6rem; --mcfw-layout-sidebar-size: 10rem; --mcfw-layout-cover-min: 14rem; }
    .layout-size-lg-cozy { --mcfw-layout-item-size: 9rem; --mcfw-layout-sidebar-size: 14rem; --mcfw-layout-cover-min: 18rem; }
    .layout-size-lg-standard { --mcfw-layout-item-size: 14rem; --mcfw-layout-sidebar-size: 18rem; --mcfw-layout-cover-min: 24rem; }
    .layout-size-lg-wide { --mcfw-layout-item-size: 20rem; --mcfw-layout-sidebar-size: 24rem; --mcfw-layout-cover-min: 32rem; }
    .layout-size-lg-hero { --mcfw-layout-item-size: 28rem; --mcfw-layout-sidebar-size: 32rem; --mcfw-layout-cover-min: 42rem; }
    .layout-gap-lg-0 { --mcfw-layout-gap: 0; gap: 0 !important; }
    .layout-gap-lg-1 { --mcfw-layout-gap: 0.25rem; gap: 0.25rem !important; }
    .layout-gap-lg-2 { --mcfw-layout-gap: 0.5rem; gap: 0.5rem !important; }
    .layout-gap-lg-3 { --mcfw-layout-gap: 1rem; gap: 1rem !important; }
    .layout-gap-lg-4 { --mcfw-layout-gap: 1.5rem; gap: 1.5rem !important; }
    .layout-gap-lg-5 { --mcfw-layout-gap: 2.5rem; gap: 2.5rem !important; }
    .layout-pattern-lg-stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-lg-cluster { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: var(--mcfw-layout-gap, 0.75rem) !important; }
    .layout-pattern-lg-center { display: grid !important; place-items: center !important; text-align: center !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-lg-grid { display: grid !important; grid-template-columns: repeat(var(--layout-grid-columns, 2), minmax(0, 1fr)) !important; gap: var(--layout-container-gap, 12px) !important; }
    .layout-pattern-lg-cover { display: grid !important; align-content: space-between !important; min-height: var(--mcfw-layout-cover-min, 100%) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-lg-autogrid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mcfw-layout-item-size, 16rem)), 1fr)) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-lg-reel { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0, var(--mcfw-layout-item-size, 16rem)) !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-inline: contain !important; scroll-snap-type: x proximity !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-lg-column { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-lg-row { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-lg-rowreverse { display: flex !important; flex-direction: row-reverse !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-lg-media { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-item-size, 12rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-lg-sidebar { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-sidebar-size, 18rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-lg-1-11 { --mcfw-layout-split-first: 1; --mcfw-layout-split-second: 11; }
    .layout-split-lg-2-10 { --mcfw-layout-split-first: 2; --mcfw-layout-split-second: 10; }
    .layout-split-lg-3-9 { --mcfw-layout-split-first: 3; --mcfw-layout-split-second: 9; }
    .layout-split-lg-4-8 { --mcfw-layout-split-first: 4; --mcfw-layout-split-second: 8; }
    .layout-split-lg-5-7 { --mcfw-layout-split-first: 5; --mcfw-layout-split-second: 7; }
    .layout-split-lg-6-6 { --mcfw-layout-split-first: 6; --mcfw-layout-split-second: 6; }
    .layout-split-lg-7-5 { --mcfw-layout-split-first: 7; --mcfw-layout-split-second: 5; }
    .layout-split-lg-8-4 { --mcfw-layout-split-first: 8; --mcfw-layout-split-second: 4; }
    .layout-split-lg-9-3 { --mcfw-layout-split-first: 9; --mcfw-layout-split-second: 3; }
    .layout-split-lg-10-2 { --mcfw-layout-split-first: 10; --mcfw-layout-split-second: 2; }
    .layout-split-lg-11-1 { --mcfw-layout-split-first: 11; --mcfw-layout-split-second: 1; }
}

@media (min-width: 1200px) {
    .layout-size-xl-compact { --mcfw-layout-item-size: 6rem; --mcfw-layout-sidebar-size: 10rem; --mcfw-layout-cover-min: 14rem; }
    .layout-size-xl-cozy { --mcfw-layout-item-size: 9rem; --mcfw-layout-sidebar-size: 14rem; --mcfw-layout-cover-min: 18rem; }
    .layout-size-xl-standard { --mcfw-layout-item-size: 14rem; --mcfw-layout-sidebar-size: 18rem; --mcfw-layout-cover-min: 24rem; }
    .layout-size-xl-wide { --mcfw-layout-item-size: 20rem; --mcfw-layout-sidebar-size: 24rem; --mcfw-layout-cover-min: 32rem; }
    .layout-size-xl-hero { --mcfw-layout-item-size: 28rem; --mcfw-layout-sidebar-size: 32rem; --mcfw-layout-cover-min: 42rem; }
    .layout-gap-xl-0 { --mcfw-layout-gap: 0; gap: 0 !important; }
    .layout-gap-xl-1 { --mcfw-layout-gap: 0.25rem; gap: 0.25rem !important; }
    .layout-gap-xl-2 { --mcfw-layout-gap: 0.5rem; gap: 0.5rem !important; }
    .layout-gap-xl-3 { --mcfw-layout-gap: 1rem; gap: 1rem !important; }
    .layout-gap-xl-4 { --mcfw-layout-gap: 1.5rem; gap: 1.5rem !important; }
    .layout-gap-xl-5 { --mcfw-layout-gap: 2.5rem; gap: 2.5rem !important; }
    .layout-pattern-xl-stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-xl-cluster { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: var(--mcfw-layout-gap, 0.75rem) !important; }
    .layout-pattern-xl-center { display: grid !important; place-items: center !important; text-align: center !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-xl-grid { display: grid !important; grid-template-columns: repeat(var(--layout-grid-columns, 2), minmax(0, 1fr)) !important; gap: var(--layout-container-gap, 12px) !important; }
    .layout-pattern-xl-cover { display: grid !important; align-content: space-between !important; min-height: var(--mcfw-layout-cover-min, 100%) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-xl-autogrid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mcfw-layout-item-size, 16rem)), 1fr)) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-xl-reel { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0, var(--mcfw-layout-item-size, 16rem)) !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-inline: contain !important; scroll-snap-type: x proximity !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xl-column { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xl-row { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xl-rowreverse { display: flex !important; flex-direction: row-reverse !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xl-media { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-item-size, 12rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xl-sidebar { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-sidebar-size, 18rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xl-1-11 { --mcfw-layout-split-first: 1; --mcfw-layout-split-second: 11; }
    .layout-split-xl-2-10 { --mcfw-layout-split-first: 2; --mcfw-layout-split-second: 10; }
    .layout-split-xl-3-9 { --mcfw-layout-split-first: 3; --mcfw-layout-split-second: 9; }
    .layout-split-xl-4-8 { --mcfw-layout-split-first: 4; --mcfw-layout-split-second: 8; }
    .layout-split-xl-5-7 { --mcfw-layout-split-first: 5; --mcfw-layout-split-second: 7; }
    .layout-split-xl-6-6 { --mcfw-layout-split-first: 6; --mcfw-layout-split-second: 6; }
    .layout-split-xl-7-5 { --mcfw-layout-split-first: 7; --mcfw-layout-split-second: 5; }
    .layout-split-xl-8-4 { --mcfw-layout-split-first: 8; --mcfw-layout-split-second: 4; }
    .layout-split-xl-9-3 { --mcfw-layout-split-first: 9; --mcfw-layout-split-second: 3; }
    .layout-split-xl-10-2 { --mcfw-layout-split-first: 10; --mcfw-layout-split-second: 2; }
    .layout-split-xl-11-1 { --mcfw-layout-split-first: 11; --mcfw-layout-split-second: 1; }
}

@media (min-width: 1400px) {
    .layout-size-xxl-compact { --mcfw-layout-item-size: 6rem; --mcfw-layout-sidebar-size: 10rem; --mcfw-layout-cover-min: 14rem; }
    .layout-size-xxl-cozy { --mcfw-layout-item-size: 9rem; --mcfw-layout-sidebar-size: 14rem; --mcfw-layout-cover-min: 18rem; }
    .layout-size-xxl-standard { --mcfw-layout-item-size: 14rem; --mcfw-layout-sidebar-size: 18rem; --mcfw-layout-cover-min: 24rem; }
    .layout-size-xxl-wide { --mcfw-layout-item-size: 20rem; --mcfw-layout-sidebar-size: 24rem; --mcfw-layout-cover-min: 32rem; }
    .layout-size-xxl-hero { --mcfw-layout-item-size: 28rem; --mcfw-layout-sidebar-size: 32rem; --mcfw-layout-cover-min: 42rem; }
    .layout-gap-xxl-0 { --mcfw-layout-gap: 0; gap: 0 !important; }
    .layout-gap-xxl-1 { --mcfw-layout-gap: 0.25rem; gap: 0.25rem !important; }
    .layout-gap-xxl-2 { --mcfw-layout-gap: 0.5rem; gap: 0.5rem !important; }
    .layout-gap-xxl-3 { --mcfw-layout-gap: 1rem; gap: 1rem !important; }
    .layout-gap-xxl-4 { --mcfw-layout-gap: 1.5rem; gap: 1.5rem !important; }
    .layout-gap-xxl-5 { --mcfw-layout-gap: 2.5rem; gap: 2.5rem !important; }
    .layout-pattern-xxl-stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-xxl-cluster { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: var(--mcfw-layout-gap, 0.75rem) !important; }
    .layout-pattern-xxl-center { display: grid !important; place-items: center !important; text-align: center !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-xxl-grid { display: grid !important; grid-template-columns: repeat(var(--layout-grid-columns, 2), minmax(0, 1fr)) !important; gap: var(--layout-container-gap, 12px) !important; }
    .layout-pattern-xxl-cover { display: grid !important; align-content: space-between !important; min-height: var(--mcfw-layout-cover-min, 100%) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-xxl-autogrid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mcfw-layout-item-size, 16rem)), 1fr)) !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-pattern-xxl-reel { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0, var(--mcfw-layout-item-size, 16rem)) !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-inline: contain !important; scroll-snap-type: x proximity !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xxl-column { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xxl-row { display: flex !important; flex-direction: row !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xxl-rowreverse { display: flex !important; flex-direction: row-reverse !important; align-items: stretch !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xxl-media { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-item-size, 12rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xxl-sidebar { display: grid !important; grid-template-columns: minmax(0, var(--mcfw-layout-sidebar-size, 18rem)) minmax(0, 1fr) !important; align-items: start !important; gap: var(--mcfw-layout-gap, 1rem) !important; }
    .layout-split-xxl-1-11 { --mcfw-layout-split-first: 1; --mcfw-layout-split-second: 11; }
    .layout-split-xxl-2-10 { --mcfw-layout-split-first: 2; --mcfw-layout-split-second: 10; }
    .layout-split-xxl-3-9 { --mcfw-layout-split-first: 3; --mcfw-layout-split-second: 9; }
    .layout-split-xxl-4-8 { --mcfw-layout-split-first: 4; --mcfw-layout-split-second: 8; }
    .layout-split-xxl-5-7 { --mcfw-layout-split-first: 5; --mcfw-layout-split-second: 7; }
    .layout-split-xxl-6-6 { --mcfw-layout-split-first: 6; --mcfw-layout-split-second: 6; }
    .layout-split-xxl-7-5 { --mcfw-layout-split-first: 7; --mcfw-layout-split-second: 5; }
    .layout-split-xxl-8-4 { --mcfw-layout-split-first: 8; --mcfw-layout-split-second: 4; }
    .layout-split-xxl-9-3 { --mcfw-layout-split-first: 9; --mcfw-layout-split-second: 3; }
    .layout-split-xxl-10-2 { --mcfw-layout-split-first: 10; --mcfw-layout-split-second: 2; }
    .layout-split-xxl-11-1 { --mcfw-layout-split-first: 11; --mcfw-layout-split-second: 1; }
}

[data-layout-container="true"][data-container-orientation="horizontal"] > .container-child[data-container-child-sizing="content"] {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

[data-layout-container="true"][data-container-orientation="horizontal"] > .container-child[data-container-child-sizing="content"] > .layout-item,
[data-layout-container="true"][data-container-orientation="horizontal"] > .container-child[data-container-child-sizing="content"] > [data-ec-id="root"] {
    width: auto !important;
    max-width: 100% !important;
}

/* ===========================================================================
 * Three-pane horizontal split ratios (Stage 4 substrate, 2026-08-20)
 *
 * Same contract as the two-pane set above: the ratio is parent-owned, the
 * parts always sum to 12, and every pane keeps at least one unit so a pane can
 * never collapse to zero width.
 *
 * Panes are addressed by NUMERIC markers - data-layout-split-child="1|2|3" -
 * alongside the legacy first|second names used by the two-pane widgets. The
 * two-pane classes below are also given --mcfw-layout-split-1/2 so a container
 * can use numeric markers regardless of how many panes it has.
 *
 * The stylesheet ships exactly the ratios the JS parser accepts
 * (LayoutGridHorizontalSplit.js `_parseHorizontalSplitClass`, capped at three
 * panes). Raise them together: a class the parser accepts but the stylesheet
 * lacks would persist and then silently fail to render.
 * =========================================================================== */

/* Numeric aliases so [data-layout-split-child="1|2"] works on two-pane splits. */
.layout-split-1-11 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 11; }
.layout-split-2-10 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 10; }
.layout-split-3-9 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 9; }
.layout-split-4-8 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 8; }
.layout-split-5-7 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 7; }
.layout-split-6-6 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 6; }
.layout-split-7-5 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 5; }
.layout-split-8-4 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 4; }
.layout-split-9-3 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 3; }
.layout-split-10-2 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 2; }
.layout-split-11-1 { --mcfw-layout-split-1: 11; --mcfw-layout-split-2: 1; }
.layout-split-sm-1-11 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 11; }
.layout-split-sm-2-10 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 10; }
.layout-split-sm-3-9 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 9; }
.layout-split-sm-4-8 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 8; }
.layout-split-sm-5-7 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 7; }
.layout-split-sm-6-6 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 6; }
.layout-split-sm-7-5 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 5; }
.layout-split-sm-8-4 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 4; }
.layout-split-sm-9-3 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 3; }
.layout-split-sm-10-2 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 2; }
.layout-split-sm-11-1 { --mcfw-layout-split-1: 11; --mcfw-layout-split-2: 1; }
.layout-split-md-1-11 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 11; }
.layout-split-md-2-10 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 10; }
.layout-split-md-3-9 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 9; }
.layout-split-md-4-8 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 8; }
.layout-split-md-5-7 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 7; }
.layout-split-md-6-6 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 6; }
.layout-split-md-7-5 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 5; }
.layout-split-md-8-4 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 4; }
.layout-split-md-9-3 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 3; }
.layout-split-md-10-2 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 2; }
.layout-split-md-11-1 { --mcfw-layout-split-1: 11; --mcfw-layout-split-2: 1; }
.layout-split-lg-1-11 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 11; }
.layout-split-lg-2-10 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 10; }
.layout-split-lg-3-9 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 9; }
.layout-split-lg-4-8 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 8; }
.layout-split-lg-5-7 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 7; }
.layout-split-lg-6-6 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 6; }
.layout-split-lg-7-5 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 5; }
.layout-split-lg-8-4 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 4; }
.layout-split-lg-9-3 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 3; }
.layout-split-lg-10-2 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 2; }
.layout-split-lg-11-1 { --mcfw-layout-split-1: 11; --mcfw-layout-split-2: 1; }
.layout-split-xl-1-11 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 11; }
.layout-split-xl-2-10 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 10; }
.layout-split-xl-3-9 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 9; }
.layout-split-xl-4-8 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 8; }
.layout-split-xl-5-7 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 7; }
.layout-split-xl-6-6 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 6; }
.layout-split-xl-7-5 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 5; }
.layout-split-xl-8-4 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 4; }
.layout-split-xl-9-3 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 3; }
.layout-split-xl-10-2 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 2; }
.layout-split-xl-11-1 { --mcfw-layout-split-1: 11; --mcfw-layout-split-2: 1; }
.layout-split-xxl-1-11 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 11; }
.layout-split-xxl-2-10 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 10; }
.layout-split-xxl-3-9 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 9; }
.layout-split-xxl-4-8 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 8; }
.layout-split-xxl-5-7 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 7; }
.layout-split-xxl-6-6 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 6; }
.layout-split-xxl-7-5 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 5; }
.layout-split-xxl-8-4 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 4; }
.layout-split-xxl-9-3 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 3; }
.layout-split-xxl-10-2 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 2; }
.layout-split-xxl-11-1 { --mcfw-layout-split-1: 11; --mcfw-layout-split-2: 1; }

/* Three-pane ratio definitions. */
.layout-split-1-1-10 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 10; }
.layout-split-1-2-9 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 9; }
.layout-split-1-3-8 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 8; }
.layout-split-1-4-7 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 7; }
.layout-split-1-5-6 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 6; }
.layout-split-1-6-5 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 5; }
.layout-split-1-7-4 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 4; }
.layout-split-1-8-3 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 3; }
.layout-split-1-9-2 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 2; }
.layout-split-1-10-1 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 10; --mcfw-layout-split-3: 1; }
.layout-split-2-1-9 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 9; }
.layout-split-2-2-8 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 8; }
.layout-split-2-3-7 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 7; }
.layout-split-2-4-6 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 6; }
.layout-split-2-5-5 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 5; }
.layout-split-2-6-4 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 4; }
.layout-split-2-7-3 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 3; }
.layout-split-2-8-2 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 2; }
.layout-split-2-9-1 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 1; }
.layout-split-3-1-8 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 8; }
.layout-split-3-2-7 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 7; }
.layout-split-3-3-6 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 6; }
.layout-split-3-4-5 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 5; }
.layout-split-3-5-4 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 4; }
.layout-split-3-6-3 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 3; }
.layout-split-3-7-2 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 2; }
.layout-split-3-8-1 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 1; }
.layout-split-4-1-7 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 7; }
.layout-split-4-2-6 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 6; }
.layout-split-4-3-5 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 5; }
.layout-split-4-4-4 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 4; }
.layout-split-4-5-3 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 3; }
.layout-split-4-6-2 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 2; }
.layout-split-4-7-1 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 1; }
.layout-split-5-1-6 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 6; }
.layout-split-5-2-5 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 5; }
.layout-split-5-3-4 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 4; }
.layout-split-5-4-3 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 3; }
.layout-split-5-5-2 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 2; }
.layout-split-5-6-1 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 1; }
.layout-split-6-1-5 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 5; }
.layout-split-6-2-4 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 4; }
.layout-split-6-3-3 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 3; }
.layout-split-6-4-2 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 2; }
.layout-split-6-5-1 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 1; }
.layout-split-7-1-4 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 4; }
.layout-split-7-2-3 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 3; }
.layout-split-7-3-2 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 2; }
.layout-split-7-4-1 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 1; }
.layout-split-8-1-3 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 3; }
.layout-split-8-2-2 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 2; }
.layout-split-8-3-1 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 1; }
.layout-split-9-1-2 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 2; }
.layout-split-9-2-1 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 1; }
.layout-split-10-1-1 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 1; }
.layout-split-sm-1-1-10 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 10; }
.layout-split-sm-1-2-9 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 9; }
.layout-split-sm-1-3-8 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 8; }
.layout-split-sm-1-4-7 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 7; }
.layout-split-sm-1-5-6 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 6; }
.layout-split-sm-1-6-5 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 5; }
.layout-split-sm-1-7-4 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 4; }
.layout-split-sm-1-8-3 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 3; }
.layout-split-sm-1-9-2 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 2; }
.layout-split-sm-1-10-1 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 10; --mcfw-layout-split-3: 1; }
.layout-split-sm-2-1-9 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 9; }
.layout-split-sm-2-2-8 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 8; }
.layout-split-sm-2-3-7 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 7; }
.layout-split-sm-2-4-6 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 6; }
.layout-split-sm-2-5-5 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 5; }
.layout-split-sm-2-6-4 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 4; }
.layout-split-sm-2-7-3 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 3; }
.layout-split-sm-2-8-2 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 2; }
.layout-split-sm-2-9-1 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 1; }
.layout-split-sm-3-1-8 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 8; }
.layout-split-sm-3-2-7 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 7; }
.layout-split-sm-3-3-6 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 6; }
.layout-split-sm-3-4-5 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 5; }
.layout-split-sm-3-5-4 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 4; }
.layout-split-sm-3-6-3 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 3; }
.layout-split-sm-3-7-2 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 2; }
.layout-split-sm-3-8-1 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 1; }
.layout-split-sm-4-1-7 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 7; }
.layout-split-sm-4-2-6 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 6; }
.layout-split-sm-4-3-5 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 5; }
.layout-split-sm-4-4-4 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 4; }
.layout-split-sm-4-5-3 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 3; }
.layout-split-sm-4-6-2 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 2; }
.layout-split-sm-4-7-1 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 1; }
.layout-split-sm-5-1-6 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 6; }
.layout-split-sm-5-2-5 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 5; }
.layout-split-sm-5-3-4 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 4; }
.layout-split-sm-5-4-3 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 3; }
.layout-split-sm-5-5-2 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 2; }
.layout-split-sm-5-6-1 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 1; }
.layout-split-sm-6-1-5 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 5; }
.layout-split-sm-6-2-4 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 4; }
.layout-split-sm-6-3-3 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 3; }
.layout-split-sm-6-4-2 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 2; }
.layout-split-sm-6-5-1 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 1; }
.layout-split-sm-7-1-4 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 4; }
.layout-split-sm-7-2-3 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 3; }
.layout-split-sm-7-3-2 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 2; }
.layout-split-sm-7-4-1 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 1; }
.layout-split-sm-8-1-3 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 3; }
.layout-split-sm-8-2-2 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 2; }
.layout-split-sm-8-3-1 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 1; }
.layout-split-sm-9-1-2 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 2; }
.layout-split-sm-9-2-1 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 1; }
.layout-split-sm-10-1-1 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 1; }
.layout-split-md-1-1-10 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 10; }
.layout-split-md-1-2-9 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 9; }
.layout-split-md-1-3-8 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 8; }
.layout-split-md-1-4-7 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 7; }
.layout-split-md-1-5-6 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 6; }
.layout-split-md-1-6-5 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 5; }
.layout-split-md-1-7-4 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 4; }
.layout-split-md-1-8-3 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 3; }
.layout-split-md-1-9-2 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 2; }
.layout-split-md-1-10-1 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 10; --mcfw-layout-split-3: 1; }
.layout-split-md-2-1-9 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 9; }
.layout-split-md-2-2-8 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 8; }
.layout-split-md-2-3-7 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 7; }
.layout-split-md-2-4-6 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 6; }
.layout-split-md-2-5-5 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 5; }
.layout-split-md-2-6-4 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 4; }
.layout-split-md-2-7-3 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 3; }
.layout-split-md-2-8-2 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 2; }
.layout-split-md-2-9-1 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 1; }
.layout-split-md-3-1-8 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 8; }
.layout-split-md-3-2-7 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 7; }
.layout-split-md-3-3-6 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 6; }
.layout-split-md-3-4-5 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 5; }
.layout-split-md-3-5-4 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 4; }
.layout-split-md-3-6-3 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 3; }
.layout-split-md-3-7-2 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 2; }
.layout-split-md-3-8-1 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 1; }
.layout-split-md-4-1-7 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 7; }
.layout-split-md-4-2-6 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 6; }
.layout-split-md-4-3-5 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 5; }
.layout-split-md-4-4-4 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 4; }
.layout-split-md-4-5-3 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 3; }
.layout-split-md-4-6-2 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 2; }
.layout-split-md-4-7-1 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 1; }
.layout-split-md-5-1-6 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 6; }
.layout-split-md-5-2-5 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 5; }
.layout-split-md-5-3-4 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 4; }
.layout-split-md-5-4-3 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 3; }
.layout-split-md-5-5-2 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 2; }
.layout-split-md-5-6-1 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 1; }
.layout-split-md-6-1-5 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 5; }
.layout-split-md-6-2-4 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 4; }
.layout-split-md-6-3-3 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 3; }
.layout-split-md-6-4-2 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 2; }
.layout-split-md-6-5-1 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 1; }
.layout-split-md-7-1-4 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 4; }
.layout-split-md-7-2-3 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 3; }
.layout-split-md-7-3-2 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 2; }
.layout-split-md-7-4-1 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 1; }
.layout-split-md-8-1-3 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 3; }
.layout-split-md-8-2-2 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 2; }
.layout-split-md-8-3-1 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 1; }
.layout-split-md-9-1-2 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 2; }
.layout-split-md-9-2-1 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 1; }
.layout-split-md-10-1-1 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 1; }
.layout-split-lg-1-1-10 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 10; }
.layout-split-lg-1-2-9 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 9; }
.layout-split-lg-1-3-8 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 8; }
.layout-split-lg-1-4-7 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 7; }
.layout-split-lg-1-5-6 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 6; }
.layout-split-lg-1-6-5 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 5; }
.layout-split-lg-1-7-4 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 4; }
.layout-split-lg-1-8-3 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 3; }
.layout-split-lg-1-9-2 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 2; }
.layout-split-lg-1-10-1 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 10; --mcfw-layout-split-3: 1; }
.layout-split-lg-2-1-9 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 9; }
.layout-split-lg-2-2-8 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 8; }
.layout-split-lg-2-3-7 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 7; }
.layout-split-lg-2-4-6 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 6; }
.layout-split-lg-2-5-5 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 5; }
.layout-split-lg-2-6-4 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 4; }
.layout-split-lg-2-7-3 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 3; }
.layout-split-lg-2-8-2 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 2; }
.layout-split-lg-2-9-1 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 1; }
.layout-split-lg-3-1-8 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 8; }
.layout-split-lg-3-2-7 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 7; }
.layout-split-lg-3-3-6 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 6; }
.layout-split-lg-3-4-5 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 5; }
.layout-split-lg-3-5-4 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 4; }
.layout-split-lg-3-6-3 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 3; }
.layout-split-lg-3-7-2 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 2; }
.layout-split-lg-3-8-1 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 1; }
.layout-split-lg-4-1-7 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 7; }
.layout-split-lg-4-2-6 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 6; }
.layout-split-lg-4-3-5 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 5; }
.layout-split-lg-4-4-4 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 4; }
.layout-split-lg-4-5-3 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 3; }
.layout-split-lg-4-6-2 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 2; }
.layout-split-lg-4-7-1 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 1; }
.layout-split-lg-5-1-6 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 6; }
.layout-split-lg-5-2-5 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 5; }
.layout-split-lg-5-3-4 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 4; }
.layout-split-lg-5-4-3 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 3; }
.layout-split-lg-5-5-2 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 2; }
.layout-split-lg-5-6-1 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 1; }
.layout-split-lg-6-1-5 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 5; }
.layout-split-lg-6-2-4 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 4; }
.layout-split-lg-6-3-3 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 3; }
.layout-split-lg-6-4-2 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 2; }
.layout-split-lg-6-5-1 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 1; }
.layout-split-lg-7-1-4 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 4; }
.layout-split-lg-7-2-3 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 3; }
.layout-split-lg-7-3-2 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 2; }
.layout-split-lg-7-4-1 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 1; }
.layout-split-lg-8-1-3 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 3; }
.layout-split-lg-8-2-2 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 2; }
.layout-split-lg-8-3-1 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 1; }
.layout-split-lg-9-1-2 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 2; }
.layout-split-lg-9-2-1 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 1; }
.layout-split-lg-10-1-1 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 1; }
.layout-split-xl-1-1-10 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 10; }
.layout-split-xl-1-2-9 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 9; }
.layout-split-xl-1-3-8 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 8; }
.layout-split-xl-1-4-7 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 7; }
.layout-split-xl-1-5-6 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 6; }
.layout-split-xl-1-6-5 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 5; }
.layout-split-xl-1-7-4 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 4; }
.layout-split-xl-1-8-3 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 3; }
.layout-split-xl-1-9-2 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 2; }
.layout-split-xl-1-10-1 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 10; --mcfw-layout-split-3: 1; }
.layout-split-xl-2-1-9 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 9; }
.layout-split-xl-2-2-8 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 8; }
.layout-split-xl-2-3-7 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 7; }
.layout-split-xl-2-4-6 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 6; }
.layout-split-xl-2-5-5 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 5; }
.layout-split-xl-2-6-4 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 4; }
.layout-split-xl-2-7-3 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 3; }
.layout-split-xl-2-8-2 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 2; }
.layout-split-xl-2-9-1 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 1; }
.layout-split-xl-3-1-8 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 8; }
.layout-split-xl-3-2-7 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 7; }
.layout-split-xl-3-3-6 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 6; }
.layout-split-xl-3-4-5 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 5; }
.layout-split-xl-3-5-4 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 4; }
.layout-split-xl-3-6-3 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 3; }
.layout-split-xl-3-7-2 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 2; }
.layout-split-xl-3-8-1 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 1; }
.layout-split-xl-4-1-7 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 7; }
.layout-split-xl-4-2-6 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 6; }
.layout-split-xl-4-3-5 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 5; }
.layout-split-xl-4-4-4 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 4; }
.layout-split-xl-4-5-3 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 3; }
.layout-split-xl-4-6-2 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 2; }
.layout-split-xl-4-7-1 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 1; }
.layout-split-xl-5-1-6 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 6; }
.layout-split-xl-5-2-5 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 5; }
.layout-split-xl-5-3-4 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 4; }
.layout-split-xl-5-4-3 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 3; }
.layout-split-xl-5-5-2 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 2; }
.layout-split-xl-5-6-1 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 1; }
.layout-split-xl-6-1-5 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 5; }
.layout-split-xl-6-2-4 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 4; }
.layout-split-xl-6-3-3 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 3; }
.layout-split-xl-6-4-2 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 2; }
.layout-split-xl-6-5-1 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 1; }
.layout-split-xl-7-1-4 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 4; }
.layout-split-xl-7-2-3 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 3; }
.layout-split-xl-7-3-2 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 2; }
.layout-split-xl-7-4-1 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 1; }
.layout-split-xl-8-1-3 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 3; }
.layout-split-xl-8-2-2 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 2; }
.layout-split-xl-8-3-1 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 1; }
.layout-split-xl-9-1-2 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 2; }
.layout-split-xl-9-2-1 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 1; }
.layout-split-xl-10-1-1 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 1; }
.layout-split-xxl-1-1-10 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 10; }
.layout-split-xxl-1-2-9 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 9; }
.layout-split-xxl-1-3-8 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 8; }
.layout-split-xxl-1-4-7 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 7; }
.layout-split-xxl-1-5-6 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 6; }
.layout-split-xxl-1-6-5 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 5; }
.layout-split-xxl-1-7-4 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 4; }
.layout-split-xxl-1-8-3 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 3; }
.layout-split-xxl-1-9-2 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 2; }
.layout-split-xxl-1-10-1 { --mcfw-layout-split-1: 1; --mcfw-layout-split-2: 10; --mcfw-layout-split-3: 1; }
.layout-split-xxl-2-1-9 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 9; }
.layout-split-xxl-2-2-8 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 8; }
.layout-split-xxl-2-3-7 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 7; }
.layout-split-xxl-2-4-6 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 6; }
.layout-split-xxl-2-5-5 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 5; }
.layout-split-xxl-2-6-4 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 4; }
.layout-split-xxl-2-7-3 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 3; }
.layout-split-xxl-2-8-2 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 2; }
.layout-split-xxl-2-9-1 { --mcfw-layout-split-1: 2; --mcfw-layout-split-2: 9; --mcfw-layout-split-3: 1; }
.layout-split-xxl-3-1-8 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 8; }
.layout-split-xxl-3-2-7 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 7; }
.layout-split-xxl-3-3-6 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 6; }
.layout-split-xxl-3-4-5 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 5; }
.layout-split-xxl-3-5-4 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 4; }
.layout-split-xxl-3-6-3 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 3; }
.layout-split-xxl-3-7-2 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 2; }
.layout-split-xxl-3-8-1 { --mcfw-layout-split-1: 3; --mcfw-layout-split-2: 8; --mcfw-layout-split-3: 1; }
.layout-split-xxl-4-1-7 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 7; }
.layout-split-xxl-4-2-6 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 6; }
.layout-split-xxl-4-3-5 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 5; }
.layout-split-xxl-4-4-4 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 4; }
.layout-split-xxl-4-5-3 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 3; }
.layout-split-xxl-4-6-2 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 2; }
.layout-split-xxl-4-7-1 { --mcfw-layout-split-1: 4; --mcfw-layout-split-2: 7; --mcfw-layout-split-3: 1; }
.layout-split-xxl-5-1-6 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 6; }
.layout-split-xxl-5-2-5 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 5; }
.layout-split-xxl-5-3-4 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 4; }
.layout-split-xxl-5-4-3 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 3; }
.layout-split-xxl-5-5-2 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 2; }
.layout-split-xxl-5-6-1 { --mcfw-layout-split-1: 5; --mcfw-layout-split-2: 6; --mcfw-layout-split-3: 1; }
.layout-split-xxl-6-1-5 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 5; }
.layout-split-xxl-6-2-4 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 4; }
.layout-split-xxl-6-3-3 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 3; }
.layout-split-xxl-6-4-2 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 2; }
.layout-split-xxl-6-5-1 { --mcfw-layout-split-1: 6; --mcfw-layout-split-2: 5; --mcfw-layout-split-3: 1; }
.layout-split-xxl-7-1-4 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 4; }
.layout-split-xxl-7-2-3 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 3; }
.layout-split-xxl-7-3-2 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 2; }
.layout-split-xxl-7-4-1 { --mcfw-layout-split-1: 7; --mcfw-layout-split-2: 4; --mcfw-layout-split-3: 1; }
.layout-split-xxl-8-1-3 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 3; }
.layout-split-xxl-8-2-2 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 2; }
.layout-split-xxl-8-3-1 { --mcfw-layout-split-1: 8; --mcfw-layout-split-2: 3; --mcfw-layout-split-3: 1; }
.layout-split-xxl-9-1-2 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 2; }
.layout-split-xxl-9-2-1 { --mcfw-layout-split-1: 9; --mcfw-layout-split-2: 2; --mcfw-layout-split-3: 1; }
.layout-split-xxl-10-1-1 { --mcfw-layout-split-1: 10; --mcfw-layout-split-2: 1; --mcfw-layout-split-3: 1; }

/* Numeric-marker consumers. */
[data-layout-split-container="horizontal"].fflow-row[class*="layout-split-"] > [data-layout-split-child="1"],
[data-layout-split-container="horizontal"].fflow-row[class*="layout-split-"] > [data-layout-split-child="2"],
[data-layout-split-container="horizontal"].fflow-row[class*="layout-split-"] > [data-layout-split-child="3"] {
    flex-basis: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    flex-shrink: 1 !important;
    width: auto !important;
}

[data-layout-split-container="horizontal"].fflow-row[class*="layout-split-"] > [data-layout-split-child="1"] {
    flex-grow: var(--mcfw-layout-split-1, 1) !important;
}

[data-layout-split-container="horizontal"].fflow-row[class*="layout-split-"] > [data-layout-split-child="2"] {
    flex-grow: var(--mcfw-layout-split-2, 1) !important;
}

[data-layout-split-container="horizontal"].fflow-row[class*="layout-split-"] > [data-layout-split-child="3"] {
    flex-grow: var(--mcfw-layout-split-3, 1) !important;
}

@media (min-width: 576px) {
    [data-layout-split-container="horizontal"].fflow-sm-row[class*="layout-split-"] > [data-layout-split-child="1"],
    [data-layout-split-container="horizontal"].fflow-sm-row[class*="layout-split-"] > [data-layout-split-child="2"],
    [data-layout-split-container="horizontal"].fflow-sm-row[class*="layout-split-"] > [data-layout-split-child="3"] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }

    [data-layout-split-container="horizontal"].fflow-sm-row[class*="layout-split-"] > [data-layout-split-child="1"] {
        flex-grow: var(--mcfw-layout-split-1, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-sm-row[class*="layout-split-"] > [data-layout-split-child="2"] {
        flex-grow: var(--mcfw-layout-split-2, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-sm-row[class*="layout-split-"] > [data-layout-split-child="3"] {
        flex-grow: var(--mcfw-layout-split-3, 1) !important;
    }

}

@media (min-width: 768px) {
    [data-layout-split-container="horizontal"].fflow-md-row[class*="layout-split-"] > [data-layout-split-child="1"],
    [data-layout-split-container="horizontal"].fflow-md-row[class*="layout-split-"] > [data-layout-split-child="2"],
    [data-layout-split-container="horizontal"].fflow-md-row[class*="layout-split-"] > [data-layout-split-child="3"] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }

    [data-layout-split-container="horizontal"].fflow-md-row[class*="layout-split-"] > [data-layout-split-child="1"] {
        flex-grow: var(--mcfw-layout-split-1, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-md-row[class*="layout-split-"] > [data-layout-split-child="2"] {
        flex-grow: var(--mcfw-layout-split-2, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-md-row[class*="layout-split-"] > [data-layout-split-child="3"] {
        flex-grow: var(--mcfw-layout-split-3, 1) !important;
    }

}

@media (min-width: 992px) {
    [data-layout-split-container="horizontal"].fflow-lg-row[class*="layout-split-"] > [data-layout-split-child="1"],
    [data-layout-split-container="horizontal"].fflow-lg-row[class*="layout-split-"] > [data-layout-split-child="2"],
    [data-layout-split-container="horizontal"].fflow-lg-row[class*="layout-split-"] > [data-layout-split-child="3"] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }

    [data-layout-split-container="horizontal"].fflow-lg-row[class*="layout-split-"] > [data-layout-split-child="1"] {
        flex-grow: var(--mcfw-layout-split-1, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-lg-row[class*="layout-split-"] > [data-layout-split-child="2"] {
        flex-grow: var(--mcfw-layout-split-2, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-lg-row[class*="layout-split-"] > [data-layout-split-child="3"] {
        flex-grow: var(--mcfw-layout-split-3, 1) !important;
    }

}

@media (min-width: 1200px) {
    [data-layout-split-container="horizontal"].fflow-xl-row[class*="layout-split-"] > [data-layout-split-child="1"],
    [data-layout-split-container="horizontal"].fflow-xl-row[class*="layout-split-"] > [data-layout-split-child="2"],
    [data-layout-split-container="horizontal"].fflow-xl-row[class*="layout-split-"] > [data-layout-split-child="3"] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }

    [data-layout-split-container="horizontal"].fflow-xl-row[class*="layout-split-"] > [data-layout-split-child="1"] {
        flex-grow: var(--mcfw-layout-split-1, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-xl-row[class*="layout-split-"] > [data-layout-split-child="2"] {
        flex-grow: var(--mcfw-layout-split-2, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-xl-row[class*="layout-split-"] > [data-layout-split-child="3"] {
        flex-grow: var(--mcfw-layout-split-3, 1) !important;
    }

}

@media (min-width: 1400px) {
    [data-layout-split-container="horizontal"].fflow-xxl-row[class*="layout-split-"] > [data-layout-split-child="1"],
    [data-layout-split-container="horizontal"].fflow-xxl-row[class*="layout-split-"] > [data-layout-split-child="2"],
    [data-layout-split-container="horizontal"].fflow-xxl-row[class*="layout-split-"] > [data-layout-split-child="3"] {
        flex-basis: 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-shrink: 1 !important;
        width: auto !important;
    }

    [data-layout-split-container="horizontal"].fflow-xxl-row[class*="layout-split-"] > [data-layout-split-child="1"] {
        flex-grow: var(--mcfw-layout-split-1, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-xxl-row[class*="layout-split-"] > [data-layout-split-child="2"] {
        flex-grow: var(--mcfw-layout-split-2, 1) !important;
    }

    [data-layout-split-container="horizontal"].fflow-xxl-row[class*="layout-split-"] > [data-layout-split-child="3"] {
        flex-grow: var(--mcfw-layout-split-3, 1) !important;
    }

}