/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/dev/admin/sass/image-selector.scss ***!
  \**********************************************************************************************************************************************************************************************************/
/* Image selector control */
.eazygrid-elementor-control-image-selector.column-4 .eazygrid-elementor-image-selector-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc((100% - 24px) / 4);
      -ms-flex: 0 0 calc((100% - 24px) / 4);
          flex: 0 0 calc((100% - 24px) / 4);
}
.eazygrid-elementor-control-image-selector .eazygrid-elementor-control-image-selector-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 10px;
  margin-right: -6px;
  margin-left: -6px;
  max-height: var(--colum-height, 160px);
}
.eazygrid-elementor-control-image-selector .eazygrid-elementor-control-image-selector-inner input[type=radio] {
  position: absolute;
  opacity: 0;
}
.eazygrid-elementor-control-image-selector .eazygrid-elementor-control-image-selector-inner .eazygrid-elementor-image-selector-label {
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc((100% - 18px) / 3);
      -ms-flex: 0 0 calc((100% - 18px) / 3);
          flex: 0 0 calc((100% - 18px) / 3);
  margin: 3px;
  padding: 3px;
  border: 3px solid transparent;
  border-radius: 4px;
  opacity: 0.5;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.eazygrid-elementor-control-image-selector .eazygrid-elementor-control-image-selector-inner .eazygrid-elementor-image-selector-label img,
.eazygrid-elementor-control-image-selector .eazygrid-elementor-control-image-selector-inner .eazygrid-elementor-image-selector-label svg {
  width: 100%;
  height: 100%;
}
.eazygrid-elementor-control-image-selector .eazygrid-elementor-control-image-selector-inner input:checked + .eazygrid-elementor-image-selector-label {
  border-color: #a4afb7;
  opacity: 1;
}