.n-s3up-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  color: rgb(var(--text));
  opacity: .75;
  transition: opacity .15s, background .15s;
}

.n-s3up-btn::before {
  content: "\1F5BC";
  font-size: 16px;
  line-height: 1;
}

.n-s3up-btn:hover {
  opacity: 1;
  background: rgb(var(--text), .08);
}

.n-s3up-btn.n-s3up-loading::before {
  content: "\231B";
  animation: n-s3up-spin 1s linear infinite;
}

.n-s3up-hidden-input {
  display: none;
}

@keyframes n-s3up-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

textarea.n-s3up-dragover {
  outline: 2px dashed rgb(var(--primary400));
  outline-offset: -2px;
  background: rgb(var(--primary400), .06);
}

textarea.n-s3up-busy {
  opacity: .7;
}