:local {
  .wrapper1-tiny {
    height: 100%;
    padding: 5px;
    position: relative;
    width: 50px;
  }

  .wrapper1-small {
    height: 100%;
    padding: 5px;
    position: relative;
    width: 100px;
  }

  .wrapper1-medium {
    height: 100%;
    padding: 5px;
    position: relative;
    width: 150px;
  }

  .wrapper1-default {
    height: 100%;
    padding: 5px;
    position: relative;
    width: 100%;
  }
  
  .wrapper2 {
    border: 3px dashed #d3d3d3;
    height: 100%;
    position: relative;
    width: 100%;
  }

  .wrapper3 {
    color: #808080;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
}