@import "../../main";

@include oOverlay();
@import '@financial-times/o-fonts/main';
@include oFonts();
@import '@financial-times/o-buttons/main';
@include oButtons();
@import '@financial-times/o-normalise/main';
@include oNormalise();

body {
  @include oTypographySans();
  padding: oSpacingByName('s3');
  min-height: 500px;
}

.demo-button {
  margin-right: oSpacingByName('s1');
}

.demo-overlay-container {
  height: 220px;
}

.demo-overlay {
  width: 100%;
  max-width: 500px;
}

strong {
  font-weight: 600;
}