/*!
  Vision
  @name preview.css
  @author Max Lavrentiev
  @site http://www.avirtum.com
*/body,html{margin:0;padding:0;height:100%;width:100%}body{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpiPHPmDAM2YGxsjFWciYFEMKqBGMD4//9/rBJnz54dDSX6aQAIMABCtQiAsDRF+wAAAABJRU5ErkJggg==) #fbfbfb;overflow:hidden}.vision-preview-wrap{position:fixed;top:0;left:0;bottom:0;right:0;height:100%;width:100%}.vision-preview-wrap .vision-preview-header{position:absolute;top:0;left:0;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;background:#ededed;border-bottom:1px solid #fff;-webkit-box-shadow:0 0 15px 0 #38393a;box-shadow:0 0 15px 0 #38393a;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;z-index:2}.vision-preview-wrap .vision-preview-header .vision-preview-btn{-webkit-transition:all .3s;transition:all .3s;height:35px;width:50px;margin-bottom:-1px;background-repeat:no-repeat;background-position:50% 50%;border-bottom:3px solid transparent;cursor:pointer}.vision-preview-wrap .vision-preview-header .vision-preview-btn.vision-active,.vision-preview-wrap .vision-preview-header .vision-preview-btn:hover{background-color:#fbfbfb;border-color:#06a0fa}.vision-preview-wrap .vision-preview-header .vision-preview-btn.vision-preview-image{background-image:url(../images/image.png)}.vision-preview-wrap .vision-preview-header .vision-preview-btn.vision-preview-desktop{background-image:url(../images/desktop.png)}.vision-preview-wrap .vision-preview-header .vision-preview-btn.vision-preview-tablet{background-image:url(../images/tablet.png)}.vision-preview-wrap .vision-preview-header .vision-preview-btn.vision-preview-mobile{background-image:url(../images/mobile.png)}.vision-preview-wrap .vision-preview-workspace{position:absolute;top:38px;left:0;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}.vision-preview-wrap .vision-preview-canvas{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vision-preview-wrap .vision-map{width:100%}