:root {
	---fd-shadow-low: 0px 6px 20px 0px rgba(99, 115, 129, 0.12);
	---fd-shadow-medium: 0px 4px 8px 0px rgba(99, 115, 129, 0.1);
	---fd-shadow-high: 0px 1px 2px 0px rgba(99, 115, 129, 0.12);
	---fd-shadow-sticky-bottom: 0px 3px 5px 0px rgba(99, 115, 129, 0.06);
	---fd-shadow-sticky-top: 0px -3px 5px 0px rgba(99, 115, 129, 0.06);
	---fd-shadow-popover: 0px -3px 8px 0px rgba(99, 115, 129, 0.14);
}

.fd-shadow-low {
	box-shadow: var(---fd-shadow-low);
}

.fd-shadow-medium {
	box-shadow: var(---fd-shadow-medium);
}

.fd-shadow-high {
	box-shadow: var(---fd-shadow-high);
}

.fd-shadow-sticky-bottom {
	box-shadow: var(---fd-shadow-sticky-bottom);
}

.fd-shadow-sticky-top {
	box-shadow: var(---fd-shadow-sticky-top);
}

.fd-shadow-popover {
	box-shadow: var(---fd-shadow-popover);
}