.dropdownStyling {
  position: relative;

  &.fullWidth {
    > select {
      width: 100%;
    }
  }

  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: var(--horse-calc-input-border, none);
    color: var(--horse-calc-label-color, #1a1c1f);
    background: var(--horse-calc-input-background, #f3f2f2);
    border-radius: var(--horse-calc-input-border-radius, 0.4rem);
    font-weight: 400;
    font-size: 16px;
    padding: 1.6rem 1.5rem;

    @include min(tablet) {
      padding: 1.6rem 2.4rem;
    }

    
  }

  svg {
    color: var(--tooltip-icon-color, #848587);
  }

  &:after {
    @include arrow(var(--horse-calc-label-color, #1a1c1f), 0.8rem, down, false);
    position: absolute;
    right: 1.5rem;
    top: 38%;

    @include min(tablet) {
      right: 2.4rem;
    }
  }


}

.tooltip {
  @include flex-align(center, space-between);
  > select {
    width: 90%;
  }

  &:after {
    left: 83%;
    right: auto;
  }
}