.post_it {
  box-sizing: border-box;
  position: relative;
  background-color: var(--papaya);
  aspect-ratio: 1/1;
  width: var(--post_it__size);
  border: var(--ink-10) 1pt solid;
}

.post_it__form {
  height: 100%;
}
.post_it__content {
  width: 100%;
  height: 100%;
  color: var(--ink);
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  padding: 12pt;
  resize: none;
  outline: none;
  font-size: x-large !important;
}
.post_it__content--hidden {
  display: none;
}
.post_it__icon {
  opacity: 0;

  position: absolute;
  top: 4pt;
  right: 4pt;

  cursor: pointer;

  width: 1rem;
  height: 1rem;
  background-color: var(--red);
  mask-image: var(--trash-img);
  mask-repeat: no-repeat;
  mask-size: contain;
}

.post_it:hover .post_it__icon,
.post_it:focus-within .post_it__icon {
  opacity: 1;
}

.post_it__author {
  font-size: small;
  color: var(--ink-30);
  text-align: right;
  padding-right: 0.5ex;
}