/*----------------------------------
    CSS TOC (Table of Contents)
  ------------------------------------
  :: ANIMATION
  :: CUSTOM
  ----------------------------------*/

/*----------------------------------
    :: ANIMATION
  ----------------------------------*/

.csmf--animation {
  --text-color: 0, 0%, 0%;
}

.csmf-invert-line {
  background-image: linear-gradient(to right, hsla(var(--text-color), 1) 50%, hsla(var(--text-color), 0.3) 50%);
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.csmf-reveal-line {
  overflow: hidden;
}

/*----------------------------------
    :: CUSTOM
  ----------------------------------*/

.elementor-control-type-your_autocomplete_control .search-input {
  width: 100%;
  padding: 8px;
  border: 1px solid #d5dadf;
  border-radius: 3px;
  background-color: #fff;
}

.elementor-control-type-your_autocomplete_control .search-results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #d5dadf;
  border-radius: 3px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 100;
}

.elementor-control-type-your_autocomplete_control .autocomplete-item {
  padding: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.elementor-control-type-your_autocomplete_control .autocomplete-item:hover {
  background-color: #f1f3f5;
}

.elementor-control-type-query .select2-container {
  min-width: 100%;
  max-width: 100%;
}

.elementor-control-type-query .select2-container .select2-selection--multiple {
  min-height: 28px;
}

.elementor-control-type-query .select2-container .select2-selection--single {
  height: 28px;
}

.elementor-control-type-query .select2-container .select2-selection__rendered {
  line-height: 27px;
}

.elementor-control-type-query .select2-container .select2-search--inline .select2-search__field {
  margin-top: 0;
  min-height: 26px;
}

.elementor-control-type-query .select2-selection__choice {
  margin: 2px;
}

.elementor-control-type-text .select2-container {
  width: 100% !important;
  margin-top: 10px;
}

.elementor-control-type-text .select2-container .select2-selection--multiple {
  min-height: 28px;
}

.elementor-control-type-text .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin: 4px;
  padding: 0 6px;
}

.select2-container {
  z-index: 999;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  min-height: 28px;
  border: 1px solid #d5dadf;
}

.select2-container--default .select2-search--inline .select2-search__field {
  min-width: 150px;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
}

.select2-dropdown {
  border-color: #d5dadf;
}
