scup/Atellier

/* ------------------------- *\
      COMPONENT PROPERTIES
\* ------------------------- */

.component-properties {
  padding: 25px;
  position: relative;
  overflow: scroll;
  border-right: 1px solid @color-border;
  .flex-item(0 0 362px);
}

.properties-container {
  background-color: @color-primary;
  border-radius: @border-radius;
  border: 1px solid @color-border;
  position: relative;
  width: 100%;
}

.properties-container .properties-container {
  margin-top: 21px;
}

.container-close-button {
  color: @color-border;
  cursor: pointer;
  cursor: pointer;
  font-size: 35px;
  position: absolute;
  right: 23px;
  top: 7px;
  transform: rotate(45deg);
}

.properties-component {
  border-bottom: 1px solid @color-border;
  color: @color-secundary-text;
  font-size: 18.67px;
  font-weight: 400;
  margin: 0;
  padding: 14px 24px;
}

.properties-form {
  padding: 0 14px;
  position: relative;
}

.no-properties {
  margin: 22px 0;
}