@import "@shuimo-design/ui-core/components/base/input/input.css";

@import "../../template/border/border.css";

.m-input {
  border: 3px double transparent;


  .m-border-main {
    display: flex;
  }

  &.m-input-disabled {


    .m-border-line {
      opacity: 0.6;
    }
  }
}

.m-textarea {
  width: calc(100% - 6px);
  height: auto;

  & textarea {
    background-color: unset !important;
    background-repeat: no-repeat !important;
  }
}

.m-input-inner {
  cursor: var(--m-cursor-pointer);
  background-color: unset !important;
  background-repeat: no-repeat !important;
  padding: 0 10px;
  width: calc(100% - 20px);
  height: 100%;
  border: none !important;
  outline: none !important;
  color: var(--m-input-color);
}

.m-textarea-inner {
  cursor: var(--m-cursor-pointer);
  padding: 10px;
  width: calc(100% - 10px);
  height: calc(100% - 20px);
  border: none !important;
  outline: none !important;
  resize: none;

  &::-webkit-scrollbar {
    width: 0;
  }
}