@use 'sass:map';
@use './colors' as *;

$black-color: map.get($mx-global, black);

.gl-el-1 {
  box-shadow: 0px 1px 3px 1px rgba($black-color, 0.15), 0px 1px 2px 0px rgba($black-color, 0.3);
}
.gl-el-2 {
  box-shadow: 0px 2px 6px 2px rgba($black-color, 0.15), 0px 1px 2px 0px rgba($black-color, 0.3);
}
.gl-el-3 {
  box-shadow: 0px 1px 3px 0px rgba($black-color, 0.3), 0px 4px 8px 3px rgba($black-color, 0.15);
}
.gl-el-4 {
  box-shadow: 0px 2px 3px 0px rgba($black-color, 0.3), 0px 6px 10px 4px rgba($black-color, 0.15);
}
.gl-el-5 {
  box-shadow: 0px 4px 4px 0px rgba($black-color, 0.3), 0px 8px 12px 6px rgba($black-color, 0.15);
}

.gl-dark-el-1 {
  box-shadow: 0px 1px 3px 1px rgba($black-color, 0.15), 0px 1px 2px 0px rgba($black-color, 0.3);
}
.gl-dark-el-2 {
  box-shadow: 0px 2px 6px 2px rgba($black-color, 0.15), 0px 1px 2px 0px rgba($black-color, 0.3);
}
.gl-dark-el-3 {
  box-shadow: 0px 1px 3px 0px rgba($black-color, 0.3), 0px 4px 8px 3px rgba($black-color, 0.15);
}
.gl-dark-el-4 {
  box-shadow: 0px 2px 3px 0px rgba($black-color, 0.3), 0px 6px 10px 4px rgba($black-color, 0.15);
}
.gl-dark-el-5 {
  box-shadow: 0px 4px 4px 0px rgba($black-color, 0.3), 0px 8px 12px 6px rgba($black-color, 0.15);
}