:root {
  --panel-title: #0a3c54;
  --panel-title2: #062343;
  --panel-title3: #8c1f28;
  --panel-title1: #733f2d;
  --panel-content: #299cdc;
  --panel-content2: #5a88c1;
  --panel-content3: #f2cab3;
  --panel-content1: #d9a38f;
  --panel-content-selected: #0429404d;
  --panel-main: #0000000d;
  --panel-container: #f5f5f5;
  --white: #fff;
  --black: #000;
  --grey-light: #ccc;
  --grey: #aaa;
  --grey-dark: #999;
  --grey-dark-dark: #666;
  --transition-button: .6s;
}

html {
  height: 100%;
  overflow: hidden;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div {
  margin: 0;
  padding: 0;
}

#bp3djs-viewer2d, #bp3djs-viewer3d {
  width: 500px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0;
}

#bp3djs-controls {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.qs_color {
  visibility: hidden;
  position: absolute;
  left: 5px;
}

.qs_main {
  background-color: var(--panel-main);
  text-align: left;
  -webkit-user-select: none;
  user-select: none;
  color: var(--black);
  border: none;
  font: 12px sans-serif;
  position: absolute;
  box-shadow: 0 0 #0000001a;
}

.qs_content {
  text-align: center;
  background-color: var(--panel-content);
  overflow-y: auto;
}

.qs_title_bar {
  background-color: var(--panel-title);
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  color: var(--white);
  border-radius: 10px 10px 0 0;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
}

.qs_title_section_custom h4 {
  margin: 0;
  padding: 0;
}

.qs_container_title_section_custom {
  border-top: 3px solid var(--panel-title);
  border-bottom: 3px solid var(--panel-title);
  background-color: var(--panel-container);
  margin: 0;
  padding: 0;
}

.qs_container {
  background-color: var(--panel-content);
  border: none;
  padding: 10px 0;
  position: relative;
}

.qs_container_selected {
  background-color: var(--panel-content-selected);
  border: none;
}

.qs_range {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  background-color: #0000;
  border: none;
  width: 100%;
  height: 17px;
  margin: 0;
  padding: 0;
}

.qs_range:focus {
  border: none;
  outline: none;
}

.qs_range::-webkit-slider-runnable-track {
  cursor: pointer;
  background: var(--grey-light);
  border-radius: 0;
  width: 100%;
  height: 15px;
}

.qs_range:focus::-webkit-slider-runnable-track {
  background: var(--grey-light);
}

.qs_range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--grey-dark);
  cursor: pointer;
  border-radius: 0;
  width: 15px;
  height: 15px;
  margin-top: 0;
}

.qs_range::-moz-range-track {
  cursor: pointer;
  background: var(--grey-light);
  border-radius: 0;
  width: 100%;
  height: 15px;
}

.qs_range::-moz-range-thumb {
  background: var(--grey-dark);
  cursor: pointer;
  border: none;
  border-radius: 0;
  width: 15px;
  height: 15px;
}

.qs_range::-ms-track {
  cursor: pointer;
  visibility: hidden;
  background: none;
  width: 100%;
  height: 15px;
}

.qs_range::-ms-thumb {
  background: var(--grey-dark);
  cursor: pointer;
  border: none;
  border-radius: 0;
  width: 15px;
  height: 15px;
}

.qs_range::-ms-fill-lower {
  background: var(--grey-light);
  border-radius: 0;
}

.qs_range:focus::-ms-fill-lower {
  background: var(--grey-light);
}

.qs_range::-ms-fill-upper {
  background: var(--grey-light);
  border-radius: 0;
}

.qs_range:focus::-ms-fill-upper {
  background: var(--grey-light);
}

.qs_button {
  background-color: var(--panel-title);
  color: var(--white);
  border: 2px solid #0000;
  border-radius: 5px;
  margin: auto;
  font: 16px sans-serif;
  transition: all .4s;
}

.qs_button:hover {
  border: 2px solid #fff;
  border-radius: 5px;
}

.qs_button:active {
  background-color: var(--white);
  border: 1px solid var(--grey);
  color: var(--white);
}

.qs_button:focus {
  border: 1px solid var(--grey);
  outline: none;
}

.qs_checkbox {
  cursor: pointer;
}

.qs_checkbox input {
  position: absolute;
  left: -99999px;
}

.qs_checkbox span {
  text-indent: 20px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAALklEQVQ4T2OcOXPmfwYKACPIgLS0NLKMmDVrFsOoAaNhMJoOGBioFwZkZUWoJgApdFaxjUM1YwAAAABJRU5ErkJggg==") no-repeat;
  width: 100%;
  height: 16px;
  display: block;
}

.qs_checkbox input:checked + span {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAvElEQVQ4T63Tyw2EIBAA0OFKBxBL40wDRovAUACcKc1IB1zZDAkG18GYZTmSmafzgTnnMgwchoDWGlJKheGcP3JtnPceCqCUAmttSZznuYtgchsXQrgC+77DNE0kUpPbmBOoJaBOIVQylnqWgAAeKhDve/AN+EaklJBzhhgjWRoJVGTbNjiOowAIret6a+4jYIwpX8aDwLIs74C2D0IIYIyVP6Gm898m9kbVm85ljHUTf16k4VUefkwDrxk+zoUEwCt0GbUAAAAASUVORK5CYII=") no-repeat;
}

.qs_checkbox_label {
  position: absolute;
  top: 7px;
  left: 30px;
}

.qs_label {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  margin-bottom: 3px;
  font: 12px sans-serif;
}

.qs_text_input {
  box-sizing: border-box;
  border: 1px inset var(--white);
  background-color: var(--white);
  color: var(--black);
  width: 100%;
  height: 24px;
  padding: 0 0 0 5px;
  font-size: 16px;
}

.qs_text_input:focus {
  background: var(--white);
  border: 1px inset var(--white);
  outline: none;
}

.qs_select {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAp0lEQVRIS+2SsQ3FIAwF7RVYhA5mgQFhFuhYhJKWL0eKxI8SGylKZ0p4+OBsHGNM+HChAiS7qkgyBKrovaLeOxhjbgtxZ+cFtgelFMg5QwgBvPd/EO5sDbKAlBLUWo/8CjmL075zDmKMj6rEKbpCqBL9aqc4ZUQAhVbInBMQUXz5Vg/WfxOktXZsWWtZLds9uIqlqaH1NFV3jdhSJA47E1CAaE8ViYp+wGiWMZ/T+cgAAAAASUVORK5CYII=") no-repeat right var(--white);
  appearance: none;
  color: var(--black);
  border: 1px solid var(--grey);
  border-radius: 0;
  width: 100%;
  height: 24px;
  padding: 0 5px;
  font-size: 16px;
}

.qs_select option {
  font-size: 16px;
}

.qs_select::-ms-expand {
  display: none;
}

.qs_select:focus {
  outline: none;
}

.qs_number {
  height: 24px;
}

.qs_image {
  width: 100%;
}

.qs_progress {
  background-color: var(--grey-light);
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 15px;
}

.qs_progress_value {
  background-color: var(--grey-dark);
  height: 100%;
}

.qs_textarea {
  box-sizing: border-box;
  resize: vertical;
  border: 1px inset var(--white);
  background-color: var(--white);
  color: var(--black);
  width: 100%;
  padding: 3px 5px;
  font-size: 16px;
}

.qs_textarea:focus {
  background: var(--white);
  border: 1px inset var(--white);
  outline: none;
}

.qs_color {
  position: absolute;
  left: -999999px;
}

.qs_color_label {
  border: 1px solid var(--grey);
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 20px;
  padding: 0 0 0 5px;
  display: block;
}

.qs_file_chooser {
  position: absolute;
  left: -999999px;
}

.qs_label b {
  display: none;
}

.qs_file_chooser_label {
  background-color: var(--panel-title);
  color: var(--white);
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 2px solid #0000;
  border-radius: 5px;
  justify-self: center;
  width: 80%;
  margin: auto;
  font-size: 16px;
  transition: all .4s;
  display: block;
  overflow: hidden;
}

.qs_file_chooser_label:hover {
  border: 2px solid #fff;
  border-radius: 5px;
}

.qs_container_paragraph_custom p {
  background-color: var(--panel-title);
  width: 100%;
  margin: 15px 0 0;
  padding: 10px 0;
}

.qs_paragraph_value_custom {
  color: var(--white);
  width: 100%;
  font-size: 14px;
}

/*# sourceMappingURL=index.cf673764.css.map */