/**
 * @file
 */

/** Only reasonable for large monitors, left to swipe for small devices. */
@media screen and (min-width: 768px) {
  /** Layout, watch out numbers. */
  .slick.slick--skin--slicereel {
    /* Makes extra room for slice boxes. */
    min-height: 475px;
    overflow: hidden !important;
    /* Makes room for top boxes. */
    padding-top: 100px;
  }

  /* Align top box due to padding above. */
  .slick.slick--skin--slicereel .slick__perspective {
    top: 100px;
  }

  .slick.slick--skin--slicereel .slick__arrow {
    /* Padding 100px - reflection 30px + arrow height. */
    margin-top: 20px;
  }

  /** Adjust base 3d plane dimensions accordingly. */
  .slick.slick--skin--slicereel .slick-list {
    width: 640px;
    height: 325px;
  }
}