polyfill-next-selector {
  content: ':host /deep/ .ui-responsive';
}

::content .ui-responsive,
::content>* /deep/ .ui-responsive,
:host /deep/ .ui-responsive {
  overflow: hidden;
}

polyfill-next-selector {
  content: ':host /deep/ .ui-responsive .ui-block:first';
}

::content .ui-responsive .ui-block:first,
::content>* /deep/ .ui-responsive .ui-block:first,
:host /deep/ .ui-responsive .ui-block:first {
  clear: left;
}

polyfill-next-selector {
  content: ':host /deep/ .ui-block';
}

::content .ui-block,
::content>* /deep/ .ui-block,
:host /deep/ .ui-block {
  width: 50%;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* preset breakpoint to switch to stacked grid styles below 35em (560px) */

@media all and (max-width: 35em) {
  polyfill-next-selector {
    content: ':host /deep/ .ui-responsive .ui-block';
  }

  ::content .ui-responsive .ui-block,
  ::content>* /deep/ .ui-responsive .ui-block,
  :host /deep/ .ui-responsive .ui-block {
    width: 100%;
    float: none;
  }
}