/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/apps/customizer-controls/src/scss/_repeater.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.nv-repeater {
  background-color: transparent;
}
.nv-repeater .nv-repeater-items-container {
  display: grid;
  row-gap: 10px;
}

.nv-repeater-item.sortable-chosen .components-tooltip {
  display: none;
}
.nv-repeater-item .nv-repeater-item-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border: 1px solid #ddd;
  height: 40px;
  background-color: #fff;
}
.nv-repeater-item .nv-repeater-item-header.visibility-hidden > * > .dashicon, .nv-repeater-item .nv-repeater-item-header.visibility-hidden > .repeater-item-title, .nv-repeater-item .nv-repeater-item-header.visibility-hidden > * > .repeater-item-title {
  color: #8e979f;
}
.nv-repeater-item .nv-repeater-item-header .dashicon {
  color: #50575e;
  width: 30px;
  margin-left: auto;
}
.nv-repeater-item .nv-repeater-item-header .repeater-visibility-button {
  background-color: #fff;
  height: 100%;
  border: 0;
  border-right: 1px solid #ddd;
  cursor: pointer;
}
.nv-repeater-item .nv-repeater-item-header .nv-repeater-expand-button {
  display: flex;
  align-items: center;
  border: none;
  background-color: #FFFFFF;
  width: 100%;
  padding: 0;
  cursor: pointer;
}
.nv-repeater-item .nv-repeater-item-header .nv-repeater-handle {
  border: none;
  background-color: #fff;
  margin-left: auto;
  cursor: grabbing;
}
.nv-repeater-item .nv-repeater-item-header .nv-repeater-handle .dashicon {
  color: #bfbfbf;
}
.nv-repeater-item .nv-repeater-item-header .repeater-item-title {
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: #50575e;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12vw;
}
.nv-repeater-item .nv-repeater-content {
  background-color: #fff;
  padding: 10px 10px 10px 10px;
  border: 1px solid #ddd;
  border-top: 0;
  display: grid;
  row-gap: 10px;
}
.nv-repeater-item .nv-repeater-content .customize-control-title {
  font-size: 13px;
  line-height: 1.75;
  font-weight: unset;
}
.nv-repeater-item .nv-repeater-content .icon-control {
  height: 30px;
  margin-bottom: 0;
}
.nv-repeater-item .nv-repeater-content .icon-control .add-icon-button {
  height: 30px;
  width: 53px;
  justify-content: center;
  margin-left: auto;
  border: 1px solid #ccc;
  color: #50575e;
  box-shadow: none !important;
}
.nv-repeater-item .nv-repeater-content .icon-control .icon-setter {
  height: 30px;
  width: 53px;
  display: flex;
  margin-left: auto;
}
.nv-repeater-item .nv-repeater-content .icon-control .icon-setter .repeater-icon-preview {
  height: inherit;
  width: 70%;
  justify-content: center;
  color: #1e1e1e;
  box-shadow: none;
  padding: 0;
  border: 1px solid #ccc;
}
.nv-repeater-item .nv-repeater-content .icon-control .icon-setter .repeater-delete-icon {
  height: inherit;
  justify-content: center;
  background-color: #ccc;
  color: #fff;
  box-shadow: none;
  padding: 0;
}
.nv-repeater-item .nv-repeater-content .icon-control .icon-setter .repeater-delete-icon > * { /* The 'no' dashicon size */
  height: 16px;
  width: 16px;
  font-size: 16px;
}
.nv-repeater-item .nv-repeater-content .icon-control .icons-popover-content {
  max-height: 280px;
}
.nv-repeater-item .nv-repeater-content .icon-control .icons-popover-content .icons-popover-header {
  margin: 5px 10px;
}
.nv-repeater-item .nv-repeater-content .icon-control .icons-popover-content .icons-container {
  margin: 10px 10px 10px 10px;
  display: grid;
  grid-template-columns: repeat(5, 40px);
  grid-template-rows: repeat(auto-fill, 40px);
}
.nv-repeater-item .nv-repeater-content .icon-control .icons-popover-content .icons-container .icon-button {
  width: 40px;
  height: 40px;
  justify-content: center;
  padding: 0;
}
.nv-repeater-item .nv-repeater-content .nv-repeater-remove-button {
  width: -moz-max-content;
  width: max-content;
}
.nv-repeater-item .solace-white-background-control {
  margin: 0;
}

.nv-repeater-options {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 15px;
       column-gap: 15px;
  height: 40px;
}
.nv-repeater-options .nv-repeater-reorder-button {
  padding: 0 10px 0 10px;
  height: 40px;
}
.nv-repeater-options .nv-repeater-add-item-button {
  height: 40px;
}

/*# sourceMappingURL=controls.css.map*/