.disk-side:hover {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>🎨</text></svg>")
      16 0,
    auto;
}
#stack-preview-0 {
    height: 4rem !important;
    margin-bottom: -30px !important;
    transform: perspective(400px) rotateX(65deg) !important;
  /* this variable will define how much ci*/
  --r: 20px;
  /* whatever values/units you want */
  background: 
    radial-gradient(50% var(--r) at 50% var(--r), #0003 99.99%, #0000 0),
    radial-gradient(50% var(--r) at 50% calc(100% - var(--r)), #fff3 99.99%, #0000 0),
    #369;
  border-radius: 100% / calc(var(--r) * 2);
}

.disk-pattern circle {
  fill: currentColor;
  opacity: 0.85;
  mix-blend-mode: overlay;
}

.disk-side {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  transform-origin: center top;
}