/* 
* =============================================
* Shape
* https://animista.net/play/basic/shadow-drop/shadow-drop-left
* =============================================
*/
.shadow {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

.shadow-inset {
  -webkit-box-shadow: inset 0 0 14px 0 rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 0 14px 0 rgba(0, 0, 0, 0.5);
}

.shadow-top {
  -webkit-box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.5);
          box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.5);
}
.shadow-top.shadow-inset {
  -webkit-box-shadow: inset 0 6px 14px -6px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 6px 14px -6px rgba(0, 0, 0, 0.5);
}

.shadow-bottom {
  -webkit-box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.5);
          box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.5);
}
.shadow-bottom.shadow-inset {
  -webkit-box-shadow: inset 0 -6px 14px -6px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 -6px 14px -6px rgba(0, 0, 0, 0.5);
}

.shadow-left {
  -webkit-box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.5);
          box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.5);
}
.shadow-left.shadow-inset {
  -webkit-box-shadow: inset 6px 0 14px -6px rgba(0, 0, 0, 0.5);
          box-shadow: inset 6px 0 14px -6px rgba(0, 0, 0, 0.5);
}

.shadow-right {
  -webkit-box-shadow: 12px 0 20px -12px rgba(0, 0, 0, 0.5);
          box-shadow: 12px 0 20px -12px rgba(0, 0, 0, 0.5);
}
.shadow-right.shadow-inset {
  -webkit-box-shadow: inset -6px 0 14px -6px rgba(0, 0, 0, 0.5);
          box-shadow: inset -6px 0 14px -6px rgba(0, 0, 0, 0.5);
}

.shadow-tl {
  -webkit-box-shadow: -12px -12px 20px -12px rgba(0, 0, 0, 0.5);
          box-shadow: -12px -12px 20px -12px rgba(0, 0, 0, 0.5);
}
.shadow-tl.shadow-inset {
  -webkit-box-shadow: inset 6px 6px 14px -6px rgba(0, 0, 0, 0.5);
          box-shadow: inset 6px 6px 14px -6px rgba(0, 0, 0, 0.5);
}

.shadow-tr {
  -webkit-box-shadow: 12px -12px 20px -12px rgba(0, 0, 0, 0.5);
          box-shadow: 12px -12px 20px -12px rgba(0, 0, 0, 0.5);
}
.shadow-tr.shadow-inset {
  -webkit-box-shadow: inset -6px 6px 14px -6px rgba(0, 0, 0, 0.5);
          box-shadow: inset -6px 6px 14px -6px rgba(0, 0, 0, 0.5);
}

.shadow-bl {
  -webkit-box-shadow: -12px 12px 20px -12px rgba(0, 0, 0, 0.5);
          box-shadow: -12px 12px 20px -12px rgba(0, 0, 0, 0.5);
}
.shadow-bl.shadow-inset {
  -webkit-box-shadow: inset 6px -6px 14px -6px rgba(0, 0, 0, 0.5);
          box-shadow: inset 6px -6px 14px -6px rgba(0, 0, 0, 0.5);
}

.shadow-br {
  -webkit-box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.5);
          box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.5);
}
.shadow-br.shadow-inset {
  -webkit-box-shadow: inset -6px -6px 14px -6px rgba(0, 0, 0, 0.5);
          box-shadow: inset -6px -6px 14px -6px rgba(0, 0, 0, 0.5);
}

.shadow-x {
  -webkit-box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.5), 12px 0 20px -12px rgba(0, 0, 0, 0.5);
          box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.5), 12px 0 20px -12px rgba(0, 0, 0, 0.5);
}
.shadow-x.shadow-inset {
  -webkit-box-shadow: inset -6px 0 14px -6px rgba(0, 0, 0, 0.5), inset 6px 0 14px -6px rgba(0, 0, 0, 0.5);
          box-shadow: inset -6px 0 14px -6px rgba(0, 0, 0, 0.5), inset 6px 0 14px -6px rgba(0, 0, 0, 0.5);
}

/** text-shadow  **/
.text-shadow {
  text-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5);
}

.text-shadow-top {
  text-shadow: 0 -0.1rem 0.1rem rgba(0, 0, 0, 0.5);
}

.text-shadow-bottom {
  text-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
}

.text-shadow-left {
  text-shadow: -0.1rem 0 0.1rem rgba(0, 0, 0, 0.5);
}

.text-shadow-right {
  text-shadow: 0.1rem 0 0.1rem rgba(0, 0, 0, 0.5);
}

.text-shadow-tl {
  text-shadow: -0.1rem -0.1rem 0.1rem rgba(0, 0, 0, 0.5);
}

.text-shadow-tr {
  text-shadow: 0.1rem -0.1rem 0.1rem rgba(0, 0, 0, 0.5);
}

.text-shadow-bl {
  text-shadow: -0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
}

.text-shadow-br {
  text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.5);
}

/*# sourceMappingURL=shadow.css.map */