.segmentdock-icon {
  --icon-size: 44px;
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: var(--icon-size);
  aspect-ratio: 1;
  flex: 0 0 auto;
  gap: 1px;
}

.segmentdock-icon > span {
  display: block;
  min-width: 0;
  aspect-ratio: 1;
  background: url('/brand/mascot-sprites.png') 0 0 / 200% 200% no-repeat;
  transform-origin: 50% 85%;
}

.segmentdock-icon > span:nth-child(2) { background-position: 100% 0; }
.segmentdock-icon > span:nth-child(3) { background-position: 0 100%; }
.segmentdock-icon > span:nth-child(4) { background-position: 100% 100%; }