.shadow {
  box-shadow: 0 0 6px 0 rgba(46, 63, 88, 0.14);

  &-small {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
  }
  &-large {
    box-shadow: 0 7px 8px 0 rgba(46, 63, 88, 0.16);
  }
}

.children {

  &-shadow input {
    box-shadow: 0 0 6px 0 rgba(46, 63, 88, 0.14);
  }

  &-shadow-small input {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
  }

  &-shadow-large input {
    box-shadow: 0 7px 8px 0 rgba(46, 63, 88, 0.16);
  }
}