#remember-colors-out {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 40px;
}
#remember-colors-in {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}
#remember-colors-in #blue {
  background-color: var(--color-accent-2);
}
#remember-colors-in #yellow {
  background-color: var(--color-theme);
}
#remember-colors-in #magenta {
  background-color: var(--color-accent-3);
}
.remember-color-btn {
  min-width: unset;
  width: 160px;
  height: 160px;
  border-radius: 20px;
  border: none;
  opacity: 0.1;
  cursor: not-allowed;
  transition: opacity 0.2s;
  pointer-events: none;
}
.remember-color-btn.remember-color-enabled {
  opacity: 0.4;
  cursor: pointer;
  pointer-events: auto;
}
.remember-color-btn.remember-color-active {
  opacity: 1;
}
.remember-color-btn.remember-color-flash-off {
  opacity: 0.1 !important;
}