// feedback-modal.component
.feedback-modal {
  --popover-container-padding: 0 !important;
  --popover-container-width: 25.67rem !important;
  --popover-container-min-width: 25.67rem !important;
  --box-shadow: none !important;
  --background: transparent !important;

  .popover-container {
    background: transparent !important;
    padding: 0 !important;
  }
}

.modal-buttons {
  lib-secondary-btn,
  lib-primary-btn {
    --lib-button-container-height: 1.96rem;
    --lib-button-height: 1.96rem;
    --lib-button-font-size: 0.83rem;
  }
}

.toggle-container {
  lib-toggle {
    font-size: 0.405rem;
    --knob-color: white;
  }
}

// feedback-screenshot.component
.toolbar {
  lib-icon-btn {
    .btn-text {
      img {
        width: 1.58rem;
      }
    }
    .lib-button-component {
      button {
        border: none !important;
        background: none !important;
      }
      .lib-button-container {
        --lib-button-container-background: linear-gradient(90deg, #353039 0.68%, #463a45 99.45%) !important;
      }
    }
  }
}

// feedback-send.component
.page-wrapper {
  lib-menu-btn {
    mat-icon {
      font-size: 1.5rem !important;
      width: 1.666rem !important;
    }
    .lib-button-component {
      button {
        width: 2.667rem !important;
      }
    }
  }
  .back-icon {
    box-shadow: -5px -5px 12px 3px #cbc7d140;
    border-radius: 50%;
    .lib-button-component {
      button {
        background: transparent !important;
        border: none !important;
      }
    }
    img {
      width: 1.21rem !important;
      height: 1.05rem !important;
    }
  }
  .comments-field {
    lib-input-field {
      .counter {
        font-size: 1rem !important;
      }
      textarea {
        font-family: Gilroy-Regular, serif;
        font-size: 1rem;
        min-width: 100%;
        border-radius: 0.83rem;
        padding-inline: 1rem;
        &::placeholder {
          font-size: 1rem !important;
        }
        &::-webkit-scrollbar-track {
          height: 90% !important;
          background: transparent !important;
          &:hover {
            cursor: pointer;
          }
        }
      }
    }
  }

  lib-form-field {
    lib-toggle {
      font-size: 0.405rem;
      --knob-color: white;
    }
  }

  .lib-secondary-btn_container {
    lib-secondary-btn {
      width: 12.08rem;
    }
    lib-base-btn {
      --lib-button-font-size: 0.95rem !important;
    }
  }

  .submit-container {
    lib-base-btn {
      --lib-button-font-size: 1.54rem !important;
    }
  }

  lib-chip-btn {
    .lib-chip-container {
      width: 42vw;
      max-width: 11.6rem;
      display: block;
      padding: 0.32rem 1rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1.08rem;
      @media (min-width: 390px) {
        max-width: 12.2rem;
      }
      @media (min-width: 425px) {
        max-width: 13.3rem;
      }
    }
    .lib-button-component button.lib-button-hover-outline:hover {
      outline: none !important;
    }
  }
}
.feedback-menu-item {
  min-height: 2.08rem !important;
  lib-toggle {
    font-size: 0.405rem;
    --knob-color: white;
    .lib-toggle-container {
      height: 2.8rem;
    }
  }
}

// feedback-success.component
.ok-btn {
  lib-base-btn {
    --lib-button-font-size: 1.54rem !important;
  }
}
