////
///
/// Select Utility Classes
/// ===========================================================================
///
/// CSS classes for select elements.
/// All functionality is defined in mixins - classes only include them.
///
/// @group Classes.BodyAtoms.Inputs
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.2.10
/// @access public
///
////

// ============================================================================
// Use
// ============================================================================

@use "../../../mixins/body_atoms/inputs/input_select" as *;

// ============================================================================
// Utility Classes
// ============================================================================

.select,
select {
    @include select--base;
}

// Remove the default IE 11 dropdown arrow
select::-ms-expand {
    display: none;
}

select::-ms-value {
    color: currentColor;
}

// Multiple selects should not reserve space for an icon
select[multiple] {
    background-image: none;
    padding-right: inherit;
}