/* _content/Phazor.Components/Components/PhazorComponent.razor.rz.scp.css */
.phazor-component[inherit-scope] {
    height: 100%;
    width: 100%;

    .phazor-stack > & {
        width: unset !important;
        height: unset !important;
        
        flex-grow: 1;
    }
}
/* _content/Phazor.Components/Components/PhazorDIv.razor.rz.scp.css */
.phazor-div[inherit-scope] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* _content/Phazor.Components/Components/PhazorScroll.razor.rz.scp.css */
.phazor-scroll-horizontal[inherit-scope] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    flex-direction: row;
    align-items: stretch
}

.phazor-scroll-vertical[inherit-scope] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-direction: column;
    align-items: stretch
}
/* _content/Phazor.Components/Components/Stacks/PhazorHStack.razor.rz.scp.css */
.phazor-stack-horizontal[inherit-scope] {
    display: flex;
    flex-direction: row;

    .phazor-stack > & {
        width: unset !important;
        height: unset !important;
    }

    .phazor-scroll-horizontal > &[inherit-scope] {
        width: fit-content !important;
    }

    &.phazor-stack-default[inherit-scope] {
    }

    &.phazor-stack-compact[inherit-scope] {
        width: fit-content;
    }

    &.phazor-stack-reversed[inherit-scope] {
        flex-direction: row-reverse;
    }

    &.phazor-stack-justify-start[inherit-scope] {
        justify-content: start;
    }

    &.phazor-stack-justify-center[inherit-scope] {
        justify-content: center;
    }

    &.phazor-stack-justify-end[inherit-scope] {
        justify-content: end;
    }

    &.phazor-stack-justify-around[inherit-scope] {
        justify-content: space-around;
    }

    &.phazor-stack-justify-between[inherit-scope] {
        justify-content: space-between;
    }

    &.phazor-stack-align-start[inherit-scope] {
        align-items: start;
    }

    &.phazor-stack-align-center[inherit-scope] {
        align-items: center;
    }

    &.phazor-stack-align-end[inherit-scope] {
        align-items: end;
    }

    &.phazor-stack-align-stretch[inherit-scope] {
        align-items: stretch;
    }
}
/* _content/Phazor.Components/Components/Stacks/PhazorVStack.razor.rz.scp.css */
.phazor-stack-vertical[inherit-scope] {
    display: flex;
    flex-direction: column;

    .phazor-stack > & {
        width: unset !important;
        height: unset !important;
    }

    .phazor-scroll-vertical > &[inherit-scope] {
        height: fit-content !important;
    }

    &.phazor-stack-default[inherit-scope] {
    }

    &.phazor-stack-compact[inherit-scope] {
        height: fit-content;
    }

    &.phazor-stack-reversed[inherit-scope] {
        flex-direction: row-reverse;
    }

    &.phazor-stack-justify-start[inherit-scope] {
        justify-content: start;
    }

    &.phazor-stack-justify-center[inherit-scope] {
        justify-content: center;
    }

    &.phazor-stack-justify-end[inherit-scope] {
        justify-content: end;
    }

    &.phazor-stack-justify-around[inherit-scope] {
        justify-content: space-around;
    }

    &.phazor-stack-justify-between[inherit-scope] {
        justify-content: space-between;
    }

    &.phazor-stack-align-start[inherit-scope] {
        align-items: start;
    }

    &.phazor-stack-align-center[inherit-scope] {
        align-items: center;
    }

    &.phazor-stack-align-end[inherit-scope] {
        align-items: end;
    }

    &.phazor-stack-align-stretch[inherit-scope] {
        align-items: stretch;
    }
}