<div class="ch-shadow--xs"></div>
<!-- box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.04); -->

<div class="ch-shadow--sm"></div>
<!-- box-shadow: 0px 12px 12px -6px rgba(0, 0, 0, 0.04); -->

<div class="ch-shadow--md"></div>
<!-- box-shadow: 0px 24px 24px -12px rgba(0, 0, 0, 0.04); -->

<div class="ch-shadow--lg"></div>
<!-- box-shadow: 0px 30px 30px -15px rgba(0, 0, 0, 0.04); -->

<div class="ch-shadow--xl"></div>
<!-- box-shadow: 0px 36px 36px -18px rgba(0, 0, 0, 0.04); -->

<!-- Responsive -->
<div class="[sl,sm,md,lg]:ch-shadow--*"></div>

---

Shadow opacity

Adjust the opacity of the shadow.

<div class="ch-shadow--md ch-shadow--darker"></div>
<!-- box-shadow: 0px 24px 24px -12px rgba(0, 0, 0, 0.1); -->