@import '../../style/index.less';

@acud-pro-page-layout-prefix-cls: ~'@{acud-pro-prefix}-page-layout';

.@{acud-pro-page-layout-prefix-cls} {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    box-sizing: border-box;
    background: #f7f7f9;
    padding: 16px 24px 24px;

    &__main {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 16px;
    }

    & &__main > &__content {
        margin-bottom: 0;
    }

    &__bottom {
        position: sticky;
        margin-top: -8px;
        bottom: 24px;
        width: calc(100% + 48px);
        transform: translate(-24px, 24px);

        .@{acud-pro-prefix}-bottom-submit {
            position: initial;
            width: auto;
            transform: initial;
            padding-left: 24px;

            .acud-btn {
                height: 32px;
            }
        }
    }

    &__empty &__main {
        display: flex;
        flex: 1;
    }

    &__empty &__main &__content {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;

        .acud-loading-loading-context {
            position: initial;
        }
    }
}