select {
  padding: 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

select::-ms-expand {
  display: none; }

.component-select {
  cursor: pointer;
  position: relative;
  min-width: 265px;
  height: 50px;
  display: flex;
  padding: 8px 20px;
  align-items: center;
  gap: 20px;
  border-radius: 6px;
  border: 2px solid rgba(42, 38, 129, 0.2);
  background: #FFF; }
  .component-select .native-select {
    display: none; }
  .component-select .label-select {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color 0.2s;
    color: #0E2944;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
    .component-select .label-select #select-arrow-icon {
      transition: transform 0.2s; }
    .component-select .label-select #select-arrow-icon.rotate {
      transform: rotate(180deg); }
  .component-select .select-options-wrapper {
    position: absolute;
    width: 100%;
    margin-top: 5px;
    max-height: 280px;
    overflow-y: auto;
    display: none;
    border-radius: 6px;
    border: 2px solid rgba(42, 38, 129, 0.2);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    background: #FFF;
    z-index: 1000; }
  .component-select .select-option-item {
    padding: 8px 15px;
    cursor: pointer;
    transition: background-color 0.2s;
    color: #606266;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; }
  .component-select .select-option-item:hover {
    background-color: #f5f7fa; }
  .component-select .select-option-item.selected {
    color: #409eff;
    font-weight: 700;
    background-color: #f0faff; }
  .component-select .search-options-wrapper {
    width: 100%;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0; }
    .component-select .search-options-wrapper .fa-search {
      color: rgba(42, 38, 129, 0.2);
      font-size: 18px;
      font-style: normal;
      font-weight: 900;
      line-height: 150%;
      letter-spacing: -0.36px; }
    .component-select .search-options-wrapper input[name=search-options] {
      padding: 4px 8px;
      width: 100%;
      color: #606266;
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      border: none;
      outline: none;
      background: none; }
    .component-select .search-options-wrapper input[name=search-options]::placeholder {
      color: #999;
      font-size: 14px; }
  .component-select .select-options-empty {
    padding: 8px 15px;
    color: #999;
    font-size: 14px; }

.component-select:hover {
  border: 2px solid rgba(42, 38, 129, 0.3); }

label.checkbox-circle-label {
  cursor: pointer;
  margin-top: 5px;
  margin-right: 8px; }
  label.checkbox-circle-label input[type="radio"] {
    display: none; }
  label.checkbox-circle-label input[type="radio"] + svg {
    opacity: 0.1; }
  label.checkbox-circle-label input[type="radio"]:checked + svg {
    opacity: 1; }

label.checkbox-square-label.init-icon {
  cursor: pointer; }
  label.checkbox-square-label.init-icon input[type="checkbox"] {
    display: none; }
  label.checkbox-square-label.init-icon i {
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    font-size: 19px; }
  label.checkbox-square-label.init-icon input[type="checkbox"] + i {
    border: 1px solid rgba(3, 18, 66, 0.2);
    color: white; }
  label.checkbox-square-label.init-icon input[type="checkbox"]:checked + i {
    font-family: "Font Awesome 6 Pro";
    color: #0096F7;
    border: 1px solid #0096F7; }

label.checkbox-square-label:not(.init-icon) {
  cursor: pointer; }
  label.checkbox-square-label:not(.init-icon) input[type="checkbox"] {
    display: none; }
  label.checkbox-square-label:not(.init-icon) input[type="checkbox"] + i {
    opacity: 0.1; }
  label.checkbox-square-label:not(.init-icon) input[type="checkbox"]:checked + i {
    opacity: 1; }

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