.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:absolute;
  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
}

.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
}

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

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

.t-input-group_ri.js-error-control-box:has(.t-input-block+.t-input-error) .t-img-select__container {
  border:unset;
  border:unset!important;
  margin-left:unset;
  margin-right:unset;
  padding:unset;
  padding-top:10px
}

.t-input-group_ri.js-error-control-box:has(.t-input-block+.t-input-error) .t-input-block {
  border:1px solid red!important;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px
}

.t-input-group_ri.js-error-control-box:has(.t-input-block+.t-input-error) .t-input-error {
  margin-top:10px
}

#allrecords .t-input-group_ri.js-error-control-box:has(.t-input-block+.t-input-error) ul.t-img-select__container {
  padding-left:unset
}

@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),div:has(>.t-input-block .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(33.33333% - 12px)
  }
  .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
  }
  .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-input-group_ri.js-error-control-box .t-input-block:has(.t-img-select__container__mobile_all-in-row) {
    padding-bottom:10px;
    padding-left:var(--img-container-padding-h);
    padding-right:var(--img-container-padding-h)
  }
  #allrecords .js-error-control-box ul.t-img-select__container.t-img-select__container__mobile_all-in-row {
    padding-left:0
  }
  .t-input-group_ri.js-error-control-box:has(.t-input-block+.t-input-error) .t-input-block:has(.t-img-select__container__mobile_all-in-row) {
    padding-bottom:10px;
    padding-left:var(--img-container-padding-h);
    padding-right:var(--img-container-padding-h)
  }
  :is(#allrecords .t-input-group_ri.js-error-control-box:has(.t-input-block+.t-input-error)) .t-img-select__container__mobile_all-in-row {
    padding-left:0
  }

}

@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
  }

}