.emotion-explorer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.wrapper-emotions {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.wrapper-emotions svg {
  width: 100%;
  height: 100%;
}

.wrapper-core {
  position: absolute;
  height: 90%;
  width: 90%;
}

.emotion-explorer.format-large .wrapper-core {
  height: 40%;
  width: 40%;
}

.emotions [class*="label-"] {
  opacity: 0;
}

.emotion-explorer.format-large .emotions [class*="label-"] {
  opacity: 1;
}

.core [class*="arrow-"] {
  opacity: 0;
}

.core [class*="bg-"], .emotions [class*="bg-"] {
  filter: brightness(1);
}

.core [class*="core-"] {
  cursor: pointer;
}

.emotion-explorer.format-large .core [class*="core-"] {
  cursor: auto;
}

.emotions.expanded [class*="emotion-"] {
  cursor: pointer;
}