/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */
.drm-picturestack {
  position: relative;
  width: 100%;
  height: 0;
  padding: 0; }
  .drm-picturestack--height-16x9 {
    padding-bottom: 56.25%; }
  .drm-picturestack--height-4x3 {
    padding-bottom: 75%; }
  .drm-picturestack--height-5x4 {
    padding-bottom: 80%; }
  .drm-picturestack--height-1x1 {
    padding-bottom: 100%; }
  .drm-picturestack--height-4x5 {
    padding-bottom: 125%; }
  .drm-picturestack--height-3x4 {
    padding-bottom: 133.33%; }
  .drm-picturestack--height-9x16 {
    padding-bottom: 177.78%; }
  .drm-picturestack__layer {
    background-position: center; }
    .drm-picturestack__layer, .drm-picturestack__layer-container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .drm-picturestack__layer-container--clip {
      overflow: hidden; }
  .drm-picturestack--contain {
    background-size: contain; }
  .drm-picturestack--cover {
    background-size: cover; }
  .drm-picturestack--contain, .drm-picturestack--cover {
    background-repeat: no-repeat; }
  .drm-picturestack--repeat {
    background-repeat: repeat; }
  .drm-picturestack--depth-300.drm-picturestack--contain-extended, .drm-picturestack--depth-300.drm-picturestack--cover-extended, .drm-picturestack--depth-300.drm-picturestack--repeat-extended, .drm-picturestack--depth300.drm-picturestack--contain-extended, .drm-picturestack--depth300.drm-picturestack--cover-extended, .drm-picturestack--depth300.drm-picturestack--repeat-extended {
    top: -150px;
    bottom: -150px; }
  .drm-picturestack--depth-250.drm-picturestack--contain-extended, .drm-picturestack--depth-250.drm-picturestack--cover-extended, .drm-picturestack--depth-250.drm-picturestack--repeat-extended, .drm-picturestack--depth250.drm-picturestack--contain-extended, .drm-picturestack--depth250.drm-picturestack--cover-extended, .drm-picturestack--depth250.drm-picturestack--repeat-extended {
    top: -125px;
    bottom: -125px; }
  .drm-picturestack--depth-200.drm-picturestack--contain-extended, .drm-picturestack--depth-200.drm-picturestack--cover-extended, .drm-picturestack--depth-200.drm-picturestack--repeat-extended, .drm-picturestack--depth200.drm-picturestack--contain-extended, .drm-picturestack--depth200.drm-picturestack--cover-extended, .drm-picturestack--depth200.drm-picturestack--repeat-extended {
    top: -100px;
    bottom: -100px; }
  .drm-picturestack--depth-150.drm-picturestack--contain-extended, .drm-picturestack--depth-150.drm-picturestack--cover-extended, .drm-picturestack--depth-150.drm-picturestack--repeat-extended, .drm-picturestack--depth150.drm-picturestack--contain-extended, .drm-picturestack--depth150.drm-picturestack--cover-extended, .drm-picturestack--depth150.drm-picturestack--repeat-extended {
    top: -75px;
    bottom: -75px; }
  .drm-picturestack--depth-100.drm-picturestack--contain-extended, .drm-picturestack--depth-100.drm-picturestack--cover-extended, .drm-picturestack--depth-100.drm-picturestack--repeat-extended, .drm-picturestack--depth100.drm-picturestack--contain-extended, .drm-picturestack--depth100.drm-picturestack--cover-extended, .drm-picturestack--depth100.drm-picturestack--repeat-extended {
    top: -50px;
    bottom: -50px; }
  .drm-picturestack--depth-80.drm-picturestack--contain-extended, .drm-picturestack--depth-80.drm-picturestack--cover-extended, .drm-picturestack--depth-80.drm-picturestack--repeat-extended, .drm-picturestack--depth80.drm-picturestack--contain-extended, .drm-picturestack--depth80.drm-picturestack--cover-extended, .drm-picturestack--depth80.drm-picturestack--repeat-extended {
    top: -40px;
    bottom: -40px; }
  .drm-picturestack--depth-60.drm-picturestack--contain-extended, .drm-picturestack--depth-60.drm-picturestack--cover-extended, .drm-picturestack--depth-60.drm-picturestack--repeat-extended, .drm-picturestack--depth60.drm-picturestack--contain-extended, .drm-picturestack--depth60.drm-picturestack--cover-extended, .drm-picturestack--depth60.drm-picturestack--repeat-extended {
    top: -30px;
    bottom: -30px; }
  .drm-picturestack--depth-40.drm-picturestack--contain-extended, .drm-picturestack--depth-40.drm-picturestack--cover-extended, .drm-picturestack--depth-40.drm-picturestack--repeat-extended, .drm-picturestack--depth40.drm-picturestack--contain-extended, .drm-picturestack--depth40.drm-picturestack--cover-extended, .drm-picturestack--depth40.drm-picturestack--repeat-extended {
    top: -20px;
    bottom: -20px; }
  .drm-picturestack--depth-20.drm-picturestack--contain-extended, .drm-picturestack--depth-20.drm-picturestack--cover-extended, .drm-picturestack--depth-20.drm-picturestack--repeat-extended, .drm-picturestack--depth20.drm-picturestack--contain-extended, .drm-picturestack--depth20.drm-picturestack--cover-extended, .drm-picturestack--depth20.drm-picturestack--repeat-extended {
    top: -10px;
    bottom: -10px; }
  .drm-picturestack--opacity-10 {
    opacity: 0.1; }
  .drm-picturestack--opacity-20 {
    opacity: 0.2; }
  .drm-picturestack--opacity-30 {
    opacity: 0.3; }
  .drm-picturestack--opacity-40 {
    opacity: 0.4; }
  .drm-picturestack--opacity-50 {
    opacity: 0.5; }
  .drm-picturestack--opacity-60 {
    opacity: 0.6; }
  .drm-picturestack--opacity-70 {
    opacity: 0.7; }
  .drm-picturestack--opacity-80 {
    opacity: 0.8; }
  .drm-picturestack--opacity-90 {
    opacity: 0.9; }
  .drm-picturestack--opacity-100 {
    opacity: 1; }
  .drm-picturestack--blend-normal {
    mix-blend-mode: normal; }
  .drm-picturestack--blend-multiply {
    mix-blend-mode: multiply; }
  .drm-picturestack--blend-screen {
    mix-blend-mode: screen; }
  .drm-picturestack--blend-overlay {
    mix-blend-mode: overlay; }
  .drm-picturestack--blend-soft-light {
    mix-blend-mode: soft-light; }
  .drm-picturestack--blend-color {
    mix-blend-mode: color; }