body {
    --dae-space-100: var(--dds-space-100, 100px);
    --dae-space-200: var(--dds-space-200, 100px);
    --dae-color-brand-primary: var(--dds-color-blue-70, red);
    --dae-color-brand-secondary: var(--dds-color-blue-50, red);
    --dae-color-brand-tertiary: #1B1A18;
    --dae-color-brand-stroke-secondary: var(--dds-color-blue-50, red);
    --dae-color-brand-stroke-tertiary: #1B1A18;
    --dae-color-common-border-empty: var(--dds-color-common-border-empty, red);
    --dae-color-common-border-focus: var(--dds-color-common-border-focus, red);
    --dae-color-common-neutral-hover: var(--dds-color-common-neutral-hover, red);
    --dae-color-common-danger-default: var(--dds-color-common-danger-default, red);
}

    body[data-theme=dark] {
        --dae-space-100: var(--dds-space-100, 100px);
        --dae-space-200: var(--dds-space-200, 100px);
        --dae-color-brand-primary: var(--dds-color-white, red);
        --dae-color-brand-secondary: var(--dds-color-white, red);
        --dae-color-brand-tertiary: var(--dds-color-white, red);
        --dae-color-brand-stroke-secondary: #1B1A18;
        --dae-color-brand-stroke-tertiary: #1B1A18;
        --dae-color-common-neutral-hover: #515151;
    }

.header-container {
    padding: var(--dae-space-200);
    padding-bottom: var(--dae-space-100);
}

.body-container {
    height: 100%;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
}

.footer-container {
    padding: var(--dae-space-200);
}

footer > div {
    font-size: 10px;
    height: 30px;
}