.t-img-select__container {
    -ms-flex-pack: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
    gap: 18px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-top: 7px;
    row-gap: 22px
}

#allrecords ul.t-img-select__container {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.t-img-select__control,.t-img-select__item {
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    box-sizing: border-box;
    display: inline-block;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-bottom: 0;
    vertical-align: top
}

.t-img-select__control.t-img-select__control_cb {
    display: block;
    margin: 0;
    width: 100%
}

.t-img-select__control {
    cursor: pointer
}

.t-img-select__control .t-img-select {
    opacity: 0;
    position: fixed;
    z-index: -1
}

.t-img-select__indicator {
    background-clip: padding-box;
    background-size: cover;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    box-shadow: none;
    position: relative;
    width: 100%
}

.t-img-select__indicator_4-3 {
    padding-bottom: 75%
}

.t-img-select__indicator_3-2 {
    padding-bottom: 66%
}

.t-img-select__indicator_1-1 {
    padding-bottom: 100%
}

.t-img-select__indicator_2-3 {
    padding-bottom: 150%
}

.t-img-select__indicator_3-4 {
    padding-bottom: 133%
}

.t-img-select__indicator:after {
    background-color: #111;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 100%;
    color: #fff;
    content: " ";
    height: 28px;
    left: -7px;
    opacity: 0;
    position: absolute;
    top: -7px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transition: all .2s ease-in;
    width: 28px;
    will-change: transform
}

.t-img-select__text {
    line-height: 1.1;
    margin-bottom: 0;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 500;
}

.t-img-select__control .t-img-select:checked~.t-img-select__indicator:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.t-img-select__indicator_fillmode-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.t-img-select__indicator_fillmode-cover {
    background-position: 50%;
    background-size: cover
}

.t-ri__scroll-icon-wrapper {
    display: none
}

@media screen and (min-width: 641px) {
    .t-img-select__container.t-img-select__container_all-in-row {
        -ms-flex-pack:start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        min-width: 100%;
        padding-right: 30px
    }

    .t-input-block:has(.t-img-select__container_all-in-row) {
        --mask-size: 40px;
        margin-left: calc(var(--mask-size)*-1);
        margin-top: -3px;
        -webkit-mask: linear-gradient(to left,transparent 0,#000 var(--mask-size),#000 calc(100% - var(--mask-size)),transparent 100%);
        mask: linear-gradient(to left,transparent 0,#000 var(--mask-size),#000 calc(100% - var(--mask-size)),transparent 100%);
        overflow-x: auto;
        padding-left: var(--mask-size);
        padding-top: 3px;
        position: relative;
        scrollbar-width: none
    }

    .t-input-group .t-img-select__container>.t-img-select__control,.t-input-group .t-img-select__container>.t-img-select__item {
        width: calc(25% - 13.5px)
    }

    .t-input-group_two-cols .t-img-select__container>.t-img-select__control,.t-input-group_two-cols .t-img-select__container>.t-img-select__item {
        width: calc(50% - 9px)
    }

    .cols_1to2 .t-img-select__container>.t-img-select__control,.cols_1to2 .t-img-select__container>.t-img-select__item,.t-input-group_two-cols_1to2 .t-img-select__container>.t-img-select__control,.t-input-group_two-cols_1to2 .t-img-select__container>.t-img-select__item {
        width: calc(33.33333% - 12px)
    }

    .t-input-group .t-img-select__container_2-in-row>.t-img-select__control,.t-input-group .t-img-select__container_2-in-row>.t-img-select__item {
        width: calc(50% - 9px)
    }

    .t-input-group .t-img-select__container_3-in-row>.t-img-select__control,.t-input-group .t-img-select__container_3-in-row>.t-img-select__item {
        width: calc(33.33333% - 12px)
    }

    .t-input-group .t-img-select__container_4-in-row>.t-img-select__control,.t-input-group .t-img-select__container_4-in-row>.t-img-select__item {
        width: calc(25% - 13.5px)
    }

    .t-input-group .t-img-select__container_5-in-row>.t-img-select__control,.t-input-group .t-img-select__container_5-in-row>.t-img-select__item {
        width: calc(20% - 14.4px)
    }

    .t-input-group .t-img-select__container_all-in-row>.t-img-select__control,.t-input-group .t-img-select__container_all-in-row>.t-img-select__item {
        width: 220px;
        width: var(--in-row-img-width)
    }

    .t-input-group .t-img-select__container {
        --base-width: 180px;
        --width-diff: 80px;
        --in-row-img-width: var(--base-width)
    }

    .t-input-group_two-cols .t-img-select__container {
        --base-width: 135px;
        --width-diff: 65px
    }

    .t-col_8 .t-img-select__container,.t-col_9 .t-img-select__container,.t-width_8 .t-img-select__container,.t-width_9 .t-img-select__container {
        --in-row-img-width: calc(var(--base-width) + var(--width-diff))
    }

    .t-col_10 .t-img-select__container,.t-col_11 .t-img-select__container,.t-width_10 .t-img-select__container,.t-width_11 .t-img-select__container {
        --in-row-img-width: calc(var(--base-width) + var(--width-diff)*2)
    }

    .t-col_12 .t-img-select__container,.t-width_12 .t-img-select__container {
        --in-row-img-width: calc(var(--base-width) + var(--width-diff)*3)
    }

    .t-width_100 .t-img-select__container {
        --in-row-img-width: 35vw
    }

    .t-width_100 .t-input-group_two-cols .t-img-select__container {
        --in-row-img-width: 30vw
    }

    @media screen and (max-width: 960px) {
        .t-img-select__container {
            --in-row-img-width:320px!important
        }
    }
}

@media screen and (max-width: 640px) {
    .t-img-select__container.t-img-select__container__mobile_all-in-row {
        -ms-flex-pack:start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        min-width: 100%;
        padding-top: 0
    }

    .t-input-block:has(.t-img-select__container__mobile_all-in-row) {
        --img-container-padding-h: 20px;
        margin-bottom: -6px;
        margin-left: calc(var(--img-container-padding-h)*-1);
        margin-right: calc(var(--img-container-padding-h)*-1);
        margin-top: -7px;
        overflow-x: auto;
        padding-bottom: 6px;
        padding-left: var(--img-container-padding-h);
        padding-right: var(--img-container-padding-h);
        padding-top: 7px;
        position: relative;
        scrollbar-width: none
    }

    .t-input-title:has(+.t-ri__scroll-icon-wrapper) {
        padding-bottom: 0
    }

    .t-input-subtitle:has(+.t-ri__scroll-icon-wrapper) {
        padding-bottom: 0
    }

    .t-ri__scroll-icon-wrapper {
        display: block;
        margin-top: 6px;
        text-align: right
    }

    .t-ri__scroll-icon-wrapper svg {
        height: 24px;
        width: 24px
    }

    .t-input-group .t-img-select__container .t-img-select__item,.t-input-group .t-img-select__container>.t-img-select__control {
        width: calc(50% - 10px);
    }

    .t-input-group .t-img-select__container__mobile_1-in-row .t-img-select__item,.t-input-group .t-img-select__container__mobile_1-in-row>.t-img-select__control {
        width: 100%
    }

    .t-input-group .t-img-select__container__mobile_2-in-row .t-img-select__item,.t-input-group .t-img-select__container__mobile_2-in-row>.t-img-select__control {
        width: calc(50% - 9px)
    }

    .t-input-group .t-img-select__container__mobile_3-in-row .t-img-select__item,.t-input-group .t-img-select__container__mobile_3-in-row>.t-img-select__control {
        width: calc(33.33333% - 12px)
    }

    .t-img-select__container {
        --in-row-img-width: 66.66667%!important;
        padding-top: 0;
    }

    .t-input-group .t-img-select__container__mobile_all-in-row>.t-img-select__control,.t-input-group .t-img-select__container__mobile_all-in-row>.t-img-select__item {
        width: 66.66667%;
        width: var(--in-row-img-width)
    }

    .t-img-select__container__mobile_all-in-row:after {
        content: "";
        min-height: 1px;
        min-width: calc(var(--img-container-padding-h) - 18px);
        pointer-events: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        visibility: hidden
    }
}

.t-form .js-error-control-box .t-img-select__container {
    border: 1px solid red!important;
    margin-left: 0;
    margin-right: 0;
    padding: 10px
}

#allrecords .t-form .js-error-control-box ul.t-img-select__container {
    padding-left: 10px
}

@media screen and (min-width: 1024px) {
    .t-img-select:focus-visible+.t-img-select__indicator,.t-img-select:focus-visible+.t-img-select__indicator:after {
        box-shadow:0 0 0 3px #0096ff
    }
}