Shadow

Elevation values reserved for overlays and genuine overlap rather than routine decoration.

PreviewNameValue

--sous-ref-shadow-lg0 16px 40px rgb(0 0 0 / 13%), 0 4px 10px rgb(0 0 0 / 6%)

--sous-ref-shadow-md0 8px 24px rgb(0 0 0 / 10%), 0 2px 6px rgb(0 0 0 / 5%)

--sous-ref-shadow-nonenone

--sous-ref-shadow-sm0 2px 6px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 4%)

--sous-ref-shadow-xl0 24px 64px rgb(0 0 0 / 16%), 0 8px 20px rgb(0 0 0 / 7%)

--sous-ref-shadow-xs0 1px 2px rgb(0 0 0 / 5%)

--sous-shadow-basenone

--sous-shadow-controlnone

--sous-shadow-dialog0 16px 40px rgb(0 0 0 / 13%), 0 4px 10px rgb(0 0 0 / 6%)

--sous-shadow-popover0 8px 24px rgb(0 0 0 / 10%), 0 2px 6px rgb(0 0 0 / 5%)

--sous-shadow-raised0 2px 6px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 4%)

--sous-shadow-toast0 2px 6px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 4%)