.select-wrapper {
    position: relative;

    .c-icon {
        pointer-events: none;
        position: absolute;
        top: 30%;
        right: .625rem;
    }
}

/* stylelint-disable */
.c-input-group select {
    font-size: 1rem;
    line-height: 1.5;
    border-bottom: 1px solid theme('colors.gray.400');
    height: 46px;
    padding: .5625rem 0 .5rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: theme('colors.gray.900');
    background: white;

    &::-ms-expand {
        display: none;
    }

    &:hover {
        border-color: theme('colors.gray.600');
    }

    &:focus,
    &:active {
        border-color: theme('colors.secondary.600');
    }

    // If a field is required, it will be validated.
    &:required:valid {
        border-color: theme('colors.positive.500');
    }

    &:hover:required:valid {
        border-color: theme('colors.positive.600');
    }

    &:focus:required:valid,
    &:active:required:valid {
        border-color: theme('colors.positive.700');
    }
}

/* stylelint-enable */
