#form-clinical-note__previous-notes-container:empty,
#form-clinical-note__note-edits-container:empty {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: var(--color-gray-50);
}

#form-clinical-note__previous-notes-container:empty::before,
#form-clinical-note__note-edits-container:empty::before {
  width: 28px;
  height: 28px;
  margin: auto auto 8px auto;
  background-color: var(--color-gray-400);
  content: '';
  -webkit-mask: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 28 28\'%3E%3Cpath d=\'M4.18542 24.9813C4.64236 25.4382 5.19167 25.6667 5.83333 25.6667H22.1667C22.8083 25.6667 23.3576 25.4382 23.8146 24.9813C24.2715 24.5243 24.5 23.975 24.5 23.3334V5.83335C24.5 5.19169 24.2715 4.64238 23.8146 4.18544C23.3576 3.72849 22.8083 3.50002 22.1667 3.50002H17.325C17.1111 2.81946 16.6979 2.26044 16.0854 1.82294C15.4729 1.38544 14.7778 1.16669 14 1.16669C13.2611 1.16669 12.5806 1.38544 11.9583 1.82294C11.3361 2.26044 10.9181 2.81946 10.7042 3.50002H5.83333C5.19167 3.50002 4.64236 3.72849 4.18542 4.18544C3.72847 4.64238 3.5 5.19169 3.5 5.83335V23.3334C3.5 23.975 3.72847 24.5243 4.18542 24.9813ZM22.1667 5.83335V23.3334H5.83333V5.83335H8.16667V9.33335H19.8333V5.83335H22.1667ZM14.8313 5.49794C14.6076 5.72155 14.3306 5.83335 14 5.83335C13.6694 5.83335 13.3924 5.72155 13.1687 5.49794C12.9451 5.27433 12.8333 4.99724 12.8333 4.66669C12.8333 4.33613 12.9451 4.05905 13.1687 3.83544C13.3924 3.61183 13.6694 3.50002 14 3.50002C14.3306 3.50002 14.6076 3.61183 14.8313 3.83544C15.0549 4.05905 15.1667 4.33613 15.1667 4.66669C15.1667 4.99724 15.0549 5.27433 14.8313 5.49794ZM12.3501 13.0333L10.7002 14.6832L12.3501 16.3331L10.7002 17.983L12.3501 19.633L14 17.983L15.65 19.633L17.2999 17.983L15.65 16.3331L17.2999 14.6832L15.65 13.0333L14 14.6832L12.3501 13.0333Z\' fill=\'currentColor\'/%3E%3C/svg%3E') no-repeat center;
  mask: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 28 28\'%3E%3Cpath d=\'M4.18542 24.9813C4.64236 25.4382 5.19167 25.6667 5.83333 25.6667H22.1667C22.8083 25.6667 23.3576 25.4382 23.8146 24.9813C24.2715 24.5243 24.5 23.975 24.5 23.3334V5.83335C24.5 5.19169 24.2715 4.64238 23.8146 4.18544C23.3576 3.72849 22.8083 3.50002 22.1667 3.50002H17.325C17.1111 2.81946 16.6979 2.26044 16.0854 1.82294C15.4729 1.38544 14.7778 1.16669 14 1.16669C13.2611 1.16669 12.5806 1.38544 11.9583 1.82294C11.3361 2.26044 10.9181 2.81946 10.7042 3.50002H5.83333C5.19167 3.50002 4.64236 3.72849 4.18542 4.18544C3.72847 4.64238 3.5 5.19169 3.5 5.83335V23.3334C3.5 23.975 3.72847 24.5243 4.18542 24.9813ZM22.1667 5.83335V23.3334H5.83333V5.83335H8.16667V9.33335H19.8333V5.83335H22.1667ZM14.8313 5.49794C14.6076 5.72155 14.3306 5.83335 14 5.83335C13.6694 5.83335 13.3924 5.72155 13.1687 5.49794C12.9451 5.27433 12.8333 4.99724 12.8333 4.66669C12.8333 4.33613 12.9451 4.05905 13.1687 3.83544C13.3924 3.61183 13.6694 3.50002 14 3.50002C14.3306 3.50002 14.6076 3.61183 14.8313 3.83544C15.0549 4.05905 15.1667 4.33613 15.1667 4.66669C15.1667 4.99724 15.0549 5.27433 14.8313 5.49794ZM12.3501 13.0333L10.7002 14.6832L12.3501 16.3331L10.7002 17.983L12.3501 19.633L14 17.983L15.65 19.633L17.2999 17.983L15.65 16.3331L17.2999 14.6832L15.65 13.0333L14 14.6832L12.3501 13.0333Z\' fill=\'currentColor\'/%3E%3C/svg%3E') no-repeat center;
  mask-size: contain;
}

#form-clinical-note__previous-notes-container:empty::after,
#form-clinical-note__note-edits-container:empty::after {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  margin: 0 auto auto auto;
  text-align: center;
  letter-spacing: 0.2px;
  color: var(--color-gray-400);
}

#form-clinical-note__previous-notes-container:empty::after {
  content: 'No previous notes found';
}

#form-clinical-note__note-edits-container:empty::after {
  content: 'No notes edits found';
}