.w-50
{
    width: 50%;
}

.w-100
{
    width: 100%;
}

.h-50
{
    height: 50%;
}

.h-100
{
    height: 100%;
}

.flex-1
{
    flex: 1 !important;
}

.flex-2
{
    flex: 2 !important;
}

.flex-3
{
    flex: 3 !important;
}

.flex-4
{
    flex: 4 !important;
}

.flex-scroll
{
    flex: 1 1 !important;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.flex-noscroll
{
    flex: 1 1 !important;
    overflow: hidden;
}

    /* rz-dialog */

    .flex.rz-dialog,
    .flex-scroll.rz-dialog,
    .flex-noscroll.rz-dialog
    {
        width: 100% !important;
        height: 100% !important;
    }

        .flex.rz-dialog .rz-dialog-content,
        .flex-scroll.rz-dialog .rz-dialog-content,
        .flex-noscroll.rz-dialog .rz-dialog-content
        {
            height: 100%;
            display: flex;
        }

    /* rz-form-field */

    .flex.rz-form-field .rz-form-field-content,
    .flex-scroll.rz-form-field .rz-form-field-content,
    .flex-noscroll.rz-form-field .rz-form-field-content
    {
        flex: 1;
    }

.scroll-to-bottom
{
    background: var(--kfw-primary);
    border-radius: 999rem;
    bottom: 5rem;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 1.5rem;
    left: 50%;
    padding: .25rem;
    position: absolute;
    transform: translateX(-50%);
    z-index: 10;
}

.kfw-backdrop
{
    backdrop-filter: blur(10px);
    background: var(--kfw-backdrop-background, rgba(5, 7, 13, .92));
    inset: 0;
    position: fixed;
    z-index: 1100;
}

.kfw-orb
{
    border-radius: 50%;
    box-shadow: 0 0 5rem color-mix(in srgb, var(--kfw-orb-glow, #4444B8) 55%, transparent);
    cursor: pointer;
    height: 11rem;
    width: 11rem;
}

.kfw-html-preview
{
    background: #FFFFFF;
    border: none;
    border-radius: var(--kfw-radius-small, .25rem);
}