:root .rz-group-header {
    flex-direction: row-reverse;
    justify-content: end;
    flex-wrap: wrap;
}

:root {
    --rz-primary: #6d8f14;
    --rz-primary-light: #81a719;
    --medium-light-primary: #c4d2a1;
    --rz-secondary: #1b66a7;
    --medium-light-secondary: #a3c1db;
    --third: #f7d200;
    --rz-primary-lighter: #6d8f1422;
    --rz-on-primary-lighter: #42570c;
    --rz-success: #81a719;
    --rz-danger: #cc0000;
    --shadow: #deedc6;
    --rz-input-focus-shadow: 0px 0px 0px 1px var(--rz-white), 0px 0px 0px 3px var(--shadow);
    --icon-fill-value: 1;
}

.fill-icon {
    font-variation-settings: "FILL" var(--icon-fill-value);
}

.grid-fit-to-content .rz-grid-table-fixed {
    table-layout: auto !important;
}

.responsive-columns-container {
    container-type: inline-size;
    width: 100%;
}

.responsive-columns {
    display: flex;
    gap: 1.5rem;
    width: 100%;
}

.responsive-column {
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
}

@container (max-width: 700px) {
    .responsive-columns {
        flex-direction: column;
    }

    .responsive-column {
        width: 100%;
        max-width: 100%;
    }
}