[data-component-id="canvas_test_sdc:columns"] {
  display: flex;

  .width-100 {
    flex: 0 1 100%;
    max-width: 100%;
  }

  .width-50 {
    flex: 0 1 50%;
    max-width: 50%;
  }

  .width-33 {
    flex: 0 1 33%;
    max-width: 33%;
  }

  .width-34 {
    flex: 0 1 34%;
    max-width: 34%;
  }

  .width-25 {
    flex: 0 1 25%;
    max-width: 25%;
  }

  .width-20 {
    flex: 0 1 20%;
    max-width: 20%;
  }

  .width-16 {
    flex: 0 1 16%;
    max-width: 16%;
  }

  .width-17 {
    flex: 0 1 17%;
    max-width: 17%;
  }

  .width-66 {
    flex: 0 1 66%;
    max-width: 66%;
  }

  .width-67 {
    flex: 0 1 67%;
    max-width: 67%;
  }

  .width-75 {
    flex: 0 1 75%;
    max-width: 75%;
  }
}
