layout-row(){
  >*{
    margin: 0;
    margin-left: 10px;

    &:first-child{
      margin-left: 0 !important;
    }
  }
}
layout-column(){
  >*{
    margin: 0;
    margin-top: 10px;

    &:first-child{
      margin-top: 0;
    }
  }
}
body{
  overflow: hidden;
  color: color-text;
  background: transparent;

  &.media-gt-sm{
    .ag-margin{
      &.layout-gt-sm-row{
        layout-row()
      }
    }
  }
}

.ag-margin{
  &.layout-row{
    layout-row()
  }
  &.layout-column{
    layout-column()
  }
}