////
///
/// Searchbox Utility Classes
/// ===========================================================================
///
/// CSS classes for search input 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_searchbox" as *;

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

/// Input types styling.
/// Customizes specific input types for better consistency across browsers.
/// @group Form
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    @include input--number-spin-buttons;
}

[type="search"] {
    @include input--search;
}

[type="search"]::-webkit-search-decoration {
    @include input--search-decoration;
}