/* prettier-ignore */
bce-element-matrix {
  display: grid;
  grid-template: "q q" ".. tl" auto "sl rb" auto/auto auto;
}
bce-element-matrix > p {
  font-weight: 500;
  text-align: center;
  grid-area: q;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  bce-element-matrix > p {
    text-align: left;
  }
}
bce-element-matrix > div.tl {
  position: relative;
  grid-area: tl;
  display: flex;
  justify-content: space-between;
}
bce-element-matrix > div.sl {
  position: relative;
  height: 100%;
  grid-area: sl;
  display: flex;
  flex-direction: column;
}
bce-element-matrix > div.sl label {
  line-height: 28px;
  margin: 20px 0 0;
  height: 32px;
}
bce-element-matrix > div.rb {
  grid-area: rb;
}
bce-element-matrix > div.rb bce-input > [data-input] {
  position: relative;
  display: flex;
  justify-content: space-between;
}