@import "vars";
@import "../public/fonts/font";
@import "../public/fonts/unicode";

@import "normalize";
@import "mixins";
@import "helper";
@import "type";

@import "form";
@import "form-checkbox";
@import "form-file";
@import "form-input-group";
@import "form-range";
@import "form-select";
@import "table";

@import "icon";
@import "button";
@import "dropdown";
@import "dialog";
@import "overflow";
@import "alerts";
@import "close";
@import "modal";
@import "search";

@import "select-list";
@import "row";

@import "header";
@import "login";
@import "updates";
@import "profile";
@import "folder";
@import "editors";
@import "team";

@import "toolbar";
@import "color";
@import "typography";
@import "layout";
@import "filter";
@import "canvas";
@import "margin-columns";
@import "pattern";
@import "metrics";

@import "lasso";
@import "section";
@import "column";
@import "annotation";

@import "chat";
@import "space-sections";

@import "sidebar";

@import "artifact";
@import "handles";

@import "smoke";
@import "landing";

html,
body {
  height:100%;
  background-color: $light;
  color: $black;
}

*[contenteditable="true"] {
  outline: none;
}

*,
*:before,
*:after {
  @include box-sizing(border-box);
}

body {
  max-width: 100%;
  padding: 0px;
  text-rendering: optimizeLegibility;
  //@include user-select(none);
  cursor: default;
}

#home {
  background-color: white;
}

.img img {
  max-width: 100%;
  height: auto;
}

#startup {
  background-position: center;
  background-image:url(/images/diamond.svg);
  background-repeat: no-repeat;
}


.layer {
  @include transition( all 0.2s ease-in-out);
  @include backface-visibility(hidden);
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  // @include scale(0.95,0.95);
  display: none;
  z-index: 1000;
  &.top-layer {
   z-index: 3500;
  }
  &.in {
    display: block;
    &.top-layer {
     z-index: 3500;
    }
    z-index: 2000;
    // @include scale(1,1);
    pointer-events: auto;
    opacity: 1;
  }
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

[v-cloak] {
  display: none !important;
}