.shareclass-dropdown{
  margin-bottom:15px;
  font-size: 18px;
}

.shareclass-dropdown[hidden]{
  display:none;
}

.shareclass-dropdown .dropdown__button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.shareclass-dropdown .dropdown__button:disabled {
  opacity: 0.7;
  background-color: #f0f0f0;
  color: #999999;
  cursor: auto;
}

/* --- reveal animation --------------------------------------------------- */
.shareclass-row:not([hidden]) {
  -webkit-animation: shareclass-reveal 400ms ease-out;
          animation: shareclass-reveal 400ms ease-out;
}

@-webkit-keyframes shareclass-reveal {
  from {
    opacity: 0;
    -webkit-transform: translateY(-0.8rem);
            transform: translateY(-0.8rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes shareclass-reveal {
  from {
    opacity: 0;
    -webkit-transform: translateY(-0.8rem);
            transform: translateY(-0.8rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* Still reveal it, just without the movement. */
@media (prefers-reduced-motion: reduce) {
  .shareclass-row:not([hidden]) {
    -webkit-animation: none;
            animation: none;
  }
}