@use "sass:map";

$_default-elevation: (
    1: (
        0px 1px 2px 0px rgba(0, 0, 0, 0.30),
        0px 1px 3px 1px rgba(0, 0, 0, 0.15)
    ),
    2: (
        0px 1px 2px 0px rgba(0, 0, 0, 0.30),
        0px 2px 6px 2px rgba(0, 0, 0, 0.15)
    ),
    3: (
        0px 4px 8px 3px rgba(0, 0, 0, 0.15),
        0px 1px 3px 0px rgba(0, 0, 0, 0.30)
    ),
    4: (
        0px 6px 10px 4px rgba(0, 0, 0, 0.15),
        0px 2px 3px 0px rgba(0, 0, 0, 0.30)
    ),
    5: (
        0px 4px 4px 0px rgba(0, 0, 0, 0.30),
        0px 8px 12px 6px rgba(0, 0, 0, 0.15)
    ),
    6: (
        0px 6px 14px 6px rgba(0, 0, 0, 0.15),
        0px 4px 4px 0px rgba(0, 0, 0, 0.30)
    ),
    7: (
        0px 7px 16px 7px rgba(0, 0, 0, 0.15),
        0px 5px 5px 0px rgba(0, 0, 0, 0.30)
    ),
    8: (
        0px 8px 18px 8px rgba(0, 0, 0, 0.15),
        0px 6px 5px 0px rgba(0, 0, 0, 0.30)
    ),
    9: (
        0px 9px 20px 9px rgba(0, 0, 0, 0.15),
        0px 7px 6px 0px rgba(0, 0, 0, 0.30)
    )
);

/// The global default Elevation map.
/// @group elevation
$kendo-elevation: $_default-elevation !default;
$kendo-elevation: map.merge($_default-elevation, $kendo-elevation);