.gform-theme--framework {
    --gf-survey-field-likert-row-odd-bg-color: rgba(15, 23, 42, 0.5);
    --gf-survey-icon-control-rank: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='%23686E77'/%3E%3C/svg%3E");
}

.gform-theme--framework table.gsurvey-likert .gsurvey-likert-choice-label,
.gform-theme--framework table.gsurvey-likert .gsurvey-likert-row-label {
    color: #ffffff !important;
    font-family: var(--gf-ctrl-label-font-family-primary);
    font-size: var(--gf-ctrl-label-font-size-primary);
    font-style: var(--gf-ctrl-label-font-style-primary);
    font-weight: var(--gf-ctrl-label-font-weight-primary);
    letter-spacing: var(--gf-ctrl-label-letter-spacing-primary);
    line-height: var(--gf-ctrl-label-line-height-primary);
}

.gform-theme--framework table.gsurvey-likert tbody tr:nth-child(odd) {
    background-color: var(--gf-survey-field-likert-row-odd-bg-color);
}

.gform-theme--framework table.gsurvey-likert tbody tr:nth-child(2n) {
    background-color: transparent;
}

.gform-theme--framework table.gsurvey-likert td:first-child {
    border-bottom-left-radius: min(var(--gf-radius), 15px);
    border-top-left-radius: min(var(--gf-radius), 15px);
}

.gform-theme--framework table.gsurvey-likert td:last-child {
    border-bottom-right-radius: min(var(--gf-radius), 15px);
    border-top-right-radius: min(var(--gf-radius), 15px);
}

@media only screen and (max-width: 761px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .gform-theme--framework table.gsurvey-likert tr {
        border-radius: min(var(--gf-radius), 15px);
        padding-block-end: 4px;
        padding-inline: 12px;
    }
    
    .gform-theme--framework table.gsurvey-likert td::after {
        color: #ffffff !important;
        font-family: var(--gf-ctrl-label-font-family-primary);
        font-size: var(--gf-ctrl-label-font-size-primary);
        font-style: var(--gf-ctrl-label-font-style-primary);
        font-weight: var(--gf-ctrl-label-font-weight-primary);
        letter-spacing: var(--gf-ctrl-letter-spacing-primary);
        line-height: var(--gf-ctrl-label-line-height-primary);
        padding-inline-start: 8px;
        position: relative;
        top: 2px;
    }
    
    .gform-theme--framework table.gsurvey-likert .gsurvey-likert-row-label {
        padding-block-end: 4px;
        padding-inline-start: 0;
    }
}

.gform-theme--framework .gsurvey-rank-choice {
    background-image: var(--gf-survey-icon-control-rank);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    padding-inline-start: 27px;
}

body.rtl .gform-theme--framework .gsurvey-rank-choice,
html[dir=rtl] .gform-theme--framework .gsurvey-rank-choice {
    background-position: 100% center;
}