.spd-monitor .scrollable-block {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto; }
  .spd-monitor .scrollable-block_monitor {
    width: inherit;
    height: inherit; }
  .spd-monitor .scrollable-block__img {
    width: inherit;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-property: margin-top;
    transition-property: margin-top;
    -webkit-transition-duration: 4000ms;
            transition-duration: 4000ms; }

.spd-monitor .monitor-container {
  display: inline-block;
  position: relative;
  width: 100%; }
  .spd-monitor .monitor-container:after {
    content: '';
    display: block;
    padding-bottom: 82%; }

.spd-monitor .screen {
  width: 100%;
  height: 100%;
  background: url(../img/monitor.svg) no-repeat 50%;
  position: absolute;
  background-size: contain; }
  .spd-monitor .screen__content {
    width: 92%;
    height: 64%;
    top: 4.7%;
    left: 3.8%;
    position: absolute;
    overflow: hidden; }

.spd-monitor {
  text-align: center; }
  .spd-monitor * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BkLW1vbml0b3IuY3NzIiwic291cmNlcyI6WyJzcGQtbW9uaXRvci5zYXNzIiwibW9kdWxlcy9zcGQtbW9uaXRvci9fc2VsZi5zYXNzIiwibW9kdWxlcy9zcGQtbW9uaXRvci9fdmFyaWFibGVzLnNhc3MiLCJtb2R1bGVzL3NwZC1tb25pdG9yL19zY3JvbGxhYmxlLWJsb2NrLnNhc3MiLCJtb2R1bGVzL3NwZC1tb25pdG9yL19tb25pdG9yLWNvbnRhaW5lci5zYXNzIiwibW9kdWxlcy9zcGQtbW9uaXRvci9fc2NyZWVuLnNhc3MiXSwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCBcIm1vZHVsZXMvc3BkLW1vbml0b3Ivc2VsZlwiO1xuIiwiQGltcG9ydCBcInZhcmlhYmxlc1wiO1xuQGltcG9ydCBcInNjcm9sbGFibGUtYmxvY2tcIjtcbkBpbXBvcnQgXCJtb25pdG9yLWNvbnRhaW5lclwiO1xuQGltcG9ydCBcInNjcmVlblwiO1xuXG4uI3skc3BkfSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgKiB7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDsgfSB9XG4iLCIkc3BkOiBzcGQtbW9uaXRvcjtcbiIsIi4jeyRzcGR9IHtcbiAgLnNjcm9sbGFibGUtYmxvY2sge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWFyZ2luOiAwIGF1dG87XG5cbiAgICAmX21vbml0b3Ige1xuICAgICAgd2lkdGg6IGluaGVyaXQ7XG4gICAgICBoZWlnaHQ6IGluaGVyaXQ7IH1cbiAgICAmX19pbWcge1xuICAgICAgd2lkdGg6IGluaGVyaXQ7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbiAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IG1hcmdpbi10b3A7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiA0MDAwbXM7IH0gfSB9XG4iLCIuI3skc3BkfSB7XG5cbiAgLm1vbml0b3ItY29udGFpbmVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgJjphZnRlciB7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgcGFkZGluZy1ib3R0b206IDgyJTsgfSB9IH1cbiIsIi4jeyRzcGR9IHtcblxuICAuc2NyZWVuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogdXJsKC4uL2ltZy9tb25pdG9yLnN2Zykgbm8tcmVwZWF0IDUwJTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuXG5cbiAgICAmX19jb250ZW50IHtcbiAgICAgIHdpZHRoOiA5MiU7XG4gICAgICBoZWlnaHQ6IDY0JTtcbiAgICAgIHRvcDogNC4yJTtcbiAgICAgIGxlZnQ6IDMuOCU7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuOyB9IH0gfVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBR0FBLEFBQ0UsWUFEVSxDQUNWLGlCQUFpQixDQUFDO0VBQ2hCLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLEtBQUssRUFBRSxJQUFJO0VBQ1gsTUFBTSxFQUFFLElBQUk7RUFDWixNQUFNLEVBQUUsTUFBTSxHQVlxQjtFQWpCdkMsQUFDRSxZQURVLENBT1IseUJBQVMsQ0FBQztJQUNSLEtBQUssRUFBRSxPQUFPO0lBQ2QsTUFBTSxFQUFFLE9BQU8sR0FBSTtFQVR6QixBQUNFLFlBRFUsQ0FVUixzQkFBTSxDQUFDO0lBQ0wsS0FBSyxFQUFFLE9BQU87SUFDZCxRQUFRLEVBQUUsUUFBUTtJQUNsQixHQUFHLEVBQUUsQ0FBQztJQUNOLElBQUksRUFBRSxDQUFDO0lBQ1AsMEJBQTBCLEVBQUUsTUFBTTtJQUNsQyxtQkFBbUIsRUFBRSxVQUFVO0lBQy9CLG1CQUFtQixFQUFFLE1BQU0sR0FBSTs7QUNqQnJDLEFBRUUsWUFGVSxDQUVWLGtCQUFrQixDQUFDO0VBQ2pCLE9BQU8sRUFBRSxZQUFZO0VBQ3JCLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLEtBQUssRUFBRSxJQUFJLEdBS2dCO0VBVi9CLEFBRUUsWUFGVSxDQUVWLGtCQUFrQixBQUtoQixNQUFPLENBQUM7SUFDTixPQUFPLEVBQUUsRUFBRTtJQUNYLE9BQU8sRUFBRSxLQUFLO0lBQ2QsY0FBYyxFQUFFLEdBQUcsR0FBSTs7QUNWN0IsQUFFRSxZQUZVLENBRVYsT0FBTyxDQUFDO0VBQ04sS0FBSyxFQUFFLElBQUk7RUFDWCxNQUFNLEVBQUUsSUFBSTtFQUNaLFVBQVUsRUFBRSx1QkFBdUIsQ0FBQyxTQUFTLENBQUMsR0FBRztFQUNqRCxRQUFRLEVBQUUsUUFBUTtFQUNsQixlQUFlLEVBQUUsT0FBTyxHQVNBO0VBaEI1QixBQUVFLFlBRlUsQ0FVUixnQkFBVSxDQUFDO0lBQ1QsS0FBSyxFQUFFLEdBQUc7SUFDVixNQUFNLEVBQUUsR0FBRztJQUNYLEdBQUcsRUFBRSxJQUFJO0lBQ1QsSUFBSSxFQUFFLElBQUk7SUFDVixRQUFRLEVBQUUsUUFBUTtJQUNsQixRQUFRLEVBQUUsTUFBTSxHQUFJOztBSlgxQixBQUFBLFlBQVksQ0FBSDtFQUNQLFVBQVUsRUFBRSxNQUFNLEdBRVk7RUFIaEMsQUFFRSxZQUZVLENBRVYsQ0FBQyxDQUFDO0lBQ0EsVUFBVSxFQUFFLFVBQVUsR0FBSSJ9 */