/* A paper-holding magnet belongs only to standalone sticky note widgets. */
.widget.t-note::before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 36px;
  height: 36px;
  left: var(--mag-x, 50%);
  top: var(--mag-y, 0px);
  transform: translate(-50%, -50%) rotate(var(--mag-rot, 0deg));
  background: url(assets/magnet.svg) center / contain no-repeat;
  filter: drop-shadow(1px 3px 2px rgba(0, 0, 0, .32));
  pointer-events: none;
}
.widget.t-note[data-mag="blue"]::before { background-image: url(assets/magnet-blue.svg); }
.widget.t-note[data-mag="yellow"]::before { background-image: url(assets/magnet-yellow.svg); }
.widget.t-note[data-mag="green"]::before { background-image: url(assets/magnet-green.svg); }
.widget.t-note[data-mag="black"]::before { background-image: url(assets/magnet-black.svg); }
.widget.t-note[data-mag="orange"]::before { background-image: url(assets/magnet-orange.svg); }