.rpi-flx {
    display: var(--flx, flex)!important;
    flex-direction: var(--dir, column)!important;
    gap: var(--gap, 2px)!important;
    align-items: var(--align, flex-start)!important;
    flex-wrap: var(--wrap, nowrap)!important;
    overflow: var(--overflow, visible)!important;
    width: 100%!important;
}

.rpi-col16 {
    --dir: column;
    --gap: 16px;
    --align: flex-start;
    --overflow: hidden;
}

.rpi-col12 {
    --dir: column;
    --gap: 12px;
    --align: flex-start;
    --overflow: hidden;
}

.rpi-col6 {
    --dir: column;
    --gap: 6px;
    --align: flex-start;
    --overflow: hidden;
}

.rpi-col8 {
    --dir: column;
    --gap: 8px;
    --align: flex-start;
}

.rpi-col4 {
    --dir: column;
    --gap: 4px;
    --align: flex-start;
}

.rpi-row12-center {
    --dir: row;
    --gap: 12px;
    --align: center;
    --overflow: visible;
}

.rpi-row12 {
    --dir: row;
    --gap: 12px;
    --align: flex-start;
}