/* CSS for nice looking stories */
body {
  font-family: "Open Sans", sans-serif;
  line-height: 150%;
}

.ds-accordion {
  font-family: "Open Sans", sans-serif;
}

/* Border for stories in ZeroHeight */
.zeroheight-wrapper {
  border: #DFDFDF 1px solid;
  background-color: #FAFAFA;
  margin-left: -7px;
  border-radius: 3px;
  padding: 1em;
}

/* Grid */
.ds-storybook-grid .ds-grid__row {
  background-color: #ffe0e0;
}
.ds-storybook-grid *[class^="ds-grid__col"] {
  background-color: #e0ffff;
}
.ds-storybook-grid *[class^="ds-grid__col"]:nth-child(even) {
  background-color: #ffffe0;
}

/* Position */
#ds-example-box-1,
#ds-example-box-3 {
  width: 60px;
  height: 60px;
  float: left;
  border: 2px solid #006aed;
  background: #96c5ff;
}

#ds-example-box-2 {
  width: 60px;
  height: 60px;
  float: left;
  border: 2px solid #fc466d;
  background: #ffb6b5;
  margin: 0 4px;
}