:root {
  --shadow: 0 0 0.525rem 0 rgba(0, 0, 0, 0.1);
  --shadow-xs: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1),
    0 0.0625rem 0.125rem rgba(0, 0, 0, 0.06);
  --shadow-md: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.1),
    0 0.125rem 0.25rem rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 0.625rem 0.9375rem rgba(0, 0, 0, 0.1),
    0 0.25rem 0.375rem rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 1.25rem 1.5625rem rgba(0, 0, 0, 0.1),
    0 0.625rem 0.625rem rgba(0, 0, 0, 0.08);
}

.shadow-none {
  box-shadow: none;
}
.shadow {
  box-shadow: var(--shadow);
}
.shadow-xs {
  box-shadow: var(--shadow-xs);
}
.shadow-sm {
  box-shadow: var(--shadow-sm);
}
.shadow-md {
  box-shadow: var(--shadow-md);
}
.shadow-lg {
  box-shadow: var(--shadow-lg);
}
.shadow-xl {
  box-shadow: var(--shadow-xl);
}