.rz-body {
    background-color: var(--background-app);
}

.rz-header {
    background-color: var(--header);
    color: var(--header-text);
    padding: 16px 48px;
    border-bottom-style: solid;
    border-radius: 0px;
    border-bottom-width: 1px;
    border-bottom-color: var(--header-border);
}

    .rz-header .rz-text-body1 {
        color: var(--header-text);
        font-weight: 500;
        font-size: medium;
    }

    .rz-header .rz-text-h2 {
        color: var(--header-text);
        font-weight: 600;
        font-size: x-large;
    }

.rz-footer {
    background-color: var(--footer);
    color: var(--footer-text);
    padding: 16px 48px;
    border: none;
    box-shadow: none !important;
}

    .rz-footer .rz-link-text {
        color: var(--footer-text);
    }

.rz-button {
    text-transform: none !important; /* Prevents text transformation to uppercase */
    margin: 0px;
    padding: 8px 16px;
    gap: 8px;
    box-shadow: none !important;
    box-sizing: border-box; /* Ensures padding does not affect the total size */
    border-style: solid;
    border-radius: 6px; /* Softens the corners */
    border-width: 1px;
    font-weight: 500; /* Sets a medium font weight */
    font-size: small; /* Sets a small font size */
    display: inline-block; /* Ensures consistent behavior */
    white-space: nowrap; /* Prevents line breaks within the button */
}

    .rz-button.rz-primary.rz-shade-default {
        background-color: var(--button-color-back);
        color: var(--button-color-text);
        border-color: var(--button-color-border);
    }

    .rz-button.rz-variant-text.rz-primary.rz-shade-default {
        background-color: var(--button-varianttext-background);
        color: var(--button-varianttext-text);
        border-color: var(--button-varianttext-border);
    }

    .rz-button.rz-secondary {
        background-color: var(--rz-primary) ;
        color: white ;
        border-color: var(--rz-primary) ;
    }

    .rz-button.rz-button-icon-only {
        border-radius: 80px;
        padding: 6px;
    }
        .rz-button.rz-button-icon-only.rz-primary {
            background-color: var(--button-icon-color-fill);
            border-color: var(--button-icon-color-fill);
            color: var(--button-icon-color-icon);
        }
            .rz-button.rz-button-icon-only.rz-primary.rz-variant-text {
                background-color: transparent;
                border-color: transparent;
                color: var(--button-varianttext-text);
            }

    .rz-button.rz-variant-text.rz-danger {
        background-color: transparent;
        color: var(--button-danger-color-text);
        border: none;
    }
        .rz-button.rz-variant-text.rz-danger:hover, 
        .rz-button.rz-variant-text.rz-danger:focus {
            background-color: transparent !important;
        }

.rz-form-field,
.rz-form-field-content,
input {
    background-color: transparent !important;
    overflow: hidden !important;
    border-radius: 24px !important;
}

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        background-color: transparent !important;
        border-radius: 24px !important;
    }

.rz-dialog {
    width: 600px;
    max-width: 850px;
    padding: 32px;
    border-radius: 16px;
    border-color: var(--dialog-color-border);
    gap: 24px;
    background-color: var(--dialog-color-back);
    font-weight: 500;
    font-size: medium;
    justify-content: left;
    color: var(--dialog-color-text);
}

.rz-dialog-titlebar {
    background-color: transparent;
}

.rz-dialog-title {
    font-weight: 600;
    font-size: x-large;
    color: var(--dialog-color-title);
}

.rz-card {
    background-color: var(--card-color-background);
    border-radius: 8px;
    border: 1px solid var(--card-color-border);
    padding: 0px;
    font-weight: 500;
    font-size: medium;
    color: var(--card-color-text);
}

.rz-dropdown {
    background-color: var(--dropdown-background);
    color: var(--dropdown-text);
    border-color: var(--dropdown-border);
    border-style: solid;
    border-radius: 8px;
    border-width: 1px;
    width: 120px;
}

.rz-dropdown-panel {
    background-color: var(--dropdown-panel-background);
    border-color: var(--dropdown-panel-border);
    border-style: solid;
    border-radius: 8px;
    border-width: 1px;
    width: 222px !important;
}

.rz-dropdown-items-wrapper {
    padding: 4px;
}

.rz-dropdown-items {
    display: grid;
    gap: 4px;
}

.rz-dropdown-item {
    color: var(--dropdown-item-text) !important;
    background-color: var(--dropdown-item-background) !important;
    border-style: inherit !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    width: 100%;
}

.rz-tooltip-content {
    background-color: var(--rz-primary);
    color: var(--tooltip-text);
}